cty-mui-core 1.0.46 → 1.0.47
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/cty-media-capture.js +5 -3
- package/components/loading.js +3 -2
- package/dist/cjs/cty-loading.cjs.entry.js +3 -2
- package/dist/cjs/cty-media-capture.cjs.entry.js +4 -3
- package/dist/cjs/cty-mui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/loading/loading.css +23 -0
- package/dist/collection/components/loading/loading.js +3 -2
- package/dist/collection/components/media-capture/media-capture.css +3 -0
- package/dist/collection/components/media-capture/media-capture.js +6 -4
- package/dist/cty-mui/cty-mui.esm.js +1 -1
- package/dist/cty-mui/p-1c2730e4.system.entry.js +1 -0
- package/dist/cty-mui/p-9f6219f6.entry.js +1 -0
- package/dist/cty-mui/p-Cegbc1c7.system.js +1 -1
- package/dist/cty-mui/{p-12f609b1.system.entry.js → p-bad85ecb.system.entry.js} +1 -1
- package/dist/cty-mui/p-fddea07d.entry.js +1 -0
- package/dist/docs.json +16 -13
- package/dist/esm/cty-loading.entry.js +3 -2
- package/dist/esm/cty-media-capture.entry.js +4 -3
- package/dist/esm/cty-mui.js +1 -1
- package/dist/esm/loader.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/loader.js +1 -1
- package/dist/types/components/loading/loading-interface.d.ts +1 -1
- package/dist/types/components/media-capture/media-capture.d.ts +1 -0
- package/package.json +1 -1
- package/dist/cty-mui/p-6d6b6673.system.entry.js +0 -1
- package/dist/cty-mui/p-a052dbdb.entry.js +0 -1
- package/dist/cty-mui/p-ba50ffbb.entry.js +0 -1
|
@@ -7,7 +7,7 @@ import { d as defineCustomElement$4 } from './icon.js';
|
|
|
7
7
|
import { d as defineCustomElement$3 } from './loading.js';
|
|
8
8
|
import { d as defineCustomElement$2 } from './icon2.js';
|
|
9
9
|
|
|
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)}";
|
|
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-spin-border:var(--cty-media-capture-video-loading-spin-border);--cty-loading-spin-border-top-color:var(--cty-media-capture-video-loading-spin-border-top-color);--cty-loading-spin-border-right-color:var(--cty-media-capture-video-loading-spin-border-right-color)}.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)}";
|
|
11
11
|
|
|
12
12
|
const MediaCapture = /*@__PURE__*/ proxyCustomElement(class MediaCapture extends HTMLElement {
|
|
13
13
|
constructor() {
|
|
@@ -29,9 +29,10 @@ const MediaCapture = /*@__PURE__*/ proxyCustomElement(class MediaCapture extends
|
|
|
29
29
|
this.controls = false;
|
|
30
30
|
this.poster = '';
|
|
31
31
|
this.timeLimit = 0; //大于0则有录制时间限制
|
|
32
|
-
this.loadingSpinner = '
|
|
32
|
+
this.loadingSpinner = 'spin';
|
|
33
33
|
this.loaingTitle = '正在处理视频';
|
|
34
34
|
this.loaingDescription = '请稍候，这可能需要几秒钟';
|
|
35
|
+
this.loaingAttrs = {};
|
|
35
36
|
this.isCaptured = false;
|
|
36
37
|
this.capturing = false;
|
|
37
38
|
this.captureDuration = 0;
|
|
@@ -126,7 +127,7 @@ const MediaCapture = /*@__PURE__*/ proxyCustomElement(class MediaCapture extends
|
|
|
126
127
|
}
|
|
127
128
|
render() {
|
|
128
129
|
const captureDuration = secondsToVehicle(this.captureDuration);
|
|
129
|
-
return (h(Host, { key: '
|
|
130
|
+
return (h(Host, { key: '58eefaccb629ac8464e61745ab0433ed8eb40c52', class: { 'cty-media-capture': true, 'cty-media-captured': this.isCaptured } }, h("div", { key: '446f3fe53e503cbedd5b63bf8f5376b95802f1a8', class: "cty-media-capture__header" }, h("button", { key: 'a9a36970d2d2a2c5f15a480cf06679c3f5fe982f', onClick: () => this.doHeaderAction(), class: { 'cty-button-native': true, 'cty-media-close__captured': this.isCaptured } }, h("cty-icon", { key: '37c6c1d0a32722b9008981ae8ccb75fd7b6fa273', class: "cty-capture__close-icon", name: this.isCaptured ? this.revocationIcon : this.closeIcon })), this.captureTime && (this.isCaptured || this.capturing) && (h("span", { key: 'e52bfbc666ce279411bee59b53ee2c16b29aacfa', class: { 'cty-media-capture__time': true, 'cty-media-capture__time-active': this.capturing } }, captureDuration))), this.isCaptured && (h("video", { key: '4746a3b0000766af573d01806dca9a0b353a9022', 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", Object.assign({ key: 'fcc5e91cd0a1752ea273863d490173353e6a353b', part: "loading", animated: false, overlayIndex: 1, spinner: this.loadingSpinner }, this.loaingAttrs), h("slot", { key: 'a2d89dd8a8fbf9451c2f4385a970f99b8c218a6e', name: "loading-text" }, this.loaingTitle && h("h3", { key: '1d7975eebe255595e095735bdafb741cfda70741', class: "cty-loading__title" }, this.loaingTitle), this.loaingDescription && h("p", { key: 'b37bd01cc4d0a9d164cfa16680973fe0c0a62595', class: "cty-loading__description" }, this.loaingDescription))), h("div", { key: '00a9e278bcdb6c0b66d9e5999e83bf8773ce0b48', class: "cty-media-capture__footer flex-center" }, !this.isCaptured && (h("button", { key: '024089998663d632e1c7f74ccb140af63bb69d59', class: "cty-media-capture__switch cty-button-native", onClick: () => this.doCapture() }, h("span", { key: 'e314352663cf411b1d2f20b8b422e47a507779a8', class: { 'cty-media-capture__status': true, 'cty-media-capture__status-active': this.capturing } }))), this.isCaptured && (h("button", { key: '693e57a101e7ac60ac4ddc812190a0d519bb15aa', class: "cty-media-capture__confirm cty-button-native", disabled: !this.filePath, onClick: () => this.confirm() }, this.confirmText))), h("slot", { key: 'ab1b6caa0785e4dd16e14389db2217a4c94de88e' })));
|
|
130
131
|
}
|
|
131
132
|
get el() { return this; }
|
|
132
133
|
static get style() { return mediaCaptureCss; }
|
|
@@ -144,6 +145,7 @@ const MediaCapture = /*@__PURE__*/ proxyCustomElement(class MediaCapture extends
|
|
|
144
145
|
"loadingSpinner": [1, "loading-spinner"],
|
|
145
146
|
"loaingTitle": [1, "loaing-title"],
|
|
146
147
|
"loaingDescription": [1, "loaing-description"],
|
|
148
|
+
"loaingAttrs": [32],
|
|
147
149
|
"isCaptured": [32],
|
|
148
150
|
"capturing": [32],
|
|
149
151
|
"captureDuration": [32],
|
package/components/loading.js
CHANGED
|
@@ -4,7 +4,7 @@ import { c as createLockController, g as getClassMap, e as enterAnimation, l as
|
|
|
4
4
|
import { r as raf } from './helpers.js';
|
|
5
5
|
import { d as defineCustomElement$1 } from './backdrop.js';
|
|
6
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)}";
|
|
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;will-change:transform}.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;will-change:transform}.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;will-change:transform}@-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);will-change:transform border-radius}.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;will-change:transform}@-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)}.cty-loading__type-spin{width:50px;height:50px;border-radius:50%;border:var(--cty-loading-spin-border, 4px solid rgba(255, 255, 255, 0.06));border-top-color:var(--cty-loading-spin-border-top-color, var(--cty-loading-active-color));border-right-color:var(--cty-loading-spin-border-right-color, var(--cty-loading-active-color));-webkit-animation:spin 0.9s linear infinite;animation:spin 0.9s linear infinite;will-change:transform;-ms-flex-negative:0;flex-shrink:0}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
|
|
8
8
|
|
|
9
9
|
const Loading = /*@__PURE__*/ proxyCustomElement(class Loading extends HTMLElement {
|
|
10
10
|
constructor() {
|
|
@@ -34,6 +34,7 @@ const Loading = /*@__PURE__*/ proxyCustomElement(class Loading extends HTMLEleme
|
|
|
34
34
|
circular: (h("div", { class: "cty-loading__type-circular" }, Array(8).fill('').map(() => (h("span", { class: "cty-loading__circular" }))))),
|
|
35
35
|
sphere: (h("div", { class: "cty-loading__type-sphere" }, h("span", { class: "cty-loading__sphere" }))),
|
|
36
36
|
round: (h("div", { class: "cty-loading__type-round" }, h("span", { class: "cty-loading__round" }), h("span", { class: "cty-loading__round-shadow" }))),
|
|
37
|
+
spin: (h("div", { class: "cty-loading__type-spin" }))
|
|
37
38
|
};
|
|
38
39
|
}
|
|
39
40
|
triggerChanged() {
|
|
@@ -82,7 +83,7 @@ const Loading = /*@__PURE__*/ proxyCustomElement(class Loading extends HTMLEleme
|
|
|
82
83
|
return this.spinnerComponents[this.spinner] || null;
|
|
83
84
|
}
|
|
84
85
|
render() {
|
|
85
|
-
return (h(Host, { key: '
|
|
86
|
+
return (h(Host, { key: '3dcc00f30f1c0d77a1cc5b4d78aa7226132e61c8', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '0385492e0b94ffbb72ead847551958dc1a7cf7d7', backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: '9b95129e69b7999ab973c56855fec5ba205b642b', class: this.vertical ? 'cty-loading flex-column-center' : 'cty-loading flex-center', onClick: (e) => e.stopPropagation() }, this.renderSpinner(), h("div", { key: '4a3fe8f7a0b8ef6e8f5821006295535eb25c9710', class: { 'cty-loading__text': true, 'cty-loading__text-hor': !this.vertical } }, h("slot", { key: '11fa8c0f4df5ea7d0605f49df6e2cd82923e58a1' }))))));
|
|
86
87
|
}
|
|
87
88
|
get el() { return this; }
|
|
88
89
|
static get watchers() { return {
|
|
@@ -10,7 +10,7 @@ require('./animation-BhN-MT4J.js');
|
|
|
10
10
|
require('./index-D3mJ1Cix.js');
|
|
11
11
|
require('./helpers-B4vhh9gt.js');
|
|
12
12
|
|
|
13
|
-
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)}";
|
|
13
|
+
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;will-change:transform}.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;will-change:transform}.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;will-change:transform}@-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);will-change:transform border-radius}.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;will-change:transform}@-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)}.cty-loading__type-spin{width:50px;height:50px;border-radius:50%;border:var(--cty-loading-spin-border, 4px solid rgba(255, 255, 255, 0.06));border-top-color:var(--cty-loading-spin-border-top-color, var(--cty-loading-active-color));border-right-color:var(--cty-loading-spin-border-right-color, var(--cty-loading-active-color));-webkit-animation:spin 0.9s linear infinite;animation:spin 0.9s linear infinite;will-change:transform;-ms-flex-negative:0;flex-shrink:0}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
|
|
14
14
|
|
|
15
15
|
const Loading = class {
|
|
16
16
|
constructor(hostRef) {
|
|
@@ -38,6 +38,7 @@ const Loading = class {
|
|
|
38
38
|
circular: (index.h("div", { class: "cty-loading__type-circular" }, Array(8).fill('').map(() => (index.h("span", { class: "cty-loading__circular" }))))),
|
|
39
39
|
sphere: (index.h("div", { class: "cty-loading__type-sphere" }, index.h("span", { class: "cty-loading__sphere" }))),
|
|
40
40
|
round: (index.h("div", { class: "cty-loading__type-round" }, index.h("span", { class: "cty-loading__round" }), index.h("span", { class: "cty-loading__round-shadow" }))),
|
|
41
|
+
spin: (index.h("div", { class: "cty-loading__type-spin" }))
|
|
41
42
|
};
|
|
42
43
|
}
|
|
43
44
|
triggerChanged() {
|
|
@@ -86,7 +87,7 @@ const Loading = class {
|
|
|
86
87
|
return this.spinnerComponents[this.spinner] || null;
|
|
87
88
|
}
|
|
88
89
|
render() {
|
|
89
|
-
return (index.h(index.Host, { key: '
|
|
90
|
+
return (index.h(index.Host, { key: '3dcc00f30f1c0d77a1cc5b4d78aa7226132e61c8', class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, index.h("cty-backdrop", { key: '0385492e0b94ffbb72ead847551958dc1a7cf7d7', backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, index.h("div", { key: '9b95129e69b7999ab973c56855fec5ba205b642b', class: this.vertical ? 'cty-loading flex-column-center' : 'cty-loading flex-center', onClick: (e) => e.stopPropagation() }, this.renderSpinner(), index.h("div", { key: '4a3fe8f7a0b8ef6e8f5821006295535eb25c9710', class: { 'cty-loading__text': true, 'cty-loading__text-hor': !this.vertical } }, index.h("slot", { key: '11fa8c0f4df5ea7d0605f49df6e2cd82923e58a1' }))))));
|
|
90
91
|
}
|
|
91
92
|
get el() { return index.getElement(this); }
|
|
92
93
|
static get watchers() { return {
|
|
@@ -11,7 +11,7 @@ require('./device-info-BPtPRb6d.js');
|
|
|
11
11
|
require('./platform-DJmEyHMN.js');
|
|
12
12
|
require('./network-D7xvJurk.js');
|
|
13
13
|
|
|
14
|
-
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)}";
|
|
14
|
+
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-spin-border:var(--cty-media-capture-video-loading-spin-border);--cty-loading-spin-border-top-color:var(--cty-media-capture-video-loading-spin-border-top-color);--cty-loading-spin-border-right-color:var(--cty-media-capture-video-loading-spin-border-right-color)}.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)}";
|
|
15
15
|
|
|
16
16
|
const MediaCapture = class {
|
|
17
17
|
constructor(hostRef) {
|
|
@@ -31,9 +31,10 @@ const MediaCapture = class {
|
|
|
31
31
|
this.controls = false;
|
|
32
32
|
this.poster = '';
|
|
33
33
|
this.timeLimit = 0; //大于0则有录制时间限制
|
|
34
|
-
this.loadingSpinner = '
|
|
34
|
+
this.loadingSpinner = 'spin';
|
|
35
35
|
this.loaingTitle = '正在处理视频';
|
|
36
36
|
this.loaingDescription = '请稍候，这可能需要几秒钟';
|
|
37
|
+
this.loaingAttrs = {};
|
|
37
38
|
this.isCaptured = false;
|
|
38
39
|
this.capturing = false;
|
|
39
40
|
this.captureDuration = 0;
|
|
@@ -128,7 +129,7 @@ const MediaCapture = class {
|
|
|
128
129
|
}
|
|
129
130
|
render() {
|
|
130
131
|
const captureDuration = statusBar.secondsToVehicle(this.captureDuration);
|
|
131
|
-
return (index.h(index.Host, { key: '
|
|
132
|
+
return (index.h(index.Host, { key: '58eefaccb629ac8464e61745ab0433ed8eb40c52', class: { 'cty-media-capture': true, 'cty-media-captured': this.isCaptured } }, index.h("div", { key: '446f3fe53e503cbedd5b63bf8f5376b95802f1a8', class: "cty-media-capture__header" }, index.h("button", { key: 'a9a36970d2d2a2c5f15a480cf06679c3f5fe982f', onClick: () => this.doHeaderAction(), class: { 'cty-button-native': true, 'cty-media-close__captured': this.isCaptured } }, index.h("cty-icon", { key: '37c6c1d0a32722b9008981ae8ccb75fd7b6fa273', class: "cty-capture__close-icon", name: this.isCaptured ? this.revocationIcon : this.closeIcon })), this.captureTime && (this.isCaptured || this.capturing) && (index.h("span", { key: 'e52bfbc666ce279411bee59b53ee2c16b29aacfa', class: { 'cty-media-capture__time': true, 'cty-media-capture__time-active': this.capturing } }, captureDuration))), this.isCaptured && (index.h("video", { key: '4746a3b0000766af573d01806dca9a0b353a9022', 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 && index.h("cty-loading", Object.assign({ key: 'fcc5e91cd0a1752ea273863d490173353e6a353b', part: "loading", animated: false, overlayIndex: 1, spinner: this.loadingSpinner }, this.loaingAttrs), index.h("slot", { key: 'a2d89dd8a8fbf9451c2f4385a970f99b8c218a6e', name: "loading-text" }, this.loaingTitle && index.h("h3", { key: '1d7975eebe255595e095735bdafb741cfda70741', class: "cty-loading__title" }, this.loaingTitle), this.loaingDescription && index.h("p", { key: 'b37bd01cc4d0a9d164cfa16680973fe0c0a62595', class: "cty-loading__description" }, this.loaingDescription))), index.h("div", { key: '00a9e278bcdb6c0b66d9e5999e83bf8773ce0b48', class: "cty-media-capture__footer flex-center" }, !this.isCaptured && (index.h("button", { key: '024089998663d632e1c7f74ccb140af63bb69d59', class: "cty-media-capture__switch cty-button-native", onClick: () => this.doCapture() }, index.h("span", { key: 'e314352663cf411b1d2f20b8b422e47a507779a8', class: { 'cty-media-capture__status': true, 'cty-media-capture__status-active': this.capturing } }))), this.isCaptured && (index.h("button", { key: '693e57a101e7ac60ac4ddc812190a0d519bb15aa', class: "cty-media-capture__confirm cty-button-native", disabled: !this.filePath, onClick: () => this.confirm() }, this.confirmText))), index.h("slot", { key: 'ab1b6caa0785e4dd16e14389db2217a4c94de88e' })));
|
|
132
133
|
}
|
|
133
134
|
get el() { return index.getElement(this); }
|
|
134
135
|
};
|