@twintag/twintag-core 0.2.272 → 0.2.273

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 (14) hide show
  1. package/dist/cjs/twintag-qr-scanner.cjs.entry.js +1 -1
  2. package/dist/cjs/twintag-scanner.cjs.entry.js +2 -2
  3. package/dist/collection/components/twintag-scanner/twintag-scanner.css +11 -8
  4. package/dist/collection/components/twintag-scanner/twintag-scanner.js +1 -1
  5. package/dist/collection/version.js +1 -1
  6. package/dist/components/twintag-qr-scanner.js +1 -1
  7. package/dist/components/twintag-scanner.js +2 -2
  8. package/dist/esm/twintag-qr-scanner.entry.js +1 -1
  9. package/dist/esm/twintag-scanner.entry.js +2 -2
  10. package/dist/stencil-web-components/{p-064dac4b.entry.js → p-7767a9b0.entry.js} +1 -1
  11. package/dist/stencil-web-components/{p-b98f59fc.entry.js → p-a33ceac8.entry.js} +1 -1
  12. package/dist/stencil-web-components/stencil-web-components.esm.js +1 -1
  13. package/dist/types/version.d.ts +1 -1
  14. package/package.json +1 -1
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-8f498e1d.js').href : new URL('scanner.worker-8f498e1d.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-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:grid;place-items:center;position:relative;width: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 .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;top:0;right:0;bottom:0;left:0;width:100% !important;height:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}:host .cameras-container{position:absolute;right:0;bottom:0;width:100%;min-width:10ch;max-width:max-content;padding:0rem 0.25rem;border:none;cursor:pointer;border-radius:var(--twintag-scanner-radius-select-cameras);background-color:var(--twintag-scanner-bg-select-cameras);line-height:1.1;font-size:1rem;opacity:inherit;z-index:2222}:host .cameras-container select{display:grid;place-items:center;width:max-content;margin:0;padding:0.75rem;border:none;background-color:transparent;appearance:none;--webkit-appearance:none;-moz-appearance:none;color:var(--twintag-scanner-text-select-cameras);cursor:inherit;font-family:inherit;font-size:inherit;line-height:inherit;outline:none}:host .cameras-container select::-ms-expand{display:none}";
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;position:relative}: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:grid;place-items:center;position:relative;width: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 !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}:host .cameras-container{position:absolute;right:0;bottom:0;width:100%;min-width:10ch;max-width:max-content;padding:0rem 0.25rem;border:none;cursor:pointer;border-radius:var(--twintag-scanner-radius-select-cameras);background-color:var(--twintag-scanner-bg-select-cameras);line-height:1.1;font-size:1rem;opacity:inherit;z-index:2222}:host .cameras-container select{display:grid;place-items:center;width:max-content;margin:0;padding:0.75rem;border:none;background-color:transparent;appearance:none;--webkit-appearance:none;-moz-appearance:none;color:var(--twintag-scanner-text-select-cameras);cursor:inherit;font-family:inherit;font-size:inherit;line-height:inherit;outline:none}:host .cameras-container select::-ms-expand{display:none}";
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-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:grid;place-items:center;position:relative;width: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 .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;top:0;right:0;bottom:0;left:0;width:100% !important;height:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}:host .cameras-container{position:absolute;right:0;bottom:0;width:100%;min-width:10ch;max-width:max-content;padding:0rem 0.25rem;border:none;cursor:pointer;border-radius:var(--twintag-scanner-radius-select-cameras);background-color:var(--twintag-scanner-bg-select-cameras);line-height:1.1;font-size:1rem;opacity:inherit;z-index:2222}:host .cameras-container select{display:grid;place-items:center;width:max-content;margin:0;padding:0.75rem;border:none;background-color:transparent;appearance:none;--webkit-appearance:none;-moz-appearance:none;color:var(--twintag-scanner-text-select-cameras);cursor:inherit;font-family:inherit;font-size:inherit;line-height:inherit;outline:none}:host .cameras-container select::-ms-expand{display:none}";
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;position:relative}: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:grid;place-items:center;position:relative;width: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 !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}:host .cameras-container{position:absolute;right:0;bottom:0;width:100%;min-width:10ch;max-width:max-content;padding:0rem 0.25rem;border:none;cursor:pointer;border-radius:var(--twintag-scanner-radius-select-cameras);background-color:var(--twintag-scanner-bg-select-cameras);line-height:1.1;font-size:1rem;opacity:inherit;z-index:2222}:host .cameras-container select{display:grid;place-items:center;width:max-content;margin:0;padding:0.75rem;border:none;background-color:transparent;appearance:none;--webkit-appearance:none;-moz-appearance:none;color:var(--twintag-scanner-text-select-cameras);cursor:inherit;font-family:inherit;font-size:inherit;line-height:inherit;outline:none}:host .cameras-container select::-ms-expand{display:none}";
36222
36222
 
