@jaak.ai/stamps 2.0.0-dev.17 → 2.0.0-dev.19

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 (19) hide show
  1. package/README.md +30 -3
  2. package/dist/cjs/jaak-stamps.cjs.entry.js +18 -1
  3. package/dist/cjs/jaak-stamps.cjs.entry.js.map +1 -1
  4. package/dist/cjs/jaak-stamps.entry.cjs.js.map +1 -1
  5. package/dist/collection/components/my-component/my-component.js +32 -1
  6. package/dist/collection/components/my-component/my-component.js.map +1 -1
  7. package/dist/components/jaak-stamps.js +18 -1
  8. package/dist/components/jaak-stamps.js.map +1 -1
  9. package/dist/esm/jaak-stamps.entry.js +18 -1
  10. package/dist/esm/jaak-stamps.entry.js.map +1 -1
  11. package/dist/jaak-stamps-webcomponent/jaak-stamps-webcomponent.esm.js +1 -1
  12. package/dist/jaak-stamps-webcomponent/jaak-stamps.entry.esm.js.map +1 -1
  13. package/dist/jaak-stamps-webcomponent/p-4688150a.entry.js +2 -0
  14. package/dist/jaak-stamps-webcomponent/p-4688150a.entry.js.map +1 -0
  15. package/dist/types/components/my-component/my-component.d.ts +2 -0
  16. package/dist/types/components.d.ts +2 -0
  17. package/package.json +1 -1
  18. package/dist/jaak-stamps-webcomponent/p-45dcdc80.entry.js +0 -2
  19. package/dist/jaak-stamps-webcomponent/p-45dcdc80.entry.js.map +0 -1
