pwa-camera-modal.entry.js 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. import { r as registerInstance, c as createEvent, h } from './index-1c5c47b4.js';
  2. const cameraModalCss = ":host{z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;contain:strict}.wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0, 0, 0, 0.15)}.content{-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);width:600px;height:600px}";
  3. const PWACameraModal = class {
  4. constructor(hostRef) {
  5. registerInstance(this, hostRef);
  6. this.onPhoto = createEvent(this, "onPhoto", 7);
  7. this.noDeviceError = createEvent(this, "noDeviceError", 7);
  8. this.facingMode = 'user';
  9. this.hidePicker = false;
  10. }
  11. async present() {
  12. const camera = document.createElement('pwa-camera-modal-instance');
  13. camera.facingMode = this.facingMode;
  14. camera.hidePicker = this.hidePicker;
  15. camera.addEventListener('onPhoto', async (e) => {
  16. if (!this._modal) {
  17. return;
  18. }
  19. const photo = e.detail;
  20. this.onPhoto.emit(photo);
  21. });
  22. camera.addEventListener('noDeviceError', async (e) => {
  23. this.noDeviceError.emit(e);
  24. });
  25. document.body.append(camera);
  26. this._modal = camera;
  27. }
  28. async dismiss() {
  29. if (!this._modal) {
  30. return;
  31. }
  32. this._modal && this._modal.parentNode.removeChild(this._modal);
  33. this._modal = null;
  34. }
  35. render() {
  36. return (h("div", null));
  37. }
  38. };
  39. PWACameraModal.style = cameraModalCss;
  40. export { PWACameraModal as pwa_camera_modal };