jclic 2.1.21 → 2.1.23

package/dist/7257.jclic-node.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"7257.jclic-node.js","mappings":";;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEuB;AACqC;AACH;AACd;AACY;AACP;;AAEhD;AACA,kBAAkB,yCAAyC,oCAAoC,kDAAkD;AACjJ;AACA;AACA;AACA;AACO,6BAA6B,2DAAQ;AAC5C;AACA;AACA,aAAa,0CAA0C,eAAe,6DAA6D;AACnI;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;AACA;;AAEA;AACA,QAAQ,mDAAmD,0BAA0B,8EAA8E;AACnK;AACA;AACA,kCAAkC,gEAAa;AAC/C;AACA;AACA,aAAa,0BAA0B,WAAW,yCAAyC;AAC3F,aAAa,gCAAgC;AAC7C;AACA,aAAa,iBAAiB;AAC9B;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA,gBAAgB,+DAAa;AAC7B;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,sCAAsC,mCAAmC;AACzE;AACA,aAAa,sBAAsB;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,wDAAS;AACnC;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,aAAa,sBAAsB;AACnC,eAAe;AACf;AACA;AACA;AACA;AACA,MAAM,wDAAM;AACZ;;AAEA;AACA;AACA;AACA,aAAa,sBAAsB;AACnC;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,qBAAqB,6CAAC,mBAAmB,eAAe,YAAY,gBAAgB;AACpF;AACA;AACA;AACA,OAAO;AACP;;AAEA;AACA,oBAAoB,8DAAY;;AAEhC;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,aAAa,gBAAgB;AAC7B,eAAe,SAAS;AACxB,6CAA6C;AAC7C;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wDAAwD,oDAAK;AAC7D;AACA;AACA;AACA;AACA;AACA,gBAAgB,oDAAK;AACrB;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAY;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,sBAAsB,GAAG,YAAY;AAC9D,2BAA2B,UAAU;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,UAAU,2DAA2D;AACrE;AACA,YAAY,wCAAwC;AACpD;AACA;AACA;AACA;AACA,YAAY,wCAAwC;AACpD;AACA;AACA;AACA;AACA;AACA,YAAY,UAAU;AACtB;AACA,CAAC;;AAED;AACA,qDAAqD;AACrD,UAAU,OAAO;AACjB;;AAEA;AACA,iEAAe,2DAAQ,yDAAyD,EAAC;;;;;;;;;;;;;;;;ACrXjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAE6C;AACN;AACiB;AACR;;AAEhD;AACA,uBAAuB,2DAA2D;AAClF,IAAI,2CAA2C,uBAAuB,iDAAiD;AACvH;AACA;AACA;AACA;AACO,4BAA4B,wDAAY;AAC/C;AACA;AACA,aAAa,sCAAsC;AACnD,aAAa,sBAAsB;AACnC,aAAa,sBAAsB;AACnC,aAAa,QAAQ;AACrB,aAAa,QAAQ;AACrB,aAAa,QAAQ;AACrB,aAAa,QAAQ;AACrB,aAAa,8BAA8B;AAC3C;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,kBAAkB,wDAAS;AAC3B,UAAU,oDAAK;AACf,UAAU,wDAAS;AACnB;AACA;;AAEA;AACA;AACA,oBAAoB,eAAe;AACnC;AACA;AACA,iBAAiB,qDAAS;AAC1B;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,iBAAiB,qDAAS;AAC1B;AACA;AACA;AACA;;AAEA;AACA;AACA,MAAM,uEAAuE;AAC7E,aAAa,sCAAsC;AACnD,aAAa,sBAAsB;AACnC,aAAa,QAAQ;AACrB,aAAa,QAAQ;AACrB,aAAa,gDAAgD;AAC7D,aAAa,8BAA8B;AAC3C,aAAa,8BAA8B;AAC3C;AACA,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA,eAAe;AACf;AACA;AACA,eAAe,wDAAS;AACxB,MAAM,yDAAQ;AACd,MAAM,yDAAQ;AACd;;AAEA;AACA;AACA,aAAa,QAAQ;AACrB,eAAe;AACf;AACA;AACA,eAAe,wDAAS;AACxB,MAAM,4DAAO;AACb,MAAM,4DAAO;AACb;;AAEA;AACA,sDAAsD,iDAAiD;AACvG;AACA;AACA,aAAa,kCAAkC;AAC/C,eAAe;AACf;AACA;AACA,eAAe,oDAAK;AACpB;;AAEA;AACA,kDAAkD,kDAAkD;AACpG;AACA;AACA,aAAa,kCAAkC;AAC/C,aAAa,kCAAkC;AAC/C,eAAe;AACf;AACA;AACA;AACA;AACA;AACA,eAAe,oDAAK;AACpB;AACA;;AAEA;AACA;AACA;AACA;AACA,YAAY,QAAQ;AACpB;AACA;AACA;AACA;AACA,YAAY,QAAQ;AACpB;AACA,CAAC;;AAED,iEAAe,aAAa,EAAC;;;;;;;;;;;;;AClL7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEwD;;AAExD;;AAEA;AACA,sDAAsD,kDAAkD;AACxG,IAAI,kDAAkD;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA,aAAa,sBAAsB;AACnC,aAAa,iBAAiB;AAC9B;AACA;AACA;AACA,kDAAkD,0BAA0B;AAC5E,mBAAmB,wDAAS;AAC5B,sBAAsB,oDAAK;AAC3B,oBAAoB,oDAAK;AACzB,2BAA2B,oDAAK;AAChC;;AAEA;AACA;AACA,aAAa,QAAQ;AACrB,aAAa,QAAQ;AACrB;AACA;AACA,gBAAgB,wDAAK;AACrB;;AAEA;AACA;AACA,aAAa,kBAAkB;AAC/B,aAAa,SAAS;AACtB;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;;AAEA;;AAEA;AACA;AACA,oBAAoB,oDAAK;AACzB,sBAAsB,wDAAS,kCAAkC,wDAAS;AAC1E;AACA,oBAAoB,oDAAK;AACzB,wBAAwB,wDAAS,kCAAkC,wDAAS;AAC5E;AACA;;AAEA;AACA;AACA,yBAAyB,oDAAK;AAC9B;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,kBAAkB;AAC/B,aAAa,kCAAkC;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,kBAAkB,oDAAK;AACvB;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,YAAY,2BAA2B;AACvC;AACA;AACA,uBAAuB,mDAAmD;AAC1E;AACA,YAAY,sBAAsB;AAClC;AACA;AACA;AACA;AACA,YAAY,kBAAkB;AAC9B;AACA;AACA;AACA;AACA,YAAY,kBAAkB;AAC9B;AACA;AACA;AACA;AACA,YAAY,SAAS;AACrB;AACA;AACA;AACA;AACA,YAAY,SAAS;AACrB;AACA;AACA;AACA;AACA,YAAY,SAAS;AACrB;AACA;AACA;AACA;AACA,YAAY,QAAQ;AACpB;AACA;AACA;AACA;AACA,YAAY,QAAQ;AACpB;AACA;AACA;AACA;AACA,YAAY,QAAQ;AACpB;AACA;AACA;AACA;AACA,YAAY,QAAQ;AACpB;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,YAAY,QAAQ;AACpB;AACA;AACA,kBAAkB;AAClB;AACA;AACA;AACA,YAAY,QAAQ;AACpB;AACA;AACA;AACA;AACA,YAAY,kBAAkB;AAC9B;AACA;AACA;AACA;AACA,YAAY,kCAAkC;AAC9C;AACA;AACA;AACA;AACA,YAAY,mCAAmC;AAC/C;AACA;AACA;AACA;AACA,YAAY,sBAAsB;AAClC;AACA;AACA;AACA;AACA,YAAY,sBAAsB;AAClC;AACA;AACA;AACA;AACA,YAAY,QAAQ;AACpB;AACA,CAAC;;AAED,iEAAe,YAAY,EAAC","sources":["webpack://jclic/./src/activities/puzzles/ExchangePuzzle.js","webpack://jclic/./src/boxes/ActiveBoxGrid.js","webpack://jclic/./src/boxes/BoxConnector.js"],"sourcesContent":["/**\n *  File    : activities/puzzles/ExchangePuzzle.js\n *  Created : 30/05/2015\n *  By      : Francesc Busquets <francesc@gmail.com>\n *\n *  JClic.js\n *  An HTML5 player of JClic activities\n *  https://projectestac.github.io/jclic.js\n *\n *  @source https://github.com/projectestac/jclic.js\n *\n *  @license EUPL-1.2\n *  @licstart\n *  (c) 2000-2020 Educational Telematic Network of Catalonia (XTEC)\n *\n *  Licensed under the EUPL, Version 1.1 or -as soon they will be approved by\n *  the European Commission- subsequent versions of the EUPL (the \"Licence\");\n *  You may not use this work except in compliance with the Licence.\n *\n *  You may obtain a copy of the Licence at:\n *  https://joinup.ec.europa.eu/software/page/eupl\n *\n *  Unless required by applicable law or agreed to in writing, software\n *  distributed under the Licence is distributed on an \"AS IS\" basis, WITHOUT\n *  WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n *  Licence for the specific language governing permissions and limitations\n *  under the Licence.\n *  @licend\n *  @module\n */\n\nimport $ from 'jquery';\nimport { Activity, ActivityPanel } from '../../Activity.js';\nimport ActiveBoxGrid from '../../boxes/ActiveBoxGrid.js';\nimport BoxBag from '../../boxes/BoxBag.js';\nimport BoxConnector from '../../boxes/BoxConnector.js';\nimport { Rectangle, Point } from '../../AWT.js';\n\n/**\n * This class of {@link module:Activity.Activity Activity} shows only one panel with shuffled {@link module:boxes/ActiveBox.ActiveBox ActiveBox} objects.\n * To solve the activity, each cell must exchange its location with another one. When all cells are\n * on place, the activity is done.\n * @extends module:Activity.Activity\n */\nexport class ExchangePuzzle extends Activity {\n  /**\n   * ExchangePuzzle constructor\n   * @param {module:project/JClicProject.JClicProject} project - The {@link module:project/JClicProject.JClicProject JClicProject} to which this activity belongs\n   */\n  constructor(project) {\n    super(project);\n  }\n\n  /**\n   * Retrieves the minimum number of actions needed to solve this activity.\n   * @override\n   * @returns {number}\n   */\n  getMinNumActions() {\n    return this.abc.primary.getNumCells();\n  }\n\n  /**\n   * Whether or not the activity uses random to shuffle internal components\n   * @override\n   * @returns {boolean}\n   */\n  hasRandom() {\n    return true;\n  }\n\n  /**\n   * When `true`, the activity must always be shuffled\n   * @override\n   * @returns {boolean}\n   */\n  shuffleAlways() {\n    return true;\n  }\n\n  /**\n   * Whether the activity allows the user to request help.\n   * @override\n   * @returns {boolean}\n   */\n  helpSolutionAllowed() {\n    return true;\n  }\n}\n\n/**\n * The {@link module:Activity.ActivityPanel ActivityPanel} where activities of type {@link module:activities/puzzles/ExchangePuzzle.ExchangePuzzle ExchangePuzzle} are played.\n * @extends module:Activity.ActivityPanel\n */\nclass ExchangePuzzlePanel extends ActivityPanel {\n  /**\n   * ExchangePuzzlePanel constructor\n   * @param {module:Activity.Activity} act - The {@link module:Activity.Activity Activity} to which this Panel belongs\n   * @param {module:JClicPlayer.JClicPlayer} ps - Any object implementing the methods defined in the\n   * [PlayStation](http://projectestac.github.io/jclic/apidoc/edu/xtec/jclic/PlayStation.html) Java interface.\n   * @param {external:jQuery} [$div] - The jQuery DOM element where this Panel will deploy\n   */\n  constructor(act, ps, $div) {\n    super(act, ps, $div);\n  }\n\n  /**\n   * Miscellaneous cleaning operations\n   * @override\n   */\n  clear() {\n    if (this.bg) {\n      this.bg.end();\n      this.bg = null;\n    }\n  }\n\n  /**\n   * Prepares the visual components of the activity\n   * @override\n   */\n  buildVisualComponents() {\n    if (this.firstRun)\n      super.buildVisualComponents();\n    this.clear();\n\n    const abc = this.act.abc['primary'];\n    if (abc) {\n      if (abc.image)\n        abc.setImgContent(this.act.project.mediaBag, null, false);\n\n      if (this.act.acp !== null)\n        this.act.acp.generateContent(abc.nch, abc.ncw, [abc], false);\n\n      this.bg = ActiveBoxGrid.createEmptyGrid(null, this, this.act.margin, this.act.margin, abc);\n      this.bg.setContent(abc);\n      this.bg.setVisible(true);\n    }\n  }\n\n  /**\n   * Basic initialization procedure\n   * @override\n   */\n  initActivity() {\n    super.initActivity();\n    if (!this.firstRun)\n      this.buildVisualComponents();\n    else\n      this.firstRun = false;\n\n    if (this.bg) {\n      this.shuffle([this.bg], true, true);\n      if (this.useOrder)\n        this.currentItem = this.bg.getNextItem(-1);\n      this.setAndPlayMsg('initial', 'start');\n      this.invalidate().update();\n      this.playing = true;\n    }\n  }\n\n  /**\n   * Updates the graphic content of this panel.\n   * This method will be called from {@link module:AWT.Container#update} when needed.\n   * @override\n   * @param {module:AWT.Rectangle} dirtyRegion - Specifies the area to be updated. When `null`,\n   * it's the whole panel.\n   */\n  updateContent(dirtyRegion) {\n    super.updateContent(dirtyRegion);\n    if (this.bg && this.$canvas) {\n      const\n        canvas = this.$canvas.get(-1),\n        ctx = canvas.getContext('2d');\n      if (!dirtyRegion)\n        dirtyRegion = new Rectangle(0, 0, canvas.width, canvas.height);\n      ctx.clearRect(dirtyRegion.pos.x, dirtyRegion.pos.y, dirtyRegion.dim.width, dirtyRegion.dim.height);\n      this.bg.update(ctx, dirtyRegion);\n    }\n    return this;\n  }\n\n  /**\n   * Sets the real dimension of this panel.\n   * @override\n   * @param {module:AWT.Dimension} preferredMaxSize - The maximum surface available for the activity panel\n   * @returns {module:AWT.Dimension}\n   */\n  setDimension(preferredMaxSize) {\n    return !this.bg || this.getBounds().equals(preferredMaxSize) ?\n      preferredMaxSize :\n      BoxBag.layoutSingle(preferredMaxSize, this.bg, this.act.margin);\n  }\n\n  /**\n   * Sets the size and position of this activity panel\n   * @override\n   * @param {module:AWT.Rectangle} rect\n   */\n  setBounds(rect) {\n    if (this.$canvas)\n      this.$canvas.remove();\n\n    super.setBounds(rect);\n    if (this.bg) {\n      // Create the main canvas\n      this.$canvas = $(`<canvas width=\"${rect.dim.width}\" height=\"${rect.dim.height}\"/>`).css({\n        position: 'absolute',\n        top: 0,\n        left: 0\n      });\n      this.$div.append(this.$canvas);\n\n      // Create a [BoxConnector](BoxConnector.html) and attach it to the canvas context\n      this.bc = new BoxConnector(this, this.$canvas);\n\n      // Repaint all\n      this.invalidate().update();\n    }\n  }\n\n  /**\n   * Builds the accessible components needed for this ActivityPanel\n   * This method is called when all main elements are placed and visible, when the activity is ready\n   * to start or when resized.\n   * @override\n   */\n  buildAccessibleComponents() {\n    if (this.$canvas && this.accessibleCanvas && this.bg) {\n      super.buildAccessibleComponents();\n      this.bg.buildAccessibleElements(this.$canvas, this.$div, 'mousedown');\n    }\n  }\n\n  /**\n   * Main handler used to process mouse, touch, keyboard and edit events\n   * @override\n   * @param {external:Event} event - The HTML event to be processed\n   * @returns {boolean} - When this event handler returns `false`, jQuery will stop its\n   * propagation through the DOM tree. See: {@link http://api.jquery.com/on}\n   */\n  processEvent(event) {\n    if (this.bc && this.playing) {\n\n      //\n      // The [AWT.Point](AWT.html#Point) where the mouse or touch event has been originated\n      let p = null;\n      //\n      // Two [ActiveBox](ActiveBox.html) pointers used for the [BoxConnector](BoxConnector.html)\n      // `origin` and `dest` points.\n      let bx1, bx2;\n      // Array to be filled with actions to be executed at the end of event processing\n      const delayedActions = [];\n      //\n      // _touchend_ event don't provide pageX nor pageY information\n      if (event.type === 'touchend')\n        p = this.bc.active ? this.bc.dest.clone() : new Point();\n      else {\n        // Touch events can have more than one touch, so `pageX` must be obtained from `touches[0]`\n        const\n          x = event.originalEvent && event.originalEvent.touches ? event.originalEvent.touches[0].pageX : event.pageX,\n          y = event.originalEvent && event.originalEvent.touches ? event.originalEvent.touches[0].pageY : event.pageY;\n        p = new Point(x - this.$div.offset().left, y - this.$div.offset().top);\n      }\n\n      // Flag for tracking `mouseup` events\n      let up = false;\n\n      switch (event.type) {\n        case 'touchcancel':\n          // Canvel movement\n          if (this.bc.active)\n            this.bc.end();\n          break;\n\n        case 'mouseup':\n          // Don't consider drag moves below 3 pixels. Can be a \"trembling click\"\n          if (this.bc.active && p.distanceTo(this.bc.origin) <= 3)\n            break;\n\n          up = true;\n        /* falls through */\n        case 'touchend':\n        case 'touchstart':\n        case 'mousedown':\n          if (!this.bc.active) {\n            // New pairing starts\n            //\n            // Pairings never can start with a `mouseup` event\n            if (up)\n              break;\n\n            this.ps.stopMedia(1);\n            // Find the ActiveBox behind the clicked point\n            bx1 = this.bg.findActiveBox(p);\n            if (bx1) {\n              // Start the [BoxConnector](BoxConnector.html)\n              if (this.act.dragCells)\n                this.bc.begin(p, bx1);\n              else\n                this.bc.begin(p);\n              // Play cell media or event sound\n              if (!bx1.playMedia(this.ps, delayedActions))\n                this.playEvent('click');\n            }\n          } else {\n            this.ps.stopMedia(1);\n            // Pairing completed\n            //\n            // Find the active boxes behind `bc.origin` and `p`\n            if (this.act.dragCells)\n              bx1 = this.bc.bx;\n            else\n              bx1 = this.bg.findActiveBox(this.bc.origin);\n            this.bc.end();\n            bx2 = this.bg.findActiveBox(p);\n            //\n            // Check if the pairing was OK\n            if (bx1 && bx2) {\n              const\n                src = `${bx1.getDescription()} (${bx1.idOrder})`,\n                dest = `(${bx2.idLoc})`;\n              let ok = (bx1.idOrder === bx2.idLoc);\n              this.bg.swapCellPositions(bx1, bx2, true);\n              // Check results and notify action\n              const cellsAtPlace = this.bg.countCellsAtEquivalentPlace(true);\n              this.ps.reportNewAction(this.act, 'PLACE', src, dest, ok, cellsAtPlace);\n              // End activity or play event sound\n              if (ok && cellsAtPlace === this.bg.getNumCells())\n                this.finishActivity(true);\n              else\n                this.playEvent(ok ? 'actionOk' : 'actionError');\n            }\n            this.update();\n          }\n          break;\n\n        case 'mousemove':\n        case 'touchmove':\n          this.bc.moveTo(p);\n          break;\n      }\n      delayedActions.forEach(action => action());\n      event.preventDefault();\n    }\n  }\n}\n\nObject.assign(ExchangePuzzlePanel.prototype, {\n  /**\n   * The {@link module:boxes/ActiveBoxbag.ActiveBoxBag ActiveBoxBag} object containing the information to be displayed in the panel.\n   * @name module:activities/puzzles/ExchangePuzzle.ExchangePuzzlePanel#bg\n   * @type {module:boxes/ActiveBoxBag.ActiveBoxBag} */\n  bg: null,\n  /**\n   * The box connector\n   * @name module:activities/puzzles/ExchangePuzzle.ExchangePuzzlePanel#bc\n   * @type {module:boxes/BoxConnector.BoxConnector} */\n  bc: null,\n  /**\n   * List of mouse, touch and keyboard events intercepted by this panel\n   * @override\n   * @name module:activities/puzzles/ExchangePuzzle.ExchangePuzzlePanel#events\n   * @type {string[]} */\n  events: ['mousedown', 'mouseup', 'mousemove', 'touchstart', 'touchend', 'touchmove', 'touchcancel'],\n});\n\n/**\n * Panel class associated to this type of activity: {@link module:activities/puzzles/ExchangePuzzle.ExchangePuzzlePanel ExchangePuzzlePanel}\n * @type {class} */\nExchangePuzzle.Panel = ExchangePuzzlePanel;\n\n// Register activity class\nexport default Activity.registerClass('@puzzles.ExchangePuzzle', ExchangePuzzle);\n","/**\n *  File    : boxes/ActiveBoxGrid.js\n *  Created : 19/05/2015\n *  By      : Francesc Busquets <francesc@gmail.com>\n *\n *  JClic.js\n *  An HTML5 player of JClic activities\n *  https://projectestac.github.io/jclic.js\n *\n *  @source https://github.com/projectestac/jclic.js\n *\n *  @license EUPL-1.2\n *  @licstart\n *  (c) 2000-2020 Catalan Educational Telematic Network (XTEC)\n *\n *  Licensed under the EUPL, Version 1.1 or -as soon they will be approved by\n *  the European Commission- subsequent versions of the EUPL (the \"Licence\");\n *  You may not use this work except in compliance with the Licence.\n *\n *  You may obtain a copy of the Licence at:\n *  https://joinup.ec.europa.eu/software/page/eupl\n *\n *  Unless required by applicable law or agreed to in writing, software\n *  distributed under the Licence is distributed on an \"AS IS\" basis, WITHOUT\n *  WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n *  Licence for the specific language governing permissions and limitations\n *  under the Licence.\n *  @licend\n *  @module\n */\n\nimport ActiveBoxBag from './ActiveBoxBag.js';\nimport ActiveBox from './ActiveBox.js';\nimport { Rectangle, Dimension, Point } from '../AWT.js';\nimport { settings, roundTo } from '../Utils.js';\n\n/**\n * This class extends {@link module:boxes/ActiveBoxbag.ActiveBoxBag ActiveBoxBag} with constructors that take an argument of type\n * {@link module:shapers/Shaper.Shaper Shaper} used to build all its {@link module:boxes/ActiveBox.ActiveBox ActiveBox}components. It also maintains information\n * about the number of \"rows\" and \"columns\", useful to compute valid (integer) values when\n * resizing or moving its components.\n * @extends module:boxes/ActiveBoxBag.ActiveBoxBag\n */\nexport class ActiveBoxGrid extends ActiveBoxBag {\n  /**\n   * ActiveBxGrid constructor\n   * @param {module:boxes/AbstractBox.AbstractBox} parent - The AbstractBox to which this box grid belongs\n   * @param {module:AWT.Container} container - The container where this box grid is placed.\n   * @param {module:boxes/BoxBase} boxBase - The object where colors, fonts, border and other graphic properties\n   * @param {number} px - `X` coordinate of the upper left corner of this box grid\n   * @param {number} py - `Y` coordinate of the upper left corner of this box grid\n   * @param {number} setWidth - Total width of the box grid\n   * @param {number} setHeight - Total height of the box grid\n   * @param {module:shapers/Shaper.Shaper} sh - Shaper used to build the ActiveBox objects\n   */\n  constructor(parent, container, boxBase, px, py, setWidth, setHeight, sh) {\n    // ActiveBoxGrid derives from ActiveBoxBag\n    super(parent, container, boxBase);\n\n    this.nCols = sh.nCols;\n    this.nRows = sh.nRows;\n\n    // This will be the enclosing rectangle of this ActiveBox bag\n    const r = new Rectangle(\n      new Point(px, py),\n      new Dimension(\n        Math.round(setWidth / this.nCols) * this.nCols,\n        Math.round(setHeight / this.nRows) * this.nRows));\n\n    // Create all the [ActiveBox](ActiveBox.html) objects based on the\n    // shapes provided by the [Shaper](Shaper.html)\n    for (let i = 0; i < sh.nCells; i++) {\n      const\n        tmpSh = sh.getShape(i, r),\n        bx = new ActiveBox(this, container, boxBase, i, tmpSh.getBounds());\n      if (!sh.rectangularShapes)\n        bx.setShape(tmpSh);\n      this.addActiveBox(bx);\n    }\n\n    // If the Shaper has `remainder` (extra space), set the background box of this\n    // [BoxBag](BoxBag.html)\n    if (sh.hasRemainder) {\n      const\n        tmpSh = sh.getRemainderShape(r),\n        bx = new ActiveBox(this, container, boxBase, 0, tmpSh.getBounds());\n      bx.setShape(tmpSh);\n      this.setBackgroundBox(bx);\n    }\n  }\n\n  /**\n   * This factory constructor creates a new empty grid with the number of cells indicated by the\n   * {@link module:boxes/ActiveBagContent.ActiveBagContent ActiveBagContent} `abc`, not filling the cells with any content.\n   * @param {module:boxes/AbstractBox.AbstractBox} parent - The AbstractBox to which this box grid belongs\n   * @param {module:AWT.Container} container - The container where this box grid is placed.\n   * @param {number} px - `X` coordinate of the upper left corner of this box grid\n   * @param {number} py - `Y` coordinate of the upper left corner of this box grid\n   * @param {module:boxes/ActiveBagContent.ActiveBagContent} abc - Used only to get the number of cells and the shaper (when `sh` is `null`)\n   * @param {module:shapers/Shaper.Shaper} sh - Shaper used to build the ActiveBox objects\n   * @param {module:boxes/BoxBase.BoxBase} boxBase - The object where colors, fonts, border and other graphic properties\n   * of this box grid are defined.\n   * @returns {module:boxes/ActiveBoxGrid.ActiveBoxGrid}\n   */\n  static createEmptyGrid(parent, container, px, py, abc, sh, boxBase) {\n    const result = abc ? new ActiveBoxGrid(parent, container,\n      boxBase || abc.style,\n      px, py,\n      abc.getTotalWidth(), abc.getTotalHeight(),\n      sh || abc.getShaper()) : null;\n\n    if (result)\n      result.setBorder(abc.border);\n\n    return result;\n  }\n\n  /**\n   * Gets the minimum size of this grid\n   * @returns {module:AWT.Dimension}\n   */\n  getMinimumSize() {\n    return new Dimension(\n      settings.MIN_CELL_SIZE * this.nCols,\n      settings.MIN_CELL_SIZE * this.nRows);\n  }\n\n  /**\n   * Gets a scaled size of this grid, rounded to the nearest integer values\n   * @param {number} scale - The scale factor\n   * @returns {module:AWT.Dimension}\n   */\n  getScaledSize(scale) {\n    return new Dimension(\n      roundTo(scale * this.preferredBounds.dim.width, this.nCols),\n      roundTo(scale * this.preferredBounds.dim.height, this.nRows));\n  }\n\n  /**\n   * Returns the logical coordinates of the provided {@link module:boxes/ActiveBox.ActiveBox ActiveBox}.\n   * The units of the result are not pixels, but ordinal numbers (relative positions) of columns\n   * and rows in the grid.\n   * @param {module:boxes/ActiveBox.ActiveBox} bx - The box to process\n   * @returns {module:AWT.Point}\n   */\n  getCoord(bx) {\n    return new Point(bx.idLoc % this.nCols, Math.floor(bx.idLoc / this.nCols));\n  }\n\n  /**\n   * Calculates the logical distance between two {@link module:boxes/ActiveBox.ActiveBox ActiveBox} objects.\n   * Resulting units are not pixels, but ordinal numbers (relative positions) of columns and rows\n   * in the grid.\n   * @param {module:boxes/ActiveBox.ActiveBox} src - First box\n   * @param {module:boxes/ActiveBox.ActiveBox} dest - Second box\n   * @returns {module:AWT.Point}\n   */\n  getCoordDist(src, dest) {\n    const\n      ptSrc = this.getCoord(src),\n      ptDest = this.getCoord(dest);\n    return new Point(ptDest.x - ptSrc.x, ptDest.y - ptSrc.y);\n  }\n}\n\nObject.assign(ActiveBoxGrid.prototype, {\n  /**\n   * Number of columns of this box grid\n   * @name module:boxes/ActiveBoxGrid.ActiveBoxGrid#nCols\n   * @type {number} */\n  nCols: 1,\n  /**\n   * Number of rows of this box grid\n   * @name module:boxes/ActiveBoxGrid.ActiveBoxGrid#nRows\n   * @type {number} */\n  nRows: 1,\n});\n\nexport default ActiveBoxGrid;\n","/**\n *  File    : boxes/BoxConnector.js\n *  Created : 26/05/2015\n *  By      : Francesc Busquets <francesc@gmail.com>\n *\n *  JClic.js\n *  An HTML5 player of JClic activities\n *  https://projectestac.github.io/jclic.js\n *\n *  @source https://github.com/projectestac/jclic.js\n *\n *  @license EUPL-1.2\n *  @licstart\n *  (c) 2000-2020 Catalan Educational Telematic Network (XTEC)\n *\n *  Licensed under the EUPL, Version 1.1 or -as soon they will be approved by\n *  the European Commission- subsequent versions of the EUPL (the \"Licence\");\n *  You may not use this work except in compliance with the Licence.\n *\n *  You may obtain a copy of the Licence at:\n *  https://joinup.ec.europa.eu/software/page/eupl\n *\n *  Unless required by applicable law or agreed to in writing, software\n *  distributed under the Licence is distributed on an \"AS IS\" basis, WITHOUT\n *  WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n *  Licence for the specific language governing permissions and limitations\n *  under the Licence.\n *  @licend\n *  @module\n */\n\nimport { Point, Dimension, Rectangle } from '../AWT.js';\n\nconst DEFAULT_COMPOSITE_OP = 'source-over';\n\n/**\n * BoxConnector allows users to visually connect two {@link module:boxes/ActiveBox.ActiveBox ActiveBox} objects of an\n * {@link module:Activity.ActivityPanel ActivityPanel}. There are two modes of operation:\n *\n * - Drawing a line between an origin point (usually the point where the user clicks on) and a\n * destination point.\n * - Dragging the ActiveBox from one location to another.\n *\n * The connecting lines can have arrowheads at its endings.\n */\nexport class BoxConnector {\n  /**\n   * BoxConnector constructor\n   * @param {module:AWT.Container} parent - The Container to which this BoxConnector belongs\n   * @param {external:jQuery} $canvas - The HTML `canvas` element where this BoxConnector will draw.\n   */\n  constructor(parent, $canvas) {\n    this.parent = parent;\n    this.ctx = $canvas.get(-1).getContext('2d', { willReadFrequently: true });\n    this.dim = new Dimension(this.ctx.canvas.width, this.ctx.canvas.height);\n    this.origin = new Point();\n    this.dest = new Point();\n    this.relativePos = new Point();\n  }\n\n  /**\n   * Displaces the ending point of the connector\n   * @param {number} dx - Displacement on the X axis\n   * @param {number} dy - Displacement on the Y axis\n   */\n  moveBy(dx, dy) {\n    this.moveTo(Point(this.dest.x + dx, this.dest.y + dy));\n  }\n\n  /**\n   * Moves the ending point of the connector to a new position\n   * @param {module:AWT.Point} pt - The new position\n   * @param {boolean} forcePaint - When `true`, forces the repaint of all the area also if there is\n   * no movement at all.\n   */\n  moveTo(pt, forcePaint) {\n    if (!this.active || !forcePaint && this.dest.equals(pt))\n      return;\n\n    // Restore the background\n    if (this.bgRect) {\n      if (this.bgImg) {\n        this.ctx.putImageData(\n          this.bgImg,\n          0, 0,\n          this.bgRect.pos.x, this.bgRect.pos.y,\n          this.bgRect.dim.width, this.bgRect.dim.height);\n      } else if (this.parent)\n        this.parent.updateContent();\n    }\n\n    this.dest.moveTo(pt);\n\n    // Calculate the bounds of the invalidated area after the move:\n    // Start with the origin point or box area\n    const pt1 = new Point(this.origin.x - this.relativePos.x, this.origin.y - this.relativePos.y);\n    this.bgRect = new Rectangle(pt1, this.bx ? this.bx.dim : new Dimension());\n    //  Add the destination point or box area\n    const pt2 = new Point(pt.x - this.relativePos.x, pt.y - this.relativePos.y);\n    this.bgRect.add(new Rectangle(pt2, this.bx ? this.bx.dim : new Dimension()));\n    // Add a generous border around the area\n    this.bgRect.grow(10, 10);\n\n    if (this.bx !== null) {\n      // Move the ActiveBox\n      this.bx.moveTo(new Point(pt.x - this.relativePos.x, pt.y - this.relativePos.y));\n      this.bx.setTemporaryHidden(false);\n      this.bx.update(this.ctx, null);\n      this.bx.setTemporaryHidden(true);\n    } else {\n      // Draw the connecting line\n      this.drawLine();\n      this.linePainted = true;\n    }\n  }\n\n  /**\n   * Starts the box connector operation\n   * @param {module:AWT.Point} pt - Starting point\n   * @param {module:boxes/ActiveBox.ActiveBox} [box] -  Passed only when the BoxConnector runs in drag&drop mode\n   */\n  begin(pt, box) {\n    if (this.active)\n      this.end();\n    this.origin.moveTo(pt);\n    this.dest.moveTo(pt);\n    this.linePainted = false;\n    this.active = true;\n\n    if (box) {\n      // Remember what box will be moved, hide it from the panel and repaint all\n      this.bx = box;\n      this.relativePos.moveTo(pt.x - box.pos.x, pt.y - box.pos.y);\n      this.bx.setFocused(true);\n      this.bx.setTemporaryHidden(true);\n      this.linePainted = false;\n      this.parent.invalidate().update();\n    }\n\n    // Save the full image currently displayed on the panel (with the box hidden)\n    try {\n      this.bgImg = this.ctx.getImageData(0, 0, this.dim.width, this.dim.height);\n    } catch (_ex) {\n      // Avoid \"canvas tainted by cross-origin data\" errors\n      // Setting bgImg to null is less efficient, but works\n      this.bgImg = null;\n    }\n    this.bgRect = null;\n\n    // Make a first movement to make the box appear\n    if (box)\n      this.moveTo(pt, true);\n  }\n\n  /**\n   * Finalizes the operation of this box connector until a new call to `begin`\n   */\n  end() {\n    if (!this.active)\n      return;\n\n    this.active = false;\n    this.linePainted = false;\n    this.bgRect = null;\n    this.bgImg = null;\n\n    if (this.bx) {\n      // Restore the original position and attributes of the box\n      this.bx.setFocused(false);\n      this.bx.moveTo(this.origin.x - this.relativePos.x, this.origin.y - this.relativePos.y);\n      this.bx.setTemporaryHidden(false);\n      this.bx = null;\n      this.relativePos.moveTo(0, 0);\n    }\n\n    // Repaint all\n    this.ctx.clearRect(0, 0, this.dim.width, this.dim.height);\n    this.parent.invalidate().update();\n  }\n\n  /**\n   * Strokes a line between `origin` and `dest`, optionally ended with an arrowhead.\n   */\n  drawLine() {\n    if (this.compositeOp !== DEFAULT_COMPOSITE_OP) {\n      this.ctx.strokeStyle = this.xorColor;\n      this.ctx.globalCompositeOperation = this.compositeOp;\n    } else\n      this.ctx.strokeStyle = this.lineColor;\n\n    this.ctx.lineWidth = this.lineWidth;\n\n    this.ctx.beginPath();\n    this.ctx.moveTo(this.origin.x, this.origin.y);\n    this.ctx.lineTo(this.dest.x, this.dest.y);\n    this.ctx.stroke();\n\n    if (this.arrow) {\n      // Draws the arrow head\n      const\n        beta = Math.atan2(this.origin.x - this.dest.x, this.dest.x - this.origin.x),\n        arp = new Point(this.dest.x - this.arrowLength * Math.cos(beta + this.arrowAngle),\n          this.dest.y + this.arrowLength * Math.sin(beta + this.arrowAngle));\n      this.ctx.beginPath();\n      this.ctx.moveTo(this.dest.x, this.dest.y);\n      this.ctx.lineTo(arp.x, arp.y);\n      this.ctx.stroke();\n\n      arp.moveTo(this.dest.x - this.arrowLength * Math.cos(beta - this.arrowAngle),\n        this.dest.y + this.arrowLength * Math.sin(beta - this.arrowAngle));\n      this.ctx.beginPath();\n      this.ctx.moveTo(this.dest.x, this.dest.y);\n      this.ctx.lineTo(arp.x, arp.y);\n      this.ctx.stroke();\n    }\n    if (this.compositeOp !== DEFAULT_COMPOSITE_OP) {\n      // reset default settings\n      this.ctx.globalCompositeOperation = DEFAULT_COMPOSITE_OP;\n    }\n  }\n}\n\nObject.assign(BoxConnector.prototype, {\n  /**\n   * The background image, saved and redrawn on each movement\n   * @name module:boxes/BoxConnector.BoxConnector#bgImg\n   * @type {external:HTMLImageElement} */\n  bgImg: null,\n  /**\n   * The rectangle of {@link module:Activity.ActivityPanel ActivityPanel} saved in `bgImg`\n   * @name module:boxes/BoxConnector.BoxConnector#bgRect\n   * @type {module:AWT.Rectangle} */\n  bgRect: null,\n  /**\n   * Initial position of the connector\n   * @name module:boxes/BoxConnector.BoxConnector#origin\n   * @type {module:AWT.Point} */\n  origin: null,\n  /**\n   * Current (while moving) and final position of the connector\n   * @name module:boxes/BoxConnector.BoxConnector#dest\n   * @type {module:AWT.Point} */\n  dest: null,\n  /**\n   * When `true`, the connector must end on arrowhead\n   * @name module:boxes/BoxConnector.BoxConnector#arrow\n   * @type {boolean} */\n  arrow: false,\n  /**\n   * `true` while the connector is active\n   * @name module:boxes/BoxConnector.BoxConnector#active\n   * @type {boolean} */\n  active: false,\n  /**\n   * `true` while the line has already been painted (used for XOR expressions)\n   * @name module:boxes/BoxConnector.BoxConnector#linePainted\n   * @type {boolean} */\n  linePainted: false,\n  /**\n   * The arrowhead length (in pixels)\n   * @name module:boxes/BoxConnector.BoxConnector#arrowLength\n   * @type {number} */\n  arrowLength: 10,\n  /**\n   * The arrowhead angle\n   * @name module:boxes/BoxConnector.BoxConnector#arrowAngle\n   * @type {number} */\n  arrowAngle: Math.PI / 6,\n  /**\n   * The main color used in XOR operations\n   * @name module:boxes/BoxConnector.BoxConnector#lineColor\n   * @type {string} */\n  lineColor: 'black',\n  /**\n   * The complementary color used in XOR operations\n   * @name module:boxes/BoxConnector.BoxConnector#xorColor\n   * @type {string} */\n  xorColor: 'white',\n  /**\n   * The global composite operator used when drawing in XOR mode. Default is \"difference\".\n   * For a list of possible values see:\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation}\n   * @name module:boxes/BoxConnector.BoxConnector#compositeOp\n   * @type {string} */\n  compositeOp: 'difference',\n  /**\n   * The default {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation composite operator}\n   * (\"source-over\").\n   * @name module:boxes/BoxConnector.BoxConnector#DEFAULT_COMPOSITE_OP\n   * @static\n   * @type {string} */\n  DEFAULT_COMPOSITE_OP: DEFAULT_COMPOSITE_OP,\n  /**\n   * Relative position of point B regarding A\n   * @name module:boxes/BoxConnector.BoxConnector#relativePos\n   * @type {module:AWT.Point} */\n  relativePos: null,\n  /**\n   * The ActiveBox to connect or move\n   * @name module:boxes/BoxConnector.BoxConnector#bx\n   * @type {module:boxes/ActiveBox.ActiveBox} */\n  bx: null,\n  /**\n   * The Graphics context where the BoxConnector will paint\n   * @name module:boxes/BoxConnector.BoxConnector#ctx\n   * @type {external:CanvasRenderingContext2D} */\n  ctx: null,\n  /**\n   * The dimension of the HTML canvas where to draw\n   * @name module:boxes/BoxConnector.BoxConnector#dim\n   * @type {module:AWT.Dimension} */\n  dim: null,\n  /**\n   * The container to which this connector belongs\n   * @name module:boxes/BoxConnector.BoxConnector#parent\n   * @type {module:AWT.Container} */\n  parent: null,\n  /**\n   * Width of the connector line\n   * @name module:boxes/BoxConnector.BoxConnector#lineWidth\n   * @type {number} */\n  lineWidth: 1.5,\n});\n\nexport default BoxConnector;\n"],"names":[],"sourceRoot":""}

