jclic 2.1.21 → 2.1.23

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

@@ -1 +0,0 @@
-{"version":3,"file":"2921.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,oBAAoB,kDAAkD;AACjI;AACA;AACA;AACA;AACO,sBAAsB,2DAAQ;AACrC;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;AACA,eAAe;AACf;AACA;AACA;AACA;AACA;;AAEA;AACA,QAAQ,mDAAmD,OAAO,wDAAwD;AAC1H;AACA;AACO,2BAA2B,gEAAa;AAC/C;AACA;AACA,aAAa,0BAA0B,WAAW,yCAAyC;AAC3F,aAAa,gCAAgC;AAC7C;AACA,aAAa,iBAAiB;AAC9B;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,6BAA6B,6CAAC;AAC9B,uCAAuC,qBAAqB;AAC5D;AACA;AACA;AACA,WAAW;AACX;;AAEA;AACA;;AAEA;AACA;;AAEA,iBAAiB,+DAAa;AAC9B;AACA,qBAAqB,+DAAa,0EAA0E,+DAAW;;AAEvH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;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;;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;AACA;;AAEA;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;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;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;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,cAAc;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,UAAU,2DAA2D;AACrE;AACA,YAAY,wCAAwC;AACpD;AACA;AACA,UAAU,2DAA2D;AACrE;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,0CAA0C,EAAC;;;;;;;;;;;;;;;;AC5VlE;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/panels/Explore.js","webpack://jclic/./src/boxes/ActiveBoxGrid.js","webpack://jclic/./src/shapers/Rectangular.js"],"sourcesContent":["/**\n *  File    : activities/panels/Explore.js\n *  Created : 04/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 a panel with {@link module:boxes/ActiveBox.ActiveBox ActiveBox} objects. Users can click\n * on this objects to obtain associated information. This associated information, displayed in\n * a second panel, can be text graphics, sound, video... or a combination of them.\n * @extends module:Activity.Activity\n */\nexport class Explore extends Activity {\n  /**\n   * Explore 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   * Activities of this type never end, so automatic sequences must pause here\n   * @override\n   * @returns {boolean}\n   */\n  mustPauseSequence() {\n    return true;\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 0;\n  }\n\n  /**\n   * Usually this activity don't use random to shuffle internal components, but in some cases\n   * can make use of it.\n   * @override\n   * @returns {boolean}\n   */\n  hasRandom() {\n    return true;\n  }\n}\n\n/**\n * The {@link module:Activity.ActivityPanel ActivityPanel} where {@link module:activities/panels/Explore.Explore Explore} activities are played.\n * @extends module:Activity.ActivityPanel\n */\nexport class ExplorePanel extends ActivityPanel {\n  /**\n   * ExplorePanel 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.bgA) {\n      this.bgA.end();\n      this.bgA = null;\n    }\n    if (this.bgB) {\n      this.bgB.end();\n      this.bgB = 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    const\n      abcA = this.act.abc['primary'],\n      abcB = this.act.abc['secondary'];\n\n    if (abcA && abcB) {\n      if (abcA.image) {\n        abcA.setImgContent(this.act.project.mediaBag, null, false);\n        if (abcA.animatedGifFile && !abcA.shaper.rectangularShapes && !this.act.shuffleA)\n          this.$animatedBg = $('<span/>').css({\n            'background-image': `url(${abcA.animatedGifFile})`,\n            'background-position': 'center',\n            'background-repeat': 'no-repeat',\n            position: 'absolute'\n          }).appendTo(this.$div);\n      }\n\n      if (abcB.image)\n        abcB.setImgContent(this.act.project.mediaBag, null, false);\n\n      if (this.act.acp !== null)\n        this.act.acp.generateContent(abcA.nch, abcA.ncw, [abcA, abcB], false);\n\n      this.bgA = ActiveBoxGrid.createEmptyGrid(null, this, this.act.margin, this.act.margin, abcA);\n      const w = (this.act.boxGridPos === 'AUB' || this.act.boxGridPos === 'BUA') ? abcA.getTotalWidth() : abcB.w;\n      this.bgB = new ActiveBoxGrid(null, this, abcB.style, this.act.margin, this.act.margin, w, abcB.h, new Rectangular(1, 1));\n\n      this.bgA.setContent(abcA);\n      this.bgA.setDefaultIdAss();\n      if (this.$animatedBg)\n        this.bgA.setCellAttr('tmpTrans', true);\n      this.bgB.getActiveBox(0).setInactive(false);\n      this.bgA.setVisible(true);\n      this.bgB.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.bgA && this.bgB) {\n      // Scramble cells\n      if (this.act.shuffleA)\n        this.shuffle([this.bgA], true, true);\n\n      if (this.useOrder)\n        this.currentItem = this.bgA.getNextItem(-1);\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.bgA && this.bgB && 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.bgA.update(ctx, dirtyRegion);\n      this.bgB.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.bgA || !this.bgB || this.getBounds().equals(preferredMaxSize) ?\n      preferredMaxSize :\n      BoxBag.layoutDouble(preferredMaxSize, this.bgA, this.bgB, 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    super.setBounds(rect);\n\n    if (this.bgA || this.bgB) {\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) {\n        const bgRect = this.bgA.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      // 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) {\n      super.buildAccessibleComponents();\n      if (this.bgA)\n        this.bgA.buildAccessibleElements(this.$canvas, this.$div);\n      if (this.bgB)\n        this.bgB.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        delayedActions = [];\n\n      switch (event.type) {\n        case 'click':\n          this.ps.stopMedia(1);\n          const bx1 = this.bgA.findActiveBox(p);\n          if (bx1) {\n            const bx2 = this.bgB.getActiveBox(0);\n            if (bx1.idAss !== -1 && (!this.act.useOrder || bx1.idOrder === this.currentItem)) {\n              bx2.setContent(this.act.abc['secondary'], bx1.idAss);\n              if (!bx2.playMedia(this.ps, delayedActions) && !bx1.playMedia(this.ps, delayedActions))\n                this.playEvent('CLICK');\n              if (this.act.useOrder)\n                this.currentItem = this.bgA.getNextItem(this.currentItem);\n              this.ps.reportNewAction(this.act, 'SELECT', bx1.getDescription(), bx2.getDescription(), true, 0);\n              // Modified May 2020: Focusing `accessibleElement` will always draw a border on bx2\n              // if (bx2.$accessibleElement)\n              //   bx2.$accessibleElement.focus();\n\n              // Clic 3.0 behavior, applied only to one-cell activities:\n              if (bx1.idAss === 0 && this.bgA.getNumCells() === 1) {\n                const seq = this.act.project.activitySequence;\n                const ase = seq.getCurrentAct();\n                if (ase && seq.hasNextAct(true) && ase.delay > 0\n                  && (seq.getNavButtonsFlag() !== 'both' && seq.getNavButtonsFlag() !== 'fwd')) {\n                  this.finishActivity(true);\n                }\n              }\n\n            } else {\n              bx2.clear();\n              bx2.setInactive(false);\n            }\n            this.update();\n          }\n          break;\n      }\n      delayedActions.forEach(action => action());\n      event.preventDefault();\n    }\n  }\n}\n\nObject.assign(ExplorePanel.prototype, {\n  /**\n   * The {@link module:boxes/ActiveBoxbag.ActiveBoxBag ActiveBoxBag} object containing the information to be displayed in the `primary` panel\n   * @name module:activities/panels/Explore.ExplorePanel#bgA\n   * @type {module:boxes/ActiveBoxBag.ActiveBoxBag} */\n  bgA: null,\n  /**\n   * The {@link module:boxes/ActiveBoxbag.ActiveBoxBag ActiveBoxBag} object containing the information associated to `primary` elements.\n   * Only one of this elements will be showed for each click done in the `primary` panel.\n   * @name module:activities/panels/Explore.ExplorePanel#bgB\n   * @type {module:boxes/ActiveBoxBag.ActiveBoxBag} */\n  bgB: null,\n  /**\n   * List of mouse, touch and keyboard events intercepted by this panel\n   * @override\n   * @name module:activities/panels/Explore.ExplorePanel#events\n   * @type {string[]} */\n  events: ['click'],\n});\n\n/**\n * Panel class associated to this type of activity: {@link module:activities/panels/Explore.ExplorePanel ExplorePanel}\n * @type {class} */\nExplore.Panel = ExplorePanel;\n\n// Register activity class\nexport default Activity.registerClass('@panels.Explore', Explore);\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":""}

