jclic 2.1.21 → 2.1.23

package/dist/2531.jclic-node.js

@@ -1,869 +0,0 @@
-"use strict";
-exports.id = 2531;
-exports.ids = [2531,7781];
-exports.modules = {
-
-/***/ 2531:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* unused harmony exports WrittenAnswer, WrittenAnswerPanel */
-/* 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 _Activity_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1567);
-/* harmony import */ var _boxes_ActiveBoxGrid_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7781);
-/* harmony import */ var _boxes_BoxBag_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9205);
-/* harmony import */ var _AWT_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7912);
-/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1253);
-/* harmony import */ var _shapers_Rectangular_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4921);
-/**
- *  File    : activities/text/WrittenAnswer.js
- *  Created : 04/06/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
- */
-
-
-
-
-
-
-
-
-
-/**
- * This class of {@link module:Activity.Activity Activity} shows a panel with {@link module:boxes/ActiveBox.ActiveBox ActiveBox} objects acting as cells
- * with questions. The answers to these questions must be written in a separate text field.
- *
- * The ActiveBox objects are filled with data stored in {@link module:boxes/ActiveBagContent.ActiveBagContent ActiveBagContent} repositories.
- *
- * A second {@link module:boxes/ActiveBagContent.ActiveBagContent ActiveBagContent} can be used as alternative content, revealed as the questions
- * are solved.
- * @extends module:Activity.Activity
- */
-class WrittenAnswer extends _Activity_js__WEBPACK_IMPORTED_MODULE_1__/* .Activity */ .I {
-  /**
-   * WrittenAnswer constructor
-   * @param {module:project/JClicProject.JClicProject} project - The JClic project to which this activity belongs
-   */
-  constructor(project) {
-    super(project);
-  }
-
-  /**
-   * Loads this object settings from an XML element
-   * @override
-   * @param {external:jQuery} $xml - The jQuery XML element to parse
-   */
-  setProperties($xml) {
-    super.setProperties($xml);
-    this.abc['primary'].avoidAllIdsNull(this.abc['answers'].getNumCells());
-  }
-
-  /**
-   * Retrieves the minimum number of actions needed to solve this activity
-   * @override
-   * @returns {number}
-   */
-  getMinNumActions() {
-    return this.invAss ?
-      this.abc['answers'].getNumCells() :
-      this.abc['primary'].getNumCells() - this.nonAssignedCells;
-  }
-
-  /**
-   * This activity uses random values to shuffle its internal components
-   * @override
-   * @returns {boolean}
-   */
-  hasRandom() {
-    return true;
-  }
-
-  /**
-   * This activity makes use of the keyboard
-   * @override
-   * @returns {boolean}
-   */
-  needsKeyboard() {
-    return true;
-  }
-
-  /**
-   * This activity can permit the user to display the solution
-   * @override
-   * @returns {boolean}
-   */
-  helpSolutionAllowed() {
-    return true;
-  }
-}
-
-Object.assign(WrittenAnswer.prototype, {
-  /**
-   * Number of unassigned cells
-   * @name module:activities/text/WrittenAnswer.WrittenAnswer#nonAssignedCells
-   * @type {number} */
-  nonAssignedCells: 0,
-  /**
-   * Whether to use or not the cell's `idAss` field to check if pairings match
-   * @name module:activities/text/WrittenAnswer.WrittenAnswer#useIdAss
-   * @type {boolean} */
-  useIdAss: true,
-});
-
-/**
- * The {@link module:Activity.ActivityPanel ActivityPanel} where {@link module:activities/text/WrittenAnswer.WrittenAnswer WrittenAnswer} activities are played.
- * @extends module:Activity.ActivityPanel
- */
-class WrittenAnswerPanel extends _Activity_js__WEBPACK_IMPORTED_MODULE_1__/* .ActivityPanel */ .S {
-  /**
-   * WrittenAnswerPanel 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);
-  }
-
-  /**
-   * Performs miscellaneous cleaning operations
-   * @override
-   */
-  clear() {
-    if (this.bgA) {
-      this.bgA.end();
-      this.bgA = null;
-    }
-    if (this.bgB) {
-      this.bgB.end();
-      this.bgB = null;
-    }
-  }
-
-  /**
-   * Prepares the visual components of the activity
-   * @override
-   */
-  buildVisualComponents() {
-    if (this.firstRun)
-      super.buildVisualComponents();
-
-    this.clear();
-
-    const
-      abcA = this.act.abc['primary'],
-      abcB = this.act.abc['answers'],
-      solved = this.act.abc['solvedPrimary'];
-
-    if (abcA && abcB) {
-      if (this.act.invAss)
-        this.invAssCheck = Array(abcB.getNumCells()).fill(false);
-
-      if (abcA.image) {
-        abcA.setImgContent(this.act.project.mediaBag, null, false);
-        if (abcA.animatedGifFile && !abcA.shaper.rectangularShapes && !this.act.shuffleA)
-          this.$animatedBg = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<span/>').css({
-            'background-image': 'url(' + abcA.animatedGifFile + ')',
-            'background-position': 'center',
-            'background-repeat': 'no-repeat',
-            position: 'absolute'
-          }).appendTo(this.$div);
-      }
-
-      if (solved && solved.image)
-        solved.setImgContent(this.act.project.mediaBag, null, false);
-
-      if (this.act.acp !== null) {
-        const contentKit = [abcA, abcB];
-        if (solved)
-          contentKit.push(solved);
-        this.act.acp.generateContent(abcA.nch, abcA.ncw, contentKit, false);
-      }
-
-      this.bgA = _boxes_ActiveBoxGrid_js__WEBPACK_IMPORTED_MODULE_2__["default"].createEmptyGrid(null, this, this.act.margin, this.act.margin, abcA);
-
-      let w = abcB.w;
-      if (this.act.boxGridPos === 'AUB' || this.act.boxGridPos === 'BUA')
-        w = abcA.getTotalWidth();
-      //
-      // bgB will be used only as a placeholder for `$textField`
-      this.bgB = new _boxes_ActiveBoxGrid_js__WEBPACK_IMPORTED_MODULE_2__["default"](null, this, abcB.style, this.act.margin, this.act.margin, w, abcB.h, new _shapers_Rectangular_js__WEBPACK_IMPORTED_MODULE_6__["default"](1, 1));
-      this.$form = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<form/>', { id: 'form1' /*, action: '#' */ });
-      // Modified 05/Feb/2020: jQuery not catching submit event when on first activity
-      this.$form[0].addEventListener('submit', event => {
-        event.preventDefault();
-        if (this.playing)
-          this.setCurrentCell(this.currentCell);
-        return false;
-      });
-
-      this.$textField = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<input/>', { type: 'text', size: 200 })
-        .css(abcB.style.getCSS())
-        .css({
-          position: 'absolute', top: 0, left: 0,
-          border: 0, padding: 0, margin: 0,
-          'text-align': 'center'
-        })
-        .attr({
-          autocomplete: 'off',
-          autocorrect: 'off',
-          autocapitalize: 'off',
-          spellcheck: 'false',
-        });
-
-      this.$div.append(this.$form.append(this.$textField));
-      this.bgA.setContent(abcA, solved || null);
-      this.bgA.setDefaultIdAss();
-      if (this.$animatedBg)
-        this.bgA.setCellAttr('tmpTrans', true);
-
-      this.act.nonAssignedCells = 0;
-      for (let i = 0; i < this.bgA.getNumCells(); i++) {
-        var bx = this.bgA.getActiveBox(i);
-        if (bx.idAss === -1) {
-          this.act.nonAssignedCells++;
-          bx.switchToAlt(this.ps);
-        }
-      }
-      this.bgA.setVisible(true);
-      this.bgB.setVisible(false);
-    }
-  }
-
-  /**
-   * Basic initialization procedure
-   * @override
-   */
-  initActivity() {
-    super.initActivity();
-    if (!this.firstRun)
-      this.buildVisualComponents();
-    else
-      this.firstRun = false;
-
-    if (this.bgA && this.bgB) {
-      // Scramble cells
-      if (this.act.shuffleA)
-        this.shuffle([this.bgA], true, true);
-
-      if (this.useOrder)
-        this.currentItem = this.bgA.getNextItem(-1);
-
-      this.setAndPlayMsg('initial', 'start');
-      this.invalidate().update();
-      this.playing = true;
-    }
-  }
-
-  /**
-   * Called by [JClicPlayer](JClicPlayer.html) when this activity panel is fully visible, just
-   * after the initialization process.
-   * @override
-   */
-  activityReady() {
-    super.activityReady();
-    this.setCurrentCell(0);
-  }
-
-  /**
-   * Updates the graphic content of this panel.
-   * This method will be called from {@link module:AWT.Container#update} when needed.
-   * @override
-   * @param {module:AWT.Rectangle} dirtyRegion - Specifies the area to be updated. When `null`,
-   * it's the whole panel.
-   */
-  updateContent(dirtyRegion) {
-    super.updateContent(dirtyRegion);
-    if (this.bgA && this.$canvas) {
-      const
-        canvas = this.$canvas.get(-1),
-        ctx = canvas.getContext('2d');
-      if (!dirtyRegion)
-        dirtyRegion = new _AWT_js__WEBPACK_IMPORTED_MODULE_4__/* .Rectangle */ .M_(0, 0, canvas.width, canvas.height);
-      ctx.clearRect(dirtyRegion.pos.x, dirtyRegion.pos.y, dirtyRegion.dim.width, dirtyRegion.dim.height);
-      this.bgA.update(ctx, dirtyRegion);
-    }
-    return this;
-  }
-
-  /**
-   * Sets the real dimension of this panel.
-   * @override
-   * @param {module:AWT.Dimension} preferredMaxSize - The maximum surface available for the activity panel
-   * @returns {module:AWT.Dimension}
-   */
-  setDimension(preferredMaxSize) {
-    return (!this.bgA || !this.bgB || this.getBounds().equals(preferredMaxSize)) ?
-      preferredMaxSize :
-      _boxes_BoxBag_js__WEBPACK_IMPORTED_MODULE_3__["default"].layoutDouble(preferredMaxSize, this.bgA, this.bgB, this.act.boxGridPos, this.act.margin);
-  }
-
-  /**
-   * Sets the size and position of this activity panel
-   * @override
-   * @param {module:AWT.Rectangle} rect
-   */
-  setBounds(rect) {
-    if (this.$canvas)
-      this.$canvas.remove();
-
-    super.setBounds(rect);
-    if (this.bgA || this.bgB) {
-      const r = rect.clone();
-      if (this.act.boxGridPos === 'AUB')
-        r.height -= this.bgB.pos.y + this.act.margin / 2;
-      else if (this.act.boxGridPos === 'AB')
-        r.width -= this.bgB.pos.x + this.act.margin / 2;
-
-      // Create the main canvas
-      this.$canvas = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<canvas width="' + r.dim.width + '" height="' + r.dim.height + '"/>').css({
-        position: 'absolute',
-        top: 0,
-        left: 0
-      });
-
-      // Resize animated gif background
-      if (this.bgA && this.$animatedBg) {
-        var bgRect = this.bgA.getBounds();
-        this.$animatedBg.css({
-          left: bgRect.pos.x,
-          top: bgRect.pos.y,
-          width: bgRect.dim.width + 'px',
-          height: bgRect.dim.height + 'px',
-          'background-size': bgRect.dim.width + 'px ' + bgRect.dim.height + 'px'
-        });
-        this.$canvas.insertAfter(this.$animatedBg);
-      } else
-        this.$div.prepend(this.$canvas);
-
-      if (this.$textField) {
-        this.$textField.css({
-          top: this.bgB.pos.y,
-          left: this.bgB.pos.x,
-          width: this.bgB.dim.width,
-          height: this.bgB.dim.height,
-          zIndex: 9
-        });
-      }
-      // Repaint all
-      this.invalidate().update();
-    }
-  }
-
-  /**
-   * Builds the accessible components needed for this ActivityPanel
-   * This method is called when all main elements are placed and visible, when the activity is ready
-   * to start or when resized.
-   * @override
-   */
-  buildAccessibleComponents() {
-    if (this.$canvas && this.accessibleCanvas) {
-      super.buildAccessibleComponents();
-      if (this.bgA)
-        this.bgA.buildAccessibleElements(this.$canvas, this.$div, 'click');
-      // bgB has a regular input element, so it's already accessible
-    }
-  }
-
-  /**
-   * Checks if all inverse associations are done
-   * @returns {boolean}
-   */
-  checkInvAss() {
-    return this.act.invAss && this.invAssCheck && this.invAssCheck.every(chk => chk);
-  }
-
-  /**
-   * Updates the currently selected cell, evaluating the answer written by the user on the text field.
-   * @param {number} i - Index into the {@link module:boxes/ActiveBoxbag.ActiveBoxBag ActiveBoxBag} of the cell to make active
-   * @param {function[]} delayedActions - If set, store the the action in this array for future execution
-   */
-  setCurrentCell(i, delayedActions = null) {
-    if (!this.playing)
-      return;
-
-    let
-      bx = null,
-      m = false;
-
-    if (this.currentCell !== -1) {
-      let ok = false;
-      bx = this.bgA ? this.bgA.getActiveBoxWithIdLoc(this.currentCell) : null;
-      if (bx) {
-        bx.setMarked(false);
-        const
-          src = bx.getDescription(),
-          id = bx.idAss,
-          txCheck = id >= 0 ? this.act.abc['answers'].getActiveBoxContent(id).text : '',
-          txAnswer = this.$textField.val().trim();
-        if ((0,_Utils_js__WEBPACK_IMPORTED_MODULE_5__/* .compareMultipleOptions */ .UM)(txAnswer, txCheck, false, this.act.numericContent)) {
-          ok = true;
-          bx.idAss = -1;
-          // When in multiple-answer, fill-in textField with the first valid option:
-          const p = txCheck.indexOf('|');
-          if (p >= 0)
-            this.$textField.val(txCheck.substring(0, p));
-
-          if (this.act.abc['solvedPrimary']) {
-            bx.switchToAlt(this.ps);
-            m = bx.playMedia(this.ps, delayedActions);
-          } else
-            bx.clear();
-          if (this.act.invAss && id >= 0 && id < this.invAssCheck.length) {
-            this.invAssCheck[id] = true;
-          }
-          if (this.act.useOrder)
-            this.currentItem = this.bgA.getNextItem(this.currentItem);
-        }
-
-        const cellsPlaced = this.bgA.countCellsWithIdAss(-1);
-        if (txAnswer.length > 0) {
-          this.ps.reportNewAction(this.act, 'WRITE', src, txAnswer, ok, cellsPlaced);
-        }
-        if (ok && (this.checkInvAss() || cellsPlaced === this.bgA.getNumCells())) {
-          this.finishActivity(true);
-          this.$textField.prop('disabled', true);
-          this.invalidate().update();
-          return;
-        } else if (!m && txAnswer.length > 0)
-          this.playEvent(ok ? 'actionOk' : 'actionError');
-      }
-    }
-
-    bx = this.bgA ?
-      this.act.useOrder ?
-        this.bgA.getBox(this.currentItem) :
-        this.bgA.getActiveBoxWithIdLoc(i) :
-      null;
-
-    if (this.bgA && (!bx || bx.idAss === -1)) {
-      for (var j = 0; j < this.bgA.getNumCells(); j++) {
-        bx = this.bgA.getActiveBoxWithIdLoc(j);
-        if (bx.idAss !== -1)
-          break;
-      }
-      if (bx && bx.idAss === -1) {
-        this.finishActivity(false);
-        this.$textField.prop('disabled', true);
-        this.invalidate().update();
-        return;
-      }
-    }
-    // Draw border only if it has more than one cell
-    if (bx && this.bgA && this.bgA.getNumCells() > 1)
-      bx.setMarked(true);
-    if (bx)
-      this.currentCell = bx.idLoc;
-    this.$textField.val('');
-    this.$textField.focus();
-    this.invalidate().update();
-    if (bx)
-      bx.playMedia(this.ps, delayedActions);
-  }
-
-  /**
-   * 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) {
-    if (this.playing) {
-      // Array to be filled with actions to be executed at the end of event processing
-      const delayedActions = [];
-      switch (event.type) {
-        case 'click':
-          event.preventDefault();
-          this.ps.stopMedia(1);
-          const p = new _AWT_js__WEBPACK_IMPORTED_MODULE_4__/* .Point */ .bR(
-            event.pageX - this.$div.offset().left,
-            event.pageY - this.$div.offset().top);
-
-          // Avoid clicks on the text field
-          if (this.bgB.contains(p)) {
-            this.$textField.focus();
-            break;
-          }
-
-          const bx = this.bgA ? this.bgA.findActiveBox(p) : null;
-          if (bx && !bx.isInactive()) {
-            if (bx.getContent() && bx.getContent().mediaContent === null)
-              this.playEvent('CLICK');
-            this.setCurrentCell(bx.idLoc, delayedActions);
-          }
-          break;
-
-        case 'change':
-          event.preventDefault();
-          this.setCurrentCell(this.currentCell, delayedActions);
-          break;
-      }
-      delayedActions.forEach(action => action());
-      return false;
-    }
-  }
-}
-
-Object.assign(WrittenAnswerPanel.prototype, {
-  /**
-   * The input text field where users write the answers
-   * @name module:activities/text/WrittenAnswer.WrittenAnswerPanel#$textField
-   * @type {external:jQuery} */
-  $textField: null,
-  /**
-   * Array for storing checked associations
-   * @name module:activities/text/WrittenAnswer.WrittenAnswerPanel#invAssCheck
-   * @type {boolean[]} */
-  invAssCheck: null,
-  /**
-   * The {@link module:boxes/ActiveBoxbag.ActiveBoxBag ActiveBoxBag} object containing the questions
-   * @name module:activities/text/WrittenAnswer.WrittenAnswerPanel#bgA
-   * @type {module:boxes/ActiveBoxBag.ActiveBoxBag} */
-  bgA: null,
-  /**
-   * An optional {@link module:boxes/ActiveBoxbag.ActiveBoxBag ActiveBoxBag} with content displayed as cells are solved.
-   * @name module:activities/text/WrittenAnswer.WrittenAnswerPanel#bgB
-   * @type {module:boxes/ActiveBoxBag.ActiveBoxBag} */
-  bgB: null,
-  /**
-   * The currently selected cell
-   * @name module:activities/text/WrittenAnswer.WrittenAnswerPanel#currentCell
-   * @type {number} */
-  currentCell: -1,
-  /**
-   * Mouse events intercepted by this panel
-   * @override
-   * @name module:activities/text/WrittenAnswer.WrittenAnswerPanel#events
-   * @type {string[]} */
-  events: ['click', 'change'],
-});
-
-/**
- * Panel class associated to this type of activity: {@link module:activities/text/WrittenAnswer.WrittenAnswerPanel WrittenAnswerPanel}
- * @type {class} */
-WrittenAnswer.Panel = WrittenAnswerPanel;
-
-// Register activity class
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Activity_js__WEBPACK_IMPORTED_MODULE_1__/* .Activity */ .I.registerClass('@text.WrittenAnswer', WrittenAnswer));
-
-
-/***/ }),
-
-/***/ 7781:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* unused harmony export ActiveBoxGrid */
-/* harmony import */ var _ActiveBoxBag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(427);
-/* harmony import */ var _ActiveBox_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1725);
-/* harmony import */ var _AWT_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7912);
-/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1253);
-/**
- *  File    : boxes/ActiveBoxGrid.js
- *  Created : 19/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 Catalan Educational Telematic Network (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
- */
-
-
-
-
-
-
-/**
- * This class extends {@link module:boxes/ActiveBoxbag.ActiveBoxBag ActiveBoxBag} with constructors that take an argument of type
- * {@link module:shapers/Shaper.Shaper Shaper} used to build all its {@link module:boxes/ActiveBox.ActiveBox ActiveBox}components. It also maintains information
- * about the number of "rows" and "columns", useful to compute valid (integer) values when
- * resizing or moving its components.
- * @extends module:boxes/ActiveBoxBag.ActiveBoxBag
- */
-class ActiveBoxGrid extends _ActiveBoxBag_js__WEBPACK_IMPORTED_MODULE_0__["default"] {
-  /**
-   * ActiveBxGrid constructor
-   * @param {module:boxes/AbstractBox.AbstractBox} parent - The AbstractBox to which this box grid belongs
-   * @param {module:AWT.Container} container - The container where this box grid is placed.
-   * @param {module:boxes/BoxBase} boxBase - The object where colors, fonts, border and other graphic properties
-   * @param {number} px - `X` coordinate of the upper left corner of this box grid
-   * @param {number} py - `Y` coordinate of the upper left corner of this box grid
-   * @param {number} setWidth - Total width of the box grid
-   * @param {number} setHeight - Total height of the box grid
-   * @param {module:shapers/Shaper.Shaper} sh - Shaper used to build the ActiveBox objects
-   */
-  constructor(parent, container, boxBase, px, py, setWidth, setHeight, sh) {
-    // ActiveBoxGrid derives from ActiveBoxBag
-    super(parent, container, boxBase);
-
-    this.nCols = sh.nCols;
-    this.nRows = sh.nRows;
-
-    // This will be the enclosing rectangle of this ActiveBox bag
-    const r = new _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Rectangle */ .M_(
-      new _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Point */ .bR(px, py),
-      new _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Dimension */ .fg(
-        Math.round(setWidth / this.nCols) * this.nCols,
-        Math.round(setHeight / this.nRows) * this.nRows));
-
-    // Create all the [ActiveBox](ActiveBox.html) objects based on the
-    // shapes provided by the [Shaper](Shaper.html)
-    for (let i = 0; i < sh.nCells; i++) {
-      const
-        tmpSh = sh.getShape(i, r),
-        bx = new _ActiveBox_js__WEBPACK_IMPORTED_MODULE_1__["default"](this, container, boxBase, i, tmpSh.getBounds());
-      if (!sh.rectangularShapes)
-        bx.setShape(tmpSh);
-      this.addActiveBox(bx);
-    }
-
-    // If the Shaper has `remainder` (extra space), set the background box of this
-    // [BoxBag](BoxBag.html)
-    if (sh.hasRemainder) {
-      const
-        tmpSh = sh.getRemainderShape(r),
-        bx = new _ActiveBox_js__WEBPACK_IMPORTED_MODULE_1__["default"](this, container, boxBase, 0, tmpSh.getBounds());
-      bx.setShape(tmpSh);
-      this.setBackgroundBox(bx);
-    }
-  }
-
-  /**
-   * This factory constructor creates a new empty grid with the number of cells indicated by the
-   * {@link module:boxes/ActiveBagContent.ActiveBagContent ActiveBagContent} `abc`, not filling the cells with any content.
-   * @param {module:boxes/AbstractBox.AbstractBox} parent - The AbstractBox to which this box grid belongs
-   * @param {module:AWT.Container} container - The container where this box grid is placed.
-   * @param {number} px - `X` coordinate of the upper left corner of this box grid
-   * @param {number} py - `Y` coordinate of the upper left corner of this box grid
-   * @param {module:boxes/ActiveBagContent.ActiveBagContent} abc - Used only to get the number of cells and the shaper (when `sh` is `null`)
-   * @param {module:shapers/Shaper.Shaper} sh - Shaper used to build the ActiveBox objects
-   * @param {module:boxes/BoxBase.BoxBase} boxBase - The object where colors, fonts, border and other graphic properties
-   * of this box grid are defined.
-   * @returns {module:boxes/ActiveBoxGrid.ActiveBoxGrid}
-   */
-  static createEmptyGrid(parent, container, px, py, abc, sh, boxBase) {
-    const result = abc ? new ActiveBoxGrid(parent, container,
-      boxBase || abc.style,
-      px, py,
-      abc.getTotalWidth(), abc.getTotalHeight(),
-      sh || abc.getShaper()) : null;
-
-    if (result)
-      result.setBorder(abc.border);
-
-    return result;
-  }
-
-  /**
-   * Gets the minimum size of this grid
-   * @returns {module:AWT.Dimension}
-   */
-  getMinimumSize() {
-    return new _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Dimension */ .fg(
-      _Utils_js__WEBPACK_IMPORTED_MODULE_3__/* .settings */ .W0.MIN_CELL_SIZE * this.nCols,
-      _Utils_js__WEBPACK_IMPORTED_MODULE_3__/* .settings */ .W0.MIN_CELL_SIZE * this.nRows);
-  }
-
-  /**
-   * Gets a scaled size of this grid, rounded to the nearest integer values
-   * @param {number} scale - The scale factor
-   * @returns {module:AWT.Dimension}
-   */
-  getScaledSize(scale) {
-    return new _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Dimension */ .fg(
-      (0,_Utils_js__WEBPACK_IMPORTED_MODULE_3__/* .roundTo */ .GB)(scale * this.preferredBounds.dim.width, this.nCols),
-      (0,_Utils_js__WEBPACK_IMPORTED_MODULE_3__/* .roundTo */ .GB)(scale * this.preferredBounds.dim.height, this.nRows));
-  }
-
-  /**
-   * Returns the logical coordinates of the provided {@link module:boxes/ActiveBox.ActiveBox ActiveBox}.
-   * The units of the result are not pixels, but ordinal numbers (relative positions) of columns
-   * and rows in the grid.
-   * @param {module:boxes/ActiveBox.ActiveBox} bx - The box to process
-   * @returns {module:AWT.Point}
-   */
-  getCoord(bx) {
-    return new _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Point */ .bR(bx.idLoc % this.nCols, Math.floor(bx.idLoc / this.nCols));
-  }
-
-  /**
-   * Calculates the logical distance between two {@link module:boxes/ActiveBox.ActiveBox ActiveBox} objects.
-   * Resulting units are not pixels, but ordinal numbers (relative positions) of columns and rows
-   * in the grid.
-   * @param {module:boxes/ActiveBox.ActiveBox} src - First box
-   * @param {module:boxes/ActiveBox.ActiveBox} dest - Second box
-   * @returns {module:AWT.Point}
-   */
-  getCoordDist(src, dest) {
-    const
-      ptSrc = this.getCoord(src),
-      ptDest = this.getCoord(dest);
-    return new _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Point */ .bR(ptDest.x - ptSrc.x, ptDest.y - ptSrc.y);
-  }
-}
-
-Object.assign(ActiveBoxGrid.prototype, {
-  /**
-   * Number of columns of this box grid
-   * @name module:boxes/ActiveBoxGrid.ActiveBoxGrid#nCols
-   * @type {number} */
-  nCols: 1,
-  /**
-   * Number of rows of this box grid
-   * @name module:boxes/ActiveBoxGrid.ActiveBoxGrid#nRows
-   * @type {number} */
-  nRows: 1,
-});
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ActiveBoxGrid);
-
-
-/***/ }),
-
-/***/ 4921:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* unused harmony export Rectangular */
-/* harmony import */ var _Shaper_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8276);
-/* harmony import */ var _AWT_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7912);
-/**
- *  File    : shapers/Rectangular.js
- *  Created : 19/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 Catalan Educational Telematic Network (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
- */
-
-
-
-
-/**
- *
- * This is the simplest {@link module:shapers/Shaper.Shaper Shaper}. It divides the graphic object in a set of rectangular
- * shapes distributed in the specified number of rows and columns.
- * @extends module:shapers/Shaper.Shaper
- */
-class Rectangular extends _Shaper_js__WEBPACK_IMPORTED_MODULE_0__["default"] {
-  /**
-   * Rectangular constructor
-   * @param {number} nx - Number of columns
-   * @param {number} ny - Number of rows
-   */
-  constructor(nx, ny) {
-    super(nx, ny);
-  }
-
-  /**
-   * Builds the rectangular shapes based on the number of rows and columns
-   * @override
-   */
-  buildShapes() {
-    const
-      w = 1 / this.nCols,
-      h = 1 / this.nRows;
-    for (let y = 0; y < this.nRows; y++) {
-      for (let x = 0; x < this.nCols; x++) {
-        this.shapeData[y * this.nCols + x] = new _AWT_js__WEBPACK_IMPORTED_MODULE_1__/* .Rectangle */ .M_(new _AWT_js__WEBPACK_IMPORTED_MODULE_1__/* .Point */ .bR(x * w, y * h), new _AWT_js__WEBPACK_IMPORTED_MODULE_1__/* .Dimension */ .fg(w, h));
-      }
-    }
-    this.initiated = true;
-  }
-}
-
-Object.assign(Rectangular.prototype, {
-  /**
-   * Overrides same flag in {@link module:/shapers/Shaper.Shaper#rectangularShapes Shaper#rectangularShapes}
-   * @name module:shapers/Rectangular.Rectangular#rectangularShapes
-   * @override
-   * @type {boolean} */
-  rectangularShapes: true,
-});
-
-// Register this class in the list of known shapers
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Shaper_js__WEBPACK_IMPORTED_MODULE_0__["default"].registerClass('@Rectangular', Rectangular));
-
-
-/***/ })
-
-};
-;
-//# sourceMappingURL=2531.jclic-node.js.map