36223
36223
  const TwintagScanner = class {
36224
36224
  openHandler() {
@@ -36523,7 +36523,7 @@ const TwintagScanner = class {
36523
36523
  fill: 'rgb(23.529412%,54.901963%,98.039216%)',
36524
36524
  fillOpacity: '1',
36525
36525
  transform: 'translateX(-10%)',
36526
- }, d: "M 125.8125 25.875 C 123.820312 25.945312 121.992188 27 120.9375 28.6875 L 64.5 115.03125 L 27.9375 83.4375 C 26.367188 81.808594 24.011719 81.199219 21.84375 81.878906 C 19.6875 82.546875 18.082031 84.375 17.707031 86.601562 C 17.332031 88.839844 18.234375 91.089844 20.0625 92.4375 L 61.875 128.625 C 63.1875 129.738281 64.921875 130.230469 66.621094 129.984375 C 68.332031 129.726562 69.84375 128.753906 70.78125 127.3125 L 131.0625 35.25 C 132.351562 33.363281 132.457031 30.925781 131.34375 28.933594 C 130.230469 26.953125 128.085938 25.769531 125.8125 25.875 Z M 125.8125 25.875 " }))))), index.h("div", { class: "video-container", ref: (el) => (this.videoContainerRef = el) }, index.h("video", { crossOrigin: "Anonymous", autoplay: true, playsinline: true, ref: (el) => (this.video = el) }), this.devices.length > 1 ? (index.h("div", { class: "cameras-container" }, index.h("select", { onChange: (e) => {
36526
+ }, d: "M 125.8125 25.875 C 123.820312 25.945312 121.992188 27 120.9375 28.6875 L 64.5 115.03125 L 27.9375 83.4375 C 26.367188 81.808594 24.011719 81.199219 21.84375 81.878906 C 19.6875 82.546875 18.082031 84.375 17.707031 86.601562 C 17.332031 88.839844 18.234375 91.089844 20.0625 92.4375 L 61.875 128.625 C 63.1875 129.738281 64.921875 130.230469 66.621094 129.984375 C 68.332031 129.726562 69.84375 128.753906 70.78125 127.3125 L 131.0625 35.25 C 132.351562 33.363281 132.457031 30.925781 131.34375 28.933594 C 130.230469 26.953125 128.085938 25.769531 125.8125 25.875 Z M 125.8125 25.875 " }))))), index.h("div", { class: "video-container", ref: (el) => (this.videoContainerRef = el) }, index.h("div", { class: "video-corners" }), index.h("video", { crossOrigin: "Anonymous", autoplay: true, playsinline: true, ref: (el) => (this.video = el) }), this.devices.length > 1 ? (index.h("div", { class: "cameras-container" }, index.h("select", { onChange: (e) => {
36527
36527
  this.stopStream();
36528
36528
  // @ts-ignore
36529
36529
  this.getMedia(e.target.value);
package/dist/collection/components/twintag-scanner/twintag-scanner.css CHANGED
@@ -7,10 +7,7 @@
7
7
  --twintag-scanner-corners-width: 4px;
8
8
  --twintag-scanner-corners-length: 36px;
9
9
  --twintag-scanner-corners-offset: 24px;
10
- display: grid;
11
- place-items: center;
12
10
  position: relative;
13
- width: 100%;
14
11
  }
15
12
  :host .icon-container {
16
13
  display: grid;
@@ -43,6 +40,12 @@
43
40
  -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%);
44
41
  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%);
45
42
  }
43
+ :host .video-container:before {
44
+ display: block;
45
+ content: "";
46
+ width: 100%;
47
+ padding-top: 100%;
48
+ }
46
49
  :host .video-container .video-corners {
47
50
  position: absolute;
48
51
  width: calc((1 - var(--crop) / 50) * 100% + var(--twintag-scanner-corners-offset));
@@ -54,11 +57,11 @@
54
57
  z-index: 2222;
55
58
  }
56
59
  :host .video-container video {
57
- position: absolute;
58
- top: 0;
59
- right: 0;
60
- bottom: 0;
61
- left: 0;
60
+ position: absolute !important;
61
+ top: 0 !important;
62
+ right: 0 !important;
63
+ bottom: 0 !important;
64
+ left: 0 !important;
62
65
  width: 100% !important;
63
66
  height: 100% !important;
64
67
  object-fit: cover;
package/dist/collection/components/twintag-scanner/twintag-scanner.js CHANGED
@@ -304,7 +304,7 @@ export class TwintagScanner {
304
304
  fill: 'rgb(23.529412%,54.901963%,98.039216%)',
305
305
  fillOpacity: '1',
306
306
  transform: 'translateX(-10%)',
307
- }, d: "M 125.8125 25.875 C 123.820312 25.945312 121.992188 27 120.9375 28.6875 L 64.5 115.03125 L 27.9375 83.4375 C 26.367188 81.808594 24.011719 81.199219 21.84375 81.878906 C 19.6875 82.546875 18.082031 84.375 17.707031 86.601562 C 17.332031 88.839844 18.234375 91.089844 20.0625 92.4375 L 61.875 128.625 C 63.1875 129.738281 64.921875 130.230469 66.621094 129.984375 C 68.332031 129.726562 69.84375 128.753906 70.78125 127.3125 L 131.0625 35.25 C 132.351562 33.363281 132.457031 30.925781 131.34375 28.933594 C 130.230469 26.953125 128.085938 25.769531 125.8125 25.875 Z M 125.8125 25.875 " }))))), h("div", { class: "video-container", ref: (el) => (this.videoContainerRef = el) }, h("video", { crossOrigin: "Anonymous", autoplay: true, playsinline: true, ref: (el) => (this.video = el) }), this.devices.length > 1 ? (h("div", { class: "cameras-container" }, h("select", { onChange: (e) => {
307
+ }, d: "M 125.8125 25.875 C 123.820312 25.945312 121.992188 27 120.9375 28.6875 L 64.5 115.03125 L 27.9375 83.4375 C 26.367188 81.808594 24.011719 81.199219 21.84375 81.878906 C 19.6875 82.546875 18.082031 84.375 17.707031 86.601562 C 17.332031 88.839844 18.234375 91.089844 20.0625 92.4375 L 61.875 128.625 C 63.1875 129.738281 64.921875 130.230469 66.621094 129.984375 C 68.332031 129.726562 69.84375 128.753906 70.78125 127.3125 L 131.0625 35.25 C 132.351562 33.363281 132.457031 30.925781 131.34375 28.933594 C 130.230469 26.953125 128.085938 25.769531 125.8125 25.875 Z M 125.8125 25.875 " }))))), h("div", { class: "video-container", ref: (el) => (this.videoContainerRef = el) }, h("div", { class: "video-corners" }), h("video", { crossOrigin: "Anonymous", autoplay: true, playsinline: true, ref: (el) => (this.video = el) }), this.devices.length > 1 ? (h("div", { class: "cameras-container" }, h("select", { onChange: (e) => {
308
308
  this.stopStream();
309
309
  // @ts-ignore
310
310
  this.getMedia(e.target.value);
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.272';
5
+ export const VERSION = '0.2.273';
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-8f498e1d.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-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:grid;place-items:center;position:relative;width: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 .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;top:0;right:0;bottom:0;left:0;width:100% !important;height:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}:host .cameras-container{position:absolute;right:0;bottom:0;width:100%;min-width:10ch;max-width:max-content;padding:0rem 0.25rem;border:none;cursor:pointer;border-radius:var(--twintag-scanner-radius-select-cameras);background-color:var(--twintag-scanner-bg-select-cameras);line-height:1.1;font-size:1rem;opacity:inherit;z-index:2222}:host .cameras-container select{display:grid;place-items:center;width:max-content;margin:0;padding:0.75rem;border:none;background-color:transparent;appearance:none;--webkit-appearance:none;-moz-appearance:none;color:var(--twintag-scanner-text-select-cameras);cursor:inherit;font-family:inherit;font-size:inherit;line-height:inherit;outline:none}:host .cameras-container select::-ms-expand{display:none}";
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;position:relative}: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:grid;place-items:center;position:relative;width: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 !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}:host .cameras-container{position:absolute;right:0;bottom:0;width:100%;min-width:10ch;max-width:max-content;padding:0rem 0.25rem;border:none;cursor:pointer;border-radius:var(--twintag-scanner-radius-select-cameras);background-color:var(--twintag-scanner-bg-select-cameras);line-height:1.1;font-size:1rem;opacity:inherit;z-index:2222}:host .cameras-container select{display:grid;place-items:center;width:max-content;margin:0;padding:0.75rem;border:none;background-color:transparent;appearance:none;--webkit-appearance:none;-moz-appearance:none;color:var(--twintag-scanner-text-select-cameras);cursor:inherit;font-family:inherit;font-size:inherit;line-height:inherit;outline:none}:host .cameras-container select::-ms-expand{display:none}";
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-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:grid;place-items:center;position:relative;width: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 .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;top:0;right:0;bottom:0;left:0;width:100% !important;height:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}:host .cameras-container{position:absolute;right:0;bottom:0;width:100%;min-width:10ch;max-width:max-content;padding:0rem 0.25rem;border:none;cursor:pointer;border-radius:var(--twintag-scanner-radius-select-cameras);background-color:var(--twintag-scanner-bg-select-cameras);line-height:1.1;font-size:1rem;opacity:inherit;z-index:2222}:host .cameras-container select{display:grid;place-items:center;width:max-content;margin:0;padding:0.75rem;border:none;background-color:transparent;appearance:none;--webkit-appearance:none;-moz-appearance:none;color:var(--twintag-scanner-text-select-cameras);cursor:inherit;font-family:inherit;font-size:inherit;line-height:inherit;outline:none}:host .cameras-container select::-ms-expand{display:none}";
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;position:relative}: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:grid;place-items:center;position:relative;width: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 !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}:host .cameras-container{position:absolute;right:0;bottom:0;width:100%;min-width:10ch;max-width:max-content;padding:0rem 0.25rem;border:none;cursor:pointer;border-radius:var(--twintag-scanner-radius-select-cameras);background-color:var(--twintag-scanner-bg-select-cameras);line-height:1.1;font-size:1rem;opacity:inherit;z-index:2222}:host .cameras-container select{display:grid;place-items:center;width:max-content;margin:0;padding:0.75rem;border:none;background-color:transparent;appearance:none;--webkit-appearance:none;-moz-appearance:none;color:var(--twintag-scanner-text-select-cameras);cursor:inherit;font-family:inherit;font-size:inherit;line-height:inherit;outline:none}:host .cameras-container select::-ms-expand{display:none}";
36218
36218
 