package/dist/2952.jclic-node.js

@@ -1,101 +0,0 @@
-"use strict";
-exports.id = 2952;
-exports.ids = [2952];
-exports.modules = {
-
-/***/ 2952:
-/***/ ((__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 BlueSkin */
-/* harmony import */ var _Skin_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(757);
-/* harmony import */ var _DefaultSkin_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1588);
-/**
- *  File    : skins/BlueSkin.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
- */
-
-
-
-
-
-/**
- * This is a variant of the default {@link module:skins/Skin.Skin Skin} used by JClic.js
- * It differs from {@link module:skins/DefaultSkin.DefaultSkin DefaultSkin} only in some colors
- * @extends module:skins/DefaultSkin.DefaultSkin
- */
-class BlueSkin extends _DefaultSkin_js__WEBPACK_IMPORTED_MODULE_1__["default"] {
-  /**
-   * BlueSkin constructor
-   * @param {module:JClicPlayer.JClicPlayer} ps - The PlayStation (currently a {@link module:JClicPlayer.JClicPlayer JClicPlayer}) used to load and
-   * realize the media objects needed to build the Skin.
-   * @param {string} [name] - The skin class name
-   * @param {object} [options] - Optional parameter with additional options
-   */
-  constructor(ps, name = null, options = {}) {
-    // BlueSkin extends [DefaultSkin](DefaultSkin.html)
-    super(ps, name, options);
-  }
-
-  /**
-   * 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 : '');
-  }
-}
-
-Object.assign(BlueSkin.prototype, {
-  /**
-   * Class name of this skin. It will be used as a base selector in the definition of all CSS styles.
-   * @name module:skins/BlueSkin.BlueSkin#skinId
-   * @override
-   * @type {string} */
-  skinId: 'JClicBlueSkin',
-  /**
-   * Styles used in this skin
-   * @name module:skins/BlueSkin.BlueSkin#skinCSS
-   * @type {string} */
-  skinCSS: '.ID {background-color:#1990FF;}',
-});
-
-// Register this class in the list of available skins
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Skin_js__WEBPACK_IMPORTED_MODULE_0__["default"].registerClass('blue', BlueSkin));
-
-
-/***/ })
-
-};
-;
-//# sourceMappingURL=2952.jclic-node.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"2952.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;;AAE6B;AACc;;;AAG3C;AACA,qCAAqC,mCAAmC;AACxE,oBAAoB,wDAAwD;AAC5E;AACA;AACO,uBAAuB,uDAAW;AACzC;AACA;AACA,aAAa,gCAAgC,mCAAmC,iDAAiD;AACjI;AACA,aAAa,QAAQ;AACrB,aAAa,QAAQ;AACrB;AACA,2CAA2C;AAC3C;AACA;AACA;;AAEA;AACA;AACA;AACA,aAAa,QAAQ;AACrB,eAAe;AACf;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,YAAY,QAAQ;AACpB;AACA;AACA;AACA;AACA,YAAY,QAAQ;AACpB,iBAAiB,0BAA0B;AAC3C,CAAC;;AAED;AACA,iEAAe,gDAAI,gCAAgC,EAAC","sources":["webpack://jclic/./src/skins/BlueSkin.js"],"sourcesContent":["/**\n *  File    : skins/BlueSkin.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 Skin from './Skin.js';\nimport DefaultSkin from './DefaultSkin.js';\n\n\n/**\n * This is a variant of the default {@link module:skins/Skin.Skin Skin} used by JClic.js\n * It differs from {@link module:skins/DefaultSkin.DefaultSkin DefaultSkin} only in some colors\n * @extends module:skins/DefaultSkin.DefaultSkin\n */\nexport class BlueSkin extends DefaultSkin {\n  /**\n   * BlueSkin 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 needed to 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    // BlueSkin extends [DefaultSkin](DefaultSkin.html)\n    super(ps, name, options);\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 : '');\n  }\n}\n\nObject.assign(BlueSkin.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/BlueSkin.BlueSkin#skinId\n   * @override\n   * @type {string} */\n  skinId: 'JClicBlueSkin',\n  /**\n   * Styles used in this skin\n   * @name module:skins/BlueSkin.BlueSkin#skinCSS\n   * @type {string} */\n  skinCSS: '.ID {background-color:#1990FF;}',\n});\n\n// Register this class in the list of available skins\nexport default Skin.registerClass('blue', BlueSkin);\n"],"names":[],"sourceRoot":""}

