cty-mui-core 1.0.37 → 1.0.38
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 +20 -6
- package/components/cty-floating-panel.js +4 -4
- package/components/cty-index-bar.js +2 -2
- package/components/cty-keyboard.js +1 -1
- package/components/cty-loading.js +1 -1
- package/components/cty-media-capture.js +1 -1
- 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 +10 -2
- 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 +12 -7
- package/components/image-picker.js +13 -3
- package/components/image-viewer.js +10 -5
- 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 +5 -1
- package/dist/cjs/{camera-preview-CTbXcOZK.js → camera-preview-CjkBcrrF.js} +1 -1
- package/dist/cjs/cty-camera-photo.cjs.entry.js +1 -1
- package/dist/cjs/cty-camera_2.cjs.entry.js +20 -8
- package/dist/cjs/cty-floating-panel.cjs.entry.js +4 -4
- package/dist/cjs/cty-image-viewer_6.cjs.entry.js +15 -7
- package/dist/cjs/cty-index-bar.cjs.entry.js +2 -2
- package/dist/cjs/cty-keyboard.cjs.entry.js +1 -1
- package/dist/cjs/cty-loading.cjs.entry.js +1 -1
- package/dist/cjs/cty-media-capture.cjs.entry.js +1 -1
- 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 +9 -2
- 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 +11 -7
- package/dist/cjs/{image-picker-BoG8_gzp.js → image-picker-DztF-H0P.js} +12 -2
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/camera/camera.js +58 -6
- package/dist/collection/components/floating-panel/floating-panel.css +1 -0
- package/dist/collection/components/floating-panel/floating-panel.js +3 -3
- package/dist/collection/components/image-viewer/image-viewer.css +139 -2
- package/dist/collection/components/image-viewer/image-viewer.js +10 -5
- package/dist/collection/components/index-bar/index-bar.js +2 -2
- package/dist/collection/components/keyboard/keyboard.js +1 -1
- package/dist/collection/components/loading/loading.js +1 -1
- package/dist/collection/components/media-capture/media-capture.js +1 -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.css +5 -2
- package/dist/collection/components/stepper/stepper.js +32 -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 +5 -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.css +2 -5
- package/dist/collection/components/virtual-list/virtual-list.js +33 -6
- package/dist/collection/utils/native/camera-preview.js +1 -1
- package/dist/collection/utils/native/image-picker.js +12 -2
- package/dist/cty-mui/cty-mui.esm.js +1 -1
- package/dist/cty-mui/index.esm.js +1 -1
- package/dist/cty-mui/{p-36619007.entry.js → p-09bacf31.entry.js} +1 -1
- package/dist/cty-mui/p-113bbc57.entry.js +1 -0
- package/dist/cty-mui/{p-14d54127.system.entry.js → p-19154758.system.entry.js} +1 -1
- package/dist/cty-mui/p-212b7176.entry.js +1 -0
- package/dist/cty-mui/{p-99ce288e.entry.js → p-2788723f.entry.js} +1 -1
- package/dist/cty-mui/p-280c5fc9.system.entry.js +1 -0
- package/dist/cty-mui/{p-1d3aca02.entry.js → p-2aee1302.entry.js} +1 -1
- package/dist/cty-mui/{p-adc25955.system.entry.js → p-307f8af0.system.entry.js} +1 -1
- package/dist/cty-mui/{p-d4915a3a.system.entry.js → p-32fda949.system.entry.js} +1 -1
- package/dist/cty-mui/{p-a586fcb6.entry.js → p-36dfb017.entry.js} +1 -1
- package/dist/cty-mui/{p-afc54cf3.entry.js → p-38aa5d20.entry.js} +1 -1
- package/dist/cty-mui/{p-55a730c1.system.entry.js → p-38aa83ec.system.entry.js} +1 -1
- package/dist/cty-mui/{p-5ea1965a.system.entry.js → p-422e9688.system.entry.js} +1 -1
- package/dist/cty-mui/p-432bfb8b.system.entry.js +4 -0
- package/dist/cty-mui/{p-e55ab7ee.entry.js → p-46da49d4.entry.js} +1 -1
- package/dist/cty-mui/{p-71a51c66.system.entry.js → p-493bcff8.system.entry.js} +1 -1
- package/dist/cty-mui/{p-d62ba819.system.entry.js → p-506fd54f.system.entry.js} +1 -1
- package/dist/cty-mui/{p-1078ee6a.system.entry.js → p-593ff7f5.system.entry.js} +1 -1
- package/dist/cty-mui/{p-3080e6c5.entry.js → p-59c2ba2b.entry.js} +1 -1
- package/dist/cty-mui/{p-c3bb2f2a.entry.js → p-62167dcd.entry.js} +1 -1
- package/dist/cty-mui/{p-b00db557.system.entry.js → p-63a9ed6a.system.entry.js} +1 -1
- package/dist/cty-mui/{p-2518352c.system.entry.js → p-63f73f69.system.entry.js} +1 -1
- package/dist/cty-mui/p-6a0ca54c.system.entry.js +1 -0
- package/dist/cty-mui/p-6bf50d2d.entry.js +5 -0
- package/dist/cty-mui/{p-edc23b12.system.entry.js → p-6c4fd05d.system.entry.js} +1 -1
- package/dist/cty-mui/{p-ddd7a69a.system.entry.js → p-6d6b6673.system.entry.js} +1 -1
- package/dist/cty-mui/{p-844ef4f2.system.entry.js → p-6f8e5488.system.entry.js} +1 -1
- package/dist/cty-mui/p-71ad5b55.entry.js +1 -0
- package/dist/cty-mui/p-722774b8.entry.js +1 -0
- package/dist/cty-mui/{p-90f8d468.system.entry.js → p-78453bfe.system.entry.js} +1 -1
- package/dist/cty-mui/{p-a88f7145.system.entry.js → p-785345b0.system.entry.js} +1 -1
- package/dist/cty-mui/{p-a8ada422.system.entry.js → p-7a247c3c.system.entry.js} +1 -1
- package/dist/cty-mui/{p-c36ad14e.entry.js → p-7da45a22.entry.js} +1 -1
- package/dist/cty-mui/{p-c2833f8f.entry.js → p-8a9b07aa.entry.js} +1 -1
- package/dist/cty-mui/{p-a5537cb3.system.entry.js → p-9b29ae81.system.entry.js} +1 -1
- package/dist/cty-mui/{p-8b03016d.entry.js → p-9b871c8b.entry.js} +1 -1
- package/dist/cty-mui/{p-5a33becc.entry.js → p-9c6a1a8e.entry.js} +1 -1
- package/dist/cty-mui/{p-Dty0N6Ky.system.js → p-B3jWXqo2.system.js} +1 -1
- package/dist/cty-mui/p-BInSqJtk.system.js +1 -0
- package/dist/cty-mui/p-BS5AYmeF.js +1 -0
- package/dist/cty-mui/{p-CcRtmdkf.system.js → p-BmrwhKbs.system.js} +1 -1
- package/dist/cty-mui/p-Cegbc1c7.system.js +1 -1
- package/dist/cty-mui/{p-5645d522.system.entry.js → p-a1909b50.system.entry.js} +1 -1
- package/dist/cty-mui/{p-cdee2447.system.entry.js → p-a2d2f9a3.system.entry.js} +1 -1
- package/dist/cty-mui/{p-f4775bbd.system.entry.js → p-a94a17dd.system.entry.js} +1 -1
- package/dist/cty-mui/{p-d0c16dfb.system.entry.js → p-ab05a712.system.entry.js} +1 -1
- package/dist/cty-mui/{p-587210af.system.entry.js → p-ae0063ec.system.entry.js} +1 -1
- package/dist/cty-mui/{p-cbd8842f.system.entry.js → p-ae61ce14.system.entry.js} +1 -1
- package/dist/cty-mui/{p-a02134a3.entry.js → p-afbfb654.entry.js} +1 -1
- package/dist/cty-mui/{p-0e982b61.system.entry.js → p-b2a51fa6.system.entry.js} +1 -1
- package/dist/cty-mui/{p-9ba0f75c.entry.js → p-b38e30aa.entry.js} +1 -1
- package/dist/cty-mui/{p-97d899b3.entry.js → p-b5d222a3.entry.js} +1 -1
- package/dist/cty-mui/{p-5528eb5e.entry.js → p-ba50ffbb.entry.js} +1 -1
- package/dist/cty-mui/{p-fd7e26fd.entry.js → p-bd15bdaa.entry.js} +1 -1
- package/dist/cty-mui/{p-8e03fe9c.entry.js → p-c021a07b.entry.js} +1 -1
- package/dist/cty-mui/{p-3e894981.entry.js → p-c374511d.entry.js} +1 -1
- package/dist/cty-mui/{p-62a9c160.entry.js → p-c46f0ac3.entry.js} +1 -1
- package/dist/cty-mui/{p-5029b2d1.entry.js → p-c9ad48be.entry.js} +1 -1
- package/dist/cty-mui/{p-f9f7ee85.entry.js → p-df53aafa.entry.js} +1 -1
- package/dist/cty-mui/{p-9cf3001f.system.entry.js → p-ec0106a5.system.entry.js} +1 -1
- package/dist/cty-mui/{p-b0056ff5.entry.js → p-f037a2aa.entry.js} +1 -1
- package/dist/cty-mui/{p-4f60b693.entry.js → p-f0ebd9ba.entry.js} +1 -1
- package/dist/cty-mui/p-ff0f839d.system.entry.js +1 -0
- package/dist/cty-mui/p-khnuCOA-.js +1 -0
- package/dist/docs.json +134 -4
- package/dist/esm/{camera-preview-SS7McUtz.js → camera-preview-khnuCOA-.js} +1 -1
- package/dist/esm/cty-camera-photo.entry.js +1 -1
- package/dist/esm/cty-camera_2.entry.js +20 -8
- package/dist/esm/cty-floating-panel.entry.js +4 -4
- package/dist/esm/cty-image-viewer_6.entry.js +15 -7
- package/dist/esm/cty-index-bar.entry.js +2 -2
- package/dist/esm/cty-keyboard.entry.js +1 -1
- package/dist/esm/cty-loading.entry.js +1 -1
- package/dist/esm/cty-media-capture.entry.js +1 -1
- 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 +9 -2
- 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 +11 -7
- package/dist/esm/{image-picker-FShbNAm_.js → image-picker-CslKfwO_.js} +12 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm-es5/camera-preview-khnuCOA-.js +1 -0
- package/dist/esm-es5/cty-camera-photo.entry.js +1 -1
- package/dist/esm-es5/cty-camera_2.entry.js +1 -1
- package/dist/esm-es5/cty-floating-panel.entry.js +1 -1
- package/dist/esm-es5/cty-image-viewer_6.entry.js +2 -2
- package/dist/esm-es5/cty-index-bar.entry.js +1 -1
- package/dist/esm-es5/cty-keyboard.entry.js +1 -1
- package/dist/esm-es5/cty-loading.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/image-picker-CslKfwO_.js +1 -0
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/types/components/camera/camera.d.ts +2 -0
- package/dist/types/components/image-viewer/image-viewer.d.ts +1 -0
- package/dist/types/components/stepper/stepper.d.ts +1 -0
- package/dist/types/components/swiper/swiper.d.ts +1 -0
- package/dist/types/components/virtual-list/virtual-list.d.ts +1 -1
- package/dist/types/components.d.ts +8 -0
- package/dist/types/utils/native/camera-preview.d.ts +6 -1
- package/dist/types/utils/native/image-picker.d.ts +5 -0
- package/package.json +2 -2
- package/dist/cty-mui/p-1cb056b2.system.entry.js +0 -1
- package/dist/cty-mui/p-215219ca.entry.js +0 -1
- package/dist/cty-mui/p-68d73325.entry.js +0 -5
- package/dist/cty-mui/p-6dddba8f.system.entry.js +0 -1
- package/dist/cty-mui/p-751ca0a3.system.entry.js +0 -4
- package/dist/cty-mui/p-C6cVxtBr.system.js +0 -1
- package/dist/cty-mui/p-D0fcC0rL.js +0 -1
- package/dist/cty-mui/p-SS7McUtz.js +0 -1
- package/dist/cty-mui/p-db2289f6.entry.js +0 -1
- package/dist/cty-mui/p-ea36cfac.entry.js +0 -1
- package/dist/cty-mui/p-f57da567.system.entry.js +0 -1
- package/dist/cty-mui/p-ff4436a4.entry.js +0 -1
- package/dist/esm-es5/camera-preview-SS7McUtz.js +0 -1
- package/dist/esm-es5/image-picker-FShbNAm_.js +0 -1
package/components/camera.js
CHANGED
|
@@ -33,6 +33,8 @@ const Camera = /*@__PURE__*/ proxyCustomElement(class Camera extends HTMLElement
|
|
|
33
33
|
this.width = 0;
|
|
34
34
|
this.height = 0;
|
|
35
35
|
this.quality = 85;
|
|
36
|
+
this.includeThumb = true;
|
|
37
|
+
this.thumbWidth = 120;
|
|
36
38
|
this.file = true;
|
|
37
39
|
this.max = 9;
|
|
38
40
|
this.flipText = '翻转';
|
|
@@ -129,14 +131,24 @@ const Camera = /*@__PURE__*/ proxyCustomElement(class Camera extends HTMLElement
|
|
|
129
131
|
return cameraPreview.setZoom(idx === 0 ? 0 : Math.min(zoom, maxZoom));
|
|
130
132
|
}
|
|
131
133
|
async takePhoto() {
|
|
132
|
-
const { quality, width, height, file, max, pictures } = this;
|
|
134
|
+
const { quality, width, height, includeThumb, thumbWidth, file, max, pictures } = this;
|
|
133
135
|
if (max > 0 && pictures.length >= max || this.currentPhotoMode === 'single' && this.pictures.length > 0 || this.isTakingPhoto) {
|
|
134
136
|
return;
|
|
135
137
|
}
|
|
136
138
|
this.isTakingPhoto = true;
|
|
137
|
-
const data = await cameraPreview.takePicture({ width, height, quality });
|
|
138
|
-
|
|
139
|
-
|
|
139
|
+
const data = await cameraPreview.takePicture({ width, height, quality, includeThumb, thumbWidth });
|
|
140
|
+
let uri = '';
|
|
141
|
+
let thumbnail = '';
|
|
142
|
+
if (data && typeof data === 'object') {
|
|
143
|
+
uri = data.image;
|
|
144
|
+
thumbnail = data.thumbnail;
|
|
145
|
+
}
|
|
146
|
+
else {
|
|
147
|
+
uri = data;
|
|
148
|
+
}
|
|
149
|
+
const result = await imagePicker.formatPictureResult(file, uri);
|
|
150
|
+
const thumbResult = await imagePicker.formatPictureResult(file, thumbnail);
|
|
151
|
+
this.pictures = [...pictures, Object.assign(Object.assign({}, result), { thumbnail: thumbResult.url })];
|
|
140
152
|
this.ctyTakePhoto.emit(result);
|
|
141
153
|
this.isTakingPhoto = false;
|
|
142
154
|
if (this.currentPhotoMode === 'single') {
|
|
@@ -172,7 +184,7 @@ const Camera = /*@__PURE__*/ proxyCustomElement(class Camera extends HTMLElement
|
|
|
172
184
|
this.closeImageViewer(e);
|
|
173
185
|
}
|
|
174
186
|
confirm() {
|
|
175
|
-
this.ctyConfirm.emit(this.pictures);
|
|
187
|
+
this.ctyConfirm.emit(this.pictures.map(({ url, data }) => ({ url, data })));
|
|
176
188
|
}
|
|
177
189
|
deleteLastPicture() {
|
|
178
190
|
const pictures = [...this.pictures];
|
|
@@ -226,7 +238,7 @@ const Camera = /*@__PURE__*/ proxyCustomElement(class Camera extends HTMLElement
|
|
|
226
238
|
}
|
|
227
239
|
render() {
|
|
228
240
|
const { title, closeIcon, flash, flipText, flashText, ratioText, ratios, ratioIndex, zoomIndex, zooms, mode, singleText, multipleText, currentPhotoMode, confirmIcon, confirmText, deleteIcon, pictures, showImageViewer, imageViewerIndex, touchZoom, currentZoom } = this;
|
|
229
|
-
return (h(Host, { key: '
|
|
241
|
+
return (h(Host, { key: 'f2dbbeee10fef4293fa66a78076f751893d93608', class: "cty-camera", onClick: (e) => e.stopPropagation() }, h("cty-nav-bar", { key: '054634ffc50db9a53cf9120e1546f0ab1519a179', title: title, type: "clear" }, h("slot", { key: '1440253fbb8a78ef418ffba4971eb2548832e7db', name: "header-start", slot: "start" }, !!closeIcon && h("ion-button", { key: '49f8467e23a693abcd3213c403fe308f46600293', class: "cty-camera__close", onClick: () => this.close() }, h("cty-icon", { key: 'dcdf35990d7609c0fd4fe720d2166d864bd62946', class: "cty-camera__close-icon", name: closeIcon })))), h("div", { key: 'a07a80a5039e04174bffd5223883f2c97ab21314', class: "cty-camera-main", onTouchStart: (e) => this.touchstart(e), onTouchMove: (e) => this.touchmove(e), onTouchEnd: (e) => this.touchend(e) }, h("div", { key: '1105f0e3ba35b3076057f3d61f8a94e7c449079c', class: "cty-camera-widgets", part: "widgets" }, !!flipText && h("button", { key: 'c9206213c57615b8d0228d16d9e2ab50c93ce2f7', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.flipCamera() }, h("cty-icon", { key: 'd0490581bf68da9fcbe8d661771a016e096aa4e6', class: "cty-camera-widget__icon", name: "cty-flip" }), !!flipText && h("span", { key: '57d763faca03d9f713f6eb73c24daf2a6b6b4057', class: "cty-camera-widget__text" }, flipText)), !!flashText && h("button", { key: '8c2e80d3f1dc0136b2b1bd8a27df12c950f81e2f', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.toggleFlash() }, h("cty-icon", { key: 'ff771e3b1c75d0e4a4c797d6ce0d7e7aec93f097', class: "cty-camera-widget__icon", name: flash ? 'cty-flash-on' : 'cty-flash-off' }), !!flashText && h("span", { key: 'c15e58dc18a185c5b99303f821447e31cde5c02d', class: "cty-camera-widget__text" }, flashText)), !!ratioText && h("button", { key: '67f70b3a009c2761fe3b0c1c4d8ab844972420f5', class: "cty-button-native cty-camera-widget", part: "ratio", onClick: () => this.ratioChange() }, h("span", { key: '0c5be61834b53c2281eba2912d47d083d5f16403', class: "cty-camera-widget__ratio flex-center" }, ratios[ratioIndex]), !!ratioText && h("span", { key: 'd75675b27ac00ad662cf687dbec16d1d607932a6', class: "cty-camera-widget__text" }, ratioText)))), h("div", { key: 'ea3852cbb926abb151942500a140a78d8b3ee712', class: "cty-camera-controls safe-area-bottom-padding" }, mode == 'both' && pictures.length <= 0 && h("div", { key: '15d0990b2dbacab7d81b73f0aac8766106d93226', class: "cty-camera-controls__mode flex-center", part: "mode" }, h("button", { key: 'ae5a5de840f895568d2ed72ca12d14d6e028bebe', 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: '33109a8369c68dfd902e9b0ad7a36a6e571fddb5', 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: 'cecb11c3b01fdc6c2b207bf846674c9816535004', name: "zooms" }, !touchZoom && zooms.length > 0 && h("div", { key: '32d91389660d8ab71c91777a85c6093d700eae73', 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: '2979d870a22334d7329b122eb5eb32737fd48b58', class: "cty-camera-controls__zooms flex-center", part: "zooms" }, h("div", { key: 'fcb6e01d6e9913c810e02b08f172e1eaecaf42a6', class: { 'cty-camera-controls__zoom-item flex-center cty-camera-controls__zoom-item__active': true }, onClick: () => this.resetZoom() }, h("span", { key: '5b413b10485d7b5cf0c41e2ca47a4834c812da09', class: "cty-camera-controls__zoom-text flex-center" }, currentZoom, "X")))), h("div", { key: '4907c6ed45def804b5d4b8072e33dd77d8ddf750', class: "cty-camera-controls__main flex-center" }, h("div", { key: 'ea116cc9eb7bc8b49775f0cc76c0047cbe50f5ff', class: "cty-camera-controls__main-left flex-center" }), h("div", { key: 'ff332ec62a18093c632cfb9bfb693999cdfe0b26', class: "cty-camera-controls__take-photo flex-center" }, h("button", { key: '2e1dd2ac2fb3d916d80a18920005fe13eb5447ac', class: "cty-button-native cty-camera-controls__take-photo-button", part: "take-photo", onClick: () => this.takePhoto() })), h("div", { key: '3414c6ed97b0a361804161c6bb3ccee75b719565', class: "cty-camera-controls__main-confirm flex-center" }, currentPhotoMode !== 'single' && pictures.length > 0 && !!deleteIcon && h("button", { key: '1ca16002c7d041af5e289936140379c81a60ff1a', class: "cty-camera-controls__main-delete cty-button-native flex-column-center", onClick: () => this.deleteLastPicture() }, h("cty-icon", { key: '52809317515b8b9c967a7d19b97230bf38f902ee', class: "cty-camera-controls__main-delete-icon", name: deleteIcon })), currentPhotoMode !== 'single' && pictures.length > 0 && h("button", { key: 'dca02780b3f7af11b5b538af4f039f9e0308449d', class: "cty-button-native flex-column-center", onClick: () => this.confirm() }, h("cty-icon", { key: '40c8d5ac9859f76e01ef23c80b71d6d22ab0bd1f', class: "cty-camera-controls__main-confirm-icon", name: confirmIcon }), confirmText && h("span", { key: '92186800f1c93464c5c38e190bcfec43444f80a7', class: "cty-camera-controls__main-confirm-text" }, confirmText)))), h("slot", { key: '17a6034ad5c152cdb575f79d1f74ba435eb503e0', name: "images" }, h("div", { key: 'eb7429358baf366ee7a34d0f6b84d9bc9daf150a', 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: 'bae500ca714d13cbca2bf1ff03209cec29612e06', images: pictures.map(item => item.url), initialSlide: imageViewerIndex, overlayIndex: 100, backdropDismiss: false, closeable: false, onCtyDismiss: (e) => this.closeImageViewer(e) }, currentPhotoMode !== 'multiple' && h("div", { key: '10b99a568c83aaa375c061f5a060018cdbcc0e99', class: "cty-camera-viewer__single flex-center-between", slot: "pager" }, h("button", { key: '3b3b52f74c5115aa8be3460621f4a02db00ce9c9', class: "cty-camera-viewer__single-close cty-button-native", onClick: (event) => this.closeSingleImageViewer(event) }, h("cty-icon", { key: '006d14a44c03870f4b17dc4e5cb0f0eb16bc9504', name: "cty-close2" })), h("button", { key: 'db9707996bf8bba7211792c5f4e66282080f9008', class: "cty-camera-viewer__single-confirm cty-button-native", onClick: () => this.confirm() }, h("cty-icon", { key: 'a8db29743f5d6c043fbda19265432ac0e89eb168', name: "cty-tick" }))), currentPhotoMode !== 'multiple' && h("i", { key: '091022dccdf8a1796b175be4a001de06bbdadc6e', slot: "close" }))));
|
|
230
242
|
}
|
|
231
243
|
get el() { return this; }
|
|
232
244
|
static get style() { return cameraCss; }
|
|
@@ -239,6 +251,8 @@ const Camera = /*@__PURE__*/ proxyCustomElement(class Camera extends HTMLElement
|
|
|
239
251
|
"width": [2],
|
|
240
252
|
"height": [2],
|
|
241
253
|
"quality": [2],
|
|
254
|
+
"includeThumb": [4, "include-thumb"],
|
|
255
|
+
"thumbWidth": [2, "thumb-width"],
|
|
242
256
|
"file": [4],
|
|
243
257
|
"max": [2],
|
|
244
258
|
"flipText": [1, "flip-text"],
|
|
@@ -5,7 +5,7 @@ import { j as remove } from './index2.js';
|
|
|
5
5
|
import { d as defineCustomElement$3 } from './icon.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './icon2.js';
|
|
7
7
|
|
|
8
|
-
const floatingPanelCss = "*{-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}:host{--cty-floating-panel-content-background:var(--cty-color-white);--cty-floating-panel-header-height:30px;--cty-floating-panel-bar-width:30px;--cty-floating-panel-bar-color:var(--cty-text-color-primary);position:fixed;z-index:10;bottom:0;left:0;width:100%;background-color:var(--cty-color-white);border-radius:var(--cty-border-radius-round) var(--cty-border-radius-round) 0 0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:cubic-bezier(0.18, 0.89, 0.32, 1.28);transition-timing-function:cubic-bezier(0.18, 0.89, 0.32, 1.28)}:host::after{content:\"\";display:block;position:absolute;bottom:-100vh;height:100vh;width:100vw;background-color:inherit}.cty-floating-panel__header{width:100%;height:var(--cty-floating-panel-header-height);cursor:pointer}.cty-floating-panel__header-bar{font-size:var(--cty-floating-panel-bar-width);color:var(--cty-floating-panel-bar-color)}.cty-floating-panel__content{-ms-flex:1;flex:1;overflow-y:auto;width:100%;background:var(--cty-floating-panel-content-background)}";
|
|
8
|
+
const floatingPanelCss = "*{-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}:host{--cty-floating-panel-content-background:var(--cty-color-white);--cty-floating-panel-header-height:30px;--cty-floating-panel-bar-width:30px;--cty-floating-panel-bar-color:var(--cty-text-color-primary);position:fixed;z-index:10;bottom:0;left:0;width:100%;background-color:var(--cty-color-white);border-radius:var(--cty-border-radius-round) var(--cty-border-radius-round) 0 0;-webkit-transition-property:none;transition-property:none;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:cubic-bezier(0.18, 0.89, 0.32, 1.28);transition-timing-function:cubic-bezier(0.18, 0.89, 0.32, 1.28)}:host::after{content:\"\";display:block;position:absolute;bottom:-100vh;height:100vh;width:100vw;background-color:inherit}.cty-floating-panel__header{width:100%;height:var(--cty-floating-panel-header-height);cursor:pointer}.cty-floating-panel__header-bar{font-size:var(--cty-floating-panel-bar-width);color:var(--cty-floating-panel-bar-color)}.cty-floating-panel__content{-ms-flex:1;flex:1;overflow-y:auto;width:100%;background:var(--cty-floating-panel-content-background)}";
|
|
9
9
|
|
|
10
10
|
const FloatingPanel = /*@__PURE__*/ proxyCustomElement(class FloatingPanel extends HTMLElement {
|
|
11
11
|
constructor() {
|
|
@@ -100,15 +100,15 @@ const FloatingPanel = /*@__PURE__*/ proxyCustomElement(class FloatingPanel exten
|
|
|
100
100
|
return moveY;
|
|
101
101
|
}
|
|
102
102
|
render() {
|
|
103
|
-
return (h(Host, { key: '
|
|
103
|
+
return (h(Host, { key: '2d14123d617d72dc55d2d0985c96356136ef31ee', class: "cty-floating-panel flex-column", onTouchStart: (e) => this.dragStart(e), onTouchMove: (e) => this.dragMove(e), onTouchEnd: () => this.dragEnd(), onMouseDown: (e) => this.dragStart(e), onMouseMove: (e) => this.dragMove(e), onMouseUp: () => this.dragEnd() }, h("div", { key: '641a8326446112be8c8b2648e4beec20a62b4ee4', class: "cty-floating-panel__header flex-center", onTouchStart: () => {
|
|
104
104
|
this.setContentTouched(false);
|
|
105
105
|
}, onMouseDown: () => {
|
|
106
106
|
this.setContentTouched(false);
|
|
107
|
-
} }, h("slot", { key: '
|
|
107
|
+
} }, h("slot", { key: 'd18478ad493c3dbe4d43272c5c6ab47f66352d71', name: "icon-start" }), this.icon && h("cty-icon", { key: 'a283b28aa84e3690ffdebf8a4e2300935412d757', class: "cty-floating-panel__header-bar", name: this.icon }), h("slot", { key: '4afa066649dc4f0a0560d7c6f0b6ae04062ed19c', name: "icon-end" })), h("div", { key: '6ab596de7f2cc199e05fa35dfff2b1ecf8961c05', class: "cty-floating-panel__content", ref: (el) => (this.contentRef = el), onTouchStart: () => {
|
|
108
108
|
this.setContentTouched(true);
|
|
109
109
|
}, onMouseDown: () => {
|
|
110
110
|
this.setContentTouched(true);
|
|
111
|
-
} }, h("slot", { key: '
|
|
111
|
+
} }, h("slot", { key: 'b30f4baa0659d53c5012092f324d10e64f7207e1' }))));
|
|
112
112
|
}
|
|
113
113
|
get el() { return this; }
|
|
114
114
|
static get style() { return floatingPanelCss; }
|
|
@@ -92,10 +92,10 @@ const IndexBar = /*@__PURE__*/ proxyCustomElement(class IndexBar extends HTMLEle
|
|
|
92
92
|
this.ctyScrollToPoint.emit(index);
|
|
93
93
|
}
|
|
94
94
|
render() {
|
|
95
|
-
return (h(Host, { key: '
|
|
95
|
+
return (h(Host, { key: 'bc00b8af843eb3a42d82e8e726c659ce667c8c20', class: "cty-index-bar" }, h("div", { key: '46a8872b25852e21753d3e2d607abe1b56746345', class: "cty-index-bar__list" }, this.indexList.map((item, idx) => {
|
|
96
96
|
var _a;
|
|
97
97
|
return h("div", { class: "cty-index-bar__item" }, h("div", { part: "header", class: { 'cty-index-bar__item-header': true, 'cty-index-bar__item-header-active': this.alphabet === item.belong }, style: { position: this.sticky ? 'sticky' : 'initial', 'top': this.stickyTop + 'px' } }, h("span", null, item.belong), this.sum && h("span", { class: "cty-index-bar__item-header-sum" }, "(", item.sum, ")")), h("slot", { name: (_a = item.slot) !== null && _a !== void 0 ? _a : `${idx}` }));
|
|
98
|
-
})), h("div", { key: '
|
|
98
|
+
})), h("div", { key: 'ff56f582d6061e2d64a3a26deb39f0a811a742e1', class: "cty-index-bar__sidebar", part: "sidebar" }, this.alphabets.map((item, i) => h("button", { class: { 'cty-index-bar__index cty-button-native': true, 'cty-index-bar__index-active': this.alphabet === item }, onClick: () => this.scrollToIndex(i), onKeyUp: (e) => this.onKeyUp(e, i), tabindex: "0" }, item)))));
|
|
99
99
|
}
|
|
100
100
|
get el() { return this; }
|
|
101
101
|
static get watchers() { return {
|
|
@@ -65,7 +65,7 @@ const Keyboard = /*@__PURE__*/ proxyCustomElement(class Keyboard extends HTMLEle
|
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
render() {
|
|
68
|
-
return (h(Host, { key: '
|
|
68
|
+
return (h(Host, { key: '756612330eb4802d2c00f86270518a22f129a559' }));
|
|
69
69
|
}
|
|
70
70
|
get el() { return this; }
|
|
71
71
|
static get style() { return keyboardCss; }
|
|
@@ -82,7 +82,7 @@ const Loading = /*@__PURE__*/ proxyCustomElement(class Loading extends HTMLEleme
|
|
|
82
82
|
return this.spinnerComponents[this.spinner] || null;
|
|
83
83
|
}
|
|
84
84
|
render() {
|
|
85
|
-
return (h(Host, { key: '
|
|
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
86
|
}
|
|
87
87
|
get el() { return this; }
|
|
88
88
|
static get watchers() { return {
|
|
@@ -115,7 +115,7 @@ const MediaCapture = /*@__PURE__*/ proxyCustomElement(class MediaCapture extends
|
|
|
115
115
|
}
|
|
116
116
|
render() {
|
|
117
117
|
const captureDuration = secondsToVehicle(this.captureDuration);
|
|
118
|
-
return (h(Host, { key: '
|
|
118
|
+
return (h(Host, { key: '41cd3b9c071abf32b0428b62c62978c1b30cdf5e', class: { 'cty-media-capture': true, 'cty-media-captured': this.isCaptured } }, h("div", { key: '131fd33826409aae41e4e0ef8433f38010a49c23', class: "cty-media-capture__header" }, h("button", { key: 'a2c93c5e1389f0d376493d6015749dadd8cdf639', onClick: () => this.doHeaderAction(), class: "cty-button-native" }, h("cty-icon", { key: '152d631296205e667c42077c2298d600483661ed', class: "cty-capture__close-icon", name: this.isCaptured ? this.revocationIcon : this.closeIcon })), this.captureTime && (this.isCaptured || this.capturing) && (h("span", { key: '7313ce3898f26261f5223a4e9ed81ef8f3000d75', class: { 'cty-media-capture__time': true, 'cty-media-capture__time-active': this.capturing } }, captureDuration))), this.isCaptured && (h("video", { key: '698056a0a60d562bfeeb3fa8c91a3f1ab23c3a42', 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) })), h("div", { key: '0a9f675c5d461dcc65cbd1e53f99a87ae38283b8', class: "cty-media-capture__footer flex-center" }, !this.isCaptured && (h("button", { key: 'afce2cd74e03beeb38804e5aeb7a6574406ac335', class: "cty-media-capture__switch cty-button-native", onClick: () => this.doCapture() }, h("span", { key: 'a973a14eab73f918fbf8a9a8c10e28a0c0228dcd', class: { 'cty-media-capture__status': true, 'cty-media-capture__status-active': this.capturing } }))), this.isCaptured && (h("button", { key: '159a4f9d93e976f8c60fc43433387dfb448fbab8', class: "cty-media-capture__confirm cty-button-native", onClick: () => this.confirm() }, this.confirmText))), h("slot", { key: '6722138ab3c5824b80478fffb871910491ae97d8' })));
|
|
119
119
|
}
|
|
120
120
|
get el() { return this; }
|
|
121
121
|
static get style() { return mediaCaptureCss; }
|
|
@@ -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: 'd49e29d973b13c99e47e2f0642e537480540da6e', class: "cty-notice-bar flex-align-center" }, this.startIcon && h("button", { key: 'c2afe7476cba33e01abee2314760477cf8eb3e9f', part: "start", class: "cty-button-native", onClick: (e) => this.doIconAction(e, 'start') }, h("cty-icon", { key: '9f1acb695183c59ecfe3f78c7ab3553a28d94127', name: this.startIcon, class: "cty-notice-bar__start-icon" })), h("slot", { key: '3433798c43db564cce542d953c9797e788ddd39e', name: 'start' }), h("div", { key: 'ad7a29de39ebb0b3db4feddfa09b143a0cd31deb', class: "cty-notice-bar__wrap flex-align-center", ref: el => this.wrapRefEl = el }, h("div", { key: '8c47634eac63f04e7dea54a7f65c3a74f9531995', class: { 'cty-ellipsis': !this.scrollable, 'cty-notice-bar__content': true }, ref: el => this.contentEl = el }, this.text, h("slot", { key: '7863622878e28bfda0a2ccd45edff0e9f6c17f7f' }))), this.endIcon && h("button", { key: '8d0bc08eaa2fe7dfff37444ebcf89e4b2661b063', part: "start", class: "cty-button-native", onClick: (e) => this.doIconAction(e, 'end') }, h("cty-icon", { key: 'b8a6112a462ef4f445745dbd0487efaa454be261', name: this.endIcon, class: "cty-notice-bar__end-icon" })), h("slot", { key: '7b241f62ecc605436574eb5930a524db4290588e', 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: '49483c3b906cf75e91c1d2b61eaf4a49a6338ff0', class: "cty-pdf-viewer" }, h("slot", { key: '0803085a97e73fe5324e3ca2424d576e3b5f8afb' })));
|
|
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: 'e3a60e82da726bc2ea5e1e9a7e70e9370e5065cc', class: "cty-progress" }, h("span", { key: '94600114f1bca83302c725e539c7165a0ea37bcd', class: "cty-progress__portion", style: { width: this._percentage + '%' } }), this.pivot && (h("span", { key: '163d967728fad42ccf21558976059296051647b2', 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: 'eedf2912ded1785ce42d5a56ffbd722c19cf76c2', class: "cty-quick-access" }, h("slot", { key: 'b937dac3c520004915d0275fc7039b228e4bd770', name: "header" }), h("div", { key: 'ed9770f62c1f5cfa2417ff7284cbf0225bef234a', 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: '6268ab5970c1e67f71296b185ca700356794463f', name: "bottom" }), this.list.length > 1 && this.paper && (h("div", { key: '955bb9a5826a0306fe47ebb8d0aba9b027b4357d', 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: '14cfc5cfa8d565827c52269747ab7a906b62c3f7', 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: '8e1c6b8b265c3b66e8073dfc3090e697ccec5e52', 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
|
@@ -243,7 +243,7 @@ const Record = /*@__PURE__*/ proxyCustomElement(class Record extends HTMLElement
|
|
|
243
243
|
}
|
|
244
244
|
}
|
|
245
245
|
render() {
|
|
246
|
-
return (h(Host, { key: '
|
|
246
|
+
return (h(Host, { key: '556cdb86bd63b62816cb89818190228c52d8d8d8', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: 'bee3a2f7c86b7bf5f3f06761fe891417985b4068', position: "bottom", backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: '9527be5602415f61f056f3baeaf0275a4dc44fe6', class: "cty-record safe-area-bottom-padding flex-center-column", onClick: (e) => e.stopPropagation() }, h("slot", { key: '1fe5cc5e139bb4ec42244ced2270a3cf2c3e113e', name: "header" }), this.closeable && (h("div", { key: '04d2c25c820bdc64943daae12292d621d8cd5383', class: "cty-record__close", onClick: () => this.handleCloseRecord() }, h("cty-icon", { key: '162424da884c1cf55342a86cb691ad0db327d858', name: closeOutline }))), h("p", { key: 'ff181c686dac3ec898a489b30aafb1db9f6067ad', class: "cty-record__desc" }, this.recordDescription), h("p", { key: '6759573c3c03b1d44090009a69428fa4a77b8691', class: "cty-record__time" }, this.recordDuration), h("div", { key: '99415f931360ba8dfb405de8bdb9d29eb3c80280', class: "cty-record__main flex-align-end-center" }, this.recorded && (h("button", { key: 'cc6d08f81f0795a042d38164b206326c38f6db50', class: "cty-record__redo flex-column-center cty-button-native", onClick: () => this.restartRecording() }, h("cty-icon", { key: 'd99c2b4ff8ba05fed08cd6aac8c08d0370ee73a0', name: "cty-redo", class: "flex-center" }), h("span", { key: 'c8c46fd7e531ca66876860bd5faf4c73d393219c' }, "\u91CD\u5F55"))), !this.recording && (h("button", { key: 'b13016f2838e3d919efcc9436e9cb915d135aaa8', class: "cty-record__button cty-button-native", onClick: () => this.handleRecordAction() }, !this.auditioning && !this.recorded && h("cty-icon", { key: '4ede33fab02cb3b9bd72998fd7a5b2ba7a7a55a0', name: "cty-record" }), this.auditioning && this.recorded && h("cty-icon", { key: 'f98951cb9bb37dd9b00b9972994b114d3decd82f', name: "cty-pause" }), !this.auditioning && this.recorded && h("cty-icon", { key: '0a763ec0c5e7a8fc2290404572568f716df1461b', name: "cty-play" }))), this.recording && (h("div", { key: 'd90681227b5fd7cd74f86afebe5d2e344e62523c', class: "cty-record__recording flex-center", onClick: () => this.stopRecording() }, h("cty-circle", { key: '06a4d9fb4c8f9bfbea564f347d66f5713e042fec', rate: (this.recordSecond / this.maxSeconds) * 100, width: this.circleWidth, color: this.circleColor }), h("cty-icon", { key: 'd91c552c079dd366f65f30d19ec456223f36c76e', name: "cty-pause" }))), this.recorded && (h("button", { key: '6eaeb7b21c8e132e59f8e787743cd46b14d115d1', class: "cty-record__yes flex-column-center cty-button-native", onClick: () => this.confirmRecording() }, h("cty-icon", { key: '7935637594d073b55acd03a3dd0307752f63ede8', name: "cty-yes", class: "flex-center" }), h("span", { key: 'b6fce3e09621b279425ec904e7fdf6a4bbe4f1ee' }, "\u786E\u5B9A")))), !this.auditioning && !this.recorded && !this.recording && h("p", { key: '44824182d92c019216b6733d4ed08dc5e1cebf77', class: "cty-record__send" }, "\u4EC5\u53D1\u9001\u8BED\u97F3"), (this.auditioning || this.recorded || this.recording) && h("p", { key: '06db04189352945f562777fdf3055ae7f05e4bdd', class: "cty-record__status" }, this.recordState))), h("ion-toast", { key: '14c28883202ecc8db791e46eca0b7566198337e4', isOpen: this.toastOptions.isOpen, message: this.toastOptions.message, duration: 2000, position: "middle", onIonToastWillDismiss: () => (this.toastOptions.isOpen = false) }), this.showWarning && h("cty-alert", { key: '779095cbd7ade8a824e18b11311d065f2ea9a8fd', 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: '566e4feab82b68055913e3592a5f85542c56803a', slot: "close", class: "cty--record__alert-close cty-button-native", onClick: () => this.showWarning = false }, h("cty-icon", { key: 'de2408300a285e79db301f5997d3e790c1ae4c35', name: "cty-close2" })))));
|
|
247
247
|
}
|
|
248
248
|
get el() { return this; }
|
|
249
249
|
static get watchers() { return {
|
|
@@ -67,7 +67,7 @@ const SegmentSlides = /*@__PURE__*/ proxyCustomElement(class SegmentSlides exten
|
|
|
67
67
|
return this.slidesEl.swiper;
|
|
68
68
|
}
|
|
69
69
|
render() {
|
|
70
|
-
return (h(Host, { key: '
|
|
70
|
+
return (h(Host, { key: '1549d6ee4e22ff8afe126875ab7e8dfddc6aa198', class: "cty-segment-slides" }, h("ion-segment", { key: '75c99b604c6afe4e15ec2a6caebccece0ca1bf3c', part: "segment", class: "cty-segment-slides__segment", value: this._slideValue, onIonChange: (e) => this.segmentChanged(e), mode: "md", style: { 'top': this._top } }, h("slot", { key: 'd652d0a98d7c04bd1751d45d438cf763504ef4a7', 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", { key: '18f8cb66ddf916c3fd30e6b04a970d9f61d1ab89', 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._segments.map((_, idx) => h("swiper-slide", { part: "slide", class: "cty-segment-slides__swiper-slide" }, h("slot", { name: 'content' + idx }))))));
|
|
71
71
|
}
|
|
72
72
|
get el() { return this; }
|
|
73
73
|
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: '92f381dd5909391c30af0fad46f11c7976bcb5cd', 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: '0499adede41f853e0124a33ce6d5bacfdf04245e', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '66585199203d38c2096efc9842eadfc5f5e5bdd0', backdropDismiss: this.backdropDismiss, position: "bottom", onCtyDismiss: () => this.dismiss() }, this.guide && this.isMicroMessager && (h("div", { key: '367da32df1dc4593e9949b8026162ba6af91e562', class: "cty-share-guide", onClick: (e) => this._doGuid(e) }, h("img", { key: 'c7e4e95e0c0db875a0d84f5e083a56c762db468a', src: this.guideImg }))), h("slot", { key: '0d5079a68bd9099323040bee95bbbda5faa5cdbd', name: "share-sheet" }), !this.hiddenSheet && (h("div", { key: 'e0046e6e745f498d2d97d285b5d1c151883d2c0a', class: "cty-share-sheet safe-area-bottom-padding", onClick: (e) => e.stopPropagation() }, h("slot", { key: '68b36468429c18bb9a1bb007fbe21ab212de0e49', name: "header" }), (this.title || this.description) && (h("div", { key: '7287a4c5bc358d92848a102df8a067706ff3a4ce', class: "cty-share-sheet__header", part: "header" }, this.title && h("cty-divider", { key: '519b8c31c35976de4070fd3ff297f6fa9ac1838e' }, this.title), this.description && h("p", { key: '1ff35868f382a4692ebd42a3b7bbe3a590404e41', class: "cty-share-sheet__description" }, this.description))), h("slot", { key: 'ad10099f11a9fde890b41b33c8cb7c2407ef2c5c', name: "options" }), h("div", { key: 'b671d6dcead1b453897ffc3b20fb0ee9e8a563c3', 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: '6887207f03c86214bcc3a069653b173d2f926cfe', name: "cancel" }), this.cancelText && (h("button", { key: '1e446b5380589964f2b901511c344c45d3361285', part: "cancel", class: "cty-button-native cty-share-sheet__cancel", onClick: () => this.dismiss() }, this.cancelText))))), this.showPermissionPurpose && h("cty-permission-purpose", { key: 'd62b26be303c62dcfe0da9eb92a7eb9e85c9dd89', description: this.permissionDescription }), h("ion-toast", { key: '85f53a8dd06ec081e0e49e612e3bac8223590fdf', "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: 'f55c7869dfd2869c9b10b3cc31b40f7ab74eb311', class: 'cty-side-panel flex' }, h("div", { key: 'fa6e314e14c947f7a6d520280d3572bcd0364664', class: 'cty-side-panel-nav', part: 'nav' }, this.sideBars.map((item, index) => this.renderNavItem(item, index))), this.singleContent && h("div", { key: 'ceab76130d63b8ea99e0d84174be0bfa356bbef8', class: 'cty-side-panel-content', part: 'content' }, h("slot", { key: '6b24b445b0c3c580d414f45dfbeb7cd34a2abbec' }), h("slot", { key: '52ef343849869db4365119bab122f259b2144ef6', name: 'content' + this.value })), !this.singleContent && h("div", { key: '43926ee02ed34197dd2a865274084711b916b89b', 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; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { i as clamp } from './format.js';
|
|
3
3
|
|
|
4
|
-
const stepperCss = "*{-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-stepper-input-width:32px;--cty-stepper-input-height:28px;--cty-stepper-input-offset:0 2px;--cty-stepper-input-padding:0;--cty-stepper-input-background:var(--cty-color-light);--cty-stepper-input-font-size:var(--cty-font-size-base);--cty-stepper-input-color:var(--cty-text-color-primary);--cty-stepper-input-disabled-background:var(--cty-color-light);--cty-stepper-input-disabled-color:var(--cty-text-color-primary);--cty-stepper-input-disabled-opacity:0.6;--cty-stepper-button-width:28px;--cty-stepper-button-height:28px;--cty-stepper-button-padding:0;--cty-stepper-button-offset:0 2px;--cty-stepper-button-color:var(--cty-text-color-primary);--cty-stepper-button-background:var(--cty-color-light);--cty-stepper-button-font-size:var(--cty-font-size-extra-large);--cty-stepper-minus-border-radius:4px 0 0 4px;--cty-stepper-plus-border-radius:0 4px 4px 0;--cty-stepper-button-disabled-color:#c8c9cc;--cty-stepper-button-disabled-background:var(--cty-color-light);--cty-stepper-button-disabled-opacity:.6;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.cty-input-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:var(--cty-stepper-input-width);height:var(--cty-stepper-input-height);margin:var(--cty-stepper-input-offset)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cty-stepper_input{width:100%;height:100%;background:transparent;border:0;outline:none;text-align:center;vertical-align:middle;background:var(--cty-stepper-input-background);padding:var(--cty-stepper-input-padding);color:var(--cty-stepper-input-color);font-size:var(--cty-stepper-input-font-size)}.cty-stepper_input[disabled]{color:var(--cty-stepper-input-disabled-color);background:var(--cty-stepper-input-disabled-background);opacity:var(--cty-stepper-input-disabled-opacity);cursor:not-allowed}.cty-button-native{width:var(--cty-stepper-button-width);height:var(--cty-stepper-button-height);padding:var(--cty-stepper-button-padding);margin:var(--cty-stepper-button-offset);background:var(--cty-stepper-button-background);color:var(--cty-stepper-button-color);font-size:var(--cty-stepper-button-font-size)}.cty-button-native[disabled]{color:var(--cty-stepper-button-disabled-color);background:var(--cty-stepper-button-disabled-background);opacity:var(--cty-stepper-button-disabled-opacity);cursor:not-allowed}.cty-stepper_minus{
|
|
4
|
+
const stepperCss = "*{-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-stepper-input-width:32px;--cty-stepper-input-height:28px;--cty-stepper-input-offset:0 2px;--cty-stepper-input-padding:0;--cty-stepper-input-background:var(--cty-color-light);--cty-stepper-input-font-size:var(--cty-font-size-base);--cty-stepper-input-color:var(--cty-text-color-primary);--cty-stepper-input-disabled-background:var(--cty-color-light);--cty-stepper-input-disabled-color:var(--cty-text-color-primary);--cty-stepper-input-disabled-opacity:0.6;--cty-stepper-button-width:28px;--cty-stepper-button-height:28px;--cty-stepper-button-padding:0;--cty-stepper-button-offset:0 2px;--cty-stepper-button-color:var(--cty-text-color-primary);--cty-stepper-button-background:var(--cty-color-light);--cty-stepper-button-font-size:var(--cty-font-size-extra-large);--cty-stepper-minus-border-radius:4px 0 0 4px;--cty-stepper-plus-border-radius:0 4px 4px 0;--cty-stepper-button-disabled-color:#c8c9cc;--cty-stepper-button-disabled-background:var(--cty-color-light);--cty-stepper-button-disabled-opacity:.6;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.cty-input-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:var(--cty-stepper-input-width);height:var(--cty-stepper-input-height);margin:var(--cty-stepper-input-offset)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cty-stepper_input{width:100%;height:100%;background:transparent;border:0;outline:none;text-align:center;vertical-align:middle;background:var(--cty-stepper-input-background);padding:var(--cty-stepper-input-padding);color:var(--cty-stepper-input-color);font-size:var(--cty-stepper-input-font-size);border:var(--cty-stepper-input-border, none);border-radius:var(--cty-stepper-input-border-radius, 0)}.cty-stepper_input[disabled]{color:var(--cty-stepper-input-disabled-color);background:var(--cty-stepper-input-disabled-background);opacity:var(--cty-stepper-input-disabled-opacity);cursor:not-allowed}.cty-button-native{width:var(--cty-stepper-button-width);height:var(--cty-stepper-button-height);padding:var(--cty-stepper-button-padding);margin:var(--cty-stepper-button-offset);background:var(--cty-stepper-button-background);color:var(--cty-stepper-button-color);font-size:var(--cty-stepper-button-font-size);border:var(--cty-stepper-button-border, none)}.cty-button-native[disabled]{color:var(--cty-stepper-button-disabled-color);background:var(--cty-stepper-button-disabled-background);opacity:var(--cty-stepper-button-disabled-opacity);cursor:not-allowed}.cty-stepper_minus{border-radius:var(--cty-stepper-minus-border-radius)}.cty-stepper_plus{border-radius:var(--cty-stepper-plus-border-radius)}";
|
|
5
5
|
|
|
6
6
|
const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
@@ -28,6 +28,7 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLEleme
|
|
|
28
28
|
this.plusText = '+';
|
|
29
29
|
this.showPlus = true;
|
|
30
30
|
this.disablePlus = false;
|
|
31
|
+
this.beforeChange = () => true;
|
|
31
32
|
}
|
|
32
33
|
componentWillLoad() {
|
|
33
34
|
const value = clamp(+this.value, +this.min, +this.max);
|
|
@@ -38,6 +39,9 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLEleme
|
|
|
38
39
|
}
|
|
39
40
|
async handleMinus() {
|
|
40
41
|
const { value, min, step } = this;
|
|
42
|
+
if (this.beforeChange && !(await this.beforeChange(+value, -step))) {
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
41
45
|
let newValue = this.calculateNewValue(+value, +step, 'minus');
|
|
42
46
|
if (+newValue <= +min) {
|
|
43
47
|
newValue = min;
|
|
@@ -48,6 +52,9 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLEleme
|
|
|
48
52
|
}
|
|
49
53
|
async handlePlus() {
|
|
50
54
|
const { value, max, step } = this;
|
|
55
|
+
if (this.beforeChange && !(await this.beforeChange(+value, +step))) {
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
51
58
|
let newValue = this.calculateNewValue(+value, +step);
|
|
52
59
|
if (+newValue > +max) {
|
|
53
60
|
newValue = max;
|
|
@@ -95,7 +102,7 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLEleme
|
|
|
95
102
|
return 0;
|
|
96
103
|
}
|
|
97
104
|
render() {
|
|
98
|
-
return (h(Host, { key: '
|
|
105
|
+
return (h(Host, { key: '86b8038caecd66bd2c49f375de33199053eafb28', class: "cty-stepper" }, this.showMinus && (h("button", { key: '14af61ac1824246fd5ec0991fa9b33a148daadcb', 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: '9ddd7b306e532714b6d1e2c91ab9308e0e06f995', class: "cty-input-wrapper" }, h("input", { key: '79f8da72d5d03a9161f8e14cee357ea49ba96492', 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: 'bc609fd026f32b0426beed63469ebaf1c47e15db', part: "plus", class: "cty-stepper_plus cty-button-native", disabled: +this.max === +this.value || this.disabled || this.disablePlus, onClick: () => this.handlePlus() }, this.plusText))));
|
|
99
106
|
}
|
|
100
107
|
get el() { return this; }
|
|
101
108
|
static get style() { return stepperCss; }
|
|
@@ -115,6 +122,7 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLEleme
|
|
|
115
122
|
"plusText": [1, "plus-text"],
|
|
116
123
|
"showPlus": [4, "show-plus"],
|
|
117
124
|
"disablePlus": [4, "disable-plus"],
|
|
125
|
+
"beforeChange": [16, "before-change"],
|
|
118
126
|
"handleMinus": [64],
|
|
119
127
|
"handlePlus": [64]
|
|
120
128
|
}]);
|
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: '5869144f79c4228135482d821527b2e9f003c002', class: 'cty-steps cty-steps__' + this.direction }, h("div", { key: '65a111fa89f0bf7703bd7de712345c84c6a4a4b7', class: "cty-steps__items" }, h("slot", { key: 'b321646d667099d2c6d888248951d1b7bdc49917' }))));
|
|
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: '7350c1d3a73f75c73546b153192f131864b99618', class: "cty-text-ellipsis" }, h("span", { key: '9707e9437b83e1a28f7fe173f38e48aa0767a213' }, this.expanded ? this.content : this.text), this.hasExpand &&
|
|
131
|
+
h("button", { key: '388fc5c5e68d4d2b9b3e7c58f8238e9fa35eff30', 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: '85514b30be1714342330e2f777be4b9d0d23b8b3', class: "cty-title-bar flex-between" }, h("div", { key: '4cf3afc4c2e6d3472ea10d86056cf3c2ab32481c', class: "cty-title-bar-start flex-align-center" }, h("slot", { key: '84e8051daf3ca9b64c2d561a1072ca937672df6c', name: "start-icon" }, this.startIcon && h("cty-icon", { key: 'bc22a4cde9c93053571e3a2e5da52a5be4cd1880', name: this.startIcon, class: "cty-title-bar-start__icon" })), h("slot", { key: 'ba199793f5726743ed9d4dde2263471aa37b915e', name: "title" }, this.title && h("h3", { key: '4955804af7cee360b9caf3b59a451cca489005ed', class: "cty-title-bar-title cty-ellipsis" }, this.title))), h("div", { key: 'c8cf45e5153bd3b67210f0be98cab903d660128f', class: "cty-title-bar-end flex-center-justify-end", onClick: () => this.clickEnd() }, h("slot", { key: 'c035022976a6b5afd4bd5f0f1f5369f1df8c7c55', name: "end-text" }, this.endText && h("span", { key: '1d16e11dcded44ba463c62097005294ca3af7fc7', class: "cty-title-bar-end__text" }, this.endText)), h("slot", { key: '12d6d26af8693c4a59255d5cb52b3078e3a4da3b', name: "end-icon" }, this.endIcon && h("cty-icon", { key: '715c8dfd049a2d35b13723c758acc15f4a69b39b', 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: 'fbd607719374b9f243bb5b09d8d40b80eee25874', class: "cty-tour overlay-hidden" }, display && h("cty-overlay", { key: 'b97b22b805530c919a1b1c27a065e6b3dce6ec15', root: '', backdropDismiss: false }, enableAopover && h("ion-popover", Object.assign({ key: 'a623747dd284e1563fbfa4bca43ea28e527c5b68', 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: 'd03faba453a65a82d0db71b0f63fd50622b846d5', class: "cty-tour__clone-wrapper flex-center", ref: (el) => this.triggerCloneParentEl = el }), h("div", { key: '72dade24fb523fa8d2be6d139037eff8b81078a6', class: { 'cty-tour__content': true, 'cty-tour__content-closeable': tourCloseable } }, h("slot", { key: '6d67aac2b56d3f704d8aff8993140d0150734ee3', name: "header" }), tourCloseable && h("slot", { key: '8b8b85a939b6f984ec6f4a30234fe4cf016e2f4b', name: "closeable" }, h("button", { key: '664bfc83eade5d0e625698af5c26e674c3cb3c61', class: "cty-button-native cty-tour__closeable" }, h("cty-icon", { key: '6a8754c158d97ac41c209a2d0e23dd5789598868', name: "cty-close2", onClick: () => this.dismiss('closeable') }))), currentStep.content && h("slot", { key: '405c5d15a54f45b566eb98c292931057e3ba09f7', name: "content" }, h("p", { key: 'c56a37e292145530eee74e01b678b426b69894e3', class: "cty-tour__content-inner" }, currentStep.content)), enableFooter && h("div", { key: 'cf504c676f0faae0a19cfd22b1caa0e50474477b', class: "cty-tour__content-footer flex-center-between" }, h("slot", { key: '51d3391914cbae9640277bd728be4f24535731f5', name: "indicator" }, h("div", { key: '8cae170f8602d893a5c8042fbb68c99f4ae295a2', class: "cty-tour__content-indicator" }, current + 1, "/", steps.length)), h("slot", { key: '97db167d2583d32936a4926ecbe6ab131fb900a9', name: "buttons" }, h("div", { key: 'bc7d2b36a532486b8e6fbf6e3bf68c8211e9c429', class: "cty-tour__content-buttons flex" }, this.showPrev && current > 0 &&
|
|
119
|
+
h("button", { key: '5dfdbbfd58ec7ab0e1e489ef4ef0dcc4bfcb1e80', class: "cty-button-native cty-tour__content-prev", onClick: () => this.prevStep() }, this.prevText), current < steps.length - 1 &&
|
|
120
|
+
h("button", { key: '09a47fa8537b24a92de2d2402667ee9dcdbbfdd2', class: "cty-button-native cty-tour__content-next", onClick: () => this.nextStep() }, this.nextText), current === steps.length - 1 &&
|
|
121
|
+
h("button", { key: '6f22247a10bd2ce5d022b72bc9f77ea0f0c571f8', class: "cty-button-native cty-tour__content-complete", onClick: () => this.complete() }, this.completeText)))), h("slot", { key: 'ba19b4164edb8156e8096c07f193ef373015fd69', 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: '0d96d7c7afdbe7b371276c1cb5eb11d589a8641a', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: 'd8647f58b3fd266324e0f423de81cade663358fb', backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("cty-banner", Object.assign({ key: '3279fb0804c2c84ab1c0acee5d5060d6a514c7f7' }, attrs, { onClick: (e) => e.stopPropagation, onCtySwipeChange: (e) => this.handleSlideChange(e), onCtySwipeTap: (e) => this.handleSlideTap(e) }), h("slot", { key: 'c4a1dd05f8a17179f2b71d5035b8e3a2994a85bb', slot: "start", name: "start" }), h("slot", { key: 'dccbe02958034c0b015779dd660d1c12ed3267d7', slot: "end", name: "end" })), this.closeable && h("slot", { key: '3856c45320d775f60de30b7a977d78dc7c578c7d', name: "close" }, h("button", { key: 'fd4ab8e418539a8810f9ac7f0ead680f2fa7377b', class: "cty-tutorial__close cty-button-native", onClick: () => this.dismiss() }, h("cty-icon", { key: '10c85342b5b1236a085ca5cdf74072c887085986', name: "cty-close2" }))))));
|
|
103
103
|
}
|
|
104
104
|
get el() { return this; }
|
|
105
105
|
static get watchers() { return {
|
package/components/cty-video.js
CHANGED
|
@@ -1209,12 +1209,12 @@ const Video = /*@__PURE__*/ proxyCustomElement(class Video extends HTMLElement {
|
|
|
1209
1209
|
}, onClick: (event) => event.stopPropagation(), style: { top: this.dotDotPanelTop, left: this.dotDotPanelLeft, opacity: this.reallyShowDot ? '1' : '0' } }, h("span", { class: "cty-video__dot-label cty-ellipsis2" }, this.currentMarker.describe), h("ion-button", { onClick: this._toPoint }, h("cty-icon", { name: "cty-play-ex" }), "\u77E5\u8BC6\u70B9"), h("span", { class: "cty-video__dot-triangle", style: { 'margin-left': this.triangleMargin + 'px' } }))), h("slot", { name: "ctrl" })));
|
|
1210
1210
|
}
|
|
1211
1211
|
render() {
|
|
1212
|
-
return (h(Host, { key: '
|
|
1212
|
+
return (h(Host, { key: '88fc97152b6d1cd79e5d545f2f3a9b3a1539a457', class: {
|
|
1213
1213
|
'cty-video': true,
|
|
1214
1214
|
'cty-video__vertical': this.deviceIsPORTRAIT,
|
|
1215
1215
|
'cty-video__unfullscreen': !this.curIsFullscreen,
|
|
1216
1216
|
'cty-video__large-screen': this.direction == 'P' && this.curIsFullscreen && (this.isPC || this.isIpad)
|
|
1217
|
-
} }, this.renderPlayer(), this.renderControls(), (!this.isLoading || this.isMicroMessager) && !this.isPlaying && !this.showInteractiveLayer && this.showTogglePlay && (h("ion-button", { key: '
|
|
1217
|
+
} }, this.renderPlayer(), this.renderControls(), (!this.isLoading || this.isMicroMessager) && !this.isPlaying && !this.showInteractiveLayer && this.showTogglePlay && (h("ion-button", { key: '67ee18f257e82b82398b2b5d396eb9c3b37ffa01', part: "toggle-play", class: "cty-video__toggle-play flex-center", onClick: (e) => { this.toggleVideo(e); } }, h("cty-icon", { key: '016462904a7b5659e7c6671dbc511feefb5e5777', name: "cty-play" }))), !this.isWifi && !this.isPlaying && !this.isLoading && !this.isMicroMessager && this.trafficMsg && (h("div", { key: 'ee13722df7a8cb9fea8620ecc087d5d40a6d2c92', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.trafficMsg)), this.warningMsg != '' && (h("div", { key: '630d38e43ec451d4c09d1102733a0577c967cc2c', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.warningMsg)), this.showPlayRate && (h("div", { key: '58a084816e18edbc8d98726d9d6206677320d2be', class: "cty-video__rate", onClick: () => this.showPlayRate = false }, h("div", { key: '123fdf1f0b83e59f0f3521e1758a441be571afeb', class: "cty-video__rate-mask flex-center-justify-end" }, h("div", { key: '0e1b1618f63353773420e526f3211d4e9f9eedaa', class: "cty-video__rate-list" }, this._rates.map((item) => (h("button", { onClick: () => this.setPlayRate(item), class: { active: this.rate == item, 'cty-video__rate-list-item': true } }, h("span", null, item, "X")))))))), this.hasInteractive && this.curIsFullscreen && (h("div", { key: '29525111fc54962112f0f1839bcf956842acf09f', class: "cty-video__player cty-video__interactive", onClick: () => { }, ref: (el) => this.interactiveEl = el }))));
|
|
1218
1218
|
}
|
|
1219
1219
|
static get assetsDirs() { return ["assets"]; }
|
|
1220
1220
|
get el() { return this; }
|