jclic 2.1.21 → 2.1.23

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

@@ -1 +0,0 @@
-{"version":3,"file":"6847.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;;AAEA;AACA;AACA;AACA;AACO;AACP;AACA;AACA,aAAa,QAAQ;AACrB,aAAa,iBAAiB;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,SAAS;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,YAAY,QAAQ;AACpB;AACA;AACA;AACA;AACA,YAAY;AACZ;AACA;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,QAAQ;AACpB;AACA;AACA;AACA;AACA;AACA,YAAY;AACZ;AACA;AACA,CAAC;;AAED,iEAAe,OAAO,EAAC;;;;;;;;;;;;;;;;;;;ACvJvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEuB;AACM;AACM;AAC6B;AAC1B;AACQ;;AAE9C;AACA,WAAW,mCAAmC;AAC9C;AACA;AACO,yBAAyB,gDAAI;;AAEpC;AACA;AACA;AACA,aAAa,gCAAgC,mCAAmC,iDAAiD;AACjI;AACA,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","sources":["webpack://jclic/./src/skins/Counter.js","webpack://jclic/./src/skins/CustomSkin.js"],"sourcesContent":["/**\n *  File    : skins/Counter.js\n *  Created : 07/05/2015\n *  By      : Francesc Busquets <francesc@gmail.com>\n *\n *  JClic.js\n *  An HTML5 player of JClic activities\n *  https://projectestac.github.io/jclic.js\n *\n *  @source https://github.com/projectestac/jclic.js\n *\n *  @license EUPL-1.2\n *  @licstart\n *  (c) 2000-2020 Educational Telematic Network of Catalonia (XTEC)\n *\n *  Licensed under the EUPL, Version 1.1 or -as soon they will be approved by\n *  the European Commission- subsequent versions of the EUPL (the \"Licence\");\n *  You may not use this work except in compliance with the Licence.\n *\n *  You may obtain a copy of the Licence at:\n *  https://joinup.ec.europa.eu/software/page/eupl\n *\n *  Unless required by applicable law or agreed to in writing, software\n *  distributed under the Licence is distributed on an \"AS IS\" basis, WITHOUT\n *  WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n *  Licence for the specific language governing permissions and limitations\n *  under the Licence.\n *  @licend\n *  @module\n */\n\n/**\n * This class encapsulates the operation of a numeric counter, used to display the current\n * values of score, actions and time.\n */\nexport class Counter {\n  /**\n   * Counter constructor\n   * @param {string} id - The type of information stored on this counter\n   * @param {external:jQuery} [$div] - The HTML element where this counter will show values (can be _null_)\n   */\n  constructor(id, $div) {\n    if (id)\n      this.id = id;\n    if ($div)\n      this.$div = $div;\n  }\n\n  /**\n   * Gets the current display value of this counter\n   * @returns {number}\n   */\n  getDisplayValue() {\n    let result = this.countDown > 0 ? this.countDown - this.value : this.value;\n    if (this.displayDiffFrom)\n      result = result - this.displayDiffFrom.value;\n    return Math.max(0, Math.min(this.MAX_DISPLAY_VALUE, result));\n  }\n\n  /**\n   * Paints the value of this counter on screen\n   * (method to be overridden by subclasses)\n   */\n  refreshDisplay() {\n    if (this.$div)\n      this.$div.html(this.enabled ? (this.getDisplayValue() + 1000).toString().substring(1) : '000');\n  }\n\n  /**\n   * Enables or disables this counter\n   * @param {boolean} enabled - State been assigned to this counter\n   */\n  setEnabled(enabled) {\n    if (this.enabled !== enabled) {\n      this.enabled = enabled;\n      if (this.$div) {\n        this.refreshDisplay();\n        this.$div.css('opacity', this.enabled ? 1.0 : 0.3);\n      }\n    }\n  }\n\n  /**\n   * Sets the initial value of the counter\n   * @param {number} maxValue - Value from which the countdown will start\n   */\n  setCountDown(maxValue) {\n    if (this.countDown !== (this.countDown = maxValue))\n      this.refreshDisplay();\n  }\n\n  /**\n   * Increments by one the value of this counter\n   */\n  incValue() {\n    this.value++;\n    if (this.enabled)\n      this.refreshDisplay();\n  }\n\n  /**\n   * Sets a specific value to this counter\n   * @param {number} value - The value to set\n   */\n  setValue(value) {\n    if (this.enabled && this.value !== (this.value = value))\n      this.refreshDisplay();\n  }\n}\n\nObject.assign(Counter.prototype, {\n  /**\n   * Type of counter (usually: `score`, `actions` or `time`)\n   * @name module:skins/Counter.Counter#id\n   * @type {string} */\n  id: '',\n  /**\n   * The HTML element where this counter shows its value\n   * @name module:skins/Counter.Counter#$div\n   * @type {external:jQuery}\n   */\n  $div: null,\n  /**\n   * Current value of this counter\n   * @name module:skins/Counter.Counter#value\n   * @type {number} */\n  value: 0,\n  /**\n   * When set, the counter displays a countdown from this value to zero\n   * @name module:skins/Counter.Counter#countDown\n   * @type {number} */\n  countDown: 0,\n  /**\n   * Flag indicating if this counter is currently enabled\n   * @name module:skins/Counter.Counter#enabled\n   * @type {boolean} */\n  enabled: true,\n  /**\n   * Maximum value to be displayed by this counter\n   * @name module:skins/Counter.Counter#MAX_DISPLAY_VALUE\n   * @type {number} */\n  MAX_DISPLAY_VALUE: 999,\n  /**\n   * An optional Counter used as a subtractor to display the current value.\n   * Useful to display `errors` subtracting `score` from `actions`.\n   * @name module:skins/Counter.Counter#displayDiffFrom\n   * @type {module:skins/Counter.Counter}\n   */\n  displayDiffFrom: null,\n});\n\nexport default Counter;\n","/**\n *  File    : skins/CustomSkin.js\n *  Created : 12/02/2018\n *  By      : Francesc Busquets <francesc@gmail.com>\n *\n *  JClic.js\n *  An HTML5 player of JClic activities\n *  https://projectestac.github.io/jclic.js\n *\n *  @source https://github.com/projectestac/jclic.js\n *\n *  @license EUPL-1.2\n *  @licstart\n *  (c) 2000-2020 Educational Telematic Network of Catalonia (XTEC)\n *\n *  Licensed under the EUPL, Version 1.1 or -as soon they will be approved by\n *  the European Commission- subsequent versions of the EUPL (the \"Licence\");\n *  You may not use this work except in compliance with the Licence.\n *\n *  You may obtain a copy of the Licence at:\n *  https://joinup.ec.europa.eu/software/page/eupl\n *\n *  Unless required by applicable law or agreed to in writing, software\n *  distributed under the Licence is distributed on an \"AS IS\" basis, WITHOUT\n *  WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n *  Licence for the specific language governing permissions and limitations\n *  under the Licence.\n *  @licend\n *  @module\n */\n\nimport $ from 'jquery';\nimport Skin from './Skin.js';\nimport Counter from './Counter.js';\nimport { getMsg, checkColor, getImgClipUrl } from '../Utils.js';\nimport { Rectangle } from '../AWT.js';\nimport ActiveBox from '../boxes/ActiveBox.js';\n\n/**\n * Custom {@link module:skins/Skin.Skin Skin} for JClic.js, built assembling specific cuts of a canvas (usually a PNG file) defined in an XML file\n * @extends module:skins/Skin.Skin\n */\nexport class CustomSkin extends Skin {\n\n  /**\n   * CustomSkin constructor\n   *\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 tot build the Skin.\n   * @param {string} [name] - The skin class name\n   * @param {object} [options] - Optional parameter with additional options\n   */\n  constructor(ps, name = null, options = null) {\n    // CustomSkin extends [Skin](Skin.html)\n    super(ps, name, options);\n    //console.log(this.options)\n\n    this.$mainPanel = $('<div/>', { class: 'JClicCustomMainPanel' });\n    this.$gridPanel = $('<div/>', { class: 'JClicGridPanel' });\n    for (let i = 0; i < 9; i++)\n      this.$gridPanel.append($('<div/>', { class: `JClicCell JClicCell${i + 1}` }));\n    this.$mainPanel.append(this.$gridPanel);\n    this.$playerCnt.detach().addClass('JClicPlayerCell').appendTo(this.$mainPanel);\n    this.$div.prepend(this.$mainPanel);\n\n    // Add buttons\n    if (options.buttons) {\n      Object.keys(options.buttons.button).forEach(k => {\n        const k2 = k === 'about' ? 'reports' : k;\n        const msg = getMsg(this.msgKeys[k2] || k2);\n        this.buttons[k2] = $('<button/>', { class: `JClicBtn JClicTransform Btn-${k2}`, title: msg, 'aria-label': msg, disabled: typeof this.msgKeys[k2] === 'undefined' })\n          .on('click', evt => { if (ps.actions[k2]) ps.actions[k2].processEvent(evt); });\n        this.$mainPanel.append(this.buttons[k2]);\n      });\n    }\n\n    // Add message box\n    if (options.rectangle.messages) {\n      this.msgBox = new ActiveBox();\n      this.msgBox.role = 'message';\n      this.$msgBoxDiv = $('<div/>', { class: 'JClicMsgBox' })\n        .on('click', () => {\n          this.msgBox.playMedia(ps);\n          return false;\n        });\n      this.$mainPanel.append(this.$msgBoxDiv);\n    }\n\n    // Add counters\n    if (false !== this.ps.options.counters && options.counters && options.counters.counter) {\n      $.each(Skin.prototype.counters, (name, _val) => {\n        if (options.counters.counter[name]) {\n          const msg = getMsg(name);\n          this.counters[name] = new Counter(name, $('<div/>', { class: `JClicCounter JClicTransform Counter-${name}`, title: msg, 'aria-label': msg })\n            .html('000')\n            .appendTo(this.$mainPanel));\n        }\n      });\n    }\n\n    // Add progress animation\n    if (options.progressAnimation) {\n      this.$progressAnimation = $('<div/>', { class: 'JClicProgressAnimation JClicTransform' });\n      this.$mainPanel.append(this.$progressAnimation);\n    }\n\n  }\n\n  /**\n   * Enables or disables the `tabindex` attribute of the main buttons. Useful when a modal dialog\n   * overlay is active, to avoid direct access to controls not related with the dialog.\n   * @param {boolean} status - `true` to make main controls navigable, `false` otherwise\n   */\n  enableMainButtons(status) {\n    this.$mainPanel.find('.JClicBtn').attr('tabindex', status ? '0' : '-1');\n  }\n\n  /**\n   * Computes the CSS styles used by this skin in thre moodes: main, half ant twoThirds.\n   * The resulting strings will be stored in `cssVariants`\n   * @returns {string}\n   */\n  _computeStyleSheets() {\n    const\n      maxw = this.options.dimension.preferredSize.width,\n      maxh = this.options.dimension.preferredSize.height;\n\n    this.twoThirdsMedia = { width: maxw, height: maxh };\n    this.halfMedia = {\n      width: Math.round(2 * maxw / 3),\n      height: Math.round(2 * maxh / 3)\n    };\n\n    // Panels:\n    const\n      ph0 = this.options.rectangle.frame.left,\n      ph1 = ph0 + this.options.rectangle.player.left,\n      ph2 = ph0 + this.options.slicer.left,\n      ph3 = ph0 + this.options.slicer.right,\n      ph4 = ph1 + this.options.rectangle.player.width,\n      ph5 = ph0 + this.options.rectangle.frame.width,\n      pv0 = this.options.rectangle.frame.top,\n      pv1 = pv0 + this.options.rectangle.player.top,\n      pv2 = pv0 + this.options.slicer.top,\n      pv3 = pv0 + this.options.slicer.bottom,\n      pv4 = pv1 + this.options.rectangle.player.height,\n      pv5 = pv0 + this.options.rectangle.frame.height,\n      imgElement = this.ps.project.mediaBag.getElement(this.options.image, true),\n      imgUrl = imgElement.data && imgElement.data.src ? imgElement.data.src : '',\n      box1 = imgElement.data ? getImgClipUrl(imgElement.data, new Rectangle(ph0, pv0, ph2 - ph0, pv2 - pv0)) : '',\n      box2 = imgElement.data ? getImgClipUrl(imgElement.data, new Rectangle(ph2 - ph0, pv0, ph3 - ph2, pv2 - pv0)) : '',\n      box3 = imgElement.data ? getImgClipUrl(imgElement.data, new Rectangle(ph3, pv0, ph5 - ph3, pv2 - pv0)) : '',\n      box4 = imgElement.data ? getImgClipUrl(imgElement.data, new Rectangle(ph0, pv2 - pv0, ph2 - ph0, pv3 - pv2)) : '',\n      box6 = imgElement.data ? getImgClipUrl(imgElement.data, new Rectangle(ph3 - ph0, pv2 - pv0, ph5 - ph3, pv3 - pv2)) : '',\n      box7 = imgElement.data ? getImgClipUrl(imgElement.data, new Rectangle(ph0, pv3 - pv0, ph2 - ph0, pv5 - pv3)) : '',\n      box8 = imgElement.data ? getImgClipUrl(imgElement.data, new Rectangle(ph2 - ph0, pv3 - pv0, ph3 - ph2, pv5 - pv3)) : '',\n      box9 = imgElement.data ? getImgClipUrl(imgElement.data, new Rectangle(ph3, pv3 - pv0, ph5 - ph3, pv5 - pv3)) : '';\n\n    let css = `\n.ID .JClicCustomMainPanel {flex-grow:1;position:relative;background-color: ${checkColor(this.options.color.fill.value)};}\n.ID .JClicGridPanel {position:absolute;width:100%;height:100%;display:grid;grid-template-columns:${ph2 - ph0}px 1fr ${ph5 - ph3}px;grid-template-rows:${pv2 - pv0}px 1fr ${pv5 - pv3}px;}\n.ID .JClicCell {background-repeat:no-repeat;background-size:contain;}\n.ID .JClicPlayerCell {position:absolute;top:${pv1 - pv0}px;right:${ph5 - ph4}px;bottom:${pv5 - pv4}px;left:${ph1 - ph0}px;}\n.ID .JClicCell1 {background-image:url(${box1});}\n.ID .JClicCell2 {background-image:url(${box2});background-repeat:repeat-x;}\n.ID .JClicCell3 {background-image:url(${box3});}\n.ID .JClicCell4 {background-image:url(${box4});background-repeat:repeat-y;}\n.ID .JClicCell5 {}\n.ID .JClicCell6 {background-image:url(${box6});background-repeat:repeat-y;}\n.ID .JClicCell7 {background-image:url(${box7});}\n.ID .JClicCell8 {background-image:url(${box8});background-repeat:repeat-x;}\n.ID .JClicCell9 {background-image:url(${box9});}`;\n\n    let cssHalf = `\n.ID .JClicGridPanel {grid-template-columns:${Math.round((ph2 - ph0) / 2)}px 1fr ${Math.round((ph5 - ph3) / 2)}px;grid-template-rows:${Math.round((pv2 - pv0) / 2)}px 1fr ${Math.round((pv5 - pv3) / 2)}px;}\n.ID .JClicPlayerCell {top:${Math.round((pv1 - pv0) / 2)}px;right:${Math.round((ph5 - ph4) / 2)}px;bottom:${Math.round((pv5 - pv4) / 2)}px;left:${Math.round((ph1 - ph0) / 2)}px;}\n.ID .JClicTransform {transform: scale(0.5);}`;\n\n    let cssTwoThirds = `\n.ID .JClicGridPanel {grid-template-columns:${Math.round(2 * (ph2 - ph0) / 3)}px 1fr ${Math.round(2 * (ph5 - ph3) / 3)}px;grid-template-rows:${Math.round(2 * (pv2 - pv0) / 3)}px 1fr ${Math.round(2 * (pv5 - pv3) / 3)}px;}\n.ID .JClicPlayerCell {top:${Math.round(2 * (pv1 - pv0) / 3)}px;right:${Math.round(2 * (ph5 - ph4) / 3)}px;bottom:${Math.round(2 * (pv5 - pv4) / 3)}px;left:${Math.round(2 * (ph1 - ph0) / 3)}px;}\n.ID .JClicTransform {transform: scale(0.666);}`;\n\n    // Buttons:\n    if (this.options.buttons) {\n      const bt = this.options.buttons;\n      let wBase = 30, hBase = 30, offsetBase = {};\n      if (bt.settings) {\n        if (bt.settings.dimension) {\n          wBase = bt.settings.dimension.width || wBase;\n          hBase = bt.settings.dimension.height || hBase;\n        }\n        if (bt.settings.offset)\n          Object.assign(offsetBase, bt.settings.offset);\n      }\n      Object.keys(this.options.buttons.button).forEach(k => {\n        const\n          btn = bt.button[k],\n          k2 = k === 'about' ? 'reports' : k;\n        let w = wBase, h = hBase, offset = offsetBase;\n        if (btn.settings) {\n          if (btn.settings.dimension) {\n            w = btn.settings.dimension.width || w;\n            h = btn.settings.dimension.height || h;\n          }\n          if (btn.settings.offset)\n            offset = Object.assign({}, offsetBase, btn.settings.offset);\n        }\n        const\n          x = btn.point.pos.left,\n          xp = x < ph2 ? `left:${x}` : `right:${ph5 - x - w}`,\n          xpHalf = x < ph2 ? `left:${Math.round(x / 2 - w / 4)}` : `right:${Math.round((ph5 - x - w) / 2 - w / 4)}`,\n          xpTwoThirds = x < ph2 ? `left:${Math.round(2 * x / 3 - w / 6)}` : `right:${Math.round(2 * (ph5 - x - w) / 3 - w / 6)}`,\n          y = btn.point.pos.top,\n          yp = y < pv2 ? `top:${y}` : `bottom:${pv5 - y - h}`,\n          ypHalf = y < pv2 ? `top:${Math.round(y / 2 - h / 4)}` : `bottom:${Math.round((pv5 - y - h) / 2 - h / 4)}`,\n          ypTwoThirds = y < pv2 ? `top:${Math.round(2 * y / 3 - h / 6)}` : `bottom:${Math.round(2 * (pv5 - y - h) / 3 - h / 6)}`,\n          xs = btn.point.source.left,\n          ys = btn.point.source.top;\n        css += `.ID .Btn-${k2} {position:absolute;${xp}px;${yp}px;width:${w}px;height:${h}px;background:url(${imgUrl}) !important;background-position:-${xs}px -${ys}px !important;}\\n`;\n        cssHalf += `.ID .Btn-${k2} {${xpHalf}px;${ypHalf}px;}\\n`;\n        cssTwoThirds += `.ID .Btn-${k2} {${xpTwoThirds}px;${ypTwoThirds}px;}\\n`;\n        if (offset.active)\n          css += `.ID .Btn-${k2}:active {background-position:-${xs + offset.active.right}px -${ys + offset.active.down}px !important;}\\n`;\n        if (offset.over)\n          css += `.ID .Btn-${k2}:hover {background-position:-${xs + offset.over.right}px -${ys + offset.over.down}px !important;}\\n`;\n        if (offset.disabled)\n          css += `.ID .Btn-${k2}:disabled {background-position:-${xs + offset.disabled.right}px -${ys + offset.disabled.down}px !important;}\\n`;\n      });\n    }\n\n    // Counters:\n    if (this.options.counters && this.options.counters.settings) {\n      const cnt = this.options.counters;\n      let wBase = 35, hBase = 20;\n      if (cnt.settings.dimension && cnt.settings.dimension.counter) {\n        wBase = (cnt.settings.dimension.counter.width || wBase);\n        hBase = cnt.settings.dimension.counter.height || hBase;\n      }\n      let wLb = 37, hLb = 14;\n      if (cnt.settings.dimension && cnt.settings.dimension.label) {\n        wLb = (cnt.settings.dimension.label.width || wLb);\n        hLb = cnt.settings.dimension.label.height || hLb;\n      }\n      let bColor = 'black';\n      if (cnt.style && cnt.style.color && cnt.style.color.foreground)\n        bColor = checkColor(cnt.style.color.foreground.value || bColor);\n      let lbFntSize = hLb - 4;\n      let lbFntFamily = 'Roboto';\n      if (cnt.style && cnt.style.font && cnt.style.font.label) {\n        lbFntSize = Math.max(8, cnt.style.font.label.size || lbFntSize);\n        lbFntFamily = `${cnt.style.font.label.family || 'Roboto'},Roboto,sans-serif`;\n      }\n\n      css += `.ID .JClicCounter {font-size:${hBase - 2}px;color:${bColor}}\\n`;\n      Object.keys(this.options.counters.counter).forEach(k => {\n        const\n          counter = cnt.counter[k];\n        let w = wBase, h = hBase;\n        const\n          x = counter.point.counter.left,\n          xl = counter.point.label.left || (x - Math.round((wLb - wBase) / 2)),\n          xp = x < ph2 ? `left:${x}` : `right:${ph5 - x - w}`,\n          xpHalf = x < ph2 ? `left:${Math.round(x / 2 - w / 4)}` : `right:${Math.round((ph5 - x - w) / 2 - w / 4)}`,\n          xpTwoThirds = x < ph2 ? `left:${Math.round(2 * x / 3 - w / 6)}` : `right:${Math.round(2 * (ph5 - x - w) / 3 - w / 6)}`,\n          y = counter.point.counter.top,\n          yl = counter.point.label.top || (y - hLb),\n          yp = y < pv2 ? `top:${y}` : `bottom:${pv5 - y - h}`,\n          ypHalf = y < pv2 ? `top:${Math.round(y / 2 - h / 4)}` : `bottom:${Math.round((pv5 - y - h) / 2 - h / 4)}`,\n          ypTwoThirds = y < pv2 ? `top:${Math.round(2 * y / 3 - h / 6)}` : `bottom:${Math.round(2 * (pv5 - y - h) / 3 - h / 6)}`;\n        // counter:\n        css += `.ID .Counter-${k} {position:absolute;${xp}px;${yp}px;width:${w}px;height:${h}px;line-height:${h}px;}\\n`;\n        // label:\n        css += `.ID .Counter-${k}:before {content:\"${getMsg(k)}\";font-size:${lbFntSize}px;font-family:${lbFntFamily};width:${wLb}px;height:${hLb}px;line-height:${hLb}px;position:absolute;top:${yl - y}px;left:${xl - x}px;}`;\n        // reduced sizes:\n        cssHalf += `.ID .Counter-${k} {${xpHalf}px;${ypHalf}px;}\\n`;\n        cssTwoThirds += `.ID .Counter-${k} {${xpTwoThirds}px;${ypTwoThirds}px;}\\n`;\n      });\n    }\n\n    // Progress animation:\n    if (this.options.progressAnimation) {\n      const pa = this.options.progressAnimation;\n      let w = 30, h = 30;\n      if (pa.dimension) {\n        w = pa.dimension.width || w;\n        h = pa.dimension.height || h;\n      }\n      const\n        x = pa.point.pos.left,\n        xp = x < ph2 ? `left:${x}` : `right:${ph5 - x - w}`,\n        xpHalf = x < ph2 ? `left:${Math.round(x / 2 - w / 4)}` : `right:${Math.round((ph5 - x - w) / 2 - w / 4)}`,\n        xpTwoThirds = x < ph2 ? `left:${Math.round(2 * x / 3 - w / 6)}` : `right:${Math.round(2 * (ph5 - x - w) / 3 - w / 6)}`,\n        y = pa.point.pos.top,\n        yp = y < pv2 ? `top:${y}` : `bottom:${pv5 - y - h}`,\n        ypHalf = y < pv2 ? `top:${Math.round(y / 2 - h / 4)}` : `bottom:${Math.round((pv5 - y - h) / 2 - h / 4)}`,\n        ypTwoThirds = y < pv2 ? `top:${Math.round(2 * y / 3 - h / 6)}` : `bottom:${Math.round(2 * (pv5 - y - h) / 3 - h / 6)}`,\n        xs = pa.point.source.left,\n        ys = pa.point.source.top;\n      css += `.ID .JClicProgressAnimation {position:absolute;${xp}px;${yp}px;width:${w}px;height:${h}px;background:url(${imgUrl});background-position:-${xs}px -${ys}px;}\\n`;\n      cssHalf += `.ID .JClicProgressAnimation {${xpHalf}px;${ypHalf}px;}\\n`;\n      cssTwoThirds += `.ID .JClicProgressAnimation {${xpTwoThirds}px;${ypTwoThirds}px;}\\n`;\n\n      if (pa.frames && pa.direction) {\n        const\n          dx = (pa.step || w) * (pa.direction === 'right' ? 1 : pa.direction === 'left' ? -1 : 0),\n          dy = (pa.step || h) * (pa.direction === 'down' ? 1 : pa.direction === 'up' ? -1 : 0);\n        css += `\\n@keyframes anim {100% {background-position:${(xs + dx * pa.frames) * -1}px ${(ys + dy * pa.frames) * -1}px;}}\\n.ID .JClicProgressAnimation {animation: anim ${pa.frames * pa.delay}ms steps(${pa.frames}) infinite;}`;\n      }\n    }\n\n    // Messages box:\n    if (this.options.rectangle.messages) {\n      const\n        bx = this.options.rectangle.messages,\n        left = ph0 + bx.left,\n        right = ph5 - bx.width - bx.left - ph0,\n        tb = bx.top < pv2 ? `top:${bx.top}` : `bottom:${pv5 - bx.height - bx.top}`,\n        tbHalf = bx.top < pv2 ? `top:${Math.round(bx.top / 2)}` : `bottom:${Math.round((pv5 - bx.height - bx.top) / 2)}`,\n        tbTwoThirds = bx.top < pv2 ? `top:${Math.round(2 * bx.top / 3)}` : `bottom:${Math.round(2 * (pv5 - bx.height - bx.top) / 3)}`;\n\n      css += `.ID .JClicMsgBox {position:absolute;left:${left}px;right:${right}px;height:${bx.height}px;${tb}px;}`;\n      cssHalf += `.ID .JClicMsgBox {left:${Math.round(left / 2)}px;right:${Math.round(right / 2)}px;height:${Math.round(bx.height / 2)}px;${tbHalf}px;}`;\n      cssTwoThirds += `.ID .JClicMsgBox {left:${Math.round(2 * left / 3)}px;right:${Math.round(2 * right / 3)}px;height:${Math.round(2 * bx.height / 3)}px;${tbTwoThirds}px;}`;\n    }\n\n    // TODO: Implement status messages?\n\n    // Store results in `cssVariants`\n    this.cssVariants = {\n      default: this.mainCSS + css,\n      half: cssHalf,\n      twoThirds: cssTwoThirds\n    };\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   * @override\n   * @returns {string}\n   */\n  _getStyleSheets(media = 'default') {\n    if (!this.cssVariants)\n      this._computeStyleSheets();\n    return `${super._getStyleSheets(media)}${this.cssVariants[media] || ''}`;\n  }\n\n  /**\n   * Sets/unsets the 'wait' state\n   * @override\n   * @param {boolean} status - Whether to set or unset the wait status. When `undefined`, the\n   * `waitCursorCount` member is evaluated to decide if the wait state should be activated or deactivated.\n   */\n  setWaitCursor(status) {\n    super.setWaitCursor(status);\n    if (this.$progressAnimation)\n      this.$progressAnimation.css('animation-play-state', this.waitCursorCount > 0 ? 'running' : 'paused');\n  }\n}\n\nObject.assign(CustomSkin.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/CustomSkin.CustomSkin#skinId\n   * @override\n   * @type {string} */\n  skinId: 'JClicCustomSkin',\n  /**\n   * The name of the image file to be used as a base of this skin.\n   * @name module:skins/CustomSkin.CustomSkin#image\n   * @type {string} */\n  image: null,\n  /**\n   * Styles used in this skin\n   * @name module:skins/CustomSkin.CustomSkin#skinCSS\n   * @override\n   * @type {string} */\n  mainCSS: '\\\n.ID .JClicPlayerCnt {margin:0;}\\\n.ID .JClicBtn:focus {outline:0;}\\\n.ID .JClicCounter {font-family:Roboto,sans-serif;text-align:center;}',\n  /**\n   * Specifc styles (`default`, `half` and `twoThirds`) computed at run-time,\n   * based on the provided XML file\n   * @name module:skins/CustomSkin.CustomSkin#cssVariants\n   * @type {object} */\n  cssVariants: null,\n  /**\n   * Key ids of currently supported buttons, associated with its helper literal\n   * @name module:skins/CustomSkin.CustomSkin#msgKeys\n   * @type {object} */\n  msgKeys: {\n    next: 'Next activity',\n    prev: 'Previous activity',\n    info: 'Information',\n    help: 'Help',\n    reports: 'Reports',\n    // TODO: Implement audio on/off!\n    audio: 'Audio on/off',\n    reset: 'Reset activity',\n  },\n  /**\n   * Graphic indicator of loading progress\n   * @name module:skins/CustomSkin.Skin#$progressAnimation\n   * @type {external:jQuery} */\n  $progressAnimation: null,\n});\n\n// Register this class in the list of available skins\nexport default Skin.registerClass('custom', CustomSkin);\n"],"names":[],"sourceRoot":""}

