jclic 2.1.21 → 2.1.22

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

@@ -1 +0,0 @@
-{"version":3,"file":"3502.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;AACK;AACO;;AAEvD;AACA,kBAAkB,yCAAyC,oCAAoC,kDAAkD;AACjJ;AACA;AACA;AACA;AACA;AACA;AACA;AACO,yBAAyB,2DAAQ;AACxC;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,OAAO,kEAAkE;AACpI;AACA;AACO,8BAA8B,gEAAa;AAClD;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;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA,gBAAgB,+DAAa;AAC7B;AACA;;AAEA;AACA;AACA;AACA,wBAAwB,+DAAa;AACrC,iEAAiE,+DAAW;AAC5E;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,sBAAsB,uBAAuB;AAC7C;AACA;;AAEA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA;AACA;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;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;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;AACA,oBAAoB,oDAAK;AACzB;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,qBAAqB,GAAG,WAAW;AAC9D,6BAA6B,qBAAqB;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB;AAClB;AACA;AACA;AACA;AACA,cAAc;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,UAAU,2DAA2D;AACrE;AACA,YAAY,wCAAwC;AACpD;AACA;AACA;AACA;AACA;AACA,YAAY,0CAA0C;AACtD;AACA;AACA;AACA;AACA,YAAY,kCAAkC;AAC9C;AACA;AACA;AACA;AACA,YAAY,QAAQ;AACpB;AACA;AACA;AACA;AACA;AACA,YAAY,UAAU;AACtB;AACA,CAAC;;AAED;AACA,qDAAqD;AACrD,UAAU,OAAO;AACjB;;AAEA;AACA,iEAAe,2DAAQ,iDAAiD,EAAC;;;;;;;;;;;;;;;;ACvWzE;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;;AAEiC;AACuB;;AAExD;AACA;AACA,yBAAyB,0CAA0C;AACnE;AACA;AACA;AACO,0BAA0B,kDAAM;AACvC;AACA;AACA,aAAa,QAAQ;AACrB,aAAa,QAAQ;AACrB;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,gBAAgB;AACpC,sBAAsB,gBAAgB;AACtC,iDAAiD,wDAAS,KAAK,oDAAK,oBAAoB,wDAAS;AACjG;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA,YAAY,SAAS;AACrB;AACA,CAAC;;AAED;AACA,iEAAe,kDAAM,2CAA2C,EAAC","sources":["webpack://jclic/./src/activities/puzzles/HolePuzzle.js","webpack://jclic/./src/boxes/ActiveBoxGrid.js","webpack://jclic/./src/shapers/Rectangular.js"],"sourcesContent":["/**\n *  File    : activities/puzzles/HolePuzzle.js\n *  Created : 01/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 { Rectangle, Point } from '../../AWT.js';\nimport Rectangular from '../../shapers/Rectangular.js';\n\n/**\n * This class of {@link module:Activity.Activity Activity} shows only one panel with shuffled {@link module:boxes/ActiveBox.ActiveBox ActiveBox} cells.\n *\n * One of the cells is out of the main panel, thus allowing its neighbors occupy their space.\n * Only immediate neighbors of the \"hole\" can move into it.\n *\n * When all cells are on place, the initially \"expulsed\" cell comes back home and the activity is done.\n * @extends module:Activity.Activity\n */\nexport class HolePuzzle extends Activity {\n  /**\n   * HolePuzzle 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 {@link module:activities/puzzles/HolePuzzle.HolePuzzle HolePuzzle} activities are played\n * @extends module:Activity.ActivityPanel\n */\nexport class HolePuzzlePanel extends ActivityPanel {\n  /**\n   * HolePuzzlePanel 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    if (this.parkBg) {\n      this.parkBg.end();\n      this.parkBg = 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      this.hiddenBoxIndex = Math.floor(Math.random() * this.bg.getNumCells());\n      this.hiddenBox = this.bg.getActiveBox(this.hiddenBoxIndex);\n      this.hiddenBox.setVisible(false);\n      this.parkBg = new ActiveBoxGrid(null, this, abc.style, this.act.margin, this.act.margin,\n        this.hiddenBox.dim.width, this.hiddenBox.dim.height, new Rectangular(1, 1));\n      this.parkBg.setContent(abc, null, this.hiddenBoxIndex, 0, 1);\n      this.parkBg.setBorder(this.bg.hasBorder());\n      this.parkBg.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      //\n      // This activity has an special shuffle method. Cells can move only to places near the 'hole'\n      if (this.act.shuffles % 2 !== 1)\n        this.act.shuffles++;\n      for (var i = 0; i < this.act.shuffles; i++) {\n        const pth = this.bg.getCoord(this.hiddenBox);\n        const v = Math.floor(Math.random() * 2) === 0 ? 1 : -1;\n\n        if (Math.floor(Math.random() * 2) === 0) {\n          pth.x += v;\n          if (pth.x < 0 || pth.x >= this.bg.nCols)\n            pth.x -= 2 * v;\n        } else {\n          pth.y += v;\n          if (pth.y < 0 || pth.y >= this.bg.nRows)\n            pth.y -= 2 * v;\n        }\n        var dstBx = this.bg.getActiveBoxWithIdLoc(pth.y * this.bg.nCols + pth.x);\n        if (dstBx !== null)\n          this.hiddenBox.exchangeLocation(dstBx);\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.bg && this.parkBg && 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      this.parkBg.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.parkBg || this.getBounds().equals(preferredMaxSize) ?\n      preferredMaxSize :\n      BoxBag.layoutDouble(preferredMaxSize, this.bg, this.parkBg, this.act.boxGridPos, 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 && this.parkBg) {\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      // 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);\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.playing) {\n      const p = new Point(\n        event.pageX - this.$div.offset().left,\n        event.pageY - this.$div.offset().top);\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 'click':\n          this.ps.stopMedia(1);\n          // Find the box behind the clicked point\n          const bx = this.bg.findActiveBox(p);\n          if (bx) {\n            if (bx.isVisible()) {\n              // Check if it's a valid move\n              const pt = this.bg.getCoordDist(bx, this.hiddenBox);\n              if (Math.abs(pt.x) + Math.abs(pt.y) === 1) {\n                // Ok, the cell is adjacent to the hole. Complete the move.\n                let m = bx.playMedia(this.ps, delayedActions);\n                const\n                  src = `${bx.getDescription()} (${bx.idOrder})`,\n                  dest = `(${this.hiddenBox.idLoc})`;\n                bx.exchangeLocation(this.hiddenBox);\n                const ok = bx.idOrder === bx.idLoc;\n                // Check results and notify action\n                const cellsAtPlace = this.bg.countCellsAtEquivalentPlace(true);\n                this.ps.reportNewAction(this.act, 'SELECT', src, dest, ok, cellsAtPlace);\n                if (ok && cellsAtPlace === this.bg.getNumCells()) {\n                  // Activity completed!\n                  this.hiddenBox.setVisible(true);\n                  this.parkBg.setVisible(false);\n                  this.finishActivity(true);\n                } else\n                  if (!m)\n                    this.playEvent('click');\n              }\n              this.update();\n            } else {\n              this.playEvent('actionError');\n            }\n          }\n          break;\n      }\n      delayedActions.forEach(action => action());\n      event.preventDefault();\n    }\n  }\n}\n\nObject.assign(HolePuzzlePanel.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/HolePuzzle.HolePuzzlePanel#bg\n   * @type {module:boxes/ActiveBoxBag.ActiveBoxBag} */\n  bg: null,\n  /**\n   * An auxiliary box bag with only one box, used to store the \"missing piece\" of\n   * the puzzle.\n   * @name module:activities/puzzles/HolePuzzle.HolePuzzlePanel#parkBg\n   * @type {module:boxes/ActiveBoxGrid.ActiveBoxGrid} */\n  parkBg: null,\n  /**\n   * The hidden cell\n   * @name module:activities/puzzles/HolePuzzle.HolePuzzlePanel#hiddenBox\n   * @type {module:boxes/ActiveBox.ActiveBox} */\n  hiddenBox: null,\n  /**\n   * Index of the hidden cell on the ActiveBagContent\n   * @name module:activities/puzzles/HolePuzzle.HolePuzzlePanel#hiddenBoxIndex\n   * @type {number} */\n  hiddenBoxIndex: -1,\n  /**\n   * List of mouse, touch and keyboard events intercepted by this panel\n   * @override\n   * @name module:activities/puzzles/HolePuzzle.HolePuzzlePanel#events\n   * @type {string[]} */\n  events: ['click'],\n});\n\n/**\n * Panel class associated to this type of activity: {@link module:activities/puzzles/HolePuzzle.HolePuzzlePanel HolePuzzlePanel}\n * @type {class} */\nHolePuzzle.Panel = HolePuzzlePanel;\n\n// Register activity class\nexport default Activity.registerClass('@puzzles.HolePuzzle', HolePuzzle);\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    : shapers/Rectangular.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 Shaper from './Shaper.js';\nimport { Rectangle, Point, Dimension } from '../AWT.js';\n\n/**\n *\n * This is the simplest {@link module:shapers/Shaper.Shaper Shaper}. It divides the graphic object in a set of rectangular\n * shapes distributed in the specified number of rows and columns.\n * @extends module:shapers/Shaper.Shaper\n */\nexport class Rectangular extends Shaper {\n  /**\n   * Rectangular constructor\n   * @param {number} nx - Number of columns\n   * @param {number} ny - Number of rows\n   */\n  constructor(nx, ny) {\n    super(nx, ny);\n  }\n\n  /**\n   * Builds the rectangular shapes based on the number of rows and columns\n   * @override\n   */\n  buildShapes() {\n    const\n      w = 1 / this.nCols,\n      h = 1 / this.nRows;\n    for (let y = 0; y < this.nRows; y++) {\n      for (let x = 0; x < this.nCols; x++) {\n        this.shapeData[y * this.nCols + x] = new Rectangle(new Point(x * w, y * h), new Dimension(w, h));\n      }\n    }\n    this.initiated = true;\n  }\n}\n\nObject.assign(Rectangular.prototype, {\n  /**\n   * Overrides same flag in {@link module:/shapers/Shaper.Shaper#rectangularShapes Shaper#rectangularShapes}\n   * @name module:shapers/Rectangular.Rectangular#rectangularShapes\n   * @override\n   * @type {boolean} */\n  rectangularShapes: true,\n});\n\n// Register this class in the list of known shapers\nexport default Shaper.registerClass('@Rectangular', Rectangular);\n"],"names":[],"sourceRoot":""}