36219
36219
  const TwintagScanner$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
36220
36220
  openHandler() {
@@ -36521,7 +36521,7 @@ const TwintagScanner$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
36521
36521
  fill: 'rgb(23.529412%,54.901963%,98.039216%)',
36522
36522
  fillOpacity: '1',
36523
36523
  transform: 'translateX(-10%)',
36524
- }, d: "M 125.8125 25.875 C 123.820312 25.945312 121.992188 27 120.9375 28.6875 L 64.5 115.03125 L 27.9375 83.4375 C 26.367188 81.808594 24.011719 81.199219 21.84375 81.878906 C 19.6875 82.546875 18.082031 84.375 17.707031 86.601562 C 17.332031 88.839844 18.234375 91.089844 20.0625 92.4375 L 61.875 128.625 C 63.1875 129.738281 64.921875 130.230469 66.621094 129.984375 C 68.332031 129.726562 69.84375 128.753906 70.78125 127.3125 L 131.0625 35.25 C 132.351562 33.363281 132.457031 30.925781 131.34375 28.933594 C 130.230469 26.953125 128.085938 25.769531 125.8125 25.875 Z M 125.8125 25.875 " }))))), h("div", { class: "video-container", ref: (el) => (this.videoContainerRef = el) }, h("video", { crossOrigin: "Anonymous", autoplay: true, playsinline: true, ref: (el) => (this.video = el) }), this.devices.length > 1 ? (h("div", { class: "cameras-container" }, h("select", { onChange: (e) => {
36524
+ }, d: "M 125.8125 25.875 C 123.820312 25.945312 121.992188 27 120.9375 28.6875 L 64.5 115.03125 L 27.9375 83.4375 C 26.367188 81.808594 24.011719 81.199219 21.84375 81.878906 C 19.6875 82.546875 18.082031 84.375 17.707031 86.601562 C 17.332031 88.839844 18.234375 91.089844 20.0625 92.4375 L 61.875 128.625 C 63.1875 129.738281 64.921875 130.230469 66.621094 129.984375 C 68.332031 129.726562 69.84375 128.753906 70.78125 127.3125 L 131.0625 35.25 C 132.351562 33.363281 132.457031 30.925781 131.34375 28.933594 C 130.230469 26.953125 128.085938 25.769531 125.8125 25.875 Z M 125.8125 25.875 " }))))), h("div", { class: "video-container", ref: (el) => (this.videoContainerRef = el) }, h("div", { class: "video-corners" }), h("video", { crossOrigin: "Anonymous", autoplay: true, playsinline: true, ref: (el) => (this.video = el) }), this.devices.length > 1 ? (h("div", { class: "cameras-container" }, h("select", { onChange: (e) => {
36525
36525
  this.stopStream();
36526
36526
  // @ts-ignore
36527
36527
  this.getMedia(e.target.value);
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-8f498e1d.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-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:grid;place-items:center;position:relative;width: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 .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;top:0;right:0;bottom:0;left:0;width:100% !important;height:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}:host .cameras-container{position:absolute;right:0;bottom:0;width:100%;min-width:10ch;max-width:max-content;padding:0rem 0.25rem;border:none;cursor:pointer;border-radius:var(--twintag-scanner-radius-select-cameras);background-color:var(--twintag-scanner-bg-select-cameras);line-height:1.1;font-size:1rem;opacity:inherit;z-index:2222}:host .cameras-container select{display:grid;place-items:center;width:max-content;margin:0;padding:0.75rem;border:none;background-color:transparent;appearance:none;--webkit-appearance:none;-moz-appearance:none;color:var(--twintag-scanner-text-select-cameras);cursor:inherit;font-family:inherit;font-size:inherit;line-height:inherit;outline:none}:host .cameras-container select::-ms-expand{display:none}";
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;position:relative}: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:grid;place-items:center;position:relative;width: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 !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}:host .cameras-container{position:absolute;right:0;bottom:0;width:100%;min-width:10ch;max-width:max-content;padding:0rem 0.25rem;border:none;cursor:pointer;border-radius:var(--twintag-scanner-radius-select-cameras);background-color:var(--twintag-scanner-bg-select-cameras);line-height:1.1;font-size:1rem;opacity:inherit;z-index:2222}:host .cameras-container select{display:grid;place-items:center;width:max-content;margin:0;padding:0.75rem;border:none;background-color:transparent;appearance:none;--webkit-appearance:none;-moz-appearance:none;color:var(--twintag-scanner-text-select-cameras);cursor:inherit;font-family:inherit;font-size:inherit;line-height:inherit;outline:none}:host .cameras-container select::-ms-expand{display:none}";
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-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:grid;place-items:center;position:relative;width: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 .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;top:0;right:0;bottom:0;left:0;width:100% !important;height:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}:host .cameras-container{position:absolute;right:0;bottom:0;width:100%;min-width:10ch;max-width:max-content;padding:0rem 0.25rem;border:none;cursor:pointer;border-radius:var(--twintag-scanner-radius-select-cameras);background-color:var(--twintag-scanner-bg-select-cameras);line-height:1.1;font-size:1rem;opacity:inherit;z-index:2222}:host .cameras-container select{display:grid;place-items:center;width:max-content;margin:0;padding:0.75rem;border:none;background-color:transparent;appearance:none;--webkit-appearance:none;-moz-appearance:none;color:var(--twintag-scanner-text-select-cameras);cursor:inherit;font-family:inherit;font-size:inherit;line-height:inherit;outline:none}:host .cameras-container select::-ms-expand{display:none}";
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;position:relative}: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:grid;place-items:center;position:relative;width: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 !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;object-fit:cover;object-position:center;aspect-ratio:1/1 !important;min-height:var(--twintag-scanner-min-height)}:host .cameras-container{position:absolute;right:0;bottom:0;width:100%;min-width:10ch;max-width:max-content;padding:0rem 0.25rem;border:none;cursor:pointer;border-radius:var(--twintag-scanner-radius-select-cameras);background-color:var(--twintag-scanner-bg-select-cameras);line-height:1.1;font-size:1rem;opacity:inherit;z-index:2222}:host .cameras-container select{display:grid;place-items:center;width:max-content;margin:0;padding:0.75rem;border:none;background-color:transparent;appearance:none;--webkit-appearance:none;-moz-appearance:none;color:var(--twintag-scanner-text-select-cameras);cursor:inherit;font-family:inherit;font-size:inherit;line-height:inherit;outline:none}:host .cameras-container select::-ms-expand{display:none}";
36218
36218
 
