cty-mui-core 1.0.43 → 1.0.46
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.
- package/components/camera.js +2 -2
- package/components/cty-loading.js +1 -130
- package/components/cty-media-capture.js +22 -4
- package/components/cty-notice-bar.js +1 -1
- package/components/cty-pdf-viewer.js +1 -1
- package/components/cty-progress.js +1 -1
- package/components/cty-quick-access.js +1 -1
- package/components/cty-rate.js +1 -1
- package/components/cty-record.js +1 -1
- package/components/cty-segment-slides.js +1 -1
- package/components/cty-selector.js +1 -1
- package/components/cty-share-sheet.js +1 -1
- package/components/cty-side-panel.js +1 -1
- package/components/cty-stepper.js +1 -1
- package/components/cty-steps.js +1 -1
- package/components/cty-text-ellipsis.js +2 -2
- package/components/cty-title-bar.js +1 -1
- package/components/cty-tour.js +4 -4
- package/components/cty-tutorial.js +1 -1
- package/components/cty-video.js +2 -2
- package/components/cty-virtual-list.js +2 -2
- package/components/loading.js +132 -0
- package/components/nav-bar.js +1 -1
- package/components/overlay.js +1 -1
- package/components/permission-purpose.js +1 -1
- package/components/swipe-item.js +2 -2
- package/components/swipe.js +1 -1
- package/components/swiper.js +1 -1
- package/dist/cjs/cty-camera_2.cjs.entry.js +2 -2
- package/dist/cjs/cty-image-viewer_6.cjs.entry.js +2 -2
- package/dist/cjs/cty-media-capture.cjs.entry.js +5 -2
- package/dist/cjs/cty-mui.cjs.js +1 -1
- package/dist/cjs/cty-notice-bar.cjs.entry.js +1 -1
- package/dist/cjs/cty-overlay.cjs.entry.js +1 -1
- package/dist/cjs/cty-pdf-viewer.cjs.entry.js +1 -1
- package/dist/cjs/cty-permission-purpose.cjs.entry.js +1 -1
- package/dist/cjs/cty-progress.cjs.entry.js +1 -1
- package/dist/cjs/cty-quick-access.cjs.entry.js +1 -1
- package/dist/cjs/cty-rate.cjs.entry.js +1 -1
- package/dist/cjs/cty-record.cjs.entry.js +1 -1
- package/dist/cjs/cty-segment-slides.cjs.entry.js +1 -1
- package/dist/cjs/cty-selector.cjs.entry.js +1 -1
- package/dist/cjs/cty-share-sheet.cjs.entry.js +1 -1
- package/dist/cjs/cty-side-panel.cjs.entry.js +1 -1
- package/dist/cjs/cty-stepper.cjs.entry.js +1 -1
- package/dist/cjs/cty-steps.cjs.entry.js +1 -1
- package/dist/cjs/cty-swipe_2.cjs.entry.js +3 -3
- package/dist/cjs/cty-text-ellipsis.cjs.entry.js +2 -2
- package/dist/cjs/cty-title-bar.cjs.entry.js +1 -1
- package/dist/cjs/cty-tour.cjs.entry.js +4 -4
- package/dist/cjs/cty-tutorial.cjs.entry.js +1 -1
- package/dist/cjs/cty-video.cjs.entry.js +2 -2
- package/dist/cjs/cty-virtual-list.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/camera/camera.js +2 -2
- package/dist/collection/components/media-capture/media-capture.css +19 -0
- package/dist/collection/components/media-capture/media-capture.js +70 -1
- package/dist/collection/components/nav-bar/nav-bar.js +1 -1
- package/dist/collection/components/notice-bar/notice-bar.js +1 -1
- package/dist/collection/components/overlay/overlay.js +1 -1
- package/dist/collection/components/pdf-viewer/pdf-viewer.js +1 -1
- package/dist/collection/components/permission-purpose/permission-purpose.js +1 -1
- package/dist/collection/components/progress/progress.js +1 -1
- package/dist/collection/components/quick-access/quick-access.js +1 -1
- package/dist/collection/components/rate/rate.js +1 -1
- package/dist/collection/components/record/record.js +1 -1
- package/dist/collection/components/segment-slides/segment-slides.js +1 -1
- package/dist/collection/components/selector/selector.js +1 -1
- package/dist/collection/components/share-sheet/share-sheet.js +1 -1
- package/dist/collection/components/side-panel/side-panel.js +1 -1
- package/dist/collection/components/stepper/stepper.js +1 -1
- package/dist/collection/components/steps/steps.js +1 -1
- package/dist/collection/components/swipe/swipe.js +1 -1
- package/dist/collection/components/swipe-item/swipe-item.js +2 -2
- package/dist/collection/components/swiper/swiper.js +1 -1
- package/dist/collection/components/text-ellipsis/text-ellipsis.js +2 -2
- package/dist/collection/components/title-bar/title-bar.js +1 -1
- package/dist/collection/components/tour/tour.js +4 -4
- package/dist/collection/components/tutorial/tutorial.js +1 -1
- package/dist/collection/components/video/video.js +2 -2
- package/dist/collection/components/virtual-list/virtual-list.js +2 -2
- package/dist/cty-mui/cty-mui.esm.js +1 -1
- package/dist/cty-mui/{p-f0ebd9ba.entry.js → p-0d086acb.entry.js} +1 -1
- package/dist/cty-mui/{p-f9c44837.system.entry.js → p-0ebddaae.system.entry.js} +1 -1
- package/dist/cty-mui/{p-57bf6d17.system.entry.js → p-12f609b1.system.entry.js} +1 -1
- package/dist/cty-mui/{p-7da45a22.entry.js → p-146296eb.entry.js} +1 -1
- package/dist/cty-mui/{p-ec0106a5.system.entry.js → p-196e242e.system.entry.js} +1 -1
- package/dist/cty-mui/{p-506fd54f.system.entry.js → p-20c81129.system.entry.js} +1 -1
- package/dist/cty-mui/{p-36dfb017.entry.js → p-2cf50534.entry.js} +1 -1
- package/dist/cty-mui/{p-a2d2f9a3.system.entry.js → p-35fbdf1d.system.entry.js} +1 -1
- package/dist/cty-mui/{p-46da49d4.entry.js → p-3f7cac6c.entry.js} +1 -1
- package/dist/cty-mui/{p-a94a17dd.system.entry.js → p-3f96fd79.system.entry.js} +1 -1
- package/dist/cty-mui/{p-55c99a0e.entry.js → p-48f35d7c.entry.js} +1 -1
- package/dist/cty-mui/{p-6f8e5488.system.entry.js → p-4a94256a.system.entry.js} +1 -1
- package/dist/cty-mui/{p-0617eafa.system.entry.js → p-4f69fb85.system.entry.js} +1 -1
- package/dist/cty-mui/{p-113bbc57.entry.js → p-524f927f.entry.js} +1 -1
- package/dist/cty-mui/{p-62167dcd.entry.js → p-56691384.entry.js} +1 -1
- package/dist/cty-mui/{p-6c4fd05d.system.entry.js → p-5df47dc9.system.entry.js} +1 -1
- package/dist/cty-mui/{p-6bf50d2d.entry.js → p-6fc1efc3.entry.js} +1 -1
- package/dist/cty-mui/{p-422e9688.system.entry.js → p-747b3d9b.system.entry.js} +1 -1
- package/dist/cty-mui/{p-785345b0.system.entry.js → p-7a465857.system.entry.js} +1 -1
- package/dist/cty-mui/{p-6c34878c.entry.js → p-7a73671a.entry.js} +1 -1
- package/dist/cty-mui/{p-b38e30aa.entry.js → p-7f7a0bbb.entry.js} +1 -1
- package/dist/cty-mui/{p-38aa5d20.entry.js → p-88a08d4c.entry.js} +1 -1
- package/dist/cty-mui/{p-432bfb8b.system.entry.js → p-8a11c750.system.entry.js} +2 -2
- package/dist/cty-mui/{p-493bcff8.system.entry.js → p-8c9ead75.system.entry.js} +1 -1
- package/dist/cty-mui/{p-ae0063ec.system.entry.js → p-91c76f44.system.entry.js} +1 -1
- package/dist/cty-mui/p-991eb30f.entry.js +1 -0
- package/dist/cty-mui/p-Cegbc1c7.system.js +1 -1
- package/dist/cty-mui/p-a052dbdb.entry.js +1 -0
- package/dist/cty-mui/{p-722774b8.entry.js → p-a8c2174e.entry.js} +1 -1
- package/dist/cty-mui/{p-a1909b50.system.entry.js → p-ac539262.system.entry.js} +1 -1
- package/dist/cty-mui/{p-f037a2aa.entry.js → p-b1a7251b.entry.js} +1 -1
- package/dist/cty-mui/p-b28574c5.entry.js +1 -0
- package/dist/cty-mui/{p-ab05a712.system.entry.js → p-b8fc335d.system.entry.js} +1 -1
- package/dist/cty-mui/p-b91029c6.system.entry.js +1 -0
- package/dist/cty-mui/{p-b2a51fa6.system.entry.js → p-c482294f.system.entry.js} +1 -1
- package/dist/cty-mui/{p-38aa83ec.system.entry.js → p-c4e55e37.system.entry.js} +1 -1
- package/dist/cty-mui/{p-32fda949.system.entry.js → p-c689bac6.system.entry.js} +1 -1
- package/dist/cty-mui/{p-c9ad48be.entry.js → p-c9c88b46.entry.js} +1 -1
- package/dist/cty-mui/{p-ae61ce14.system.entry.js → p-ccc48c13.system.entry.js} +1 -1
- package/dist/cty-mui/p-ce70614c.entry.js +1 -0
- package/dist/cty-mui/{p-212b7176.entry.js → p-ce8ba794.entry.js} +1 -1
- package/dist/cty-mui/{p-09bacf31.entry.js → p-cf7fb0bd.entry.js} +1 -1
- package/dist/cty-mui/{p-afbfb654.entry.js → p-d814922a.entry.js} +1 -1
- package/dist/cty-mui/p-da2bb046.entry.js +1 -0
- package/dist/cty-mui/{p-78453bfe.system.entry.js → p-dc89aa1a.system.entry.js} +1 -1
- package/dist/cty-mui/{p-c374511d.entry.js → p-e1d7c5ae.entry.js} +1 -1
- package/dist/cty-mui/{p-ff0f839d.system.entry.js → p-e2580f4f.system.entry.js} +1 -1
- package/dist/cty-mui/{p-2788723f.entry.js → p-e969f45c.entry.js} +1 -1
- package/dist/cty-mui/{p-63f73f69.system.entry.js → p-eff80255.system.entry.js} +1 -1
- package/dist/docs.json +120 -5
- package/dist/esm/cty-camera_2.entry.js +2 -2
- package/dist/esm/cty-image-viewer_6.entry.js +2 -2
- package/dist/esm/cty-media-capture.entry.js +5 -2
- package/dist/esm/cty-mui.js +1 -1
- package/dist/esm/cty-notice-bar.entry.js +1 -1
- package/dist/esm/cty-overlay.entry.js +1 -1
- package/dist/esm/cty-pdf-viewer.entry.js +1 -1
- package/dist/esm/cty-permission-purpose.entry.js +1 -1
- package/dist/esm/cty-progress.entry.js +1 -1
- package/dist/esm/cty-quick-access.entry.js +1 -1
- package/dist/esm/cty-rate.entry.js +1 -1
- package/dist/esm/cty-record.entry.js +1 -1
- package/dist/esm/cty-segment-slides.entry.js +1 -1
- package/dist/esm/cty-selector.entry.js +1 -1
- package/dist/esm/cty-share-sheet.entry.js +1 -1
- package/dist/esm/cty-side-panel.entry.js +1 -1
- package/dist/esm/cty-stepper.entry.js +1 -1
- package/dist/esm/cty-steps.entry.js +1 -1
- package/dist/esm/cty-swipe_2.entry.js +3 -3
- package/dist/esm/cty-text-ellipsis.entry.js +2 -2
- package/dist/esm/cty-title-bar.entry.js +1 -1
- package/dist/esm/cty-tour.entry.js +4 -4
- package/dist/esm/cty-tutorial.entry.js +1 -1
- package/dist/esm/cty-video.entry.js +2 -2
- package/dist/esm/cty-virtual-list.entry.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm-es5/cty-camera_2.entry.js +1 -1
- package/dist/esm-es5/cty-image-viewer_6.entry.js +1 -1
- package/dist/esm-es5/cty-media-capture.entry.js +1 -1
- package/dist/esm-es5/cty-mui.js +1 -1
- package/dist/esm-es5/cty-notice-bar.entry.js +1 -1
- package/dist/esm-es5/cty-overlay.entry.js +1 -1
- package/dist/esm-es5/cty-pdf-viewer.entry.js +1 -1
- package/dist/esm-es5/cty-permission-purpose.entry.js +1 -1
- package/dist/esm-es5/cty-progress.entry.js +1 -1
- package/dist/esm-es5/cty-quick-access.entry.js +1 -1
- package/dist/esm-es5/cty-rate.entry.js +1 -1
- package/dist/esm-es5/cty-record.entry.js +1 -1
- package/dist/esm-es5/cty-segment-slides.entry.js +1 -1
- package/dist/esm-es5/cty-selector.entry.js +1 -1
- package/dist/esm-es5/cty-share-sheet.entry.js +1 -1
- package/dist/esm-es5/cty-side-panel.entry.js +1 -1
- package/dist/esm-es5/cty-stepper.entry.js +1 -1
- package/dist/esm-es5/cty-steps.entry.js +1 -1
- package/dist/esm-es5/cty-swipe_2.entry.js +1 -1
- package/dist/esm-es5/cty-text-ellipsis.entry.js +1 -1
- package/dist/esm-es5/cty-title-bar.entry.js +1 -1
- package/dist/esm-es5/cty-tour.entry.js +1 -1
- package/dist/esm-es5/cty-tutorial.entry.js +1 -1
- package/dist/esm-es5/cty-video.entry.js +1 -1
- package/dist/esm-es5/cty-virtual-list.entry.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/types/components/media-capture/media-capture.d.ts +4 -1
- package/dist/types/components.d.ts +8 -2
- package/package.json +1 -1
- package/dist/cty-mui/p-8787382a.entry.js +0 -1
- package/dist/cty-mui/p-8a9b07aa.entry.js +0 -1
- package/dist/cty-mui/p-bd15bdaa.entry.js +0 -1
- package/dist/cty-mui/p-d7e2ed67.entry.js +0 -1
- package/dist/cty-mui/p-df53aafa.entry.js +0 -1
- package/dist/cty-mui/p-f90ea0c6.system.entry.js +0 -1
package/components/camera.js
CHANGED
|
@@ -213,7 +213,7 @@ const Camera = /*@__PURE__*/ proxyCustomElement(class Camera extends HTMLElement
|
|
|
213
213
|
this.closeImageViewer(e);
|
|
214
214
|
}
|
|
215
215
|
confirm() {
|
|
216
|
-
this.ctyConfirm.emit(this.pictures
|
|
216
|
+
this.ctyConfirm.emit(this.pictures);
|
|
217
217
|
}
|
|
218
218
|
deleteLastPicture() {
|
|
219
219
|
const pictures = [...this.pictures];
|
|
@@ -267,7 +267,7 @@ const Camera = /*@__PURE__*/ proxyCustomElement(class Camera extends HTMLElement
|
|
|
267
267
|
}
|
|
268
268
|
render() {
|
|
269
269
|
const { title, closeIcon, flash, flipText, flashText, ratioText, ratios, ratioIndex, zoomIndex, zooms, mode, singleText, multipleText, currentPhotoMode, confirmIcon, confirmText, deleteIcon, pictures, showImageViewer, imageViewerIndex, touchZoom, currentZoom } = this;
|
|
270
|
-
return (h(Host, { key: '
|
|
270
|
+
return (h(Host, { key: '1019422561027ba91cd7d81b78b292e6c95b4b42', class: "cty-camera", onClick: (e) => e.stopPropagation() }, h("cty-nav-bar", { key: '6af1553b821dde2ca155b281d2953d980cb72615', title: title, type: "clear" }, h("slot", { key: 'e7ec813aef0500f4b7e49be1825b9a6a3c7ec506', name: "header-start", slot: "start" }, !!closeIcon && h("ion-button", { key: '001ac9b7f6cdc409591d728a9fa63223334fa414', class: "cty-camera__close", onClick: () => this.close() }, h("cty-icon", { key: '514b9b79cf62f9d8980dfdb82f66a8536d3eef8a', class: "cty-camera__close-icon", name: closeIcon })))), h("div", { key: 'd8f472a953b62c0c4ce33c6226942c247702cb31', class: "cty-camera-main", onTouchStart: (e) => this.touchstart(e), onTouchMove: (e) => this.touchmove(e), onTouchEnd: (e) => this.touchend(e) }, h("div", { key: 'd7afecb43f9cef0fc3d3ba890338d39bda916294', class: "cty-camera-widgets", part: "widgets" }, !!flipText && h("button", { key: '2dd8661eb40dc9cfb390022933c20a8bd769cc9b', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.flipCamera() }, h("cty-icon", { key: '1f8f47d72bd8410229deec711dc271adcd8a0707', class: "cty-camera-widget__icon", name: "cty-flip" }), !!flipText && h("span", { key: '5548b468a6af55fb7051162e00f9dd5d9138f6f8', class: "cty-camera-widget__text" }, flipText)), !!flashText && h("button", { key: 'e725399d1011a95bed06b6ca43644895a7591df4', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.toggleFlash() }, h("cty-icon", { key: 'cf482e363bb4ae00b015bed0997be8cbe4f99c49', class: "cty-camera-widget__icon", name: flash ? 'cty-flash-on' : 'cty-flash-off' }), !!flashText && h("span", { key: '77fb66616e9df7406290a4986fefe8d03b986384', class: "cty-camera-widget__text" }, flashText)), !!ratioText && h("button", { key: '49e0a9b17f770dc2d1f3d36e72f1790763bd8c09', class: "cty-button-native cty-camera-widget", part: "ratio", onClick: () => this.ratioChange() }, h("span", { key: 'a8bc49d4094f18a59699de14c39ee92d39c5537d', class: "cty-camera-widget__ratio flex-center" }, ratios[ratioIndex]), !!ratioText && h("span", { key: '6989a6c245d6644f6603d392863f0e5b4dc37fc1', class: "cty-camera-widget__text" }, ratioText)))), h("div", { key: 'a8943d078fd84f0654985ce5c77c13a56db8c798', class: "cty-camera-controls safe-area-bottom-padding" }, mode == 'both' && pictures.length <= 0 && h("div", { key: '3ca2059587e3567666b73ddbca97bcb81d7aa237', class: "cty-camera-controls__mode flex-center", part: "mode" }, h("button", { key: 'de775996763431c0725285035a86fd174c5238a2', class: { 'cty-button-native cty-camera-controls__mode-button': true, 'cty-camera-controls__mode-button__active': currentPhotoMode === 'single' }, onClick: () => this.currentPhotoMode = 'single' }, singleText), h("button", { key: '1eb945acd965c11fba752bd182bc2915c15203c6', class: { 'cty-button-native cty-camera-controls__mode-button': true, 'cty-camera-controls__mode-button__active': currentPhotoMode === 'multiple' }, onClick: () => this.currentPhotoMode = 'multiple' }, multipleText)), h("slot", { key: '1d1862a85b9bf0a2c8d68c121823f6cd598245ec', name: "zooms" }, !touchZoom && zooms.length > 0 && h("div", { key: '44df718850dd396ba5037534476dd0f2d5c73df5', class: "cty-camera-controls__zooms flex-center", part: "zooms" }, zooms.map((item, idx) => (h("div", { class: { 'cty-camera-controls__zoom-item flex-center': true, 'cty-camera-controls__zoom-item__active': zoomIndex === idx }, onClick: () => this.setZoom(idx) }, h("span", { class: "cty-camera-controls__zoom-text flex-center" }, item, "X"))))), touchZoom && h("div", { key: 'f6a841330fd8fd32745ab86c4f0dd565e4dce2c0', class: "cty-camera-controls__zooms flex-center", part: "zooms" }, h("div", { key: 'cb2351a0bb9860f513aad800cfae923d1c85a0e6', class: { 'cty-camera-controls__zoom-item flex-center cty-camera-controls__zoom-item__active': true }, onClick: () => this.resetZoom() }, h("span", { key: '734846a55115b14021448e5e0be525ae669be9dc', class: "cty-camera-controls__zoom-text flex-center" }, currentZoom, "X")))), h("div", { key: '275e168c321ed6c1b81444808e4fe858472b7af9', class: "cty-camera-controls__main flex-center" }, h("div", { key: 'edea1b092f271fdf3e7c7fef9f57fa269b03a3a3', class: "cty-camera-controls__main-left flex-center" }), h("div", { key: '84edbbc9e35d7efb24b2ad1f6c72159459a9034e', class: "cty-camera-controls__take-photo flex-center" }, h("button", { key: '228b9a95e3141a71fe70ab085a1a638c3a216186', class: "cty-button-native cty-camera-controls__take-photo-button", part: "take-photo", onClick: () => this.takePhoto() })), h("div", { key: '5acbb45abb6e8ab568edf140c51ec50451bbfca2', class: "cty-camera-controls__main-confirm flex-center" }, currentPhotoMode !== 'single' && pictures.length > 0 && !!deleteIcon && h("button", { key: '8affaf8ebf2a333807e8c86b03d26654ff02b6b0', class: "cty-camera-controls__main-delete cty-button-native flex-column-center", onClick: () => this.deleteLastPicture() }, h("cty-icon", { key: 'ce8ba4535da284d76f0359053edccd9e716d279c', class: "cty-camera-controls__main-delete-icon", name: deleteIcon })), currentPhotoMode !== 'single' && pictures.length > 0 && h("button", { key: 'b1f1b67a470589623be77bdc3f8186b338eba707', class: "cty-button-native flex-column-center", onClick: () => this.confirm() }, h("cty-icon", { key: '5d56bab97cd1d7b5e7e949da4a871b2c7d987ace', class: "cty-camera-controls__main-confirm-icon", name: confirmIcon }), confirmText && h("span", { key: '82ddacb03a015f8e56f5d8303c14f947ef90608c', class: "cty-camera-controls__main-confirm-text" }, confirmText)))), h("slot", { key: '00c821d55196d368d39e2a06f0692c4918e67c71', name: "images" }, h("div", { key: '5e998a47033ff53b5ed4c642e6d40b34a1a84214', class: "cty-camera-controls__images flex-align-center" }, currentPhotoMode !== 'single' && pictures.map((item, idx) => (h("div", { class: "cty-camera-controls__image", onClick: () => this.toImageViewer(idx) }, h("img", { class: 'cty-camera-controls__image-img', src: item.thumbnail || item.url }), h("button", { class: "cty-button-native", onClick: (e) => this.deletePicture(e, idx) }, h("cty-icon", { class: "cty-camera-controls__image-delete", name: closeOutline })))))))), showImageViewer && h("cty-image-viewer", { key: '733ca05eb24c5e60028b88090feb92f35de26014', images: pictures.map(item => item.url), initialSlide: imageViewerIndex, overlayIndex: 100, backdropDismiss: false, closeable: false, onCtyDismiss: (e) => this.closeImageViewer(e) }, currentPhotoMode !== 'multiple' && h("div", { key: '50f0f853f87c53c5571e8c66fff0114b5566b326', class: "cty-camera-viewer__single flex-center-between", slot: "pager" }, h("button", { key: '50c4e9e85757f71f69d954ec82f7efa1c0293e65', class: "cty-camera-viewer__single-close cty-button-native", onClick: (event) => this.closeSingleImageViewer(event) }, h("cty-icon", { key: '3155fdce1d503471cc6001a113ec7dc92d9cbc28', name: "cty-close2" })), h("button", { key: '7b4c983e81fca762b5828be040083b845f057c80', class: "cty-camera-viewer__single-confirm cty-button-native", onClick: () => this.confirm() }, h("cty-icon", { key: '5e08495577a9d501336e8ae9d0255f7ff73b3de9', name: "cty-tick" }))), currentPhotoMode !== 'multiple' && h("i", { key: 'fbdb9a5dce46ede88d7f227f337c762b421b0478', slot: "close" }))));
|
|
271
271
|
}
|
|
272
272
|
get el() { return this; }
|
|
273
273
|
static get style() { return cameraCss; }
|
|
@@ -1,133 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { e as createDelegateController, f as createTriggerController, p as prepareOverlay, g as removeBodyScrollClass, h as present, j as dismiss, k as eventMethod } from './overlays.js';
|
|
3
|
-
import { c as createLockController, g as getClassMap, e as enterAnimation, l as leaveAnimation } from './theme.js';
|
|
4
|
-
import { r as raf } from './helpers.js';
|
|
5
|
-
import { d as defineCustomElement$2 } from './backdrop.js';
|
|
6
|
-
|
|
7
|
-
const loadingCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.cty-pos-rel{position:relative}.cty-pos-abs{position:absolute}.cty-pos-fix{position:fixed}.cty-pos-sti{position:-webkit-sticky;position:sticky}.cty-pos-cover{position:absolute;top:0;bottom:0;left:0;right:0}.cty-pos-l-t{position:absolute;left:0;top:0}.cty-pos-l-b{position:absolute;left:0;bottom:0}.cty-pos-r-t{position:absolute;right:0;top:0}.cty-pos-r-b{position:absolute;right:0;bottom:0}.cty-pos-100{position:absolute;left:0;top:0;width:100%;height:100%}.cty-pos-w100{position:absolute;left:0;width:100%}.cty-pos-h100{position:absolute;top:0;height:100%}.cty-pos-c{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-pos-c-x{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-x-t{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-x-b{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-y{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-pos-c-y-l{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-pos-c-y-r{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.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}:host{--cty-loading-overlay-position:fixed;--cty-loading-overlay-z-index:10;--cty-loading-overlay-width:100vw;--cty-loading-overlay-height:100vh;--cty-loading-overlay-background:var(--cty-overlay-color-light);--cty-loading-img-width:100px;--cty-loading-img-animation:initial;--cty-loading-active-color:var(--cty-color-primary);--cty-loading-text-size:var(--cty-font-size-base);--cty-loading-text-color:var(--cty-text-color-secondary);--cty-loading-text-offset-top:10px;--cty-loading-text-offset-start:5px;--cty-loading-transform-origin:center center;--cty-loading-transform:none}:host(.overlay-hidden){display:none}cty-backdrop{position:var(--cty-loading-overlay-position);z-index:var(--cty-loading-overlay-z-index);width:var(--cty-loading-overlay-width);height:var(--cty-loading-overlay-height);background:var(--cty-loading-overlay-background)}.cty-loading{-webkit-transform-origin:var(--cty-loading-transform-origin);transform-origin:var(--cty-loading-transform-origin);-webkit-transform:var(--cty-loading-transform);transform:var(--cty-loading-transform)}.cty-loading__img{display:block;width:var(--cty-loading-img-width);-webkit-animation:var(--cty-loading-img-animation);animation:var(--cty-loading-img-animation)}.cty-loading__dotted{width:4px;height:4px;background:var(--cty-loading-active-color);border-radius:var(--cty-border-radius-circle);margin:0 3px;-webkit-animation:dotted linear 1s infinite;animation:dotted linear 1s infinite}.cty-loading__dotted:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.cty-loading__dotted:nth-child(2){-webkit-animation-delay:0.15s;animation-delay:0.15s}.cty-loading__dotted:nth-child(3){-webkit-animation-delay:0.3s;animation-delay:0.3s}.cty-loading__dotted:nth-child(4){-webkit-animation-delay:0.45s;animation-delay:0.45s}.cty-loading__dotted:nth-child(5){-webkit-animation-delay:0.6s;animation-delay:0.6s}@-webkit-keyframes dotted{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(2.5);transform:scale(2.5)}}@keyframes dotted{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(2.5);transform:scale(2.5)}}.cty-loading__columnar{width:4px;height:6px;background:var(--cty-loading-active-color);margin:0 3px;-webkit-animation:columnar linear 1s infinite;animation:columnar linear 1s infinite}.cty-loading__columnar:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.cty-loading__columnar:nth-child(2){-webkit-animation-delay:0.15s;animation-delay:0.15s}.cty-loading__columnar:nth-child(3){-webkit-animation-delay:0.3s;animation-delay:0.3s}.cty-loading__columnar:nth-child(4){-webkit-animation-delay:0.45s;animation-delay:0.45s}.cty-loading__columnar:nth-child(5){-webkit-animation-delay:0.6s;animation-delay:0.6s}@-webkit-keyframes columnar{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleY(3);transform:scaleY(3)}}@keyframes columnar{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleY(3);transform:scaleY(3)}}.cty-loading__type-circular{position:relative;width:50px;height:50px}.cty-loading__circular{position:absolute;width:4px;height:4px;background:var(--cty-loading-active-color);border-radius:var(--cty-border-radius-circle);-webkit-animation:circular linear 0.8s infinite;animation:circular linear 0.8s infinite}.cty-loading__circular:nth-child(1){left:24px;top:2px;-webkit-animation-delay:0s;animation-delay:0s}.cty-loading__circular:nth-child(2){left:40px;top:8px;-webkit-animation-delay:0.1s;animation-delay:0.1s}.cty-loading__circular:nth-child(3){left:47px;top:24px;-webkit-animation-delay:0.1s;animation-delay:0.1s}.cty-loading__circular:nth-child(4){left:40px;top:40px;-webkit-animation-delay:0.2s;animation-delay:0.2s}.cty-loading__circular:nth-child(5){left:24px;top:47px;-webkit-animation-delay:0.4s;animation-delay:0.4s}.cty-loading__circular:nth-child(6){left:8px;top:40px;-webkit-animation-delay:0.5s;animation-delay:0.5s}.cty-loading__circular:nth-child(7){left:2px;top:24px;-webkit-animation-delay:0.6s;animation-delay:0.6s}.cty-loading__circular:nth-child(8){left:8px;top:8px;-webkit-animation-delay:0.7s;animation-delay:0.7s}@-webkit-keyframes circular{0%,40%,100%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(3);transform:scale(3)}}@keyframes circular{0%,40%,100%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(3);transform:scale(3)}}.cty-loading__type-sphere{width:20px;height:100px;border-bottom:1px solid var(--cty-loading-active-color)}.cty-loading__sphere{display:block;width:20px;height:20px;background:var(--cty-loading-active-color);border-radius:var(--cty-border-radius-circle);-webkit-animation:sphere cubic-bezier(0.5, 0.01, 0.9, 1) 0.6s infinite alternate;animation:sphere cubic-bezier(0.5, 0.01, 0.9, 1) 0.6s infinite alternate}@-webkit-keyframes sphere{0%{transform:translateY(0px);-webkit-transform:translateY(0px)}100%{transform:translateY(80px);-webkit-transform:translateY(80px)}}@keyframes sphere{0%{transform:translateY(0px);-webkit-transform:translateY(0px)}100%{transform:translateY(80px);-webkit-transform:translateY(80px)}}.cty-loading__type-round{position:relative;width:50px;height:50px}.cty-loading__round{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cty-loading-active-color);-webkit-animation:loader-animate 0.5s linear infinite;animation:loader-animate 0.5s linear infinite;border-radius:var(--cty-border-radius-medium)}.cty-loading__round-shadow{position:absolute;top:59px;left:0;width:100%;height:5px;background:#000;opacity:0.1;border-radius:var(--cty-border-radius-circle);-webkit-animation:loader-shadow 0.5s linear infinite;animation:loader-shadow 0.5s linear infinite}@-webkit-keyframes loader-animate{17%{border-bottom-right-radius:3px}25%{-webkit-transform:translateY(9px) rotate(22.5deg);transform:translateY(9px) rotate(22.5deg)}50%{-webkit-transform:translateY(18px) scale(1, 0.9) rotate(45deg);transform:translateY(18px) scale(1, 0.9) rotate(45deg);border-bottom-right-radius:40px}75%{-webkit-transform:translateY(9px) rotate(67.5deg);transform:translateY(9px) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@keyframes loader-animate{17%{border-bottom-right-radius:3px}25%{-webkit-transform:translateY(9px) rotate(22.5deg);transform:translateY(9px) rotate(22.5deg)}50%{-webkit-transform:translateY(18px) scale(1, 0.9) rotate(45deg);transform:translateY(18px) scale(1, 0.9) rotate(45deg);border-bottom-right-radius:40px}75%{-webkit-transform:translateY(9px) rotate(67.5deg);transform:translateY(9px) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@-webkit-keyframes loader-shadow{50%{-webkit-transform:scale(1.2, 1);transform:scale(1.2, 1)}}@keyframes loader-shadow{50%{-webkit-transform:scale(1.2, 1);transform:scale(1.2, 1)}}.cty-loading__text{margin-top:var(--cty-loading-text-offset-top);color:var(--cty-loading-text-color);font-size:var(--cty-loading-text-size)}.cty-loading__text-hor{margin-top:0;margin-left:var(--cty-loading-text-offset-start)}";
|
|
8
|
-
|
|
9
|
-
const Loading = /*@__PURE__*/ proxyCustomElement(class Loading extends HTMLElement {
|
|
10
|
-
constructor() {
|
|
11
|
-
super();
|
|
12
|
-
this.__registerHost();
|
|
13
|
-
this.__attachShadow();
|
|
14
|
-
this.ctyDismiss = createEvent(this, "ctyDismiss", 7);
|
|
15
|
-
this.didPresent = createEvent(this, "ctyDidPresent", 7);
|
|
16
|
-
this.willPresent = createEvent(this, "ctyWillPresent", 7);
|
|
17
|
-
this.willDismiss = createEvent(this, "ctyWillDismiss", 7);
|
|
18
|
-
this.didDismiss = createEvent(this, "ctyDidDismiss", 7);
|
|
19
|
-
this.delegateController = createDelegateController(this);
|
|
20
|
-
this.lockController = createLockController();
|
|
21
|
-
this.triggerController = createTriggerController();
|
|
22
|
-
this.presented = false;
|
|
23
|
-
/** @internal */
|
|
24
|
-
this.hasController = false;
|
|
25
|
-
this.root = 'default';
|
|
26
|
-
this.animated = false;
|
|
27
|
-
this.backdropDismiss = false; //是否在点击遮罩层后关闭
|
|
28
|
-
this.img = '';
|
|
29
|
-
this.spinner = 'dotted';
|
|
30
|
-
this.vertical = true;
|
|
31
|
-
this.spinnerComponents = {
|
|
32
|
-
dotted: (h("div", { class: "flex" }, Array(5).fill('').map(() => (h("span", { class: "cty-loading__dotted" }))))),
|
|
33
|
-
columnar: (h("div", { class: "flex" }, Array(5).fill('').map(() => (h("span", { class: "cty-loading__columnar" }))))),
|
|
34
|
-
circular: (h("div", { class: "cty-loading__type-circular" }, Array(8).fill('').map(() => (h("span", { class: "cty-loading__circular" }))))),
|
|
35
|
-
sphere: (h("div", { class: "cty-loading__type-sphere" }, h("span", { class: "cty-loading__sphere" }))),
|
|
36
|
-
round: (h("div", { class: "cty-loading__type-round" }, h("span", { class: "cty-loading__round" }), h("span", { class: "cty-loading__round-shadow" }))),
|
|
37
|
-
};
|
|
38
|
-
}
|
|
39
|
-
triggerChanged() {
|
|
40
|
-
const { trigger, el, triggerController } = this;
|
|
41
|
-
if (trigger) {
|
|
42
|
-
triggerController.addClickListener(el, trigger);
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
connectedCallback() {
|
|
46
|
-
prepareOverlay(this.el);
|
|
47
|
-
this.triggerChanged();
|
|
48
|
-
}
|
|
49
|
-
componentWillLoad() {
|
|
50
|
-
}
|
|
51
|
-
disconnectedCallback() {
|
|
52
|
-
this.triggerController.removeClickListener();
|
|
53
|
-
this.presented && removeBodyScrollClass();
|
|
54
|
-
}
|
|
55
|
-
componentDidLoad() {
|
|
56
|
-
!this.hasController && raf(() => this.present());
|
|
57
|
-
}
|
|
58
|
-
async present() {
|
|
59
|
-
const unlock = await this.lockController.lock();
|
|
60
|
-
await this.delegateController.attachViewToDom(this.root);
|
|
61
|
-
await present(this, 'loadingEnter', (baseEl) => enterAnimation(baseEl, '.cty-loading'));
|
|
62
|
-
unlock();
|
|
63
|
-
}
|
|
64
|
-
async dismiss() {
|
|
65
|
-
const unlock = await this.lockController.lock();
|
|
66
|
-
const dismissed = await dismiss(this, 'loadingLeave', (baseEl) => leaveAnimation(baseEl, '.cty-loading'));
|
|
67
|
-
if (dismissed) {
|
|
68
|
-
this.delegateController.removeViewFromDom();
|
|
69
|
-
}
|
|
70
|
-
unlock();
|
|
71
|
-
return dismissed;
|
|
72
|
-
}
|
|
73
|
-
onDidDismiss() {
|
|
74
|
-
return eventMethod(this.el, 'ctyDidDismiss');
|
|
75
|
-
}
|
|
76
|
-
onWillDismiss() {
|
|
77
|
-
return eventMethod(this.el, 'ctyWillDismiss');
|
|
78
|
-
}
|
|
79
|
-
renderSpinner() {
|
|
80
|
-
if (this.img)
|
|
81
|
-
return h("img", { src: this.img, class: "cty-loading__img", part: "img" });
|
|
82
|
-
return this.spinnerComponents[this.spinner] || null;
|
|
83
|
-
}
|
|
84
|
-
render() {
|
|
85
|
-
return (h(Host, { key: 'a7dc78d83899f394b4eb78f9db58702161362e75', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '2579570daded08ffbd29af20d5b7c7ed1e629e0b', backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: '8d17d847989cd8096847f6a9fd0c7cccfe09bfd5', class: this.vertical ? 'cty-loading flex-column-center' : 'cty-loading flex-center', onClick: (e) => e.stopPropagation() }, this.renderSpinner(), h("div", { key: 'ad7a7abc9ea517b16ae8d9a0e1e056917e85f0bf', class: { 'cty-loading__text': true, 'cty-loading__text-hor': !this.vertical } }, h("slot", { key: 'ccce9a41fa3e8fcce84932f57dc849a45adad9b3' }))))));
|
|
86
|
-
}
|
|
87
|
-
get el() { return this; }
|
|
88
|
-
static get watchers() { return {
|
|
89
|
-
"trigger": ["triggerChanged"]
|
|
90
|
-
}; }
|
|
91
|
-
static get style() { return loadingCss; }
|
|
92
|
-
}, [1, "cty-loading", {
|
|
93
|
-
"overlayIndex": [2, "overlay-index"],
|
|
94
|
-
"delegate": [16],
|
|
95
|
-
"hasController": [4, "has-controller"],
|
|
96
|
-
"root": [1],
|
|
97
|
-
"animated": [4],
|
|
98
|
-
"cssClass": [1, "css-class"],
|
|
99
|
-
"leaveAnimation": [16, "leave-animation"],
|
|
100
|
-
"enterAnimation": [16, "enter-animation"],
|
|
101
|
-
"backdropDismiss": [4, "backdrop-dismiss"],
|
|
102
|
-
"img": [1],
|
|
103
|
-
"spinner": [1],
|
|
104
|
-
"vertical": [4],
|
|
105
|
-
"trigger": [1],
|
|
106
|
-
"present": [64],
|
|
107
|
-
"dismiss": [64],
|
|
108
|
-
"onDidDismiss": [64],
|
|
109
|
-
"onWillDismiss": [64]
|
|
110
|
-
}, undefined, {
|
|
111
|
-
"trigger": ["triggerChanged"]
|
|
112
|
-
}]);
|
|
113
|
-
function defineCustomElement$1() {
|
|
114
|
-
if (typeof customElements === "undefined") {
|
|
115
|
-
return;
|
|
116
|
-
}
|
|
117
|
-
const components = ["cty-loading", "cty-backdrop"];
|
|
118
|
-
components.forEach(tagName => { switch (tagName) {
|
|
119
|
-
case "cty-loading":
|
|
120
|
-
if (!customElements.get(tagName)) {
|
|
121
|
-
customElements.define(tagName, Loading);
|
|
122
|
-
}
|
|
123
|
-
break;
|
|
124
|
-
case "cty-backdrop":
|
|
125
|
-
if (!customElements.get(tagName)) {
|
|
126
|
-
defineCustomElement$2();
|
|
127
|
-
}
|
|
128
|
-
break;
|
|
129
|
-
} });
|
|
130
|
-
}
|
|
1
|
+
import { L as Loading, d as defineCustomElement$1 } from './loading.js';
|
|
131
2
|
|
|
132
3
|
const CtyLoading = Loading;
|
|
133
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -2,10 +2,12 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
|
|
|
2
2
|
import { r as statusBar, s as secondsToVehicle } from './status-bar.js';
|
|
3
3
|
import { v as videoCapture } from './video-capture.js';
|
|
4
4
|
import { d as closeOutline, l as arrowUndoCircle } from './index2.js';
|
|
5
|
-
import { d as defineCustomElement$
|
|
5
|
+
import { d as defineCustomElement$5 } from './backdrop.js';
|
|
6
|
+
import { d as defineCustomElement$4 } from './icon.js';
|
|
7
|
+
import { d as defineCustomElement$3 } from './loading.js';
|
|
6
8
|
import { d as defineCustomElement$2 } from './icon2.js';
|
|
7
9
|
|
|
8
|
-
const 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:6px;--cty-media-capture-header-padding-end:15px;--cty-media-capture-close-icon-size:32px;--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:var(--ion-safe-area-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-media-close__captured{margin-left:6px}.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);bottom:0;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)}.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)}";
|
|
10
|
+
const 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:6px;--cty-media-capture-header-padding-end:15px;--cty-media-capture-close-icon-size:32px;--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:var(--ion-safe-area-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-media-close__captured{margin-left:6px}.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);bottom:0;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)}.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)}cty-loading{visibility:visible}.cty-loading__title{margin:var(--cty-media-capture-video-loading-title-font-size, 8px 0 0);font-weight:var(--cty-media-capture-video-loading-title-font-weight, normal);font-size:var(--cty-media-capture-video-loading-title-font-size, var(--cty-font-size-medium));text-align:var(--cty-media-capture-video-loading-title-text-align, center);color:var(--cty-media-capture-video-loading-description-color, #fff)}.cty-loading__description{font-weight:var(--cty-media-capture-video-loading-description-font-weight, normal);font-size:var(--cty-media-capture-video-loading-description-font-size, var(--cty-font-size-small));text-align:var(--cty-media-capture-video-loading-description-text-align, center);color:var(--cty-media-capture-video-loading-description-color, #fff)}";
|
|
9
11
|
|
|
10
12
|
const MediaCapture = /*@__PURE__*/ proxyCustomElement(class MediaCapture extends HTMLElement {
|
|
11
13
|
constructor() {
|
|
@@ -27,6 +29,9 @@ const MediaCapture = /*@__PURE__*/ proxyCustomElement(class MediaCapture extends
|
|
|
27
29
|
this.controls = false;
|
|
28
30
|
this.poster = '';
|
|
29
31
|
this.timeLimit = 0; //大于0则有录制时间限制
|
|
32
|
+
this.loadingSpinner = 'round';
|
|
33
|
+
this.loaingTitle = '正在处理视频';
|
|
34
|
+
this.loaingDescription = '请稍候，这可能需要几秒钟';
|
|
30
35
|
this.isCaptured = false;
|
|
31
36
|
this.capturing = false;
|
|
32
37
|
this.captureDuration = 0;
|
|
@@ -121,7 +126,7 @@ const MediaCapture = /*@__PURE__*/ proxyCustomElement(class MediaCapture extends
|
|
|
121
126
|
}
|
|
122
127
|
render() {
|
|
123
128
|
const captureDuration = secondsToVehicle(this.captureDuration);
|
|
124
|
-
return (h(Host, { key: '
|
|
129
|
+
return (h(Host, { key: '8d556942435698565ec78e64015882f366ab4256', class: { 'cty-media-capture': true, 'cty-media-captured': this.isCaptured } }, h("div", { key: '42c48f771fbdab65eeb8955b792f919208027029', class: "cty-media-capture__header" }, h("button", { key: '2abaf94fb1bc81f641e48135aa683816ed6234fd', onClick: () => this.doHeaderAction(), class: { 'cty-button-native': true, 'cty-media-close__captured': this.isCaptured } }, h("cty-icon", { key: '5f4b4cfea737bec2239909144cb577a9aea5a40f', class: "cty-capture__close-icon", name: this.isCaptured ? this.revocationIcon : this.closeIcon })), this.captureTime && (this.isCaptured || this.capturing) && (h("span", { key: 'b5acf012dc457f667acf8ee48fc9e43f9e5e894d', class: { 'cty-media-capture__time': true, 'cty-media-capture__time-active': this.capturing } }, captureDuration))), this.isCaptured && (h("video", { key: 'a8ff03d0db43884cb76ecde47bbdfb9d5bbf9826', ref: el => (this.videoEl = el), 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: e => this.toggleVideo(e) })), this.isCaptured && !this.filePath && h("cty-loading", { key: 'c40177486ea1b5445b2ccfe3a31eb6284b01371f', part: "loading", animated: false, overlayIndex: 1, spinner: this.loadingSpinner }, h("slot", { key: '6791018518664f434ba39e2a8919644cb1a957bc', name: "loading-text" }, this.loaingTitle && h("h3", { key: '9557bdd42752f13ade54a6ad66e5f2918004cd8e', class: "cty-loading__title" }, this.loaingTitle), this.loaingDescription && h("p", { key: '6fef588e1e9d9afb3d3d3a4ef937fa3699f210ef', class: "cty-loading__description" }, this.loaingDescription))), h("div", { key: 'f631e1f54e472f5d2f49750f5c7f4c168c63cace', class: "cty-media-capture__footer flex-center" }, !this.isCaptured && (h("button", { key: '8fe4090f5c55248108796f631606b942c79a54fc', class: "cty-media-capture__switch cty-button-native", onClick: () => this.doCapture() }, h("span", { key: '55323c8d708fb7ca36439375b0e3bd695bbd0c77', class: { 'cty-media-capture__status': true, 'cty-media-capture__status-active': this.capturing } }))), this.isCaptured && (h("button", { key: '0b157e3d544e38dd4107b588454beba344550280', class: "cty-media-capture__confirm cty-button-native", disabled: !this.filePath, onClick: () => this.confirm() }, this.confirmText))), h("slot", { key: '5282bb9e08d12ce04fd158f10133f4982639dc31' })));
|
|
125
130
|
}
|
|
126
131
|
get el() { return this; }
|
|
127
132
|
static get style() { return mediaCaptureCss; }
|
|
@@ -136,6 +141,9 @@ const MediaCapture = /*@__PURE__*/ proxyCustomElement(class MediaCapture extends
|
|
|
136
141
|
"controls": [4],
|
|
137
142
|
"poster": [1],
|
|
138
143
|
"timeLimit": [2, "time-limit"],
|
|
144
|
+
"loadingSpinner": [1, "loading-spinner"],
|
|
145
|
+
"loaingTitle": [1, "loaing-title"],
|
|
146
|
+
"loaingDescription": [1, "loaing-description"],
|
|
139
147
|
"isCaptured": [32],
|
|
140
148
|
"capturing": [32],
|
|
141
149
|
"captureDuration": [32],
|
|
@@ -148,14 +156,24 @@ function defineCustomElement$1() {
|
|
|
148
156
|
if (typeof customElements === "undefined") {
|
|
149
157
|
return;
|
|
150
158
|
}
|
|
151
|
-
const components = ["cty-media-capture", "cty-icon", "ion-icon"];
|
|
159
|
+
const components = ["cty-media-capture", "cty-backdrop", "cty-icon", "cty-loading", "ion-icon"];
|
|
152
160
|
components.forEach(tagName => { switch (tagName) {
|
|
153
161
|
case "cty-media-capture":
|
|
154
162
|
if (!customElements.get(tagName)) {
|
|
155
163
|
customElements.define(tagName, MediaCapture);
|
|
156
164
|
}
|
|
157
165
|
break;
|
|
166
|
+
case "cty-backdrop":
|
|
167
|
+
if (!customElements.get(tagName)) {
|
|
168
|
+
defineCustomElement$5();
|
|
169
|
+
}
|
|
170
|
+
break;
|
|
158
171
|
case "cty-icon":
|
|
172
|
+
if (!customElements.get(tagName)) {
|
|
173
|
+
defineCustomElement$4();
|
|
174
|
+
}
|
|
175
|
+
break;
|
|
176
|
+
case "cty-loading":
|
|
159
177
|
if (!customElements.get(tagName)) {
|
|
160
178
|
defineCustomElement$3();
|
|
161
179
|
}
|
|
@@ -55,7 +55,7 @@ const NoticeBar = /*@__PURE__*/ proxyCustomElement(class NoticeBar extends HTMLE
|
|
|
55
55
|
}, 1000);
|
|
56
56
|
}
|
|
57
57
|
render() {
|
|
58
|
-
return (h(Host, { key: '
|
|
58
|
+
return (h(Host, { key: 'af63bed696f3af70b8cfcc910219e30fc70a71fe', class: "cty-notice-bar flex-align-center" }, this.startIcon && h("button", { key: '2f8f8b4a9e83c5d4d7d79054abef6c2c6be1feb7', part: "start", class: "cty-button-native", onClick: (e) => this.doIconAction(e, 'start') }, h("cty-icon", { key: '69bf2a5df14aa0c2a3e6e19f4811869956750602', name: this.startIcon, class: "cty-notice-bar__start-icon" })), h("slot", { key: 'ebe24eb4fe182811c9c3d5f1f9e8c9707f021199', name: 'start' }), h("div", { key: '99f51eae75718087e3815f2307c8df6d174b532d', class: "cty-notice-bar__wrap flex-align-center", ref: el => this.wrapRefEl = el }, h("div", { key: 'fb98f7dc54c9768fcf97829bae826882e8d3991a', class: { 'cty-ellipsis': !this.scrollable, 'cty-notice-bar__content': true }, ref: el => this.contentEl = el }, this.text, h("slot", { key: '5bc1cd0407822f0f7eaa9ca45540664570494152' }))), this.endIcon && h("button", { key: '1fa9b9e00f128d7eaf9307ceb0ecb2ae2449d9a0', part: "start", class: "cty-button-native", onClick: (e) => this.doIconAction(e, 'end') }, h("cty-icon", { key: 'a87db371cc51772fc61dc944e94b87eeb873f036', name: this.endIcon, class: "cty-notice-bar__end-icon" })), h("slot", { key: '1169cdef81fdac6da5a6fac98d340f80faf81def', name: 'end' })));
|
|
59
59
|
}
|
|
60
60
|
get el() { return this; }
|
|
61
61
|
static get style() { return noticeBarCss; }
|
|
@@ -30,7 +30,7 @@ const PdfViewer = /*@__PURE__*/ proxyCustomElement(class PdfViewer extends HTMLE
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
render() {
|
|
33
|
-
return (h(Host, { key: '
|
|
33
|
+
return (h(Host, { key: '658e1defbab2f29c766ee1f1e62566d2ad988853', class: "cty-pdf-viewer" }, h("slot", { key: '1bd787850bffac53e5735e90be2011c8d97f17cc' })));
|
|
34
34
|
}
|
|
35
35
|
get el() { return this; }
|
|
36
36
|
static get style() { return pdfViewerCss; }
|
|
@@ -19,7 +19,7 @@ const Progress = /*@__PURE__*/ proxyCustomElement(class Progress extends HTMLEle
|
|
|
19
19
|
this.handleProgressChange(this.percentage);
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h(Host, { key: '
|
|
22
|
+
return (h(Host, { key: '5612f3dbded87d1df841f4edf71419999e54f2b5', class: "cty-progress" }, h("span", { key: '4ffef5dfe225ec625a6e85ef2f712b6b9ef896b1', class: "cty-progress__portion", style: { width: this._percentage + '%' } }), this.pivot && (h("span", { key: '04fd3925cfc5337fbee973e95a45d1fce6202655', class: "cty-progress__pivot", style: {
|
|
23
23
|
left: this._percentage + '%',
|
|
24
24
|
transform: 'translate(-' + (this._percentage + '%') + ',-50%)',
|
|
25
25
|
} }, this.pivotText || this._percentage + '%'))));
|
|
@@ -118,7 +118,7 @@ const QuickAccess = /*@__PURE__*/ proxyCustomElement(class QuickAccess extends H
|
|
|
118
118
|
return dataList.map((item, idx) => (h("div", { class: "cty-quick-access__list-item flex-column-center", style: { width: this.itemWidth + '%' }, onClick: () => this.clickItem(item, idx) }, item[this._props.icon] && h("cty-icon", { name: item[this._props.icon], class: "cty-quick-access__list-item-icon" }), item[this._props.image] && h("img", { src: item[this._props.image], class: "cty-quick-access__list-item-img" }), item[this._props.text] && h("div", { class: "cty-quick-access__list-item-text" }, item[this._props.text]))));
|
|
119
119
|
}
|
|
120
120
|
render() {
|
|
121
|
-
return (h(Host, { key: '
|
|
121
|
+
return (h(Host, { key: '657a4a4caf3ee2962e1ea1e89ec41c6fd6ff0c91', class: "cty-quick-access" }, h("slot", { key: 'fc2aa5a070335b5ecefaadfa997f36f2a59427b2', name: "header" }), h("div", { key: '49fad34c31bf5d21912359e8a0ade965e5dde183', ref: el => (this.slideEl = el), class: "cty-quick-access__wrapper flex-align-start", style: { width: this.sliderTotalWidth + '%' }, onTouchStart: e => this.handleDragStart(e), onTouchMove: e => this.handleDragMove(e), onTouchEnd: () => this.handleDragEnd(), onMouseDown: e => this.handleDragStart(e), onMouseMove: e => this.handleDragMove(e), onMouseUp: () => this.handleDragEnd() }, this.list.map(dataList => (h("div", { class: "cty-quick-access__list flex-wrap" }, this.renderDataList(dataList))))), h("slot", { key: 'ea6ff4f6756d974db1097f80d26c64aabb326460', name: "bottom" }), this.list.length > 1 && this.paper && (h("div", { key: '530538c19f70f94aefcaad341503bae596edf660', class: "cty-quick-access__pagination flex-center" }, [...this.list.keys()].map(idx => (h("div", { class: { 'cty-quick-access__pagination-point': true, 'active': idx === this.currentPage } }))))), h("slot", { key: '9f174fcbf9d289ee2b6e85584946ff5dc6b4f57d', name: "p-bottom" })));
|
|
122
122
|
}
|
|
123
123
|
get el() { return this; }
|
|
124
124
|
static get watchers() { return {
|
package/components/cty-rate.js
CHANGED
|
@@ -156,7 +156,7 @@ const Rate = /*@__PURE__*/ proxyCustomElement(class Rate extends HTMLElement {
|
|
|
156
156
|
}
|
|
157
157
|
}
|
|
158
158
|
render() {
|
|
159
|
-
return (h(Host, { key: '
|
|
159
|
+
return (h(Host, { key: '604612a4bd1f3d7762f2c4b826371fbf168006fa', class: { 'cty-rate': true, 'cty-rate__disabled': this.disabled, 'cty-rate__readonly': this.readonly }, onTouchStart: () => this._start(), onTouchMove: (e) => this._move(e), onTouchEnd: () => this._end(), onMouseDown: () => this._start(), onMouseMove: (e) => this._move(e), onMouseUp: () => this._end() }, this.statusList.map(item => (h("div", { class: "cty-rate__item", onClick: (e) => this._doAction(e) }, h("cty-icon", { name: item.status === 'full' ? this.icon : this.voidIcon, class: { 'cty-rate__icon': true, 'cty-rate__icon-full': item.status === 'full', 'cty-rate__icon-disabled': this.disabled } }), this.half && item.value > 0 && item.value < 1 && (h("cty-icon", { name: item.status === 'void' ? this.voidIcon : this.icon, class: { 'cty-rate__icon cty-rate__icon-half': true, 'cty-rate__icon-full': item.status !== 'void', 'cty-rate__icon-disabled': this.disabled }, style: { width: item.value * 100 + '%' } })))))));
|
|
160
160
|
}
|
|
161
161
|
get el() { return this; }
|
|
162
162
|
static get watchers() { return {
|
package/components/cty-record.js
CHANGED
|
@@ -269,7 +269,7 @@ const Record = /*@__PURE__*/ proxyCustomElement(class Record extends HTMLElement
|
|
|
269
269
|
}
|
|
270
270
|
}
|
|
271
271
|
render() {
|
|
272
|
-
return (h(Host, { key: '
|
|
272
|
+
return (h(Host, { key: '989f89cc8d82fd5c145ecad470e4f2ab43dba3b6', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: 'b5d73f8e089ca13b67d9f2f24383336505702c5b', position: "bottom", backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: 'a314fe2012f0acf716c55393da254a04d4b0ff90', class: "cty-record safe-area-bottom-padding flex-center-column", onClick: (e) => e.stopPropagation() }, h("slot", { key: '9d40c491148519b59ad39822986cf7740bf12685', name: "header" }), this.closeable && (h("div", { key: '6f1cf46bc6628ba07d7b62314f2bb382d5ef99d8', class: "cty-record__close", onClick: () => this.handleCloseRecord() }, h("cty-icon", { key: 'e865944bca9d2bc7003545eb09ef49ce08a5a01c', name: closeOutline }))), h("p", { key: '843cf4bbf16ab8ed9f2a4faef47644d63cba117c', class: "cty-record__desc" }, this.recordDescription), h("p", { key: '6e5c9d2f67d66fad9b68b277f0d1d7d315c2234b', class: "cty-record__time" }, this.recordDuration), h("div", { key: '117b76774c0722d62b8c33d25d4091b0bafd26ac', class: "cty-record__main flex-align-end-center" }, this.recorded && (h("button", { key: 'e76db99b429f0ecf9852f99f4ec73033716a7674', class: "cty-record__redo flex-column-center cty-button-native", onClick: () => this.restartRecording() }, h("cty-icon", { key: '7157f323eb1db2d614e806cbf136f06890202a7b', name: "cty-redo", class: "flex-center" }), h("span", { key: '0218b90372d3da857f8d8bb83f1947eb75180aba' }, "\u91CD\u5F55"))), !this.recording && (h("button", { key: '9f567b6efa2118c872610eecec09e5b0b56ef4a4', class: "cty-record__button cty-button-native", onClick: () => this.handleRecordAction() }, !this.auditioning && !this.recorded && h("cty-icon", { key: '05e976f65e345d7ad6c4977d1c11f6b169e0df1b', name: "cty-record" }), this.auditioning && this.recorded && h("cty-icon", { key: '3217f8f288f246126af2a52947584963ad344f43', name: "cty-pause" }), !this.auditioning && this.recorded && h("cty-icon", { key: '63044323bc2beed39c44bd37ab5a5afa4181489a', name: "cty-play" }))), this.recording && (h("div", { key: 'e970e089d7816736192e4b8c8cb51a57b42df055', class: "cty-record__recording flex-center", onClick: () => this.stopRecording() }, h("cty-circle", { key: '0ee52b562b48c597f60252e568689c63d4e6179e', rate: (this.recordSecond / this.maxSeconds) * 100, width: this.circleWidth, color: this.circleColor }), h("cty-icon", { key: '71f8aaaf25f30cf14facf347befacfa5f97cf34c', name: "cty-pause" }))), this.recorded && (h("button", { key: 'a84ef08f7214e299f0b95c2fba613615e05fd556', class: "cty-record__yes flex-column-center cty-button-native", onClick: () => this.confirmRecording() }, h("cty-icon", { key: '86a565f80c58ca894ae4f5ae04091c4a1d5900d2', name: "cty-yes", class: "flex-center" }), h("span", { key: '952a096ad6e4c240ae9980d5ead6b309eaeea025' }, "\u786E\u5B9A")))), !this.auditioning && !this.recorded && !this.recording && h("p", { key: '6daf8d8bdab3a264d026fb5156669b1e85647c97', class: "cty-record__send" }, "\u4EC5\u53D1\u9001\u8BED\u97F3"), (this.auditioning || this.recorded || this.recording) && h("p", { key: 'c5135dc4f9af25b0e35c11bca6b711a088dac67a', class: "cty-record__status" }, this.recordState))), h("ion-toast", { key: '8a228ee8ee0af0804b458d52c9c72c39627c9938', isOpen: this.toastOptions.isOpen, message: this.toastOptions.message, duration: 2000, position: "middle", onIonToastWillDismiss: () => (this.toastOptions.isOpen = false) }), this.showWarning && h("cty-alert", { key: 'bc64d4327b41f1ade7d75af970b5e2981937df5a', title: "\u53D6\u6D88\u5F55\u97F3", content: "\u786E\u5B9A\u53D6\u6D88\u672C\u6761\u5F55\u97F3\uFF1F", buttons: ['取消', '确定'], overlayIndex: 1, onCtyTap: e => this.handleAlertAction(e) }, h("button", { key: 'f1492fd2770bd159b33ccdb684616f9540fead09', slot: "close", class: "cty--record__alert-close cty-button-native", onClick: () => this.showWarning = false }, h("cty-icon", { key: '97bde7e191de3b144f9916d14153b45135cd26c4', name: "cty-close2" })))));
|
|
273
273
|
}
|
|
274
274
|
get el() { return this; }
|
|
275
275
|
static get watchers() { return {
|
|
@@ -68,7 +68,7 @@ const SegmentSlides = /*@__PURE__*/ proxyCustomElement(class SegmentSlides exten
|
|
|
68
68
|
return this.slidesEl.swiper;
|
|
69
69
|
}
|
|
70
70
|
render() {
|
|
71
|
-
return (h(Host, { key: '
|
|
71
|
+
return (h(Host, { key: '9ace6a85b92d94baa876071466f8488b482baf15', class: "cty-segment-slides" }, h("ion-segment", { key: '1e9620ee3a039efbfde02aaa7f8f7b3a44d3a856', part: "segment", class: "cty-segment-slides__segment", value: this._slideValue, onIonChange: (e) => this.segmentChanged(e), mode: "md", style: { 'top': this._top } }, h("slot", { key: '6164d1ca3056ceca762e62c525d0125fb84f2fad', name: 'segments' }), this._segments.map((item, idx) => h("ion-segment-button", { part: "segment-button", value: idx, layout: this.layout, class: "cty-segment-slides__segment-button" }, item[this._segmentProps['label']] && h("span", { class: "cty-segment-slides__segment-label" }, item[this._segmentProps['label']]), item[this._segmentProps['icon']] && h("cty-icon", { name: item[this._segmentProps['icon']], class: "cty-segment-slides__segment-icon" }), h("slot", { name: 'segment-button' + idx })))), h("swiper-container", Object.assign({ key: '3a0f3b8dbc9f06ce152d6ee7e8a30fd563ce86c2', part: "container", class: "cty-segment-slides__swiper-container", ref: (el) => this.slidesEl = el, observer: this.observer, observerParents: this.observerParents, resistanceRatio: '0', autoHeight: this.autoHeight, onSwiperslidechangetransitionstart: () => this.slideChange() }, this.swiperAttrs), this._segments.map((_, idx) => h("swiper-slide", { part: "slide", class: "cty-segment-slides__swiper-slide" }, h("slot", { name: 'content' + idx }))))));
|
|
72
72
|
}
|
|
73
73
|
get el() { return this; }
|
|
74
74
|
static get watchers() { return {
|
|
@@ -64,7 +64,7 @@ const Selector = /*@__PURE__*/ proxyCustomElement(class Selector extends HTMLEle
|
|
|
64
64
|
return [this.value];
|
|
65
65
|
}
|
|
66
66
|
render() {
|
|
67
|
-
return (h(Host, { key: '
|
|
67
|
+
return (h(Host, { key: '40b2e7b2e1d071c4c31e85eeac892f3db9ed3727', role: "listbox", class: {
|
|
68
68
|
'cty-selector-grid': !!this.columns,
|
|
69
69
|
}, style: { 'grid-template-columns': `repeat(${this.columns}, 1fr)` } }, this.options.map(option => {
|
|
70
70
|
const valueArr = this.getValueArray();
|
|
@@ -394,7 +394,7 @@ const ShareSheet = /*@__PURE__*/ proxyCustomElement(class ShareSheet extends HTM
|
|
|
394
394
|
this.ctyGuide.emit();
|
|
395
395
|
}
|
|
396
396
|
render() {
|
|
397
|
-
return (h(Host, { key: '
|
|
397
|
+
return (h(Host, { key: '7d18b6a812533f70cac660ab5b4603961e1bd3ca', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '1e347e5b5c7024a43054e3831dce12c2453af85b', backdropDismiss: this.backdropDismiss, position: "bottom", onCtyDismiss: () => this.dismiss() }, this.guide && this.isMicroMessager && (h("div", { key: 'eff7e95d29d6da9b348edfc074ebceda2d446592', class: "cty-share-guide", onClick: (e) => this._doGuid(e) }, h("img", { key: '07d20321e42741dd621fc23eeea4196b139a61cd', src: this.guideImg }))), h("slot", { key: '8b189ea4a505fa1726f315f852a58ae1a052c579', name: "share-sheet" }), !this.hiddenSheet && (h("div", { key: 'c68e7db901a5b9dc6f6889abbbf884862899989a', class: "cty-share-sheet safe-area-bottom-padding", onClick: (e) => e.stopPropagation() }, h("slot", { key: 'fb767b4474ebafdfa24b267186117dd7f0de8ece', name: "header" }), (this.title || this.description) && (h("div", { key: 'b8289588fb2e85a34351096acfef6f7d3c3571bd', class: "cty-share-sheet__header", part: "header" }, this.title && h("cty-divider", { key: 'c69002d27aea8083042a59400a181fe35ab8e091' }, this.title), this.description && h("p", { key: 'c707e7f42b074524928438c1abc106790ea27631', class: "cty-share-sheet__description" }, this.description))), h("slot", { key: '8dcf9d1d9f1442205a54b6b945f164ed77bdb913', name: "options" }), h("div", { key: 'a15b19a469f00ef9218a9904d996b9aecc45f954', class: "cty-share-sheet__options flex", part: "options" }, this._options.map((option, idx) => (h("div", { part: "option", class: "cty-share-sheet__option flex-align-center", onClick: () => this._buttonClick(option, idx) }, option.icon && option.icon.indexOf('/') >= 0 && !option.icon.endsWith('.svg') && h("img", { class: "cty-share-sheet__img", src: option.icon }), option.icon && (option.icon.indexOf('/') < 0 || option.icon.endsWith('.svg')) && h("cty-icon", { name: option.icon, class: "cty-share-sheet__icon" }), option.title && h("span", { class: "cty-share-sheet__option-title" }, option.title), option.description && h("span", { class: "cty-share-sheet__option-description" }, option.description))))), h("slot", { key: 'c8f1378d2bca442b7136bc16f9188c454bca528d', name: "cancel" }), this.cancelText && (h("button", { key: 'c7d429839fd95b9dafcc954f68b0e3cbc31343e7', part: "cancel", class: "cty-button-native cty-share-sheet__cancel", onClick: () => this.dismiss() }, this.cancelText))))), this.showPermissionPurpose && h("cty-permission-purpose", { key: 'c2749595fc5ab4b6c88e0040c621240482ee7747', description: this.permissionDescription }), h("ion-toast", { key: '8c852237ad47d29b0911564c28c45798bb87f2d1', "is-open": this.isToastOpen, message: this.toastContent, duration: 2000 })));
|
|
398
398
|
}
|
|
399
399
|
get el() { return this; }
|
|
400
400
|
static get watchers() { return {
|
|
@@ -35,7 +35,7 @@ const SidePanel = /*@__PURE__*/ proxyCustomElement(class SidePanel extends HTMLE
|
|
|
35
35
|
}, part: 'content-item' }, h("slot", { name: 'content' + index }));
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
return (h(Host, { key: '
|
|
38
|
+
return (h(Host, { key: 'c588a3a579074e60a1a0422179e9d4b7fd59ca1a', class: 'cty-side-panel flex' }, h("div", { key: '77d10f5762f4b55458f53aa3c2ce87617fe03c91', class: 'cty-side-panel-nav', part: 'nav' }, this.sideBars.map((item, index) => this.renderNavItem(item, index))), this.singleContent && h("div", { key: '5f5a033e845ef1815b4a88dd65166e66f5867aff', class: 'cty-side-panel-content', part: 'content' }, h("slot", { key: '2aaf9288b721cb57f9040d2fc4033eab397d4a8a' }), h("slot", { key: '146d1077426a13f85c24990535d5a1590926792f', name: 'content' + this.value })), !this.singleContent && h("div", { key: '15b0466ce95f792317085aedebf3c0f755f7376b', class: 'cty-side-panel-content' }, this.sideBars.map((_, index) => this.renderContentItem(index)))));
|
|
39
39
|
}
|
|
40
40
|
get el() { return this; }
|
|
41
41
|
static get style() { return sidePanelCss; }
|
|
@@ -102,7 +102,7 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLEleme
|
|
|
102
102
|
return 0;
|
|
103
103
|
}
|
|
104
104
|
render() {
|
|
105
|
-
return (h(Host, { key: '
|
|
105
|
+
return (h(Host, { key: '1520e0c3695f7876368e92a93ad3c5517956ce5e', class: "cty-stepper" }, this.showMinus && (h("button", { key: '08be9f56cb0505e7d9efa1c4e6bcdcc98066cfe4', part: "minus", class: "cty-stepper_minus cty-button-native", disabled: +this.min === +this.value || this.disabled || this.disableMinus, onClick: () => this.handleMinus() }, this.minusText)), this.showInput && (h("div", { key: 'e2ee6abfbd42fe745d648f3a65d398783bbb604e', class: "cty-input-wrapper" }, h("input", { key: '2b7851b4314d09ed3fd2af3a5563cf076c0ffcde', class: "cty-stepper_input", type: "number", disabled: this.disabled || this.disableInput, readonly: this.readonly, value: this.value, onBlur: (e) => this.handleInputBlur(e), onChange: (e) => this.handleInputChange(e), onFocus: e => this.handleFocus(e), onKeyPress: e => this.handleKeyPress(e), part: "input" }))), this.showPlus && (h("button", { key: '11ad2c5d908090322da0da1a4c78d6f13e101fc2', part: "plus", class: "cty-stepper_plus cty-button-native", disabled: +this.max === +this.value || this.disabled || this.disablePlus, onClick: () => this.handlePlus() }, this.plusText))));
|
|
106
106
|
}
|
|
107
107
|
get el() { return this; }
|
|
108
108
|
static get style() { return stepperCss; }
|
package/components/cty-steps.js
CHANGED
|
@@ -23,7 +23,7 @@ const Steps = /*@__PURE__*/ proxyCustomElement(class Steps extends HTMLElement {
|
|
|
23
23
|
this.ctyStepTap.emit(index);
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: '9f6ef812a58a27263a05d439664ee1608cbaa89a', class: 'cty-steps cty-steps__' + this.direction }, h("div", { key: 'c104997f8b1b887ac7bfb78a2e0b07b5eb395485', class: "cty-steps__items" }, h("slot", { key: '55d3b84a8aa1a6e08a6be733262d171d47ed6fd7' }))));
|
|
27
27
|
}
|
|
28
28
|
get el() { return this; }
|
|
29
29
|
static get watchers() { return {
|
|
@@ -127,8 +127,8 @@ const TextEllipsis = /*@__PURE__*/ proxyCustomElement(class TextEllipsis extends
|
|
|
127
127
|
}
|
|
128
128
|
;
|
|
129
129
|
render() {
|
|
130
|
-
return (h(Host, { key: '
|
|
131
|
-
h("button", { key: '
|
|
130
|
+
return (h(Host, { key: '4815fec7d5ab8c17381557e3e41e31656827ff4f', class: "cty-text-ellipsis" }, h("span", { key: 'aac6a16fa4ba71d8bad996ca1f261a4c0d47448f' }, this.expanded ? this.content : this.text), this.hasExpand &&
|
|
131
|
+
h("button", { key: 'cbab64adacfb5a19b93ed022f519eb869548136c', onClick: () => this.toggleExpand(), class: "cty-text-ellipsis__expand cty-button-native" }, this.expanded ? this.collapseText : this.expandText)));
|
|
132
132
|
}
|
|
133
133
|
get el() { return this; }
|
|
134
134
|
static get watchers() { return {
|
|
@@ -19,7 +19,7 @@ const TitleBar = /*@__PURE__*/ proxyCustomElement(class TitleBar extends HTMLEle
|
|
|
19
19
|
this.ctyClickEnd.emit();
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h(Host, { key: '
|
|
22
|
+
return (h(Host, { key: 'a66ac9bcd21e236eb2bb1158a2483e705a56f26f', class: "cty-title-bar flex-between" }, h("div", { key: '2ec6cf622905254229f26fd98ddfb6d55cbff90d', class: "cty-title-bar-start flex-align-center" }, h("slot", { key: 'b4253f2c1cefb5829a4400730eb2236bc60bfe77', name: "start-icon" }, this.startIcon && h("cty-icon", { key: 'a7092a5c0e9390d373d8d80b49c5f5a8cff582ca', name: this.startIcon, class: "cty-title-bar-start__icon" })), h("slot", { key: '4b09cc0a56422787ea4400834cf5f9fa4e642815', name: "title" }, this.title && h("h3", { key: '06a37ae5c2884b5bd356017b982fcadb78bda29f', class: "cty-title-bar-title cty-ellipsis" }, this.title))), h("div", { key: '3010260c60f120b6074e4f9d731ae59635e34cfb', class: "cty-title-bar-end flex-center-justify-end", onClick: () => this.clickEnd() }, h("slot", { key: '2618264600c2680ca943a4b97b8e02e47d888c5d', name: "end-text" }, this.endText && h("span", { key: 'e65b38248588c3b811b581e0f2c050ee3bd7f07c', class: "cty-title-bar-end__text" }, this.endText)), h("slot", { key: '862c65907e21b6c3382c342e1374c6d78371f72a', name: "end-icon" }, this.endIcon && h("cty-icon", { key: '22d57e6d59c1330adb2b2af63382d5e4aeac649e', name: this.endIcon, class: "cty-title-bar-end__icon" })))));
|
|
23
23
|
}
|
|
24
24
|
get el() { return this; }
|
|
25
25
|
static get style() { return titleBarCss; }
|
package/components/cty-tour.js
CHANGED
|
@@ -115,10 +115,10 @@ const Tour = /*@__PURE__*/ proxyCustomElement(class Tour extends HTMLElement {
|
|
|
115
115
|
const popoverClass = (Array.isArray(cssClass) ? [...cssClass] : [cssClass]).concat(['cty-tour__popover']).join(' ');
|
|
116
116
|
const tourCloseable = (currentStep === null || currentStep === void 0 ? void 0 : currentStep.closeable) || closeable;
|
|
117
117
|
const enableFooter = Array.isArray(steps) && steps.length > 1;
|
|
118
|
-
return (h(Host, { key: '
|
|
119
|
-
h("button", { key: '
|
|
120
|
-
h("button", { key: '
|
|
121
|
-
h("button", { key: '
|
|
118
|
+
return (h(Host, { key: '54142c018a2388a4a7aba05605ee1347cd941d4d', class: "cty-tour overlay-hidden" }, display && h("cty-overlay", { key: '89bc77b337739047e0123b2e6d34b0911af59182', backdropDismiss: false }, enableAopover && h("ion-popover", Object.assign({ key: 'e02d557bcf5c98b7e6180e2d0087d9abf7f844ae', mode: "ios", ref: (el) => (this.popoverEl = el), arrow: tourArrow, animated: false, backdropDismiss: backdropDismiss, alignment: alignment, side: side, keepContentsMounted: true, class: popoverClass, onIonPopoverWillDismiss: (e) => this.popoverWillDismiss(e) }, popoverAttrs, { showBackdrop: false }), h("div", { key: 'c7c93e9595e8ed66c8c34e44505c62c2b401f5d7', class: "cty-tour__clone-wrapper flex-center", ref: (el) => this.triggerCloneParentEl = el }), h("div", { key: 'e76dc15867e64cb2d826962d449998251edc18d2', class: { 'cty-tour__content': true, 'cty-tour__content-closeable': tourCloseable } }, h("slot", { key: '69a215941fad7fe57c327e63c82654e548152acc', name: "header" }), tourCloseable && h("slot", { key: 'e98558165778bbf6ca4d8bb5d883d501c16fac6d', name: "closeable" }, h("button", { key: 'be184ecfaf4f2c12b76ecd723b04afa4b5b5e5cb', class: "cty-button-native cty-tour__closeable" }, h("cty-icon", { key: '3e54be31b454b90f0101206e7e08c35b2d0c0819', name: "cty-close2", onClick: () => this.dismiss('closeable') }))), currentStep.content && h("slot", { key: '402fb94c5e5f29ebf858365f915bd63ac6072412', name: "content" }, h("p", { key: 'fb20907f0cfe860703adc61bec8bd4227f3e7b67', class: "cty-tour__content-inner" }, currentStep.content)), enableFooter && h("div", { key: '39dc82e7c4db23bda09a7de998a1dd1b2cad546e', class: "cty-tour__content-footer flex-center-between" }, h("slot", { key: '293941ff0dd1fbeaedb1625fab6dcb24394f7beb', name: "indicator" }, h("div", { key: 'ec38656c42c489f13153c36de097a8d5b1298c95', class: "cty-tour__content-indicator" }, current + 1, "/", steps.length)), h("slot", { key: '0270d3ea60b535922601a704cbeff987d4127538', name: "buttons" }, h("div", { key: '9b12bec0079352e85bae15b6f210d7f791fb1b23', class: "cty-tour__content-buttons flex" }, this.showPrev && current > 0 &&
|
|
119
|
+
h("button", { key: '248102005c15160b9539c29d76d99e94358a21eb', class: "cty-button-native cty-tour__content-prev", onClick: () => this.prevStep() }, this.prevText), current < steps.length - 1 &&
|
|
120
|
+
h("button", { key: '1d53f04a2c7b62f721212d307e10e680ab928fee', class: "cty-button-native cty-tour__content-next", onClick: () => this.nextStep() }, this.nextText), current === steps.length - 1 &&
|
|
121
|
+
h("button", { key: '741b0e892a57ca17e6ed4d910fdd582aa85fbaf1', class: "cty-button-native cty-tour__content-complete", onClick: () => this.complete() }, this.completeText)))), h("slot", { key: 'b46b4824538e5209eeb23052ab074f213831bec0', name: "footer" }))))));
|
|
122
122
|
}
|
|
123
123
|
get el() { return this; }
|
|
124
124
|
static get watchers() { return {
|
|
@@ -99,7 +99,7 @@ const Tutorial = /*@__PURE__*/ proxyCustomElement(class Tutorial extends HTMLEle
|
|
|
99
99
|
indicator,
|
|
100
100
|
touchable
|
|
101
101
|
};
|
|
102
|
-
return (h(Host, { key: '
|
|
102
|
+
return (h(Host, { key: 'ed468ac2cba725afab1fd9b193c586345117398c', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '484448d5ec2f19a37180fa511599e47c55e0880d', backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("cty-banner", Object.assign({ key: 'cf039de75e65af8ff81c1be257531f03dd481223' }, attrs, { onClick: (e) => e.stopPropagation, onCtySwipeChange: (e) => this.handleSlideChange(e), onCtySwipeTap: (e) => this.handleSlideTap(e) }), h("slot", { key: '49880b5432fe055dfaf530dabcfa216357cde116', slot: "start", name: "start" }), h("slot", { key: '723356b0155809527465a421501a04ec303678ea', slot: "end", name: "end" })), this.closeable && h("slot", { key: '4e91390ac551152ad1e650818ca9a9a589557f54', name: "close" }, h("button", { key: 'f07c4561c886de1345a7a62eac4c3850bad4ad97', class: "cty-tutorial__close cty-button-native", onClick: () => this.dismiss() }, h("cty-icon", { key: '4ebb08c2b8c6e7e40cfc98567d28ad6e9dd3381c', name: "cty-close2" }))))));
|
|
103
103
|
}
|
|
104
104
|
get el() { return this; }
|
|
105
105
|
static get watchers() { return {
|