cty-mui-core 1.0.39 → 1.0.41

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 (67) hide show
  1. package/components/camera.js +8 -8
  2. package/components/cty-camera-photo.js +1 -1
  3. package/components/cty-media-capture.js +3 -6
  4. package/components/cty-record.js +1 -1
  5. package/components/cty-segment-slides.js +3 -1
  6. package/components/video-capture.js +1 -1
  7. package/dist/cjs/cty-camera-photo.cjs.entry.js +1 -1
  8. package/dist/cjs/cty-camera_2.cjs.entry.js +7 -8
  9. package/dist/cjs/cty-media-capture.cjs.entry.js +4 -7
  10. package/dist/cjs/cty-mui.cjs.js +1 -1
  11. package/dist/cjs/cty-record.cjs.entry.js +1 -1
  12. package/dist/cjs/cty-segment-slides.cjs.entry.js +2 -1
  13. package/dist/cjs/index.cjs.js +1 -1
  14. package/dist/cjs/loader.cjs.js +1 -1
  15. package/dist/cjs/{video-capture-BO4sLa1e.js → video-capture-CzRkzdTQ.js} +1 -1
  16. package/dist/collection/components/camera/camera.js +27 -8
  17. package/dist/collection/components/camera-photo/camera-photo.js +1 -1
  18. package/dist/collection/components/media-capture/media-capture.js +3 -6
  19. package/dist/collection/components/record/record.js +1 -1
  20. package/dist/collection/components/segment-slides/segment-slides.js +26 -1
  21. package/dist/collection/utils/native/video-capture.js +1 -1
  22. package/dist/cty-mui/cty-mui.esm.js +1 -1
  23. package/dist/cty-mui/index.esm.js +1 -1
  24. package/dist/cty-mui/{p-0c4881aa.system.entry.js → p-01209ee4.system.entry.js} +1 -1
  25. package/dist/cty-mui/{p-a68cdc7f.system.entry.js → p-1aefb4ae.system.entry.js} +1 -1
  26. package/dist/cty-mui/p-2823d286.entry.js +1 -0
  27. package/dist/cty-mui/p-53bbf0f2.entry.js +1 -0
  28. package/dist/cty-mui/{p-a337c7a9.system.entry.js → p-62bc50b2.system.entry.js} +1 -1
  29. package/dist/cty-mui/p-73fd4dc6.system.entry.js +1 -0
  30. package/dist/cty-mui/p-7ff05ecc.entry.js +1 -0
  31. package/dist/cty-mui/p-Cegbc1c7.system.js +1 -1
  32. package/dist/cty-mui/{p-CPg00410.system.js → p-CzcPp1ts.system.js} +1 -1
  33. package/dist/cty-mui/p-c6aac4c9.entry.js +1 -0
  34. package/dist/cty-mui/p-e57f36cd.entry.js +1 -0
  35. package/dist/cty-mui/{p-5d4ba642.system.entry.js → p-ea19acc4.system.entry.js} +1 -1
  36. package/dist/docs.json +76 -8
  37. package/dist/esm/cty-camera-photo.entry.js +1 -1
  38. package/dist/esm/cty-camera_2.entry.js +7 -8
  39. package/dist/esm/cty-media-capture.entry.js +4 -7
  40. package/dist/esm/cty-mui.js +1 -1
  41. package/dist/esm/cty-record.entry.js +1 -1
  42. package/dist/esm/cty-segment-slides.entry.js +2 -1
  43. package/dist/esm/index.js +1 -1
  44. package/dist/esm/loader.js +1 -1
  45. package/dist/esm/{video-capture-B83C8hW9.js → video-capture-0OPsBqGv.js} +1 -1
  46. package/dist/esm-es5/cty-camera-photo.entry.js +1 -1
  47. package/dist/esm-es5/cty-camera_2.entry.js +1 -1
  48. package/dist/esm-es5/cty-media-capture.entry.js +1 -1
  49. package/dist/esm-es5/cty-mui.js +1 -1
  50. package/dist/esm-es5/cty-record.entry.js +1 -1
  51. package/dist/esm-es5/cty-segment-slides.entry.js +1 -1
  52. package/dist/esm-es5/index.js +1 -1
  53. package/dist/esm-es5/loader.js +1 -1
  54. package/dist/types/components/camera/camera.d.ts +1 -0
  55. package/dist/types/components/segment-slides/segment-slides.d.ts +1 -0
  56. package/dist/types/components.d.ts +4 -0
  57. package/dist/types/utils/native/camera-preview.d.ts +1 -0
  58. package/package.json +1 -1
  59. package/dist/cty-mui/p-6b00dff7.system.entry.js +0 -1
  60. package/dist/cty-mui/p-6ff6ece0.entry.js +0 -1
  61. package/dist/cty-mui/p-aeb79634.entry.js +0 -1
  62. package/dist/cty-mui/p-ccc21f2e.entry.js +0 -1
  63. package/dist/cty-mui/p-e3653feb.entry.js +0 -1
  64. package/dist/cty-mui/p-fbc7fe30.entry.js +0 -1
  65. /package/dist/cty-mui/{p-CnG0E7wf.js → p-14Xxxqjd.js} +0 -0
  66. /package/dist/cty-mui/{p-B0tecevi.system.js → p-BaJIoBSd.system.js} +0 -0
  67. /package/dist/esm-es5/{video-capture-B83C8hW9.js → video-capture-0OPsBqGv.js} +0 -0
