', {'class' : 'language-markup'}),\n $pre = $('', {'class' : 'line-numbers'}).append($code);\n\n $('#item-editor-wrapper').append($pre);\n devTools.liveXmlPreview(this.element, $code);\n }\n\n };\n\n function hasUnsupportedInteraction(xml) {\n const $qti = $(xml);\n return ($qti.find('div.qti-interaction.qti-customInteraction[data-serial]').length > 0);\n }\n\n return ItemWidget;\n});\n\n","\ndefine('tpl!taoMediaManager/qtiCreator/renderers/tpl/wrap', ['handlebars'], function(hb){ \nreturn hb.template(function (Handlebars,depth0,helpers,partials,data) {\n this.compilerInfo = [4,'>= 1.0.0'];\nhelpers = this.merge(helpers, Handlebars.helpers); data = data || {};\n \n\n\n return \"\";\n });\n});\n\n","/**\n * This program is free software; you can redistribute it and/or\n * modify it under the terms of the GNU General Public License\n * as published by the Free Software Foundation; under version 2\n * of the License (non-upgradable).\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program; if not, write to the Free Software\n * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.\n *\n * Copyright (c) 2020 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);\n */\n\ndefine('taoMediaManager/qtiCreator/renderers/Item',[\n 'jquery',\n 'lodash',\n 'taoQtiItem/qtiCommonRenderer/renderers/Item',\n 'taoMediaManager/qtiCreator/widgets/item/Widget',\n 'tpl!taoQtiItem/qtiCreator/tpl/item',\n 'tpl!taoMediaManager/qtiCreator/renderers/tpl/wrap'\n], function($, _, CommonRenderer, Widget, tpl, wrapTpl) {\n 'use strict';\n\n const CreatorItem = _.clone(CommonRenderer);\n\n const _normalizeItemBody = function _normalizeItemBody($itemBody) {\n\n $itemBody.children().each(function(){\n const $child = $(this);\n //must be a grid-row for editing:\n if (!$child.hasClass('grid-row') && !$child.hasClass('qti-infoControl')) {\n $child.wrap(wrapTpl());\n }\n });\n\n return $itemBody;\n };\n\n CreatorItem.template = tpl;\n\n CreatorItem.render = function render(item, options) {\n\n const $itemContainer = CommonRenderer.getContainer(item);\n\n _normalizeItemBody($itemContainer.find('.qti-itemBody'));\n\n options = options || {};\n options.state = 'active';//the item widget never sleeps ! <- this sounds very scary!\n options.renderer = this;\n\n return Widget.build(\n item,\n $itemContainer,\n this.getOption('itemOptionForm'),\n options\n );\n };\n\n return CreatorItem;\n});\n\n","/*\n * This program is free software; you can redistribute it and/or\n * modify it under the terms of the GNU General Public License\n * as published by the Free Software Foundation; under version 2\n * of the License (non-upgradable).\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program; if not, write to the Free Software\n * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.\n *\n * Copyright (c) 2020 (original work) Open Assessment Technologies SA ;\n *\n */\ndefine('taoMediaManager/qtiCreator/widgets/static/object/states/Active',[\n 'lodash',\n 'jquery',\n 'i18n',\n 'taoQtiItem/qtiCreator/widgets/states/factory',\n 'taoQtiItem/qtiCreator/widgets/static/states/Active',\n 'tpl!taoQtiItem/qtiCreator/tpl/forms/static/object',\n 'taoQtiItem/qtiCreator/widgets/helpers/formElement',\n 'taoQtiItem/qtiCreator/widgets/static/helpers/inline',\n 'ui/mediaEditor/mediaEditorComponent',\n 'ui/previewer',\n 'ui/resourcemgr',\n 'ui/tooltip'\n], function (_, $, __, stateFactory, Active, formTpl, formElement, inlineHelper, mediaEditorComponent) {\n 'use strict';\n /**\n * media Editor instance if has been initialized\n * @type {null}\n */\n let mediaEditor = null;\n let $panelObjectSize = null;\n let $panelMediaSize = null;\n\n const _config = {\n renderingThrottle: 1000,\n fileFilters:\n 'image/jpeg,image/png,image/gif,image/svg+xml,video/mp4,video/avi,video/ogv,video/mpeg,video/ogg,video/quicktime,video/webm,video/x-ms-wmv,video/x-flv,audio/mp3,audio/vnd.wav,audio/ogg,audio/vorbis,audio/webm,audio/mpeg,application/ogg,audio/aac,application/pdf'\n };\n\n const ObjectStateActive = stateFactory.extend(\n Active,\n function () {\n this.initForm();\n },\n function () {\n if (mediaEditor) {\n mediaEditor.destroy();\n }\n mediaEditor = null;\n $panelObjectSize = null;\n $panelMediaSize = null;\n this.widget.$original.off('playerready');\n this.widget.$form.empty();\n }\n );\n\n const refreshRendering = _.throttle(function refreshRendering(widget) {\n const obj = widget.element;\n const $container = widget.$original;\n const previewOptions = {\n url: obj.renderer.resolveUrl(obj.attr('data')),\n mime: obj.attr('type')\n };\n if (obj.attr('height')) {\n previewOptions.height = obj.attr('height');\n }\n if (obj.attr('width')) {\n previewOptions.width = obj.attr('width');\n }\n if (previewOptions.url && previewOptions.mime) {\n $container.previewer(previewOptions);\n }\n }, _config.renderingThrottle);\n\n const setMediaSizeEditor = widget => {\n const qtiObject = widget.element;\n const type = qtiObject.attr('type');\n if (/video/.test(type)) {\n const $container = widget.$original;\n const mediaplayer = $container.data('player');\n let width = qtiObject.attr('width');\n let height = qtiObject.attr('height');\n if (!/%/.test(width)) {\n // if we don't have % width we need calculate default % width\n const originalSize = mediaplayer.getMediaOriginalSize();\n if (!originalSize.width) {\n // video is not loaded yet\n return;\n }\n const containerWidth = $container.closest('.widget-textBlock').width();\n // the default % and by that the size of the video is based on the original video size compared to the container size\n if (!width) {\n width = Math.round(100 / (containerWidth / originalSize.width));\n height = 0;\n } else if (height) {\n // for old format (px and height is set) the default % is calculated on rendered width and height\n const scaleHeight =\n (Math.max(height || 0, 200) - $container.find('.mediaplayer .controls').height()) /\n originalSize.height;\n const scaleWidth = Math.max(width || 0, 200) / originalSize.width;\n const scale = Math.min(scaleHeight, scaleWidth);\n width = Math.round(100 / (containerWidth / (scale * originalSize.width)));\n qtiObject.removeAttr('height');\n height = 0;\n }\n }\n const onChange = _.debounce(nMedia => {\n if (qtiObject.attr('width') !== `${nMedia['width']}%`) {\n const newWidth = `${Math.round(nMedia['width'])}%`;\n qtiObject.attr('width', newWidth);\n mediaplayer.resize(newWidth, 'auto');\n }\n }, 200);\n if (mediaEditor) {\n mediaEditor.destroy();\n }\n mediaEditor = mediaEditorComponent(\n $panelMediaSize,\n {\n $node: $container.find('.mediaplayer .media'),\n $container: $container,\n type: qtiObject.attr('type'),\n width,\n height,\n responsive: true\n },\n {\n mediaDimension: {\n active: true,\n showResponsiveToggle: false\n }\n }\n ).on('change', onChange);\n }\n };\n const hideShowPanels = type => {\n if (/video/.test(type)) {\n $panelObjectSize.hide();\n $panelMediaSize.show();\n } else {\n if (mediaEditor) {\n mediaEditor.destroy();\n }\n $panelObjectSize.show();\n $panelMediaSize.hide();\n }\n };\n const _initUpload = function (widget) {\n const $form = widget.$form,\n options = widget.options,\n qtiObject = widget.element,\n $uploadTrigger = $form.find('[data-role=\"upload-trigger\"]'),\n $src = $form.find('input[name=src]');\n\n const _openResourceMgr = function _openResourceMgr() {\n $uploadTrigger.resourcemgr({\n title: __(\n 'Please select a media file from the resource manager. You can add files from your computer with the button \"Add file(s)\".'\n ),\n appendContainer: options.mediaManager.appendContainer,\n mediaSourcesUrl: options.mediaManager.mediaSourcesUrl,\n browseUrl: options.mediaManager.browseUrl,\n uploadUrl: options.mediaManager.uploadUrl,\n deleteUrl: options.mediaManager.deleteUrl,\n downloadUrl: options.mediaManager.downloadUrl,\n fileExistsUrl: options.mediaManager.fileExistsUrl,\n params: {\n uri: options.uri,\n lang: options.lang,\n filters: _config.fileFilters\n },\n pathParam: 'path',\n path: options.mediaManager.path,\n root: options.mediaManager.root,\n select: function (e, files) {\n let file, type;\n if (files && files.length) {\n file = files[0].file;\n type = files[0].mime;\n qtiObject.attr('type', type);\n $src.val(file).trigger('change');\n }\n },\n open: function () {\n //hide tooltip if displayed\n if ($src.data('$tooltip')) {\n $src.blur().data('$tooltip').hide();\n }\n },\n close: function () {\n //triggers validation :\n $src.blur();\n }\n });\n };\n\n $uploadTrigger.on('click', _openResourceMgr);\n\n //if empty, open file manager immediately\n if (!$src.val()) {\n _openResourceMgr();\n }\n };\n\n ObjectStateActive.prototype.initForm = function initForm() {\n const _widget = this.widget,\n $form = _widget.$form,\n qtiObject = _widget.element,\n baseUrl = _widget.options.baseUrl;\n const $container = _widget.$original;\n\n $form.html(\n formTpl({\n baseUrl: baseUrl || '',\n src: qtiObject.attr('data'),\n alt: qtiObject.attr('alt'),\n height: qtiObject.attr('height'),\n width: qtiObject.attr('width')\n })\n );\n\n //init resource manager\n _initUpload(_widget);\n\n //init standard ui widget\n formElement.initWidget($form);\n\n $panelObjectSize = $('.size-panel', $form);\n $panelMediaSize = $('.media-size-panel', $form);\n hideShowPanels(qtiObject.attr('type'));\n\n $container.off('playerready').on('playerready', function () {\n setMediaSizeEditor(_widget);\n });\n\n //init data change callbacks\n formElement.setChangeCallbacks($form, qtiObject, {\n src: function (object, value) {\n if (value !== qtiObject.attr('data')) {\n qtiObject.attr('data', value);\n qtiObject.removeAttr('width');\n qtiObject.removeAttr('height');\n $form.find('input[name=width]').val('');\n $form.find('input[name=height]').val('');\n $container.removeData('ui.previewer');\n hideShowPanels(qtiObject.attr('type'));\n inlineHelper.togglePlaceholder(_widget);\n refreshRendering(_widget);\n }\n },\n width: function (object, value) {\n const val = parseInt(value, 10);\n if (_.isNaN(val)) {\n qtiObject.removeAttr('width');\n } else {\n qtiObject.attr('width', val);\n }\n refreshRendering(_widget);\n },\n height: function (object, value) {\n const val = parseInt(value, 10);\n if (_.isNaN(val)) {\n qtiObject.removeAttr('height');\n } else {\n qtiObject.attr('height', val);\n }\n refreshRendering(_widget);\n },\n alt: function (qtiObjectAlt, value) {\n qtiObjectAlt.attr('alt', value);\n },\n align: function (qtiObjectAlign, value) {\n inlineHelper.positionFloat(_widget, value);\n }\n });\n };\n\n return ObjectStateActive;\n});\n\n","/*\n * This program is free software; you can redistribute it and/or\n * modify it under the terms of the GNU General Public License\n * as published by the Free Software Foundation; under version 2\n * of the License (non-upgradable).\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program; if not, write to the Free Software\n * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.\n *\n * Copyright (c) 2020 (original work) Open Assessment Technologies SA ;\n *\n */\ndefine('taoMediaManager/qtiCreator/widgets/static/object/states/states',[\n 'taoQtiItem/qtiCreator/widgets/states/factory',\n 'taoQtiItem/qtiCreator/widgets/static/states/states',\n 'taoQtiItem/qtiCreator/widgets/static/object/states/Sleep',\n 'taoMediaManager/qtiCreator/widgets/static/object/states/Active'\n], function (factory, states) {\n 'use strict';\n\n return factory.createBundle(states, arguments);\n});\n\n","/*\n * This program is free software; you can redistribute it and/or\n * modify it under the terms of the GNU General Public License\n * as published by the Free Software Foundation; under version 2\n * of the License (non-upgradable).\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program; if not, write to the Free Software\n * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.\n *\n * Copyright (c) 2020 (original work) Open Assessment Technologies SA ;\n *\n */\ndefine('taoMediaManager/qtiCreator/widgets/static/object/Widget',[\n 'taoQtiItem/qtiCreator/widgets/static/Widget',\n 'taoMediaManager/qtiCreator/widgets/static/object/states/states',\n 'taoQtiItem/qtiCreator/widgets/static/helpers/widget',\n 'tpl!taoQtiItem/qtiCreator/tpl/toolbars/media',\n 'taoQtiItem/qtiCreator/widgets/static/helpers/inline'\n], function (Widget, states, helper, toolbarTpl, inlineHelper) {\n 'use strict';\n\n const ObjectWidget = Widget.clone();\n\n ObjectWidget.initCreator = function initCreator() {\n this.registerStates(states);\n\n Widget.initCreator.call(this);\n\n inlineHelper.togglePlaceholder(this);\n };\n\n ObjectWidget.getRequiredOptions = function getRequiredOptions() {\n return ['baseUrl', 'uri', 'lang', 'mediaManager'];\n };\n\n ObjectWidget.buildContainer = function buildContainer() {\n helper.buildBlockContainer(this);\n\n return this;\n };\n\n ObjectWidget.createToolbar = function createToolbar() {\n helper.createToolbar(this, toolbarTpl);\n\n return this;\n };\n\n return ObjectWidget;\n});\n\n","/**\n * This program is free software; you can redistribute it and/or\n * modify it under the terms of the GNU General Public License\n * as published by the Free Software Foundation; under version 2\n * of the License (non-upgradable).\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program; if not, write to the Free Software\n * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.\n *\n * Copyright (c) 2020 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);\n */\n\ndefine('taoMediaManager/qtiCreator/renderers/Object',[\n 'lodash',\n 'taoQtiItem/qtiCommonRenderer/renderers/Object',\n 'taoMediaManager/qtiCreator/widgets/static/object/Widget'\n], function (_, Renderer, Widget) {\n 'use strict';\n\n const CreatorObject = _.clone(Renderer);\n\n CreatorObject.render = function render(object, options) {\n //initial rendering:\n Renderer.render(object);\n\n options = options || {};\n options.baseUrl = this.getOption('baseUrl');\n options.uri = this.getOption('uri');\n options.lang = this.getOption('lang');\n options.mediaManager = this.getOption('mediaManager');\n options.assetManager = this.getAssetManager();\n\n Widget.build(object, Renderer.getContainer(object), this.getOption('bodyElementOptionForm'), options);\n };\n\n return CreatorObject;\n});\n\n","/**\n * This program is free software; you can redistribute it and/or\n * modify it under the terms of the GNU General Public License\n * as published by the Free Software Foundation; under version 2\n * of the License (non-upgradable).\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program; if not, write to the Free Software\n * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.\n *\n * Copyright (c) 2017 (original work) Open Assessment Technologies SA ;\n *\n */\n/**\n * @author Christophe Noël \n */\ndefine('taoMediaManager/qtiCreator/widgets/static/table/states/Active',[\n 'lodash',\n 'jquery',\n 'i18n',\n 'ckeditor',\n 'ui/tableModel',\n 'taoQtiItem/qtiCreator/widgets/states/factory',\n 'taoMediaManager/qtiCreator/widgets/static/states/Active',\n 'taoQtiItem/qtiCreator/widgets/static/table/components/tableActions',\n 'taoMediaManager/qtiCreator/editor/ckEditor/htmlEditor',\n 'taoQtiItem/qtiCreator/editor/gridEditor/content',\n 'taoQtiItem/qtiCreator/widgets/helpers/formElement',\n 'tpl!taoQtiItem/qtiCreator/tpl/forms/static/table'\n], function(_, $, __, ckEditor, tableModelFactory, stateFactory, Active, tableActionsFactory, htmlEditor, contentHelper, formElement, formTpl){\n 'use strict';\n\n var tableModel,\n colActions,\n rowActions;\n\n var css = {\n deleteColRow: 'hoverDelete',\n insertRowAfter: 'insertRowAfter',\n insertColAfter: 'insertColAfter',\n\n hAlignCenter: 'table-center',\n hAlignRight: 'table-right'\n };\n\n var TableStateActive = stateFactory.extend(Active, function create(){\n this.initForm();\n this.buildEditor();\n\n }, function exit(){\n this.widget.$form.empty();\n this.destroyEditor();\n });\n\n // the element body should only contain the tag content, and not the tag itself.\n // as the ckeditor instance is bound to a wrapping , we need to go through an extra step to remove the
tag.\n function getChangeCallback(container){\n return _.throttle(function(data){\n var $tableTagContent = $(data).children(), // might a mix of tbody / thead / tfoot\n $pseudoContainer = $('').html($tableTagContent),\n newBody = contentHelper.getContent($pseudoContainer);\n container.body(newBody);\n }, 400);\n }\n\n TableStateActive.prototype.initForm = function initForm(){\n var _widget = this.widget,\n $form = _widget.$form,\n table = _widget.element,\n $container = _widget.$container,\n hAlignOptions;\n\n hAlignOptions = [{\n name: __('Left'),\n value: 'left'\n }, {\n name: __('Center'),\n value: 'center',\n selected: table.hasClass(css.hAlignCenter)\n }, {\n name: __('Right'),\n value: 'right',\n selected: table.hasClass(css.hAlignRight)\n }] ;\n\n\n $form.html(formTpl({\n hAlignOptions: hAlignOptions\n }));\n\n //... init standard ui widget\n formElement.initWidget($form);\n\n //init data change callbacks\n formElement.setChangeCallbacks($form, table, {\n hAlign : function(t, value){\n hideTableActions();\n t.removeClass(css.hAlignRight);\n t.removeClass(css.hAlignCenter);\n $container.removeClass(`${css.hAlignRight} ${css.hAlignCenter}`);\n switch (value) {\n case 'center': {\n t.addClass(css.hAlignCenter);\n $container.addClass(css.hAlignCenter);\n break;\n }\n case 'right': {\n t.addClass(css.hAlignRight);\n $container.addClass(css.hAlignRight);\n break;\n }\n }\n }\n });\n\n };\n\n TableStateActive.prototype.buildEditor = function buildEditor(){\n var _widget = this.widget,\n container = _widget.element.getBody(),\n\n $itemPanel = _widget.getAreaBroker().getItemPanelArea(),\n $editableContainer = _widget.$container,\n $editable = $editableContainer.find('.qti-table-container'),\n $tablePropTrigger = $editableContainer.find('[data-role=\"cke-table-properties\"]');\n\n $editableContainer.attr('data-html-editable-container', true);\n $editable.attr('data-html-editable', true); // DO NOT move in template to avoid creation of nested ckInstances when container editor is created\n\n if(!htmlEditor.hasEditor($editableContainer)){\n htmlEditor.buildEditor($editableContainer, {\n placeholder: '',\n change : getChangeCallback(container),\n removePlugins: 'magicline',\n data : {\n container : container,\n widget : _widget\n },\n blur : function(){\n _widget.changeState('sleep');\n }\n });\n }\n\n $editable\n .on('editorready.tableActive', function(event, editor) {\n tableModel = tableModelFactory($editable.find('table'));\n\n // listener for table properties\n $tablePropTrigger.on('click.tableActive', function openTableProperties(e){\n e.stopPropagation();\n hideTableActions();\n editor.execCommand('taoqtitableProperties');\n });\n\n // listeners for columns actions\n colActions = tableActionsFactory({\n insertCol: true,\n deleteTitle: 'Delete column'\n })\n .on('delete', function() {\n editor.execCommand('columnDelete');\n updateTable(editor, $editableContainer);\n hideTableActions();\n })\n .on('deleteMouseEnter', function() {\n addClassOnCurrentCol(editor, css.deleteColRow);\n })\n .on('deleteMouseLeave', function() {\n clearCellClasses($editable, css.deleteColRow);\n })\n .on('insertCol', function() {\n editor.execCommand('columnInsertAfter');\n clearCellClasses($editable, css.insertColAfter); // this is because ck clone the current cells to insert the new ones\n this.trigger('insertColMouseEnter'); // so we don't want him to clone the \"insert style\"\n updateTable(editor, $editableContainer);\n })\n .on('insertColMouseEnter', function() {\n addClassOnCurrentCol(editor, css.insertColAfter);\n })\n .on('insertColMouseLeave', function() {\n clearCellClasses($editable, css.insertColAfter);\n })\n .render($itemPanel)\n .hide();\n\n // listeners for row actions\n rowActions = tableActionsFactory({\n insertRow: true,\n deleteTitle: 'Delete row'\n })\n .on('delete', function() {\n editor.execCommand('rowDelete');\n updateTable(editor, $editableContainer);\n hideTableActions();\n })\n .on('deleteMouseEnter', function() {\n addClassOnCurrentRow(editor, css.deleteColRow);\n })\n .on('deleteMouseLeave', function() {\n clearCellClasses($editable, css.deleteColRow);\n })\n .on('insertRow', function() {\n editor.execCommand('rowInsertAfter');\n clearCellClasses($editable, css.insertRowAfter); // this is because ck clone the current cells to insert the new ones\n this.trigger('insertRowMouseEnter'); // so we don't want him to clone the \"insert style\"\n updateTable(editor, $editableContainer);\n })\n .on('insertRowMouseEnter', function() {\n addClassOnCurrentRow(editor, css.insertRowAfter);\n })\n .on('insertRowMouseLeave', function() {\n clearCellClasses($editable, css.insertRowAfter);\n })\n .render($itemPanel)\n .hide();\n\n $editableContainer.on('keyup.tableActive mouseup.tableActive', function() {\n displayTableActions(editor, $editableContainer);\n });\n })\n .on('editordestroyed.tableActive', function() {\n if ($tablePropTrigger.length) {\n $tablePropTrigger.off('.tableActive');\n }\n });\n };\n\n TableStateActive.prototype.destroyEditor = function destroyEditor(){\n var _widget = this.widget,\n $editableContainer = _widget.$container,\n $editable = $editableContainer.find('[data-html-editable=\"true\"]');\n\n clearCellClasses($editable, css.insertColAfter);\n clearCellClasses($editable, css.insertRowAfter);\n clearCellClasses($editable, css.deleteColRow);\n\n //search and destroy the editor\n htmlEditor.destroyEditor($editableContainer);\n $editableContainer.off('.tableActive');\n $editable.off('.tableActive');\n\n $editable.attr('data-html-editable', false);\n $editableContainer.attr('data-html-editable-container', false);\n\n tableModel = null;\n\n // destroy the actions toolbars\n if (colActions) {\n colActions.destroy();\n colActions = null;\n }\n\n if (rowActions) {\n rowActions.destroy();\n rowActions = null;\n }\n };\n\n function addClassOnCurrentRow(editor, className) {\n var currentCellPos = getCurrentCellPos(editor),\n $currentCol;\n if (currentCellPos) {\n $currentCol = tableModel.getRowCells(currentCellPos.y);\n $currentCol.addClass(className);\n }\n }\n\n function addClassOnCurrentCol(editor, className) {\n var currentCellPos = getCurrentCellPos(editor),\n $currentCol;\n if (currentCellPos) {\n $currentCol = tableModel.getColCells(currentCellPos.x);\n $currentCol.addClass(className);\n }\n }\n\n function clearCellClasses($editable, className) {\n $editable.find('th, td').removeClass(className);\n }\n\n /**\n * Update the table model and the available actions on rows/columns\n * @param {Object} editor\n * @param {Jquery} $editableContainer\n */\n function updateTable(editor, $editableContainer) {\n tableModel.update();\n if (tableModel.getRowCount() === 1) {\n rowActions.hideDelete();\n } else {\n rowActions.showDelete();\n }\n if (tableModel.getColCount() === 1) {\n colActions.hideDelete();\n } else {\n colActions.showDelete();\n }\n // reposition toolbars as their dimensions might have change\n displayTableActions(editor, $editableContainer);\n }\n\n /**\n * hide components containing row and column actions\n */\n function hideTableActions() {\n if (colActions) {\n colActions.hide();\n }\n if (rowActions) {\n rowActions.hide();\n }\n }\n\n /**\n * Display row and columns actions at the correct position, depending of where the user has the cursor\n * @param {ckEditor} editor - editor instance to access the current selection\n * @param {jQuery} $tableContainer - the table DOM element, so we can align the toolbars on it\n */\n function displayTableActions(editor, $tableContainer) {\n var selectedCells = getSelection(editor),\n $currentCell;\n\n if (selectedCells && selectedCells.length !== 1) {\n // when none or more than one cells are selected, then we do not display the toolbars as the expected behavior is not obvious.\n // for example, it's difficult to define the expected behavior of deleting a column when cells from multiple columns are selected...\n hideTableActions();\n\n } else {\n $currentCell = $(selectedCells[0].$);\n\n colActions\n .show()\n .hAlignWith($currentCell, 'center')\n .vAlignWith($tableContainer, 'top');\n\n rowActions\n .show()\n .hAlignWith($tableContainer, 'left')\n .vAlignWith($currentCell, 'center');\n }\n }\n\n /**\n * only works when a single cell is selected\n * @param {Object} editor\n * @returns {Object}\n */\n function getCurrentCellPos(editor) {\n var selectedCells = getSelection(editor),\n currentCell;\n\n if (selectedCells && selectedCells.length === 1) {\n currentCell = selectedCells[0].$;\n\n return {\n x: currentCell.cellIndex,\n y: currentCell.parentNode.rowIndex\n };\n }\n }\n\n /**\n * Get the current selected cells in the table\n * @param {Object} editor - CkEditor instance\n * @returns {ckEditor.dom.element[]}\n */\n function getSelection(editor) {\n var selection = editor.getSelection(),\n tabletools = window.CKEDITOR.plugins.tabletools;\n\n if (selection && tabletools) {\n return tabletools.getSelectedCells(selection);\n }\n }\n\n return TableStateActive;\n});\n","/**\n * This program is free software; you can redistribute it and/or\n * modify it under the terms of the GNU General Public License\n * as published by the Free Software Foundation; under version 2\n * of the License (non-upgradable).\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program; if not, write to the Free Software\n * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.\n *\n * Copyright (c) 2017 (original work) Open Assessment Technologies SA ;\n *\n */\ndefine('taoMediaManager/qtiCreator/widgets/static/table/states/states',[\n 'taoQtiItem/qtiCreator/widgets/states/factory',\n 'taoQtiItem/qtiCreator/widgets/static/states/states',\n 'taoQtiItem/qtiCreator/widgets/static/table/states/Sleep',\n 'taoMediaManager/qtiCreator/widgets/static/table/states/Active'\n], function(factory, states){\n 'use strict';\n\n return factory.createBundle(states, arguments);\n});\n","/**\n * This program is free software; you can redistribute it and/or\n * modify it under the terms of the GNU General Public License\n * as published by the Free Software Foundation; under version 2\n * of the License (non-upgradable).\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program; if not, write to the Free Software\n * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.\n *\n * Copyright (c) 2017 (original work) Open Assessment Technologies SA;\n */\n/**\n * @author Christophe Noël
\n */\ndefine('taoMediaManager/qtiCreator/widgets/static/table/Widget',[\n 'jquery',\n 'taoQtiItem/qtiCreator/widgets/static/Widget',\n 'taoMediaManager/qtiCreator/widgets/static/table/states/states',\n 'taoQtiItem/qtiCreator/widgets/static/helpers/widget',\n 'tpl!taoQtiItem/qtiCreator/tpl/toolbars/table'\n], function($, Widget, states, helper, toolbarTpl) {\n 'use strict';\n\n var TableWidget = Widget.clone();\n\n TableWidget.initCreator = function() {\n\n this.registerStates(states);\n\n Widget.initCreator.call(this);\n };\n\n TableWidget.buildContainer = function(){\n var table = this.element;\n\n helper.buildBlockContainer(this);\n\n if (table.attr('class')) {\n this.$container.addClass(table.attr('class'));\n }\n\n return this;\n };\n\n TableWidget.createToolbar = function(){\n\n const self = this,\n $tlb = $(toolbarTpl({\n serial : this.serial,\n state : 'active'\n }));\n\n this.$container.append($tlb);\n\n $tlb.find('[data-role=\"delete\"]').on('click.widget-box', function(e){\n e.stopPropagation();//to prevent direct deleting;\n self.changeState('deleting');\n });\n\n return this;\n };\n\n return TableWidget;\n});\n\n","/**\n * This program is free software; you can redistribute it and/or\n * modify it under the terms of the GNU General Public License\n * as published by the Free Software Foundation; under version 2\n * of the License (non-upgradable).\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program; if not, write to the Free Software\n * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.\n *\n * Copyright (c) 2020 (original work) Open Assessment Technologies SA;\n */\n/**\n * @author Christophe Noël \n */\ndefine('taoMediaManager/qtiCreator/renderers/Table',[\n 'lodash',\n 'taoQtiItem/qtiCommonRenderer/renderers/Table',\n 'taoMediaManager/qtiCreator/widgets/static/table/Widget',\n 'tpl!taoQtiItem/qtiCreator/tpl/table'\n], function(_, Renderer, Widget, tpl) {\n 'use strict';\n\n const CreatorTable = _.clone(Renderer);\n\n CreatorTable.template = tpl;\n\n CreatorTable.render = function render(table, options){\n\n Widget.build(\n table,\n Renderer.getContainer(table),\n this.getOption('bodyElementOptionForm'),\n options || {}\n );\n };\n\n return CreatorTable;\n});\n\n","\ndefine('tpl!taoMediaManager/qtiXmlRenderer/tpl/item', ['handlebars'], function(hb){ \nreturn hb.template(function (Handlebars,depth0,helpers,partials,data) {\n this.compilerInfo = [4,'>= 1.0.0'];\nhelpers = this.merge(helpers, Handlebars.helpers); data = data || {};\n var buffer = \"\", stack1, functionType=\"function\", escapeExpression=this.escapeExpression, self=this, helperMissing=helpers.helperMissing;\n\nfunction program1(depth0,data) {\n \n var buffer = \"\", stack1, helper;\n buffer += \" class=\\\"\";\n if (helper = helpers['class']) { stack1 = helper.call(depth0, {hash:{},data:data}); }\n else { helper = (depth0 && depth0['class']); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }\n buffer += escapeExpression(stack1)\n + \"\\\"\";\n return buffer;\n }\n\nfunction program3(depth0,data) {\n \n var buffer = \"\", stack1;\n stack1 = helpers['if'].call(depth0, (data == null || data === false ? data : data.key), {hash:{},inverse:self.program(6, program6, data),fn:self.program(4, program4, data),data:data});\n if(stack1 || stack1 === 0) { buffer += stack1; }\n buffer += \" \";\n return buffer;\n }\nfunction program4(depth0,data) {\n \n var buffer = \"\", stack1;\n buffer += \"xmlns:\"\n + escapeExpression(((stack1 = (data == null || data === false ? data : data.key)),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))\n + \"=\\\"\"\n + escapeExpression((typeof depth0 === functionType ? depth0.apply(depth0) : depth0))\n + \"\\\"\";\n return buffer;\n }\n\nfunction program6(depth0,data) {\n \n var buffer = \"\";\n buffer += \"xmlns=\\\"\"\n + escapeExpression((typeof depth0 === functionType ? depth0.apply(depth0) : depth0))\n + \"\\\"\";\n return buffer;\n }\n\nfunction program8(depth0,data) {\n \n var stack1, helper, options;\n stack1 = (helper = helpers.join || (depth0 && depth0.join),options={hash:{},data:data},helper ? helper.call(depth0, (depth0 && depth0.attributes), \"=\", \" \", \"\\\"\", options) : helperMissing.call(depth0, \"join\", (depth0 && depth0.attributes), \"=\", \" \", \"\\\"\", options));\n if(stack1 || stack1 === 0) { return stack1; }\n else { return ''; }\n }\n\nfunction program10(depth0,data) {\n \n \n return \"\\n \\n \";\n }\n\nfunction program12(depth0,data) {\n \n var buffer = \"\", stack1, helper;\n buffer += \"\\n \";\n if (helper = helpers.body) { stack1 = helper.call(depth0, {hash:{},data:data}); }\n else { helper = (depth0 && depth0.body); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }\n if(stack1 || stack1 === 0) { buffer += stack1; }\n buffer += \"\\n \";\n return buffer;\n }\n\n buffer += \"\\n\\n \";\n stack1 = helpers['if'].call(depth0, (depth0 && depth0.empty), {hash:{},inverse:self.program(12, program12, data),fn:self.program(10, program10, data),data:data});\n if(stack1 || stack1 === 0) { buffer += stack1; }\n buffer += \"\\n