package/dist/743.jclic-node.js

@@ -1,583 +0,0 @@
-"use strict";
-exports.id = 743;
-exports.ids = [743];
-exports.modules = {
-
-/***/ 743:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   c: () => (/* binding */ TextActivityBasePanel),
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
-/* harmony export */   q: () => (/* binding */ TextActivityBase)
-/* harmony export */ });
-/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7750);
-/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1253);
-/* harmony import */ var _Activity_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1567);
-/* harmony import */ var _boxes_ActiveBox_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1725);
-/* harmony import */ var _boxes_BoxBase_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3018);
-/**
- *  File    : activities/text/TextActivityBase.js
- *  Created : 16/05/2015
- *  By      : Francesc Busquets <francesc@gmail.com>
- *
- *  JClic.js
- *  An HTML5 player of JClic activities
- *  https://projectestac.github.io/jclic.js
- *
- *  @source https://github.com/projectestac/jclic.js
- *
- *  @license EUPL-1.2
- *  @licstart
- *  (c) 2000-2020 Educational Telematic Network of Catalonia (XTEC)
- *
- *  Licensed under the EUPL, Version 1.1 or -as soon they will be approved by
- *  the European Commission- subsequent versions of the EUPL (the "Licence");
- *  You may not use this work except in compliance with the Licence.
- *
- *  You may obtain a copy of the Licence at:
- *  https://joinup.ec.europa.eu/software/page/eupl
- *
- *  Unless required by applicable law or agreed to in writing, software
- *  distributed under the Licence is distributed on an "AS IS" basis, WITHOUT
- *  WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
- *  Licence for the specific language governing permissions and limitations
- *  under the Licence.
- *  @licend
- *  @module
- */
-
-/* global window */
-
-
-
-
-
-
-
-/**
- * This class and its visual component {@link module:activities/text/TextActivityBase.TextActivityBasePanel TextActivityBasePanel} are the base for text
- * activities like {@link module:activities/text/FillInBlanks.FillInBlanks FillInBlanks}, {@link module:activities/text/IdentifyText.IdentifyText IdentifyText}, {@link module:activities/text/OrderText.OrderText OrderText} and {@link module:activities/text/Complete.Complete Complete}.
- * @extends module:Activity.Activity
- */
-class TextActivityBase extends _Activity_js__WEBPACK_IMPORTED_MODULE_2__/* .Activity */ .I {
-  /**
-   * TextActivityBase constructor
-   * @param {module:project/JClicProject.JClicProject} project - The project to which this activity belongs
-   */
-  constructor(project) {
-    super(project);
-  }
-
-  /**
-   * Retrieves the minimum number of actions needed to solve this activity
-   * @override
-   * @returns {number}
-   */
-  getMinNumActions() {
-    return this.document ? this.document.numTargets : 0;
-  }
-}
-
-Object.assign(TextActivityBase.prototype, {
-  /**
-   * This is the object used to evaluate user's answers in text activities.
-   * @name module:activities/text/TextActivityBase.TextActivityBase#ev
-   * @type {module:activities/text/Evaluator.Evaluator} */
-  ev: null,
-  /**
-   * This is the label used by text activities for the `check` button, when present.
-   * @name module:activities/text/TextActivityBase.TextActivityBase#checkButtonText
-   * @type {string} */
-  checkButtonText: null,
-  /**
-   * When `true`, a text will be shown before the beginning of the activity.
-   * @name module:activities/text/TextActivityBase.TextActivityBase#prevScreen
-   * @type {boolean} */
-  prevScreen: false,
-  /**
-   * Optional text to be shown before the beginning of the activity. When `null`, this text is
-   * the main document.
-   * @name module:activities/text/TextActivityBase.TextActivityBase#prevScreenText
-   * @type {string} */
-  prevScreenText: null,
-  /**
-   * The style of the optional text to be shown before the beginning of the activity.
-   * @name module:activities/text/TextActivityBase.TextActivityBase#prevScreenStyle
-   * @type {module:boxes/BoxBase.BoxBase} */
-  prevScreenStyle: null,
-  /**
-   * Maximum amount of time for showing the previous document.
-   * @name module:activities/text/TextActivityBase.TextActivityBase#prevScreenMaxTime
-   * @type {number} */
-  prevScreenMaxTime: -1,
-});
-
-/**
- * The {@link module:Activity.ActivityPanel ActivityPanel} where text activities (based on {@link module:activities/text/TextActivityBase.TextActivityBase TextActivityBase}) are played.
- * @extends module:Activity.ActivityPanel
- */
-//export class TextActivityBasePanel extends Activity.Panel {
-class TextActivityBasePanel extends _Activity_js__WEBPACK_IMPORTED_MODULE_2__/* .ActivityPanel */ .S {
-  /**
-   * TextActivityBasePanel constructor
-   * @param {module:Activity.Activity} act - The {@link module:Activity.Activity Activity} to which this Panel belongs
-   * @param {module:JClicPlayer.JClicPlayer} ps - Any object implementing the methods defined in the
-   * [PlayStation](http://projectestac.github.io/jclic/apidoc/edu/xtec/jclic/PlayStation.html) Java interface.
-   * @param {external:jQuery} [$div] - The jQuery DOM element where this Panel will deploy
-   */
-  constructor(act, ps, $div) {
-    super(act, ps, $div);
-    this.targets = [];
-  }
-
-  /**
-   * Fills a jQuery DOM element (usually a 'div') with the specified {@link module:activities/text/TextActivityDocument.TextActivityDocument TextActivityDocument}.
-   * @param {external:jQuery} $div - The jQuery DOM object to be filled with the document.
-   * @param {module:activities/text/TextActivityDocument.TextActivityDocument} doc - The document
-   */
-  setDocContent($div, doc) {
-
-    // Empties the container of any pre-existing content
-    // and sets the background and other attributes indicated by the main
-    // style of the document.
-    // It also sets the 'overflow' CSS attribute to 'auto', which will display a
-    // vertical scroll bar when needed
-    $div.empty().css(doc.style['default'].css).css({ display: 'flex', 'flex-direction': 'column' });
-
-    const $scroller = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<div/>').css({ 'flex-grow': 1, overflow: 'auto' });
-    const $doc = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<div/>', { class: 'JClicTextDocument' }).css({ 'padding': 4 }).css(doc.style['default'].css);
-
-    let currentPStyle = null;
-    const popupSpans = [];
-
-    //
-    // Process paragraphs
-    doc.p.forEach(p => {
-      // Creates a new DOM paragraph
-      const $p = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<p/>').css({ margin: 0 });
-      let empty = true;
-
-      // Check if the paragraph has its own style
-      if (p.style) {
-        currentPStyle = doc.style[p.style].css;
-        $p.css(currentPStyle);
-      } else
-        currentPStyle = null;
-
-      // Check if the paragraph has a special alignment
-      if (p.Alignment) {
-        const al = Number(p.Alignment);
-        $p.css({ 'text-align': al === 1 ? 'center' : al === 2 ? 'right' : 'left' });
-      }
-
-      // Process the paragraph elements
-      p.elements.forEach(element => {
-        // Elements will be inserted as 'span' DOM elements, or as simple text if they don't
-        // have specific attributes.
-        let $span;
-        switch (element.objectType) {
-          case 'text':
-            const parsedText = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<span/>').html(element.text).text();
-            const fragments = this.spanText
-              ? (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__/* .stringToWords */ .Mk)(parsedText)
-              : [{ text: parsedText, sep: '' }];
-            fragments.forEach(({ text, sep }) => {
-              let initialCSS = { ...this.act.document.style['default'].css };
-              if (element?.attr?.style)
-                initialCSS = { ...initialCSS, ...doc.style[element.attr.style].css };
-              if (element?.attr?.css)
-                initialCSS = { ...initialCSS, ...element.attr.css };
-              const txtBlocs = this.spanChars ? [...text] : [text];
-              txtBlocs.forEach((str) => {
-                if (element.attr) {
-                  // Text uses a specific style and/or individual attributes
-                  $span = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<span/>').html(str).css(initialCSS);
-                  // Save initialCSS for later use
-                  $span.initialCSS = initialCSS;
-                  $p.append(this.$createSpanElement($span));
-                } else {
-                  if (this.spanText) {
-                    $span = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<span/>').html(str);
-                    $p.append(this.$createSpanElement($span));
-                  }
-                  else
-                    $p.append(str);
-                }
-              });
-              if (sep !== '')
-                $p.append(sep);
-            });
-            break;
-
-          case 'cell':
-            // Create a new ActiveBox based on this ActiveBoxContent
-            $span = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<span/>');
-            const box = _boxes_ActiveBox_js__WEBPACK_IMPORTED_MODULE_3__["default"].createCell($span.css({ position: 'relative' }), element);
-            $span.css({ 'display': 'inline-block', 'vertical-align': 'middle' });
-            if (element.mediaContent) {
-              $span.on('click', event => {
-                event.preventDefault();
-                this.ps.stopMedia(1);
-                box.playMedia(this.ps);
-                return false;
-              });
-            }
-            $p.append($span);
-            break;
-
-          case 'target':
-            $span = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<span/>');
-            if (this.showingPrevScreen) {
-              $span.text(element.text);
-              $p.append($span);
-              break;
-            }
-
-            const target = element;
-            let $popup = null;
-            // Process target popups
-            if (target.infoMode !== 'no_info' && target.popupContent) {
-              $popup = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<span/>').css({ position: 'absolute', 'padding-top': '2pt', display: 'none' });
-              // Create a new ActiveBox based on popupContent
-              const popupBox = _boxes_ActiveBox_js__WEBPACK_IMPORTED_MODULE_3__["default"].createCell($popup, target.popupContent);
-              if (target.popupContent.mediaContent) {
-                $popup.on('click', event => {
-                  event.preventDefault();
-                  this.ps.stopMedia(1);
-                  if (popupBox)
-                    popupBox.playMedia(this.ps);
-                  else if (target.popupContent.mediaContent)
-                    this.ps.playMedia(target.popupContent.mediaContent);
-                  return false;
-                });
-              }
-              target.$popup = $popup;
-              // Save for later setting of top-margin
-              popupSpans.push({ p: $p, span: $popup, box: popupBox });
-            }
-
-            $span = this.$createTargetElement(target, $span);
-            target.num = this.targets.length;
-            target.pos = target.num;
-            this.targets.push(target);
-            if ($span) {
-              $span.css(doc.style['default'].css);
-              if (currentPStyle)
-                $span.css(currentPStyle);
-              if (this.targetsMarked) {
-                if (target.attr) {
-                  // Default style name for targets is 'target'
-                  if (!target.attr.style)
-                    target.attr.style = 'target';
-                  $span.css(doc.style[target.attr.style].css);
-                  // Check if target has specific attributes
-                  if (target.attr.css)
-                    $span.css(target.attr.css);
-                } else if (doc.style['target'])
-                  $span.css(doc.style['target'].css);
-              } else {
-                target.targetStatus = 'HIDDEN';
-              }
-
-              // Catch on-demand popups with `F1`, cancel with `Escape`
-              if ($popup !== null && target.infoMode === 'onDemand') {
-                $span.keydown(ev => {
-                  if (ev.key === target.popupKey) {
-                    ev.preventDefault();
-                    this.showPopup($popup, target.popupMaxTime, target.popupDelay);
-                  } else if (ev.key === 'Escape') {
-                    ev.preventDefault();
-                    this.showPopup(null);
-                  }
-                });
-              }
-            }
-
-            if ($popup && $span) {
-              if (target.isList)
-                $p.append($span).append($popup);
-              else
-                $p.append($popup).append($span);
-            } else if ($span)
-              $p.append($span);
-
-            target.$p = $p;
-            break;
-        }
-        empty = false;
-      });
-      if (empty)
-        // Don't leave paragraphs empty
-        $p.html('&nbsp;');
-
-      // Adds the paragraph to the DOM element
-      $doc.append($p);
-    });
-
-    $div.append($scroller.append($doc));
-
-    if (this.act.checkButtonText && !this.showingPrevScreen) {
-      this.$checkButton = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<button/>', { class: 'StockBtn' })
-        .html(this.act.checkButtonText)
-        .css({ width: '100%', 'flex-shrink': 0 })
-        .on('click', () => this.evaluatePanel());
-      $div.append(this.$checkButton);
-    }
-
-    // Place popups below its target baseline
-    popupSpans.forEach(pspan => pspan.span.css({ 'margin-top': pspan.p.css('font-size') }));
-
-    // Init Evaluator
-    if (this.act.ev)
-      this.act.ev.init(this.act.project.settings.locales);
-
-    return $div;
-  }
-
-  /**
-   * Creates a target DOM element.
-   * This method can be overridden in subclasses to create specific types of targets.
-   * @param {module:activities/text/TextActivityDocument.TextTarget} target - The target related to the DOM object to be created
-   * @param {external:jQuery} $span - An initial DOM object (usually a `span`) that can be used
-   * to store the target, or replaced by another type of object.
-   * @returns {external:jQuery} - The jQuery DOM element loaded with the target data.
-   */
-  $createTargetElement(target, $span) {
-    $span.text(target.text);
-    target.$span = $span;
-    return $span;
-  }
-
-  /**
-   * Creates a 'span' element, used to isolate elements of text not involved in targets.
-   * Used only when {@link spanText} is true.
-   * @param {external:jQuery} $span - An initial DOM object (usually a `span`) that can be used
-   * to store the target, or replaced by another type of object.
-   * @returns {external:jQuery} - The jQuery DOM element loaded with the span data.
-   */
-  $createSpanElement($span) {
-    return $span;
-  }
-
-  /**
-   * Basic initialization procedure, common to all activities.
-   * @override
-   */
-  initActivity() {
-    if (this.act.prevScreen)
-      this.preInitActivity();
-    else
-      this.startActivity();
-  }
-
-  /**
-   * Called when the activity starts playing
-   * @override
-   */
-  startActivity() {
-    super.initActivity();
-    this.setAndPlayMsg('initial', 'start');
-    this.setDocContent(this.$div, this.act.document);
-    this.playing = true;
-  }
-
-  /**
-   * Called when the text activity has a 'previous screen' information to be shown before the
-   * activity starts
-   */
-  preInitActivity() {
-    if (!this.act.prevScreen)
-      return;
-
-    const prevScreenEnd = () => {
-      this.showingPrevScreen = false;
-      this.$div.unbind('click');
-      if (this.prevScreenTimer) {
-        window.clearTimeout(this.prevScreenTimer);
-        this.prevScreenTimer = null;
-      }
-      this.startActivity();
-      return true;
-    };
-
-    this.showingPrevScreen = true;
-    this.$div.empty();
-
-    if (!this.act.prevScreenText) {
-      this.setDocContent(this.$div, this.act.document);
-    } else {
-      if (!this.act.prevScreenStyle)
-        this.act.prevScreenStyle = new _boxes_BoxBase_js__WEBPACK_IMPORTED_MODULE_4__["default"]();
-      this.$div.css(this.act.prevScreenStyle.getCSS()).css('overflow', 'auto');
-      const $html = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<div/>', { class: 'JClicTextDocument' })
-        .css({ 'padding': 4 })
-        .css(this.act.prevScreenStyle.getCSS())
-        .append(this.act.prevScreenText);
-      this.$div.append($html);
-    }
-
-    this.enableCounters(true, false, false);
-    this.ps.setCounterValue('time', 0);
-
-    this.ps.setMsg(this.act.messages['previous']);
-
-    if (this.act.prevScreenMaxTime > 0) {
-      this.ps.setCountDown('time', this.act.prevScreenMaxTime);
-      this.prevScreenTimer = window.setTimeout(prevScreenEnd, this.act.prevScreenMaxTime * 1000);
-    }
-
-    this.$div.on('click', prevScreenEnd);
-    this.ps.playMsg();
-  }
-
-  /**
-   * Called when the user clicks on the check button
-   * @returns {boolean} - `true` when the panel is OK, `false` otherwise.
-   */
-  evaluatePanel() {
-    this.finishActivity(true);
-    return true;
-  }
-
-  /**
-   * Ordinary ending of the activity, usually called form `processEvent`
-   * @override
-   * @param {boolean} result - `true` if the activity was successfully completed, `false` otherwise
-   */
-  finishActivity(result) {
-    if (this.$checkButton)
-      this.$checkButton.prop('disabled', true);
-    this.targets.forEach(t => {
-      if (t.$comboList)
-        t.$comboList.attr('disabled', true);
-    });
-    this.showPopup(null);
-    super.finishActivity(result);
-  }
-
-  /**
-   * Main handler used to process mouse, touch, keyboard and edit events
-   * @override
-   * @param {external:Event} _event - The HTML event to be processed
-   * @returns {boolean} - When this event handler returns `false`, jQuery will stop its
-   * propagation through the DOM tree. See: {@link http://api.jquery.com/on}
-   */
-  processEvent(_event) {
-    return this.playing;
-  }
-
-  /**
-   * @param {external:jQuery} $popup - The popup to display, or _null _ to just hide the current popup
-   * @param {number} maxTime - The maximum time to mantain the popup on screen, in seconds
-   * @param {number} waitTime - When set, indicates the number of seconds to wait before show the popup
-   */
-  showPopup($popup, maxTime, waitTime) {
-    // Hide current popup
-    if (this.$currentPopup) {
-      this.$currentPopup.css({ display: 'none' });
-      this.$currentPopup = null;
-      if (this.currentPopupTimer) {
-        window.clearTimeout(this.currentPopupTimer);
-        this.currentPopupTimer = 0;
-      }
-    }
-
-    // Clear popupWaitTimer
-    if (this.popupWaitTimer) {
-      window.clearTimeout(this.popupWaitTimer);
-      this.popupWaitTimer = 0;
-    }
-
-    // Prepare popup timer
-    if (waitTime) {
-      this.popupWaitTimer = window.setTimeout(() => {
-        this.showPopup($popup, maxTime);
-      }, waitTime * 1000);
-      return;
-    }
-
-    if ($popup) {
-      $popup.css({ display: '' });
-      $popup.trigger('click');
-
-      this.$currentPopup = $popup;
-      if (maxTime) {
-        this.currentPopupTimer = window.setTimeout(() => {
-          $popup.css({ display: 'none' });
-          if (this.$currentPopup === $popup) {
-            this.$currentPopup = null;
-            this.currentPopupTimer = 0;
-          }
-        }, maxTime * 1000);
-      }
-    }
-  }
-}
-
-Object.assign(TextActivityBasePanel.prototype, {
-  /**
-   * Array of jQuery DOM elements (usually of type 'span') containing the targets of this activity
-   * @name module:activities/text/TextActivityBase.TextActivityBasePanel#targets
-   * @type {external:jQuery[]} */
-  targets: null,
-  /**
-   * Flag indicating if targets must be visually marked at the beginning of the activity.
-   * Should be `true` except for {@link module:activities/text/IdentifyText.IdentifyText IdentifyText} activities.
-   * @name module:activities/text/TextActivityBase.TextActivityBasePanel#targetsMarked
-   * @type {boolean} */
-  targetsMarked: true,
-  /**
-   * The button used to check the activity, only when `Activity.checkButtonText` is not null
-   * @name module:activities/text/TextActivityBase.TextActivityBasePanel#$checkButton
-   * @type {external:jQuery}*/
-  $checkButton: null,
-  /**
-   * System timer used to close the previous document when act.maxTime is reached.
-   * @name module:activities/text/TextActivityBase.TextActivityBasePanel#prevScreenTimer
-   * @type {number} */
-  prevScreenTimer: null,
-  /**
-   * The popup currently been displayed
-   * @name module:activities/text/TextActivityBase.TextActivityBasePanel#$currentPopup
-   * @type {external:jQuery} */
-  $currentPopup: null,
-  /**
-   * A timer controlling the time the current popup will be displayed
-   * @name module:activities/text/TextActivityBase.TextActivityBasePanel#currentPopupTimer
-   * @type {number} */
-  currentPopupTimer: 0,
-  /**
-   * A timer prepared to display a popup after a while
-   * @name module:activities/text/TextActivityBase.TextActivityBasePanel#popupWaitTimer
-   * @type {number} */
-  popupWaitTimer: 0,
-  /**
-   * When true, all text outside of targets and cells will be inserted as independent words or letters,
-   * using 'span' elements. {@link module:activities/text/TextActivityBase.TextActivityBasePanel#$createSpanElement} can be used
-   * to customize these elements.
-   * @name module:activities/text/TextActivityBase.TextActivityBasePanel#spanText
-   * @type {boolean} */
-  spanText: false,
-  /**
-   * When true, text spanning will be done at char level: each single letter will be a clickacle span.
-   * Used only in activities of type "itentify letters"
-   * @name module:activities/text/TextActivityBase.TextActivityBasePanel#spanChars
-   * @type {boolean} */
-  spanChars: false,
-});
-
-/**
- * Panel class associated to this type of activity: {@link module:activities/text/TextActivityBase.TextActivityBasePanel TextActivityBasePanel}
- * @type {class} */
-TextActivityBase.Panel = TextActivityBasePanel;
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TextActivityBase);
-
-
-/***/ })
-
-};
-;
-//# sourceMappingURL=743.jclic-node.js.map