@twintag/twintag-core 0.2.277-fix-scanner-ios-zoom-0c21a76d75c16ef4e56326dcc59c57b571aac187 → 0.2.277-fix-cache-obj-offline-7ee25947655d239a45caf92b3f4cc4d9bcf68f3b

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/cjs/twintag-offline-support.cjs.entry.js +7 -2
  2. package/dist/cjs/twintag-qr-scanner.cjs.entry.js +1 -1
  3. package/dist/cjs/twintag-scanner.cjs.entry.js +1 -1
  4. package/dist/collection/components/twintag-offline-support/LocalArrowData.service.js +7 -2
  5. package/dist/collection/components/twintag-scanner/twintag-scanner.css +2 -1
  6. package/dist/collection/version.js +1 -1
  7. package/dist/components/twintag-offline-support.js +7 -2
  8. package/dist/components/twintag-qr-scanner.js +1 -1
  9. package/dist/components/twintag-scanner.js +1 -1
  10. package/dist/esm/twintag-offline-support.entry.js +7 -2
  11. package/dist/esm/twintag-qr-scanner.entry.js +1 -1
  12. package/dist/esm/twintag-scanner.entry.js +1 -1
  13. package/dist/stencil-web-components/{p-67fa5b70.entry.js → p-263b8401.entry.js} +1 -1
  14. package/dist/stencil-web-components/{p-5c9af93d.entry.js → p-3911bb95.entry.js} +1 -1
  15. package/dist/stencil-web-components/{p-707ee419.entry.js → p-64251af3.entry.js} +1 -1
  16. package/dist/stencil-web-components/stencil-web-components.esm.js +1 -1
  17. package/dist/types/version.d.ts +1 -1
  18. package/package.json +1 -1
package/dist/cjs/twintag-offline-support.cjs.entry.js CHANGED
@@ -18408,8 +18408,13 @@ class LocalArrowDataService {
18408
18408
  arrowTable = objData;
18409
18409
  }
18410
18410
  else {
18411
- // convert the json response data to an arrow table
18412
- arrowTable = Arrow_dom.tableFromJSON(objData);
18411
+ if (Array.isArray(objData)) {
18412
+ // convert the json response data to an arrow table
18413
+ arrowTable = Arrow_dom.tableFromJSON(objData);
18414
+ }
18415
+ else {
18416
+ arrowTable = Arrow_dom.tableFromJSON([objData]);
18417
+ }
18413
18418
  }
18414
18419
  // convert the arrow table to ipc format as we cannot save an arrow table object to indexeddb directly
18415
18420
  const ipcData = Arrow_dom.tableToIPC(arrowTable);
package/dist/cjs/twintag-qr-scanner.cjs.entry.js CHANGED
@@ -11,7 +11,7 @@ const workerMsgId = 'stencil.scanner.worker';
11
11
  const workerPath = /*@__PURE__*/(typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __dirname + '/scanner.worker-b82b2299.js').href : new URL('scanner.worker-b82b2299.js', document.currentScript && document.currentScript.src || document.baseURI).href);
12
12
  const worker = /*@__PURE__*/_workerHelper.createWorker(workerPath, workerName, workerMsgId);
13
13
 
14
- const twintagScannerCss = ":host{--twintag-scanner-bg-select-cameras:white;--twintag-scanner-text-select-cameras:black;--twintag-scanner-radius-select-cameras:6px 0 0 0;--twintag-scanner-corners-color:white;--twintag-scanner-corners-width:4px;--twintag-scanner-corners-length:36px;--twintag-scanner-corners-offset:24px;display:grid;place-items:center;position:relative;width:100%}:host .icon-container{display:grid;place-items:center;position:absolute;inset:0;z-index:-2222}:host .icon-container .check-icon{opacity:0;z-index:2222}:host .video-container{--crop:0;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;opacity:0;overflow:hidden;z-index:1}:host .video-container::after{content:\"\";position:absolute;width:100%;height:100%;opacity:inherit;background:rgba(0, 0, 0, 0.5);-webkit-clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%);clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%)}:host .video-container:before{display:block;content:\"\";width:100%;padding-top:100%}:host .video-container .video-corners{position:absolute;width:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));height:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));opacity:inherit;background:linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%;background-size:var(--twintag-scanner-corners-length) var(--twintag-scanner-corners-length);background-repeat:no-repeat;z-index:2222}:host .video-container video{position:absolute;width:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height, 100%)}";
14
+ const twintagScannerCss = ":host{--twintag-scanner-bg-select-cameras:white;--twintag-scanner-text-select-cameras:black;--twintag-scanner-radius-select-cameras:6px 0 0 0;--twintag-scanner-min-height:min-content;--twintag-scanner-corners-color:white;--twintag-scanner-corners-width:4px;--twintag-scanner-corners-length:36px;--twintag-scanner-corners-offset:24px;display:grid;place-items:center;position:relative;width:100%}:host .icon-container{display:grid;place-items:center;position:absolute;inset:0;z-index:-2222}:host .icon-container .check-icon{opacity:0;z-index:2222}:host .video-container{--crop:0;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;opacity:0;overflow:hidden;z-index:1}:host .video-container::after{content:\"\";position:absolute;width:100%;height:100%;opacity:inherit;background:rgba(0, 0, 0, 0.5);-webkit-clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%);clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%)}:host .video-container:before{display:block;content:\"\";width:100%;padding-top:100%}:host .video-container .video-corners{position:absolute;width:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));height:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));opacity:inherit;background:linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%;background-size:var(--twintag-scanner-corners-length) var(--twintag-scanner-corners-length);background-repeat:no-repeat;z-index:2222}:host .video-container video{position:absolute;width:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}";
15
15
 