package/dist/6856.jclic-node.js

@@ -1,252 +0,0 @@
-"use strict";
-exports.id = 6856;
-exports.ids = [6856];
-exports.modules = {
-
-/***/ 6856:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ panels_Menu)
-});
-
-// UNUSED EXPORTS: Menu, MenuPanel
-
-// EXTERNAL MODULE: external "jquery"
-var external_jquery_ = __webpack_require__(7750);
-var external_jquery_default = /*#__PURE__*/__webpack_require__.n(external_jquery_);
-// EXTERNAL MODULE: ./src/Activity.js
-var Activity = __webpack_require__(1567);
-// EXTERNAL MODULE: ./src/media/MediaContent.js + 6 modules
-var MediaContent = __webpack_require__(2355);
-// EXTERNAL MODULE: ./src/Utils.js
-var Utils = __webpack_require__(1253);
-;// ./src/activities/panels/icons/ico00.png
-const ico00_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB1UExURUxpcZVZAGyAAGyAAJVZAJVZAJVZAIhmAJVZAJVZAJVZAIhmAGyAAGyAAGyAAGyAAGyAAJVZAJVZAGyAAJVZANj+AP+ZAMFzAPWSALVsANyEAM57AJ66AOiLALXVAM3xAK1nAI6oAIabAJWwAMTnAKFgAGyAAIlz9xYAAAAVdFJOUwB9oCIiZpkRRKq7M4BVu9VmVd1EzJvdA7gAAAE0SURBVDjLjZPZkoMgEEVFFsHdZBQR3M38/ycOKQ1gJKnpV051nwtNEPyrsjBNom9AqNSapxn8CBRjXY+DmjXkbQSXeq9tWJe7ByhVberXqzCY8yGM6GVK9FQ4SpVUxAwnJ+A+2wkLBLLppYgJRgZIrcJYBKxvdLUdFzE4mHBzFNDUvKoVdFfI7YQ1q7gD7LowXNRwaM4R6AzQEXNRWZrPT2jLA9YaQOIXQHV0WIbFvKZImPNGmLCMCwY0lJQQS6vAzEXFjY7Of5iORXwKySHe8+kWWwVeGQUnmW3QTMgDONUbhQ+ABAZwozkTqH1Ox8za3Jz3drLZDMABquuM9nFaKXZpwfFpp+j0ZiHJ21pifiIkQ++Lix+9nc+Z5/tQwrt2fxEBvN8vooQJLgTDX74xSi6z/wAoQC7hWsslMgAAAABJRU5ErkJggg==";
-;// ./src/activities/panels/icons/ico01.png
-const ico01_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAByUExURUxpcfzZt/rfw/pycvrcv/3UrJqf/QAAAP/hxPvOov9sbPqFhYmN/f7nz3V4+/3ky/+AgPrIl11g/P/Klf+Kiv9XV//q1vtHR/rCim1w//pcXISI//tfX5WY/VNT///Dh/86OvwhISUl/js7+klM+vq6e8H/VfEAAAABdFJOUwBA5thmAAABGElEQVQ4y62T23aCMBBFiU48iQlELoJW7b3//4udBIi0MqsvDU+w95yEGSiK/15YrlVhd1+C8Nk05+ribzcvCJlXklBV3u/8pToLAnMk3kiCh0Hkz4LA/NSC+YcgANTWYP4OqVGmtmAuC2St2Mn4EMbq9TaPvABpDborD+OB0QqG8hbo3HTNAikFCtEZBTcMx+t+ewC2U4IyMAFUTgVd5nukHYlrqYcxSBlw15k/gTlXx/ySPT5NLOkyP7IQq0PoOd/wSZLgmLtD5AMLsS70ZbnZEL+LTQmZv6aEQIkrpTUlwWX+FhNCyNzaOiVkHgXODyHzFr87ye/3g+NxGrTgJ6zNa8nXJ04zf4Ew88ylr8KM/At//sB88w0/sBcK3bRRzgAAAABJRU5ErkJggg==";
-;// ./src/activities/panels/icons/ico02.png
-const ico02_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURUxpcQAAAP///8zMzJmZmfrdwP/hxPvOov3UrP3JlvzZt/zlzf/p0/zBh/rDjUN28cYAAAABdFJOUwBA5thmAAAAyklEQVQ4y6WT6w6DIAxG/YS2XHTv/7grLshF0C1r+KE5n6fFpMvybQHt6bldbXfQcazNsTD4MdCV+S+AQcBUBYa5M4BfHrcB8oNA08HLg0EeAiwOuGtBzoE0Mje4AO4S7QwhgDhlZrcISiNoqxzFoGbSb5Uyozhs4ckdD4M+OfQtUmeKcUsGnaQEyoSp/6YJIr2LXAPqp4OH4BzJtUXyZy7iBwbl8eSDALUc/Z/Sv1DxHfVm5ao5hjtIme+YbOnJMdlj/vCJoB5HX97wIgms7CtjdwAAAABJRU5ErkJggg==";
-;// ./src/activities/panels/icons/ico03.png
-const ico03_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUxpcQAAAPrdwP/hxP7mz/8AAAAAmfvOov3UrAAA//3JlvzZtwCZAP8A//zCifq6e7UN6GsAAAABdFJOUwBA5thmAAABA0lEQVQ4y5WS2RbDIAhEHdyTJv3/vy2osVj1oR6zeYcBDcb8NV6v9fp1NV7mgq8cMs/cDWYHhrmomsM1pcj9pgS7FL3IZ6AI8nazsCiCnPOG3wf0QpArfDnoGATC6mwc9oi/AtMFgAFFLQhDCuZcQ0yAMghB+cuNUgJpSVM1zg7phGUFpv3VFdB5gqxolpwdTqYO5EaPJ57PgWOZWgvt0bl4u+LAbwmzv0Q7JxquJM2FSpwTBRHvRU7Mey/E16f4FwfeSkpUBD26CIQ+PMajODTmaw0Dr7/V1zRVQCNvAvNw6QbFb5iWwvRaWKE4Vh3H/6LxG+ueROfYdXXlb+zavg/++ADYLwfSmmk9oQAAAABJRU5ErkJggg==";
-;// ./src/activities/panels/icons/icofolder.png
-const icofolder_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURUxpcffvhP///2VlZczMZv//zPf39+/nc8zMzDMzmZmZZrW1tbWttcl3sA0AAAABdFJOUwBA5thmAAAAgklEQVQ4y9WSQQ6AIAwEsVtFwf+/14JGbcHeTHSuO9kFQggfBE8BFwLR+mBwFGYSZvh53zjzZTdkLTXCkS/ViDHBCLe8Gla48qpkGEHl+8pdYJo0yOouPA2GhLLiCCyC28DIcAXZ0IfsVKS3BTGUMDas0E9NfkO/ovmQBv2v0BJ+xAaYuQX2hCJNtwAAAABJRU5ErkJggg==";
-;// ./src/activities/panels/Menu.js
-/**
- *  File    : activities/panels/Menu.js
- *  Created : 20/07/2017
- *  By      : Francesc Busquets <francesc@gmail.com>
- *
- *  JClic.js
- *  An HTML5 player of JClic activities
- *  https://projectestac.github.io/jclic.js
- *
- *  @source https://github.com/projectestac/jclic.js
- *
- *  @license EUPL-1.2
- *  @licstart
- *  (c) 2000-2020 Educational Telematic Network of Catalonia (XTEC)
- *
- *  Licensed under the EUPL, Version 1.1 or -as soon they will be approved by
- *  the European Commission- subsequent versions of the EUPL (the "Licence");
- *  You may not use this work except in compliance with the Licence.
- *
- *  You may obtain a copy of the Licence at:
- *  https://joinup.ec.europa.eu/software/page/eupl
- *
- *  Unless required by applicable law or agreed to in writing, software
- *  distributed under the Licence is distributed on an "AS IS" basis, WITHOUT
- *  WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
- *  Licence for the specific language governing permissions and limitations
- *  under the Licence.
- *  @licend
- *  @module
- */
-
-
-
-
-
-
-// Use Webpack to import PNG files
-
-
-
-
-
-
-/**
- * This class of {@link module:Activity.Activity Activity} is only used in legacy JClic project libraries. It contains
- * one or more buttons pointing to specific JClic projects or to other `Menu` activity panels.
- * @extends module:Activity.Activity
- */
-class Menu extends Activity/* Activity */.I {
-  /**
-   * Menu constructor
-   * @param {module:project/JClicProject.JClicProject} project - The {@link module:project/JClicProject.JClicProject JClicProject} to which this activity belongs
-   */
-  constructor(project) {
-    super(project);
-    this.menuElements = [];
-    // This kind of activities are not reported
-    this.includeInReports = false;
-    this.reportActions = false;
-  }
-}
-
-/**
- * The {@link module:Activity.ActivityPanel ActivityPanel} where Menu will show its content.
- * @extends module:Activity.ActivityPanel
- */
-class MenuPanel extends Activity/* ActivityPanel */.S {
-  /**
-   * MenuPanel constructor
-   * @param {module:Activity.Activity} act - The {@link module:Activity.Activity Activity} to which this Panel belongs
-   * @param {module:JClicPlayer.JClicPlayer} ps - Any object implementing the methods defined in the
-   * [PlayStation](http://projectestac.github.io/jclic/apidoc/edu/xtec/jclic/PlayStation.html) Java interface.
-   * @param {external:jQuery} [$div] - The jQuery DOM element where this Panel will deploy
-   */
-  constructor(act, ps, $div) {
-    super(act, ps, $div);
-    // This kind of activity will always clean the "last project skin" setting
-    ps.lastProjectSkin = null;
-  }
-
-  /**
-   * Prepares the visual components of the activity
-   * @override
-   */
-  buildVisualComponents() {
-    if (this.firstRun)
-      super.buildVisualComponents();
-    // This `div` will contain the action buttons
-    const $btnDiv = external_jquery_default()('<div/>').css({
-      'width': '100%',
-      'max-height': '100%',
-      'position': 'absolute',
-      'top': '50%',
-      'transform': 'translateY(-50%)',
-      'display': 'flex',
-      'flex-wrap': 'wrap',
-      'overflow-y': 'auto',
-      'place-content': 'center',
-      'overflow-y': 'auto'
-    });
-    this.act.menuElements.forEach((me) => {
-      // Create a button for each menu element
-      const caption = me.description || me.caption || 'JClic';
-      const $btn = external_jquery_default()('<button/>', {
-        class: 'StockBtn',
-        title: caption,
-        'aria-label': caption
-      }).css({
-        'min-width': '80px',
-        'max-width': '200px',
-        'min-height': '80px',
-        'margin': '4px',
-        'padding': '4px',
-        'display': 'flex',
-        'flex-direction': 'column',
-        'justify-content': 'center',
-        'align-items': 'center'
-      });
-
-      // Set the button icon
-      const
-        iconSrc = MenuPanel.icons[me.icon || '@ico00.png'],
-        $img = external_jquery_default()('<img/>', { src: iconSrc || '' }).css({
-          'max-width': '180px',
-          'max-height': '100px',
-          'margin': '4px'
-        });
-      if (!iconSrc) {
-        // It's not a stock image, so load `src` when available
-        const mbe = this.act.project.mediaBag.getElement(me.icon, true);
-        mbe.getFullPathPromise().then(imgFullPath => $img.attr('src', imgFullPath));
-      }
-      $btn.append($img);
-
-      // Set the button text
-      $btn.append(external_jquery_default()('<span/>').css({
-        'max-width': '180px',
-        'overflow': 'hidden',
-        'white-space': 'nowrap',
-        'text-overflow': 'ellipsis'
-      }).html(me.caption));
-
-      // Set a click listener method
-      // $btn.on('click', function...) does not work!
-      $btn[0].addEventListener('click', (ev) => {
-        const mc = new MediaContent["default"](me.projectPath ? 'RUN_CLIC_PACKAGE' : 'RUN_CLIC_ACTIVITY', me.sequence);
-        if (me.projectPath)
-          mc.externalParam = me.projectPath;
-        (0,Utils/* log */.Rm)('info', `Launching ${me.projectPath || ''} ${me.sequence || ''}`);
-        this.ps.playMedia(mc);
-        ev.preventDefault();
-      });
-
-      // Place the created button on the container
-      $btnDiv.append($btn);
-    });
-
-    // Add the buttons container on the main panel `div`
-    this.$div.empty().append($btnDiv);
-  }
-
-  /**
-   * 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 preferredMaxSize;
-  }
-
-  /**
-   * Basic initialization procedure
-   * @override
-   */
-  initActivity() {
-    super.initActivity();
-
-    if (!this.firstRun)
-      this.buildVisualComponents();
-    else
-      this.firstRun = false;
-
-    this.setAndPlayMsg('initial', 'start');
-    this.playing = true;
-  }
-}
-
-/**
- * Default icons used in buttons, inherited from JClic
- * @type {object}
- */
-MenuPanel.icons = {
-  '@ico00.png': ico00_namespaceObject,
-  '@ico01.png': ico01_namespaceObject,
-  '@ico02.png': ico02_namespaceObject,
-  '@ico03.png': ico03_namespaceObject,
-  '@icofolder.png': icofolder_namespaceObject,
-};
-
-/**
- * Panel class associated to this type of activity: {@link module:activities/panels/Menu.MenuPanel MenuPanel}
- * @type {class} */
-Menu.Panel = MenuPanel;
-
-// Register activity class
-/* harmony default export */ const panels_Menu = (Activity/* Activity */.I.registerClass('@panels.Menu', Menu));
-
-
-
-
-/***/ })
-
-};
-;
-//# sourceMappingURL=6856.jclic-node.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"6856.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;AACL;AAClB;;AAErC;AACsC;AACA;AACA;AACA;AACQ;;AAE9C;AACA,kBAAkB,yCAAyC;AAC3D;AACA;AACA;AACO,mBAAmB,wBAAQ;AAClC;AACA;AACA,aAAa,0CAA0C,eAAe,6DAA6D;AACnI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,QAAQ,mDAAmD;AAC3D;AACA;AACO,wBAAwB,6BAAa;AAC5C;AACA;AACA,aAAa,0BAA0B,WAAW,yCAAyC;AAC3F,aAAa,gCAAgC;AAC7C;AACA,aAAa,iBAAiB;AAC9B;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,yBAAC;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,mBAAmB,yBAAC;AACpB;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;;AAEP;AACA;AACA;AACA,eAAe,yBAAC,aAAa,oBAAoB;AACjD;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,kBAAkB,yBAAC;AACnB;AACA;AACA;AACA;AACA,OAAO;;AAEP;AACA;AACA;AACA,uBAAuB,uBAAY;AACnC;AACA;AACA,QAAQ,qBAAG,sBAAsB,sBAAsB,EAAE,kBAAkB;AAC3E;AACA;AACA,OAAO;;AAEP;AACA;AACA,KAAK;;AAEL;AACA;AACA;;AAEA;AACA;AACA;AACA,aAAa,sBAAsB;AACnC,eAAe;AACf;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA,UAAU;AACV;AACA;AACA,gBAAgB,qBAAK;AACrB,gBAAgB,qBAAK;AACrB,gBAAgB,qBAAK;AACrB,gBAAgB,qBAAK;AACrB,oBAAoB,yBAAS;AAC7B;;AAEA;AACA,qDAAqD;AACrD,UAAU,OAAO;AACjB;;AAEA;AACA,kDAAe,wBAAQ,oCAAoC,EAAC","sources":["webpack://jclic/./src/activities/panels/Menu.js"],"sourcesContent":["/**\n *  File    : activities/panels/Menu.js\n *  Created : 20/07/2017\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 MediaContent from '../../media/MediaContent.js';\nimport { log } from '../../Utils.js';\n\n// Use Webpack to import PNG files\nimport ico00 from './icons/ico00.png';\nimport ico01 from './icons/ico01.png';\nimport ico02 from './icons/ico02.png';\nimport ico03 from './icons/ico03.png';\nimport icoFolder from './icons/icofolder.png';\n\n/**\n * This class of {@link module:Activity.Activity Activity} is only used in legacy JClic project libraries. It contains\n * one or more buttons pointing to specific JClic projects or to other `Menu` activity panels.\n * @extends module:Activity.Activity\n */\nexport class Menu extends Activity {\n  /**\n   * Menu 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    this.menuElements = [];\n    // This kind of activities are not reported\n    this.includeInReports = false;\n    this.reportActions = false;\n  }\n}\n\n/**\n * The {@link module:Activity.ActivityPanel ActivityPanel} where Menu will show its content.\n * @extends module:Activity.ActivityPanel\n */\nexport class MenuPanel extends ActivityPanel {\n  /**\n   * MenuPanel constructor\n   * @param {module:Activity.Activity} act - The {@link module:Activity.Activity Activity} to which this Panel belongs\n   * @param {module:JClicPlayer.JClicPlayer} ps - Any object implementing the methods defined in the\n   * [PlayStation](http://projectestac.github.io/jclic/apidoc/edu/xtec/jclic/PlayStation.html) Java interface.\n   * @param {external:jQuery} [$div] - The jQuery DOM element where this Panel will deploy\n   */\n  constructor(act, ps, $div) {\n    super(act, ps, $div);\n    // This kind of activity will always clean the \"last project skin\" setting\n    ps.lastProjectSkin = null;\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 `div` will contain the action buttons\n    const $btnDiv = $('<div/>').css({\n      'width': '100%',\n      'max-height': '100%',\n      'position': 'absolute',\n      'top': '50%',\n      'transform': 'translateY(-50%)',\n      'display': 'flex',\n      'flex-wrap': 'wrap',\n      'overflow-y': 'auto',\n      'place-content': 'center',\n      'overflow-y': 'auto'\n    });\n    this.act.menuElements.forEach((me) => {\n      // Create a button for each menu element\n      const caption = me.description || me.caption || 'JClic';\n      const $btn = $('<button/>', {\n        class: 'StockBtn',\n        title: caption,\n        'aria-label': caption\n      }).css({\n        'min-width': '80px',\n        'max-width': '200px',\n        'min-height': '80px',\n        'margin': '4px',\n        'padding': '4px',\n        'display': 'flex',\n        'flex-direction': 'column',\n        'justify-content': 'center',\n        'align-items': 'center'\n      });\n\n      // Set the button icon\n      const\n        iconSrc = MenuPanel.icons[me.icon || '@ico00.png'],\n        $img = $('<img/>', { src: iconSrc || '' }).css({\n          'max-width': '180px',\n          'max-height': '100px',\n          'margin': '4px'\n        });\n      if (!iconSrc) {\n        // It's not a stock image, so load `src` when available\n        const mbe = this.act.project.mediaBag.getElement(me.icon, true);\n        mbe.getFullPathPromise().then(imgFullPath => $img.attr('src', imgFullPath));\n      }\n      $btn.append($img);\n\n      // Set the button text\n      $btn.append($('<span/>').css({\n        'max-width': '180px',\n        'overflow': 'hidden',\n        'white-space': 'nowrap',\n        'text-overflow': 'ellipsis'\n      }).html(me.caption));\n\n      // Set a click listener method\n      // $btn.on('click', function...) does not work!\n      $btn[0].addEventListener('click', (ev) => {\n        const mc = new MediaContent(me.projectPath ? 'RUN_CLIC_PACKAGE' : 'RUN_CLIC_ACTIVITY', me.sequence);\n        if (me.projectPath)\n          mc.externalParam = me.projectPath;\n        log('info', `Launching ${me.projectPath || ''} ${me.sequence || ''}`);\n        this.ps.playMedia(mc);\n        ev.preventDefault();\n      });\n\n      // Place the created button on the container\n      $btnDiv.append($btn);\n    });\n\n    // Add the buttons container on the main panel `div`\n    this.$div.empty().append($btnDiv);\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 preferredMaxSize;\n  }\n\n  /**\n   * Basic initialization procedure\n   * @override\n   */\n  initActivity() {\n    super.initActivity();\n\n    if (!this.firstRun)\n      this.buildVisualComponents();\n    else\n      this.firstRun = false;\n\n    this.setAndPlayMsg('initial', 'start');\n    this.playing = true;\n  }\n}\n\n/**\n * Default icons used in buttons, inherited from JClic\n * @type {object}\n */\nMenuPanel.icons = {\n  '@ico00.png': ico00,\n  '@ico01.png': ico01,\n  '@ico02.png': ico02,\n  '@ico03.png': ico03,\n  '@icofolder.png': icoFolder,\n};\n\n/**\n * Panel class associated to this type of activity: {@link module:activities/panels/Menu.MenuPanel MenuPanel}\n * @type {class} */\nMenu.Panel = MenuPanel;\n\n// Register activity class\nexport default Activity.registerClass('@panels.Menu', Menu);\n\n\n"],"names":[],"sourceRoot":""}