36219
36219
  const TwintagScanner = class {
36220
36220
  openHandler() {
@@ -36519,7 +36519,7 @@ const TwintagScanner = class {
36519
36519
  fill: 'rgb(23.529412%,54.901963%,98.039216%)',
36520
36520
  fillOpacity: '1',
36521
36521
  transform: 'translateX(-10%)',
36522
- }, d: "M 125.8125 25.875 C 123.820312 25.945312 121.992188 27 120.9375 28.6875 L 64.5 115.03125 L 27.9375 83.4375 C 26.367188 81.808594 24.011719 81.199219 21.84375 81.878906 C 19.6875 82.546875 18.082031 84.375 17.707031 86.601562 C 17.332031 88.839844 18.234375 91.089844 20.0625 92.4375 L 61.875 128.625 C 63.1875 129.738281 64.921875 130.230469 66.621094 129.984375 C 68.332031 129.726562 69.84375 128.753906 70.78125 127.3125 L 131.0625 35.25 C 132.351562 33.363281 132.457031 30.925781 131.34375 28.933594 C 130.230469 26.953125 128.085938 25.769531 125.8125 25.875 Z M 125.8125 25.875 " }))))), h("div", { class: "video-container", ref: (el) => (this.videoContainerRef = el) }, h("video", { crossOrigin: "Anonymous", autoplay: true, playsinline: true, ref: (el) => (this.video = el) }), this.devices.length > 1 ? (h("div", { class: "cameras-container" }, h("select", { onChange: (e) => {
36522
+ }, d: "M 125.8125 25.875 C 123.820312 25.945312 121.992188 27 120.9375 28.6875 L 64.5 115.03125 L 27.9375 83.4375 C 26.367188 81.808594 24.011719 81.199219 21.84375 81.878906 C 19.6875 82.546875 18.082031 84.375 17.707031 86.601562 C 17.332031 88.839844 18.234375 91.089844 20.0625 92.4375 L 61.875 128.625 C 63.1875 129.738281 64.921875 130.230469 66.621094 129.984375 C 68.332031 129.726562 69.84375 128.753906 70.78125 127.3125 L 131.0625 35.25 C 132.351562 33.363281 132.457031 30.925781 131.34375 28.933594 C 130.230469 26.953125 128.085938 25.769531 125.8125 25.875 Z M 125.8125 25.875 " }))))), h("div", { class: "video-container", ref: (el) => (this.videoContainerRef = el) }, h("div", { class: "video-corners" }), h("video", { crossOrigin: "Anonymous", autoplay: true, playsinline: true, ref: (el) => (this.video = el) }), this.devices.length > 1 ? (h("div", { class: "cameras-container" }, h("select", { onChange: (e) => {
36523
36523
  this.stopStream();
36524
36524
  // @ts-ignore
36525
36525
  this.getMedia(e.target.value);