16
16
  const TwintagQRScanner = class {
17
17
  constructor(hostRef) {
package/dist/cjs/twintag-scanner.cjs.entry.js CHANGED
@@ -36218,7 +36218,7 @@ class Preprocessing {
36218
36218
  }
36219
36219
  }
36220
36220
 
36221
- const twintagScannerCss = ":host{--twintag-scanner-bg-select-cameras:white;--twintag-scanner-text-select-cameras:black;--twintag-scanner-radius-select-cameras:6px 0 0 0;--twintag-scanner-corners-color:white;--twintag-scanner-corners-width:4px;--twintag-scanner-corners-length:36px;--twintag-scanner-corners-offset:24px;display:grid;place-items:center;position:relative;width:100%}:host .icon-container{display:grid;place-items:center;position:absolute;inset:0;z-index:-2222}:host .icon-container .check-icon{opacity:0;z-index:2222}:host .video-container{--crop:0;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;opacity:0;overflow:hidden;z-index:1}:host .video-container::after{content:\"\";position:absolute;width:100%;height:100%;opacity:inherit;background:rgba(0, 0, 0, 0.5);-webkit-clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%);clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%)}:host .video-container:before{display:block;content:\"\";width:100%;padding-top:100%}:host .video-container .video-corners{position:absolute;width:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));height:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));opacity:inherit;background:linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%;background-size:var(--twintag-scanner-corners-length) var(--twintag-scanner-corners-length);background-repeat:no-repeat;z-index:2222}:host .video-container video{position:absolute;width:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height, 100%)}";
36221
+ const twintagScannerCss = ":host{--twintag-scanner-bg-select-cameras:white;--twintag-scanner-text-select-cameras:black;--twintag-scanner-radius-select-cameras:6px 0 0 0;--twintag-scanner-min-height:min-content;--twintag-scanner-corners-color:white;--twintag-scanner-corners-width:4px;--twintag-scanner-corners-length:36px;--twintag-scanner-corners-offset:24px;display:grid;place-items:center;position:relative;width:100%}:host .icon-container{display:grid;place-items:center;position:absolute;inset:0;z-index:-2222}:host .icon-container .check-icon{opacity:0;z-index:2222}:host .video-container{--crop:0;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;opacity:0;overflow:hidden;z-index:1}:host .video-container::after{content:\"\";position:absolute;width:100%;height:100%;opacity:inherit;background:rgba(0, 0, 0, 0.5);-webkit-clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%);clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%)}:host .video-container:before{display:block;content:\"\";width:100%;padding-top:100%}:host .video-container .video-corners{position:absolute;width:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));height:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));opacity:inherit;background:linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%;background-size:var(--twintag-scanner-corners-length) var(--twintag-scanner-corners-length);background-repeat:no-repeat;z-index:2222}:host .video-container video{position:absolute;width:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}";
36222
36222
 
36223
36223
  const TwintagScanner = class {
36224
36224
  openHandler() {
package/dist/collection/components/twintag-offline-support/LocalArrowData.service.js CHANGED
@@ -116,8 +116,13 @@ export class LocalArrowDataService {
116
116
  arrowTable = objData;
117
117
  }
118
118
  else {
119
- // convert the json response data to an arrow table
120
- arrowTable = tableFromJSON(objData);
119
+ if (Array.isArray(objData)) {
120
+ // convert the json response data to an arrow table
121
+ arrowTable = tableFromJSON(objData);
122
+ }
123
+ else {
124
+ arrowTable = tableFromJSON([objData]);
125
+ }
121
126
  }
122
127
  // convert the arrow table to ipc format as we cannot save an arrow table object to indexeddb directly
123
128
  const ipcData = tableToIPC(arrowTable);
package/dist/collection/components/twintag-scanner/twintag-scanner.css CHANGED
@@ -2,6 +2,7 @@
2
2
  --twintag-scanner-bg-select-cameras: white;
3
3
  --twintag-scanner-text-select-cameras: black;
4
4
  --twintag-scanner-radius-select-cameras: 6px 0 0 0;
5
+ --twintag-scanner-min-height: min-content;
5
6
  --twintag-scanner-corners-color: white;
6
7
  --twintag-scanner-corners-width: 4px;
7
8
  --twintag-scanner-corners-length: 36px;
@@ -66,5 +67,5 @@
66
67
  object-fit: cover;
67
68
  object-position: center;
68
69
  aspect-ratio: 1/1 !important;
69
- min-height: var(--twintag-scanner-min-height, 100%);
70
+ min-height: var(--twintag-scanner-min-height);
70
71
  }
package/dist/collection/version.js CHANGED
@@ -2,4 +2,4 @@
2
2
  /**
3
3
  * The library version.
4
4
  */
5
- export const VERSION = '0.2.277-fix-scanner-ios-zoom-0c21a76d75c16ef4e56326dcc59c57b571aac187';
5
+ export const VERSION = '0.2.277-fix-cache-obj-offline-7ee25947655d239a45caf92b3f4cc4d9bcf68f3b';
package/dist/components/twintag-offline-support.js CHANGED
@@ -18425,8 +18425,13 @@ class LocalArrowDataService {
18425
18425
  arrowTable = objData;
18426
18426
  }
18427
18427
  else {
18428
- // convert the json response data to an arrow table
18429
- arrowTable = Arrow_dom.tableFromJSON(objData);
18428
+ if (Array.isArray(objData)) {
18429
+ // convert the json response data to an arrow table
18430
+ arrowTable = Arrow_dom.tableFromJSON(objData);
18431
+ }
18432
+ else {
18433
+ arrowTable = Arrow_dom.tableFromJSON([objData]);
18434
+ }
18430
18435
  }
18431
18436
  // convert the arrow table to ipc format as we cannot save an arrow table object to indexeddb directly
18432
18437
  const ipcData = Arrow_dom.tableToIPC(arrowTable);
package/dist/components/twintag-qr-scanner.js CHANGED
@@ -7,7 +7,7 @@ const workerMsgId = 'stencil.scanner.worker';
7
7
  const workerPath = /*@__PURE__*/new URL('./assets/scanner.worker-b82b2299.js', import.meta.url).href;
8
8
  const worker = /*@__PURE__*/createWorker(workerPath, workerName, workerMsgId);
9
9
 
10
- const twintagScannerCss = ":host{--twintag-scanner-bg-select-cameras:white;--twintag-scanner-text-select-cameras:black;--twintag-scanner-radius-select-cameras:6px 0 0 0;--twintag-scanner-corners-color:white;--twintag-scanner-corners-width:4px;--twintag-scanner-corners-length:36px;--twintag-scanner-corners-offset:24px;display:grid;place-items:center;position:relative;width:100%}:host .icon-container{display:grid;place-items:center;position:absolute;inset:0;z-index:-2222}:host .icon-container .check-icon{opacity:0;z-index:2222}:host .video-container{--crop:0;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;opacity:0;overflow:hidden;z-index:1}:host .video-container::after{content:\"\";position:absolute;width:100%;height:100%;opacity:inherit;background:rgba(0, 0, 0, 0.5);-webkit-clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%);clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%)}:host .video-container:before{display:block;content:\"\";width:100%;padding-top:100%}:host .video-container .video-corners{position:absolute;width:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));height:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));opacity:inherit;background:linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%;background-size:var(--twintag-scanner-corners-length) var(--twintag-scanner-corners-length);background-repeat:no-repeat;z-index:2222}:host .video-container video{position:absolute;width:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height, 100%)}";
10
+ const twintagScannerCss = ":host{--twintag-scanner-bg-select-cameras:white;--twintag-scanner-text-select-cameras:black;--twintag-scanner-radius-select-cameras:6px 0 0 0;--twintag-scanner-min-height:min-content;--twintag-scanner-corners-color:white;--twintag-scanner-corners-width:4px;--twintag-scanner-corners-length:36px;--twintag-scanner-corners-offset:24px;display:grid;place-items:center;position:relative;width:100%}:host .icon-container{display:grid;place-items:center;position:absolute;inset:0;z-index:-2222}:host .icon-container .check-icon{opacity:0;z-index:2222}:host .video-container{--crop:0;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;opacity:0;overflow:hidden;z-index:1}:host .video-container::after{content:\"\";position:absolute;width:100%;height:100%;opacity:inherit;background:rgba(0, 0, 0, 0.5);-webkit-clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%);clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%)}:host .video-container:before{display:block;content:\"\";width:100%;padding-top:100%}:host .video-container .video-corners{position:absolute;width:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));height:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));opacity:inherit;background:linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%;background-size:var(--twintag-scanner-corners-length) var(--twintag-scanner-corners-length);background-repeat:no-repeat;z-index:2222}:host .video-container video{position:absolute;width:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}";
11
11
 
12
12
  const TwintagQRScanner = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
13
13
  constructor() {
package/dist/components/twintag-scanner.js CHANGED
@@ -36214,7 +36214,7 @@ class Preprocessing {
36214
36214
  }
36215
36215
  }
36216
36216
 
36217
- const twintagScannerCss = ":host{--twintag-scanner-bg-select-cameras:white;--twintag-scanner-text-select-cameras:black;--twintag-scanner-radius-select-cameras:6px 0 0 0;--twintag-scanner-corners-color:white;--twintag-scanner-corners-width:4px;--twintag-scanner-corners-length:36px;--twintag-scanner-corners-offset:24px;display:grid;place-items:center;position:relative;width:100%}:host .icon-container{display:grid;place-items:center;position:absolute;inset:0;z-index:-2222}:host .icon-container .check-icon{opacity:0;z-index:2222}:host .video-container{--crop:0;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;opacity:0;overflow:hidden;z-index:1}:host .video-container::after{content:\"\";position:absolute;width:100%;height:100%;opacity:inherit;background:rgba(0, 0, 0, 0.5);-webkit-clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%);clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%)}:host .video-container:before{display:block;content:\"\";width:100%;padding-top:100%}:host .video-container .video-corners{position:absolute;width:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));height:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));opacity:inherit;background:linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%;background-size:var(--twintag-scanner-corners-length) var(--twintag-scanner-corners-length);background-repeat:no-repeat;z-index:2222}:host .video-container video{position:absolute;width:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height, 100%)}";
36217
+ const twintagScannerCss = ":host{--twintag-scanner-bg-select-cameras:white;--twintag-scanner-text-select-cameras:black;--twintag-scanner-radius-select-cameras:6px 0 0 0;--twintag-scanner-min-height:min-content;--twintag-scanner-corners-color:white;--twintag-scanner-corners-width:4px;--twintag-scanner-corners-length:36px;--twintag-scanner-corners-offset:24px;display:grid;place-items:center;position:relative;width:100%}:host .icon-container{display:grid;place-items:center;position:absolute;inset:0;z-index:-2222}:host .icon-container .check-icon{opacity:0;z-index:2222}:host .video-container{--crop:0;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;opacity:0;overflow:hidden;z-index:1}:host .video-container::after{content:\"\";position:absolute;width:100%;height:100%;opacity:inherit;background:rgba(0, 0, 0, 0.5);-webkit-clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%);clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%)}:host .video-container:before{display:block;content:\"\";width:100%;padding-top:100%}:host .video-container .video-corners{position:absolute;width:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));height:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));opacity:inherit;background:linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%;background-size:var(--twintag-scanner-corners-length) var(--twintag-scanner-corners-length);background-repeat:no-repeat;z-index:2222}:host .video-container video{position:absolute;width:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}";
36218
36218
 
36219
36219
  const TwintagScanner$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
36220
36220
  openHandler() {
package/dist/esm/twintag-offline-support.entry.js CHANGED
@@ -18404,8 +18404,13 @@ class LocalArrowDataService {
18404
18404
  arrowTable = objData;
18405
18405
  }
18406
18406
  else {
18407
- // convert the json response data to an arrow table
18408
- arrowTable = Arrow_dom.tableFromJSON(objData);
18407
+ if (Array.isArray(objData)) {
18408
+ // convert the json response data to an arrow table
18409
+ arrowTable = Arrow_dom.tableFromJSON(objData);
18410
+ }
18411
+ else {
18412
+ arrowTable = Arrow_dom.tableFromJSON([objData]);
18413
+ }
18409
18414
  }
18410
18415
  // convert the arrow table to ipc format as we cannot save an arrow table object to indexeddb directly
18411
18416
  const ipcData = Arrow_dom.tableToIPC(arrowTable);
package/dist/esm/twintag-qr-scanner.entry.js CHANGED
@@ -7,7 +7,7 @@ const workerMsgId = 'stencil.scanner.worker';
7
7
  const workerPath = /*@__PURE__*/new URL('scanner.worker-b82b2299.js', import.meta.url).href;
8
8
  const worker = /*@__PURE__*/createWorker(workerPath, workerName, workerMsgId);
9
9
 
10
- const twintagScannerCss = ":host{--twintag-scanner-bg-select-cameras:white;--twintag-scanner-text-select-cameras:black;--twintag-scanner-radius-select-cameras:6px 0 0 0;--twintag-scanner-corners-color:white;--twintag-scanner-corners-width:4px;--twintag-scanner-corners-length:36px;--twintag-scanner-corners-offset:24px;display:grid;place-items:center;position:relative;width:100%}:host .icon-container{display:grid;place-items:center;position:absolute;inset:0;z-index:-2222}:host .icon-container .check-icon{opacity:0;z-index:2222}:host .video-container{--crop:0;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;opacity:0;overflow:hidden;z-index:1}:host .video-container::after{content:\"\";position:absolute;width:100%;height:100%;opacity:inherit;background:rgba(0, 0, 0, 0.5);-webkit-clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%);clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%)}:host .video-container:before{display:block;content:\"\";width:100%;padding-top:100%}:host .video-container .video-corners{position:absolute;width:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));height:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));opacity:inherit;background:linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%;background-size:var(--twintag-scanner-corners-length) var(--twintag-scanner-corners-length);background-repeat:no-repeat;z-index:2222}:host .video-container video{position:absolute;width:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height, 100%)}";
10
+ const twintagScannerCss = ":host{--twintag-scanner-bg-select-cameras:white;--twintag-scanner-text-select-cameras:black;--twintag-scanner-radius-select-cameras:6px 0 0 0;--twintag-scanner-min-height:min-content;--twintag-scanner-corners-color:white;--twintag-scanner-corners-width:4px;--twintag-scanner-corners-length:36px;--twintag-scanner-corners-offset:24px;display:grid;place-items:center;position:relative;width:100%}:host .icon-container{display:grid;place-items:center;position:absolute;inset:0;z-index:-2222}:host .icon-container .check-icon{opacity:0;z-index:2222}:host .video-container{--crop:0;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;opacity:0;overflow:hidden;z-index:1}:host .video-container::after{content:\"\";position:absolute;width:100%;height:100%;opacity:inherit;background:rgba(0, 0, 0, 0.5);-webkit-clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%);clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%)}:host .video-container:before{display:block;content:\"\";width:100%;padding-top:100%}:host .video-container .video-corners{position:absolute;width:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));height:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));opacity:inherit;background:linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%;background-size:var(--twintag-scanner-corners-length) var(--twintag-scanner-corners-length);background-repeat:no-repeat;z-index:2222}:host .video-container video{position:absolute;width:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}";
11
11
 
12
12
  const TwintagQRScanner = class {
13
13
  constructor(hostRef) {
package/dist/esm/twintag-scanner.entry.js CHANGED
@@ -36214,7 +36214,7 @@ class Preprocessing {
36214
36214
  }
36215
36215
  }
36216
36216
 
36217
- const twintagScannerCss = ":host{--twintag-scanner-bg-select-cameras:white;--twintag-scanner-text-select-cameras:black;--twintag-scanner-radius-select-cameras:6px 0 0 0;--twintag-scanner-corners-color:white;--twintag-scanner-corners-width:4px;--twintag-scanner-corners-length:36px;--twintag-scanner-corners-offset:24px;display:grid;place-items:center;position:relative;width:100%}:host .icon-container{display:grid;place-items:center;position:absolute;inset:0;z-index:-2222}:host .icon-container .check-icon{opacity:0;z-index:2222}:host .video-container{--crop:0;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;opacity:0;overflow:hidden;z-index:1}:host .video-container::after{content:\"\";position:absolute;width:100%;height:100%;opacity:inherit;background:rgba(0, 0, 0, 0.5);-webkit-clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%);clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%)}:host .video-container:before{display:block;content:\"\";width:100%;padding-top:100%}:host .video-container .video-corners{position:absolute;width:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));height:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));opacity:inherit;background:linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%;background-size:var(--twintag-scanner-corners-length) var(--twintag-scanner-corners-length);background-repeat:no-repeat;z-index:2222}:host .video-container video{position:absolute;width:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height, 100%)}";
36217
+ const twintagScannerCss = ":host{--twintag-scanner-bg-select-cameras:white;--twintag-scanner-text-select-cameras:black;--twintag-scanner-radius-select-cameras:6px 0 0 0;--twintag-scanner-min-height:min-content;--twintag-scanner-corners-color:white;--twintag-scanner-corners-width:4px;--twintag-scanner-corners-length:36px;--twintag-scanner-corners-offset:24px;display:grid;place-items:center;position:relative;width:100%}:host .icon-container{display:grid;place-items:center;position:absolute;inset:0;z-index:-2222}:host .icon-container .check-icon{opacity:0;z-index:2222}:host .video-container{--crop:0;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;opacity:0;overflow:hidden;z-index:1}:host .video-container::after{content:\"\";position:absolute;width:100%;height:100%;opacity:inherit;background:rgba(0, 0, 0, 0.5);-webkit-clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%);clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%)}:host .video-container:before{display:block;content:\"\";width:100%;padding-top:100%}:host .video-container .video-corners{position:absolute;width:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));height:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));opacity:inherit;background:linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%;background-size:var(--twintag-scanner-corners-length) var(--twintag-scanner-corners-length);background-repeat:no-repeat;z-index:2222}:host .video-container video{position:absolute;width:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}";
36218
36218
 
36219
36219
  const TwintagScanner = class {
36220
36220
  openHandler() {
package/dist/stencil-web-components/{p-67fa5b70.entry.js → p-263b8401.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as t,c as a,h as n,H as r}from"./p-cb286d41.js";import{g as i}from"./p-60325667.js";import{c as s}from"./p-5e046324.js";const e=s(new URL("p-b82b2299.js",import.meta.url).href,"scanner.worker","stencil.scanner.worker"),c=class{constructor(n){t(this,n),this.symbol=a(this,"symbol",7),this.streamIsActive=a(this,"streamIsActive",7),this.frame=a(this,"frame",7),this.devices=[],this.stream=null,this.mode="single",this.format="QRCode",this.crop=1,this.zoom=0}connectedCallback(){e.addEventListener("message",this.messageHandler.bind(this))}messageHandler(t){const a=t.data;a.format&&(this.symbol.emit(a),"single"===this.mode&&this.stopStream())}async componentDidLoad(){this.canvas=document.createElement("canvas"),this.context=this.canvas.getContext("2d",{willReadFrequently:!0}),this.videoContainerRef.style.setProperty("--crop",""+50*(1-this.crop)),await this.startStream()}async readBarcodeFromCanvas(){const t=this.canvas.width,a=this.canvas.height,n=this.canvas.getContext("2d").getImageData(0,0,t,a).data;await this.updateVideoZoom(),this.drawInCanvas(),e.postMessage({type:"read",format:this.format,details:{width:t,height:a,sourceBuffer:n}}),this.frame.emit(this.canvas.toDataURL("image/png")),requestAnimationFrame(this.readBarcodeFromCanvas.bind(this))}drawInCanvas(){const t=Math.min(this.video.videoWidth,this.video.videoHeight),a=t*this.crop;this.context.drawImage(this.video,this.video.videoWidth/2-a/2,this.video.videoHeight/2-a/2,a,a,0,0,t,t)}async updateStream(t){this.stream&&this.stream.getTracks().forEach((t=>t.stop()));try{this.stream=await navigator.mediaDevices.getUserMedia(t),this.video.srcObject=this.stream,this.video.setAttribute("playsinline","true"),await this.video.play()}catch(t){console.error(t)}}async getTrackSettings(t){try{return(await navigator.mediaDevices.getUserMedia(t)).getVideoTracks()[0].getSettings()}catch(t){console.error(t)}}async getMedia(t){t.video.width={min:1080,ideal:1600,max:1920};try{await this.updateStream(t);const a=await navigator.mediaDevices.enumerateDevices();if(this.devices=a.filter((t=>"videoinput"===t.kind.toLowerCase()&&t.label.toLowerCase().includes("back"))),0===this.devices.length)return;1===this.devices.length&&(t.video.deviceId={exact:this.devices[0].deviceId},await this.updateStream(t));let n=this.devices.length-1;const r=this.devices.map((t=>{const a=t.label.match(/\b([0-9]+)MP?\b/i);return null!=a?parseInt(a[1],10):NaN}));r.some((t=>isNaN(t)))||(n=r.lastIndexOf(Math.max(...r)));const i=this.devices[n];if(i)return t.video.deviceId={exact:i.deviceId},void await this.updateStream(t);const s=await this.getTrackSettings(t);s.focusDistance&&(t.video.advanced=[{focusMode:"continuous",focusDistance:s.focusDistance}],await this.updateStream(t))}catch(t){console.error(t)}}async updateVideoZoom(){const[t]=this.stream.getVideoTracks();if(t.getCapabilities&&"function"==typeof t.applyConstraints){const a=t.getCapabilities();if("zoom"in t.getSettings()){const n=a.zoom.min,r=a.zoom.max;await t.applyConstraints({advanced:[{zoom:n+(r-n)*this.zoom}]})}}}async startStream(){const t={audio:!1,video:{aspectRatio:{ideal:1},facingMode:"environment"}};navigator.mediaDevices.getSupportedConstraints().zoom&&(t.video.zoom=!0),await this.getMedia(t),await this.updateVideoZoom(),i.to(this.videoContainerRef,{duration:.2,opacity:1,onComplete:()=>{this.streamIsActive.emit(!0);const t=Math.min(this.video.videoWidth,this.video.videoHeight);this.canvas.width=t,this.canvas.height=t,this.readBarcodeFromCanvas()}})}stopStream(){e.removeEventListener("message",this.messageHandler.bind(this)),i.to(this.videoContainerRef,{duration:.2,opacity:0,onComplete:()=>{this.stream.getTracks().forEach((t=>t.stop())),this.video.srcObject=null,this.context.clearRect(0,0,this.context.canvas.width,this.context.canvas.height)}})}disconnectedCallback(){this.stopStream()}render(){return n(r,null,n("div",{class:"video-container",ref:t=>this.videoContainerRef=t},n("div",{class:"video-corners"}),n("video",{crossOrigin:"Anonymous",autoplay:!0,playsinline:!0,ref:t=>this.video=t})))}static get assetsDirs(){return["assets"]}};c.style=':host{--twintag-scanner-bg-select-cameras:white;--twintag-scanner-text-select-cameras:black;--twintag-scanner-radius-select-cameras:6px 0 0 0;--twintag-scanner-corners-color:white;--twintag-scanner-corners-width:4px;--twintag-scanner-corners-length:36px;--twintag-scanner-corners-offset:24px;display:grid;place-items:center;position:relative;width:100%}:host .icon-container{display:grid;place-items:center;position:absolute;inset:0;z-index:-2222}:host .icon-container .check-icon{opacity:0;z-index:2222}:host .video-container{--crop:0;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;opacity:0;overflow:hidden;z-index:1}:host .video-container::after{content:"";position:absolute;width:100%;height:100%;opacity:inherit;background:rgba(0, 0, 0, 0.5);-webkit-clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%);clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%)}:host .video-container:before{display:block;content:"";width:100%;padding-top:100%}:host .video-container .video-corners{position:absolute;width:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));height:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));opacity:inherit;background:linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%;background-size:var(--twintag-scanner-corners-length) var(--twintag-scanner-corners-length);background-repeat:no-repeat;z-index:2222}:host .video-container video{position:absolute;width:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height, 100%)}';export{c as twintag_qr_scanner}
1
+ import{r as t,c as a,h as n,H as r}from"./p-cb286d41.js";import{g as i}from"./p-60325667.js";import{c as s}from"./p-5e046324.js";const e=s(new URL("p-b82b2299.js",import.meta.url).href,"scanner.worker","stencil.scanner.worker"),c=class{constructor(n){t(this,n),this.symbol=a(this,"symbol",7),this.streamIsActive=a(this,"streamIsActive",7),this.frame=a(this,"frame",7),this.devices=[],this.stream=null,this.mode="single",this.format="QRCode",this.crop=1,this.zoom=0}connectedCallback(){e.addEventListener("message",this.messageHandler.bind(this))}messageHandler(t){const a=t.data;a.format&&(this.symbol.emit(a),"single"===this.mode&&this.stopStream())}async componentDidLoad(){this.canvas=document.createElement("canvas"),this.context=this.canvas.getContext("2d",{willReadFrequently:!0}),this.videoContainerRef.style.setProperty("--crop",""+50*(1-this.crop)),await this.startStream()}async readBarcodeFromCanvas(){const t=this.canvas.width,a=this.canvas.height,n=this.canvas.getContext("2d").getImageData(0,0,t,a).data;await this.updateVideoZoom(),this.drawInCanvas(),e.postMessage({type:"read",format:this.format,details:{width:t,height:a,sourceBuffer:n}}),this.frame.emit(this.canvas.toDataURL("image/png")),requestAnimationFrame(this.readBarcodeFromCanvas.bind(this))}drawInCanvas(){const t=Math.min(this.video.videoWidth,this.video.videoHeight),a=t*this.crop;this.context.drawImage(this.video,this.video.videoWidth/2-a/2,this.video.videoHeight/2-a/2,a,a,0,0,t,t)}async updateStream(t){this.stream&&this.stream.getTracks().forEach((t=>t.stop()));try{this.stream=await navigator.mediaDevices.getUserMedia(t),this.video.srcObject=this.stream,this.video.setAttribute("playsinline","true"),await this.video.play()}catch(t){console.error(t)}}async getTrackSettings(t){try{return(await navigator.mediaDevices.getUserMedia(t)).getVideoTracks()[0].getSettings()}catch(t){console.error(t)}}async getMedia(t){t.video.width={min:1080,ideal:1600,max:1920};try{await this.updateStream(t);const a=await navigator.mediaDevices.enumerateDevices();if(this.devices=a.filter((t=>"videoinput"===t.kind.toLowerCase()&&t.label.toLowerCase().includes("back"))),0===this.devices.length)return;1===this.devices.length&&(t.video.deviceId={exact:this.devices[0].deviceId},await this.updateStream(t));let n=this.devices.length-1;const r=this.devices.map((t=>{const a=t.label.match(/\b([0-9]+)MP?\b/i);return null!=a?parseInt(a[1],10):NaN}));r.some((t=>isNaN(t)))||(n=r.lastIndexOf(Math.max(...r)));const i=this.devices[n];if(i)return t.video.deviceId={exact:i.deviceId},void await this.updateStream(t);const s=await this.getTrackSettings(t);s.focusDistance&&(t.video.advanced=[{focusMode:"continuous",focusDistance:s.focusDistance}],await this.updateStream(t))}catch(t){console.error(t)}}async updateVideoZoom(){const[t]=this.stream.getVideoTracks();if(t.getCapabilities&&"function"==typeof t.applyConstraints){const a=t.getCapabilities();if("zoom"in t.getSettings()){const n=a.zoom.min,r=a.zoom.max;await t.applyConstraints({advanced:[{zoom:n+(r-n)*this.zoom}]})}}}async startStream(){const t={audio:!1,video:{aspectRatio:{ideal:1},facingMode:"environment"}};navigator.mediaDevices.getSupportedConstraints().zoom&&(t.video.zoom=!0),await this.getMedia(t),await this.updateVideoZoom(),i.to(this.videoContainerRef,{duration:.2,opacity:1,onComplete:()=>{this.streamIsActive.emit(!0);const t=Math.min(this.video.videoWidth,this.video.videoHeight);this.canvas.width=t,this.canvas.height=t,this.readBarcodeFromCanvas()}})}stopStream(){e.removeEventListener("message",this.messageHandler.bind(this)),i.to(this.videoContainerRef,{duration:.2,opacity:0,onComplete:()=>{this.stream.getTracks().forEach((t=>t.stop())),this.video.srcObject=null,this.context.clearRect(0,0,this.context.canvas.width,this.context.canvas.height)}})}disconnectedCallback(){this.stopStream()}render(){return n(r,null,n("div",{class:"video-container",ref:t=>this.videoContainerRef=t},n("div",{class:"video-corners"}),n("video",{crossOrigin:"Anonymous",autoplay:!0,playsinline:!0,ref:t=>this.video=t})))}static get assetsDirs(){return["assets"]}};c.style=':host{--twintag-scanner-bg-select-cameras:white;--twintag-scanner-text-select-cameras:black;--twintag-scanner-radius-select-cameras:6px 0 0 0;--twintag-scanner-min-height:min-content;--twintag-scanner-corners-color:white;--twintag-scanner-corners-width:4px;--twintag-scanner-corners-length:36px;--twintag-scanner-corners-offset:24px;display:grid;place-items:center;position:relative;width:100%}:host .icon-container{display:grid;place-items:center;position:absolute;inset:0;z-index:-2222}:host .icon-container .check-icon{opacity:0;z-index:2222}:host .video-container{--crop:0;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;opacity:0;overflow:hidden;z-index:1}:host .video-container::after{content:"";position:absolute;width:100%;height:100%;opacity:inherit;background:rgba(0, 0, 0, 0.5);-webkit-clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%);clip-path:polygon(0% 0%, 0% 100%, calc(var(--crop) * 1%) 100%, calc(var(--crop) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(var(--crop) * 1%), calc(calc(100 - var(--crop)) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) calc(calc(100 - var(--crop)) * 1%), calc(var(--crop) * 1%) 100%, 100% 100%, 100% 0%)}:host .video-container:before{display:block;content:"";width:100%;padding-top:100%}:host .video-container .video-corners{position:absolute;width:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));height:calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));opacity:inherit;background:linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to right, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to left, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 0, linear-gradient(to bottom, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 0, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 0 100%, linear-gradient(to top, var(--twintag-scanner-corners-color) var(--twintag-scanner-corners-width), transparent var(--twintag-scanner-corners-width)) 100% 100%;background-size:var(--twintag-scanner-corners-length) var(--twintag-scanner-corners-length);background-repeat:no-repeat;z-index:2222}:host .video-container video{position:absolute;width:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}';export{c as twintag_qr_scanner}