package/dist/esm-es5/cty-camera_2.entry.js CHANGED
@@ -1 +1 @@
1
- import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{c as cameraPreview}from"./camera-preview-Bntx5BKz.js";import{d as deviceInfo}from"./device-info-BWrjtLtW.js";import{i as imagePicker}from"./image-picker-0JHjPizE.js";import{o as closeOutline,V as backspaceOutline}from"./index-D0r4bHmZ.js";import{b as getEventPageCoords,g as getElementRect}from"./dom-CHhKFKFA.js";import{i as clamp}from"./format-DnWe30Rj.js";import"./platform-BqPoMbNS.js";import"./network-BqPNWsXF.js";import"./index-CZI7sxie.js";var cameraCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:fixed;left:0;top:0;z-index:20099;width:100vw !important;height:100vh !important;visibility:visible !important}.cty-camera__close[class]{margin:0;min-height:var(--cty-camera-close-min-hieght, 3.1em);--background:transparent;--background-activated:transparent;--background-focused:transparent;--background-hover:transparent;--box-shadow:none;--padding-top:var(--cty-camera-close-padding-top, 3px);--padding-bottom:var(--cty-camera-close-padding-bottom, 3px);--padding-start:var(--cty-camera-close-padding-start, 6px);--padding-end:var(--cty-camera-close-padding-end, 6px);--color:var(--cty-camera-close-color, var(--cty-text-color-white))}.cty-camera__close-icon{font-size:var(--cty-camera-close-font-size, 28px)}.cty-camera-main{-ms-flex:1;flex:1;position:relative}.cty-camera-widgets{position:absolute;top:0;right:15px}.cty-camera-widget{-ms-flex-direction:column;flex-direction:column;margin-bottom:var(--cty-camera-camera-widget-offset-y, 30px);color:var(--cty-camera-camera-widget-color, #fff)}.cty-camera-widget__icon{font-size:var(--cty-camera-camera-widget-icon-size, 20px)}.cty-camera-widget__text{margin-top:var(--cty-camera-camera-widget-text-offset-y, 5px);font-size:var(--cty-camera-camera-widget-text-size, var(--cty-font-size-extra-small))}.cty-camera-widget__ratio{width:24px;height:16px;border-radius:2px;border:1px solid var(--cty-camera-camera-widget-color, #fff);font-size:10px}.cty-camera-controls{margin-top:auto}.cty-camera-controls__mode{width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:var(--cty-camera-camera-controls-mode-padding, 2px);margin:var(--cty-camera-camera-controls-mode-offset, 0 auto 15px);background:var(--cty-camera-camera-controls-mode-bg, rgba(0, 0, 0, 0.5));border-radius:var(--cty-camera-camera-controls-mode-radius, 3px);color:var(--cty-camera-camera-controls-mode-color, #fff)}.cty-camera-controls__mode-button{padding:var(--cty-camera-camera-controls-mode-button-padding, 3px 5px);border-radius:var(--cty-camera-camera-controls-mode-button-radius, 3px);font-size:var(--cty-camera-camera-controls-mode-button-font-szie, var(--cty-font-size-extra-small))}.cty-camera-controls__mode-button__active{background:var(--cty-camera-camera-controls-mode-button-active-bg, #fff);color:var(--cty-camera-camera-controls-mode-button-active-color, #000)}.cty-camera-controls__zooms{margin:var(--cty-camera-camera-controls-zooms-offset, 0 0 15px)}.cty-camera-controls__zoom-item{width:var(--cty-camera-camera-controls-zoom-active-size, 28px);height:var(--cty-camera-camera-controls-zoom-active-size, 28px);border-radius:50%}.cty-camera-controls__zoom-item:not(:last-child){margin-right:var(--cty-camera-camera-controls-zoom-offset, 10px)}.cty-camera-controls__zoom-item__active{border:var(--cty-camera-camera-controls-zoom-active-border, 1px solid #fff)}.cty-camera-controls__zoom-item__active .cty-camera-controls__zoom-text{background:var(--cty-camera-camera-controls-zoom-active-bg, transparent)}.cty-camera-controls__zoom-text{width:var(--cty-camera-camera-controls-zoom-size, 24px);height:var(--cty-camera-camera-controls-zoom-size, 24px);background:var(--cty-camera-camera-controls-zoom-bg, rgba(0, 0, 0, 0.3));border-radius:50%;color:var(--cty-camera-camera-controls-color, #fff);font-size:var(--cty-camera-camera-controls-zoom-font-size, 10px);font-weight:var(--cty-camera-camera-controls-zoom-font-weight, 600)}.cty-camera-controls__main{margin:var(--cty-camera-camera-controls-take-photo-offset, 0 0 15px)}.cty-camera-controls__take-photo{width:var(--cty-camera-camera-controls-take-photo-size, 60px);height:var(--cty-camera-camera-controls-take-photo-size, 60px);border-radius:50%;border:var(--cty-camera-camera-controls-take-photo-border, 2px solid #fff)}.cty-camera-controls__take-photo-button{width:var(--cty-camera-camera-controls-take-photo-button-size, 48px);height:var(--cty-camera-camera-controls-take-photo-button-size, 48px);border-radius:50%;background:var(--cty-camera-camera-controls-color, #fff)}.cty-camera-controls__take-photo-button:active{-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:-webkit-transform 0.05s cubic-bezier(0.2, 0.9, 0.4, 1.1);transition:-webkit-transform 0.05s cubic-bezier(0.2, 0.9, 0.4, 1.1);transition:transform 0.05s cubic-bezier(0.2, 0.9, 0.4, 1.1);transition:transform 0.05s cubic-bezier(0.2, 0.9, 0.4, 1.1), -webkit-transform 0.05s cubic-bezier(0.2, 0.9, 0.4, 1.1);-webkit-box-shadow:0 3px 8px rgba(0, 0, 0, 0.2);box-shadow:0 3px 8px rgba(0, 0, 0, 0.2);-webkit-filter:brightness(0.96);filter:brightness(0.96)}.cty-camera-controls__main-left,.cty-camera-controls__main-confirm{-ms-flex:1;flex:1}.cty-camera-controls__main-confirm-icon{font-size:var(--cty-camera-camera-controls-confirm-icon-size, 24px);color:var(--cty-camera-camera-controls-confirm-icon-color, var(--cty-color-danger))}.cty-camera-controls__main-confirm-text{margin-top:var(--cty-camera-camera-controls-confirm-text-offset, 5px);font-size:var(--cty-camera-camera-controls-confirm-text-size, 12px);color:var(--cty-camera-camera-controls-confirm-text-color, #fff)}.cty-camera-controls__main-delete{margin-right:var(--cty-camera-camera-controls-delete-offser, 30px)}.cty-camera-controls__main-delete-icon{font-size:var(--cty-camera-camera-controls-delete-icon-size, 20px);color:var(--cty-camera-camera-controls-delete-icon-color, #fff)}.cty-camera-controls__images{overflow-x:auto;width:100%;min-height:var(--cty-camera-camera-controls-images-min-height, 84px);padding:var(--cty-camera-camera-controls-images-padding, 0 15px);margin:var(--cty-camera-camera-controls-images-offset, 15px 0)}.cty-camera-controls__image{-ms-flex:none;flex:none;position:relative;width:var(--cty-camera-camera-controls-image-size, 54px);height:var(--cty-camera-camera-controls-image-size, 54px)}.cty-camera-controls__image:not(:last-child){margin-right:var(--cty-camera-camera-controls-image-offset, 10px)}.cty-camera-controls__image-img{display:block;width:100%;height:100%;border-radius:var(--cty-camera-camera-controls-image-border-radius, 8px);-o-object-fit:var(--cty-camera-camera-controls-image-object-fit, cover);object-fit:var(--cty-camera-camera-controls-image-object-fit, cover)}.cty-camera-controls__image-delete{position:absolute;top:0;right:0;width:var(--cty-camera-camera-controls-image-delete-size, 20px);height:var(--cty-camera-camera-controls-image-delete-size, 20px);background:var(--cty-camera-camera-controls-image-delete-bg, rgba(0, 0, 0, 0.5));border-radius:var(--cty-camera-camera-controls-image-delete-border-radius, 0 8px);color:var(--cty-camera-camera-controls-image-delete-color, #fff);font-size:var(--cty-camera-camera-controls-image-delete-font-size, 18px)}.cty-camera-viewer__single{min-height:var(--cty-camera-viewer-single-min-height, 44px);padding:var(--cty-camera-viewer-single-padding, 0 15px)}.cty-camera-viewer__single-close,.cty-camera-viewer__single-confirm{font-size:var(--cty-image-viewer-single-close-size, 20px);color:var(--cty-image-viewer-single-close-color, #fff)}";var Camera=function(){function e(e){registerInstance(this,e);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.ctyTakePhoto=createEvent(this,"ctyTakePhoto",7);this.ctyConfirm=createEvent(this,"ctyConfirm",7);this.safeArea=44;this.title="";this.options={};this.closeIcon=closeOutline;this.deleteIcon=backspaceOutline;this.width=0;this.height=0;this.quality=85;this.includeThumb=true;this.thumbWidth=120;this.file=true;this.max=9;this.flipText="翻转";this.flashText="闪光";this.ratioText="比例";this.confirmIcon="cty-confirm";this.confirmText="确定";this.mode="both";this.singleText="单拍";this.multipleText="连拍";this.ratios=["9:16","3:4","1:1","16:9","full"];this.zooms=[1,2,5,10];this.zoomSteps=20;this.touchZoom=true;this.touchZoomProp=.01;this.permissionAlertTitle="需要申请开启相机权限";this.permissionAlertContent="需要开启相机权限，用于拍照。我们承诺仅在功能使用时调用摄像头。";this.ratioIndex=0;this.flash=false;this.zoomIndex=0;this.pictures=[];this.showImageViewer=false;this.imageViewerIndex=0;this.currentPhotoMode="multiple";this.currentZoom=1;this.hasPermission=false;this.permissionAlertVisible=false;this.isToastOpen=false;this.toastContent="";this.startZoom=1;this.SCREEN_WIDTH=window.screen.width;this.SCREEN_HEIGHT=window.screen.height;this.originalBodyBackground="";this.isTakingPhoto=false;this.distance=0;this.startCameraZoom=0}e.prototype.connectedCallback=function(){if(this.mode==="single"){this.currentPhotoMode="single"}var e=window.document.querySelector("body");e.style.visibility="hidden";this.originalBodyBackground=window.getComputedStyle(e).background;e.style.background="transparent";this.initCamera()};e.prototype.disconnectedCallback=function(){cameraPreview.stopCamera();var e=window.document.querySelector("body");e.style.visibility="visible";e.style.background=this.originalBodyBackground};e.prototype.requestPermission=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,a,c,i;return __generator(this,(function(r){switch(r.label){case 0:r.trys.push([0,2,,3]);e=this;return[4,cameraPreview.hasPermission()];case 1:e.hasPermission=r.sent();return[3,3];case 2:t=r.sent();this.hasPermission=false;return[3,3];case 3:if(!!this.hasPermission)return[3,7];r.label=4;case 4:r.trys.push([4,6,,7]);return[4,cameraPreview.requestPermission()];case 5:r.sent();this.hasPermission=true;return[3,7];case 6:a=r.sent();c=a.code,i=a.message;if(c=="PERMISSION_DENIED_NEED_SETTINGS"){this.permissionAlertVisible=true}else{if(c!="PERMISSION_DENIED_FIRST_TIME"&&i){this.isToastOpen=true;this.toastContent=i}this.ctyDismiss.emit()}return[3,7];case 7:return[2]}}))}))};e.prototype.initCamera=function(){return __awaiter(this,void 0,void 0,(function(){var e;var t=this;return __generator(this,(function(a){switch(a.label){case 0:return[4,this.requestPermission()];case 1:a.sent();if(!this.hasPermission){this.ctyDismiss.emit();return[2]}e=this.getCameraHeight();cameraPreview.startCamera(Object.assign(Object.assign({y:this.safeArea,camera:"back",backgroundColor:"#000000"},this.options),{x:0,height:e,toBack:true,tapPhoto:false,tapFocus:true,enableAutoSettings:false,storeToFile:this.file})).catch((function(e){var a=e.code;if(a=="PERMISSION_DENIED_NEED_SETTINGS"){t.permissionAlertVisible=true}}));return[2]}}))}))};e.prototype.close=function(){this.ctyDismiss.emit()};e.prototype.flipCamera=function(){return cameraPreview.switchCamera()};e.prototype.toggleFlash=function(){this.flash=!this.flash;if(!this.flash){return this.flashOff()}return this.flashOn()};e.prototype.flashOff=function(){return cameraPreview.setFlashMode("off")};e.prototype.flashOn=function(){return cameraPreview.setFlashMode("torch")};e.prototype.ratioChange=function(){var e=this,t=e.ratios,a=e.ratioIndex,c=e.SCREEN_WIDTH;var i=t[a];this.ratioIndex++;if(this.ratioIndex>=t.length){this.ratioIndex=0}var r=t[this.ratioIndex];if(!r.includes(":")||!i.includes(":")){cameraPreview.setPreviewPosition(0,!i.includes(":")?this.safeArea:0)}var n=this.getCameraHeight();return cameraPreview.setPreviewSize({width:c,height:n})};e.prototype.setZoom=function(e){return __awaiter(this,void 0,void 0,(function(){var t,a,c,i;return __generator(this,(function(r){switch(r.label){case 0:t=this.zooms;this.zoomIndex=e;return[4,cameraPreview.getMaxZoom()];case 1:a=r.sent();c=(a+1)/this.zoomSteps;i=c*t[e]-1;if(deviceInfo.isIos){i=t[e]}return[2,cameraPreview.setZoom(e===0?0:Math.min(i,a))]}}))}))};e.prototype.takePhoto=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,a,c,i,r,n,o,s,l,f,m,d,h;return __generator(this,(function(u){switch(u.label){case 0:e=this,t=e.quality,a=e.width,c=e.height,i=e.includeThumb,r=e.thumbWidth,n=e.file,o=e.max,s=e.pictures;if(o>0&&s.length>=o||this.currentPhotoMode==="single"&&this.pictures.length>0||this.isTakingPhoto){return[2]}this.isTakingPhoto=true;return[4,cameraPreview.takePicture({width:a,height:c,quality:t,includeThumb:i,thumbWidth:r})];case 1:l=u.sent();f="";m="";if(l&&typeof l==="object"){f=l.image;m=l.thumbnail}else{f=l}return[4,imagePicker.formatPictureResult(n,f)];case 2:d=u.sent();return[4,imagePicker.formatPictureResult(n,m)];case 3:h=u.sent();this.pictures=__spreadArray(__spreadArray([],s,true),[Object.assign(Object.assign({},d),{thumbnail:h.url})],false);this.ctyTakePhoto.emit(d);this.isTakingPhoto=false;if(this.currentPhotoMode==="single"){this.toImageViewer(0)}return[2,d]}}))}))};e.prototype.deletePicture=function(e,t){e.stopPropagation();var a=__spreadArray([],this.pictures,true);a.splice(t,1);this.pictures=a};e.prototype.getCameraHeight=function(){var e=this,t=e.ratios,a=e.ratioIndex,c=e.SCREEN_WIDTH,i=e.SCREEN_HEIGHT;var r=t[a];if(!r.includes(":")){return i}var n=r.split(":"),o=n[0],s=n[1];return Math.min(i,+s*c/+o)};e.prototype.toImageViewer=function(e){this.imageViewerIndex=e;this.showImageViewer=true};e.prototype.closeImageViewer=function(e){e.stopPropagation();this.showImageViewer=false};e.prototype.closeSingleImageViewer=function(e){this.pictures=[];this.closeImageViewer(e)};e.prototype.confirm=function(){this.ctyConfirm.emit(this.pictures.map((function(e){var t=e.url,a=e.data;return{url:t,data:a}})))};e.prototype.deleteLastPicture=function(){var e=__spreadArray([],this.pictures,true);e.pop();this.pictures=e};e.prototype.resetZoom=function(){this.currentZoom=1;this.setZoom(0)};e.prototype.touchstart=function(e){return __awaiter(this,void 0,void 0,(function(){var t,a,c;return __generator(this,(function(i){switch(i.label){case 0:e.stopPropagation();if(!(this.touchZoom&&e.touches.length==2))return[3,2];t=e.touches[1].clientX-e.touches[0].clientX;a=e.touches[1].clientY-e.touches[0].clientY;this.distance=Math.sqrt(t*t+a*a);c=this;return[4,cameraPreview.getZoom()];case 1:c.startCameraZoom=i.sent();this.startZoom=this.currentZoom;i.label=2;case 2:return[2]}}))}))};e.prototype.touchmove=function(e){e.stopPropagation();if(this.touchZoom&&e.touches.length==2){var t=e.touches[1].clientX-e.touches[0].clientX;var a=e.touches[1].clientY-e.touches[0].clientY;var c=Math.sqrt(t*t+a*a);var i=c-this.distance;var r=this.touchZoomProp*i;this.updateZoom(r)}};e.prototype.touchend=function(e){e.stopPropagation()};e.prototype.updateZoom=function(e){return __awaiter(this,void 0,void 0,(function(){var t,a,c,i,r,n;return __generator(this,(function(o){switch(o.label){case 0:t=this,a=t.startCameraZoom,c=t.startZoom;return[4,cameraPreview.getMaxZoom()];case 1:i=o.sent();r=(i+1)/this.zoomSteps;n=this.zooms.slice(-1)[0]||10;this.currentZoom=Math.floor((c+e)*10)/10;this.currentZoom=Math.max(this.currentZoom,1);this.currentZoom=Math.min(this.currentZoom,n);if(deviceInfo.isIos){i=n}else{i=Math.min(i,n*r);e=r*e}cameraPreview.setZoom(Math.min(a+e,i));return[2]}}))}))};e.prototype.toOpenAppSetting=function(e){return __awaiter(this,void 0,void 0,(function(){var t,a;return __generator(this,(function(c){switch(c.label){case 0:t=e.detail.item;if(!(t.action=="permission"))return[3,4];c.label=1;case 1:c.trys.push([1,3,,4]);return[4,cameraPreview.openAppSettings()];case 2:c.sent();this.permissionAlertVisible=false;return[3,4];case 3:a=c.sent();this.closePermissionAlert(e);return[3,4];case 4:return[2]}}))}))};e.prototype.closePermissionAlert=function(e){e.stopPropagation();this.permissionAlertVisible=false;this.ctyDismiss.emit()};e.prototype.render=function(){var e=this;var t=this,a=t.title,c=t.closeIcon,i=t.flash,r=t.flipText,n=t.flashText,o=t.ratioText,s=t.ratios,l=t.ratioIndex,f=t.zoomIndex,m=t.zooms,d=t.mode,u=t.singleText,y=t.multipleText,b=t.currentPhotoMode,x=t.confirmIcon,p=t.confirmText,g=t.deleteIcon,v=t.pictures,_=t.showImageViewer,w=t.imageViewerIndex,k=t.touchZoom,z=t.currentZoom;return h(Host,{key:"249d6c9269af0bb404fa13c2679db953580196be",class:"cty-camera",onClick:function(e){return e.stopPropagation()}},h("cty-nav-bar",{key:"3ddc96ed9540f67485013bd1d52cf593f7a159ec",title:a,type:"clear"},h("slot",{key:"c3124d840af6803fe87669dc1da346b5a51d6dc1",name:"header-start",slot:"start"},!!c&&h("ion-button",{key:"48ebfe61e98a586fb127feb9e57e556108665126",class:"cty-camera__close",onClick:function(){return e.close()}},h("cty-icon",{key:"8da9e811d18687d6c3c3fd19f3b6d96db3b4d992",class:"cty-camera__close-icon",name:c})))),h("div",{key:"918f5390b8d846231a1fbd3550858114efb3797f",class:"cty-camera-main",onTouchStart:function(t){return e.touchstart(t)},onTouchMove:function(t){return e.touchmove(t)},onTouchEnd:function(t){return e.touchend(t)}},h("div",{key:"4d872387a4bb06d4d5030c181c6a67a9ef19f5aa",class:"cty-camera-widgets",part:"widgets"},!!r&&h("button",{key:"6de4076ab5b8ee8a31a63305fc4fd4c954e87291",class:"cty-button-native cty-camera-widget",part:"widget",onClick:function(){return e.flipCamera()}},h("cty-icon",{key:"cf2cd7ccbf12a6b972371389045aa7360a7e361c",class:"cty-camera-widget__icon",name:"cty-flip"}),!!r&&h("span",{key:"63816718efe322900dd80192a3c96e1dde0f56bf",class:"cty-camera-widget__text"},r)),!!n&&h("button",{key:"71f482e92876e408cfe4391c92c79789d83ff12b",class:"cty-button-native cty-camera-widget",part:"widget",onClick:function(){return e.toggleFlash()}},h("cty-icon",{key:"70a2838d229df2418807329013cf2db86c8b2886",class:"cty-camera-widget__icon",name:i?"cty-flash-on":"cty-flash-off"}),!!n&&h("span",{key:"dc6dcb389cde04abe9e94824fc7ab23d7cbd49c3",class:"cty-camera-widget__text"},n)),!!o&&h("button",{key:"13fd40b68adeefca52a5775b2fc86bd0602728c7",class:"cty-button-native cty-camera-widget",part:"ratio",onClick:function(){return e.ratioChange()}},h("span",{key:"e971f50bb4a923dfb119497d530890dc2a2f4cc2",class:"cty-camera-widget__ratio flex-center"},s[l]),!!o&&h("span",{key:"c13601a6c3866a72120a9b441d971c5134e95b26",class:"cty-camera-widget__text"},o)))),h("div",{key:"b82e91f54f7416c8f8ba0bbc99ad034b7d90d201",class:"cty-camera-controls safe-area-bottom-padding"},d=="both"&&v.length<=0&&h("div",{key:"da4867ad484906fb92bb0b9840ae05cab7f6017c",class:"cty-camera-controls__mode flex-center",part:"mode"},h("button",{key:"8932fc465360764b3d19c2ba0f9afa26df747248",class:{"cty-button-native cty-camera-controls__mode-button":true,"cty-camera-controls__mode-button__active":b==="single"},onClick:function(){return e.currentPhotoMode="single"}},u),h("button",{key:"a70dd98026cb8125f04841f3f82ae83bffedea17",class:{"cty-button-native cty-camera-controls__mode-button":true,"cty-camera-controls__mode-button__active":b==="multiple"},onClick:function(){return e.currentPhotoMode="multiple"}},y)),h("slot",{key:"706e3c7c60be9bea7a887743981e6c0c83d867a1",name:"zooms"},!k&&m.length>0&&h("div",{key:"dd6fe65fe090190eb2f1f0b678ebfa84f8bbbe31",class:"cty-camera-controls__zooms flex-center",part:"zooms"},m.map((function(t,a){return h("div",{class:{"cty-camera-controls__zoom-item flex-center":true,"cty-camera-controls__zoom-item__active":f===a},onClick:function(){return e.setZoom(a)}},h("span",{class:"cty-camera-controls__zoom-text flex-center"},t,"X"))}))),k&&h("div",{key:"9f0a68f5c87b36f50807a1ddce3fd7d495f5b0f7",class:"cty-camera-controls__zooms flex-center",part:"zooms"},h("div",{key:"2b1f97c6fbe953d71779f536d408d8a878872b1c",class:{"cty-camera-controls__zoom-item flex-center cty-camera-controls__zoom-item__active":true},onClick:function(){return e.resetZoom()}},h("span",{key:"2e16a3df094da8fcfe0b3758732a48bc67e00797",class:"cty-camera-controls__zoom-text flex-center"},z,"X")))),h("div",{key:"06a01b4fcb96b0bd33bde8ed91fc2b436e406791",class:"cty-camera-controls__main flex-center"},h("div",{key:"c748dab6ff814deab00d7f0ff8e2b9ae439acc82",class:"cty-camera-controls__main-left flex-center"}),h("div",{key:"ae6105b6f28bd8be992ebf164987806a5cf52e9c",class:"cty-camera-controls__take-photo flex-center"},h("button",{key:"1bbe3c2225a533fd7f4b9de9b7778c748c4f5a03",class:"cty-button-native cty-camera-controls__take-photo-button",part:"take-photo",onClick:function(){return e.takePhoto()}})),h("div",{key:"d8b0277f2daf2c6085edd86c18d220a7c24e1e37",class:"cty-camera-controls__main-confirm flex-center"},b!=="single"&&v.length>0&&!!g&&h("button",{key:"cc83aa1aab767ea7a3aef3b44194b4891836c09a",class:"cty-camera-controls__main-delete cty-button-native flex-column-center",onClick:function(){return e.deleteLastPicture()}},h("cty-icon",{key:"5b2a06c3819fa158b12769b4cea08f7df6cecff2",class:"cty-camera-controls__main-delete-icon",name:g})),b!=="single"&&v.length>0&&h("button",{key:"09642c94b869090cd1381b75a949013623558fb6",class:"cty-button-native flex-column-center",onClick:function(){return e.confirm()}},h("cty-icon",{key:"09e36ce96317e298f0a54ce6c1d76009a4ad4b95",class:"cty-camera-controls__main-confirm-icon",name:x}),p&&h("span",{key:"9d24bf57e4c32abbbfb95671c1191f7d85adfce4",class:"cty-camera-controls__main-confirm-text"},p)))),h("slot",{key:"5530ce7f1411007acfd28326b53b5caa52c52376",name:"images"},h("div",{key:"2a9366f14ff5878bb704703d9fd65a4549c002fb",class:"cty-camera-controls__images flex-align-center"},b!=="single"&&v.map((function(t,a){return h("div",{class:"cty-camera-controls__image",onClick:function(){return e.toImageViewer(a)}},h("img",{class:"cty-camera-controls__image-img",src:t.thumbnail||t.url}),h("button",{class:"cty-button-native",onClick:function(t){return e.deletePicture(t,a)}},h("cty-icon",{class:"cty-camera-controls__image-delete",name:closeOutline})))}))))),_&&h("cty-image-viewer",{key:"5c3f82c1f25c434e79c2df83f657c25cc42f0ffc",images:v.map((function(e){return e.url})),initialSlide:w,overlayIndex:100,backdropDismiss:false,closeable:false,onCtyDismiss:function(t){return e.closeImageViewer(t)}},b!=="multiple"&&h("div",{key:"2c0753cab107695962bbdd55ab9b334e91c361a2",class:"cty-camera-viewer__single flex-center-between",slot:"pager"},h("button",{key:"3cf7393d965245e4b7072afe50412c150840cec3",class:"cty-camera-viewer__single-close cty-button-native",onClick:function(t){return e.closeSingleImageViewer(t)}},h("cty-icon",{key:"db1b6d35ff40650a00903d37d03adf9c4e7ce311",name:"cty-close2"})),h("button",{key:"25df5828eafcc1191e826445e0b20e41eec869bf",class:"cty-camera-viewer__single-confirm cty-button-native",onClick:function(){return e.confirm()}},h("cty-icon",{key:"e96ba7b2413df359b4ab6ea184250edbf3618d2a",name:"cty-tick"}))),b!=="multiple"&&h("i",{key:"8a167eb7c089ede4aeff07e73cd14424a0ccca55",slot:"close"})),this.permissionAlertVisible&&h("cty-permission-alert",{key:"3fb0cd60cb246d94f12a6adff586087071075ea2",title:this.permissionAlertTitle,content:this.permissionAlertContent,buttons:this.permissionAlertbuttons,onCtyDismiss:function(t){return e.closePermissionAlert(t)},onCtyTap:function(t){return e.toOpenAppSetting(t)}}),h("ion-toast",{key:"ac0224081e8ce22eaebfd7224391cf1957c2ff47","is-open":this.isToastOpen,message:this.toastContent,duration:2e3,position:"middle"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Camera.style=cameraCss;var cropImageCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.plt-hybrid .safe-area-bottom-border{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid var(--cty-color-white)}.plt-hybrid .safe-area-bottom-border-color{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid currentColor}.plt-hybrid .safe-area-bottom-padding{padding-bottom:var(--ion-safe-area-bottom, 0)}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-crop-image-clip-width:100vw;--cty-crop-image-clip-height:100vw;--cty-crop-image-clip-background:var(--cty-overlay-color);--cty-crop-image-clip-border:1px solid #767676;--cty-crop-image-buttons-padding:12px 0;--cty-crop-image-button-padding:0 12px;--cty-crop-image-button-color:var(--cty-color-white);--cty-crop-image-button-active-color:var(--cty-color-white);--cty-crop-image-button-size:var(--cty-font-size-base);--cty-crop-image-button-line-height:30px;--cty-crop-image-button-weight:400;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;width:100vw;height:100vh;background:var(--cty-color-black)}.cty-crop-image__wrapper{position:absolute;width:100%;left:50%;top:50%;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}.cty-crop-image__image{display:block;width:100%;pointer-events:none}.cty-crop-image__clip{position:relative;width:var(--cty-crop-image-clip-width);max-width:var(--cty-crop-image-width);height:var(--cty-crop-image-clip-height);border:var(--cty-crop-image-clip-border);-webkit-box-shadow:0 0 0 1000px var(--cty-crop-image-clip-background);box-shadow:0 0 0 1000px var(--cty-crop-image-clip-background)}.cty-crop-image__buttons{position:absolute;left:0;right:0;bottom:0;background-color:rgba(19, 19, 19, 0.7);padding:var(--cty-crop-image-buttons-padding)}.cty-crop-image__button{padding:var(--cty-crop-image-button-padding);font-size:var(--cty-crop-image-button-size);color:var(--cty-crop-image-button-color);line-height:var(--cty-crop-image-button-line-height);font-weight:var(--cty-crop-image-button-weight)}.cty-crop-image__button+.cty-crop-image__button{color:var(--cty-crop-image-button-active-color)}";var CropImage=function(){function e(e){registerInstance(this,e);this.ctyCancel=createEvent(this,"ctyCancel",7);this.ctyConfirm=createEvent(this,"ctyConfirm",7);this.url="";this.cancelText="取消";this.confirmText="选取";this.imageWidth=750;this.imageBackground="";this.quality=1;this.suffix="jpeg";this.maxScale=2;this.minScale=1;this._startX=0;this._startY=0;this._distance=0;this._scale=1}e.prototype.doTouchStart=function(e){var t=this;var a,c,i,r,n;try{e.preventDefault();e.stopPropagation()}catch(e){}this.imageEl.style.transition="none";if(e.type==="mousedown"||((a=e===null||e===void 0?void 0:e.targetTouches)===null||a===void 0?void 0:a.length)==1){var o=getEventPageCoords(e),s=o.x,l=o.y;this._startX=s;this._startY=l;if(e.type==="mousedown"){this.el.onmousemove=function(e){t.doTouchMove(e)};this.el.onmouseup=function(){t.doTouchEnd();t.el.onmousemove=null;t.el.onmouseup=null}}}else{var f=((c=e===null||e===void 0?void 0:e.targetTouches[1])===null||c===void 0?void 0:c.clientX)-((i=e===null||e===void 0?void 0:e.targetTouches[0])===null||i===void 0?void 0:i.clientX);var m=((r=e===null||e===void 0?void 0:e.targetTouches[1])===null||r===void 0?void 0:r.clientY)-((n=e===null||e===void 0?void 0:e.targetTouches[0])===null||n===void 0?void 0:n.clientY);this._distance=Math.sqrt(f*f+m*m)}};e.prototype.doTouchMove=function(e){var t;try{e.preventDefault();e.stopPropagation()}catch(e){}if(e.type==="mousemove"||((t=e===null||e===void 0?void 0:e.targetTouches)===null||t===void 0?void 0:t.length)==1){var a=getEventPageCoords(e),c=a.x,i=a.y;var r=c-this._startX;var n=i-this._startY;this._startX=c;this._startY=i;var o=this.imageEl;var s=getElementRect(o);var l=getElementRect(this.clipEl);var f=1;var m=1;if(s.x>l.x){f=10/Math.ceil(s.x-l.x)}else if(s.right<l.right){f=10/Math.ceil(l.right-s.right)}f=Math.min(1,f);if(s.y>l.y){m=10/Math.ceil(s.y-l.y)}else if(s.bottom<l.bottom){m=10/Math.ceil(l.bottom-s.bottom)}m=Math.min(1,m);var d=o.offsetLeft+r*f;var h=o.offsetTop+n*m;this.imageEl.style.left=d+"px";this.imageEl.style.top=h+"px"}else{var u=e.touches[1].clientX-e.touches[0].clientX;var y=e.touches[1].clientY-e.touches[0].clientY;var b=Math.sqrt(u*u+y*y);var x=b-this._distance;var p=this._scale+.01*x;p=clamp(p,this.minScale/2,this.maxScale+1);this.imageEl.style.transform="translate(-50%,-50%) scale("+p+")";this._distance=b;this._scale=p}};e.prototype.doTouchEnd=function(){var e=this.clipEl;var t=this.el;var a=this.imageEl;var c=this.clipEl.getBoundingClientRect();if(this._scale<this.minScale){this._scale=this.minScale}else if(this._scale>this.maxScale){this._scale=this.maxScale}this.imageEl.style.transform="translate(-50%,-50%) scale("+this._scale+")";var i=getElementRect(a);var r=a.offsetLeft;var n=a.offsetTop;if(i.x>c.x){r=c.x+i.width/2}else if(i.right<c.right){r=c.right-i.width/2}if(i.y>c.y){n=c.y+i.height/2}else if(i.bottom<c.bottom){n=c.bottom-i.height/2}this.imageEl.style.transition=".2s";this.imageEl.style.left=r+"px";if(e.offsetHeight>i.height){n=t.offsetHeight/2}this.imageEl.style.top=n+"px"};e.prototype._doCancel=function(e){try{e.preventDefault();e.stopPropagation()}catch(e){}this.ctyCancel.emit()};e.prototype._doConfirm=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){switch(a.label){case 0:try{e.preventDefault();e.stopPropagation()}catch(e){}return[4,this.getCanvasImg()];case 1:t=a.sent();this.ctyConfirm.emit(t);return[2]}}))}))};e.prototype.getCanvasImg=function(){var e=this;return new Promise((function(t,a){try{var c=e.clipEl;var i=document.createElement("canvas");var r=i.getContext("2d");var n=e.imageWidth*c.clientHeight/c.clientWidth;var o=e.imageEl.children[0];i.width=e.imageWidth;i.height=e.imageWidth*c.clientHeight/c.clientWidth;r.clearRect(0,0,e.imageWidth,n);if(e.imageBackground){r.beginPath();r.fillStyle=e.imageBackground;r.fillRect(0,0,e.imageWidth,n)}r.beginPath();var s=e.imageEl.getBoundingClientRect();var l=c.getBoundingClientRect();var f=l.y-s.y;var m=l.x-s.x;var d=new Image;d.onload=function(){var a=d.width/s.width;r.drawImage(o,m*a,f*a,c.clientWidth*a,c.clientHeight*a,0,0,i.width,i.height);var n=i.toDataURL("image/".concat(e.suffix),e.quality);n=n.replace("data:image/".concat(e.suffix,";base64,"),"");n=n.replace("data:image/jgp;base64,","");n=n.replace("data:image/jpeg;base64,","");n=n.replace("data:image/jpg;base64,","");n=n.replace("data:image/png;base64,","");t({data:n,url:"data:image/".concat(e.suffix,";base64,")+n})};d.src=o.src}catch(e){a(e)}}))};e.prototype.renderButtons=function(){var e=this;if(!this.cancelText&&!this.confirmText)return null;var t=h("button",{class:"cty-crop-image__button cty-button-native",onTouchEnd:function(t){return e._doCancel(t)},onMouseUp:function(t){return e._doCancel(t)}},this.cancelText);var a=h("button",{class:"cty-crop-image__button cty-button-native",onTouchEnd:function(t){return e._doConfirm(t)},onMouseUp:function(t){return e._doConfirm(t)}},this.confirmText);return h("div",{class:"cty-crop-image__buttons flex-center-between safe-area-bottom-border-color"},this.cancelText&&t,this.confirmText&&a)};e.prototype.render=function(){var e=this;return h(Host,{key:"3805ba12b7e6f2809399b8a9f213e4a4131b081c",class:"cty-crop-image",onMouseDown:function(t){return e.doTouchStart(t)},onTouchStart:function(t){return e.doTouchStart(t)},onTouchMove:function(t){return e.doTouchMove(t)},onTouchEnd:function(){return e.doTouchEnd()}},h("slot",{key:"441105402304f96770ff61b883993c952f7ea4a9",name:"header"}),h("div",{key:"affa68ce2eacf57bff5dcbc140c1da82d59dc8a3",class:"cty-crop-image__wrapper",ref:function(t){return e.imageEl=t}},h("img",{key:"9c5dd8cafb8e14f7f0e5d6ee2cc999a139580342",src:this.url,class:"cty-crop-image__image"})),h("div",{key:"eafd9083b6728615b767dae842c8b102ad40916d",class:"cty-crop-image__clip",ref:function(t){return e.clipEl=t}}),h("slot",{key:"25cb5fb31191e0a991064164b4c5752f39b7499b",name:"clip"}),this.renderButtons(),h("slot",{key:"e60a010fea26d6fa38a380c4cb9f6c4c28c25558",name:"footer"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CropImage.style=cropImageCss;export{Camera as cty_camera,CropImage as cty_crop_image};
1
+ import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{c as cameraPreview}from"./camera-preview-Bntx5BKz.js";import{d as deviceInfo}from"./device-info-BWrjtLtW.js";import{i as imagePicker}from"./image-picker-0JHjPizE.js";import{o as closeOutline,V as backspaceOutline}from"./index-D0r4bHmZ.js";import{b as getEventPageCoords,g as getElementRect}from"./dom-CHhKFKFA.js";import{i as clamp}from"./format-DnWe30Rj.js";import"./platform-BqPoMbNS.js";import"./network-BqPNWsXF.js";import"./index-CZI7sxie.js";var cameraCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:fixed;left:0;top:0;z-index:20099;width:100vw !important;height:100vh !important;visibility:visible !important}.cty-camera__close[class]{margin:0;min-height:var(--cty-camera-close-min-hieght, 3.1em);--background:transparent;--background-activated:transparent;--background-focused:transparent;--background-hover:transparent;--box-shadow:none;--padding-top:var(--cty-camera-close-padding-top, 3px);--padding-bottom:var(--cty-camera-close-padding-bottom, 3px);--padding-start:var(--cty-camera-close-padding-start, 6px);--padding-end:var(--cty-camera-close-padding-end, 6px);--color:var(--cty-camera-close-color, var(--cty-text-color-white))}.cty-camera__close-icon{font-size:var(--cty-camera-close-font-size, 28px)}.cty-camera-main{-ms-flex:1;flex:1;position:relative}.cty-camera-widgets{position:absolute;top:0;right:15px}.cty-camera-widget{-ms-flex-direction:column;flex-direction:column;margin-bottom:var(--cty-camera-camera-widget-offset-y, 30px);color:var(--cty-camera-camera-widget-color, #fff)}.cty-camera-widget__icon{font-size:var(--cty-camera-camera-widget-icon-size, 20px)}.cty-camera-widget__text{margin-top:var(--cty-camera-camera-widget-text-offset-y, 5px);font-size:var(--cty-camera-camera-widget-text-size, var(--cty-font-size-extra-small))}.cty-camera-widget__ratio{width:24px;height:16px;border-radius:2px;border:1px solid var(--cty-camera-camera-widget-color, #fff);font-size:10px}.cty-camera-controls{margin-top:auto}.cty-camera-controls__mode{width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:var(--cty-camera-camera-controls-mode-padding, 2px);margin:var(--cty-camera-camera-controls-mode-offset, 0 auto 15px);background:var(--cty-camera-camera-controls-mode-bg, rgba(0, 0, 0, 0.5));border-radius:var(--cty-camera-camera-controls-mode-radius, 3px);color:var(--cty-camera-camera-controls-mode-color, #fff)}.cty-camera-controls__mode-button{padding:var(--cty-camera-camera-controls-mode-button-padding, 3px 5px);border-radius:var(--cty-camera-camera-controls-mode-button-radius, 3px);font-size:var(--cty-camera-camera-controls-mode-button-font-szie, var(--cty-font-size-extra-small))}.cty-camera-controls__mode-button__active{background:var(--cty-camera-camera-controls-mode-button-active-bg, #fff);color:var(--cty-camera-camera-controls-mode-button-active-color, #000)}.cty-camera-controls__zooms{margin:var(--cty-camera-camera-controls-zooms-offset, 0 0 15px)}.cty-camera-controls__zoom-item{width:var(--cty-camera-camera-controls-zoom-active-size, 28px);height:var(--cty-camera-camera-controls-zoom-active-size, 28px);border-radius:50%}.cty-camera-controls__zoom-item:not(:last-child){margin-right:var(--cty-camera-camera-controls-zoom-offset, 10px)}.cty-camera-controls__zoom-item__active{border:var(--cty-camera-camera-controls-zoom-active-border, 1px solid #fff)}.cty-camera-controls__zoom-item__active .cty-camera-controls__zoom-text{background:var(--cty-camera-camera-controls-zoom-active-bg, transparent)}.cty-camera-controls__zoom-text{width:var(--cty-camera-camera-controls-zoom-size, 24px);height:var(--cty-camera-camera-controls-zoom-size, 24px);background:var(--cty-camera-camera-controls-zoom-bg, rgba(0, 0, 0, 0.3));border-radius:50%;color:var(--cty-camera-camera-controls-color, #fff);font-size:var(--cty-camera-camera-controls-zoom-font-size, 10px);font-weight:var(--cty-camera-camera-controls-zoom-font-weight, 600)}.cty-camera-controls__main{margin:var(--cty-camera-camera-controls-take-photo-offset, 0 0 15px)}.cty-camera-controls__take-photo{width:var(--cty-camera-camera-controls-take-photo-size, 60px);height:var(--cty-camera-camera-controls-take-photo-size, 60px);border-radius:50%;border:var(--cty-camera-camera-controls-take-photo-border, 2px solid #fff)}.cty-camera-controls__take-photo-button{width:var(--cty-camera-camera-controls-take-photo-button-size, 48px);height:var(--cty-camera-camera-controls-take-photo-button-size, 48px);border-radius:50%;background:var(--cty-camera-camera-controls-color, #fff)}.cty-camera-controls__take-photo-button:active{-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:-webkit-transform 0.05s cubic-bezier(0.2, 0.9, 0.4, 1.1);transition:-webkit-transform 0.05s cubic-bezier(0.2, 0.9, 0.4, 1.1);transition:transform 0.05s cubic-bezier(0.2, 0.9, 0.4, 1.1);transition:transform 0.05s cubic-bezier(0.2, 0.9, 0.4, 1.1), -webkit-transform 0.05s cubic-bezier(0.2, 0.9, 0.4, 1.1);-webkit-box-shadow:0 3px 8px rgba(0, 0, 0, 0.2);box-shadow:0 3px 8px rgba(0, 0, 0, 0.2);-webkit-filter:brightness(0.96);filter:brightness(0.96)}.cty-camera-controls__main-left,.cty-camera-controls__main-confirm{-ms-flex:1;flex:1}.cty-camera-controls__main-confirm-icon{font-size:var(--cty-camera-camera-controls-confirm-icon-size, 24px);color:var(--cty-camera-camera-controls-confirm-icon-color, var(--cty-color-danger))}.cty-camera-controls__main-confirm-text{margin-top:var(--cty-camera-camera-controls-confirm-text-offset, 5px);font-size:var(--cty-camera-camera-controls-confirm-text-size, 12px);color:var(--cty-camera-camera-controls-confirm-text-color, #fff)}.cty-camera-controls__main-delete{margin-right:var(--cty-camera-camera-controls-delete-offser, 30px)}.cty-camera-controls__main-delete-icon{font-size:var(--cty-camera-camera-controls-delete-icon-size, 20px);color:var(--cty-camera-camera-controls-delete-icon-color, #fff)}.cty-camera-controls__images{overflow-x:auto;width:100%;min-height:var(--cty-camera-camera-controls-images-min-height, 84px);padding:var(--cty-camera-camera-controls-images-padding, 0 15px);margin:var(--cty-camera-camera-controls-images-offset, 15px 0)}.cty-camera-controls__image{-ms-flex:none;flex:none;position:relative;width:var(--cty-camera-camera-controls-image-size, 54px);height:var(--cty-camera-camera-controls-image-size, 54px)}.cty-camera-controls__image:not(:last-child){margin-right:var(--cty-camera-camera-controls-image-offset, 10px)}.cty-camera-controls__image-img{display:block;width:100%;height:100%;border-radius:var(--cty-camera-camera-controls-image-border-radius, 8px);-o-object-fit:var(--cty-camera-camera-controls-image-object-fit, cover);object-fit:var(--cty-camera-camera-controls-image-object-fit, cover)}.cty-camera-controls__image-delete{position:absolute;top:0;right:0;width:var(--cty-camera-camera-controls-image-delete-size, 20px);height:var(--cty-camera-camera-controls-image-delete-size, 20px);background:var(--cty-camera-camera-controls-image-delete-bg, rgba(0, 0, 0, 0.5));border-radius:var(--cty-camera-camera-controls-image-delete-border-radius, 0 8px);color:var(--cty-camera-camera-controls-image-delete-color, #fff);font-size:var(--cty-camera-camera-controls-image-delete-font-size, 18px)}.cty-camera-viewer__single{min-height:var(--cty-camera-viewer-single-min-height, 44px);padding:var(--cty-camera-viewer-single-padding, 0 15px)}.cty-camera-viewer__single-close,.cty-camera-viewer__single-confirm{font-size:var(--cty-image-viewer-single-close-size, 20px);color:var(--cty-image-viewer-single-close-color, #fff)}";var Camera=function(){function e(e){registerInstance(this,e);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.ctyTakePhoto=createEvent(this,"ctyTakePhoto",7);this.ctyConfirm=createEvent(this,"ctyConfirm",7);this.safeArea=44;this.title="";this.options={};this.closeIcon=closeOutline;this.deleteIcon=backspaceOutline;this.width=0;this.height=0;this.quality=85;this.includeThumb=true;this.thumbWidth=120;this.saveToLibrary=true;this.file=true;this.max=9;this.flipText="翻转";this.flashText="闪光";this.ratioText="比例";this.confirmIcon="cty-confirm";this.confirmText="确定";this.mode="both";this.singleText="单拍";this.multipleText="连拍";this.ratios=["9:16","3:4","1:1","16:9","full"];this.zooms=[1,2,5,10];this.zoomSteps=20;this.touchZoom=true;this.touchZoomProp=.01;this.permissionAlertTitle="需要申请开启相机权限";this.permissionAlertContent="需要开启相机权限，用于拍照。我们承诺仅在功能使用时调用摄像头。";this.ratioIndex=0;this.flash=false;this.zoomIndex=0;this.pictures=[];this.showImageViewer=false;this.imageViewerIndex=0;this.currentPhotoMode="multiple";this.currentZoom=1;this.hasPermission=false;this.permissionAlertVisible=false;this.isToastOpen=false;this.toastContent="";this.startZoom=1;this.SCREEN_WIDTH=window.screen.width;this.SCREEN_HEIGHT=window.screen.height;this.originalBodyBackground="";this.isTakingPhoto=false;this.distance=0;this.startCameraZoom=0}e.prototype.connectedCallback=function(){if(this.mode==="single"){this.currentPhotoMode="single"}var e=window.document.querySelector("body");e.style.visibility="hidden";this.originalBodyBackground=window.getComputedStyle(e).background;e.style.background="transparent";this.initCamera()};e.prototype.disconnectedCallback=function(){cameraPreview.stopCamera();var e=window.document.querySelector("body");e.style.visibility="visible";e.style.background=this.originalBodyBackground};e.prototype.requestPermission=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,a,c,i;return __generator(this,(function(r){switch(r.label){case 0:r.trys.push([0,2,,3]);e=this;return[4,cameraPreview.hasPermission()];case 1:e.hasPermission=r.sent();return[3,3];case 2:t=r.sent();this.hasPermission=false;return[3,3];case 3:if(!!this.hasPermission)return[3,7];r.label=4;case 4:r.trys.push([4,6,,7]);return[4,cameraPreview.requestPermission()];case 5:r.sent();this.hasPermission=true;return[3,7];case 6:a=r.sent();c=a.code,i=a.message;if(c=="PERMISSION_DENIED_NEED_SETTINGS"){this.permissionAlertVisible=true}else{if(c!="PERMISSION_DENIED_FIRST_TIME"&&i){this.isToastOpen=true;this.toastContent=i}this.ctyDismiss.emit()}return[3,7];case 7:return[2]}}))}))};e.prototype.initCamera=function(){return __awaiter(this,void 0,void 0,(function(){var e;var t=this;return __generator(this,(function(a){switch(a.label){case 0:return[4,this.requestPermission()];case 1:a.sent();if(!this.hasPermission){!this.permissionAlertVisible&&this.ctyDismiss.emit();return[2]}e=this.getCameraHeight();cameraPreview.startCamera(Object.assign(Object.assign({y:this.safeArea,camera:"back",backgroundColor:"#000000"},this.options),{x:0,height:e,toBack:true,tapPhoto:false,tapFocus:true,enableAutoSettings:false,storeToFile:this.file})).catch((function(e){var a=e.code;if(a=="PERMISSION_DENIED_NEED_SETTINGS"){t.permissionAlertVisible=true}}));return[2]}}))}))};e.prototype.close=function(){this.ctyDismiss.emit()};e.prototype.flipCamera=function(){return cameraPreview.switchCamera()};e.prototype.toggleFlash=function(){this.flash=!this.flash;if(!this.flash){return this.flashOff()}return this.flashOn()};e.prototype.flashOff=function(){return cameraPreview.setFlashMode("off")};e.prototype.flashOn=function(){return cameraPreview.setFlashMode("torch")};e.prototype.ratioChange=function(){var e=this,t=e.ratios,a=e.ratioIndex,c=e.SCREEN_WIDTH;var i=t[a];this.ratioIndex++;if(this.ratioIndex>=t.length){this.ratioIndex=0}var r=t[this.ratioIndex];if(!r.includes(":")||!i.includes(":")){cameraPreview.setPreviewPosition(0,!i.includes(":")?this.safeArea:0)}var n=this.getCameraHeight();return cameraPreview.setPreviewSize({width:c,height:n})};e.prototype.setZoom=function(e){return __awaiter(this,void 0,void 0,(function(){var t,a,c,i;return __generator(this,(function(r){switch(r.label){case 0:t=this.zooms;this.zoomIndex=e;return[4,cameraPreview.getMaxZoom()];case 1:a=r.sent();c=(a+1)/this.zoomSteps;i=c*t[e]-1;if(deviceInfo.isIos){i=t[e]}return[2,cameraPreview.setZoom(e===0?0:Math.min(i,a))]}}))}))};e.prototype.takePhoto=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,a,c,i,r,n,o,s,l,f,m,d,h,u;return __generator(this,(function(y){switch(y.label){case 0:e=this,t=e.quality,a=e.width,c=e.height,i=e.includeThumb,r=e.thumbWidth,n=e.saveToLibrary,o=e.file,s=e.max,l=e.pictures;if(s>0&&l.length>=s||this.currentPhotoMode==="single"&&this.pictures.length>0||this.isTakingPhoto){return[2]}this.isTakingPhoto=true;return[4,cameraPreview.takePicture({width:a,height:c,quality:t,includeThumb:i,thumbWidth:r,saveToLibrary:n})];case 1:f=y.sent();m="";d="";if(f&&typeof f==="object"){m=f.image;d=f.thumbnail}else{m=f}return[4,imagePicker.formatPictureResult(o,m)];case 2:h=y.sent();return[4,imagePicker.formatPictureResult(o,d)];case 3:u=y.sent();this.pictures=__spreadArray(__spreadArray([],l,true),[Object.assign(Object.assign({},h),{thumbnail:u.url})],false);this.ctyTakePhoto.emit(h);this.isTakingPhoto=false;if(this.currentPhotoMode==="single"){this.toImageViewer(0)}return[2,h]}}))}))};e.prototype.deletePicture=function(e,t){e.stopPropagation();var a=__spreadArray([],this.pictures,true);a.splice(t,1);this.pictures=a};e.prototype.getCameraHeight=function(){var e=this,t=e.ratios,a=e.ratioIndex,c=e.SCREEN_WIDTH,i=e.SCREEN_HEIGHT;var r=t[a];if(!r.includes(":")){return i}var n=r.split(":"),o=n[0],s=n[1];return Math.min(i,+s*c/+o)};e.prototype.toImageViewer=function(e){this.imageViewerIndex=e;this.showImageViewer=true};e.prototype.closeImageViewer=function(e){e.stopPropagation();this.showImageViewer=false};e.prototype.closeSingleImageViewer=function(e){this.pictures=[];this.closeImageViewer(e)};e.prototype.confirm=function(){this.ctyConfirm.emit(this.pictures.map((function(e){var t=e.url,a=e.data;return{url:t,data:a}})))};e.prototype.deleteLastPicture=function(){var e=__spreadArray([],this.pictures,true);e.pop();this.pictures=e};e.prototype.resetZoom=function(){this.currentZoom=1;this.setZoom(0)};e.prototype.touchstart=function(e){return __awaiter(this,void 0,void 0,(function(){var t,a,c;return __generator(this,(function(i){switch(i.label){case 0:e.stopPropagation();if(!(this.touchZoom&&e.touches.length==2))return[3,2];t=e.touches[1].clientX-e.touches[0].clientX;a=e.touches[1].clientY-e.touches[0].clientY;this.distance=Math.sqrt(t*t+a*a);c=this;return[4,cameraPreview.getZoom()];case 1:c.startCameraZoom=i.sent();this.startZoom=this.currentZoom;i.label=2;case 2:return[2]}}))}))};e.prototype.touchmove=function(e){e.stopPropagation();if(this.touchZoom&&e.touches.length==2){var t=e.touches[1].clientX-e.touches[0].clientX;var a=e.touches[1].clientY-e.touches[0].clientY;var c=Math.sqrt(t*t+a*a);var i=c-this.distance;var r=this.touchZoomProp*i;this.updateZoom(r)}};e.prototype.touchend=function(e){e.stopPropagation()};e.prototype.updateZoom=function(e){return __awaiter(this,void 0,void 0,(function(){var t,a,c,i,r,n;return __generator(this,(function(o){switch(o.label){case 0:t=this,a=t.startCameraZoom,c=t.startZoom;return[4,cameraPreview.getMaxZoom()];case 1:i=o.sent();r=(i+1)/this.zoomSteps;n=this.zooms.slice(-1)[0]||10;this.currentZoom=Math.floor((c+e)*10)/10;this.currentZoom=Math.max(this.currentZoom,1);this.currentZoom=Math.min(this.currentZoom,n);if(deviceInfo.isIos){i=n}else{i=Math.min(i,n*r);e=r*e}cameraPreview.setZoom(Math.min(a+e,i));return[2]}}))}))};e.prototype.toOpenAppSetting=function(e){return __awaiter(this,void 0,void 0,(function(){var t,a;return __generator(this,(function(c){switch(c.label){case 0:t=e.detail.item;if(!(t.action=="permission"))return[3,5];c.label=1;case 1:c.trys.push([1,3,,4]);return[4,cameraPreview.openAppSettings()];case 2:c.sent();return[3,4];case 3:a=c.sent();return[3,4];case 4:this.closePermissionAlert(e);c.label=5;case 5:return[2]}}))}))};e.prototype.closePermissionAlert=function(e){e.stopPropagation();this.permissionAlertVisible=false;this.ctyDismiss.emit()};e.prototype.render=function(){var e=this;var t=this,a=t.title,c=t.closeIcon,i=t.flash,r=t.flipText,n=t.flashText,o=t.ratioText,s=t.ratios,l=t.ratioIndex,f=t.zoomIndex,m=t.zooms,d=t.mode,u=t.singleText,y=t.multipleText,x=t.currentPhotoMode,b=t.confirmIcon,p=t.confirmText,g=t.deleteIcon,v=t.pictures,_=t.showImageViewer,w=t.imageViewerIndex,k=t.touchZoom,z=t.currentZoom;return h(Host,{key:"bb83ee1726feef5c84057c7723892d43f93c898c",class:"cty-camera",onClick:function(e){return e.stopPropagation()}},h("cty-nav-bar",{key:"7f13f48d4ed2de835c0cd6a045268080d5c1b43e",title:a,type:"clear"},h("slot",{key:"fbc7dceb192a03a24396ca3be62c6c9f53825292",name:"header-start",slot:"start"},!!c&&h("ion-button",{key:"fbf1536e049bec42259893653081110a2a1958f5",class:"cty-camera__close",onClick:function(){return e.close()}},h("cty-icon",{key:"f34a507791bab61880f1f053a0e7ff5176c295dd",class:"cty-camera__close-icon",name:c})))),h("div",{key:"8277b267a0671f64c217e25d7b2669e8f9eeb1d8",class:"cty-camera-main",onTouchStart:function(t){return e.touchstart(t)},onTouchMove:function(t){return e.touchmove(t)},onTouchEnd:function(t){return e.touchend(t)}},h("div",{key:"9b64b1fca0ad1bf01fe6cd383ff469e5fe9a1243",class:"cty-camera-widgets",part:"widgets"},!!r&&h("button",{key:"cada5f233a4b755c00360641c0971309f310ef02",class:"cty-button-native cty-camera-widget",part:"widget",onClick:function(){return e.flipCamera()}},h("cty-icon",{key:"af24b7d537825729e046aba6564c4f9e988983d4",class:"cty-camera-widget__icon",name:"cty-flip"}),!!r&&h("span",{key:"faa5b6ffb51768edc8e7d0bccddf33eb3531e466",class:"cty-camera-widget__text"},r)),!!n&&h("button",{key:"9addc710c3ff9fa7fe5e2dca9d7080a5b48821f4",class:"cty-button-native cty-camera-widget",part:"widget",onClick:function(){return e.toggleFlash()}},h("cty-icon",{key:"b352d50ee12ffe92498e0c0a3c950a3cfc835b17",class:"cty-camera-widget__icon",name:i?"cty-flash-on":"cty-flash-off"}),!!n&&h("span",{key:"15daf94ee7856595ebfd0427275c30136a21085c",class:"cty-camera-widget__text"},n)),!!o&&h("button",{key:"5d9ac7d3112165332b415636ca1f66cea5b4b576",class:"cty-button-native cty-camera-widget",part:"ratio",onClick:function(){return e.ratioChange()}},h("span",{key:"adc545b141ae4cafe0ad0ee4b3f961617185bf50",class:"cty-camera-widget__ratio flex-center"},s[l]),!!o&&h("span",{key:"ec406cf9e24e5a22fe81ad446b6217d27811cd82",class:"cty-camera-widget__text"},o)))),h("div",{key:"24080708dbaa7b58eff5fac1477b8bf2556aabf5",class:"cty-camera-controls safe-area-bottom-padding"},d=="both"&&v.length<=0&&h("div",{key:"2856de71e0a012616e0fd5b634d32d6f51d817c1",class:"cty-camera-controls__mode flex-center",part:"mode"},h("button",{key:"689ba86505b49126c6794858e00903926744f4c5",class:{"cty-button-native cty-camera-controls__mode-button":true,"cty-camera-controls__mode-button__active":x==="single"},onClick:function(){return e.currentPhotoMode="single"}},u),h("button",{key:"78b37ce3691d31241f25226165ed539f93f45fb8",class:{"cty-button-native cty-camera-controls__mode-button":true,"cty-camera-controls__mode-button__active":x==="multiple"},onClick:function(){return e.currentPhotoMode="multiple"}},y)),h("slot",{key:"321e3e6c93cb0c0474fd18811dc58c8e9553e99a",name:"zooms"},!k&&m.length>0&&h("div",{key:"5633dfbc4a605ab9650d225b6ac81fb8a6549759",class:"cty-camera-controls__zooms flex-center",part:"zooms"},m.map((function(t,a){return h("div",{class:{"cty-camera-controls__zoom-item flex-center":true,"cty-camera-controls__zoom-item__active":f===a},onClick:function(){return e.setZoom(a)}},h("span",{class:"cty-camera-controls__zoom-text flex-center"},t,"X"))}))),k&&h("div",{key:"ceeaa663f2c0af94ee6a9e7396ac6fca0969fa8b",class:"cty-camera-controls__zooms flex-center",part:"zooms"},h("div",{key:"eb7f380ce6b4fa09ece885f4b644258346417fa9",class:{"cty-camera-controls__zoom-item flex-center cty-camera-controls__zoom-item__active":true},onClick:function(){return e.resetZoom()}},h("span",{key:"54935930412f8a827d56735da55e02caeb272c65",class:"cty-camera-controls__zoom-text flex-center"},z,"X")))),h("div",{key:"429b787c541081536061362da6eb4055a402d90c",class:"cty-camera-controls__main flex-center"},h("div",{key:"da4502d5cba1ef557847ceda031ef12757637134",class:"cty-camera-controls__main-left flex-center"}),h("div",{key:"32faefbc45c3a6101f12048e7e498c47dd7aec26",class:"cty-camera-controls__take-photo flex-center"},h("button",{key:"62b7db4847e099acdfdebbad0b6fd8e933b089cf",class:"cty-button-native cty-camera-controls__take-photo-button",part:"take-photo",onClick:function(){return e.takePhoto()}})),h("div",{key:"368c5af68ee1c0da60afe16eb0faca9ec8e56561",class:"cty-camera-controls__main-confirm flex-center"},x!=="single"&&v.length>0&&!!g&&h("button",{key:"a7867e322531dd4bd2597915e14fbb469f0b9a58",class:"cty-camera-controls__main-delete cty-button-native flex-column-center",onClick:function(){return e.deleteLastPicture()}},h("cty-icon",{key:"355bd21f2feb8c790dcdb1e52301257b7d3ccdef",class:"cty-camera-controls__main-delete-icon",name:g})),x!=="single"&&v.length>0&&h("button",{key:"d577f40fe7ba3cc3f38defec443357fc2c3fc7fe",class:"cty-button-native flex-column-center",onClick:function(){return e.confirm()}},h("cty-icon",{key:"67599611fbcc9c5bb292e4d2d4fe7d93dbf6e274",class:"cty-camera-controls__main-confirm-icon",name:b}),p&&h("span",{key:"b592907eb84e2d6c255c252e5bbd50533c737c47",class:"cty-camera-controls__main-confirm-text"},p)))),h("slot",{key:"6dbc7b9d6ed47f647c561ed1a1e7ff621dfe635e",name:"images"},h("div",{key:"5428de1571189999e306abd4115487a681360e79",class:"cty-camera-controls__images flex-align-center"},x!=="single"&&v.map((function(t,a){return h("div",{class:"cty-camera-controls__image",onClick:function(){return e.toImageViewer(a)}},h("img",{class:"cty-camera-controls__image-img",src:t.thumbnail||t.url}),h("button",{class:"cty-button-native",onClick:function(t){return e.deletePicture(t,a)}},h("cty-icon",{class:"cty-camera-controls__image-delete",name:closeOutline})))}))))),_&&h("cty-image-viewer",{key:"d42a638850e04f7920176fd63af812034ab754a6",images:v.map((function(e){return e.url})),initialSlide:w,overlayIndex:100,backdropDismiss:false,closeable:false,onCtyDismiss:function(t){return e.closeImageViewer(t)}},x!=="multiple"&&h("div",{key:"2dc441f65a66d38d271c390bc2fb1ebaa26c52f5",class:"cty-camera-viewer__single flex-center-between",slot:"pager"},h("button",{key:"8c80910fb2d0ef00c828f0eec19d9c50309d2dca",class:"cty-camera-viewer__single-close cty-button-native",onClick:function(t){return e.closeSingleImageViewer(t)}},h("cty-icon",{key:"3c606131b6693c04957d4114d4cf757a1df5453a",name:"cty-close2"})),h("button",{key:"56e9915d1224049cc9d48d7aa3a875d66a47c50a",class:"cty-camera-viewer__single-confirm cty-button-native",onClick:function(){return e.confirm()}},h("cty-icon",{key:"895c32f1f067760c15ac82ce0c1f31db069daa82",name:"cty-tick"}))),x!=="multiple"&&h("i",{key:"5b4a7c8cc661e11127804aad19204cd4abdbb6dc",slot:"close"})),this.permissionAlertVisible&&h("cty-permission-alert",{key:"87f6eac68fd015a6a1902a1cda5d546cabea9e3b",part:"permission-alert",title:this.permissionAlertTitle,content:this.permissionAlertContent,buttons:this.permissionAlertbuttons,onCtyDismiss:function(t){return e.closePermissionAlert(t)},onCtyTap:function(t){return e.toOpenAppSetting(t)}}),h("ion-toast",{key:"7fe4417cee38fe17e86cc52ddda0f09a3270b38e","is-open":this.isToastOpen,message:this.toastContent,duration:2e3,position:"middle"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Camera.style=cameraCss;var cropImageCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.plt-hybrid .safe-area-bottom-border{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid var(--cty-color-white)}.plt-hybrid .safe-area-bottom-border-color{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid currentColor}.plt-hybrid .safe-area-bottom-padding{padding-bottom:var(--ion-safe-area-bottom, 0)}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-crop-image-clip-width:100vw;--cty-crop-image-clip-height:100vw;--cty-crop-image-clip-background:var(--cty-overlay-color);--cty-crop-image-clip-border:1px solid #767676;--cty-crop-image-buttons-padding:12px 0;--cty-crop-image-button-padding:0 12px;--cty-crop-image-button-color:var(--cty-color-white);--cty-crop-image-button-active-color:var(--cty-color-white);--cty-crop-image-button-size:var(--cty-font-size-base);--cty-crop-image-button-line-height:30px;--cty-crop-image-button-weight:400;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;width:100vw;height:100vh;background:var(--cty-color-black)}.cty-crop-image__wrapper{position:absolute;width:100%;left:50%;top:50%;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}.cty-crop-image__image{display:block;width:100%;pointer-events:none}.cty-crop-image__clip{position:relative;width:var(--cty-crop-image-clip-width);max-width:var(--cty-crop-image-width);height:var(--cty-crop-image-clip-height);border:var(--cty-crop-image-clip-border);-webkit-box-shadow:0 0 0 1000px var(--cty-crop-image-clip-background);box-shadow:0 0 0 1000px var(--cty-crop-image-clip-background)}.cty-crop-image__buttons{position:absolute;left:0;right:0;bottom:0;background-color:rgba(19, 19, 19, 0.7);padding:var(--cty-crop-image-buttons-padding)}.cty-crop-image__button{padding:var(--cty-crop-image-button-padding);font-size:var(--cty-crop-image-button-size);color:var(--cty-crop-image-button-color);line-height:var(--cty-crop-image-button-line-height);font-weight:var(--cty-crop-image-button-weight)}.cty-crop-image__button+.cty-crop-image__button{color:var(--cty-crop-image-button-active-color)}";var CropImage=function(){function e(e){registerInstance(this,e);this.ctyCancel=createEvent(this,"ctyCancel",7);this.ctyConfirm=createEvent(this,"ctyConfirm",7);this.url="";this.cancelText="取消";this.confirmText="选取";this.imageWidth=750;this.imageBackground="";this.quality=1;this.suffix="jpeg";this.maxScale=2;this.minScale=1;this._startX=0;this._startY=0;this._distance=0;this._scale=1}e.prototype.doTouchStart=function(e){var t=this;var a,c,i,r,n;try{e.preventDefault();e.stopPropagation()}catch(e){}this.imageEl.style.transition="none";if(e.type==="mousedown"||((a=e===null||e===void 0?void 0:e.targetTouches)===null||a===void 0?void 0:a.length)==1){var o=getEventPageCoords(e),s=o.x,l=o.y;this._startX=s;this._startY=l;if(e.type==="mousedown"){this.el.onmousemove=function(e){t.doTouchMove(e)};this.el.onmouseup=function(){t.doTouchEnd();t.el.onmousemove=null;t.el.onmouseup=null}}}else{var f=((c=e===null||e===void 0?void 0:e.targetTouches[1])===null||c===void 0?void 0:c.clientX)-((i=e===null||e===void 0?void 0:e.targetTouches[0])===null||i===void 0?void 0:i.clientX);var m=((r=e===null||e===void 0?void 0:e.targetTouches[1])===null||r===void 0?void 0:r.clientY)-((n=e===null||e===void 0?void 0:e.targetTouches[0])===null||n===void 0?void 0:n.clientY);this._distance=Math.sqrt(f*f+m*m)}};e.prototype.doTouchMove=function(e){var t;try{e.preventDefault();e.stopPropagation()}catch(e){}if(e.type==="mousemove"||((t=e===null||e===void 0?void 0:e.targetTouches)===null||t===void 0?void 0:t.length)==1){var a=getEventPageCoords(e),c=a.x,i=a.y;var r=c-this._startX;var n=i-this._startY;this._startX=c;this._startY=i;var o=this.imageEl;var s=getElementRect(o);var l=getElementRect(this.clipEl);var f=1;var m=1;if(s.x>l.x){f=10/Math.ceil(s.x-l.x)}else if(s.right<l.right){f=10/Math.ceil(l.right-s.right)}f=Math.min(1,f);if(s.y>l.y){m=10/Math.ceil(s.y-l.y)}else if(s.bottom<l.bottom){m=10/Math.ceil(l.bottom-s.bottom)}m=Math.min(1,m);var d=o.offsetLeft+r*f;var h=o.offsetTop+n*m;this.imageEl.style.left=d+"px";this.imageEl.style.top=h+"px"}else{var u=e.touches[1].clientX-e.touches[0].clientX;var y=e.touches[1].clientY-e.touches[0].clientY;var x=Math.sqrt(u*u+y*y);var b=x-this._distance;var p=this._scale+.01*b;p=clamp(p,this.minScale/2,this.maxScale+1);this.imageEl.style.transform="translate(-50%,-50%) scale("+p+")";this._distance=x;this._scale=p}};e.prototype.doTouchEnd=function(){var e=this.clipEl;var t=this.el;var a=this.imageEl;var c=this.clipEl.getBoundingClientRect();if(this._scale<this.minScale){this._scale=this.minScale}else if(this._scale>this.maxScale){this._scale=this.maxScale}this.imageEl.style.transform="translate(-50%,-50%) scale("+this._scale+")";var i=getElementRect(a);var r=a.offsetLeft;var n=a.offsetTop;if(i.x>c.x){r=c.x+i.width/2}else if(i.right<c.right){r=c.right-i.width/2}if(i.y>c.y){n=c.y+i.height/2}else if(i.bottom<c.bottom){n=c.bottom-i.height/2}this.imageEl.style.transition=".2s";this.imageEl.style.left=r+"px";if(e.offsetHeight>i.height){n=t.offsetHeight/2}this.imageEl.style.top=n+"px"};e.prototype._doCancel=function(e){try{e.preventDefault();e.stopPropagation()}catch(e){}this.ctyCancel.emit()};e.prototype._doConfirm=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){switch(a.label){case 0:try{e.preventDefault();e.stopPropagation()}catch(e){}return[4,this.getCanvasImg()];case 1:t=a.sent();this.ctyConfirm.emit(t);return[2]}}))}))};e.prototype.getCanvasImg=function(){var e=this;return new Promise((function(t,a){try{var c=e.clipEl;var i=document.createElement("canvas");var r=i.getContext("2d");var n=e.imageWidth*c.clientHeight/c.clientWidth;var o=e.imageEl.children[0];i.width=e.imageWidth;i.height=e.imageWidth*c.clientHeight/c.clientWidth;r.clearRect(0,0,e.imageWidth,n);if(e.imageBackground){r.beginPath();r.fillStyle=e.imageBackground;r.fillRect(0,0,e.imageWidth,n)}r.beginPath();var s=e.imageEl.getBoundingClientRect();var l=c.getBoundingClientRect();var f=l.y-s.y;var m=l.x-s.x;var d=new Image;d.onload=function(){var a=d.width/s.width;r.drawImage(o,m*a,f*a,c.clientWidth*a,c.clientHeight*a,0,0,i.width,i.height);var n=i.toDataURL("image/".concat(e.suffix),e.quality);n=n.replace("data:image/".concat(e.suffix,";base64,"),"");n=n.replace("data:image/jgp;base64,","");n=n.replace("data:image/jpeg;base64,","");n=n.replace("data:image/jpg;base64,","");n=n.replace("data:image/png;base64,","");t({data:n,url:"data:image/".concat(e.suffix,";base64,")+n})};d.src=o.src}catch(e){a(e)}}))};e.prototype.renderButtons=function(){var e=this;if(!this.cancelText&&!this.confirmText)return null;var t=h("button",{class:"cty-crop-image__button cty-button-native",onTouchEnd:function(t){return e._doCancel(t)},onMouseUp:function(t){return e._doCancel(t)}},this.cancelText);var a=h("button",{class:"cty-crop-image__button cty-button-native",onTouchEnd:function(t){return e._doConfirm(t)},onMouseUp:function(t){return e._doConfirm(t)}},this.confirmText);return h("div",{class:"cty-crop-image__buttons flex-center-between safe-area-bottom-border-color"},this.cancelText&&t,this.confirmText&&a)};e.prototype.render=function(){var e=this;return h(Host,{key:"3805ba12b7e6f2809399b8a9f213e4a4131b081c",class:"cty-crop-image",onMouseDown:function(t){return e.doTouchStart(t)},onTouchStart:function(t){return e.doTouchStart(t)},onTouchMove:function(t){return e.doTouchMove(t)},onTouchEnd:function(){return e.doTouchEnd()}},h("slot",{key:"441105402304f96770ff61b883993c952f7ea4a9",name:"header"}),h("div",{key:"affa68ce2eacf57bff5dcbc140c1da82d59dc8a3",class:"cty-crop-image__wrapper",ref:function(t){return e.imageEl=t}},h("img",{key:"9c5dd8cafb8e14f7f0e5d6ee2cc999a139580342",src:this.url,class:"cty-crop-image__image"})),h("div",{key:"eafd9083b6728615b767dae842c8b102ad40916d",class:"cty-crop-image__clip",ref:function(t){return e.clipEl=t}}),h("slot",{key:"25cb5fb31191e0a991064164b4c5752f39b7499b",name:"clip"}),this.renderButtons(),h("slot",{key:"e60a010fea26d6fa38a380c4cb9f6c4c28c25558",name:"footer"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CropImage.style=cropImageCss;export{Camera as cty_camera,CropImage as cty_crop_image};
package/dist/esm-es5/cty-media-capture.entry.js CHANGED
@@ -1 +1 @@
1
- import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{r as statusBar,s as secondsToVehicle}from"./status-bar-sXJ7CrDy.js";import{v as videoCapture}from"./video-capture-B83C8hW9.js";import{o as closeOutline,q as arrowUndoCircle}from"./index-D0r4bHmZ.js";import"./config-iD8sj4Mi.js";import"./format-DnWe30Rj.js";import"./index-CZI7sxie.js";import"./device-info-BWrjtLtW.js";import"./platform-BqPoMbNS.js";import"./network-BqPNWsXF.js";var mediaCaptureCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-media-capture-video-background:var(--cty-color-black);--cty-media-capture-header-top:var(--ion-safe-area-top, 44px);--cty-media-capture-header-padding-start:10px;--cty-media-capture-header-padding-end:15px;--cty-media-capture-close-icon-size:24px;--cty-media-capture-close-icon-color:var(--cty-color-primary);--cty-media-capture-time-padding:2px 5px;--cty-media-capture-time-bg-color:#f00;--cty-media-capture-time-size:var(--cty-font-size-base);--cty-media-capture-time-color:var(--cty-color-white);--cty-media-capture-time-border-radius:var(--cty-border-radius-small);--cty-media-capture-footer-bottom:30px;--cty-media-capture-switch-size:60px;--cty-media-capture-switch-bg-color:var(--cty-color-primary);--cty-media-capture-switch-active-bg-color:#f00;--cty-media-capture-switch-border-width:3px;--cty-media-capture-switch-active-size:24px;--cty-media-capture-status-size:48px;--cty-media-capture-confirm-min-height:30px;--cty-media-capture-confirm-padding:0 1em;--cty-media-capture-confirm-size:var(--cty-font-size-base);--cty-media-capture-confirm-color:var(--cty-color-white);--cty-media-capture-confirm-bg-color:var(--cty-color-primary);--cty-media-capture-confirm-right:15px;--cty-media-capture-confirm-border-radius:var(--cty-border-radius-base);--cty-media-capture-video-object-fit:cover;position:absolute;left:0;top:0;width:100vw;height:100vh;visibility:visible !important}:host(.cty-media-captured){background:var(--cty-media-capture-video-background)}.cty-media-capture__header{position:absolute;z-index:1;left:0;top:var(--cty-media-capture-header-top);width:100%;padding-left:var(--cty-media-capture-header-padding-start);padding-right:var(--cty-media-capture-header-padding-end)}.cty-capture__close-icon{font-size:var(--cty-media-capture-close-icon-size);color:var(--cty-media-capture-close-icon-color)}.cty-media-capture__time{position:absolute;left:50%;top:50%;padding:var(--cty-media-capture-time-padding);border-radius:var(--cty-media-capture-time-border-radius);font-size:var(--cty-media-capture-time-size);color:var(--cty-media-capture-time-color);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-media-capture__time-active{background:var(--cty-media-capture-time-bg-color)}.cty-media-capture__footer{position:absolute;bottom:var(--cty-media-capture-footer-bottom);left:0;width:100%}.cty-media-capture__switch{width:var(--cty-media-capture-switch-size);height:var(--cty-media-capture-switch-size);border-color:var(--cty-media-capture-switch-bg-color);border-width:var(--cty-media-capture-switch-border-width);border-style:solid;border-radius:var(--cty-border-radius-circle);cursor:pointer}.cty-media-capture__status{width:var(--cty-media-capture-status-size);height:var(--cty-media-capture-status-size);border-radius:var(--cty-border-radius-circle);background:var(--cty-media-capture-switch-bg-color);-webkit-transition:0.3s;transition:0.3s}.cty-media-capture__status-active{width:var(--cty-media-capture-switch-active-size);height:var(--cty-media-capture-switch-active-size);border-radius:var(--cty-border-radius-base);background:var(--cty-media-capture-switch-active-bg-color)}.cty-media-capture__confirm{position:absolute;right:var(--cty-media-capture-confirm-right);top:50%;min-height:var(--cty-media-capture-confirm-min-height);background:var(--cty-media-capture-confirm-bg-color);padding:var(--cty-media-capture-confirm-padding);color:var(--cty-media-capture-confirm-color);font-size:var(--cty-media-capture-confirm-size);border-radius:var(--cty-media-capture-confirm-border-radius);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-media-capture__video{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:var(--cty-media-capture-video-object-fit);object-fit:var(--cty-media-capture-video-object-fit)}";var MediaCapture=function(){function e(e){registerInstance(this,e);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.ctyComplete=createEvent(this,"ctyComplete",7);this.ctyStart=createEvent(this,"ctyStart",7);this.ctyStop=createEvent(this,"ctyStop",7);this.confirmText="完成";this.captureTime=true;this.options={};this.closeIcon=closeOutline;this.revocationIcon=arrowUndoCircle;this.loop=true;this.autoplay=true;this.controls=false;this.poster="";this.timeLimit=0;this.permissionAlertTitle="需要申请开启相机权限";this.permissionAlertContent="需要开启相机权限，用于拍摄视频。我们承诺仅在功能使用时调用摄像头。";this.isCaptured=false;this.capturing=false;this.captureDuration=0;this.filePath="";this.videoFileUrl="";this.hasPermission=false;this.permissionAlertVisible=false;this.originalBodyBackground="";this._timer=0}e.prototype.connectedCallback=function(){this.initVideoCapture()};e.prototype.initVideoCapture=function(){var e=this;var t=window.document.querySelector("body");t.style.visibility="hidden";this.originalBodyBackground=window.getComputedStyle(t).background;t.style.background="transparent";videoCapture.captureVideo(this.options).then((function(t){if(t){var i=t.url,a=t.data;e.filePath=a;e.videoFileUrl=i;setTimeout((function(){e.videoEl.play()}),150)}})).catch((function(t){var i=(t||{}).code;if(i=="PERMISSION_DENIED_NEED_SETTINGS"){e.permissionAlertVisible=true}else{e.ctyDismiss.emit()}}))};e.prototype.disconnectedCallback=function(){videoCapture.stopVideoCapture();this.videoEl&&this.videoEl.pause();clearInterval(this._timer);var e=window.document.querySelector("body");e.style.visibility="visible";e.style.background=this.originalBodyBackground;statusBar.toggleStatusBar(true)};e.prototype.doCapture=function(){if(this.capturing){this.stopVideoCapture()}else{this.startVideoCapture()}};e.prototype.startVideoCapture=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){switch(t.label){case 0:return[4,videoCapture.startVideoCapture().catch((function(){}))];case 1:t.sent();this.capturing=true;clearInterval(this._timer);this._timer=window.setInterval((function(){e.captureDuration++;if(e.timeLimit>0&&e.captureDuration>=e.captureDuration){e.stopVideoCapture();clearInterval(e._timer)}}),1e3);this.ctyStart.emit();return[2]}}))}))};e.prototype.stopVideoCapture=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,videoCapture.stopVideoCapture().catch((function(){}))];case 1:e.sent();clearInterval(this._timer);this.capturing=false;this.isCaptured=true;this.ctyStop.emit();return[2]}}))}))};e.prototype.doHeaderAction=function(){if(this.isCaptured){this.initVideoCapture();this.isCaptured=false;this.captureDuration=0;this.filePath="";this.videoFileUrl="";return}this.ctyDismiss.emit()};e.prototype.toggleVideo=function(e){var t=e.target;if(t.paused){t.play()}else{t.pause()}};e.prototype.confirm=function(){this.ctyComplete.emit({data:this.filePath,url:this.videoFileUrl})};e.prototype.toOpenAppSetting=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(a){switch(a.label){case 0:t=e.detail.item;if(!(t.action=="permission"))return[3,4];a.label=1;case 1:a.trys.push([1,3,,4]);return[4,videoCapture.openAppSettings()];case 2:a.sent();this.permissionAlertVisible=false;this.initVideoCapture();return[3,4];case 3:i=a.sent();this.closePermissionAlert(e);return[3,4];case 4:return[2]}}))}))};e.prototype.closePermissionAlert=function(e){e.stopPropagation();this.permissionAlertVisible=false;this.ctyDismiss.emit()};e.prototype.render=function(){var e=this;var t=secondsToVehicle(this.captureDuration);return h(Host,{key:"dea0fde2e775dac71b8d627fbf72502ce8b01ac6",class:{"cty-media-capture":true,"cty-media-captured":this.isCaptured}},h("div",{key:"639152bb0476a2577a91268088efd50d251c3962",class:"cty-media-capture__header"},h("button",{key:"a2246e49b5e58c4623b1e2d65c7d14e216be179f",onClick:function(){return e.doHeaderAction()},class:"cty-button-native"},h("cty-icon",{key:"a47c9b4f70a9ffa317e6ed165ed05098eba5198f",class:"cty-capture__close-icon",name:this.isCaptured?this.revocationIcon:this.closeIcon})),this.captureTime&&(this.isCaptured||this.capturing)&&h("span",{key:"0bd480dc6ba6963ac65c14c55b6d7d242a1b79e2",class:{"cty-media-capture__time":true,"cty-media-capture__time-active":this.capturing}},t)),this.isCaptured&&h("video",{key:"9bb3ad454c63e53d6acd2968b2281a5c152a9390",ref:function(t){return e.videoEl=t},class:"cty-media-capture__video",autoplay:this.autoplay,loop:this.loop,poster:this.poster,src:this.videoFileUrl,playsinline:true,"webkit-playsinline":true,controls:this.controls,onClick:function(t){return e.toggleVideo(t)}}),h("div",{key:"90101389dea8e43c50dddf98c6cea75f8d324bd9",class:"cty-media-capture__footer flex-center"},!this.isCaptured&&h("button",{key:"71f330777cdabab5829a2dbcf703ba3a40d99647",class:"cty-media-capture__switch cty-button-native",onClick:function(){return e.doCapture()}},h("span",{key:"6957cf9034bd74ea7ae4653557f417b2c934ee81",class:{"cty-media-capture__status":true,"cty-media-capture__status-active":this.capturing}})),this.isCaptured&&h("button",{key:"f508c7bb4cca833a13b1cfe3957a10114c92377e",class:"cty-media-capture__confirm cty-button-native",onClick:function(){return e.confirm()}},this.confirmText)),h("slot",{key:"f5f99097bc702e82912865d500172f4a88966623"}),this.permissionAlertVisible&&h("cty-permission-alert",{key:"07ce58f2409b15db1621343acec4a7938cc87474",title:this.permissionAlertTitle,content:this.permissionAlertContent,buttons:this.permissionAlertbuttons,onCtyDismiss:function(t){return e.closePermissionAlert(t)},onCtyTap:function(t){return e.toOpenAppSetting(t)}}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MediaCapture.style=mediaCaptureCss;export{MediaCapture as cty_media_capture};
1
+ import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{r as statusBar,s as secondsToVehicle}from"./status-bar-sXJ7CrDy.js";import{v as videoCapture}from"./video-capture-0OPsBqGv.js";import{o as closeOutline,q as arrowUndoCircle}from"./index-D0r4bHmZ.js";import"./config-iD8sj4Mi.js";import"./format-DnWe30Rj.js";import"./index-CZI7sxie.js";import"./device-info-BWrjtLtW.js";import"./platform-BqPoMbNS.js";import"./network-BqPNWsXF.js";var mediaCaptureCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-media-capture-video-background:var(--cty-color-black);--cty-media-capture-header-top:var(--ion-safe-area-top, 44px);--cty-media-capture-header-padding-start:10px;--cty-media-capture-header-padding-end:15px;--cty-media-capture-close-icon-size:24px;--cty-media-capture-close-icon-color:var(--cty-color-primary);--cty-media-capture-time-padding:2px 5px;--cty-media-capture-time-bg-color:#f00;--cty-media-capture-time-size:var(--cty-font-size-base);--cty-media-capture-time-color:var(--cty-color-white);--cty-media-capture-time-border-radius:var(--cty-border-radius-small);--cty-media-capture-footer-bottom:30px;--cty-media-capture-switch-size:60px;--cty-media-capture-switch-bg-color:var(--cty-color-primary);--cty-media-capture-switch-active-bg-color:#f00;--cty-media-capture-switch-border-width:3px;--cty-media-capture-switch-active-size:24px;--cty-media-capture-status-size:48px;--cty-media-capture-confirm-min-height:30px;--cty-media-capture-confirm-padding:0 1em;--cty-media-capture-confirm-size:var(--cty-font-size-base);--cty-media-capture-confirm-color:var(--cty-color-white);--cty-media-capture-confirm-bg-color:var(--cty-color-primary);--cty-media-capture-confirm-right:15px;--cty-media-capture-confirm-border-radius:var(--cty-border-radius-base);--cty-media-capture-video-object-fit:cover;position:absolute;left:0;top:0;width:100vw;height:100vh;visibility:visible !important}:host(.cty-media-captured){background:var(--cty-media-capture-video-background)}.cty-media-capture__header{position:absolute;z-index:1;left:0;top:var(--cty-media-capture-header-top);width:100%;padding-left:var(--cty-media-capture-header-padding-start);padding-right:var(--cty-media-capture-header-padding-end)}.cty-capture__close-icon{font-size:var(--cty-media-capture-close-icon-size);color:var(--cty-media-capture-close-icon-color)}.cty-media-capture__time{position:absolute;left:50%;top:50%;padding:var(--cty-media-capture-time-padding);border-radius:var(--cty-media-capture-time-border-radius);font-size:var(--cty-media-capture-time-size);color:var(--cty-media-capture-time-color);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-media-capture__time-active{background:var(--cty-media-capture-time-bg-color)}.cty-media-capture__footer{position:absolute;bottom:var(--cty-media-capture-footer-bottom);left:0;width:100%}.cty-media-capture__switch{width:var(--cty-media-capture-switch-size);height:var(--cty-media-capture-switch-size);border-color:var(--cty-media-capture-switch-bg-color);border-width:var(--cty-media-capture-switch-border-width);border-style:solid;border-radius:var(--cty-border-radius-circle);cursor:pointer}.cty-media-capture__status{width:var(--cty-media-capture-status-size);height:var(--cty-media-capture-status-size);border-radius:var(--cty-border-radius-circle);background:var(--cty-media-capture-switch-bg-color);-webkit-transition:0.3s;transition:0.3s}.cty-media-capture__status-active{width:var(--cty-media-capture-switch-active-size);height:var(--cty-media-capture-switch-active-size);border-radius:var(--cty-border-radius-base);background:var(--cty-media-capture-switch-active-bg-color)}.cty-media-capture__confirm{position:absolute;right:var(--cty-media-capture-confirm-right);top:50%;min-height:var(--cty-media-capture-confirm-min-height);background:var(--cty-media-capture-confirm-bg-color);padding:var(--cty-media-capture-confirm-padding);color:var(--cty-media-capture-confirm-color);font-size:var(--cty-media-capture-confirm-size);border-radius:var(--cty-media-capture-confirm-border-radius);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-media-capture__video{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:var(--cty-media-capture-video-object-fit);object-fit:var(--cty-media-capture-video-object-fit)}";var MediaCapture=function(){function e(e){registerInstance(this,e);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.ctyComplete=createEvent(this,"ctyComplete",7);this.ctyStart=createEvent(this,"ctyStart",7);this.ctyStop=createEvent(this,"ctyStop",7);this.confirmText="完成";this.captureTime=true;this.options={};this.closeIcon=closeOutline;this.revocationIcon=arrowUndoCircle;this.loop=true;this.autoplay=true;this.controls=false;this.poster="";this.timeLimit=0;this.permissionAlertTitle="需要申请开启相机权限";this.permissionAlertContent="需要开启相机权限，用于拍摄视频。我们承诺仅在功能使用时调用摄像头。";this.isCaptured=false;this.capturing=false;this.captureDuration=0;this.filePath="";this.videoFileUrl="";this.hasPermission=false;this.permissionAlertVisible=false;this.originalBodyBackground="";this._timer=0}e.prototype.connectedCallback=function(){this.initVideoCapture()};e.prototype.initVideoCapture=function(){var e=this;var t=window.document.querySelector("body");t.style.visibility="hidden";this.originalBodyBackground=window.getComputedStyle(t).background;t.style.background="transparent";videoCapture.captureVideo(this.options).then((function(t){if(t){var i=t.url,a=t.data;e.filePath=a;e.videoFileUrl=i;setTimeout((function(){e.videoEl.play()}),150)}})).catch((function(t){var i=(t||{}).code;if(i=="PERMISSION_DENIED_NEED_SETTINGS"){e.permissionAlertVisible=true}else{e.ctyDismiss.emit()}}))};e.prototype.disconnectedCallback=function(){videoCapture.stopVideoCapture();this.videoEl&&this.videoEl.pause();clearInterval(this._timer);var e=window.document.querySelector("body");e.style.visibility="visible";e.style.background=this.originalBodyBackground;statusBar.toggleStatusBar(true)};e.prototype.doCapture=function(){if(this.capturing){this.stopVideoCapture()}else{this.startVideoCapture()}};e.prototype.startVideoCapture=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){switch(t.label){case 0:return[4,videoCapture.startVideoCapture().catch((function(){}))];case 1:t.sent();this.capturing=true;clearInterval(this._timer);this._timer=window.setInterval((function(){e.captureDuration++;if(e.timeLimit>0&&e.captureDuration>=e.captureDuration){e.stopVideoCapture();clearInterval(e._timer)}}),1e3);this.ctyStart.emit();return[2]}}))}))};e.prototype.stopVideoCapture=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,videoCapture.stopVideoCapture().catch((function(){}))];case 1:e.sent();clearInterval(this._timer);this.capturing=false;this.isCaptured=true;this.ctyStop.emit();return[2]}}))}))};e.prototype.doHeaderAction=function(){if(this.isCaptured){this.initVideoCapture();this.isCaptured=false;this.captureDuration=0;this.filePath="";this.videoFileUrl="";return}this.ctyDismiss.emit()};e.prototype.toggleVideo=function(e){var t=e.target;if(t.paused){t.play()}else{t.pause()}};e.prototype.confirm=function(){this.ctyComplete.emit({data:this.filePath,url:this.videoFileUrl})};e.prototype.toOpenAppSetting=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(a){switch(a.label){case 0:t=e.detail.item;if(!(t.action=="permission"))return[3,5];a.label=1;case 1:a.trys.push([1,3,,4]);return[4,videoCapture.openAppSettings()];case 2:a.sent();return[3,4];case 3:i=a.sent();return[3,4];case 4:this.closePermissionAlert(e);a.label=5;case 5:return[2]}}))}))};e.prototype.closePermissionAlert=function(e){e.stopPropagation();this.permissionAlertVisible=false;this.ctyDismiss.emit()};e.prototype.render=function(){var e=this;var t=secondsToVehicle(this.captureDuration);return h(Host,{key:"4b705601c4835f377f498ccef4aa73def22e382f",class:{"cty-media-capture":true,"cty-media-captured":this.isCaptured}},h("div",{key:"871a7976fddfeaf2628fc8fbb2a3817f94fcf4a2",class:"cty-media-capture__header"},h("button",{key:"59d1523a1fd0b327ef692fd6fa8215082c4d8175",onClick:function(){return e.doHeaderAction()},class:"cty-button-native"},h("cty-icon",{key:"4161681003123afdcd8eb3ed85f501537600ec38",class:"cty-capture__close-icon",name:this.isCaptured?this.revocationIcon:this.closeIcon})),this.captureTime&&(this.isCaptured||this.capturing)&&h("span",{key:"c931e29933072af3e98bc951a045f53dacc99be7",class:{"cty-media-capture__time":true,"cty-media-capture__time-active":this.capturing}},t)),this.isCaptured&&h("video",{key:"9ca6fb5d35649aa20e1cfb0841ef3fa464f9cfb1",ref:function(t){return e.videoEl=t},class:"cty-media-capture__video",autoplay:this.autoplay,loop:this.loop,poster:this.poster,src:this.videoFileUrl,playsinline:true,"webkit-playsinline":true,controls:this.controls,onClick:function(t){return e.toggleVideo(t)}}),h("div",{key:"0e3befcf4ccad80ad79a47f2e0a7d6996258e596",class:"cty-media-capture__footer flex-center"},!this.isCaptured&&h("button",{key:"2e693471aa9003dded388e69e451bc22745166d7",class:"cty-media-capture__switch cty-button-native",onClick:function(){return e.doCapture()}},h("span",{key:"073ad032797cd8f2f4b5282fc3a0cb69babf5541",class:{"cty-media-capture__status":true,"cty-media-capture__status-active":this.capturing}})),this.isCaptured&&h("button",{key:"b712578f4606178f125da347e3c93957a7b28cdc",class:"cty-media-capture__confirm cty-button-native",onClick:function(){return e.confirm()}},this.confirmText)),h("slot",{key:"a08be5f30932b8c2173fda281047d1e31e6b881a"}),this.permissionAlertVisible&&h("cty-permission-alert",{key:"2a5d0a9a7a3e7386f6730035e696dc10d05cd26c",part:"permission-alert",title:this.permissionAlertTitle,content:this.permissionAlertContent,buttons:this.permissionAlertbuttons,onCtyDismiss:function(t){return e.closePermissionAlert(t)},onCtyTap:function(t){return e.toOpenAppSetting(t)}}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MediaCapture.style=mediaCaptureCss;export{MediaCapture as cty_media_capture};