package/dist/3018.jclic-node.js

@@ -1,421 +0,0 @@
-"use strict";
-exports.id = 3018;
-exports.ids = [3018];
-exports.modules = {
-
-/***/ 3018:
-/***/ ((__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 BoxBase */
-/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7750);
-/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1253);
-/* harmony import */ var _AWT_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7912);
-/**
- *  File    : boxes/BoxBase.js
- *  Created : 12/04/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
- */
-
-
-
-
-
-const defaultValues = _Utils_js__WEBPACK_IMPORTED_MODULE_1__/* .settings */ .W0.BoxBase;
-
-/**
- * This class contains all the main visual attributes needed to draw {@link module:boxes/AbstractBox.AbstractBox AbstractBox} objects:
- * background and foreground colors, gradients, colors for special states (inactive, alternative,
- * disabled...), margins, fonts, border strokes, etc.
- *
- * Objects derived from {@link module:boxes/AbstractBox.AbstractBox AbstractBox} can have inheritance: boxes that act as "containers"
- * of other boxes (like {@link module:boxes/BoxBag.BoxBag BoxBag}). Most of the attributes of `BoxBase` can be `null`,
- * meaning that the value of the ancestor -or the default value if the box has no ancestors- must
- * be used.
- */
-class BoxBase {
-  /**
-   * BoxBase constructor
-   * @param {module:boxes/BoxBase.BoxBase} [parent] - Another BoxBase object used to determine the value of properties not
-   * locally set.
-   */
-  constructor(parent) {
-    this.parent = parent || null;
-  }
-
-  /**
-   * Loads the BoxBase settings from a specific JQuery XML element
-   * @param {external:jQuery} $xml - The XML element to parse
-   */
-  setProperties($xml) {
-    //
-    // Read attributes
-    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__/* .attrForEach */ .GM)($xml.get(0).attributes, (name, val) => {
-      switch (name) {
-        case 'shadow':
-        case 'transparent':
-          this[name] = (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__/* .getBoolean */ .pW)(val, false);
-          break;
-        case 'margin':
-          this[name] = Number(val);
-          break;
-        case 'borderStroke':
-          this.borderStroke = new _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Stroke */ .tc(Number(val));
-          break;
-        case 'markerStroke':
-          this.markerStroke = new _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Stroke */ .tc(Number(val));
-          break;
-      }
-    });
-    //
-    // Read inner elements
-    $xml.children().each((_n, child) => {
-      const $node = jquery__WEBPACK_IMPORTED_MODULE_0___default()(child);
-      switch (child.nodeName) {
-        case 'font':
-          this.font = (new _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Font */ .KQ()).setProperties($node);
-          break;
-
-        case 'gradient':
-          this.bgGradient = new _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Gradient */ .Hf().setProperties($node);
-          break;
-
-        case 'color':
-          this.textColor = (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__/* .checkColor */ .I4)($node.attr('foreground'), this.textColor);
-          this.backColor = (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__/* .checkColor */ .I4)($node.attr('background'), this.backColor);
-          this.shadowColor = (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__/* .checkColor */ .I4)($node.attr('shadow'), this.shadowColor);
-          this.inactiveColor = (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__/* .checkColor */ .I4)($node.attr('inactive'), this.inactiveColor);
-          this.alternativeColor = (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__/* .checkColor */ .I4)($node.attr('alternative'), this.alternativeColor);
-          this.borderColor = (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__/* .checkColor */ .I4)($node.attr('border'), this.borderColor);
-          break;
-      }
-    });
-    return this;
-  }
-
-  /**
-   * Gets a object with the basic attributes needed to rebuild this instance excluding functions,
-   * parent references, constants and also attributes retaining the default value.
-   * The resulting object is commonly usued to serialize elements in JSON format.
-   * @returns {object} - The resulting object, with minimal attrributes
-   */
-  getAttributes() {
-    return (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__/* .getAttr */ .iu)(this, [
-      'shadow', 'transparent', 'margin',
-      'borderStroke', 'markerStroke', // AWT.Stroke
-      'font', // AWT.Font
-      'bgGradient', // AWT.Gradient
-      `textColor|${BoxBase.prototype.textColor}`,
-      `backColor|${BoxBase.prototype.backColor}`,
-      `shadowColor|${BoxBase.prototype.shadowColor}`,
-      `inactiveColor|${BoxBase.prototype.inactiveColor}`,
-      `alternativeColor|${BoxBase.prototype.alternativeColor}`,
-      `borderColor|${BoxBase.prototype.borderColor}`,
-    ]);
-  }
-
-  /**
-   * Reads the properties of this BoxBase from a data object
-   * @param {object} data - The data object to be parsed
-   * @returns {module:boxes/BoxBase.BoxBase}
-   */
-  setAttributes(data) {
-    return (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__/* .setAttr */ .ob)(this, data, [
-      'shadow', 'transparent', 'margin',
-      { key: 'borderStroke', fn: _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Stroke */ .tc },
-      { key: 'markerStroke', fn: _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Stroke */ .tc },
-      { key: 'font', fn: _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Font */ .KQ },
-      { key: 'bgGradient', fn: _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Gradient */ .Hf },
-      'textColor',
-      'backColor',
-      'shadowColor',
-      'inactiveColor',
-      'alternativeColor',
-      'borderColor',
-    ]);
-  }
-
-  /**
-   * Gets the value of the specified property, scanning down to parents and prototype if not defined.
-   * @param {string} property - The property to retrieve
-   * @returns {any} - The object or value associated to this property
-   */
-  get(property) {
-    if (this.hasOwnProperty(property) || this.parent === null)
-      return this[property];
-    else
-      return this.parent.get(property);
-  }
-
-  /**
-   * Sets the value of a specific property.
-   * @param {string} property - The property name.
-   * @param {any} value - Depends on the type of property
-   */
-  set(property, value) {
-    this[property] = value;
-    return this;
-  }
-
-  /**
-   * Gets the value of the specified property, scanning down to parents if not defined, and returning
-   * always an own property (not from prototype)
-   * @param {string} property - The property to retrieve
-   * @returns {any} - The object or value associated to this property
-   */
-  getOwn(property) {
-    if (this.hasOwnProperty(property))
-      return this[property];
-    else if (this.parent !== null)
-      return this.parent.getOwn(property);
-    else {
-      if (typeof this[property] === 'object')
-        this[property] = (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__/* .cloneObject */ .h2)(BoxBase.prototype[property]);
-      else
-        this[property] = BoxBase.prototype[property];
-    }
-    return this[property];
-  }
-
-  /**
-   * Gets the properties defined in this BoxBase as a collection of CSS attributes
-   * @param {object} [css] - An optional set of initial CSS properties
-   * @param {boolean} [inactive=false] - When `true`, get CSS attributes for an inactive cell
-   * @param {boolean} [inverse=false] - When `true`, get CSS attributes for an inverse cell
-   * @param {boolean} [alternative=false] - When `true`, get CSS attributes for an alternative cell
-   * @returns {object}
-   */
-  getCSS(css, inactive = false, inverse = false, alternative = false) {
-    // (css will be created by [AWT.Font.toCss](AWT.html) if null or undefined)
-    const font = this.get('font');
-    css = font.toCss(css);
-
-    css['color'] = inverse ? this.get('backColor')
-      : alternative ? this.get('alternativeColor')
-        : this.get('textColor');
-
-    const transparent = this.get('transparent');
-    css['background-color'] = transparent ? 'transparent'
-      : inactive ? this.get('inactiveColor')
-        : inverse ? this.get('textColor') : this.get('backColor');
-
-    const bgGradient = this.get('bgGradient');
-    if (bgGradient && !transparent)
-      css['background-image'] = bgGradient.getCss();
-
-    if (this.shadow === 1) {
-      const delta = Math.max(1, Math.round(font.size / 10));
-      const color = this.get('shadowColor');
-      css['text-shadow'] = `${delta}px ${delta}px 3px ${color}`;
-    }
-    return css;
-  }
-
-  /**
-   * This utility method computes the width and height of text lines rendered on an HTML
-   * __canvas__ element, reducing the font size of the BoxBase as needed when they exceed the maximum
-   * width and/or height.
-   * @param {external:CanvasRenderingContext2D} ctx - The canvas rendering context used to draw the text.
-   * @param {string} text - The text to drawn.
-   * @param {number} maxWidth - Maximum width
-   * @param {number} maxHeight - Maximum height
-   * @returns {object[]} - An array of objects representing lines of text. Each object has a `text`
-   * member with the text displayed in the line, and a `size` member with the line {@link module:AWT.Dimension}
-   */
-  prepareText(ctx, text, maxWidth, maxHeight) {
-    const
-      result = [],
-      font = this.get('font'),
-      height = font.getHeight();
-    let totalHeight = 0;
-
-    // divide the text in lines
-    const lines = text.trim().split('\n');
-    ctx.font = font.cssFont();
-    for (let l = 0; l < lines.length; l++) {
-      let line = lines[l].trim();
-      let width = ctx.measureText(line).width;
-      if (width > maxWidth) {
-        // retain the last string offset that was inside maxWidth
-        let
-          lastOK = 0,
-          lastOKWidth = 0;
-        for (let p = 0; p < line.length; p++) {
-          // Find next separator
-          if ((0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__/* .isSeparator */ .k$)(line[p])) {
-            const w = ctx.measureText(line.substring(0, p).trim()).width;
-            if (w > maxWidth)
-              break;
-            lastOK = p;
-            lastOKWidth = w;
-          }
-        }
-        if (lastOK > 0) {
-          // Add a new line with the tail of the line
-          lines.splice(l + 1, 0, line.substring(lastOK + 1).trim());
-          // Adjust the current line
-          line = lines[l] = line.substring(0, lastOK).trim();
-          width = lastOKWidth;
-        }
-        else {
-          // No solution found. Try resizing down the font.
-          if (font.size > defaultValues.MIN_FONT_SIZE) {
-            this.getOwn('font').zoom(-1);
-            return this.prepareText(ctx, text, maxWidth, maxHeight);
-          }
-        }
-      }
-
-      // Add the line and the calculated dimension to `result`
-      result.push({
-        text: line,
-        size: new _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Dimension */ .fg(width, height)
-      });
-
-      totalHeight += height;
-
-      if (totalHeight > maxHeight && font.size > defaultValues.MIN_FONT_SIZE) {
-        // Max height exceeded. Try resizing down the font
-        this.getOwn('font').zoom(-1);
-        return this.prepareText(ctx, text, maxWidth, maxHeight);
-      }
-    }
-    return result;
-  }
-}
-
-Object.assign(BoxBase.prototype, {
-  /**
-   * The parent BoxBase object
-   * @name module:boxes/BoxBase.BoxBase#parent
-   * @type {module:boxes/BoxBase.BoxBase} */
-  parent: null,
-  /**
-   * Default values
-   * @name module:boxes/BoxBase.BoxBase#defaultValues
-   * @type {object} */
-  default: defaultValues,
-  /**
-   * Font size can be dynamically reduced to fit the available space if any element using this
-   * `BoxBase` requests it. When this happen, this field contains the real font currently used
-   * to draw text.
-   * @name module:boxes/BoxBase.BoxBase#font
-   * @type {module:AWT.Font} */
-  font: new _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Font */ .KQ(),
-  /**
-   * The current font size of this BoxBase. Can be dynamically adjusted when drawing.
-   * @name module:boxes/BoxBase.BoxBase#dynFontSize
-   * @type {number} */
-  dynFontSize: 0,
-  /**
-   * Counts the number of times the `dynFontSize` has been reset. This is useful to avoid excessive
-   * recursive loops searching the optimal font size.
-   * @name module:boxes/BoxBase.BoxBase#resetFontCounter
-   * @type {number} */
-  resetFontCounter: 0,
-  /**
-   * The background color
-   * @name module:boxes/BoxBase.BoxBase#backColor
-   * @type {string} */
-  backColor: defaultValues.BACK_COLOR,
-  /**
-   * The background gradient. Default is `null`.
-   * @name module:boxes/BoxBase.BoxBase#bgGradient
-   * @type {module:AWT.Gradient} */
-  bgGradient: null,
-  /**
-   * The color used to write text.
-   * @name module:boxes/BoxBase.BoxBase#textColor
-   * @type {string} */
-  textColor: defaultValues.TEXT_COLOR,
-  /**
-   * The color used to draw a shadow below regular text.
-   * @name module:boxes/BoxBase.BoxBase#shadowColor
-   * @type {string} */
-  shadowColor: defaultValues.SHADOW_COLOR,
-  /**
-   * The color of the border.
-   * @name module:boxes/BoxBase.BoxBase#borderColor
-   * @type {string} */
-  borderColor: defaultValues.BORDER_COLOR,
-  /**
-   * The color used to draw text when a cell is in `inactive` state.
-   * @name module:boxes/BoxBase.BoxBase#inactiveColor
-   * @type {string} */
-  inactiveColor: defaultValues.INACTIVE_COLOR,
-  /**
-   * The color used to draw text when a cell is in `alternative` state.
-   * @name module:boxes/BoxBase.BoxBase#alternativeColor
-   * @type {string} */
-  alternativeColor: defaultValues.ALTERNATIVE_COLOR,
-  /**
-   * Whether the text should have a shadow or not
-   * @name module:boxes/BoxBase.BoxBase#shadow
-   * @type {boolean} */
-  shadow: false,
-  /**
-   * Whether the cell's background (and its hosted component, if any) should be transparent
-   * @name module:boxes/BoxBase.BoxBase#transparent
-   * @type {boolean} */
-  transparent: false,
-  /**
-   * Wheter the cell's background should be painted or not. This property has no effect on
-   * hosted components.
-   * @name module:boxes/BoxBase.BoxBase#dontFill
-   * @type {boolean} */
-  dontFill: false,
-  /**
-   * The margin to respect between text elements and the limits of the cell or other elements.
-   * @name module:boxes/BoxBase.BoxBase#textMargin
-   * @type {number} */
-  textMargin: defaultValues.AC_MARGIN,
-  /**
-   * The stroke used to draw the border.
-   * @name module:boxes/BoxBase.BoxBase#borderStroke
-   * @type {module:AWT.Stroke} */
-  borderStroke: new _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Stroke */ .tc(defaultValues.BORDER_STROKE_WIDTH),
-  /**
-   * The stroke used to draw a border around marked cells.
-   * @name module:boxes/BoxBase.BoxBase#markerStroke
-   * @type {module:AWT.Stroke} */
-  markerStroke: new _AWT_js__WEBPACK_IMPORTED_MODULE_2__/* .Stroke */ .tc(defaultValues.MARKER_STROKE_WIDTH),
-});
-
-BoxBase.DEFAULT_BOX_BASE = new BoxBase();
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BoxBase);
-
-
-/***/ })
-
-};
-;
-//# sourceMappingURL=3018.jclic-node.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"3018.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;AACiG;AAC1D;;AAE9D,sBAAsB,yDAAQ;;AAE9B;AACA,sEAAsE,wDAAwD;AAC9H;AACA;AACA;AACA,yBAAyB,wDAAwD;AACjF,yBAAyB,wCAAwC;AACjE;AACA;AACA;AACO;AACP;AACA;AACA,aAAa,8BAA8B;AAC3C;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,iBAAiB;AAC9B;AACA;AACA;AACA;AACA,IAAI,gEAAW;AACf;AACA;AACA;AACA,uBAAuB,+DAAU;AACjC;AACA;AACA;AACA;AACA;AACA,kCAAkC,qDAAM;AACxC;AACA;AACA,kCAAkC,qDAAM;AACxC;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,oBAAoB,6CAAC;AACrB;AACA;AACA,2BAA2B,mDAAI;AAC/B;;AAEA;AACA,gCAAgC,uDAAQ;AACxC;;AAEA;AACA,2BAA2B,+DAAU;AACrC,2BAA2B,+DAAU;AACrC,6BAA6B,+DAAU;AACvC,+BAA+B,+DAAU;AACzC,kCAAkC,+DAAU;AAC5C,6BAA6B,+DAAU;AACvC;AACA;AACA,KAAK;AACL;AACA;;AAEA;AACA;AACA;AACA;AACA,eAAe,QAAQ;AACvB;AACA;AACA,WAAW,4DAAO;AAClB;AACA;AACA;AACA;AACA,mBAAmB,4BAA4B;AAC/C,mBAAmB,4BAA4B;AAC/C,qBAAqB,8BAA8B;AACnD,uBAAuB,gCAAgC;AACvD,0BAA0B,mCAAmC;AAC7D,qBAAqB,8BAA8B;AACnD;AACA;;AAEA;AACA;AACA,aAAa,QAAQ;AACrB,eAAe;AACf;AACA;AACA,WAAW,4DAAO;AAClB;AACA,QAAQ,yBAAyB,qDAAM,EAAE;AACzC,QAAQ,yBAAyB,qDAAM,EAAE;AACzC,QAAQ,iBAAiB,mDAAI,EAAE;AAC/B,QAAQ,uBAAuB,uDAAQ,EAAE;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,QAAQ;AACrB,eAAe,KAAK;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,QAAQ;AACrB,aAAa,KAAK;AAClB;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,aAAa,QAAQ;AACrB,eAAe,KAAK;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,gEAAW;AACpC;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,QAAQ;AACrB,aAAa,SAAS;AACtB,aAAa,SAAS;AACtB,aAAa,SAAS;AACtB,eAAe;AACf;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA,8BAA8B,MAAM,KAAK,MAAM,SAAS,MAAM;AAC9D;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,aAAa,mCAAmC;AAChD,aAAa,QAAQ;AACrB,aAAa,QAAQ;AACrB,aAAa,QAAQ;AACrB,eAAe,UAAU;AACzB,oFAAoF;AACpF;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,oBAAoB,kBAAkB;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,iBAAiB;AACzC;AACA,cAAc,gEAAW;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,kBAAkB,wDAAS;AAC3B,OAAO;;AAEP;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,YAAY,8BAA8B;AAC1C;AACA;AACA;AACA;AACA,YAAY,QAAQ;AACpB;AACA;AACA;AACA;AACA;AACA;AACA,YAAY,iBAAiB;AAC7B,YAAY,mDAAI;AAChB;AACA;AACA;AACA,YAAY,QAAQ;AACpB;AACA;AACA;AACA;AACA;AACA,YAAY,QAAQ;AACpB;AACA;AACA;AACA;AACA,YAAY,QAAQ;AACpB;AACA;AACA;AACA;AACA,YAAY,qBAAqB;AACjC;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,YAAY,QAAQ;AACpB;AACA;AACA;AACA;AACA,YAAY,SAAS;AACrB;AACA;AACA;AACA;AACA,YAAY,SAAS;AACrB;AACA;AACA;AACA;AACA;AACA,YAAY,SAAS;AACrB;AACA;AACA;AACA;AACA,YAAY,QAAQ;AACpB;AACA;AACA;AACA;AACA,YAAY,mBAAmB;AAC/B,oBAAoB,qDAAM;AAC1B;AACA;AACA;AACA,YAAY,mBAAmB;AAC/B,oBAAoB,qDAAM;AAC1B,CAAC;;AAED;;AAEA,iEAAe,OAAO,EAAC","sources":["webpack://jclic/./src/boxes/BoxBase.js"],"sourcesContent":["/**\n *  File    : boxes/BoxBase.js\n *  Created : 12/04/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 $ from 'jquery';\nimport { settings, attrForEach, getBoolean, checkColor, getAttr, setAttr, cloneObject, isSeparator } from '../Utils.js';\nimport { Stroke, Gradient, Font, Dimension } from '../AWT.js';\n\nconst defaultValues = settings.BoxBase;\n\n/**\n * This class contains all the main visual attributes needed to draw {@link module:boxes/AbstractBox.AbstractBox AbstractBox} objects:\n * background and foreground colors, gradients, colors for special states (inactive, alternative,\n * disabled...), margins, fonts, border strokes, etc.\n *\n * Objects derived from {@link module:boxes/AbstractBox.AbstractBox AbstractBox} can have inheritance: boxes that act as \"containers\"\n * of other boxes (like {@link module:boxes/BoxBag.BoxBag BoxBag}). Most of the attributes of `BoxBase` can be `null`,\n * meaning that the value of the ancestor -or the default value if the box has no ancestors- must\n * be used.\n */\nexport class BoxBase {\n  /**\n   * BoxBase constructor\n   * @param {module:boxes/BoxBase.BoxBase} [parent] - Another BoxBase object used to determine the value of properties not\n   * locally set.\n   */\n  constructor(parent) {\n    this.parent = parent || null;\n  }\n\n  /**\n   * Loads the BoxBase settings from a specific JQuery XML element\n   * @param {external:jQuery} $xml - The XML element to parse\n   */\n  setProperties($xml) {\n    //\n    // Read attributes\n    attrForEach($xml.get(0).attributes, (name, val) => {\n      switch (name) {\n        case 'shadow':\n        case 'transparent':\n          this[name] = getBoolean(val, false);\n          break;\n        case 'margin':\n          this[name] = Number(val);\n          break;\n        case 'borderStroke':\n          this.borderStroke = new Stroke(Number(val));\n          break;\n        case 'markerStroke':\n          this.markerStroke = new Stroke(Number(val));\n          break;\n      }\n    });\n    //\n    // Read inner elements\n    $xml.children().each((_n, child) => {\n      const $node = $(child);\n      switch (child.nodeName) {\n        case 'font':\n          this.font = (new Font()).setProperties($node);\n          break;\n\n        case 'gradient':\n          this.bgGradient = new Gradient().setProperties($node);\n          break;\n\n        case 'color':\n          this.textColor = checkColor($node.attr('foreground'), this.textColor);\n          this.backColor = checkColor($node.attr('background'), this.backColor);\n          this.shadowColor = checkColor($node.attr('shadow'), this.shadowColor);\n          this.inactiveColor = checkColor($node.attr('inactive'), this.inactiveColor);\n          this.alternativeColor = checkColor($node.attr('alternative'), this.alternativeColor);\n          this.borderColor = checkColor($node.attr('border'), this.borderColor);\n          break;\n      }\n    });\n    return this;\n  }\n\n  /**\n   * Gets a object with the basic attributes needed to rebuild this instance excluding functions,\n   * parent references, constants and also attributes retaining the default value.\n   * The resulting object is commonly usued to serialize elements in JSON format.\n   * @returns {object} - The resulting object, with minimal attrributes\n   */\n  getAttributes() {\n    return getAttr(this, [\n      'shadow', 'transparent', 'margin',\n      'borderStroke', 'markerStroke', // AWT.Stroke\n      'font', // AWT.Font\n      'bgGradient', // AWT.Gradient\n      `textColor|${BoxBase.prototype.textColor}`,\n      `backColor|${BoxBase.prototype.backColor}`,\n      `shadowColor|${BoxBase.prototype.shadowColor}`,\n      `inactiveColor|${BoxBase.prototype.inactiveColor}`,\n      `alternativeColor|${BoxBase.prototype.alternativeColor}`,\n      `borderColor|${BoxBase.prototype.borderColor}`,\n    ]);\n  }\n\n  /**\n   * Reads the properties of this BoxBase from a data object\n   * @param {object} data - The data object to be parsed\n   * @returns {module:boxes/BoxBase.BoxBase}\n   */\n  setAttributes(data) {\n    return setAttr(this, data, [\n      'shadow', 'transparent', 'margin',\n      { key: 'borderStroke', fn: Stroke },\n      { key: 'markerStroke', fn: Stroke },\n      { key: 'font', fn: Font },\n      { key: 'bgGradient', fn: Gradient },\n      'textColor',\n      'backColor',\n      'shadowColor',\n      'inactiveColor',\n      'alternativeColor',\n      'borderColor',\n    ]);\n  }\n\n  /**\n   * Gets the value of the specified property, scanning down to parents and prototype if not defined.\n   * @param {string} property - The property to retrieve\n   * @returns {any} - The object or value associated to this property\n   */\n  get(property) {\n    if (this.hasOwnProperty(property) || this.parent === null)\n      return this[property];\n    else\n      return this.parent.get(property);\n  }\n\n  /**\n   * Sets the value of a specific property.\n   * @param {string} property - The property name.\n   * @param {any} value - Depends on the type of property\n   */\n  set(property, value) {\n    this[property] = value;\n    return this;\n  }\n\n  /**\n   * Gets the value of the specified property, scanning down to parents if not defined, and returning\n   * always an own property (not from prototype)\n   * @param {string} property - The property to retrieve\n   * @returns {any} - The object or value associated to this property\n   */\n  getOwn(property) {\n    if (this.hasOwnProperty(property))\n      return this[property];\n    else if (this.parent !== null)\n      return this.parent.getOwn(property);\n    else {\n      if (typeof this[property] === 'object')\n        this[property] = cloneObject(BoxBase.prototype[property]);\n      else\n        this[property] = BoxBase.prototype[property];\n    }\n    return this[property];\n  }\n\n  /**\n   * Gets the properties defined in this BoxBase as a collection of CSS attributes\n   * @param {object} [css] - An optional set of initial CSS properties\n   * @param {boolean} [inactive=false] - When `true`, get CSS attributes for an inactive cell\n   * @param {boolean} [inverse=false] - When `true`, get CSS attributes for an inverse cell\n   * @param {boolean} [alternative=false] - When `true`, get CSS attributes for an alternative cell\n   * @returns {object}\n   */\n  getCSS(css, inactive = false, inverse = false, alternative = false) {\n    // (css will be created by [AWT.Font.toCss](AWT.html) if null or undefined)\n    const font = this.get('font');\n    css = font.toCss(css);\n\n    css['color'] = inverse ? this.get('backColor')\n      : alternative ? this.get('alternativeColor')\n        : this.get('textColor');\n\n    const transparent = this.get('transparent');\n    css['background-color'] = transparent ? 'transparent'\n      : inactive ? this.get('inactiveColor')\n        : inverse ? this.get('textColor') : this.get('backColor');\n\n    const bgGradient = this.get('bgGradient');\n    if (bgGradient && !transparent)\n      css['background-image'] = bgGradient.getCss();\n\n    if (this.shadow === 1) {\n      const delta = Math.max(1, Math.round(font.size / 10));\n      const color = this.get('shadowColor');\n      css['text-shadow'] = `${delta}px ${delta}px 3px ${color}`;\n    }\n    return css;\n  }\n\n  /**\n   * This utility method computes the width and height of text lines rendered on an HTML\n   * __canvas__ element, reducing the font size of the BoxBase as needed when they exceed the maximum\n   * width and/or height.\n   * @param {external:CanvasRenderingContext2D} ctx - The canvas rendering context used to draw the text.\n   * @param {string} text - The text to drawn.\n   * @param {number} maxWidth - Maximum width\n   * @param {number} maxHeight - Maximum height\n   * @returns {object[]} - An array of objects representing lines of text. Each object has a `text`\n   * member with the text displayed in the line, and a `size` member with the line {@link module:AWT.Dimension}\n   */\n  prepareText(ctx, text, maxWidth, maxHeight) {\n    const\n      result = [],\n      font = this.get('font'),\n      height = font.getHeight();\n    let totalHeight = 0;\n\n    // divide the text in lines\n    const lines = text.trim().split('\\n');\n    ctx.font = font.cssFont();\n    for (let l = 0; l < lines.length; l++) {\n      let line = lines[l].trim();\n      let width = ctx.measureText(line).width;\n      if (width > maxWidth) {\n        // retain the last string offset that was inside maxWidth\n        let\n          lastOK = 0,\n          lastOKWidth = 0;\n        for (let p = 0; p < line.length; p++) {\n          // Find next separator\n          if (isSeparator(line[p])) {\n            const w = ctx.measureText(line.substring(0, p).trim()).width;\n            if (w > maxWidth)\n              break;\n            lastOK = p;\n            lastOKWidth = w;\n          }\n        }\n        if (lastOK > 0) {\n          // Add a new line with the tail of the line\n          lines.splice(l + 1, 0, line.substring(lastOK + 1).trim());\n          // Adjust the current line\n          line = lines[l] = line.substring(0, lastOK).trim();\n          width = lastOKWidth;\n        }\n        else {\n          // No solution found. Try resizing down the font.\n          if (font.size > defaultValues.MIN_FONT_SIZE) {\n            this.getOwn('font').zoom(-1);\n            return this.prepareText(ctx, text, maxWidth, maxHeight);\n          }\n        }\n      }\n\n      // Add the line and the calculated dimension to `result`\n      result.push({\n        text: line,\n        size: new Dimension(width, height)\n      });\n\n      totalHeight += height;\n\n      if (totalHeight > maxHeight && font.size > defaultValues.MIN_FONT_SIZE) {\n        // Max height exceeded. Try resizing down the font\n        this.getOwn('font').zoom(-1);\n        return this.prepareText(ctx, text, maxWidth, maxHeight);\n      }\n    }\n    return result;\n  }\n}\n\nObject.assign(BoxBase.prototype, {\n  /**\n   * The parent BoxBase object\n   * @name module:boxes/BoxBase.BoxBase#parent\n   * @type {module:boxes/BoxBase.BoxBase} */\n  parent: null,\n  /**\n   * Default values\n   * @name module:boxes/BoxBase.BoxBase#defaultValues\n   * @type {object} */\n  default: defaultValues,\n  /**\n   * Font size can be dynamically reduced to fit the available space if any element using this\n   * `BoxBase` requests it. When this happen, this field contains the real font currently used\n   * to draw text.\n   * @name module:boxes/BoxBase.BoxBase#font\n   * @type {module:AWT.Font} */\n  font: new Font(),\n  /**\n   * The current font size of this BoxBase. Can be dynamically adjusted when drawing.\n   * @name module:boxes/BoxBase.BoxBase#dynFontSize\n   * @type {number} */\n  dynFontSize: 0,\n  /**\n   * Counts the number of times the `dynFontSize` has been reset. This is useful to avoid excessive\n   * recursive loops searching the optimal font size.\n   * @name module:boxes/BoxBase.BoxBase#resetFontCounter\n   * @type {number} */\n  resetFontCounter: 0,\n  /**\n   * The background color\n   * @name module:boxes/BoxBase.BoxBase#backColor\n   * @type {string} */\n  backColor: defaultValues.BACK_COLOR,\n  /**\n   * The background gradient. Default is `null`.\n   * @name module:boxes/BoxBase.BoxBase#bgGradient\n   * @type {module:AWT.Gradient} */\n  bgGradient: null,\n  /**\n   * The color used to write text.\n   * @name module:boxes/BoxBase.BoxBase#textColor\n   * @type {string} */\n  textColor: defaultValues.TEXT_COLOR,\n  /**\n   * The color used to draw a shadow below regular text.\n   * @name module:boxes/BoxBase.BoxBase#shadowColor\n   * @type {string} */\n  shadowColor: defaultValues.SHADOW_COLOR,\n  /**\n   * The color of the border.\n   * @name module:boxes/BoxBase.BoxBase#borderColor\n   * @type {string} */\n  borderColor: defaultValues.BORDER_COLOR,\n  /**\n   * The color used to draw text when a cell is in `inactive` state.\n   * @name module:boxes/BoxBase.BoxBase#inactiveColor\n   * @type {string} */\n  inactiveColor: defaultValues.INACTIVE_COLOR,\n  /**\n   * The color used to draw text when a cell is in `alternative` state.\n   * @name module:boxes/BoxBase.BoxBase#alternativeColor\n   * @type {string} */\n  alternativeColor: defaultValues.ALTERNATIVE_COLOR,\n  /**\n   * Whether the text should have a shadow or not\n   * @name module:boxes/BoxBase.BoxBase#shadow\n   * @type {boolean} */\n  shadow: false,\n  /**\n   * Whether the cell's background (and its hosted component, if any) should be transparent\n   * @name module:boxes/BoxBase.BoxBase#transparent\n   * @type {boolean} */\n  transparent: false,\n  /**\n   * Wheter the cell's background should be painted or not. This property has no effect on\n   * hosted components.\n   * @name module:boxes/BoxBase.BoxBase#dontFill\n   * @type {boolean} */\n  dontFill: false,\n  /**\n   * The margin to respect between text elements and the limits of the cell or other elements.\n   * @name module:boxes/BoxBase.BoxBase#textMargin\n   * @type {number} */\n  textMargin: defaultValues.AC_MARGIN,\n  /**\n   * The stroke used to draw the border.\n   * @name module:boxes/BoxBase.BoxBase#borderStroke\n   * @type {module:AWT.Stroke} */\n  borderStroke: new Stroke(defaultValues.BORDER_STROKE_WIDTH),\n  /**\n   * The stroke used to draw a border around marked cells.\n   * @name module:boxes/BoxBase.BoxBase#markerStroke\n   * @type {module:AWT.Stroke} */\n  markerStroke: new Stroke(defaultValues.MARKER_STROKE_WIDTH),\n});\n\nBoxBase.DEFAULT_BOX_BASE = new BoxBase();\n\nexport default BoxBase;\n"],"names":[],"sourceRoot":""}