jclic 2.1.21 → 2.1.23

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

@@ -1 +0,0 @@
-{"version":3,"file":"2160.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;AACD;;AAE/C;AACA,kBAAkB,yCAAyC,SAAS,+CAA+C;AACnH;AACA;AACA;AACA;AACA,+BAA+B,uEAAuE;AACtG;AACA;AACA;AACO,yBAAyB,2DAAQ;AACxC;AACA;AACA,aAAa,0CAA0C;AACvD;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;AACA;AACA;AACA,YAAY,UAAU;AACtB;AACA;AACA;AACA,uBAAuB,uEAAuE,0BAA0B,0DAA0D;AAClL;AACA;AACA,YAAY,UAAU;AACtB;AACA;AACA;AACA;AACA;AACA,YAAY,SAAS;AACrB;AACA;AACA;AACA;AACA;AACA,YAAY,SAAS;AACrB;AACA,CAAC;;AAED;AACA,QAAQ,mDAAmD,OAAO,mEAAmE;AACrI;AACA;AACO,8BAA8B,gEAAa;AAClD;AACA;AACA,aAAa,0BAA0B,WAAW,yCAAyC;AAC3F,aAAa,gCAAgC;AAC7C;AACA,aAAa,iBAAiB;AAC9B;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B,6CAAC;AAC9B,uCAAuC,uBAAuB;AAC9D;AACA;AACA;AACA,WAAW;AACX;;AAEA;AACA;AACA;;AAEA;AACA,kBAAkB,0DAAQ;AAC1B;AACA,qBAAqB,+DAAa;AAClC;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,qCAAqC,gEAAc;;AAEnD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;;AAEA;AACA;AACA;AACA,aAAa,sBAAsB;AACnC,eAAe;AACf;AACA;AACA;AACA;AACA;AACA,aAAa,wDAAM;AACnB;AACA,aAAa,wDAAM;AACnB;;AAEA;AACA;AACA;AACA,aAAa,sBAAsB;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,6CAAC,mBAAmB,eAAe,YAAY,gBAAgB;AACpF;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,iBAAiB;AACrC,qBAAqB,kBAAkB;AACvC,gCAAgC,iBAAiB,KAAK,kBAAkB;AACxE,SAAS;AACT;AACA;;AAEA;AACA,oBAAoB,8DAAY;;AAEhC;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,aAAa,gBAAgB;AAC7B,eAAe,SAAS;AACxB,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wDAAwD,oDAAK;AAC7D;AACA;AACA;AACA;AACA;AACA,gBAAgB,oDAAK;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;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,YAAY;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,2BAA2B;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0EAA0E,gEAAc;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB;AAChB;AACA,cAAc;AACd;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,UAAU,+CAA+C;AACzD;AACA,YAAY,gCAAgC;AAC5C;AACA;AACA,kBAAkB,2DAA2D;AAC7E;AACA,YAAY,wCAAwC;AACpD;AACA;AACA;AACA;AACA,YAAY,WAAW;AACvB;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,kDAAkD,EAAC;;;;;;;;;;;;;;;;ACzc1E;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/textGrid/WordSearch.js","webpack://jclic/./src/boxes/ActiveBoxGrid.js","webpack://jclic/./src/boxes/BoxConnector.js"],"sourcesContent":["/**\n *  File    : activities/textGrid/WordSearch.js\n *  Created : 15/06/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';\nimport TextGrid from '../../boxes/TextGrid.js';\n\n/**\n * This class of {@link module:Activity.Activity Activity} shows a {@link module:boxes/TextGrid.TextGrid TextGrid} with some words placed in horizontal,\n * vertical or diagonal direction, written right or upside down. The remaining grid cells will be\n * filled with randomly selected characters.\n *\n * The aim of the activity is to find all the words hidden on the text grid.\n * The content of an optional {@link module:boxes/ActiveBagContent.ActiveBagContent ActiveBagContent} can be revealed on an auxiliary panel as\n * words are found.\n * @extends module:Activity.Activity\n */\nexport class WordSearch extends Activity {\n  /**\n   * WordSearch constructor\n   * @param {module:project/JClicProject.JClicProject} project - The JClic project 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.clues.length;\n  }\n\n  /**\n   * This type of activity permits the user to display the solution\n   * @override\n   * @returns {boolean}\n   */\n  helpSolutionAllowed() {\n    return true;\n  }\n\n  /**\n   * This kind of activity uses random numbers to generate the filling characters\n   * @override\n   * @returns {boolean}\n   */\n  hasRandom() {\n    return true;\n  }\n}\n\nObject.assign(WordSearch.prototype, {\n  /**\n   * String array containing all the valid clues.\n   * @name module:activities/textGrid/WordSearch.WordSearch#clues\n   * @type {string[]} */\n  clues: null,\n  /**\n   * Array of integers containing __for each clue__ the index\n   * of an associated {@link module:boxes/ActiveBoxContent.ActiveBoxContent ActiveBoxContent} located on the secondary {@link module:boxes/ActiveBoxbag.ActiveBoxBag ActiveBoxBag}.\n   * This associated element is optional.\n   * @name module:activities/textGrid/WordSearch.WordSearch#clueItems\n   * @type {number[]} */\n  clueItems: null,\n  /**\n   * Objects that indicate if box grids A and B must be shuffled.\n   * (defaults to _false_ in WordSearch activities)\n   * @name module:activities/textGrid/WordSearch.WordSearch#shuffleA\n   * @type {boolean} */\n  shuffleA: false,\n  /**\n   * Objects that indicate if box grids A and B must be shuffled.\n   * (defaults to _false_ in WordSearch activities)\n   * @name module:activities/textGrid/WordSearch.WordSearch#shuffleB\n   * @type {boolean} */\n  shuffleB: false,\n});\n\n/**\n * The {@link module:Activity.ActivityPanel ActivityPanel} where {@link module:activities/textGrid/WordSearch.WordSearch WordSearch} activities are played.\n * @extends module:Activity.ActivityPanel\n */\nexport class WordSearchPanel extends ActivityPanel {\n  /**\n   * WordSearchPanel 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    this.resolvedClues = [];\n  }\n\n  /**\n   * Performs miscellaneous cleaning operations\n   * @override\n   */\n  clear() {\n    if (this.grid) {\n      this.grid.end();\n      this.grid = null;\n    }\n    if (this.bgAlt) {\n      this.bgAlt.end();\n      this.bgAlt = 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\n      tgc = this.act.tgc,\n      abcAlt = this.act.abc['secondary'];\n    if (abcAlt) {\n      if (abcAlt.image) {\n        abcAlt.setImgContent(this.act.project.mediaBag, null, false);\n        if (abcAlt.animatedGifFile && !abcAlt.shaper.rectangularShapes && !this.act.shuffleB)\n          this.$animatedBg = $('<span/>').css({\n            'background-image': `url(${abcAlt.animatedGifFile})`,\n            'background-position': 'center',\n            'background-repeat': 'no-repeat',\n            position: 'absolute'\n          }).appendTo(this.$div);\n      }\n\n      if (this.act.acp !== null)\n        this.act.acp.generateContent(0, 0, [abcAlt], false);\n    }\n\n    if (tgc) {\n      this.grid = TextGrid.createEmptyGrid(null, this, this.act.margin, this.act.margin, tgc, false);\n      if (abcAlt) {\n        this.bgAlt = ActiveBoxGrid.createEmptyGrid(null, this, this.act.margin, this.act.margin, abcAlt);\n        if (this.$animatedBg && this.bgAlt.backgroundBox)\n          this.bgAlt.backgroundBox['tmpTrans'] = true;\n      }\n      this.grid.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.grid) {\n      this.grid.setChars(this.act.tgc.text);\n      this.grid.randomize();\n      this.grid.setAllCellsAttribute(TextGrid.flags.INVERTED, false);\n\n      this.resolvedClues = Array(this.act.clueItems.length).fill(false);\n\n      if (this.bgAlt) {\n        this.bgAlt.setContent(this.act.abc['secondary']);\n        if (this.$animatedBg)\n          this.bgAlt.clearAllBoxes();\n        if (this.act.shuffleB)\n          this.shuffle([this.bgAlt], true, true);\n        this.bgAlt.setVisible(this.$animatedBg !== null || this.act.invAss);\n      }\n\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.grid && 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.grid.update(ctx, dirtyRegion);\n      if (this.bgAlt)\n        this.bgAlt.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    if (!this.grid || this.getBounds().equals(preferredMaxSize))\n      return preferredMaxSize;\n    if (this.bgAlt)\n      return BoxBag.layoutDouble(preferredMaxSize, this.grid, this.bgAlt, this.act.boxGridPos, this.act.margin);\n    else\n      return BoxBag.layoutSingle(preferredMaxSize, this.grid, 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    super.setBounds(rect);\n    if (this.grid) {\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      // Resize animated gif background\n      if (this.$animatedBg && this.bgAlt) {\n        const bgRect = this.bgAlt.getBounds();\n        this.$animatedBg.css({\n          left: bgRect.pos.x,\n          top: bgRect.pos.y,\n          width: `${bgRect.dim.width}px`,\n          height: `${bgRect.dim.height}px`,\n          'background-size': `${bgRect.dim.width}px ${bgRect.dim.height}px`\n        });\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   * Calculates the current score\n   * @returns {number}\n   */\n  getCurrentScore() {\n    return this.resolvedClues.reduce((n, resolved) => resolved ? ++n : n, 0);\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      // The [AWT.Point](AWT.html#Point) where the mouse or touch event has been originated\n      let p = null;\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.touches ? event.originalEvent.touches[0].pageX : event.pageX,\n          y = 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      // Flag for assuring that only one media plays per event (avoid event sounds overlapping\n      // cell's media sounds)\n      let m = false;\n      // Array to be filled with actions to be executed at the end of event processing\n      const delayedActions = [];\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            // A new word selection starts\n            //\n            // Selection of words can never start with a `mouseup` event\n            if (up)\n              break;\n\n            this.ps.stopMedia(1);\n            if (this.grid.contains(p)) {\n              this.playEvent('click');\n              this.bc.begin(p);\n            }\n          } else {\n            this.ps.stopMedia(1);\n            // Word selection completed\n            //\n            // Find the active boxes behind `bc.origin` and `p`\n            const\n              pt1 = this.grid.getLogicalCoords(this.bc.origin),\n              pt2 = this.grid.getLogicalCoords(this.bc.dest);\n            this.bc.end();\n            const s = this.grid.getStringBetween(pt1.x, pt1.y, pt2.x, pt2.y);\n            if (s !== null && s.length > 0) {\n              let ok = false, c = 0;\n              for (; c < this.act.clues.length; c++) {\n                if (s === this.act.clues[c]) {\n                  ok = true;\n                  break;\n                }\n              }\n              const repeated = this.resolvedClues[c];\n              if (ok && !repeated) {\n                this.resolvedClues[c] = true;\n                this.grid.setAttributeBetween(pt1.x, pt1.y, pt2.x, pt2.y, TextGrid.flags.INVERTED, true);\n                if (this.bgAlt !== null) {\n                  const k = this.act.clueItems[c];\n                  if (k >= 0 && k < this.bgAlt.getNumCells()) {\n                    const bx = this.bgAlt.getActiveBox(this.act.clueItems[c]);\n                    if (bx) {\n                      bx.setVisible(this.$animatedBg === null && !this.act.invAss);\n                      m = bx.playMedia(this.ps, delayedActions);\n                    }\n                  }\n                }\n              }\n              if (!repeated) {\n                const r = this.getCurrentScore();\n                this.ps.reportNewAction(this.act, 'ACTION_SELECT', s, null, ok, r);\n                if (r === this.act.clues.length)\n                  this.finishActivity(true);\n                else if (!m)\n                  this.playEvent(ok ? 'actionOK' : 'actionError');\n                this.invalidate();\n              } else if (!ok && !m)\n                this.playEvent('actionError');\n            } else\n              this.playEvent('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(WordSearchPanel.prototype, {\n  /**\n   * The {@link module:boxes/TextGrid.TextGrid TextGrid} object of this ActivityPanel\n   * @name module:activities/textGrid/WordSearch.WordSearchPanel#grid\n   * @type {module:boxes/TextGrid.TextGrid} */\n  grid: null,\n  /**\n   * An optional {@link module:boxes/ActiveBoxbag.ActiveBoxBag ActiveBoxBag} used to display information associated with the hidden words.\n   * @name module:activities/textGrid/WordSearch.WordSearchPanel#bgAlt\n   * @type {module:boxes/ActiveBoxBag.ActiveBoxBag} */\n  bgAlt: null,\n  /**\n   * An array of boolean values indicating which clues have been found\n   * @name module:activities/textGrid/WordSearch.WordSearchPanel#resolvedClues\n   * @type {boolean[]} */\n  resolvedClues: null,\n  /**\n   * The box connector object\n   * @name module:activities/textGrid/WordSearch.WordSearchPanel#bc\n   * @type {module:boxes/BoxConnector.BoxConnector} */\n  bc: null,\n  /**\n   * Mouse and touch events intercepted by this panel\n   * @override\n   * @name module:activities/textGrid/WordSearch.WordSearchPanel#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/textGrid/WordSearch.WordSearchPanel WordSearchPanel}\n * @type {class} */\nWordSearch.Panel = WordSearchPanel;\n\n// Register activity class\nexport default Activity.registerClass('@textGrid.WordSearch', WordSearch);\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/222.jclic-node.js

@@ -1,129 +0,0 @@
-"use strict";
-exports.id = 222;
-exports.ids = [222];
-exports.modules = {
-
-/***/ 222:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ skins_SimpleSkin)
-});
-
-// UNUSED EXPORTS: SimpleSkin
-
-// EXTERNAL MODULE: external "jquery"
-var external_jquery_ = __webpack_require__(7750);
-var external_jquery_default = /*#__PURE__*/__webpack_require__.n(external_jquery_);
-// EXTERNAL MODULE: ./src/skins/Skin.js + 9 modules
-var Skin = __webpack_require__(757);
-// EXTERNAL MODULE: ./src/skins/DefaultSkin.js + 13 modules
-var DefaultSkin = __webpack_require__(1588);
-;// ./src/skins/assets/simple.css
-const simple_namespaceObject = ".ID {\n  background-color: #888888;\n}\n\n.ID .JClicCtrlCnt {\n  margin: 9px;\n}\n\n.ID .JClicPlayerCnt {\n  margin: 0px 18px 18px;\n}\n\n.ID .JClicMsgBox {\n  flex-grow: 0;\n  margin: 0 18px 18px 18px;\n}\n";
-;// ./src/skins/assets/simpleHalf.css
-const simpleHalf_namespaceObject = ".ID .JClicCtrlCnt {\n  margin: 4px;\n}\n\n.ID .JClicPlayerCnt {\n  margin: 0px 9px 9px;\n}\n\n.ID .JClicMsgBox {\n  margin: 0 9px 9px 9px;\n}\n";
-;// ./src/skins/assets/simpleTwoThirds.css
-const simpleTwoThirds_namespaceObject = ".ID .JClicCtrlCnt {\n  margin: 6px;\n}\n\n.ID .JClicPlayerCnt {\n  margin: 0px 12px 12px;\n}\n\n.ID .JClicMsgBox {\n  margin: 0 12px 12px 12px;\n}\n";
-;// ./src/skins/SimpleSkin.js
-/**
- *  File    : skins/SimpleSkin.js
- *  Created : 04/07/2016
- *  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
- */
-
-
-
-
-
-// Use Webpack to import CSS and SVG files
-
-
-
-
-/**
- * This is a variant of the default {@link module:skins/Skin.Skin Skin} used by JClic.js
- * It has the buttons at top, and don't has counters.
- * @extends module:skins/DefaultSkin.DefaultSkin
- */
-class SimpleSkin extends DefaultSkin["default"] {
-  /**
-   * SimpleSkin constructor
-   * @param {module:JClicPlayer.JClicPlayer} ps - The PlayStation (currently a {@link module:JClicPlayer.JClicPlayer JClicPlayer}) used to load and
-   * realize the media objects meeded tot build the Skin.
-   * @param {string} [name] - The skin class name
-   * @param {object} [options] - Optional parameter with additional options
-   */
-  constructor(ps, name = null, options = {}) {
-    // OrangeSkin extends [DefaultSkin](DefaultSkin.html)
-    super(ps, name, Object.assign({}, options, { counters: false, reportsBtn: true }));
-
-    this.$ctrlCnt.detach().prependTo(this.$div);
-    this.$msgBoxDiv.detach().appendTo(this.$div);
-    // Add a spacing div in substitution of msgBox
-    external_jquery_default()('<div/>').css({ 'flex-grow': 1 }).insertAfter(this.$ctrlCnt.children(':nth-child(2)'));
-  }
-
-  /**
-   * Returns the CSS styles used by this skin. This method should be called only from
-   * the `Skin` constructor, and overridded by subclasses if needed.
-   * @param {string} media - A specific media size. Possible values are: 'default', 'half' and 'twoThirds'
-   * @returns {string}
-   */
-  _getStyleSheets(media = 'default') {
-    return `${super._getStyleSheets(media)}${media === 'default' ? this.skinCSS : media === 'half' ? this.skinCSSHalf : media === 'twoThirds' ? this.skinCSSTwoThirds : ''}`;
-  }
-}
-
-Object.assign(SimpleSkin.prototype, {
-  /**
-   * Class name of this skin. It will be used as a base selector in the definition of all CSS styles.
-   * @name module:skins/SimpleSkin.SimpleSkin#skinId
-   * @override
-   * @type {string} */
-  skinId: 'JClicSimpleSkin',
-  /**
-   * Styles used in this skin
-   * @name module:skins/SimpleSkin.SimpleSkin#skinCSS
-   * @type {string} */
-  skinCSS: simple_namespaceObject,
-  skinCSSHalf: simpleHalf_namespaceObject,
-  skinCSSTwoThirds: simpleTwoThirds_namespaceObject,
-});
-
-// Register this class in the list of available skins
-/* harmony default export */ const skins_SimpleSkin = (Skin["default"].registerClass('simple', SimpleSkin));
-
-
-/***/ })
-
-};
-;
-//# sourceMappingURL=222.jclic-node.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"222.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;AACM;AACc;;AAE3C;AAC0C;AACQ;AACU;;AAE5D;AACA,qCAAqC,mCAAmC;AACxE;AACA;AACA;AACO,yBAAyB,sBAAW;AAC3C;AACA;AACA,aAAa,gCAAgC,mCAAmC,iDAAiD;AACjI;AACA,aAAa,QAAQ;AACrB,aAAa,QAAQ;AACrB;AACA,2CAA2C;AAC3C;AACA,oCAAoC,aAAa,mCAAmC;;AAEpF;AACA;AACA;AACA,IAAI,yBAAC,iBAAiB,gBAAgB;AACtC;;AAEA;AACA;AACA;AACA,aAAa,QAAQ;AACrB,eAAe;AACf;AACA;AACA,cAAc,6BAA6B,EAAE,8HAA8H;AAC3K;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,YAAY,QAAQ;AACpB;AACA;AACA;AACA;AACA,YAAY,QAAQ;AACpB,SAAS;AACT,aAAa;AACb,kBAAkB;AAClB,CAAC;;AAED;AACA,uDAAe,eAAI,oCAAoC,EAAC","sources":["webpack://jclic/./src/skins/SimpleSkin.js"],"sourcesContent":["/**\n *  File    : skins/SimpleSkin.js\n *  Created : 04/07/2016\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 Skin from './Skin.js';\nimport DefaultSkin from './DefaultSkin.js';\n\n// Use Webpack to import CSS and SVG files\nimport skinCSS from './assets/simple.css';\nimport skinCSSHalf from './assets/simpleHalf.css';\nimport skinCSSTwoThirds from './assets/simpleTwoThirds.css';\n\n/**\n * This is a variant of the default {@link module:skins/Skin.Skin Skin} used by JClic.js\n * It has the buttons at top, and don't has counters.\n * @extends module:skins/DefaultSkin.DefaultSkin\n */\nexport class SimpleSkin extends DefaultSkin {\n  /**\n   * SimpleSkin constructor\n   * @param {module:JClicPlayer.JClicPlayer} ps - The PlayStation (currently a {@link module:JClicPlayer.JClicPlayer JClicPlayer}) used to load and\n   * realize the media objects meeded tot build the Skin.\n   * @param {string} [name] - The skin class name\n   * @param {object} [options] - Optional parameter with additional options\n   */\n  constructor(ps, name = null, options = {}) {\n    // OrangeSkin extends [DefaultSkin](DefaultSkin.html)\n    super(ps, name, Object.assign({}, options, { counters: false, reportsBtn: true }));\n\n    this.$ctrlCnt.detach().prependTo(this.$div);\n    this.$msgBoxDiv.detach().appendTo(this.$div);\n    // Add a spacing div in substitution of msgBox\n    $('<div/>').css({ 'flex-grow': 1 }).insertAfter(this.$ctrlCnt.children(':nth-child(2)'));\n  }\n\n  /**\n   * Returns the CSS styles used by this skin. This method should be called only from\n   * the `Skin` constructor, and overridded by subclasses if needed.\n   * @param {string} media - A specific media size. Possible values are: 'default', 'half' and 'twoThirds'\n   * @returns {string}\n   */\n  _getStyleSheets(media = 'default') {\n    return `${super._getStyleSheets(media)}${media === 'default' ? this.skinCSS : media === 'half' ? this.skinCSSHalf : media === 'twoThirds' ? this.skinCSSTwoThirds : ''}`;\n  }\n}\n\nObject.assign(SimpleSkin.prototype, {\n  /**\n   * Class name of this skin. It will be used as a base selector in the definition of all CSS styles.\n   * @name module:skins/SimpleSkin.SimpleSkin#skinId\n   * @override\n   * @type {string} */\n  skinId: 'JClicSimpleSkin',\n  /**\n   * Styles used in this skin\n   * @name module:skins/SimpleSkin.SimpleSkin#skinCSS\n   * @type {string} */\n  skinCSS,\n  skinCSSHalf,\n  skinCSSTwoThirds,\n});\n\n// Register this class in the list of available skins\nexport default Skin.registerClass('simple', SimpleSkin);\n"],"names":[],"sourceRoot":""}