package/dist/components/jaak-stamps.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"jaak-stamps.js","mappings":";;AAAA,MAAM,cAAc,GAAG,m6MAAm6M;;MCO76MA,YAAU,iBAAAC,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;;IAEb,KAAK,GAAY,KAAK;AACtB,IAAA,kBAAkB,GAAW,EAAE,CAAC;AAE/B,IAAA,gBAAgB;IAEhB,aAAa,GAAY,KAAK;IAC9B,aAAa,GAAW,0CAA0C;IAClE,WAAW,GAAW,MAAM;IAC5B,SAAS,GAAW,CAAC;IACrB,iBAAiB,GAAkB,IAAI;IACvC,iBAAiB,GAAkB,IAAI;IACvC,qBAAqB,GAAkB,IAAI;IAC3C,qBAAqB,GAAkB,IAAI;IAC3C,WAAW,GAAmC,OAAO;IACrD,WAAW,GAAY,KAAK;IAC5B,iBAAiB,GAAY,KAAK;IAClC,oBAAoB,GAAY,KAAK;IACrC,iBAAiB,GAAY,IAAI;AACjC,IAAA,aAAa,GAAqE;AACzF,QAAA,GAAG,EAAE,KAAK;AACV,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,MAAM,EAAE,KAAK;AACb,QAAA,IAAI,EAAE;KACP;IACQ,iBAAiB,GAAY,KAAK;IAClC,SAAS,GAAY,KAAK;IAC1B,gBAAgB,GAAY,KAAK;AAElC,IAAA,QAAQ;AACR,IAAA,SAAS;AACT,IAAA,OAAO;AACP,IAAA,SAAS;AACT,IAAA,WAAW;AACX,IAAA,WAAW;IACX,kBAAkB,GAAY,KAAK;AACnC,IAAA,eAAe;;IAGf,gBAAgB,GAAW,CAAC;AACnB,IAAA,UAAU,GAAW,CAAC,CAAC;IAChC,mBAAmB,GAAW,CAAC;AACtB,IAAA,YAAY,GAAW,EAAE,CAAC;IACnC,iBAAiB,GAAW,CAAC;AACpB,IAAA,sBAAsB,GAAW,EAAE,CAAC;;AAG7C,IAAA,gBAAgB;AAChB,IAAA,aAAa;AACb,IAAA,aAAa;AACb,IAAA,UAAU;IAED,UAAU,GAAG,oFAAoF;IACjG,UAAU,GAAG,GAAG;IAChB,oBAAoB,GAAG,GAAG;IAC1B,UAAU,GAAG,GAAG;IAChB,WAAW,GAAG,GAAG;IAE1B,QAAQ,CAAC,GAAG,IAAW,EAAA;AAC7B,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;;;AAMhB,IAAA,YAAY,CAAC,MAAmB,EAAA;QACtC,MAAM,UAAU,GAAG,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;AAC7C,QAAA,IAAI,CAAC,UAAU;AAAE,YAAA,OAAO,KAAK;AAE7B,QAAA,MAAM,QAAQ,GAAG,UAAU,CAAC,WAAW,EAAE;AACzC,QAAA,OAAO,QAAQ,CAAC,UAAU,KAAK,aAAa;;AAG9C,IAAA,MAAM,gBAAgB,GAAA;AACpB,QAAA,IAAI,CAAE,MAAc,CAAC,GAAG,EAAE;YACxB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC/C,YAAA,MAAM,CAAC,GAAG,GAAG,8DAA8D;AAC3E,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;;;QAInC,IAAI,CAAC,oBAAoB,EAAE;;IAGrB,oBAAoB,GAAA;;QAE1B,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;QACxD,IAAI,CAAC,gBAAgB,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU;QAC7C,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU;QAC9C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,IAAI,EAAE;YAC1D,KAAK,EAAE,KAAK;YACZ,kBAAkB,EAAE,IAAI;AACzB,SAAA,CAAE;;QAGH,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;QACrD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,EAAE;AACpD,YAAA,KAAK,EAAE;AACR,SAAA,CAAE;AAEH,QAAA,IAAI,CAAC,QAAQ,CAAC,4CAA4C,CAAC;;IAG7D,oBAAoB,GAAA;QAClB,IAAI,CAAC,OAAO,EAAE;;AAIhB,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,WAAW,EAAE;AACpC,YAAA,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC;;QAGhE,OAAO;AACL,YAAA,KAAK,EAAE;gBACL,SAAS,EAAE,IAAI,CAAC,iBAAiB;gBACjC,OAAO,EAAE,IAAI,CAAC;AACf,aAAA;AACD,YAAA,IAAI,EAAE;gBACJ,SAAS,EAAE,IAAI,CAAC,qBAAqB;gBACrC,OAAO,EAAE,IAAI,CAAC;AACf,aAAA;AACD,YAAA,QAAQ,EAAE;gBACR,cAAc,EAAE,CAAC,EAAE,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,qBAAqB,CAAC;AAC5E,gBAAA,WAAW,EAAE,CAAC,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,qBAAqB,IAAI,CAAC,GAAG;AAC/E;SACF;;AAIH,IAAA,MAAM,kBAAkB,GAAA;AACtB,QAAA,OAAO,IAAI,CAAC,WAAW,KAAK,WAAW;;AAIzC,IAAA,MAAM,YAAY,GAAA;AAChB,QAAA,MAAM,IAAI,CAAC,cAAc,EAAE;;AAI7B,IAAA,MAAM,WAAW,GAAA;QACf,IAAI,CAAC,WAAW,EAAE;;AAIpB,IAAA,MAAM,YAAY,GAAA;QAChB,IAAI,CAAC,cAAc,EAAE;;AAIvB,IAAA,MAAM,SAAS,GAAA;QACb,OAAO;YACL,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,SAAS,EAAE,CAAC,EAAE,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,qBAAqB,CAAC;AACnE,YAAA,kBAAkB,EAAE,IAAI,CAAC,WAAW,KAAK,WAAW;YACpD,gBAAgB,EAAE,IAAI,CAAC;SACxB;;AAIH,IAAA,MAAM,YAAY,GAAA;QAChB,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,OAAO,EAAE;AACzC,YAAA,IAAI,CAAC,QAAQ,CAAC,8CAA8C,CAAC;YAC7D,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,sBAAsB,EAAE;;AAG3D,QAAA,IAAI;AACF,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI;AACrB,YAAA,IAAI,CAAC,aAAa,GAAG,oCAAoC;AACzD,YAAA,IAAI,CAAC,WAAW,GAAG,SAAS;AAE5B,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU;AACjC,YAAA,IAAI,CAAC,QAAQ,CAAC,sBAAsB,EAAE,SAAS,CAAC;;AAGhD,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE;AAE/C,YAAA,IAAI,CAAC,OAAO,GAAG,MAAO,MAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC;AAC3F,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI;AAC5B,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,YAAA,IAAI,CAAC,aAAa,GAAG,kDAAkD;AACvE,YAAA,IAAI,CAAC,WAAW,GAAG,SAAS;AAE5B,YAAA,IAAI,CAAC,QAAQ,CAAC,gCAAgC,CAAC;YAC/C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,8BAA8B,EAAE;;QACjE,OAAO,KAAK,EAAE;AACd,YAAA,IAAI,CAAC,QAAQ,CAAC,2BAA2B,EAAE,KAAK,CAAC;AACjD,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,YAAA,IAAI,CAAC,aAAa,GAAG,8BAA8B;AACnD,YAAA,IAAI,CAAC,WAAW,GAAG,SAAS;YAC5B,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE;;;AAKnD,IAAA,MAAM,eAAe,GAAA;QACnB,IAAI,IAAI,CAAC,WAAW,KAAK,MAAM,IAAI,IAAI,CAAC,iBAAiB,EAAE;AACzD,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;;;IAItB,OAAO,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,oBAAoB,CAAC,IAAI,CAAC,WAAW,CAAC;;AAExC,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;;;AAI7D,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC;YAC3C,IAAI,GAAG,EAAE;AACP,gBAAA,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;;;;QAKpE,IAAI,CAAC,iBAAiB,EAAE;;IAGlB,iBAAiB,GAAA;;AAEvB,QAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE;AACzB,YAAA,IAAI,CAAC,aAAa,GAAG,SAAS;AAC9B,YAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS;;AAEnC,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,YAAA,IAAI,CAAC,UAAU,GAAG,SAAS;AAC3B,YAAA,IAAI,CAAC,aAAa,GAAG,SAAS;;;AAIhC,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI;AACxB,YAAA,IAAI,CAAC,OAAO,GAAG,SAAS;;AAE1B,QAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK;AAE7B,QAAA,IAAI,CAAC,QAAQ,CAAC,2BAA2B,CAAC;;AAGpC,IAAA,MAAM,WAAW,GAAA;AACvB,QAAA,IAAI;YACF,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,YAAY,CAAC,YAAY,CAAC;AACvD,gBAAA,KAAK,EAAE;AACL,oBAAA,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;AACrB,oBAAA,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;AACtB,oBAAA,UAAU,EAAE;AACb,iBAAA;AACD,gBAAA,KAAK,EAAE;AACR,aAAA,CAAC;AAEF,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,gBAAA,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,MAAM;AAChC,gBAAA,IAAI,CAAC,WAAW,GAAG,MAAM;;gBAGzB,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;AACxC,gBAAA,IAAI,CAAC,iBAAiB,GAAG,CAAC,MAAM;AAEhC,gBAAA,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC;gBACxC,IAAI,CAAC,QAAQ,CAAC,yBAAyB,EAAE,IAAI,CAAC,iBAAiB,CAAC;AAEhE,gBAAA,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,KAAI;AACnC,oBAAA,IAAI,CAAC,QAAS,CAAC,gBAAgB,GAAG,YAAW;AAC3C,wBAAA,MAAM,IAAI,CAAC,QAAS,CAAC,IAAI,EAAE;AAC3B,wBAAA,IAAI,CAAC,aAAa,GAAG,IAAI;AACzB,wBAAA,OAAO,EAAE;AACX,qBAAC;AACH,iBAAC,CAAC;;;QAEJ,OAAO,GAAG,EAAE;AACZ,YAAA,IAAI,CAAC,QAAQ,CAAC,mCAAmC,EAAE,GAAG,CAAC;AACvD,YAAA,IAAI,CAAC,aAAa,GAAG,wCAAwC;AAC7D,YAAA,IAAI,CAAC,WAAW,GAAG,SAAS;;;AAIxB,IAAA,UAAU,CAAC,KAAuB,EAAA;;QAExC,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACjD,IAAI,CAAC,oBAAoB,EAAE;;;AAI7B,QAAA,IAAI,CAAC,aAAc,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC;AACrE,QAAA,IAAI,CAAC,aAAc,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC;QAE5E,MAAM,SAAS,GAAG,IAAI,CAAC,aAAc,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC;AAC1F,QAAA,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAe;AAC5C,QAAA,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS;;AAG1B,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;YACvC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AACrB,YAAA,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;AACzB,YAAA,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;;AAG3B,QAAA,MAAM,cAAc,GAAG,IAAI,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACvD,OAAO,IAAK,MAAc,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;;IAGpG,iBAAiB,GAAA;QACvB,OAAO;AACL,YAAA,kBAAkB,EAAE;;gBAElB,OAAO;gBACP;AACD,aAAA;YACD,sBAAsB,EAAE,KAAK;AAC7B,YAAA,gBAAgB,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC;AACpC,YAAA,iBAAiB,EAAE,CAAC;AACpB,YAAA,iBAAiB,EAAE,IAAI;AACvB,YAAA,gBAAgB,EAAE,IAAI;AACtB,YAAA,aAAa,EAAE,UAAU;AACzB,YAAA,iBAAiB,EAAE,CAAC;AACpB,YAAA,iBAAiB,EAAE,CAAC;SACrB;;AAGK,IAAA,MAAM,cAAc,GAAA;AAC1B,QAAA,IAAI;;AAEF,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACjB,gBAAA,IAAI,CAAC,SAAS,GAAG,IAAI;AACrB,gBAAA,IAAI,CAAC,aAAa,GAAG,iCAAiC;AACtD,gBAAA,IAAI,CAAC,WAAW,GAAG,SAAS;AAE5B,gBAAA,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU;AACjC,gBAAA,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,SAAS,CAAC;AAE7C,gBAAA,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE;AAC/C,gBAAA,IAAI,CAAC,OAAO,GAAG,MAAO,MAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC;AAC3F,gBAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI;;iBACvB;AACL,gBAAA,IAAI,CAAC,QAAQ,CAAC,0BAA0B,CAAC;AACzC,gBAAA,IAAI,CAAC,aAAa,GAAG,6BAA6B;AAClD,gBAAA,IAAI,CAAC,WAAW,GAAG,SAAS;;AAG9B,YAAA,IAAI,CAAC,aAAa,GAAG,wBAAwB;AAC7C,YAAA,MAAM,IAAI,CAAC,WAAW,EAAE;AAExB,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE;AAC3B,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK;YACtB,IAAI,CAAC,WAAW,EAAE;;QAClB,OAAO,GAAG,EAAE;AACZ,YAAA,IAAI,CAAC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,CAAC;AAC3C,YAAA,IAAI,CAAC,aAAa,GAAG,kCAAkC;AACvD,YAAA,IAAI,CAAC,WAAW,GAAG,SAAS;AAC5B,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK;;;AAIlB,IAAA,MAAM,WAAW,GAAA;AACvB,QAAA,IAAI;AACF,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO;gBAAE;;AAGxD,YAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;;AAE1B,gBAAA,IAAI,IAAI,CAAC,WAAW,KAAK,WAAW,EAAE;AACpC,oBAAA,IAAI,CAAC,WAAW,GAAG,qBAAqB,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;;gBAEpE;;;YAIF,IAAI,CAAC,gBAAgB,EAAE;YACvB,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,UAAU,EAAE;AAC5C,gBAAA,IAAI,IAAI,CAAC,WAAW,KAAK,WAAW,EAAE;AACpC,oBAAA,IAAI,CAAC,WAAW,GAAG,qBAAqB,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;;gBAEpE;;AAEF,YAAA,IAAI,CAAC,gBAAgB,GAAG,CAAC;;AAGzB,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE;YAC9B,IAAI,WAAW,GAAG,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,sBAAsB,EAAE;AACtE,gBAAA,IAAI,IAAI,CAAC,WAAW,KAAK,WAAW,EAAE;AACpC,oBAAA,IAAI,CAAC,WAAW,GAAG,qBAAqB,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;;gBAEpE;;AAEF,YAAA,IAAI,CAAC,iBAAiB,GAAG,WAAW;YAEpC,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAE;YAC5C,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC;AAClD,YAAA,MAAM,KAAK,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,WAAW,EAAE;YAC3D,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;AAC7C,YAAA,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;YAExD,MAAM,UAAU,GAAG,EAAE;AACrB,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;gBACzC,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AAC/D,gBAAA,IAAI,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE;AACrC,oBAAA,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AAEzE,oBAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,EAAE;wBACxD,MAAM,UAAU,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE;wBAClE,MAAM,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC;AACvD,wBAAA,MAAM,cAAc,GAAG,gBAAgB,GAAG,KAAK,GAAG,GAAG,GAAG,KAAK;AAE7D,wBAAA,IAAI,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE;AACnC,4BAAA,IAAI,CAAC,SAAS,GAAG,cAAc;;;;;;AAQvC,YAAA,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC3B,IAAI,CAAC,mBAAmB,EAAE;;iBACrB;AACL,gBAAA,IAAI,CAAC,mBAAmB,GAAG,CAAC;;AAG9B,YAAA,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;AAChE,YAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,gBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,UAAU,CAAC;;AAEtC,YAAA,IAAI,CAAC,oBAAoB,CAAC,UAAU,CAAC;AACrC,YAAA,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;;AAGhC,YAAA,IAAI,IAAI,CAAC,WAAW,KAAK,WAAW,EAAE;;gBAEpC,IAAI,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,YAAY,EAAE;;oBAEhD,UAAU,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC;;qBACpC;AACL,oBAAA,IAAI,CAAC,WAAW,GAAG,qBAAqB,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;;;;QAGtE,OAAO,CAAC,EAAE;AACV,YAAA,IAAI,CAAC,QAAQ,CAAC,sBAAsB,EAAE,CAAC,CAAC;;AAExC,YAAA,IAAI,IAAI,CAAC,WAAW,KAAK,WAAW,EAAE;;gBAEpC,UAAU,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC;;;;AAKvC,IAAA,aAAa,CAAC,GAAQ,EAAA;QAC5B,MAAM,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC;QACrC,MAAM,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC;AACrC,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC;AACxC,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC;QACxC,MAAM,UAAU,GAAG,EAAE;QACrB,MAAM,UAAU,GAAG,EAAE;QAErB,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,YAAY,CAAC,GAAG,UAAU;YACjD,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,YAAY,CAAC,GAAG,UAAU;QACpE,MAAM,UAAU,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,GAAG;QAE1E,OAAO,UAAU,IAAI,UAAU;;AAIzB,IAAA,kBAAkB,CAAC,GAAQ,EAAA;;AAEjC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC;AACvC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC;QACvC,MAAM,QAAQ,GAAG,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACpD,MAAM,SAAS,GAAG,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACrD,MAAM,OAAO,GAAG,WAAW,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;QACpD,MAAM,UAAU,GAAG,WAAW,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;;AAGvD,QAAA,IAAI,OAAO,GAAG,GAAG,CAAC,CAAC;QACnB,IAAI,QAAQ,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;AAC5B,QAAA,MAAM,MAAM,GAAG,GAAG,CAAC,CAAC;QACpB,MAAM,SAAS,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;;AAG/B,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,MAAM,eAAe,GAAG,OAAO;YAC/B,MAAM,gBAAgB,GAAG,QAAQ;AACjC,YAAA,OAAO,GAAG,IAAI,CAAC,UAAU,GAAG,gBAAgB;AAC5C,YAAA,QAAQ,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe;;;AAI9C,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB;QAEzC,OAAO;YACL,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,IAAI,SAAS;YAC5C,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,SAAS,CAAC,IAAI,SAAS;YAClD,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,UAAU,CAAC,IAAI,SAAS;YACrD,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI;SACvC;;AAGK,IAAA,kBAAkB,CAAC,SAA2E,EAAA;AACpG,QAAA,OAAO,SAAS,CAAC,GAAG,IAAI,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,MAAM,IAAI,SAAS,CAAC,IAAI;;AAGvE,IAAA,eAAe,CAAC,KAAY,EAAA;AAClC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC;AACtE,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,SAAS,CAAC;AAC/D,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,WAAW,CAAC;AAC9D,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,aAAa,CAAC;AAClE,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC;AACpE,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC;QAEhE,IAAI,OAAO,GAAG,IAAI;AAClB,QAAA,IAAI,gBAAgB,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;AAE/E,QAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AACpB,YAAA,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,OAAO,KACnC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,OAAO,GAAG,IAAI,CAC5C;AACD,YAAA,gBAAgB,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC;AACnD,YAAA,IAAI,CAAC,aAAa,GAAG,gBAAgB;;aAChC;;YAEL,IAAI,CAAC,aAAa,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;;;QAI/E,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,SAAS,EAAE,gBAAgB,CAAC,GAAG,CAAC;QAC1D,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC;QAC9D,UAAU,EAAE,SAAS,CAAC,MAAM,CAAC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC;QAChE,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC,SAAS,EAAE,gBAAgB,CAAC,IAAI,CAAC;;QAG5D,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,CAAC;AAEjE,QAAA,IAAI,eAAe,IAAI,OAAO,EAAE;AAC9B,YAAA,WAAW,EAAE,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC;AAC3C,YAAA,OAAO,EAAE,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;AAEjE,YAAA,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;AAC5B,gBAAA,IAAI,CAAC,eAAe,GAAG,OAAO;gBAC9B,IAAI,CAAC,cAAc,EAAE;AACrB,gBAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI;;gBAE9B,UAAU,CAAC,MAAK;AACd,oBAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;iBAChC,EAAE,IAAI,CAAC;;;aAEL;AACL,YAAA,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;AAC9C,YAAA,OAAO,EAAE,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;;;AAIhE,IAAA,oBAAoB,CAAC,KAAY,EAAA;AACvC,QAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACtB,YAAA,IAAI,CAAC,aAAa,GAAG,8CAA8C;AACnE,YAAA,IAAI,CAAC,WAAW,GAAG,SAAS;;aACvB;AACL,YAAA,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,OAAO,KACzC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,OAAO,GAAG,IAAI,CAC5C;YAED,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC;YAClD,MAAM,YAAY,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM;YAC9G,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC;YAE1D,IAAI,eAAe,EAAE;AACnB,gBAAA,IAAI,CAAC,aAAa,GAAG,yDAAyD;AAC9E,gBAAA,IAAI,CAAC,WAAW,GAAG,SAAS;;AACvB,iBAAA,IAAI,YAAY,GAAG,CAAC,EAAE;AAC3B,gBAAA,IAAI,CAAC,aAAa,GAAG,CAA+B,4BAAA,EAAA,YAAY,qBAAqB;AACrF,gBAAA,IAAI,CAAC,WAAW,GAAG,SAAS;;AACvB,iBAAA,IAAI,OAAO,CAAC,CAAC,GAAG,GAAG,EAAE;AAC1B,gBAAA,IAAI,CAAC,aAAa,GAAG,4CAA4C;AACjE,gBAAA,IAAI,CAAC,WAAW,GAAG,SAAS;;iBACvB;AACL,gBAAA,IAAI,CAAC,aAAa,GAAG,+CAA+C;AACpE,gBAAA,IAAI,CAAC,WAAW,GAAG,SAAS;;;;IAK1B,cAAc,CAAC,GAA6B,EAAE,KAAY,EAAA;;QAEhE,MAAM,KAAK,GAAG,IAAI,CAAC,SAAU,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU;AAErD,QAAA,KAAK,CAAC,OAAO,CAAC,GAAG,IAAG;AAClB,YAAA,GAAG,CAAC,WAAW,GAAG,SAAS;AAC3B,YAAA,GAAG,CAAC,SAAS,GAAG,CAAC;YACjB,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC;AAC5E,SAAC,CAAC;;IAGI,cAAc,GAAA;QACpB,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,eAAe;YAAE;;QAG7C,IAAI,CAAC,uBAAuB,EAAE;;QAG9B,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAC3C,IAAI,CAAC,oBAAoB,EAAE;;;QAI7B,IAAI,CAAC,aAAc,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU;QACpD,IAAI,CAAC,aAAc,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW;QACtD,IAAI,CAAC,UAAW,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,aAAc,CAAC,KAAK,EAAE,IAAI,CAAC,aAAc,CAAC,MAAM,CAAC;;QAGtG,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU;QACzD,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU;AAE1D,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,GAAG,MAAM,CAAC;AAC1D,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,GAAG,MAAM,CAAC;QAC1D,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,GAAG,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,KAAK,CAAC;QAC7F,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,GAAG,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,KAAK,CAAC;;;QAI/F,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AACtD,QAAA,aAAa,CAAC,KAAK,GAAG,SAAS;AAC/B,QAAA,aAAa,CAAC,MAAM,GAAG,UAAU;AACjC,QAAA,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAE;;AAGpE,QAAA,UAAU,CAAC,SAAS,CAClB,IAAI,CAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU;AACnC,QAAA,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU;SAC5B;AAED,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,OAAO,EAAE;;YAEhC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAc,CAAC,SAAS,CAAC,WAAW,CAAC;YACnE,IAAI,CAAC,iBAAiB,GAAG,aAAa,CAAC,SAAS,CAAC,WAAW,CAAC;AAC7D,YAAA,IAAI,CAAC,WAAW,GAAG,MAAM;AACzB,YAAA,IAAI,CAAC,aAAa,GAAG,qDAAqD;AAC1E,YAAA,IAAI,CAAC,WAAW,GAAG,SAAS;;AAG5B,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;;YAG7B,UAAU,CAAC,MAAK;AACd,gBAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;gBAC7B,UAAU,CAAC,MAAK;AACd,oBAAA,IAAI,CAAC,iBAAiB,GAAG,KAAK;;AAE9B,oBAAA,IAAI,CAAC,iBAAiB,GAAG,KAAK;iBAC/B,EAAE,IAAI,CAAC;aACT,EAAE,GAAG,CAAC;AAEP,YAAA,IAAI,CAAC,QAAQ,CAAC,2CAA2C,CAAC;;AACrD,aAAA,IAAI,IAAI,CAAC,WAAW,KAAK,MAAM,EAAE;;YAEtC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,aAAc,CAAC,SAAS,CAAC,WAAW,CAAC;YACvE,IAAI,CAAC,qBAAqB,GAAG,aAAa,CAAC,SAAS,CAAC,WAAW,CAAC;AACjE,YAAA,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;AAE3B,YAAA,IAAI,CAAC,QAAQ,CAAC,iFAAiF,CAAC;;;IAI5F,uBAAuB,GAAA;AAC7B,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;;AAGvB,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC;AACtE,QAAA,WAAW,EAAE,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC;;QAGvC,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK;AACxB,YAAA,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC;SAC3C,EAAE,GAAG,CAAC;;IAGD,aAAa,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,oBAAoB,CAAC,IAAI,CAAC,WAAW,CAAC;AACtC,YAAA,IAAI,CAAC,WAAW,GAAG,SAAS;;;AAI9B,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAE;AAC5C,YAAA,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;;AAGlE,QAAA,IAAI,CAAC,QAAQ,CAAC,wCAAwC,CAAC;;IAGjD,cAAc,GAAA;AACpB,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC;AAClB,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE;AAC3B,QAAA,IAAI,CAAC,aAAa,GAAG,iDAAiD;AACtE,QAAA,IAAI,CAAC,WAAW,GAAG,MAAM;AACzB,QAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;AAC/B,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;AAC7B,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;AAC7B,QAAA,IAAI,CAAC,qBAAqB,GAAG,IAAI;AACjC,QAAA,IAAI,CAAC,qBAAqB,GAAG,IAAI;AACjC,QAAA,IAAI,CAAC,WAAW,GAAG,OAAO;AAC1B,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;AACxB,QAAA,IAAI,CAAC,iBAAiB,GAAG,KAAK;AAC9B,QAAA,IAAI,CAAC,oBAAoB,GAAG,KAAK;AACjC,QAAA,IAAI,CAAC,iBAAiB,GAAG,KAAK;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,QAAA,IAAI,CAAC,eAAe,GAAG,SAAS;AAChC,QAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK;;AAG7B,QAAA,IAAI,CAAC,gBAAgB,GAAG,CAAC;AACzB,QAAA,IAAI,CAAC,mBAAmB,GAAG,CAAC;AAC5B,QAAA,IAAI,CAAC,iBAAiB,GAAG,CAAC;AAE1B,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAE;AAC5C,YAAA,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;;;QAIlE,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,OAAO,EAAE;YACtC,IAAI,CAAC,WAAW,EAAE;;;IAKd,eAAe,CAAC,cAAuB,KAAK,EAAA;AAClD,QAAA,IAAI,CAAC,WAAW,GAAG,WAAW;AAC9B,QAAA,IAAI,CAAC,aAAa,GAAG,WAAW;AAC9B,YAAA,4CAA4C;AAC5C,YAAA,4CAA4C;AAC9C,QAAA,IAAI,CAAC,WAAW,GAAG,SAAS;;QAG5B,IAAI,CAAC,aAAa,EAAE;;AAGpB,QAAA,MAAM,cAAc,GAAG;AACrB,YAAA,KAAK,EAAE;gBACL,SAAS,EAAE,IAAI,CAAC,iBAAiB;gBACjC,OAAO,EAAE,IAAI,CAAC;AACf,aAAA;AACD,YAAA,IAAI,EAAE;gBACJ,SAAS,EAAE,IAAI,CAAC,qBAAqB;gBACrC,OAAO,EAAE,IAAI,CAAC;AACf,aAAA;AACD,YAAA,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;AACnC,YAAA,QAAQ,EAAE;gBACR,WAAW,EAAE,WAAW,GAAG,CAAC,GAAG,CAAC;AAChC,gBAAA,gBAAgB,EAAE,IAAI;AACtB,gBAAA,kBAAkB,EAAE;AACrB;SACF;AAED,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,cAAc,CAAC;;QAG1C,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,oBAAoB,GAAG,IAAI;YAChC,UAAU,CAAC,MAAK;AACd,gBAAA,IAAI,CAAC,oBAAoB,GAAG,KAAK;aAClC,EAAE,IAAI,CAAC;SACT,EAAE,GAAG,CAAC;;IAGD,WAAW,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;AAC3D,YAAA,IAAI,CAAC,WAAW,GAAG,SAAS;AAC5B,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK;AAC1B,YAAA,IAAI,CAAC,aAAa,GAAG,oBAAoB;AACzC,YAAA,IAAI,CAAC,WAAW,GAAG,MAAM;;AAE3B,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;;AAGtB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAE;AAC5C,YAAA,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;;QAGlE,IAAI,CAAC,OAAO,EAAE;;IAGhB,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,QAAQ,GAAG,EAAE,EAC7B,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,QAAQ,EAAA,IAAA,EACR,KAAK,EAAA,IAAA,EACL,WAAW,EAAA,IAAA,EACX,KAAK,EAAE,IAAI,CAAC,iBAAiB,GAAG,QAAQ,GAAG,EAAE,EAC7C,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa,GAAG,OAAO,GAAG,MAAM,EAAE,EACzD,CAAA,EACF,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,SAAS,GAAG,EAAE,EAC9B,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,KAAK,EAAE,IAAI,CAAC,iBAAiB,GAAG,QAAQ,GAAG,EAAE,EAC7C,CAAA,EACF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAO,CAAA,EACjC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAO,CAAA,EACnC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAO,CAAA,EACpC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAO,CAAA,EAClC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAO,CAAA,EACpC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAO,CAAA,EACpC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAO,CAAA,EACpC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAO,CAAA,EACnC,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,oBAAoB,KACpD,4DAAK,KAAK,EAAC,YAAY,EAAE,EAAA,IAAI,CAAC,aAAa,CAAO,CACnD,CACG,EACL,IAAI,CAAC,WAAW,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,oBAAoB,KACnF,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EACnB,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,EACrC,IAAI,EAAC,QAAQ,EAAA,EAAA,gBAAA,CAGN,CACV,CACG,EAEL,IAAI,CAAC,WAAW,KACf,4DAAK,KAAK,EAAC,mBAAmB,EAAA,CAAO,CACtC,EAEA,IAAI,CAAC,iBAAiB,KACrB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAO,CAAA,EAChC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EAAA,sCAAA,CAAiC,CACnD,CACP,EAEA,IAAI,CAAC,oBAAoB,KACxB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAO,CAAA,EAC9B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,cAAc,EAAA,EAAA,2BAAA,CAA2B,CAChD,CACP,EAEA,IAAI,CAAC,SAAS,KACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAO,CAAA,EACnC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EAAE,IAAI,CAAC,aAAa,CAAO,CAChD,CACP,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACpB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,GAAG,EAAC,wEAAwE,EAAC,GAAG,EAAC,iBAAiB,EAAA,CAAG,CACtG,CACF,CAIF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JaakStamps","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/my-component.css?tag=jaak-stamps&encapsulation=shadow","src/components/my-component/my-component.tsx"],"sourcesContent":[":host {\n display: block;\n font-family: system-ui, -apple-system, sans-serif;\n color: #1a1a1a;\n}\n\n.detector-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\nh1 {\n font-size: 24px;\n font-weight: 500;\n color: #333;\n margin: 0 0 24px 0;\n}\n\n.video-container {\n position: relative;\n width: 100%;\n max-width: 640px;\n aspect-ratio: 1;\n background: #fff;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n overflow: hidden;\n}\n\nvideo, canvas {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 8px;\n}\n\nvideo.mirror, canvas.mirror {\n transform: rotateY(180deg);\n}\n\ncanvas { \n z-index: 1; \n}\n\nvideo { \n z-index: 0; \n}\n\n\n.status {\n margin-top: 16px;\n font-size: 12px;\n color: #666;\n}\n\n/* Overlay mask for ID card guidance */\n.overlay-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 10;\n display: block;\n pointer-events: none;\n}\n\n.card-outline {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 88%;\n height: 55%;\n border: none;\n border-radius: 4px;\n background: transparent;\n box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7);\n opacity: 0.8;\n}\n\n.card-outline.perfect-match {\n box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7);\n}\n\n/* Lados individuales de la máscara */\n.side {\n position: absolute;\n background: #999;\n transition: background-color 0.3s ease;\n}\n\n.side.aligned {\n background: #28a745;\n}\n\n.side-top {\n top: 0;\n left: 0;\n width: 100%;\n height: 3px;\n}\n\n.side-right {\n top: 0;\n right: 0;\n width: 3px;\n height: 100%;\n}\n\n.side-bottom {\n bottom: 0;\n left: 0;\n width: 100%;\n height: 3px;\n}\n\n.side-left {\n top: 0;\n left: 0;\n width: 3px;\n height: 100%;\n}\n\n.corner {\n position: absolute;\n width: 20px;\n height: 20px;\n border: 2px solid #999;\n z-index: 12;\n}\n\n.corner-tl {\n top: -10px;\n left: -10px;\n border-right: none;\n border-bottom: none;\n}\n\n.corner-tr {\n top: -10px;\n right: -10px;\n border-left: none;\n border-bottom: none;\n}\n\n.corner-bl {\n bottom: -10px;\n left: -10px;\n border-right: none;\n border-top: none;\n}\n\n.corner-br {\n bottom: -10px;\n right: -10px;\n border-left: none;\n border-top: none;\n}\n\n.corner.perfect-match {\n border-color: #28a745;\n}\n\n.guide-text {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: #fff;\n font-size: 14px;\n font-weight: 600;\n text-align: center;\n white-space: normal;\n background: rgba(128, 128, 128, 0.8);\n padding: 12px 20px;\n border-radius: 20px;\n max-width: 300px;\n z-index: 20;\n}\n\n\n/* Animación de captura */\n.capture-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: #fff;\n opacity: 0;\n z-index: 30;\n pointer-events: none;\n animation: captureFlash 0.6s ease-out;\n}\n\n@keyframes captureFlash {\n 0% {\n opacity: 0;\n }\n 15% {\n opacity: 0.8;\n }\n 30% {\n opacity: 0;\n }\n 45% {\n opacity: 0.4;\n }\n 60% {\n opacity: 0;\n }\n 100% {\n opacity: 0;\n }\n}\n\n/* Animación del marco durante captura */\n.card-outline.capturing {\n animation: pulseGreen 0.6s ease-out;\n}\n\n@keyframes pulseGreen {\n 0% {\n border-color: #28a745;\n box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7), 0 0 0 4px rgba(40, 167, 69, 0);\n }\n 50% {\n border-color: #28a745;\n box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7), 0 0 0 8px rgba(40, 167, 69, 0.6);\n }\n 100% {\n border-color: #28a745;\n box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7), 0 0 0 4px rgba(40, 167, 69, 0);\n }\n}\n\n/* Animación de voltear identificación */\n.flip-animation {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 35;\n pointer-events: none;\n opacity: 0;\n animation: showFlipInstruction 3s ease-in-out;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.id-card-icon {\n width: 80px;\n height: 50px;\n background: linear-gradient(135deg, #6c757d 0%, #495057 100%);\n border-radius: 8px;\n position: relative;\n animation: flipCard 2s ease-in-out infinite;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n}\n\n.id-card-icon::before {\n content: '';\n position: absolute;\n top: 8px;\n left: 8px;\n width: 16px;\n height: 12px;\n background: rgba(255, 255, 255, 0.9);\n border-radius: 2px;\n}\n\n.id-card-icon::after {\n content: '';\n position: absolute;\n top: 25px;\n left: 8px;\n width: 64px;\n height: 3px;\n background: rgba(255, 255, 255, 0.7);\n border-radius: 1px;\n box-shadow: 0 6px 0 rgba(255, 255, 255, 0.7), 0 12px 0 rgba(255, 255, 255, 0.7);\n}\n\n.flip-text {\n margin-top: 12px;\n color: #fff;\n font-size: 14px;\n font-weight: 600;\n text-align: center;\n background: rgba(128, 128, 128, 0.8);\n padding: 12px 20px;\n border-radius: 20px;\n max-width: 300px;\n}\n\n@keyframes showFlipInstruction {\n 0% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.8);\n }\n 15% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 85% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 100% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.8);\n }\n}\n\n@keyframes flipCard {\n 0% {\n transform: rotateY(0deg);\n }\n 50% {\n transform: rotateY(180deg);\n }\n 100% {\n transform: rotateY(360deg);\n }\n}\n\n/* Animación de éxito */\n.success-animation {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 35;\n pointer-events: none;\n opacity: 0;\n animation: showSuccessMessage 3s ease-in-out;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.check-icon {\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, #6c757d 0%, #495057 100%);\n border-radius: 50%;\n position: relative;\n animation: bounceSuccess 0.6s ease-out;\n box-shadow: 0 4px 16px rgba(108, 117, 125, 0.4);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.check-icon::before {\n content: '';\n position: absolute;\n width: 20px;\n height: 35px;\n border: 4px solid #fff;\n border-top: none;\n border-left: none;\n transform: rotate(45deg);\n animation: drawCheck 0.4s ease-out 0.2s both;\n}\n\n.success-text {\n margin-top: 16px;\n color: #fff;\n font-size: 14px;\n font-weight: 600;\n text-align: center;\n background: rgba(128, 128, 128, 0.8);\n padding: 12px 20px;\n border-radius: 20px;\n max-width: 300px;\n animation: fadeInUp 0.5s ease-out 0.4s both;\n}\n\n@keyframes showSuccessMessage {\n 0% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.5);\n }\n 15% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 85% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 100% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.9);\n }\n}\n\n@keyframes bounceSuccess {\n 0% {\n transform: scale(0);\n }\n 50% {\n transform: scale(1.1);\n }\n 100% {\n transform: scale(1);\n }\n}\n\n@keyframes drawCheck {\n 0% {\n width: 0;\n height: 0;\n }\n 50% {\n width: 20px;\n height: 0;\n }\n 100% {\n width: 20px;\n height: 35px;\n }\n}\n\n@keyframes fadeInUp {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n/* Bot\\u00f3n para saltar reverso */\n.skip-button {\n position: absolute;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 25;\n pointer-events: auto;\n background: #fff;\n color: #333;\n border: none;\n border-radius: 25px;\n padding: 12px 24px;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n}\n\n.skip-button:hover {\n background: #f8f9fa;\n}\n\n.skip-button:active {\n background: #e9ecef;\n transform: translateX(-50%) translateY(0);\n}\n\n/* Marca de agua */\n.watermark {\n position: absolute;\n bottom: 12px;\n right: 12px;\n z-index: 15;\n pointer-events: none;\n opacity: 0.7;\n}\n\n.watermark img {\n height: 24px;\n width: auto;\n filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));\n}\n\n/* Animación de carga */\n.loading-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.8);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n z-index: 30;\n border-radius: 20px;\n}\n\n.loading-spinner {\n width: 60px;\n height: 60px;\n border: 4px solid rgba(255, 255, 255, 0.2);\n border-top: 4px solid #007bff;\n border-radius: 50%;\n animation: spin 1s linear infinite;\n margin-bottom: 20px;\n}\n\n.loading-text {\n color: white;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n opacity: 0.9;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}","import { Component, Element, State, Prop, Method, Event, EventEmitter, h } from '@stencil/core';\n\n@Component({\n tag: 'jaak-stamps',\n styleUrl: 'my-component.css',\n shadow: true,\n})\nexport class JaakStamps {\n @Element() el!: HTMLElement;\n @Prop() debug: boolean = false;\n @Prop() alignmentTolerance: number = 10; // Tolerancia en píxeles para considerar un lado alineado (escalado para 320x320)\n \n @Event() captureCompleted: EventEmitter<any>;\n \n @State() isVideoActive: boolean = false;\n @State() statusMessage: string = 'Presione el botón para activar la cámara';\n @State() statusColor: string = '#aaa';\n @State() bestScore: number = 0;\n @State() capturedFullFrame: string | null = null;\n @State() capturedCroppedId: string | null = null;\n @State() capturedBackFullFrame: string | null = null;\n @State() capturedBackCroppedId: string | null = null;\n @State() captureStep: 'front' | 'back' | 'completed' = 'front';\n @State() isCapturing: boolean = false;\n @State() showFlipAnimation: boolean = false;\n @State() showSuccessAnimation: boolean = false;\n @State() shouldMirrorVideo: boolean = true;\n @State() sideAlignment: { top: boolean; right: boolean; bottom: boolean; left: boolean } = {\n top: false,\n right: false,\n bottom: false,\n left: false\n };\n @State() isDetectionPaused: boolean = false;\n @State() isLoading: boolean = false;\n @State() isModelPreloaded: boolean = false;\n \n private videoRef?: HTMLVideoElement;\n private canvasRef?: HTMLCanvasElement;\n private session?: any;\n private startTime?: number;\n private videoStream?: MediaStream;\n private animationId?: number;\n private hasScreenshotTaken: boolean = false;\n private lastDetectedBox?: any;\n \n // Performance optimization properties\n private frameSkipCounter: number = 0;\n private readonly FRAME_SKIP: number = 2; // Process every 3rd frame (reduces CPU by ~66%)\n private consecutiveFailures: number = 0;\n private readonly MAX_FAILURES: number = 30; // 0.5 seconds without detection\n private lastInferenceTime: number = 0;\n private readonly MIN_INFERENCE_INTERVAL: number = 50; // Minimum 50ms between inferences\n \n // Canvas pooling for memory optimization\n private preprocessCanvas?: HTMLCanvasElement;\n private preprocessCtx?: CanvasRenderingContext2D;\n private captureCanvas?: HTMLCanvasElement;\n private captureCtx?: CanvasRenderingContext2D;\n \n private readonly MODEL_PATH = \"https://storage.googleapis.com/jaak-static/web/component/stamps/detector-nano.onnx\";\n private readonly INPUT_SIZE = 320;\n private readonly CONFIDENCE_THRESHOLD = 0.6;\n private readonly MASK_WIDTH = 280;\n private readonly MASK_HEIGHT = 176;\n\n private debugLog(...args: any[]) {\n if (this.debug) {\n console.log(...args);\n }\n }\n\n\n\n private isRearCamera(stream: MediaStream): boolean {\n const videoTrack = stream.getVideoTracks()[0];\n if (!videoTrack) return false;\n \n const settings = videoTrack.getSettings();\n return settings.facingMode === 'environment';\n }\n\n async componentDidLoad() {\n if (!(window as any).ort) {\n const script = document.createElement('script');\n script.src = 'https://cdn.jsdelivr.net/npm/onnxruntime-web/dist/ort.min.js';\n document.head.appendChild(script);\n }\n \n // Initialize canvas pool for better performance\n this.initializeCanvasPool();\n }\n \n private initializeCanvasPool() {\n // Preprocess canvas - reused for every inference\n this.preprocessCanvas = document.createElement('canvas');\n this.preprocessCanvas.width = this.INPUT_SIZE;\n this.preprocessCanvas.height = this.INPUT_SIZE;\n this.preprocessCtx = this.preprocessCanvas.getContext('2d', {\n alpha: false, // No transparency needed\n willReadFrequently: true // Optimize for frequent getImageData calls\n })!;\n \n // Capture canvas - reused for screenshots\n this.captureCanvas = document.createElement('canvas');\n this.captureCtx = this.captureCanvas.getContext('2d', {\n alpha: false\n })!;\n \n this.debugLog('🎨 Canvas pool initialized for performance');\n }\n\n disconnectedCallback() {\n this.cleanup();\n }\n\n @Method()\n async getCapturedImages() {\n if (this.captureStep !== 'completed') {\n throw new Error('El proceso de captura no ha sido completado');\n }\n\n return {\n front: {\n fullFrame: this.capturedFullFrame,\n cropped: this.capturedCroppedId\n },\n back: {\n fullFrame: this.capturedBackFullFrame,\n cropped: this.capturedBackCroppedId\n },\n metadata: {\n hasBackCapture: !!(this.capturedBackFullFrame && this.capturedBackCroppedId),\n totalImages: (this.capturedBackFullFrame && this.capturedBackCroppedId) ? 4 : 2\n }\n };\n }\n\n @Method()\n async isProcessCompleted() {\n return this.captureStep === 'completed';\n }\n\n @Method()\n async startCapture() {\n await this.startDetection();\n }\n\n @Method()\n async stopCapture() {\n this.exitSession();\n }\n\n @Method()\n async resetCapture() {\n this.resetDetection();\n }\n\n @Method()\n async getStatus() {\n return {\n isVideoActive: this.isVideoActive,\n captureStep: this.captureStep,\n statusMessage: this.statusMessage,\n hasImages: !!(this.capturedFullFrame || this.capturedBackFullFrame),\n isProcessCompleted: this.captureStep === 'completed',\n isModelPreloaded: this.isModelPreloaded\n };\n }\n\n @Method()\n async preloadModel() {\n if (this.isModelPreloaded || this.session) {\n this.debugLog('🚀 Model already preloaded or session exists');\n return { success: true, message: 'Model already loaded' };\n }\n\n try {\n this.isLoading = true;\n this.statusMessage = \"Precargando modelo de detección...\";\n this.statusColor = \"#007bff\";\n \n const modelPath = this.MODEL_PATH;\n this.debugLog('🤖 Preloading model:', modelPath);\n \n // Configure ONNX Runtime with device-specific optimizations\n const sessionOptions = this.getSessionOptions();\n \n this.session = await (window as any).ort.InferenceSession.create(modelPath, sessionOptions);\n this.isModelPreloaded = true;\n this.isLoading = false;\n this.statusMessage = \"Modelo precargado. Listo para comenzar detección\";\n this.statusColor = \"#28a745\";\n \n this.debugLog('✅ Model preloaded successfully');\n return { success: true, message: 'Model preloaded successfully' };\n } catch (error) {\n this.debugLog('❌ Error preloading model:', error);\n this.isLoading = false;\n this.statusMessage = \"Error al precargar el modelo\";\n this.statusColor = \"#ff6b6b\";\n return { success: false, error: error.message };\n }\n }\n\n @Method()\n async skipBackCapture() {\n if (this.captureStep === 'back' && this.capturedFullFrame) {\n this.completeProcess(true);\n }\n }\n\n private cleanup() {\n if (this.animationId) {\n cancelAnimationFrame(this.animationId);\n }\n if (this.videoStream) {\n this.videoStream.getTracks().forEach(track => track.stop());\n }\n \n // Limpiar canvas en cleanup general\n if (this.canvasRef) {\n const ctx = this.canvasRef.getContext(\"2d\");\n if (ctx) {\n ctx.clearRect(0, 0, this.canvasRef.width, this.canvasRef.height);\n }\n }\n \n // OPTIMIZATION: Clean up canvas pool\n this.cleanupCanvasPool();\n }\n \n private cleanupCanvasPool() {\n // Release canvas references for garbage collection\n if (this.preprocessCanvas) {\n this.preprocessCtx = undefined;\n this.preprocessCanvas = undefined;\n }\n if (this.captureCanvas) {\n this.captureCtx = undefined;\n this.captureCanvas = undefined;\n }\n \n // Disposed ONNX session\n if (this.session) {\n this.session.release?.();\n this.session = undefined;\n }\n this.isModelPreloaded = false;\n \n this.debugLog('🧹 Canvas pool cleaned up');\n }\n\n private async setupCamera() {\n try {\n const stream = await navigator.mediaDevices.getUserMedia({\n video: {\n width: { exact: 640 },\n height: { exact: 640 },\n facingMode: \"environment\"\n },\n audio: false\n });\n\n if (this.videoRef) {\n this.videoRef.srcObject = stream;\n this.videoStream = stream;\n \n // Determine if video should be mirrored\n const isRear = this.isRearCamera(stream);\n this.shouldMirrorVideo = !isRear;\n \n this.debugLog('📹 Rear camera:', isRear);\n this.debugLog('🪞 Should mirror video:', this.shouldMirrorVideo);\n \n return new Promise<void>((resolve) => {\n this.videoRef!.onloadedmetadata = async () => {\n await this.videoRef!.play();\n this.isVideoActive = true;\n resolve();\n };\n });\n }\n } catch (err) {\n this.debugLog(\"❌ No se pudo acceder a la cámara:\", err);\n this.statusMessage = \"Error: No se pudo acceder a la cámara.\";\n this.statusColor = \"#ff6b6b\";\n }\n }\n\n private preprocess(video: HTMLVideoElement) {\n // OPTIMIZATION: Reuse canvas instead of creating new ones\n if (!this.preprocessCanvas || !this.preprocessCtx) {\n this.initializeCanvasPool();\n }\n \n // Clear and redraw on reused canvas\n this.preprocessCtx!.clearRect(0, 0, this.INPUT_SIZE, this.INPUT_SIZE);\n this.preprocessCtx!.drawImage(video, 0, 0, this.INPUT_SIZE, this.INPUT_SIZE);\n \n const imageData = this.preprocessCtx!.getImageData(0, 0, this.INPUT_SIZE, this.INPUT_SIZE);\n const [R, G, B] = [[], [], []] as number[][];\n const { data } = imageData;\n\n // Optimized pixel processing\n for (let i = 0; i < data.length; i += 4) {\n R.push(data[i] / 255);\n G.push(data[i + 1] / 255);\n B.push(data[i + 2] / 255);\n }\n\n const transposedData = new Float32Array(R.concat(G, B));\n return new (window as any).ort.Tensor(\"float32\", transposedData, [1, 3, this.INPUT_SIZE, this.INPUT_SIZE]);\n }\n\n private getSessionOptions() {\n return {\n executionProviders: [\n // Try WebGL first for GPU acceleration, fallback to WASM\n 'webgl',\n 'wasm'\n ],\n graphOptimizationLevel: 'all', // Maximum optimization\n logSeverityLevel: this.debug ? 2 : 4, // Reduce logging overhead in production\n logVerbosityLevel: 0,\n enableCpuMemArena: true,\n enableMemPattern: true,\n executionMode: 'parallel',\n interOpNumThreads: 2,\n intraOpNumThreads: 2,\n };\n }\n\n private async startDetection() {\n try {\n // Check if model is already preloaded\n if (!this.session) {\n this.isLoading = true;\n this.statusMessage = \"Cargando modelo de detección...\";\n this.statusColor = \"#007bff\";\n \n const modelPath = this.MODEL_PATH;\n this.debugLog('🤖 Loading model:', modelPath);\n \n const sessionOptions = this.getSessionOptions();\n this.session = await (window as any).ort.InferenceSession.create(modelPath, sessionOptions);\n this.isModelPreloaded = true;\n } else {\n this.debugLog('🚀 Using preloaded model');\n this.statusMessage = \"Usando modelo precargado...\";\n this.statusColor = \"#007bff\";\n }\n \n this.statusMessage = \"Configurando cámara...\";\n await this.setupCamera();\n \n this.startTime = Date.now();\n this.isLoading = false;\n this.detectFrame();\n } catch (err) {\n this.debugLog(\"Error al inicializar:\", err);\n this.statusMessage = \"Error al inicializar el detector\";\n this.statusColor = \"#ff6b6b\";\n this.isLoading = false;\n }\n }\n\n private async detectFrame() {\n try {\n if (!this.videoRef || !this.canvasRef || !this.session) return;\n \n // Pausar detección si está marcado como pausado\n if (this.isDetectionPaused) {\n // Solo continuar el bucle sin procesar detección\n if (this.captureStep !== 'completed') {\n this.animationId = requestAnimationFrame(() => this.detectFrame());\n }\n return;\n }\n \n // OPTIMIZATION 1: Frame skipping for performance\n this.frameSkipCounter++;\n if (this.frameSkipCounter <= this.FRAME_SKIP) {\n if (this.captureStep !== 'completed') {\n this.animationId = requestAnimationFrame(() => this.detectFrame());\n }\n return;\n }\n this.frameSkipCounter = 0;\n \n // OPTIMIZATION 2: Throttle inference based on time\n const currentTime = Date.now();\n if (currentTime - this.lastInferenceTime < this.MIN_INFERENCE_INTERVAL) {\n if (this.captureStep !== 'completed') {\n this.animationId = requestAnimationFrame(() => this.detectFrame());\n }\n return;\n }\n this.lastInferenceTime = currentTime;\n \n const ctx = this.canvasRef.getContext(\"2d\")!;\n const inputTensor = this.preprocess(this.videoRef);\n const feeds = { [this.session.inputNames[0]]: inputTensor };\n const results = await this.session.run(feeds);\n const output = results[this.session.outputNames[0]].data;\n\n const finalBoxes = [];\n for (let i = 0; i < output.length; i += 6) {\n const [x1, y1, x2, y2, score, classId] = output.slice(i, i + 6);\n if (score > this.CONFIDENCE_THRESHOLD) {\n finalBoxes.push({ x: x1, y: y1, w: x2 - x1, h: y2 - y1, score, classId });\n\n if (this.startTime && Date.now() - this.startTime < 5000) {\n const currentBox = { x: x1, y: y1, w: x2 - x1, h: y2 - y1, score };\n const isWellPositioned = this.isCardInFrame(currentBox);\n const effectiveScore = isWellPositioned ? score * 1.2 : score;\n \n if (effectiveScore > this.bestScore) {\n this.bestScore = effectiveScore;\n \n }\n }\n }\n }\n \n // OPTIMIZATION 3: Adaptive frame rate based on detection success\n if (finalBoxes.length === 0) {\n this.consecutiveFailures++;\n } else {\n this.consecutiveFailures = 0;\n }\n\n ctx.clearRect(0, 0, this.canvasRef.width, this.canvasRef.height);\n if (this.debug) {\n this.drawDetections(ctx, finalBoxes);\n }\n this.updateGuidanceStatus(finalBoxes);\n this.updateMaskColor(finalBoxes);\n \n // Solo continuar si no hemos completado el proceso\n if (this.captureStep !== 'completed') {\n // OPTIMIZATION 4: Reduce frame rate when no detection for better battery life\n if (this.consecutiveFailures > this.MAX_FAILURES) {\n // Reduce to ~5fps when no detection for 0.5 seconds\n setTimeout(() => this.detectFrame(), 200);\n } else {\n this.animationId = requestAnimationFrame(() => this.detectFrame());\n }\n }\n } catch (e) {\n this.debugLog(\"Error en inferencia:\", e);\n // Solo continuar si no hemos completado el proceso\n if (this.captureStep !== 'completed') {\n // On error, wait longer before retrying\n setTimeout(() => this.detectFrame(), 100);\n }\n }\n }\n\n private isCardInFrame(box: any) {\n const cardCenterX = box.x + box.w / 2;\n const cardCenterY = box.y + box.h / 2;\n const frameCenterX = this.INPUT_SIZE / 2;\n const frameCenterY = this.INPUT_SIZE / 2;\n const toleranceX = 40;\n const toleranceY = 30;\n \n const isCentered = Math.abs(cardCenterX - frameCenterX) < toleranceX && \n Math.abs(cardCenterY - frameCenterY) < toleranceY;\n const isGoodSize = box.w > 150 && box.w < 300 && box.h > 90 && box.h < 200;\n \n return isCentered && isGoodSize;\n }\n\n\n private checkSideAlignment(box: any) {\n // Obtener las coordenadas del marco de referencia (máscara)\n const maskCenterX = this.INPUT_SIZE / 2;\n const maskCenterY = this.INPUT_SIZE / 2;\n const maskLeft = maskCenterX - (this.MASK_WIDTH / 2);\n const maskRight = maskCenterX + (this.MASK_WIDTH / 2);\n const maskTop = maskCenterY - (this.MASK_HEIGHT / 2);\n const maskBottom = maskCenterY + (this.MASK_HEIGHT / 2);\n \n // Obtener las coordenadas del documento detectado\n let docLeft = box.x;\n let docRight = box.x + box.w;\n const docTop = box.y;\n const docBottom = box.y + box.h;\n \n // Si el video está en modo mirror, invertir las coordenadas horizontales\n if (this.shouldMirrorVideo) {\n const originalDocLeft = docLeft;\n const originalDocRight = docRight;\n docLeft = this.INPUT_SIZE - originalDocRight;\n docRight = this.INPUT_SIZE - originalDocLeft;\n }\n \n // Tolerancia para considerar que un lado está alineado (en píxeles)\n const tolerance = this.alignmentTolerance;\n \n return {\n top: Math.abs(docTop - maskTop) <= tolerance,\n right: Math.abs(docRight - maskRight) <= tolerance,\n bottom: Math.abs(docBottom - maskBottom) <= tolerance,\n left: Math.abs(docLeft - maskLeft) <= tolerance\n };\n }\n\n private areAllSidesAligned(alignment: { top: boolean; right: boolean; bottom: boolean; left: boolean }) {\n return alignment.top && alignment.right && alignment.bottom && alignment.left;\n }\n\n private updateMaskColor(boxes: any[]) {\n const cardOutline = this.el.shadowRoot?.querySelector('.card-outline');\n const corners = this.el.shadowRoot?.querySelectorAll('.corner');\n const topSide = this.el.shadowRoot?.querySelector('.side-top');\n const rightSide = this.el.shadowRoot?.querySelector('.side-right');\n const bottomSide = this.el.shadowRoot?.querySelector('.side-bottom');\n const leftSide = this.el.shadowRoot?.querySelector('.side-left');\n \n let bestBox = null;\n let currentAlignment = { top: false, right: false, bottom: false, left: false };\n \n if (boxes.length > 0) {\n bestBox = boxes.reduce((best, current) => \n current.score > best.score ? current : best\n );\n currentAlignment = this.checkSideAlignment(bestBox);\n this.sideAlignment = currentAlignment;\n } else {\n // Reset alignment when no detection\n this.sideAlignment = { top: false, right: false, bottom: false, left: false };\n }\n \n // Actualizar colores de cada lado individualmente\n topSide?.classList.toggle('aligned', currentAlignment.top);\n rightSide?.classList.toggle('aligned', currentAlignment.right);\n bottomSide?.classList.toggle('aligned', currentAlignment.bottom);\n leftSide?.classList.toggle('aligned', currentAlignment.left);\n \n // Verificar si todos los lados están alineados\n const allSidesAligned = this.areAllSidesAligned(currentAlignment);\n \n if (allSidesAligned && bestBox) {\n cardOutline?.classList.add('perfect-match');\n corners?.forEach(corner => corner.classList.add('perfect-match'));\n \n if (!this.hasScreenshotTaken) {\n this.lastDetectedBox = bestBox;\n this.takeScreenshot();\n this.hasScreenshotTaken = true;\n // Reset para permitir segunda captura\n setTimeout(() => {\n this.hasScreenshotTaken = false;\n }, 2000);\n }\n } else {\n cardOutline?.classList.remove('perfect-match');\n corners?.forEach(corner => corner.classList.remove('perfect-match'));\n }\n }\n\n private updateGuidanceStatus(boxes: any[]) {\n if (boxes.length === 0) {\n this.statusMessage = \"Posicione la identificación dentro del marco\";\n this.statusColor = \"#ff6b6b\";\n } else {\n const bestBox = boxes.reduce((best, current) => \n current.score > best.score ? current : best\n );\n \n const alignment = this.checkSideAlignment(bestBox);\n const alignedSides = [alignment.top, alignment.right, alignment.bottom, alignment.left].filter(Boolean).length;\n const allSidesAligned = this.areAllSidesAligned(alignment);\n \n if (allSidesAligned) {\n this.statusMessage = \"Identificación perfectamente alineada. Mantenga inmóvil\";\n this.statusColor = \"#00ff00\";\n } else if (alignedSides > 0) {\n this.statusMessage = `Alinee los lados restantes (${alignedSides}/4 lados correctos)`;\n this.statusColor = \"#ffb366\";\n } else if (bestBox.w < 150) {\n this.statusMessage = \"Identificación detectada. Acerque al marco\";\n this.statusColor = \"#ffb366\";\n } else {\n this.statusMessage = \"Identificación detectada. Alinee con el marco\";\n this.statusColor = \"#ffb366\";\n }\n }\n }\n\n private drawDetections(ctx: CanvasRenderingContext2D, boxes: any[]) {\n // Scale factor to convert from model coordinates (320x320) to canvas coordinates (640x640)\n const scale = this.canvasRef!.width / this.INPUT_SIZE;\n \n boxes.forEach(det => {\n ctx.strokeStyle = \"#32406C\";\n ctx.lineWidth = 2;\n ctx.strokeRect(det.x * scale, det.y * scale, det.w * scale, det.h * scale);\n });\n }\n\n private takeScreenshot() {\n if (!this.videoRef || !this.lastDetectedBox) return;\n \n // Activar animación\n this.triggerCaptureAnimation();\n \n // OPTIMIZATION: Reuse capture canvas for full frame\n if (!this.captureCanvas || !this.captureCtx) {\n this.initializeCanvasPool();\n }\n \n // Resize reused canvas for full frame\n this.captureCanvas!.width = this.videoRef.videoWidth;\n this.captureCanvas!.height = this.videoRef.videoHeight;\n this.captureCtx!.drawImage(this.videoRef, 0, 0, this.captureCanvas!.width, this.captureCanvas!.height);\n \n // Calcular las coordenadas de recorte basadas en la detección\n const scaleX = this.videoRef.videoWidth / this.INPUT_SIZE;\n const scaleY = this.videoRef.videoHeight / this.INPUT_SIZE;\n \n const cropX = Math.max(0, this.lastDetectedBox.x * scaleX);\n const cropY = Math.max(0, this.lastDetectedBox.y * scaleY);\n const cropWidth = Math.min(this.lastDetectedBox.w * scaleX, this.videoRef.videoWidth - cropX);\n const cropHeight = Math.min(this.lastDetectedBox.h * scaleY, this.videoRef.videoHeight - cropY);\n \n // OPTIMIZATION: Create temporary canvas only for cropped version\n // (We reuse main capture canvas for full frame)\n const croppedCanvas = document.createElement('canvas');\n croppedCanvas.width = cropWidth;\n croppedCanvas.height = cropHeight;\n const croppedCtx = croppedCanvas.getContext('2d', { alpha: false })!;\n \n // Recortar la identificación del frame completo\n croppedCtx.drawImage(\n this.videoRef,\n cropX, cropY, cropWidth, cropHeight, // Área de origen\n 0, 0, cropWidth, cropHeight // Área de destino\n );\n \n if (this.captureStep === 'front') {\n // Captura del frente usando canvas reutilizado\n this.capturedFullFrame = this.captureCanvas!.toDataURL('image/png');\n this.capturedCroppedId = croppedCanvas.toDataURL('image/png');\n this.captureStep = 'back';\n this.statusMessage = \"Voltee la identificación y muestre la parte trasera\";\n this.statusColor = \"#007bff\";\n \n // Pausar detección durante la animación de giro\n this.isDetectionPaused = true;\n \n // Mostrar animación de giro después de la captura\n setTimeout(() => {\n this.showFlipAnimation = true;\n setTimeout(() => {\n this.showFlipAnimation = false;\n // Reanudar detección después de que termine la animación\n this.isDetectionPaused = false;\n }, 3000);\n }, 800);\n \n this.debugLog('📸 FRENTE capturado. Esperando trasera...');\n } else if (this.captureStep === 'back') {\n // Captura de la trasera usando canvas reutilizado\n this.capturedBackFullFrame = this.captureCanvas!.toDataURL('image/png');\n this.capturedBackCroppedId = croppedCanvas.toDataURL('image/png');\n this.completeProcess(false);\n \n this.debugLog('📸 TRASERA capturada. Proceso completado. Detector detenido. Imágenes emitidas.');\n }\n }\n\n private triggerCaptureAnimation() {\n this.isCapturing = true;\n \n // Agregar clase de animación al marco\n const cardOutline = this.el.shadowRoot?.querySelector('.card-outline');\n cardOutline?.classList.add('capturing');\n \n // Limpiar animación después de que termine\n setTimeout(() => {\n this.isCapturing = false;\n cardOutline?.classList.remove('capturing');\n }, 600);\n }\n\n private stopDetection() {\n if (this.animationId) {\n cancelAnimationFrame(this.animationId);\n this.animationId = undefined;\n }\n \n // Limpiar canvas para eliminar cualquier detección visual residual\n if (this.canvasRef) {\n const ctx = this.canvasRef.getContext(\"2d\")!;\n ctx.clearRect(0, 0, this.canvasRef.width, this.canvasRef.height);\n }\n \n this.debugLog('🛑 Detector de identificación detenido');\n }\n\n private resetDetection() {\n this.bestScore = 0;\n this.startTime = Date.now();\n this.statusMessage = \"Sistema reiniciado. Posicione la identificación\";\n this.statusColor = \"#aaa\";\n this.hasScreenshotTaken = false;\n this.capturedFullFrame = null;\n this.capturedCroppedId = null;\n this.capturedBackFullFrame = null;\n this.capturedBackCroppedId = null;\n this.captureStep = 'front';\n this.isCapturing = false;\n this.showFlipAnimation = false;\n this.showSuccessAnimation = false;\n this.isDetectionPaused = false;\n this.isLoading = false;\n this.lastDetectedBox = undefined;\n this.isModelPreloaded = false;\n \n // Reset performance counters\n this.frameSkipCounter = 0;\n this.consecutiveFailures = 0;\n this.lastInferenceTime = 0;\n \n if (this.canvasRef) {\n const ctx = this.canvasRef.getContext(\"2d\")!;\n ctx.clearRect(0, 0, this.canvasRef.width, this.canvasRef.height);\n }\n \n // Reiniciar el detector si estaba funcionando\n if (this.isVideoActive && this.session) {\n this.detectFrame();\n }\n }\n\n\n private completeProcess(skippedBack: boolean = false) {\n this.captureStep = 'completed';\n this.statusMessage = skippedBack ? \n \"Proceso completado (solo frente capturado)\" : \n \"Proceso de captura completado exitosamente\";\n this.statusColor = \"#28a745\";\n \n // Detener el detector\n this.stopDetection();\n \n // Emitir evento con las imágenes capturadas\n const capturedImages = {\n front: {\n fullFrame: this.capturedFullFrame,\n cropped: this.capturedCroppedId\n },\n back: {\n fullFrame: this.capturedBackFullFrame,\n cropped: this.capturedBackCroppedId\n },\n timestamp: new Date().toISOString(),\n metadata: {\n totalImages: skippedBack ? 2 : 4,\n processCompleted: true,\n backCaptureSkipped: skippedBack\n }\n };\n \n this.captureCompleted.emit(capturedImages);\n \n // Mostrar animación de éxito después de la captura\n setTimeout(() => {\n this.showSuccessAnimation = true;\n setTimeout(() => {\n this.showSuccessAnimation = false;\n }, 3000);\n }, 800);\n }\n\n private exitSession() {\n if (this.videoStream) {\n this.videoStream.getTracks().forEach(track => track.stop());\n this.videoStream = undefined;\n this.isVideoActive = false;\n this.statusMessage = \"Sesión finalizada.\";\n this.statusColor = \"#aaa\";\n }\n this.isLoading = false;\n \n // Limpiar canvas al finalizar sesión\n if (this.canvasRef) {\n const ctx = this.canvasRef.getContext(\"2d\")!;\n ctx.clearRect(0, 0, this.canvasRef.width, this.canvasRef.height);\n }\n \n this.cleanup();\n }\n\n render() {\n return (\n <div class=\"detector-container\">\n <div class=\"video-container\">\n <video \n ref={el => this.videoRef = el}\n width=\"640\" \n height=\"640\" \n autoplay \n muted \n playsinline\n class={this.shouldMirrorVideo ? 'mirror' : ''}\n style={{ display: this.isVideoActive ? 'block' : 'none' }}\n />\n <canvas \n ref={el => this.canvasRef = el}\n width=\"640\" \n height=\"640\"\n class={this.shouldMirrorVideo ? 'mirror' : ''}\n />\n <div class=\"overlay-mask\">\n <div class=\"card-outline\">\n <div class=\"side side-top\"></div>\n <div class=\"side side-right\"></div>\n <div class=\"side side-bottom\"></div>\n <div class=\"side side-left\"></div>\n <div class=\"corner corner-tl\"></div>\n <div class=\"corner corner-tr\"></div>\n <div class=\"corner corner-bl\"></div>\n <div class=\"corner corner-br\"></div>\n {!this.showFlipAnimation && !this.showSuccessAnimation && (\n <div class=\"guide-text\">{this.statusMessage}</div>\n )}\n </div>\n {this.captureStep === 'back' && !this.showFlipAnimation && !this.showSuccessAnimation && (\n <button \n class=\"skip-button\" \n onClick={() => this.skipBackCapture()}\n type=\"button\"\n >\n Saltar reverso\n </button>\n )}\n </div>\n \n {this.isCapturing && (\n <div class=\"capture-animation\"></div>\n )}\n \n {this.showFlipAnimation && (\n <div class=\"flip-animation\">\n <div class=\"id-card-icon\"></div>\n <div class=\"flip-text\">¡Voltea tu identificación!</div>\n </div>\n )}\n \n {this.showSuccessAnimation && (\n <div class=\"success-animation\">\n <div class=\"check-icon\"></div>\n <div class=\"success-text\">¡Proceso completado!</div>\n </div>\n )}\n \n {this.isLoading && (\n <div class=\"loading-overlay\">\n <div class=\"loading-spinner\"></div>\n <div class=\"loading-text\">{this.statusMessage}</div>\n </div>\n )}\n \n <div class=\"watermark\">\n <img src=\"https://storage.googleapis.com/jaak-static/commons/powered-by-jaak.png\" alt=\"Powered by Jaak\" />\n </div>\n </div>\n\n\n\n </div>\n );\n }\n}\n"],"version":3}
1
+ {"file":"jaak-stamps.js","mappings":"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","names":["JaakStamps","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/my-component.css?tag=jaak-stamps&encapsulation=shadow","src/components/my-component/my-component.tsx"],"sourcesContent":[":host {\n display: block;\n font-family: system-ui, -apple-system, sans-serif;\n color: #1a1a1a;\n}\n\n.detector-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\nh1 {\n font-size: 24px;\n font-weight: 500;\n color: #333;\n margin: 0 0 24px 0;\n}\n\n.video-container {\n position: relative;\n width: 100%;\n max-width: 640px;\n aspect-ratio: 1;\n background: #fff;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n overflow: hidden;\n}\n\nvideo, canvas {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 8px;\n}\n\nvideo.mirror, canvas.mirror {\n transform: rotateY(180deg);\n}\n\ncanvas { \n z-index: 1; \n}\n\nvideo { \n z-index: 0; \n}\n\n\n.status {\n margin-top: 16px;\n font-size: 12px;\n color: #666;\n}\n\n/* Overlay mask for ID card guidance */\n.overlay-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 10;\n display: block;\n pointer-events: none;\n}\n\n.card-outline {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 88%;\n height: 55%;\n border: none;\n border-radius: 4px;\n background: transparent;\n box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7);\n opacity: 0.8;\n}\n\n.card-outline.perfect-match {\n box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7);\n}\n\n/* Lados individuales de la máscara */\n.side {\n position: absolute;\n background: #999;\n transition: background-color 0.3s ease;\n}\n\n.side.aligned {\n background: #28a745;\n}\n\n.side-top {\n top: 0;\n left: 0;\n width: 100%;\n height: 3px;\n}\n\n.side-right {\n top: 0;\n right: 0;\n width: 3px;\n height: 100%;\n}\n\n.side-bottom {\n bottom: 0;\n left: 0;\n width: 100%;\n height: 3px;\n}\n\n.side-left {\n top: 0;\n left: 0;\n width: 3px;\n height: 100%;\n}\n\n.corner {\n position: absolute;\n width: 20px;\n height: 20px;\n border: 2px solid #999;\n z-index: 12;\n}\n\n.corner-tl {\n top: -10px;\n left: -10px;\n border-right: none;\n border-bottom: none;\n}\n\n.corner-tr {\n top: -10px;\n right: -10px;\n border-left: none;\n border-bottom: none;\n}\n\n.corner-bl {\n bottom: -10px;\n left: -10px;\n border-right: none;\n border-top: none;\n}\n\n.corner-br {\n bottom: -10px;\n right: -10px;\n border-left: none;\n border-top: none;\n}\n\n.corner.perfect-match {\n border-color: #28a745;\n}\n\n.guide-text {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: #fff;\n font-size: 14px;\n font-weight: 600;\n text-align: center;\n white-space: normal;\n background: rgba(128, 128, 128, 0.8);\n padding: 12px 20px;\n border-radius: 20px;\n max-width: 300px;\n z-index: 20;\n}\n\n\n/* Animación de captura */\n.capture-animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: #fff;\n opacity: 0;\n z-index: 30;\n pointer-events: none;\n animation: captureFlash 0.6s ease-out;\n}\n\n@keyframes captureFlash {\n 0% {\n opacity: 0;\n }\n 15% {\n opacity: 0.8;\n }\n 30% {\n opacity: 0;\n }\n 45% {\n opacity: 0.4;\n }\n 60% {\n opacity: 0;\n }\n 100% {\n opacity: 0;\n }\n}\n\n/* Animación del marco durante captura */\n.card-outline.capturing {\n animation: pulseGreen 0.6s ease-out;\n}\n\n@keyframes pulseGreen {\n 0% {\n border-color: #28a745;\n box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7), 0 0 0 4px rgba(40, 167, 69, 0);\n }\n 50% {\n border-color: #28a745;\n box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7), 0 0 0 8px rgba(40, 167, 69, 0.6);\n }\n 100% {\n border-color: #28a745;\n box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7), 0 0 0 4px rgba(40, 167, 69, 0);\n }\n}\n\n/* Animación de voltear identificación */\n.flip-animation {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 35;\n pointer-events: none;\n opacity: 0;\n animation: showFlipInstruction 3s ease-in-out;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.id-card-icon {\n width: 80px;\n height: 50px;\n background: linear-gradient(135deg, #6c757d 0%, #495057 100%);\n border-radius: 8px;\n position: relative;\n animation: flipCard 2s ease-in-out infinite;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n}\n\n.id-card-icon::before {\n content: '';\n position: absolute;\n top: 8px;\n left: 8px;\n width: 16px;\n height: 12px;\n background: rgba(255, 255, 255, 0.9);\n border-radius: 2px;\n}\n\n.id-card-icon::after {\n content: '';\n position: absolute;\n top: 25px;\n left: 8px;\n width: 64px;\n height: 3px;\n background: rgba(255, 255, 255, 0.7);\n border-radius: 1px;\n box-shadow: 0 6px 0 rgba(255, 255, 255, 0.7), 0 12px 0 rgba(255, 255, 255, 0.7);\n}\n\n.flip-text {\n margin-top: 12px;\n color: #fff;\n font-size: 14px;\n font-weight: 600;\n text-align: center;\n background: rgba(128, 128, 128, 0.8);\n padding: 12px 20px;\n border-radius: 20px;\n max-width: 300px;\n}\n\n@keyframes showFlipInstruction {\n 0% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.8);\n }\n 15% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 85% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 100% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.8);\n }\n}\n\n@keyframes flipCard {\n 0% {\n transform: rotateY(0deg);\n }\n 50% {\n transform: rotateY(180deg);\n }\n 100% {\n transform: rotateY(360deg);\n }\n}\n\n/* Animación de éxito */\n.success-animation {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 35;\n pointer-events: none;\n opacity: 0;\n animation: showSuccessMessage 3s ease-in-out;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.check-icon {\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, #6c757d 0%, #495057 100%);\n border-radius: 50%;\n position: relative;\n animation: bounceSuccess 0.6s ease-out;\n box-shadow: 0 4px 16px rgba(108, 117, 125, 0.4);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.check-icon::before {\n content: '';\n position: absolute;\n width: 20px;\n height: 35px;\n border: 4px solid #fff;\n border-top: none;\n border-left: none;\n transform: rotate(45deg);\n animation: drawCheck 0.4s ease-out 0.2s both;\n}\n\n.success-text {\n margin-top: 16px;\n color: #fff;\n font-size: 14px;\n font-weight: 600;\n text-align: center;\n background: rgba(128, 128, 128, 0.8);\n padding: 12px 20px;\n border-radius: 20px;\n max-width: 300px;\n animation: fadeInUp 0.5s ease-out 0.4s both;\n}\n\n@keyframes showSuccessMessage {\n 0% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.5);\n }\n 15% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 85% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 100% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.9);\n }\n}\n\n@keyframes bounceSuccess {\n 0% {\n transform: scale(0);\n }\n 50% {\n transform: scale(1.1);\n }\n 100% {\n transform: scale(1);\n }\n}\n\n@keyframes drawCheck {\n 0% {\n width: 0;\n height: 0;\n }\n 50% {\n width: 20px;\n height: 0;\n }\n 100% {\n width: 20px;\n height: 35px;\n }\n}\n\n@keyframes fadeInUp {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n/* Bot\\u00f3n para saltar reverso */\n.skip-button {\n position: absolute;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 25;\n pointer-events: auto;\n background: #fff;\n color: #333;\n border: none;\n border-radius: 25px;\n padding: 12px 24px;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n}\n\n.skip-button:hover {\n background: #f8f9fa;\n}\n\n.skip-button:active {\n background: #e9ecef;\n transform: translateX(-50%) translateY(0);\n}\n\n/* Marca de agua */\n.watermark {\n position: absolute;\n bottom: 12px;\n right: 12px;\n z-index: 15;\n pointer-events: none;\n opacity: 0.7;\n}\n\n.watermark img {\n height: 24px;\n width: auto;\n filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));\n}\n\n/* Animación de carga */\n.loading-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.8);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n z-index: 30;\n border-radius: 20px;\n}\n\n.loading-spinner {\n width: 60px;\n height: 60px;\n border: 4px solid rgba(255, 255, 255, 0.2);\n border-top: 4px solid #007bff;\n border-radius: 50%;\n animation: spin 1s linear infinite;\n margin-bottom: 20px;\n}\n\n.loading-text {\n color: white;\n font-size: 16px;\n font-weight: 500;\n text-align: center;\n opacity: 0.9;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}","import { Component, Element, State, Prop, Method, Event, EventEmitter, h } from '@stencil/core';\n\n@Component({\n tag: 'jaak-stamps',\n styleUrl: 'my-component.css',\n shadow: true,\n})\nexport class JaakStamps {\n @Element() el!: HTMLElement;\n @Prop() debug: boolean = false;\n @Prop() alignmentTolerance: number = 10; // Tolerancia en píxeles para considerar un lado alineado (escalado para 320x320)\n \n @Event() captureCompleted: EventEmitter<any>;\n @Event() isReady: EventEmitter<boolean>;\n \n @State() isVideoActive: boolean = false;\n @State() statusMessage: string = 'Presione el botón para activar la cámara';\n @State() statusColor: string = '#aaa';\n @State() bestScore: number = 0;\n @State() capturedFullFrame: string | null = null;\n @State() capturedCroppedId: string | null = null;\n @State() capturedBackFullFrame: string | null = null;\n @State() capturedBackCroppedId: string | null = null;\n @State() captureStep: 'front' | 'back' | 'completed' = 'front';\n @State() isCapturing: boolean = false;\n @State() showFlipAnimation: boolean = false;\n @State() showSuccessAnimation: boolean = false;\n @State() shouldMirrorVideo: boolean = true;\n @State() sideAlignment: { top: boolean; right: boolean; bottom: boolean; left: boolean } = {\n top: false,\n right: false,\n bottom: false,\n left: false\n };\n @State() isDetectionPaused: boolean = false;\n @State() isLoading: boolean = false;\n @State() isModelPreloaded: boolean = false;\n \n private videoRef?: HTMLVideoElement;\n private canvasRef?: HTMLCanvasElement;\n private session?: any;\n private startTime?: number;\n private videoStream?: MediaStream;\n private animationId?: number;\n private hasScreenshotTaken: boolean = false;\n private lastDetectedBox?: any;\n \n // Performance optimization properties\n private frameSkipCounter: number = 0;\n private readonly FRAME_SKIP: number = 2; // Process every 3rd frame (reduces CPU by ~66%)\n private consecutiveFailures: number = 0;\n private readonly MAX_FAILURES: number = 30; // 0.5 seconds without detection\n private lastInferenceTime: number = 0;\n private readonly MIN_INFERENCE_INTERVAL: number = 50; // Minimum 50ms between inferences\n \n // Canvas pooling for memory optimization\n private preprocessCanvas?: HTMLCanvasElement;\n private preprocessCtx?: CanvasRenderingContext2D;\n private captureCanvas?: HTMLCanvasElement;\n private captureCtx?: CanvasRenderingContext2D;\n \n private readonly MODEL_PATH = \"https://storage.googleapis.com/jaak-static/web/component/stamps/detector-nano.onnx\";\n private readonly INPUT_SIZE = 320;\n private readonly CONFIDENCE_THRESHOLD = 0.6;\n private readonly MASK_WIDTH = 280;\n private readonly MASK_HEIGHT = 176;\n\n private debugLog(...args: any[]) {\n if (this.debug) {\n console.log(...args);\n }\n }\n\n private emitReadyEvent() {\n const isDocumentReady = !!(window as any).ort && this.isModelPreloaded;\n this.isReady.emit(isDocumentReady);\n this.debugLog('🟢 isReady event emitted:', isDocumentReady);\n }\n\n\n\n private isRearCamera(stream: MediaStream): boolean {\n const videoTrack = stream.getVideoTracks()[0];\n if (!videoTrack) return false;\n \n const settings = videoTrack.getSettings();\n return settings.facingMode === 'environment';\n }\n\n async componentDidLoad() {\n if (!(window as any).ort) {\n const script = document.createElement('script');\n script.src = 'https://cdn.jsdelivr.net/npm/onnxruntime-web/dist/ort.min.js';\n document.head.appendChild(script);\n \n // Wait for ONNX runtime to load before emitting ready event\n script.onload = () => {\n this.emitReadyEvent();\n };\n } else {\n // ONNX runtime already loaded\n this.emitReadyEvent();\n }\n \n // Initialize canvas pool for better performance\n this.initializeCanvasPool();\n }\n \n private initializeCanvasPool() {\n // Preprocess canvas - reused for every inference\n this.preprocessCanvas = document.createElement('canvas');\n this.preprocessCanvas.width = this.INPUT_SIZE;\n this.preprocessCanvas.height = this.INPUT_SIZE;\n this.preprocessCtx = this.preprocessCanvas.getContext('2d', {\n alpha: false, // No transparency needed\n willReadFrequently: true // Optimize for frequent getImageData calls\n })!;\n \n // Capture canvas - reused for screenshots\n this.captureCanvas = document.createElement('canvas');\n this.captureCtx = this.captureCanvas.getContext('2d', {\n alpha: false\n })!;\n \n this.debugLog('🎨 Canvas pool initialized for performance');\n }\n\n disconnectedCallback() {\n this.cleanup();\n }\n\n @Method()\n async getCapturedImages() {\n if (this.captureStep !== 'completed') {\n throw new Error('El proceso de captura no ha sido completado');\n }\n\n return {\n front: {\n fullFrame: this.capturedFullFrame,\n cropped: this.capturedCroppedId\n },\n back: {\n fullFrame: this.capturedBackFullFrame,\n cropped: this.capturedBackCroppedId\n },\n metadata: {\n hasBackCapture: !!(this.capturedBackFullFrame && this.capturedBackCroppedId),\n totalImages: (this.capturedBackFullFrame && this.capturedBackCroppedId) ? 4 : 2\n }\n };\n }\n\n @Method()\n async isProcessCompleted() {\n return this.captureStep === 'completed';\n }\n\n @Method()\n async startCapture() {\n await this.startDetection();\n }\n\n @Method()\n async stopCapture() {\n this.exitSession();\n }\n\n @Method()\n async resetCapture() {\n this.resetDetection();\n }\n\n @Method()\n async getStatus() {\n return {\n isVideoActive: this.isVideoActive,\n captureStep: this.captureStep,\n statusMessage: this.statusMessage,\n hasImages: !!(this.capturedFullFrame || this.capturedBackFullFrame),\n isProcessCompleted: this.captureStep === 'completed',\n isModelPreloaded: this.isModelPreloaded\n };\n }\n\n @Method()\n async preloadModel() {\n if (this.isModelPreloaded || this.session) {\n this.debugLog('🚀 Model already preloaded or session exists');\n return { success: true, message: 'Model already loaded' };\n }\n\n try {\n this.isLoading = true;\n this.statusMessage = \"Precargando modelo de detección...\";\n this.statusColor = \"#007bff\";\n \n const modelPath = this.MODEL_PATH;\n this.debugLog('🤖 Preloading model:', modelPath);\n \n // Configure ONNX Runtime with device-specific optimizations\n const sessionOptions = this.getSessionOptions();\n \n this.session = await (window as any).ort.InferenceSession.create(modelPath, sessionOptions);\n this.isModelPreloaded = true;\n this.isLoading = false;\n this.statusMessage = \"Modelo precargado. Listo para comenzar detección\";\n this.statusColor = \"#28a745\";\n \n this.emitReadyEvent();\n this.debugLog('✅ Model preloaded successfully');\n return { success: true, message: 'Model preloaded successfully' };\n } catch (error) {\n this.debugLog('❌ Error preloading model:', error);\n this.isLoading = false;\n this.statusMessage = \"Error al precargar el modelo\";\n this.statusColor = \"#ff6b6b\";\n return { success: false, error: error.message };\n }\n }\n\n @Method()\n async skipBackCapture() {\n if (this.captureStep === 'back' && this.capturedFullFrame) {\n this.completeProcess(true);\n }\n }\n\n private cleanup() {\n if (this.animationId) {\n cancelAnimationFrame(this.animationId);\n }\n if (this.videoStream) {\n this.videoStream.getTracks().forEach(track => track.stop());\n }\n \n // Limpiar canvas en cleanup general\n if (this.canvasRef) {\n const ctx = this.canvasRef.getContext(\"2d\");\n if (ctx) {\n ctx.clearRect(0, 0, this.canvasRef.width, this.canvasRef.height);\n }\n }\n \n // OPTIMIZATION: Clean up canvas pool\n this.cleanupCanvasPool();\n }\n \n private cleanupCanvasPool() {\n // Release canvas references for garbage collection\n if (this.preprocessCanvas) {\n this.preprocessCtx = undefined;\n this.preprocessCanvas = undefined;\n }\n if (this.captureCanvas) {\n this.captureCtx = undefined;\n this.captureCanvas = undefined;\n }\n \n // Disposed ONNX session\n if (this.session) {\n this.session.release?.();\n this.session = undefined;\n }\n this.isModelPreloaded = false;\n \n this.debugLog('🧹 Canvas pool cleaned up');\n }\n\n private async setupCamera() {\n try {\n const stream = await navigator.mediaDevices.getUserMedia({\n video: {\n width: { exact: 640 },\n height: { exact: 640 },\n facingMode: \"environment\"\n },\n audio: false\n });\n\n if (this.videoRef) {\n this.videoRef.srcObject = stream;\n this.videoStream = stream;\n \n // Determine if video should be mirrored\n const isRear = this.isRearCamera(stream);\n this.shouldMirrorVideo = !isRear;\n \n this.debugLog('📹 Rear camera:', isRear);\n this.debugLog('🪞 Should mirror video:', this.shouldMirrorVideo);\n \n return new Promise<void>((resolve) => {\n this.videoRef!.onloadedmetadata = async () => {\n await this.videoRef!.play();\n this.isVideoActive = true;\n resolve();\n };\n });\n }\n } catch (err) {\n this.debugLog(\"❌ No se pudo acceder a la cámara:\", err);\n this.statusMessage = \"Error: No se pudo acceder a la cámara.\";\n this.statusColor = \"#ff6b6b\";\n }\n }\n\n private preprocess(video: HTMLVideoElement) {\n // OPTIMIZATION: Reuse canvas instead of creating new ones\n if (!this.preprocessCanvas || !this.preprocessCtx) {\n this.initializeCanvasPool();\n }\n \n // Clear and redraw on reused canvas\n this.preprocessCtx!.clearRect(0, 0, this.INPUT_SIZE, this.INPUT_SIZE);\n this.preprocessCtx!.drawImage(video, 0, 0, this.INPUT_SIZE, this.INPUT_SIZE);\n \n const imageData = this.preprocessCtx!.getImageData(0, 0, this.INPUT_SIZE, this.INPUT_SIZE);\n const [R, G, B] = [[], [], []] as number[][];\n const { data } = imageData;\n\n // Optimized pixel processing\n for (let i = 0; i < data.length; i += 4) {\n R.push(data[i] / 255);\n G.push(data[i + 1] / 255);\n B.push(data[i + 2] / 255);\n }\n\n const transposedData = new Float32Array(R.concat(G, B));\n return new (window as any).ort.Tensor(\"float32\", transposedData, [1, 3, this.INPUT_SIZE, this.INPUT_SIZE]);\n }\n\n private getSessionOptions() {\n return {\n executionProviders: [\n // Try WebGL first for GPU acceleration, fallback to WASM\n 'webgl',\n 'wasm'\n ],\n graphOptimizationLevel: 'all', // Maximum optimization\n logSeverityLevel: this.debug ? 2 : 4, // Reduce logging overhead in production\n logVerbosityLevel: 0,\n enableCpuMemArena: true,\n enableMemPattern: true,\n executionMode: 'parallel',\n interOpNumThreads: 2,\n intraOpNumThreads: 2,\n };\n }\n\n private async startDetection() {\n try {\n // Check if model is already preloaded\n if (!this.session) {\n this.isLoading = true;\n this.statusMessage = \"Cargando modelo de detección...\";\n this.statusColor = \"#007bff\";\n \n const modelPath = this.MODEL_PATH;\n this.debugLog('🤖 Loading model:', modelPath);\n \n const sessionOptions = this.getSessionOptions();\n this.session = await (window as any).ort.InferenceSession.create(modelPath, sessionOptions);\n this.isModelPreloaded = true;\n this.emitReadyEvent();\n } else {\n this.debugLog('🚀 Using preloaded model');\n this.statusMessage = \"Usando modelo precargado...\";\n this.statusColor = \"#007bff\";\n }\n \n this.statusMessage = \"Configurando cámara...\";\n await this.setupCamera();\n \n this.startTime = Date.now();\n this.isLoading = false;\n this.detectFrame();\n } catch (err) {\n this.debugLog(\"Error al inicializar:\", err);\n this.statusMessage = \"Error al inicializar el detector\";\n this.statusColor = \"#ff6b6b\";\n this.isLoading = false;\n }\n }\n\n private async detectFrame() {\n try {\n if (!this.videoRef || !this.canvasRef || !this.session) return;\n \n // Pausar detección si está marcado como pausado\n if (this.isDetectionPaused) {\n // Solo continuar el bucle sin procesar detección\n if (this.captureStep !== 'completed') {\n this.animationId = requestAnimationFrame(() => this.detectFrame());\n }\n return;\n }\n \n // OPTIMIZATION 1: Frame skipping for performance\n this.frameSkipCounter++;\n if (this.frameSkipCounter <= this.FRAME_SKIP) {\n if (this.captureStep !== 'completed') {\n this.animationId = requestAnimationFrame(() => this.detectFrame());\n }\n return;\n }\n this.frameSkipCounter = 0;\n \n // OPTIMIZATION 2: Throttle inference based on time\n const currentTime = Date.now();\n if (currentTime - this.lastInferenceTime < this.MIN_INFERENCE_INTERVAL) {\n if (this.captureStep !== 'completed') {\n this.animationId = requestAnimationFrame(() => this.detectFrame());\n }\n return;\n }\n this.lastInferenceTime = currentTime;\n \n const ctx = this.canvasRef.getContext(\"2d\")!;\n const inputTensor = this.preprocess(this.videoRef);\n const feeds = { [this.session.inputNames[0]]: inputTensor };\n const results = await this.session.run(feeds);\n const output = results[this.session.outputNames[0]].data;\n\n const finalBoxes = [];\n for (let i = 0; i < output.length; i += 6) {\n const [x1, y1, x2, y2, score, classId] = output.slice(i, i + 6);\n if (score > this.CONFIDENCE_THRESHOLD) {\n finalBoxes.push({ x: x1, y: y1, w: x2 - x1, h: y2 - y1, score, classId });\n\n if (this.startTime && Date.now() - this.startTime < 5000) {\n const currentBox = { x: x1, y: y1, w: x2 - x1, h: y2 - y1, score };\n const isWellPositioned = this.isCardInFrame(currentBox);\n const effectiveScore = isWellPositioned ? score * 1.2 : score;\n \n if (effectiveScore > this.bestScore) {\n this.bestScore = effectiveScore;\n \n }\n }\n }\n }\n \n // OPTIMIZATION 3: Adaptive frame rate based on detection success\n if (finalBoxes.length === 0) {\n this.consecutiveFailures++;\n } else {\n this.consecutiveFailures = 0;\n }\n\n ctx.clearRect(0, 0, this.canvasRef.width, this.canvasRef.height);\n if (this.debug) {\n this.drawDetections(ctx, finalBoxes);\n }\n this.updateGuidanceStatus(finalBoxes);\n this.updateMaskColor(finalBoxes);\n \n // Solo continuar si no hemos completado el proceso\n if (this.captureStep !== 'completed') {\n // OPTIMIZATION 4: Reduce frame rate when no detection for better battery life\n if (this.consecutiveFailures > this.MAX_FAILURES) {\n // Reduce to ~5fps when no detection for 0.5 seconds\n setTimeout(() => this.detectFrame(), 200);\n } else {\n this.animationId = requestAnimationFrame(() => this.detectFrame());\n }\n }\n } catch (e) {\n this.debugLog(\"Error en inferencia:\", e);\n // Solo continuar si no hemos completado el proceso\n if (this.captureStep !== 'completed') {\n // On error, wait longer before retrying\n setTimeout(() => this.detectFrame(), 100);\n }\n }\n }\n\n private isCardInFrame(box: any) {\n const cardCenterX = box.x + box.w / 2;\n const cardCenterY = box.y + box.h / 2;\n const frameCenterX = this.INPUT_SIZE / 2;\n const frameCenterY = this.INPUT_SIZE / 2;\n const toleranceX = 40;\n const toleranceY = 30;\n \n const isCentered = Math.abs(cardCenterX - frameCenterX) < toleranceX && \n Math.abs(cardCenterY - frameCenterY) < toleranceY;\n const isGoodSize = box.w > 150 && box.w < 300 && box.h > 90 && box.h < 200;\n \n return isCentered && isGoodSize;\n }\n\n\n private checkSideAlignment(box: any) {\n // Obtener las coordenadas del marco de referencia (máscara)\n const maskCenterX = this.INPUT_SIZE / 2;\n const maskCenterY = this.INPUT_SIZE / 2;\n const maskLeft = maskCenterX - (this.MASK_WIDTH / 2);\n const maskRight = maskCenterX + (this.MASK_WIDTH / 2);\n const maskTop = maskCenterY - (this.MASK_HEIGHT / 2);\n const maskBottom = maskCenterY + (this.MASK_HEIGHT / 2);\n \n // Obtener las coordenadas del documento detectado\n let docLeft = box.x;\n let docRight = box.x + box.w;\n const docTop = box.y;\n const docBottom = box.y + box.h;\n \n // Si el video está en modo mirror, invertir las coordenadas horizontales\n if (this.shouldMirrorVideo) {\n const originalDocLeft = docLeft;\n const originalDocRight = docRight;\n docLeft = this.INPUT_SIZE - originalDocRight;\n docRight = this.INPUT_SIZE - originalDocLeft;\n }\n \n // Tolerancia para considerar que un lado está alineado (en píxeles)\n const tolerance = this.alignmentTolerance;\n \n return {\n top: Math.abs(docTop - maskTop) <= tolerance,\n right: Math.abs(docRight - maskRight) <= tolerance,\n bottom: Math.abs(docBottom - maskBottom) <= tolerance,\n left: Math.abs(docLeft - maskLeft) <= tolerance\n };\n }\n\n private areAllSidesAligned(alignment: { top: boolean; right: boolean; bottom: boolean; left: boolean }) {\n return alignment.top && alignment.right && alignment.bottom && alignment.left;\n }\n\n private updateMaskColor(boxes: any[]) {\n const cardOutline = this.el.shadowRoot?.querySelector('.card-outline');\n const corners = this.el.shadowRoot?.querySelectorAll('.corner');\n const topSide = this.el.shadowRoot?.querySelector('.side-top');\n const rightSide = this.el.shadowRoot?.querySelector('.side-right');\n const bottomSide = this.el.shadowRoot?.querySelector('.side-bottom');\n const leftSide = this.el.shadowRoot?.querySelector('.side-left');\n \n let bestBox = null;\n let currentAlignment = { top: false, right: false, bottom: false, left: false };\n \n if (boxes.length > 0) {\n bestBox = boxes.reduce((best, current) => \n current.score > best.score ? current : best\n );\n currentAlignment = this.checkSideAlignment(bestBox);\n this.sideAlignment = currentAlignment;\n } else {\n // Reset alignment when no detection\n this.sideAlignment = { top: false, right: false, bottom: false, left: false };\n }\n \n // Actualizar colores de cada lado individualmente\n topSide?.classList.toggle('aligned', currentAlignment.top);\n rightSide?.classList.toggle('aligned', currentAlignment.right);\n bottomSide?.classList.toggle('aligned', currentAlignment.bottom);\n leftSide?.classList.toggle('aligned', currentAlignment.left);\n \n // Verificar si todos los lados están alineados\n const allSidesAligned = this.areAllSidesAligned(currentAlignment);\n \n if (allSidesAligned && bestBox) {\n cardOutline?.classList.add('perfect-match');\n corners?.forEach(corner => corner.classList.add('perfect-match'));\n \n if (!this.hasScreenshotTaken) {\n this.lastDetectedBox = bestBox;\n this.takeScreenshot();\n this.hasScreenshotTaken = true;\n // Reset para permitir segunda captura\n setTimeout(() => {\n this.hasScreenshotTaken = false;\n }, 2000);\n }\n } else {\n cardOutline?.classList.remove('perfect-match');\n corners?.forEach(corner => corner.classList.remove('perfect-match'));\n }\n }\n\n private updateGuidanceStatus(boxes: any[]) {\n if (boxes.length === 0) {\n this.statusMessage = \"Posicione la identificación dentro del marco\";\n this.statusColor = \"#ff6b6b\";\n } else {\n const bestBox = boxes.reduce((best, current) => \n current.score > best.score ? current : best\n );\n \n const alignment = this.checkSideAlignment(bestBox);\n const alignedSides = [alignment.top, alignment.right, alignment.bottom, alignment.left].filter(Boolean).length;\n const allSidesAligned = this.areAllSidesAligned(alignment);\n \n if (allSidesAligned) {\n this.statusMessage = \"Identificación perfectamente alineada. Mantenga inmóvil\";\n this.statusColor = \"#00ff00\";\n } else if (alignedSides > 0) {\n this.statusMessage = `Alinee los lados restantes (${alignedSides}/4 lados correctos)`;\n this.statusColor = \"#ffb366\";\n } else if (bestBox.w < 150) {\n this.statusMessage = \"Identificación detectada. Acerque al marco\";\n this.statusColor = \"#ffb366\";\n } else {\n this.statusMessage = \"Identificación detectada. Alinee con el marco\";\n this.statusColor = \"#ffb366\";\n }\n }\n }\n\n private drawDetections(ctx: CanvasRenderingContext2D, boxes: any[]) {\n // Scale factor to convert from model coordinates (320x320) to canvas coordinates (640x640)\n const scale = this.canvasRef!.width / this.INPUT_SIZE;\n \n boxes.forEach(det => {\n ctx.strokeStyle = \"#32406C\";\n ctx.lineWidth = 2;\n ctx.strokeRect(det.x * scale, det.y * scale, det.w * scale, det.h * scale);\n });\n }\n\n private takeScreenshot() {\n if (!this.videoRef || !this.lastDetectedBox) return;\n \n // Activar animación\n this.triggerCaptureAnimation();\n \n // OPTIMIZATION: Reuse capture canvas for full frame\n if (!this.captureCanvas || !this.captureCtx) {\n this.initializeCanvasPool();\n }\n \n // Resize reused canvas for full frame\n this.captureCanvas!.width = this.videoRef.videoWidth;\n this.captureCanvas!.height = this.videoRef.videoHeight;\n this.captureCtx!.drawImage(this.videoRef, 0, 0, this.captureCanvas!.width, this.captureCanvas!.height);\n \n // Calcular las coordenadas de recorte basadas en la detección\n const scaleX = this.videoRef.videoWidth / this.INPUT_SIZE;\n const scaleY = this.videoRef.videoHeight / this.INPUT_SIZE;\n \n const cropX = Math.max(0, this.lastDetectedBox.x * scaleX);\n const cropY = Math.max(0, this.lastDetectedBox.y * scaleY);\n const cropWidth = Math.min(this.lastDetectedBox.w * scaleX, this.videoRef.videoWidth - cropX);\n const cropHeight = Math.min(this.lastDetectedBox.h * scaleY, this.videoRef.videoHeight - cropY);\n \n // OPTIMIZATION: Create temporary canvas only for cropped version\n // (We reuse main capture canvas for full frame)\n const croppedCanvas = document.createElement('canvas');\n croppedCanvas.width = cropWidth;\n croppedCanvas.height = cropHeight;\n const croppedCtx = croppedCanvas.getContext('2d', { alpha: false })!;\n \n // Recortar la identificación del frame completo\n croppedCtx.drawImage(\n this.videoRef,\n cropX, cropY, cropWidth, cropHeight, // Área de origen\n 0, 0, cropWidth, cropHeight // Área de destino\n );\n \n if (this.captureStep === 'front') {\n // Captura del frente usando canvas reutilizado\n this.capturedFullFrame = this.captureCanvas!.toDataURL('image/png');\n this.capturedCroppedId = croppedCanvas.toDataURL('image/png');\n this.captureStep = 'back';\n this.statusMessage = \"Voltee la identificación y muestre la parte trasera\";\n this.statusColor = \"#007bff\";\n \n // Pausar detección durante la animación de giro\n this.isDetectionPaused = true;\n \n // Mostrar animación de giro después de la captura\n setTimeout(() => {\n this.showFlipAnimation = true;\n setTimeout(() => {\n this.showFlipAnimation = false;\n // Reanudar detección después de que termine la animación\n this.isDetectionPaused = false;\n }, 3000);\n }, 800);\n \n this.debugLog('📸 FRENTE capturado. Esperando trasera...');\n } else if (this.captureStep === 'back') {\n // Captura de la trasera usando canvas reutilizado\n this.capturedBackFullFrame = this.captureCanvas!.toDataURL('image/png');\n this.capturedBackCroppedId = croppedCanvas.toDataURL('image/png');\n this.completeProcess(false);\n \n this.debugLog('📸 TRASERA capturada. Proceso completado. Detector detenido. Imágenes emitidas.');\n }\n }\n\n private triggerCaptureAnimation() {\n this.isCapturing = true;\n \n // Agregar clase de animación al marco\n const cardOutline = this.el.shadowRoot?.querySelector('.card-outline');\n cardOutline?.classList.add('capturing');\n \n // Limpiar animación después de que termine\n setTimeout(() => {\n this.isCapturing = false;\n cardOutline?.classList.remove('capturing');\n }, 600);\n }\n\n private stopDetection() {\n if (this.animationId) {\n cancelAnimationFrame(this.animationId);\n this.animationId = undefined;\n }\n \n // Limpiar canvas para eliminar cualquier detección visual residual\n if (this.canvasRef) {\n const ctx = this.canvasRef.getContext(\"2d\")!;\n ctx.clearRect(0, 0, this.canvasRef.width, this.canvasRef.height);\n }\n \n this.debugLog('🛑 Detector de identificación detenido');\n }\n\n private resetDetection() {\n this.bestScore = 0;\n this.startTime = Date.now();\n this.statusMessage = \"Sistema reiniciado. Posicione la identificación\";\n this.statusColor = \"#aaa\";\n this.hasScreenshotTaken = false;\n this.capturedFullFrame = null;\n this.capturedCroppedId = null;\n this.capturedBackFullFrame = null;\n this.capturedBackCroppedId = null;\n this.captureStep = 'front';\n this.isCapturing = false;\n this.showFlipAnimation = false;\n this.showSuccessAnimation = false;\n this.isDetectionPaused = false;\n this.isLoading = false;\n this.lastDetectedBox = undefined;\n this.isModelPreloaded = false;\n \n // Reset performance counters\n this.frameSkipCounter = 0;\n this.consecutiveFailures = 0;\n this.lastInferenceTime = 0;\n \n if (this.canvasRef) {\n const ctx = this.canvasRef.getContext(\"2d\")!;\n ctx.clearRect(0, 0, this.canvasRef.width, this.canvasRef.height);\n }\n \n // Reiniciar el detector si estaba funcionando\n if (this.isVideoActive && this.session) {\n this.detectFrame();\n }\n }\n\n\n private completeProcess(skippedBack: boolean = false) {\n this.captureStep = 'completed';\n this.statusMessage = skippedBack ? \n \"Proceso completado (solo frente capturado)\" : \n \"Proceso de captura completado exitosamente\";\n this.statusColor = \"#28a745\";\n \n // Detener el detector\n this.stopDetection();\n \n // Emitir evento con las imágenes capturadas\n const capturedImages = {\n front: {\n fullFrame: this.capturedFullFrame,\n cropped: this.capturedCroppedId\n },\n back: {\n fullFrame: this.capturedBackFullFrame,\n cropped: this.capturedBackCroppedId\n },\n timestamp: new Date().toISOString(),\n metadata: {\n totalImages: skippedBack ? 2 : 4,\n processCompleted: true,\n backCaptureSkipped: skippedBack\n }\n };\n \n this.captureCompleted.emit(capturedImages);\n \n // Mostrar animación de éxito después de la captura\n setTimeout(() => {\n this.showSuccessAnimation = true;\n setTimeout(() => {\n this.showSuccessAnimation = false;\n }, 3000);\n }, 800);\n }\n\n private exitSession() {\n if (this.videoStream) {\n this.videoStream.getTracks().forEach(track => track.stop());\n this.videoStream = undefined;\n this.isVideoActive = false;\n this.statusMessage = \"Sesión finalizada.\";\n this.statusColor = \"#aaa\";\n }\n this.isLoading = false;\n \n // Limpiar canvas al finalizar sesión\n if (this.canvasRef) {\n const ctx = this.canvasRef.getContext(\"2d\")!;\n ctx.clearRect(0, 0, this.canvasRef.width, this.canvasRef.height);\n }\n \n this.cleanup();\n }\n\n render() {\n return (\n <div class=\"detector-container\">\n <div class=\"video-container\">\n <video \n ref={el => this.videoRef = el}\n width=\"640\" \n height=\"640\" \n autoplay \n muted \n playsinline\n class={this.shouldMirrorVideo ? 'mirror' : ''}\n style={{ display: this.isVideoActive ? 'block' : 'none' }}\n />\n <canvas \n ref={el => this.canvasRef = el}\n width=\"640\" \n height=\"640\"\n class={this.shouldMirrorVideo ? 'mirror' : ''}\n />\n <div class=\"overlay-mask\">\n <div class=\"card-outline\">\n <div class=\"side side-top\"></div>\n <div class=\"side side-right\"></div>\n <div class=\"side side-bottom\"></div>\n <div class=\"side side-left\"></div>\n <div class=\"corner corner-tl\"></div>\n <div class=\"corner corner-tr\"></div>\n <div class=\"corner corner-bl\"></div>\n <div class=\"corner corner-br\"></div>\n {!this.showFlipAnimation && !this.showSuccessAnimation && (\n <div class=\"guide-text\">{this.statusMessage}</div>\n )}\n </div>\n {this.captureStep === 'back' && !this.showFlipAnimation && !this.showSuccessAnimation && (\n <button \n class=\"skip-button\" \n onClick={() => this.skipBackCapture()}\n type=\"button\"\n >\n Saltar reverso\n </button>\n )}\n </div>\n \n {this.isCapturing && (\n <div class=\"capture-animation\"></div>\n )}\n \n {this.showFlipAnimation && (\n <div class=\"flip-animation\">\n <div class=\"id-card-icon\"></div>\n <div class=\"flip-text\">¡Voltea tu identificación!</div>\n </div>\n )}\n \n {this.showSuccessAnimation && (\n <div class=\"success-animation\">\n <div class=\"check-icon\"></div>\n <div class=\"success-text\">¡Proceso completado!</div>\n </div>\n )}\n \n {this.isLoading && (\n <div class=\"loading-overlay\">\n <div class=\"loading-spinner\"></div>\n <div class=\"loading-text\">{this.statusMessage}</div>\n </div>\n )}\n \n <div class=\"watermark\">\n <img src=\"https://storage.googleapis.com/jaak-static/commons/powered-by-jaak.png\" alt=\"Powered by Jaak\" />\n </div>\n </div>\n\n\n\n </div>\n );\n }\n}\n"],"version":3}
package/dist/esm/jaak-stamps.entry.js CHANGED
@@ -6,11 +6,13 @@ const JaakStamps = class {
6
6
  constructor(hostRef) {
7
7
  registerInstance(this, hostRef);
8
8
  this.captureCompleted = createEvent(this, "captureCompleted");
9
+ this.isReady = createEvent(this, "isReady");
9
10
  }
10
11
  get el() { return getElement(this); }
11
12
  debug = false;
12
13
  alignmentTolerance = 10; // Tolerancia en píxeles para considerar un lado alineado (escalado para 320x320)
13
14
  captureCompleted;
15
+ isReady;
14
16
  isVideoActive = false;
15
17
  statusMessage = 'Presione el botón para activar la cámara';
16
18
  statusColor = '#aaa';
@@ -63,6 +65,11 @@ const JaakStamps = class {
63
65
  console.log(...args);
64
66
  }
65
67
  }
