jclic 2.2.1 → 2.3.0

package/src/skins/assets/actionsIcon.svg

@@ -1,3 +0,0 @@
-<svg fill="#FFFFFF" viewBox="0 0 24 24" width="18" height="18" xmlns="http://www.w3.org/2000/svg">
-  <path d="M13.49 5.48c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-3.6 13.9l1-4.4 2.1 2v6h2v-7.5l-2.1-2 .6-3c1.3 1.5 3.3 2.5 5.5 2.5v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1l-5.2 2.2v4.7h2v-3.4l1.8-.7-1.6 8.1-4.9-1-.4 2 7 1.4z" />
-</svg>

package/src/skins/assets/appLogo.svg

@@ -1,8 +0,0 @@
-<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
-  <g transform="matrix(.02081 0 0-.02081 5 62.33)">
-    <path d="m1263 1297l270 1003 996-267-267-990c-427-1583-2420-1046-1999 519 3 11 999-266 999-266z" fill="none" stroke="#9d6329" stroke-linejoin="round" stroke-linecap="round" stroke-width="180" stroke-miterlimit="3.864" />
-    <path d="m1263 1297l270 1003 996-267-267-990c-427-1583-2420-1046-1998 519 3 11 999-266 999-266" fill="#f89c0e" />
-    <path d="m357 2850l1000-268-267-992-1000 266 267 994z" fill="none" stroke="#86882b" stroke-linejoin="round" stroke-linecap="round" stroke-width="180" stroke-miterlimit="3.864" />
-    <path d="m357 2850l1000-268-267-992-1000 266 267 994" fill="#d9e70c" />
-  </g>
-</svg>

package/src/skins/assets/basic.css

