@massimo-cassandro/minimo 1.7.1 → 1.8.0

package/src/web-components/TODO json-table/demo/README.md

@@ -0,0 +1,66 @@
+# JsonTable Demo
+
+Clone the repo and launch `npm install` to get all requested libraries.
+
+To run the demo you need to start the server typing (`npm run 'launch-json-demo-server'`); it use [typicode/json-server](https://github.com/typicode/json-server).
+
+Show the json server opening <http://localhost:3004>.
+
+The demo pages, for convenience, use [Bootstrap 5](https://getbootstrap.com/) css (from CDN), but it is not absolutely essential for JsonTable, and you can replace it with any other css library.
+
+
+Json data files are generated using https://json-generator.com/ with these configs:
+
+Ajax: 
+
+```javascript
+{
+  "draw": 1,
+  "recordsTotal": 600,
+  "recordsFiltered": 600,
+  "data": [
+    '{{repeat(600)}}',
+    {
+      id: '{{integer(350, 1250)}}',
+      bool: '{{bool()}}',
+      amount1: '{{floating(1000, 4000, 2, "0.00")}}',
+      amount2: '{{floating(3000, 5000, 2, "0.00")}}',
+      age: '{{integer(20, 40)}}',
+      email: '{{email(true)}}',
+      phone: '{{phone("3xx.xx.xx.xxx")}}',
+      date: '{{date(new Date(2014, 0, 1), new Date(), "ISODateTimeTZ")}}',
+      sfdate: {
+        date: '{{date(new Date(2014, 0, 1), new Date(), "YYYY-MM-dd hh:mm:ss")}}',
+        timezone_type: 3,
+        timezone: "Europe/Berlin"
+      },
+      about: '{{lorem(integer(2, 25), "words")}}'
+    }
+  ]
+}
+```
+
+Static:
+
+```javascript
+[
+  '{{repeat(30, 30)}}',
+  {
+    id: '{{integer(350, 1250)}}',
+    bool: '{{random(true,false,null)}}',
+    boolCustomized: '{{random(true,false,null)}}',
+    number1: '{{floating(1000, 4000, 2, "0.00")}}',
+    number2: '{{floating(3000, 5000, 2, "0.00")}}',
+    date: '{{date(new Date(2014, 0, 1), new Date(), "YYYY-MM-dd")}}',
+    sfDatetime: {
+        date: '{{date(new Date(2014, 0, 1), new Date(), "YYYY-MM-dd hh:mm:ss")}}',
+        timezone_type: 3,
+        timezone: "Europe/Berlin"
+      },
+    text: '{{lorem(integer(2, 10), "words")}}',
+    perc: '{{floating(0, 100, 2, "0.00")}}',
+    percDecimal: '{{floating(0, 1, 2, "0.00")}}',
+    euro: '{{floating(100, 1000, 2, "0.00")}}'
+  }
+]
+```

package/src/web-components/TODO json-table/demo/assets/link-simple.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M165.66,90.34a8,8,0,0,1,0,11.32l-64,64a8,8,0,0,1-11.32-11.32l64-64A8,8,0,0,1,165.66,90.34ZM215.6,40.4a56,56,0,0,0-79.2,0L106.34,70.45a8,8,0,0,0,11.32,11.32l30.06-30a40,40,0,0,1,56.57,56.56l-30.07,30.06a8,8,0,0,0,11.31,11.32L215.6,119.6a56,56,0,0,0,0-79.2ZM138.34,174.22l-30.06,30.06a40,40,0,1,1-56.56-56.57l30.05-30.05a8,8,0,0,0-11.32-11.32L40.4,136.4a56,56,0,0,0,79.2,79.2l30.06-30.07a8,8,0,0,0-11.32-11.31Z"></path></svg>

package/src/web-components/TODO json-table/demo/demo-data/json-static-table-demo-data.js

@@ -0,0 +1,512 @@
+export default [
+  {
+    'id': 752,
+    'bool': true,
+    'boolCustomized': null,
+    'number1': 1529.42,
+    'number2': 4171.24,
+    'date': '2019-04-03',
+    'sfDatetime': {
+      'date': '2024-01-31 01:33:10',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'exercitation ullamco minim dolore ad amet est excepteur Lorem adipisicing',
+    'perc': 4.63,
+    'percDecimal': 0.06,
+    'euro': 554.19
+  },
+  {
+    'id': 488,
+    'bool': false,
+    'boolCustomized': false,
+    'number1': 3478.8,
+    'number2': 4319.16,
+    'date': '2015-01-31',
+    'sfDatetime': {
+      'date': '2016-04-20 04:51:07',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'aute ullamco sint in non non Lorem',
+    'perc': 81.9,
+    'percDecimal': 0.26,
+    'euro': 815.42
+  },
+  {
+    'id': 434,
+    'bool': true,
+    'boolCustomized': true,
+    'number1': 1067.67,
+    'number2': 3390.41,
+    'date': '2021-04-26',
+    'sfDatetime': {
+      'date': '2014-01-28 10:27:29',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'et ipsum nulla elit ad',
+    'perc': 55.71,
+    'percDecimal': 0.84,
+    'euro': 424.6
+  },
+  {
+    'id': 924,
+    'bool': false,
+    'boolCustomized': false,
+    'number1': 2624.39,
+    'number2': 4295.48,
+    'date': '2016-10-21',
+    'sfDatetime': {
+      'date': '2020-06-04 03:47:16',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'laboris enim dolore pariatur cupidatat pariatur tempor aliquip commodo incididunt',
+    'perc': 47.21,
+    'percDecimal': 0.23,
+    'euro': 354.46
+  },
+  {
+    'id': 814,
+    'bool': true,
+    'boolCustomized': null,
+    'number1': 1849.32,
+    'number2': 3162.53,
+    'date': '2014-08-31',
+    'sfDatetime': {
+      'date': '2022-01-05 05:46:48',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'mollit veniam non nisi reprehenderit do ea fugiat',
+    'perc': 18.59,
+    'percDecimal': 0.8,
+    'euro': 299.95
+  },
+  {
+    'id': 1129,
+    'bool': false,
+    'boolCustomized': true,
+    'number1': 2038.96,
+    'number2': 4943.79,
+    'date': '2017-03-20',
+    'sfDatetime': {
+      'date': '2016-07-18 12:07:39',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'cillum cupidatat sunt tempor fugiat laborum cupidatat sint',
+    'perc': 16.17,
+    'percDecimal': 0.81,
+    'euro': 321.09
+  },
+  {
+    'id': 391,
+    'bool': true,
+    'boolCustomized': null,
+    'number1': 2812.2,
+    'number2': 4836.4,
+    'date': '2021-05-27',
+    'sfDatetime': {
+      'date': '2019-01-28 09:01:19',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'id cillum et deserunt',
+    'perc': 31.09,
+    'percDecimal': 0.92,
+    'euro': 485.68
+  },
+  {
+    'id': 1218,
+    'bool': false,
+    'boolCustomized': null,
+    'number1': 1966.56,
+    'number2': 4872.46,
+    'date': '2014-11-13',
+    'sfDatetime': {
+      'date': '2015-10-24 08:15:54',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'non exercitation tempor velit minim ullamco enim duis consectetur',
+    'perc': 24.25,
+    'percDecimal': 0.99,
+    'euro': 728.16
+  },
+  {
+    'id': 937,
+    'bool': false,
+    'boolCustomized': null,
+    'number1': 1742.43,
+    'number2': 4275.77,
+    'date': '2015-02-05',
+    'sfDatetime': {
+      'date': '2014-05-09 02:32:16',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'laborum qui eu labore dolor magna tempor',
+    'perc': 39.72,
+    'percDecimal': 0.54,
+    'euro': 414.46
+  },
+  {
+    'id': 1079,
+    'bool': true,
+    'boolCustomized': true,
+    'number1': 2416.66,
+    'number2': 4890.59,
+    'date': '2023-09-10',
+    'sfDatetime': {
+      'date': '2018-04-22 12:48:59',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'exercitation nulla reprehenderit',
+    'perc': 76.13,
+    'percDecimal': 0.41,
+    'euro': 844.67
+  },
+  {
+    'id': 767,
+    'bool': false,
+    'boolCustomized': true,
+    'number1': 2933.49,
+    'number2': 3171.02,
+    'date': '2014-03-01',
+    'sfDatetime': {
+      'date': '2019-07-13 05:54:42',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'exercitation fugiat',
+    'perc': 69.59,
+    'percDecimal': 0,
+    'euro': 380.83
+  },
+  {
+    'id': 659,
+    'bool': false,
+    'boolCustomized': false,
+    'number1': 1831.85,
+    'number2': 4898.58,
+    'date': '2024-06-20',
+    'sfDatetime': {
+      'date': '2019-12-27 10:12:59',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'non ex ut adipisicing',
+    'perc': 56.13,
+    'percDecimal': 0.37,
+    'euro': 240.25
+  },
+  {
+    'id': 796,
+    'bool': true,
+    'boolCustomized': false,
+    'number1': 2886.78,
+    'number2': 4746.63,
+    'date': '2021-05-11',
+    'sfDatetime': {
+      'date': '2023-03-12 09:53:50',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'ipsum ipsum',
+    'perc': 31.66,
+    'percDecimal': 0.4,
+    'euro': 599.64
+  },
+  {
+    'id': 1027,
+    'bool': true,
+    'boolCustomized': null,
+    'number1': 2666.47,
+    'number2': 4976.09,
+    'date': '2024-05-19',
+    'sfDatetime': {
+      'date': '2017-08-22 03:48:15',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'culpa voluptate commodo est consectetur occaecat deserunt nisi',
+    'perc': 38.39,
+    'percDecimal': 0.8,
+    'euro': 325.39
+  },
+  {
+    'id': 864,
+    'bool': true,
+    'boolCustomized': false,
+    'number1': 3541.99,
+    'number2': 4361.11,
+    'date': '2020-01-20',
+    'sfDatetime': {
+      'date': '2024-01-19 07:00:15',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'commodo excepteur ut quis pariatur irure',
+    'perc': 35.37,
+    'percDecimal': 0.79,
+    'euro': 837.29
+  },
+  {
+    'id': 644,
+    'bool': false,
+    'boolCustomized': false,
+    'number1': 3446.61,
+    'number2': 4217.83,
+    'date': '2017-10-27',
+    'sfDatetime': {
+      'date': '2019-05-13 08:36:47',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'proident ut dolor veniam Lorem mollit aliquip',
+    'perc': 49.46,
+    'percDecimal': 0.65,
+    'euro': 617.38
+  },
+  {
+    'id': 888,
+    'bool': false,
+    'boolCustomized': null,
+    'number1': 1456.42,
+    'number2': 4639.76,
+    'date': '2016-06-02',
+    'sfDatetime': {
+      'date': '2024-06-23 07:22:20',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'cupidatat eu nulla reprehenderit aliquip minim amet labore',
+    'perc': 14.57,
+    'percDecimal': 0.09,
+    'euro': 272.04
+  },
+  {
+    'id': 627,
+    'bool': true,
+    'boolCustomized': true,
+    'number1': 1049.51,
+    'number2': 4480.07,
+    'date': '2016-11-18',
+    'sfDatetime': {
+      'date': '2022-12-08 03:26:23',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'sunt officia ea',
+    'perc': 99.86,
+    'percDecimal': 0.15,
+    'euro': 257.89
+  },
+  {
+    'id': 1111,
+    'bool': true,
+    'boolCustomized': true,
+    'number1': 1851.42,
+    'number2': 3231.46,
+    'date': '2023-05-08',
+    'sfDatetime': {
+      'date': '2021-04-21 09:18:08',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'cupidatat aliqua in minim exercitation sit eiusmod pariatur sint veniam',
+    'perc': 97.77,
+    'percDecimal': 0.03,
+    'euro': 804.13
+  },
+  {
+    'id': 604,
+    'bool': false,
+    'boolCustomized': true,
+    'number1': 3366.89,
+    'number2': 3085.75,
+    'date': '2021-01-22',
+    'sfDatetime': {
+      'date': '2022-03-21 05:24:44',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'mollit dolor labore in culpa qui ullamco',
+    'perc': 51.15,
+    'percDecimal': 0.03,
+    'euro': 399.27
+  },
+  {
+    'id': 1032,
+    'bool': true,
+    'boolCustomized': false,
+    'number1': 1297.38,
+    'number2': 3582.2,
+    'date': '2019-09-12',
+    'sfDatetime': {
+      'date': '2024-12-10 02:33:09',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'adipisicing do elit sit culpa officia reprehenderit in',
+    'perc': 25.29,
+    'percDecimal': 0.59,
+    'euro': 189.36
+  },
+  {
+    'id': 921,
+    'bool': false,
+    'boolCustomized': true,
+    'number1': 3343.44,
+    'number2': 3672.17,
+    'date': '2021-09-11',
+    'sfDatetime': {
+      'date': '2021-11-19 02:10:56',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'ullamco id aute id velit mollit magna',
+    'perc': 10.88,
+    'percDecimal': 0.14,
+    'euro': 940.3
+  },
+  {
+    'id': 967,
+    'bool': false,
+    'boolCustomized': true,
+    'number1': 3232.34,
+    'number2': 4003.31,
+    'date': '2016-08-23',
+    'sfDatetime': {
+      'date': '2015-01-17 04:31:05',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'do et labore culpa reprehenderit dolore incididunt',
+    'perc': 52.2,
+    'percDecimal': 0.87,
+    'euro': 759.7
+  },
+  {
+    'id': 812,
+    'bool': false,
+    'boolCustomized': true,
+    'number1': 3306.65,
+    'number2': 4657.02,
+    'date': '2016-01-18',
+    'sfDatetime': {
+      'date': '2019-07-23 03:40:24',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'fugiat minim laboris officia deserunt magna',
+    'perc': 44.33,
+    'percDecimal': 0.38,
+    'euro': 878.52
+  },
+  {
+    'id': 841,
+    'bool': true,
+    'boolCustomized': null,
+    'number1': 3120.62,
+    'number2': 4869.27,
+    'date': '2017-06-24',
+    'sfDatetime': {
+      'date': '2015-10-04 08:23:27',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'amet et nostrud id occaecat veniam consectetur excepteur fugiat',
+    'perc': 18.34,
+    'percDecimal': 0.64,
+    'euro': 391.8
+  },
+  {
+    'id': 1094,
+    'bool': false,
+    'boolCustomized': true,
+    'number1': 1062.53,
+    'number2': 4390.9,
+    'date': '2018-05-14',
+    'sfDatetime': {
+      'date': '2019-03-19 04:10:02',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'sunt ex cupidatat ullamco mollit aliqua',
+    'perc': 4.03,
+    'percDecimal': 0.33,
+    'euro': 832.3
+  },
+  {
+    'id': 984,
+    'bool': false,
+    'boolCustomized': null,
+    'number1': 2196.64,
+    'number2': 4962.43,
+    'date': '2017-10-16',
+    'sfDatetime': {
+      'date': '2023-04-21 08:25:14',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'nulla tempor nulla non laboris commodo adipisicing dolor nostrud',
+    'perc': 70.53,
+    'percDecimal': 0.18,
+    'euro': 737.65
+  },
+  {
+    'id': 1069,
+    'bool': true,
+    'boolCustomized': null,
+    'number1': 2048.85,
+    'number2': 4647,
+    'date': '2019-08-07',
+    'sfDatetime': {
+      'date': '2023-05-03 11:42:05',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'tempor laboris',
+    'perc': 34.29,
+    'percDecimal': 0.64,
+    'euro': 924.07
+  },
+  {
+    'id': 1037,
+    'bool': true,
+    'boolCustomized': null,
+    'number1': 3709.04,
+    'number2': 3841.83,
+    'date': '2019-10-10',
+    'sfDatetime': {
+      'date': '2020-02-25 07:46:52',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'cillum et velit veniam aliquip eu ipsum',
+    'perc': 26.6,
+    'percDecimal': 0.1,
+    'euro': 188.94
+  },
+  {
+    'id': 729,
+    'bool': true,
+    'boolCustomized': null,
+    'number1': 2052.83,
+    'number2': 3837.04,
+    'date': '2021-02-16',
+    'sfDatetime': {
+      'date': '2024-09-09 07:22:45',
+      'timezone_type': 3,
+      'timezone': 'Europe/Berlin'
+    },
+    'text': 'dolor sunt exercitation tempor minim',
+    'perc': 37.99,
+    'percDecimal': 0.5,
+    'euro': 764.59
+  }
+];

package/src/web-components/TODO json-table/demo/demo.css

@@ -0,0 +1,32 @@
+.content {
+  padding-block: 1.5rem;
+}
+
+h1 {
+  margin: 0 0 2rem;
+  font-size: 2rem;
+}
+
+h2 {
+  margin: 0 0 1.5rem;
+  font-size: 1.5rem;
+}
+
+.demo-wrapper {
+  padding: 1rem;
+  margin-block: 2rem;
+  border: 1px solid #ccc;
+  border-radius: 1rem;
+}
+
+.toc-anchor {
+  svg {
+    width: 1em;
+    aspect-ratio: 1;
+    fill: currentColor;
+  }
+}
+
+th {
+  white-space: nowrap;
+}

package/src/web-components/TODO json-table/demo/demo.js

@@ -0,0 +1,24 @@
+import './demo.css';
+
+import './js/demo-ajax-table.js';
+
+// import './js/demo-static-table.js';
+
+import { createId } from '@massimo-cassandro/js-utilities/index.js';
+
+import link_icon from './assets/link-simple.svg?inline';
+
+
+// toc
+const toc = [];
+document.querySelectorAll('h2').forEach(h2 => {
+  const id = createId(h2.innerText);
+  h2.id = id;
+  toc.push([id, h2.innerText]);
+  h2.insertAdjacentHTML('beforeend', ` <a href="#${id}" class="toc-anchor">${link_icon}</a>`);
+});
+
+document.getElementById('toc').innerHTML =
+  `<ul>${toc.map(item =>
+    `<li><a href="#${item[0]}">${item[1]}</a></li>`).join('')
+  }</ul>`;