68
+ emitReadyEvent() {
69
+ const isDocumentReady = !!window.ort && this.isModelPreloaded;
70
+ this.isReady.emit(isDocumentReady);
71
+ this.debugLog('🟢 isReady event emitted:', isDocumentReady);
72
+ }
66
73
  isRearCamera(stream) {
67
74
  const videoTrack = stream.getVideoTracks()[0];
68
75
  if (!videoTrack)
@@ -75,6 +82,14 @@ const JaakStamps = class {
75
82
  const script = document.createElement('script');
76
83
  script.src = 'https://cdn.jsdelivr.net/npm/onnxruntime-web/dist/ort.min.js';
77
84
  document.head.appendChild(script);
85
+ // Wait for ONNX runtime to load before emitting ready event
86
+ script.onload = () => {
87
+ this.emitReadyEvent();
88
+ };
89
+ }
90
+ else {
91
+ // ONNX runtime already loaded
92
+ this.emitReadyEvent();
78
93
  }
79
94
  // Initialize canvas pool for better performance
80
95
  this.initializeCanvasPool();
@@ -157,6 +172,7 @@ const JaakStamps = class {
157
172
  this.isLoading = false;
158
173
  this.statusMessage = "Modelo precargado. Listo para comenzar detección";
159
174
  this.statusColor = "#28a745";
175
+ this.emitReadyEvent();
160
176
  this.debugLog('✅ Model preloaded successfully');
161
177
  return { success: true, message: 'Model preloaded successfully' };
162
178
  }
@@ -290,6 +306,7 @@ const JaakStamps = class {
290
306
  const sessionOptions = this.getSessionOptions();
291
307
  this.session = await window.ort.InferenceSession.create(modelPath, sessionOptions);
292
308
  this.isModelPreloaded = true;
309
+ this.emitReadyEvent();
293
310
  }
294
311
  else {
295
312
  this.debugLog('🚀 Using preloaded model');
@@ -680,7 +697,7 @@ const JaakStamps = class {
680
697
  this.cleanup();
681
698
  }
682
699
  render() {
683
- return (h("div", { key: 'a1036d3867a4f5c40a942e47a30992a6c56e5240', class: "detector-container" }, h("div", { key: 'dada4edb4cc690e4e73d616e8eb22fa8fb6b2817', class: "video-container" }, h("video", { key: '16b43f5efdd0c32dbfab49a86e6904baabfdc220', ref: el => this.videoRef = el, width: "640", height: "640", autoplay: true, muted: true, playsinline: true, class: this.shouldMirrorVideo ? 'mirror' : '', style: { display: this.isVideoActive ? 'block' : 'none' } }), h("canvas", { key: 'e89cf0292df3bef51d9e9ed650b4f68493506314', ref: el => this.canvasRef = el, width: "640", height: "640", class: this.shouldMirrorVideo ? 'mirror' : '' }), h("div", { key: '3740295495466519be1b4b95891dd06d8272a7d6', class: "overlay-mask" }, h("div", { key: 'ac61b03420ae83d06ec8e5095a11665a8b5a4cd1', class: "card-outline" }, h("div", { key: '7190506e4803ccde1f6c95e6238b05271e7e01a5', class: "side side-top" }), h("div", { key: 'e383f023305021cdd5a02ccaf6a2bb2c775b28be', class: "side side-right" }), h("div", { key: '733f572b80c5f0050c21aa4cf5efd5b499859c23', class: "side side-bottom" }), h("div", { key: 'dbf175597a0d0790b9cc54f737693e418f1500f2', class: "side side-left" }), h("div", { key: '657375f468fc83444e6157c5308fca7237e85f22', class: "corner corner-tl" }), h("div", { key: '0491bf2ed49322cba5220a82016bb9a77c102386', class: "corner corner-tr" }), h("div", { key: 'eb7d153a47dfb1f0c98229752aabfe71181d6c3b', class: "corner corner-bl" }), h("div", { key: '7d57726a70864f9c2590395f6dc89918558fbc87', class: "corner corner-br" }), !this.showFlipAnimation && !this.showSuccessAnimation && (h("div", { key: '8deff6975766142bae69fb7596f0097b1319bc5f', class: "guide-text" }, this.statusMessage))), this.captureStep === 'back' && !this.showFlipAnimation && !this.showSuccessAnimation && (h("button", { key: '471fae3b2c48302d474a7e7186cbe21e1260288f', class: "skip-button", onClick: () => this.skipBackCapture(), type: "button" }, "Saltar reverso"))), this.isCapturing && (h("div", { key: '83fa0133b072f982c9d861632525a64068271833', class: "capture-animation" })), this.showFlipAnimation && (h("div", { key: '0cdcabf20a263067a3fb120ec112a7c688eaece1', class: "flip-animation" }, h("div", { key: 'c7fd5c4211aa67cdc37be882617120cfb3afcfad', class: "id-card-icon" }), h("div", { key: '1c8e889d1de4867887fc25ac221b780154da59dd', class: "flip-text" }, "\u00A1Voltea tu identificaci\u00F3n!"))), this.showSuccessAnimation && (h("div", { key: '7fcf315cb26c2c860d06dcdb7da6f58524ef4474', class: "success-animation" }, h("div", { key: '5ea1a6aa4368cd154189db166af531abe2e0029e', class: "check-icon" }), h("div", { key: 'deb064b437a664ea5dfdb9b3883ee83bc85b939e', class: "success-text" }, "\u00A1Proceso completado!"))), this.isLoading && (h("div", { key: '7a28906555b0e5b891e1f8516a318ec540a83320', class: "loading-overlay" }, h("div", { key: '6f0778d156648405dd385f95c5e9bad0c4112eda', class: "loading-spinner" }), h("div", { key: 'b1cd4ddee0e282e8353bf8ed298fbd1c8498fb5e', class: "loading-text" }, this.statusMessage))), h("div", { key: '1e74b90a10ef2e2e71505160accb0ea83672c5de', class: "watermark" }, h("img", { key: '352fee0189ac25f59724e69e317b28859c86476e', src: "https://storage.googleapis.com/jaak-static/commons/powered-by-jaak.png", alt: "Powered by Jaak" })))));
700
+ return (h("div", { key: '788a458497c2303875f8accea1e0cc579379ff94', class: "detector-container" }, h("div", { key: 'ed491d2fb8399f7236ab492a100932518455be79', class: "video-container" }, h("video", { key: '8187f838c75776432dc48db4cd9bfe4ee350830d', ref: el => this.videoRef = el, width: "640", height: "640", autoplay: true, muted: true, playsinline: true, class: this.shouldMirrorVideo ? 'mirror' : '', style: { display: this.isVideoActive ? 'block' : 'none' } }), h("canvas", { key: '8cc31c45881d4f23c56c5ed246c9e59e30e0a782', ref: el => this.canvasRef = el, width: "640", height: "640", class: this.shouldMirrorVideo ? 'mirror' : '' }), h("div", { key: '54441a535098860601a7ef4f1b31a0d2a40a911b', class: "overlay-mask" }, h("div", { key: 'f9272bcb85c849e3b3170a0062c43e64359f112d', class: "card-outline" }, h("div", { key: '8a260667206ce2fecac262f2b5e81d0ebdccbb3c', class: "side side-top" }), h("div", { key: 'c9c0d25087aa8332027815829fc7bbd937f0596b', class: "side side-right" }), h("div", { key: '39394f06936ff01a525c83343ec05e6161611899', class: "side side-bottom" }), h("div", { key: '11799336a4b6f72d6042c02206626d947422ef0f', class: "side side-left" }), h("div", { key: '93d5636f85514d3fff76415ed806e6845c6e7fe3', class: "corner corner-tl" }), h("div", { key: '3bfc09f919744d1d04dcb0c08fb923879dc217c9', class: "corner corner-tr" }), h("div", { key: '6d9fa1395a606960597bed65301679dcd12fc8bb', class: "corner corner-bl" }), h("div", { key: '4819402bd891c4a8d581e1e10449850b3a580e96', class: "corner corner-br" }), !this.showFlipAnimation && !this.showSuccessAnimation && (h("div", { key: '26a57343cfccea003c3edc65c5c53ac97b16de53', class: "guide-text" }, this.statusMessage))), this.captureStep === 'back' && !this.showFlipAnimation && !this.showSuccessAnimation && (h("button", { key: '641d63e9f9e76fa81b2f770a1036b337f54a2c23', class: "skip-button", onClick: () => this.skipBackCapture(), type: "button" }, "Saltar reverso"))), this.isCapturing && (h("div", { key: 'e7ab12f7ad092d233e19de5bc7a3e424b6bc70c3', class: "capture-animation" })), this.showFlipAnimation && (h("div", { key: 'dddbe58a92172e9ab1e7002a3b4310d8e552926f', class: "flip-animation" }, h("div", { key: 'c2f49ee888573d873d67e8d4871bb6b1d8f2bc8d', class: "id-card-icon" }), h("div", { key: '6e71e7a9a3a85bb4f9252955ea220e64a25ae479', class: "flip-text" }, "\u00A1Voltea tu identificaci\u00F3n!"))), this.showSuccessAnimation && (h("div", { key: 'c9d8fd42711764ea197c7d13ef3d90e34b559e64', class: "success-animation" }, h("div", { key: '50dd978c2c501b53591346d75dac018006f42992', class: "check-icon" }), h("div", { key: 'ad25bc5811d435ceb7a1e9791cd3fc5dbd5c5227', class: "success-text" }, "\u00A1Proceso completado!"))), this.isLoading && (h("div", { key: '9ac52c0754d165f8141989b17398a89b21790976', class: "loading-overlay" }, h("div", { key: 'ccffac3b53db3ac4beddbf43ee8cff693e29fd73', class: "loading-spinner" }), h("div", { key: '708c4aad55e18be3fc77fe3f169430475dce7ee1', class: "loading-text" }, this.statusMessage))), h("div", { key: 'e0addbcea4b176772de10a608c6de4242da2a7f3', class: "watermark" }, h("img", { key: 'd3d2a989a01e2a64a100ccdc43a027f969d4b8b1', src: "https://storage.googleapis.com/jaak-static/commons/powered-by-jaak.png", alt: "Powered by Jaak" })))));
684
701
  }
685
702
  };
686
703
  JaakStamps.style = myComponentCss;