@@ -1,41 +0,0 @@
-.ID {
-  width: 100%;
-  background-color: #3F51B5;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: column;
-  flex-direction: column;
-}
-
-.ID .JClicPlayerCnt {
-  background-color: lightblue;
-  margin: 18px;
-  -webkit-flex-grow: 1;
-  flex-grow: 1;
-  position: relative;
-}
-
-.ID .JClicPlayerCnt>div {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-
-.ID button:not(.StockBtn) {
-  background: transparent;
-  padding: 0;
-  border: none;
-  box-shadow: none;
-  text-shadow: none;
-}
-
-.ID .unselectableText {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
-.ID .progressBar {
-  width: 250px
-}

package/src/skins/assets/closeDialogIcon.svg

@@ -1,3 +0,0 @@
-<svg fill="#757575" viewBox="0 0 24 24" width="36" height="36" xmlns="http://www.w3.org/2000/svg">
-  <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
-</svg>

package/src/skins/assets/closeIcon.svg

@@ -1,3 +0,0 @@
-<svg fill="#FFFFFF" viewBox="0 0 24 24" width="36" height="36" xmlns="http://www.w3.org/2000/svg">
-  <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
-</svg>

package/src/skins/assets/copyIcon.svg

@@ -1,3 +0,0 @@
-<svg fill="#757575" viewBox="0 0 24 24" width="36" height="36" xmlns="http://www.w3.org/2000/svg">
-  <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" />
-</svg>

package/src/skins/assets/fullScreenExitIcon.svg

@@ -1,3 +0,0 @@
-<svg fill="#FFFFFF" viewBox="0 0 24 24" width="36" height="36" xmlns="http://www.w3.org/2000/svg">
-  <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" />
-</svg>

package/src/skins/assets/fullScreenIcon.svg

@@ -1,3 +0,0 @@
-<svg fill="#FFFFFF" viewBox="0 0 24 24" width="36" height="36" xmlns="http://www.w3.org/2000/svg">
-  <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" />
-</svg>

package/src/skins/assets/infoIcon.svg

@@ -1,3 +0,0 @@
-<svg fill="#FFFFFF" viewBox="0 0 24 24" width="36" height="36" xmlns="http://www.w3.org/2000/svg">
-  <path d="M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z" />
-</svg>

package/src/skins/assets/main.css

@@ -1,43 +0,0 @@
-.ID .JClicCtrlCnt {
-  margin: 0 9px 18px 9px;
-  display: -webkit-flex;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-
-.ID .JClicCountCnt {
-  display: -webkit-flex;
-  display: flex;
-  flex-direction: column;
-}
-
-.ID .JClicMsgBox {
-  height: 60px;
-  flex-grow: 1;
-  background-color: lightblue;
-}
-
-.ID .JClicBtn {
-  cursor: pointer;
-  line-height: 0;
-}
-
-.ID .JClicBtn:disabled {
-  cursor: inherit;
-  opacity: 0.3;
-}
-
-.ID .JClicCounter {
-  width: 40px;
-  height: 20px;
-  padding-left: 20px;
-  color: white;
-  cursor: pointer;
-  font-family: Roboto, Sans-serif;
-  font-size: 18px;
-  text-align: center;
-  background-repeat: no-repeat;
-  background-position: left;
-  box-sizing: content-box;
-}

package/src/skins/assets/mainHalf.css

@@ -1,23 +0,0 @@
-.ID .JClicPlayerCnt {
-  margin: 9px;
-}
-
-.ID .JClicCtrlCnt {
-  margin: 0 4px 9px 4px;
-}
-
-.ID .JClicCtrlCnt button svg, img {
-  width: 18px;
-  height: 18px;
-}
-
-.ID .JClicMsgBox {
-  height: 30px;
-}
-
-.ID .JClicCounter {
-  width: 20px;
-  height: 10px;
-  margin-left: -15px;
-  transform: scale(0.5);
-}

package/src/skins/assets/mainTwoThirds.css

@@ -1,23 +0,0 @@
-.ID .JClicPlayerCnt {
-  margin: 12px;
-}
-
-.ID .JClicCtrlCnt {
-  margin: 0 6px 12px 6px;
-}
-
-.ID .JClicCtrlCnt button svg, img {
-  width: 24px;
-  height: 24px;
-}
-
-.ID .JClicMsgBox {
-  height: 40px;
-}
-
-.ID .JClicCounter {
-  width: 27px;
-  height: 13px;
-  margin-left: -10px;
-  transform: scale(0.666);
-}

package/src/skins/assets/mini.css

@@ -1,15 +0,0 @@
-.ID {
-  background-color: #F4F4F4;
-}
-
-.ID .JClicPlayerCnt {
-  margin: 4px;
-}
-
-.ID .JClicCtrlCnt {
-  margin: 0 2px 4px 2px;
-}
-
-.ID .JClicMsgBox {
-  height: 25px;
-}

package/src/skins/assets/nextIcon.svg

@@ -1,3 +0,0 @@
-<svg fill="#FFFFFF" viewBox="0 0 24 24" width="36" height="36" xmlns="http://www.w3.org/2000/svg">
-  <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
-</svg>

package/src/skins/assets/okDialogIcon.svg

@@ -1,3 +0,0 @@
-<svg fill="#757575" viewBox="0 0 24 24" width="36" height="36" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z" />
-</svg>

package/src/skins/assets/prevIcon.svg

@@ -1,3 +0,0 @@
-<svg fill="#FFFFFF" viewBox="0 0 24 24" width="36" height="36" xmlns="http://www.w3.org/2000/svg">
-  <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" />
-</svg>

package/src/skins/assets/reports.css

@@ -1,156 +0,0 @@
-.ID .dlgDiv {
-  background-color: #efefef;
-  color: #757575;
-  font-family: Roboto, sans-serif;
-  font-size: 10pt;
-  line-height: normal;
-}
-
-.ID .dlgDiv a, a:visited, a:active, a:hover {
-  text-decoration: none;
-  color: inherit;
-}
-
-.ID .dlgMainPanel {
-  padding: 1em 2em;
-  max-height: calc(100vh - 8em);
-  max-width: calc(100vw - 2em);
-  min-width: 20em;
-  overflow: auto;
-}
-
-.ID .dlgMainPanel .headTitle {
-  font-size: 2.5em;
-  font-weight: bold;
-  margin: auto;
-}
-
-.ID .dlgMainPanel .subTitle {
-  font-size: 1.4em;
-  font-weight: bold;
-  margin-bottom: 0.5em;
-}
-
-.ID .dlgMainPanel p {
-  font-size: 1.1em;
-  margin-bottom: 0.5em;
-}
-
-.ID .dlgMainPanel table {
-  table-layout: fixed;
-  width: 40em;
-  margin: 0.5em 0 1.7em 0;
-  border-collapse: collapse;
-}
-
-.ID .dlgMainPanel select {
-  min-width: 20em;
-  font-size: 1.2em;
-  font-family: Roboto, sans-serif;
-  color: #757575;
-}
-
-.ID .dlgMainPanel input {
-  margin-left: 1em;
-  font-size: 1.2em;
-  font-family: Roboto, sans-serif;
-  border-color: lightgray;
-}
-
-.ID .infoHead {
-  padding: 1em 0em 0.5em;
-}
-
-.ID .JCGlobalResults td {
-  padding: 0.4em;
-  border-bottom: 1px solid #b6b6b6;
-}
-
-.ID .JCGlobalResults td:first-child {
-  font-weight: 600;
-  width: 14em;
-}
-
-.ID .JCDetailed td, th {
-  border-bottom: 1px solid #b6b6b6;
-  padding: 0.3em 0.4em;
-  vertical-align: top;
-  text-align: center;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.ID .JCDetailed thead {
-  font-weight: 600;
-}
-
-.ID .JCDetailed th:first-child {
-  width: 7em;
-}
-
-.ID .JCDetailed th:nth-last-child(4) {
-  width: 4em;
-}
-
-.ID .JCDetailed th:nth-last-child(-n+3) {
-  width: 4.1em;
-  text-align: right;
-}
-
-.ID .JCDetailed td:nth-last-child(-n+3) {
-  text-align: right;
-}
-
-.ID .JCDetailed .ok {
-  color: #4bae4f;
-  font-weight: 600;
-}
-
-.ID .JCDetailed .no {
-  color: #f34235;
-  font-weight: 600;
-}
-
-.ID .JCDetailed tr:last-child {
-  font-weight: bold;
-}
-
-.ID .JCDetailed .incomplete {
-  font-style: italic;
-}
-
-.ID .dlgBottomPanel {
-  height: 3.5em;
-  background-color: white;
-  padding: 0.5em;
-  font-weight: bold;
-  text-align: right;
-  border-top: 1px solid #eee;
-  position: relative;
-}
-
-.ID .dlgBottomPanel .smallPopup {
-  background-color: #222;
-  color: #ddd;
-  padding: 0.5em;
-  font-size: 0.9em;
-  position: absolute;
-  right: 6em;
-  top: 1em;
-}
-
-.ID .dlgBottomPanel button {
-  display: inline-block;
-  padding: 10px;
-  cursor: pointer;
-  line-height: 0;
-}
-
-.ID .dlgBottomPanel button:hover {
-  background-color: #eee;
-  border-radius: 80px;
-}
-
-.ID .dlgBottomPanel button:active {
-  background-color: #b3e5fc;
-}

package/src/skins/assets/reportsIcon.svg

@@ -1,3 +0,0 @@
-<svg fill="#FFFFFF" viewBox="0 0 24 24" width="36" height="36" xmlns="http://www.w3.org/2000/svg">
-  <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z" />
-</svg>

package/src/skins/assets/scoreIcon.svg

@@ -1,3 +0,0 @@
-<svg fill="#FFFFFF" viewBox="0 0 24 24" width="18" height="18" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z" />
-</svg>

package/src/skins/assets/simple.css

@@ -1,16 +0,0 @@
-.ID {
-  background-color: #888888;
-}
-
-.ID .JClicCtrlCnt {
-  margin: 9px;
-}
-
-.ID .JClicPlayerCnt {
-  margin: 0px 18px 18px;
-}
-
-.ID .JClicMsgBox {
-  flex-grow: 0;
-  margin: 0 18px 18px 18px;
-}

package/src/skins/assets/simpleHalf.css

@@ -1,11 +0,0 @@
-.ID .JClicCtrlCnt {
-  margin: 4px;
-}
-
-.ID .JClicPlayerCnt {
-  margin: 0px 9px 9px;
-}
-
-.ID .JClicMsgBox {
-  margin: 0 9px 9px 9px;
-}

package/src/skins/assets/simpleTwoThirds.css

@@ -1,11 +0,0 @@
-.ID .JClicCtrlCnt {
-  margin: 6px;
-}
-
-.ID .JClicPlayerCnt {
-  margin: 0px 12px 12px;
-}
-
-.ID .JClicMsgBox {
-  margin: 0 12px 12px 12px;
-}

package/src/skins/assets/timeIcon.svg

@@ -1,4 +0,0 @@
-<svg fill="#FFFFFF" viewBox="0 0 24 24" width="18" height="18" xmlns="http://www.w3.org/2000/svg">
-  <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" />
-  <path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z" />
-</svg>

package/src/skins/assets/waitAnim.css

@@ -1,54 +0,0 @@
-.ID .waitPanel {
-  display: -webkit-flex;
-  display: flex;
-  width: 100%;
-  height: 100%;
-  -webkit-justify-content: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  align-items: center;
-}
-
-.ID .animImgBox {
-  position: relative;
-  width: 300px;
-  height: 300px;
-  max-width: 80%;
-  max-height: 80%;
-}
-
-.ID .animImgBox svg {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  animation-iteration-count: infinite;
-  animation-timing-function: linear;
-}
-
-.ID #waitImgBig {
-  animation-duration: 0.8s;
-  animation-name: rotate-right;
-}
-
-@keyframes rotate-right {
-  from {
-    transform: rotate(0);
-  }
-  to {
-    transform: rotate(1turn);
-  }
-}
-
-.ID #waitImgSmall {
-  animation-duration: 0.6s;
-  animation-name: rotate-left;
-}
-
-@keyframes rotate-left {
-  from {
-    transform: rotate(0);
-  }
-  to {
-    transform: rotate(-1turn);
-  }
-}

package/src/skins/assets/waitImgBig.svg

@@ -1,3 +0,0 @@
-<svg id="waitImgBig" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg">
-  <path fill="#3F51B5" d="m 65.99,40.19 c -0.42,5.33 7.80,4.94 8.11,0.20 C 74.50,34.37 66.35,8.59 42.92,7.98 15.90,7.29 9.96,29.50 9.94,39.41 15.33,-1.66 68.61,7.048 65.99,40.19 Z" />
-</svg>

package/src/skins/assets/waitImgSmall.svg

@@ -1,3 +0,0 @@
-<svg id="waitImgSmall" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg">
-  <path fill="#3F51B5" d="m 57.00,39.43 c -0.28,-3.53 5.16,-3.27 5.37,-0.13 0.26,3.99 -5.13,21.04 -20.63,21.44 C 23.85,61.19 19.93,46.50 19.92,39.94 23.48,67.11 58.73,61.35 57.00,39.43 Z" />
-</svg>

package/webpack.config.mjs

@@ -1,169 +0,0 @@
-import TerserPlugin from 'terser-webpack-plugin';
-import ESLintPlugin from 'eslint-webpack-plugin';
-import nodeExternals from 'webpack-node-externals';
-import path from 'node:path';
-import fs from 'node:fs';
-import { fileURLToPath } from 'node:url';
-import buildLocales from './build-locales.mjs';
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const pkg = JSON.parse(fs.readFileSync('./package.json', 'utf8'));
-const date = new Date();
-const dist = path.resolve(__dirname, 'dist');
-
-buildLocales();
-
-const ESLintOptions = {
-  configType: 'flat',
-  overrideConfigFile: './eslint.config.mjs',
-};
-
-const banner = `
-${pkg.title} version ${pkg.version} (${date.toISOString().substring(0, 10)})
-${pkg.description}
-${pkg.homepage}
-
-(c) 2000-${date.getFullYear()} ${pkg.author.name || pkg.author}
-
-Licensed under the EUPL, Version 1.2 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.
-
-For full license information of included components please see: jclic.components.LICENSE
-
-WARNING: This is a compressed version of ${pkg.title}. Full source code is freely available at:
-${pkg.homepage}
-`;
-
-/**
- * Inline assets as raw text or Base64 URIs
- * See: https://webpack.js.org/guides/asset-modules/
- */
-const assetRules = [
-  {
-    test: /\.css$/,
-    type: 'asset/source',
-  },
-  {
-    test: /\.svg$/,
-    type: 'asset/source',
-  },
-  {
-    test: /\.png$/,
-    type: 'asset/inline',
-  },
-  {
-    test: /\.mp3$/,
-    type: 'asset/inline',
-  },
-];
-
-/**
- * Bundle used in HTML browsers
- */
-const mainConfig = {
-  // Override when debugging with: `webpack --mode=development`
-  // See: https://webpack.js.org/configuration/mode/
-  mode: 'production',
-  entry: './src/JClic.js',
-  devtool: 'source-map',
-  output: {
-    path: dist,
-    filename: 'jclic.min.js',
-  },
-  module: {
-    rules: [
-      {
-        test: /\.(js|jsx)$/,
-        exclude: /node_modules/,
-        use: {
-          loader: 'babel-loader',
-          options: {
-            presets: [
-              '@babel/preset-env',
-            ],
-          }
-        },
-      },
-      ...assetRules,
-    ]
-  },
-  devServer: {
-    host: 'localhost',
-    port: 9001,
-    open: true,
-    static: {
-      directory: path.join(__dirname, 'test'),
-      watch: true,
-    },
-    client: {
-      overlay: true,
-      progress: true,
-    },
-  },
-  performance: {
-    maxAssetSize: 2000000,
-    maxEntrypointSize: 2000000,
-  },
-  optimization: {
-    minimize: true,
-    minimizer: [
-      new TerserPlugin({
-        parallel: true,
-        extractComments: {
-          filename: 'jclic.components.LICENSE',
-          banner: () => banner,
-        },
-        terserOptions: {
-          // https://github.com/webpack-contrib/terser-webpack-plugin#terseroptions
-        }
-      }),
-    ],
-  },
-  plugins: [
-    new ESLintPlugin(ESLintOptions),
-  ],
-  resolve: {
-    fallback: { stream: false }
-  },
-};
-
-/**
- * Bundle used by Node.js apps
- */
-const nodeConfig = {
-  target: 'node',
-  mode: 'production',
-  externals: [nodeExternals()],
-  entry: './src/jclic-node.js',
-  module: {
-    rules: [...assetRules],
-  },
-  devtool: 'source-map',
-  output: {
-    path: dist,
-    filename: 'jclic-node.js',
-    library: {
-      type: 'commonjs2',
-      export: 'default',
-    },
-  },
-  optimization: {
-    minimize: false,
-  },
-  plugins: [
-    new ESLintPlugin(ESLintOptions),
-  ],
-};
-
-export default [mainConfig, nodeConfig];
-