cty-mui-core 1.0.17 → 1.0.18
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/circle.js +8 -3
- package/components/cty-cascader.js +1 -1
- package/components/cty-floating-panel.js +22 -6
- package/components/cty-progress.js +1 -1
- package/components/cty-video.js +1 -1
- package/dist/cjs/cty-alert_2.cjs.entry.js +7 -3
- package/dist/cjs/cty-cascader.cjs.entry.js +1 -1
- package/dist/cjs/cty-floating-panel.cjs.entry.js +22 -6
- package/dist/cjs/cty-mui.cjs.js +1 -1
- package/dist/cjs/cty-progress.cjs.entry.js +1 -1
- package/dist/cjs/cty-video.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/cascader/cascader.css +10 -2
- package/dist/collection/components/circle/circle.js +27 -3
- package/dist/collection/components/floating-panel/floating-panel.js +22 -6
- package/dist/collection/components/progress/progress.css +2 -0
- package/dist/collection/components/video/video.css +76 -79
- package/dist/cty-mui/cty-mui.esm.js +1 -1
- package/dist/cty-mui/{p-62ca878e.entry.js → p-15f80997.entry.js} +1 -1
- package/dist/cty-mui/{p-94aa9be7.entry.js → p-19b4329c.entry.js} +1 -1
- package/dist/cty-mui/{p-bc86a5fe.system.entry.js → p-216cd426.system.entry.js} +1 -1
- package/dist/cty-mui/{p-29fcd407.system.entry.js → p-3ac64559.system.entry.js} +1 -1
- package/dist/cty-mui/p-535156b1.system.entry.js +1 -0
- package/dist/cty-mui/{p-9376df65.entry.js → p-6fc16b0f.entry.js} +1 -1
- package/dist/cty-mui/{p-a7ee0a5e.entry.js → p-86ebd980.entry.js} +1 -1
- package/dist/cty-mui/p-9997121c.system.entry.js +1 -0
- package/dist/cty-mui/p-Cegbc1c7.system.js +1 -1
- package/dist/cty-mui/p-cb85ed2f.system.entry.js +1 -0
- package/dist/cty-mui/p-f0029e40.entry.js +1 -0
- package/dist/docs.json +25 -1
- package/dist/esm/cty-alert_2.entry.js +7 -3
- package/dist/esm/cty-cascader.entry.js +1 -1
- package/dist/esm/cty-floating-panel.entry.js +22 -6
- package/dist/esm/cty-mui.js +1 -1
- package/dist/esm/cty-progress.entry.js +1 -1
- package/dist/esm/cty-video.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm-es5/cty-alert_2.entry.js +1 -1
- package/dist/esm-es5/cty-cascader.entry.js +1 -1
- package/dist/esm-es5/cty-floating-panel.entry.js +1 -1
- package/dist/esm-es5/cty-mui.js +1 -1
- package/dist/esm-es5/cty-progress.entry.js +1 -1
- package/dist/esm-es5/cty-video.entry.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/types/components/circle/circle.d.ts +1 -0
- package/dist/types/components/floating-panel/floating-panel.d.ts +2 -0
- package/dist/types/components.d.ts +2 -0
- package/package.json +1 -1
- package/dist/cty-mui/p-4e5e61e0.system.entry.js +0 -1
- package/dist/cty-mui/p-51d01e1c.entry.js +0 -1
- package/dist/cty-mui/p-69a36008.system.entry.js +0 -1
- package/dist/cty-mui/p-7065f6ac.system.entry.js +0 -1
package/components/circle.js
CHANGED
|
@@ -14,6 +14,7 @@ const Circle = /*@__PURE__*/ proxyCustomElement(class Circle extends HTMLElement
|
|
|
14
14
|
this.clockwise = true;
|
|
15
15
|
this.zeroTransparent = true;
|
|
16
16
|
this.rad = 500;
|
|
17
|
+
this.ratio = 1;
|
|
17
18
|
this.needDefs = false;
|
|
18
19
|
this.gradientId = '';
|
|
19
20
|
this.colors = [];
|
|
@@ -58,11 +59,14 @@ const Circle = /*@__PURE__*/ proxyCustomElement(class Circle extends HTMLElement
|
|
|
58
59
|
return `M ${viewBoxSize / 2} ${viewBoxSize / 2} m 0, -500 a 500, 500 0 1, ${sweepFlag} 0, 1000 a 500, 500 0 1, ${sweepFlag} 0, -1000`;
|
|
59
60
|
}
|
|
60
61
|
render() {
|
|
61
|
-
return (h(Host, { key: '
|
|
62
|
+
return (h(Host, { key: 'ccfe5ff1b027fa8cbe3825c6e0eb939df43f65d6', class: "cty-circle" }, h("svg", { key: '02be6ac8e923bcee80c652d60514229411869913', ref: el => (this.svgEl = el) }, this.needDefs && h("defs", { key: '113fb97d1fb11ed5f2ac9590ccf70932e6899174' }, h("linearGradient", { key: 'f1b06ed406f4ad77eaa8cf0c7370e3619ea64123', id: this.gradientId, x1: "100%", y1: "0%", x2: "0%", y2: "0%" }, this.colors.map(() => (h("stop", null))))), h("path", { key: 'dac96112d0a639be16293f30deb14f54f4dcef55', ref: el => (this.layerEl = el), class: "cty-circle__layer", style: {
|
|
63
|
+
'stroke-width': this.width + 'px',
|
|
64
|
+
'strokeDasharray': (this.ratio * this.rate / 100 * this.perimeter) + 'px ' + this.perimeter + 'px'
|
|
65
|
+
} }), h("path", { key: '9f834efca9206c6c05301f347902a1e2a2607019', ref: el => (this.hoverEl = el), class: "cty-circle__hover", style: {
|
|
62
66
|
'stroke': this.rate <= 0 && this.zeroTransparent ? 'transparent' : this.needDefs ? 'url(#' + this.gradientId + ')' : this.color,
|
|
63
67
|
'stroke-width': +this.width + 1 + 'px',
|
|
64
|
-
'strokeDasharray': (this.
|
|
65
|
-
} })), this.text !== '' && h("div", { key: '
|
|
68
|
+
'strokeDasharray': (this.ratio * this.perimeter) + 'px ' + this.perimeter + 'px'
|
|
69
|
+
} })), this.text !== '' && h("div", { key: '4681be5b86f4e1e1e82f1ebaa3c9e8bc26b1900e', class: "cty-circle__text" }, this.text), h("slot", { key: '73d0095bdf147f6253fe53f6855ebba837ff2a97' })));
|
|
66
70
|
}
|
|
67
71
|
get el() { return this; }
|
|
68
72
|
static get watchers() { return {
|
|
@@ -78,6 +82,7 @@ const Circle = /*@__PURE__*/ proxyCustomElement(class Circle extends HTMLElement
|
|
|
78
82
|
"clockwise": [4],
|
|
79
83
|
"zeroTransparent": [4, "zero-transparent"],
|
|
80
84
|
"rad": [2],
|
|
85
|
+
"ratio": [2],
|
|
81
86
|
"needDefs": [32],
|
|
82
87
|
"gradientId": [32],
|
|
83
88
|
"colors": [32],
|
|
@@ -7,7 +7,7 @@ import { c as createLockController, g as getClassMap, e as enterAnimation, l as
|
|
|
7
7
|
import { r as raf } from './helpers.js';
|
|
8
8
|
import { d as defineCustomElement$2 } from './backdrop.js';
|
|
9
9
|
|
|
10
|
-
const cascaderCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-cascader-
|
|
10
|
+
const cascaderCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-cascader-overlay-position:fixed;--cty-cascader-overlay-z-index:10;--cty-cascader-overlay-background:rgba(0, 0, 0, 0.3);--cty-cascader-overlay-width:100vw;--cty-cascader-overlay-height:100vh;--cty-cascader-background:#FFF;--cty-cascader-header-height:44px;--cty-cascader-header-button-size:var(--cty-font-size-medium);--cty-cascader-header-padding:0px 15px;--cty-cascader-header-border-bottom:1px solid var(--cty-border-color-light);--cty-cascader-title-size:var(--cty-font-size-medium);--cty-cascader-title-color:var(--cty-text-color-dark);--cty-cascader-title-weight:500;--cty-cascader-cancel-color:var(--cty-color-medium);--cty-cascader-confirm-color:var(--cty-color-primary);--cty-cascader-option-text-color:var(--cty-text-color-dark);--cty-cascader-option-text-font-size:var(--cty-font-size-medium);--cty-cascader-picked-border-color:var(--cty-border-color);--cty-cascader-mask-background-image:linear-gradient(180deg,\n rgba(255, 255, 255, 0.9),\n rgba(255, 255, 255, 0.4)), linear-gradient(0deg,\n rgba(255, 255, 255, 0.9),\n rgba(255, 255, 255, 0.4))}:host(.overlay-hidden){display:none}cty-backdrop{position:var(--cty-cascader-overlay-position);z-index:var(--cty-cascader-overlay-z-index);background:var(--cty-cascader-overlay-background);width:var(--cty-cascader-overlay-width);height:var(--cty-cascader-overlay-height)}.cty-cascader-container{position:fixed;bottom:0;left:0;right:0;background:var(--cty-cascader-background);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cascader{width:100%;background:var(--cty-cascader-background)}.cty-cascader-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:var(--cty-cascader-header-height, 44px);border-bottom:var(--cty-cascader-header-border-bottom);padding:var(--cty-cascader-header-padding)}.cty-cascader-header button{font-size:var(--cty-cascader-header-button-size)}.cty-cascader-header button.cancel{color:var(--cty-cascader-cancel-color)}.cty-cascader-header button.confirm{color:var(--cty-cascader-confirm-color)}.cty-cascader-header .cty-cascader-title{color:var(--cty-cascader-title-color);font-size:var(--cty-cascader-title-size);font-weight:var(--cty-cascader-title-weight)}.cty-cascader-columns{position:relative;display:-ms-flexbox;display:flex;overflow:hidden}.cty-cascader-column{-ms-flex:1;flex:1;position:relative;overflow:hidden}.cty-cascader-scroller{position:absolute;left:0;right:0;top:0;-webkit-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.cty-cascader-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 4px;cursor:pointer}.cty-cascader-option .cty-cascader-text{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cty-cascader-option-text-color);font-size:var(--cty-cascader-option-text-font-size)}.cty-cascader-picked{position:absolute;left:0;right:0;pointer-events:none;border-top:1px solid var(--cty-cascader-picked-border-color);border-bottom:1px solid var(--cty-cascader-picked-border-color)}.cty-cascader-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--cty-cascader-mask-background-image);background-repeat:no-repeat;background-position:top, bottom;pointer-events:none}";
|
|
11
11
|
|
|
12
12
|
const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends HTMLElement {
|
|
13
13
|
constructor() {
|
|
@@ -24,6 +24,7 @@ const FloatingPanel = /*@__PURE__*/ proxyCustomElement(class FloatingPanel exten
|
|
|
24
24
|
this.isContentTouched = false;
|
|
25
25
|
this.isDragStart = false;
|
|
26
26
|
this.isDragMove = false;
|
|
27
|
+
this.maxScroll = -1;
|
|
27
28
|
}
|
|
28
29
|
get boundary() {
|
|
29
30
|
return { min: this.anchors[0] === undefined ? 100 : this.anchors[0], max: this.anchors.length > 0 ? this.anchors[this.anchors.length - 1] : window.innerHeight * 0.6 };
|
|
@@ -47,13 +48,27 @@ const FloatingPanel = /*@__PURE__*/ proxyCustomElement(class FloatingPanel exten
|
|
|
47
48
|
this.lastY = getEventPageCoords(event).y;
|
|
48
49
|
this.lastHeight = -this.height;
|
|
49
50
|
this.el.style.transitionProperty = 'none';
|
|
51
|
+
this.maxScroll = -1;
|
|
50
52
|
}
|
|
51
53
|
dragMove(event) {
|
|
52
|
-
|
|
54
|
+
const { isDragStart, contentRef, maxScroll, boundary, lastHeight } = this;
|
|
55
|
+
if (this.contentDraggableCheck() || !isDragStart)
|
|
53
56
|
return;
|
|
54
|
-
this.isDragMove = true;
|
|
55
57
|
const nowY = getEventPageCoords(event).y;
|
|
56
|
-
const
|
|
58
|
+
const deltaY = nowY - this.lastY;
|
|
59
|
+
const moveY = this.lastHeight + deltaY;
|
|
60
|
+
if (this.isContentTouched) {
|
|
61
|
+
const { scrollTop } = contentRef;
|
|
62
|
+
this.maxScroll = Math.max(maxScroll, scrollTop);
|
|
63
|
+
if (-lastHeight < boundary.max) {
|
|
64
|
+
event.preventDefault();
|
|
65
|
+
event.stopPropagation();
|
|
66
|
+
}
|
|
67
|
+
else if (!(scrollTop <= 0 && deltaY > 0) || maxScroll > 0) {
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
this.isDragMove = true;
|
|
57
72
|
this.height = -this.ease(moveY);
|
|
58
73
|
this.el.style.transform = `translateY(calc(100% + ${-this.height}px))`;
|
|
59
74
|
}
|
|
@@ -62,6 +77,7 @@ const FloatingPanel = /*@__PURE__*/ proxyCustomElement(class FloatingPanel exten
|
|
|
62
77
|
return;
|
|
63
78
|
this.isDragMove = false;
|
|
64
79
|
this.isDragStart = false;
|
|
80
|
+
this.maxScroll = -1;
|
|
65
81
|
this.el.style.transitionProperty = 'transform';
|
|
66
82
|
if (this.endAnchor || this.height <= this.boundary.min || this.height >= this.boundary.max) {
|
|
67
83
|
this.height = closest(this.anchors, this.height);
|
|
@@ -84,15 +100,15 @@ const FloatingPanel = /*@__PURE__*/ proxyCustomElement(class FloatingPanel exten
|
|
|
84
100
|
return moveY;
|
|
85
101
|
}
|
|
86
102
|
render() {
|
|
87
|
-
return (h(Host, { key: '
|
|
103
|
+
return (h(Host, { key: '64489e035e1801afaa769d05c1b17d449bf73465', 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: '3b8c26a530b3451646ea03a986de6bc244a658e9', class: "cty-floating-panel__header flex-center", onTouchStart: () => {
|
|
88
104
|
this.setContentTouched(false);
|
|
89
105
|
}, onMouseDown: () => {
|
|
90
106
|
this.setContentTouched(false);
|
|
91
|
-
} }, h("slot", { key: '
|
|
107
|
+
} }, h("slot", { key: '19d8d5bfe0f31ef70cb02cd8b0574e75b885b43e', name: "icon-start" }), this.icon && h("cty-icon", { key: 'a4d27b14446ac64bbcfca65625392e05339dacdc', class: "cty-floating-panel__header-bar", name: this.icon }), h("slot", { key: '960bfb397d7ef06cbb47e7c6b1dbf9c983880b8e', name: "icon-end" })), h("div", { key: '09b5729696f2eb6473ffc109e8f6353c4eb8e374', class: "cty-floating-panel__content", ref: (el) => (this.contentRef = el), onTouchStart: () => {
|
|
92
108
|
this.setContentTouched(true);
|
|
93
109
|
}, onMouseDown: () => {
|
|
94
110
|
this.setContentTouched(true);
|
|
95
|
-
} }, h("slot", { key: '
|
|
111
|
+
} }, h("slot", { key: 'f61871acf51547ee28fa5226b2995b633e697242' }))));
|
|
96
112
|
}
|
|
97
113
|
get el() { return this; }
|
|
98
114
|
static get style() { return floatingPanelCss; }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const progressCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{--cty-progress-active-background:var(--cty-color-primary);--cty-progress-transition:all 0.3s ease-out;--cty-progress-pivot-min-width:3.6em;--cty-progress-pivot-padding:0 5px;--cty-progress-pivot-background:var(--cty-color-primary);--cty-progress-pivot-text-size:var(--cty-font-size-extra-small);--cty-progress-pivot-text-color:var(--cty-color-white);--cty-progress-pivot-border-radius:var(--cty-border-radius-medium);--cty-progress-pivot-line-height:1.6;display:block;position:relative;height:4px;background:var(--cty-color-medium);border-radius:var(--cty-border-radius-base)}.cty-progress__portion{position:absolute;left:0;height:100%;background:var(--cty-progress-active-background);border-radius:inherit;-webkit-transition:var(--cty-progress-transition);transition:var(--cty-progress-transition)}.cty-progress__pivot{position:absolute;top:50%;min-width:var(--cty-progress-pivot-min-width);background:var(--cty-progress-active-background);padding:var(--cty-progress-pivot-padding);word-break:keep-all;color:var(--cty-progress-pivot-text-color);font-size:var(--cty-progress-pivot-text-size);line-height:var(--cty-progress-pivot-line-height);text-align:center;border-radius:var(--cty-progress-pivot-border-radius);-webkit-transition:var(--cty-progress-transition);transition:var(--cty-progress-transition)}";
|
|
3
|
+
const progressCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{--cty-progress-active-background:var(--cty-color-primary);--cty-progress-transition:all 0.3s ease-out;--cty-progress-pivot-min-width:3.6em;--cty-progress-pivot-padding:0 5px;--cty-progress-pivot-background:var(--cty-color-primary);--cty-progress-pivot-text-size:var(--cty-font-size-extra-small);--cty-progress-pivot-text-color:var(--cty-color-white);--cty-progress-pivot-border-radius:var(--cty-border-radius-medium);--cty-progress-pivot-outline:none;--cty-progress-pivot-line-height:1.6;display:block;position:relative;height:4px;background:var(--cty-color-medium);border-radius:var(--cty-border-radius-base)}.cty-progress__portion{position:absolute;left:0;height:100%;background:var(--cty-progress-active-background);border-radius:inherit;-webkit-transition:var(--cty-progress-transition);transition:var(--cty-progress-transition)}.cty-progress__pivot{position:absolute;top:50%;min-width:var(--cty-progress-pivot-min-width);background:var(--cty-progress-active-background);padding:var(--cty-progress-pivot-padding);word-break:keep-all;color:var(--cty-progress-pivot-text-color);font-size:var(--cty-progress-pivot-text-size);line-height:var(--cty-progress-pivot-line-height);text-align:center;border-radius:var(--cty-progress-pivot-border-radius);outline:var(--cty-progress-pivot-outline);-webkit-transition:var(--cty-progress-transition);transition:var(--cty-progress-transition)}";
|
|
4
4
|
|
|
5
5
|
const Progress = /*@__PURE__*/ proxyCustomElement(class Progress extends HTMLElement {
|
|
6
6
|
constructor() {
|
package/components/cty-video.js
CHANGED
|
@@ -16,7 +16,7 @@ import { d as defineCustomElement$4 } from './range.js';
|
|
|
16
16
|
import { d as defineCustomElement$3 } from './ripple-effect.js';
|
|
17
17
|
import { d as defineCustomElement$2 } from './row.js';
|
|
18
18
|
|
|
19
|
-
const videoCss = "*{-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-ellipsis[class]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:normal}.cty-ellipsis2[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;word-wrap:break-word}.cty-ellipsis3[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-all;word-wrap:break-word}.cty-ellipsis4[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;word-break:break-all;word-wrap:break-word}ion-button{--background-activated:transparent;--background-focused:transparent;--background-hover:transparent;--box-shadow:none}ion-grid{padding:0}ion-row{padding:0}ion-col{padding:0}ion-item{--padding-bottom:0;--padding-end:0;--padding-start:0;--padding-top:0;--inner-padding-top:0;--inner-padding-start:0;--inner-padding-end:0;--inner-padding-bottom:0;--inner-border-width:0;--border-width:0;--min-height:0;--background:none;overflow:initial}ion-toast{--width:84%;--height:36px;--color:var(--cty-color-white);--background:rgba(0, 0, 0, 0.7);--border-radius:100px;line-height:1.2;font-size:var(--cty-font-size-base);text-align:center}.plt-hybrid .safe-area-bottom-border{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid var(--cty-color-white)}.plt-hybrid .safe-area-bottom-border-color{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid currentColor}.plt-hybrid .safe-area-bottom-padding{padding-bottom:var(--ion-safe-area-bottom, 0)}:host{--cty-video-width:100vw;--cty-video-height:100vh;--cty-video-half-width:calc(var(--cty-video-width) / 2);--cty-video-fit:fill;--cty-video-header-height:50px;--cty-video-header-background:var(--cty-overlay-color-lighter);--cty-video-header-unfullscreen-background:transparent;--cty-video-header-unfullscreen-height:30px;--cty-video-header-padding-top:0px;--cty-video-header-padding-bottom:0px;--cty-video-header-padding-start:0px;--cty-video-header-padding-end:0px;--cty-video-header-back-display:flex;--cty-video-header-back-background:transparent;--cty-video-header-back-height:36px;--cty-video-header-back-width:36px;--cty-video-header-back-radius:var(--cty-border-radius-circle);--cty-video-header-back-offset-start:2px;--cty-video-header-back-offset-end:0px;--cty-video-header-back-size:25px;--cty-video-header-back-color:var(--cty-color-white);--cty-video-header-title-size:var(--cty-font-size-medium);--cty-video-header-title-color:var(--cty-color-white);--cty-video-header-title-display:flex;--cty-video-footer-height:50px;--cty-video-footer-background:var(--cty-overlay-color-lighter);--cty-video-footer-unfullscreen-background:transparent;--cty-video-footer-unfullscreen-height:35px;--cty-video-footer-progress-height:0px;--cty-video-footer-padding-start:0px;--cty-video-footer-padding-end:0px;--cty-video-footer-progress-size:var(--cty-font-size-medium);--cty-video-footer-icon-size:24px;--cty-video-footer-fullscreen-icon-size:20px;--cty-video-play-size:80px;--cty-video-play-border:5px solid rgba(238, 238, 238, 0.8);--cty-video-play-icon-size:40px;--cty-video-unfullscreen-play-size:40px;--cty-video-unfullscreen-play-border:4px solid rgba(238, 238, 238, 0.8);--cty-video-unfullscreen-play-icon-size:26px;--cty-video-range-bar-height:2px;--cty-video-bar-size:12px;--cty-video-bar-color:var(--cty-color-white);--cty-video-range-knob-background:var(--cty-color-white);--cty-video-range-background:rgba(255,255,255,0.5);--cty-video-range-background-active:var(--cty-color-primary);--cty-video-loading-background-color:rgba(0,0,0,0.9);--cty-video-loading-img-width:100px;--cty-video-half-screen-height:56vw;--cty-video-dot-size:7px;--cty-video-dot-padding:9px;--cty-video-dot-active-color:var(--cty-color-primary);--cty-video-progress-vertical-padding:0 15px;--cty-video-progress-horizongtal-padding:0px;--cty-video-rate-active-color:var(--cty-color-primary);--cty-video-toast-width:calc(var(--cty-video-width) * 0.4);--cty-video-toast-height:40px;--cty-video-opn-toast-icon-size:20px;display:block;position:relative;width:var(--cty-video-width);height:var(--cty-video-height);background:var(--cty-color-black)}ion-row{height:100%}ion-col{overflow:hidden}ion-button{margin:0;min-height:auto}.cty-video__wrapper{position:relative;width:100%;height:100%}.cty-video__player{display:none;position:absolute;top:0;left:0;margin:0;width:var(--cty-video-height);height:var(--cty-video-width);transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-transform:rotate(90deg) translate(0, -100%);transform:rotate(90deg);-o-object-fit:var(--cty-video-fit);object-fit:var(--cty-video-fit)}.cty-video__controls{position:absolute;top:0;left:0;width:100%;height:100%}.cty-video__header{position:absolute;z-index:6;background:var(--cty-video-header-background);top:0;left:0;width:calc(var(--cty-video-height) - var(--cty-video-header-padding-start) - var(--cty-video-header-padding-end));height:var(--cty-video-header-height);padding-left:var(--cty-video-header-padding-start);padding-right:var(--cty-video-header-padding-end);padding-top:var(--cty-video-header-padding-top);padding-bottom:var(--cty-video-header-padding-bottom);-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-box-sizing:content-box;box-sizing:content-box}.cty-video__header-back{display:var(--cty-video-header-back-display);width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__header-back ion-button{width:var(--cty-video-header-back-width);height:var(--cty-video-header-back-height);border-radius:var(--cty-video-header-back-radius);--background:var(--cty-video-header-back-background);--padding-start:5px;--padding-end:5px;--padding-top:0;--padding-bottom:0;margin-left:var(--cty-video-header-back-offset-start);margin-right:var(--cty-video-header-back-offset-end)}.cty-video__header-back cty-icon{font-size:var(--cty-video-header-back-size);color:var(--cty-video-header-back-color)}.cty-video__title[class]{display:var(--cty-video-header-title-display);font-size:var(--cty-video-header-title-size);color:var(--cty-video-header-title-color);line-height:var(--cty-video-header-height)}.cty-video__footer{position:absolute;top:0;left:0;z-index:6;width:var(--cty-video-height);height:var(--cty-video-footer-height);background:var(--cty-video-footer-background);padding-left:var(--cty-video-footer-padding-start);padding-right:var(--cty-video-footer-padding-end);transform:rotate(90deg);-webkit-transform:rotate(90deg);transform-origin:calc(var(--cty-video-footer-height) / 2) calc(var(--cty-video-footer-height) / 2);-webkit-transform-origin:calc(var(--cty-video-footer-height) / 2) calc(var(--cty-video-footer-height) / 2);-webkit-box-sizing:border-box;box-sizing:border-box}.cty-video__footer ion-button{height:100%;--background:transparent;--padding-start:12px;--padding-end:12px;--padding-top:0;--padding-bottom:0;--color:var(--cty-color-white)}.cty-video__footer ion-row{height:calc(var(--cty-video-footer-height) - var(--cty-video-footer-progress-height))}.cty-video__footer .cty-video__footer-progress__top{height:var(--cty-video-footer-progress-height);-webkit-transform:translateY(calc(var(--cty-video-footer-progress-height) / 2));transform:translateY(calc(var(--cty-video-footer-progress-height) / 2))}.cty-video__footer-controls{background:transparent}.cty-video__footer-controls ion-col:not(.cty-video__footer-progress){opacity:0}.cty-video__footer-controls .cty-video__time{opacity:0}.cty-video__footer-toggle-play{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-toggle-play cty-icon{font-size:var(--cty-video-footer-icon-size)}.cty-video__footer-flex{-ms-flex:1;flex:1}.cty-video__footer-time-label{margin-left:8px;color:var(--cty-color-white);font-size:var(--cty-video-footer-progress-size);letter-spacing:0.2px}.cty-video__footer-time-label span{margin:0 1px;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.cty-video__footer-progress{overflow:auto;-ms-flex:1;flex:1}.cty-video__time{color:var(--cty-color-white);font-size:var(--cty-video-footer-progress-size)}.cty-video__time:nth-child(1){margin-right:12px}.cty-video__time:nth-child(2),.cty-video__time:last-child{margin-left:12px}.cty-video__footer-range{--height:100%;--knob-size:var(--cty-video-bar-size);--bar-height:var(--cty-video-range-bar-height);padding:0;--knob-background:var(--cty-video-range-knob-background);--bar-background:var(--cty-video-range-background);--bar-background-active:var(--cty-video-range-background-active);color:var(--cty-video-bar-color);font-size:var(--cty-font-size-medium);opacity:1}.cty-video__footer-bar{position:relative;-ms-flex:1;flex:1;height:80%;cursor:pointer}.cty-video__footer-progress__top{position:relative;z-index:2;padding:var(--cty-video-progress-horizongtal-padding)}.cty-video__footer-progress__top .cty-video__footer-bar{height:100%}.cty-video__footer-dot{position:absolute;top:50%;padding:var(--cty-video-dot-padding);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-video__footer-dot::after{display:block;width:var(--cty-video-dot-size);height:var(--cty-video-dot-size);background:var(--cty-video-dot-active-color);content:\"\";border-radius:var(--cty-border-radius-circle)}.cty-video__footer-rate{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-rate ion-button{--padding-start:5px;--padding-end:5px;--padding-top:4px;--padding-bottom:4px;width:36px;height:auto;margin-left:12px;border-radius:var(--cty-border-radius-base);border:1px solid var(--cty-color-white);font-size:var(--cty-font-size-extra-small);font-weight:bold;white-space:nowrap}.cty-video__footer-volume{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-volume cty-icon{font-size:var(--cty-video-footer-icon-size)}.cty-video__footer-fullscreen{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-fullscreen ion-button{--padding-start:0px}.cty-video__footer-fullscreen cty-icon{font-size:var(--cty-video-footer-fullscreen-icon-size)}.cty-video__toggle-play{position:absolute;left:50%;top:50%;z-index:8;font-weight:bold;width:var(--cty-video-play-size);height:var(--cty-video-play-size);margin:calc(var(--cty-video-play-size) / -2) 0px 0px calc(var(--cty-video-play-size) / -2);border-radius:var(--cty-border-radius-circle);border:var(--cty-video-play-border);text-align:center;--background:transparent;--padding-top:0;--padding-end:0;--padding-start:0;--padding-bottom:0}.cty-video__toggle-play cty-icon{color:rgba(238, 238, 238, 0.9);font-size:var(--cty-video-play-icon-size);text-align:center;transform:rotate(90deg);-webkit-transform:rotate(90deg)}.cty-video__opn-toast{position:absolute;z-index:4;top:50%;left:50%;width:var(--cty-video-toast-width);max-width:150px;height:var(--cty-video-toast-height);background:var(--cty-overlay-color-light);border-radius:var(--cty-border-radius-round);-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);font-size:var(--cty-font-size-medium);font-weight:bold;color:var(--cty-color-white)}.cty-video__opn-toast cty-icon{margin-right:10px;font-size:var(--cty-video-opn-toast-icon-size)}.cty-video__opn-panel{position:absolute;z-index:5;top:50%;left:50%;width:var(--cty-video-height);height:calc(var(--cty-video-width) - var(--cty-video-header-height) - var(--cty-video-footer-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom));margin:0 0 0 calc((var(--cty-video-footer-height) - var(--cty-video-header-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom)) / 2);-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}.cty-video__dot-panel{position:absolute;z-index:6;background:var(--cty-overlay-color);padding:5px 11px 5px 8px;margin-left:calc(var(--cty-video-footer-height) + 13px + 46px);border-radius:var(--cty-border-radius-base);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cty-video__dot-panel .cty-video__dot-label{position:relative;max-width:160px;padding-right:17px;font-size:var(--cty-font-size-small);line-height:1.38;color:var(--cty-color-white)}.cty-video__dot-panel .cty-video__dot-label::after{position:absolute;top:0;right:7px;height:100%;width:1px;background-color:rgba(255, 255, 255, 0.3);content:\"\";-webkit-transform:scaleX(1.5);transform:scaleX(1.5)}.cty-video__dot-panel ion-button{height:36px;--padding-start:0;--padding-end:0;--background:transparent;--border-radius:0;--color:var(--cty-video-dot-active-color);font-weight:bold;font-size:var(--cty-font-size-small)}.cty-video__dot-panel cty-icon{margin-right:4px;font-size:var(--cty-font-size-medium)}.cty-video__dot-panel .cty-video__dot-triangle{position:absolute;bottom:-18px;left:20px;border-width:9px 8px;border-style:solid;border-color:transparent;border-top-color:var(--cty-overlay-color)}.cty-video__dot-panel-ex{margin-left:calc(var(--cty-video-footer-height) + 46px)}.cty-video__toast[class]{position:absolute;top:50%;z-index:7;font-weight:bold;min-width:300px;max-width:96vw;padding:0 15px;margin:0px 0px 0px -60px;background:var(--cty-overlay-color);border-radius:var(--cty-border-radius-large);color:rgba(238, 238, 238, 0.9);font-size:var(--cty-font-size-extra-small);line-height:30px;text-align:center;pointer-events:none;transform:rotate(90deg);-webkit-transform:rotate(90deg)}.cty-video__rate{position:absolute;top:0;left:0;z-index:9;width:var(--cty-video-height);height:var(--cty-video-width);-webkit-transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cty-video__rate-mask{position:absolute;top:0;right:0;width:40%;height:100%;background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.9)), color-stop(rgba(0, 0, 0, 0.8)), color-stop(rgba(0, 0, 0, 0.5)), to(transparent));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5), transparent)}.cty-video__rate-list-item{display:block;width:112px;min-height:50px;background-color:transparent;outline:none;border:none;color:var(--cty-color-white);font-size:var(--cty-font-size-base);text-align:center}.cty-video__rate-list-item.active{color:var(--cty-video-rate-active-color)}.cty-video__interactive{display:none;z-index:101;background-color:transparent;background-size:100% 100%;background-repeat:no-repeat}:host(.cty-video__vertical) cty-loading{--cty-loading-transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__player{top:50%;width:var(--cty-video-width);height:auto;max-height:100%;-webkit-transform:rotate(0deg) translateY(-50%);transform:rotate(0deg) translateY(-50%)}:host(.cty-video__vertical) .cty-video__toggle-play cty-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__toast{left:50%;top:80%;margin:0;-webkit-transform:rotate(0deg) translateX(-50%);transform:rotate(0deg) translateX(-50%)}:host(.cty-video__vertical) .cty-video__header{width:calc(var(--cty-video-width) - var(--cty-video-header-padding-start) - var(--cty-video-header-padding-end));-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__opn-panel{width:var(--cty-video-width);height:calc(var(--cty-video-height) - var(--cty-video-header-height) - var(--cty-video-footer-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom));margin:calc((var(--cty-video-footer-height) - var(--cty-video-header-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom)) / -2) 0 0;-webkit-transform:translate(-50%, -50%) rotate(0);transform:translate(-50%, -50%) rotate(0)}:host(.cty-video__vertical) .cty-video__opn-toast{top:50%;-webkit-transform:translate(-50%, 0) rotate(0deg);transform:translate(-50%, 0) rotate(0deg)}:host(.cty-video__vertical) .cty-video__footer{width:var(--cty-video-width);-webkit-transform:rotate(0);transform:rotate(0);top:auto;bottom:0}:host(.cty-video__vertical) .cty-video__footer-progress__top{padding:var(--cty-video-progress-vertical-padding)}:host(.cty-video__vertical) .cty-video__time{font-size:var(--cty-font-size-small)}:host(.cty-video__vertical) .cty-video__footer-time-label{margin-left:0}:host(.cty-video__vertical) .cty-video__rate{width:var(--cty-video-width);height:var(--cty-video-height);-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__dot-panel{margin-left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);bottom:calc(var(--cty-video-footer-height) + 13px)}:host(.cty-video__vertical) .cty-video__dot-panel-ex{bottom:var(--cty-video-footer-height)}:host(.cty-video__unfullscreen){height:var(--cty-video-half-screen-height)}:host(.cty-video__unfullscreen) .cty-video__wrapper{background-color:var(--cty-color-black)}:host(.cty-video__unfullscreen) .cty-video__player{top:0;height:var(--cty-video-half-screen-height);max-height:initial;-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__unfullscreen) .cty-video__toggle-play{width:var(--cty-video-unfullscreen-play-size);height:var(--cty-video-unfullscreen-play-size);margin:calc(var(--cty-video-unfullscreen-play-size) / -2) 0px 0px calc(var(--cty-video-unfullscreen-play-size) / -2);border:var(--cty-video-unfullscreen-play-border)}:host(.cty-video__unfullscreen) .cty-video__toggle-play cty-icon{font-size:var(--cty-video-unfullscreen-play-icon-size)}:host(.cty-video__unfullscreen) .cty-video__header{height:var(--cty-video-header-unfullscreen-height);background:var(--cty-video-header-unfullscreen-background)}:host(.cty-video__unfullscreen) .cty-video__title{line-height:var(--cty-video-header-unfullscreen-height)}:host(.cty-video__unfullscreen) .cty-video__header-back ion-button{width:30px;height:100%}:host(.cty-video__unfullscreen) .cty-video__footer{height:var(--cty-video-footer-unfullscreen-height);background:var(--cty-video-footer-unfullscreen-background)}:host(.cty-video__unfullscreen) .cty-video__footer ion-row{height:calc(var(--cty-video-footer-unfullscreen-height) - var(--cty-video-footer-progress-height))}:host(.cty-video__unfullscreen) .cty-video__footer .cty-video__footer-progress__top{height:var(--cty-video-footer-progress-height)}:host(.cty-video__unfullscreen) .cty-video__footer ion-button{--padding-start:8px;--padding-end:8px}:host(.cty-video__unfullscreen) .cty-video__footer-fullscreen ion-button{--padding-start:0px}:host(.cty-video__unfullscreen) .cty-video__opn-panel{height:calc(var(--cty-video-half-screen-height) - var(--cty-video-header-unfullscreen-height) - var(--cty-video-footer-unfullscreen-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom))}:host(.cty-video__unfullscreen) .cty-video__opn-toast{top:40%;height:30px}:host(.cty-video__unfullscreen) .cty-video__toast{top:70%}:host(.cty-video__unfullscreen) cty-loading{--cty-loading-overlay-height:var(--cty-video-half-screen-height)}:host(.cty-video__large-screen) .cty-video__player{top:0;left:50%;width:auto;max-width:100%;height:100%;-webkit-transform:rotate(0deg) translateX(-50%);transform:rotate(0deg) translateX(-50%)}.cty-video__audio-player{display:block}.cty-video__player-audio{position:absolute;visibility:hidden;display:none}";
|
|
19
|
+
const videoCss = "*{-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-ellipsis[class]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:normal}.cty-ellipsis2[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;word-wrap:break-word}.cty-ellipsis3[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-all;word-wrap:break-word}.cty-ellipsis4[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;word-break:break-all;word-wrap:break-word}ion-button{--background-activated:transparent;--background-focused:transparent;--background-hover:transparent;--box-shadow:none}ion-grid{padding:0}ion-row{padding:0}ion-col{padding:0}ion-item{--padding-bottom:0;--padding-end:0;--padding-start:0;--padding-top:0;--inner-padding-top:0;--inner-padding-start:0;--inner-padding-end:0;--inner-padding-bottom:0;--inner-border-width:0;--border-width:0;--min-height:0;--background:none;overflow:initial}ion-toast{--width:84%;--height:36px;--color:var(--cty-color-white);--background:rgba(0, 0, 0, 0.7);--border-radius:100px;line-height:1.2;font-size:var(--cty-font-size-base);text-align:center}.plt-hybrid .safe-area-bottom-border{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid var(--cty-color-white)}.plt-hybrid .safe-area-bottom-border-color{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid currentColor}.plt-hybrid .safe-area-bottom-padding{padding-bottom:var(--ion-safe-area-bottom, 0)}:host{--cty-video-width:100vw;--cty-video-height:100vh;--cty-video-half-width:calc(var(--cty-video-width) / 2);--cty-video-fit:fill;--cty-video-header-height:50px;--cty-video-header-background:var(--cty-overlay-color-lighter);--cty-video-header-unfullscreen-background:transparent;--cty-video-header-unfullscreen-height:30px;--cty-video-header-padding-top:0px;--cty-video-header-padding-bottom:0px;--cty-video-header-padding-start:0px;--cty-video-header-padding-end:0px;--cty-video-header-back-display:flex;--cty-video-header-back-background:transparent;--cty-video-header-back-height:36px;--cty-video-header-back-width:36px;--cty-video-header-back-radius:var(--cty-border-radius-circle);--cty-video-header-back-offset-start:2px;--cty-video-header-back-offset-end:0px;--cty-video-header-back-size:25px;--cty-video-header-back-color:var(--cty-color-white);--cty-video-header-title-size:var(--cty-font-size-medium);--cty-video-header-title-color:var(--cty-color-white);--cty-video-header-title-display:flex;--cty-video-footer-height:50px;--cty-video-footer-background:var(--cty-overlay-color-lighter);--cty-video-footer-unfullscreen-background:transparent;--cty-video-footer-unfullscreen-height:35px;--cty-video-footer-progress-height:0px;--cty-video-footer-padding-start:0px;--cty-video-footer-padding-end:0px;--cty-video-footer-progress-size:var(--cty-font-size-medium);--cty-video-footer-icon-size:24px;--cty-video-footer-fullscreen-icon-size:20px;--cty-video-play-size:80px;--cty-video-play-border:5px solid rgb(238 238 238 / 80%);--cty-video-play-icon-size:40px;--cty-video-unfullscreen-play-size:40px;--cty-video-unfullscreen-play-border:4px solid rgb(238 238 238 / 80%);--cty-video-unfullscreen-play-icon-size:26px;--cty-video-range-bar-height:2px;--cty-video-bar-size:12px;--cty-video-bar-color:var(--cty-color-white);--cty-video-range-knob-background:var(--cty-color-white);--cty-video-range-background:rgb(255 255 255 / 50%);--cty-video-range-background-active:var(--cty-color-primary);--cty-video-loading-background-color:rgb(0 0 0 / 90%);--cty-video-loading-img-width:100px;--cty-video-half-screen-height:56vw;--cty-video-dot-size:7px;--cty-video-dot-padding:9px;--cty-video-dot-active-color:var(--cty-color-primary);--cty-video-progress-vertical-padding:0 15px;--cty-video-progress-horizongtal-padding:0px;--cty-video-rate-active-color:var(--cty-color-primary);--cty-video-toast-width:calc(var(--cty-video-width) * 0.4);--cty-video-toast-height:40px;--cty-video-opn-toast-icon-size:20px;position:relative;display:block;width:var(--cty-video-width);height:var(--cty-video-height);background:var(--cty-color-black)}ion-row{height:100%}ion-col{overflow:hidden}ion-button{min-height:auto;margin:0}.cty-video__wrapper{position:relative;width:100%;height:100%}.cty-video__player{position:absolute;top:0;left:0;display:none;width:var(--cty-video-height);height:var(--cty-video-width);margin:0;-o-object-fit:var(--cty-video-fit);object-fit:var(--cty-video-fit);-webkit-transform:rotate(90deg) translate(0, -100%);transform:rotate(90deg);-webkit-transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);transform-origin:var(--cty-video-half-width) var(--cty-video-half-width)}.cty-video__controls{position:absolute;top:0;left:0;width:100%;height:100%}.cty-video__header{position:absolute;top:0;left:0;z-index:6;-webkit-box-sizing:content-box;box-sizing:content-box;width:calc(var(--cty-video-height) - var(--cty-video-header-padding-start) - var(--cty-video-header-padding-end));height:var(--cty-video-header-height);padding:var(--cty-video-header-padding-top) var(--cty-video-header-padding-end) var(--cty-video-header-padding-bottom) var(--cty-video-header-padding-start);background:var(--cty-video-header-background);-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);transform-origin:var(--cty-video-half-width) var(--cty-video-half-width)}.cty-video__header-back{display:var(--cty-video-header-back-display);-ms-flex-positive:0;flex-grow:0;width:auto;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__header-back ion-button{width:var(--cty-video-header-back-width);height:var(--cty-video-header-back-height);margin-right:var(--cty-video-header-back-offset-end);margin-left:var(--cty-video-header-back-offset-start);border-radius:var(--cty-video-header-back-radius);--background:var(--cty-video-header-back-background);--padding-start:5px;--padding-end:5px;--padding-top:0;--padding-bottom:0}.cty-video__header-back cty-icon{font-size:var(--cty-video-header-back-size);color:var(--cty-video-header-back-color)}.cty-video__title[class]{display:var(--cty-video-header-title-display);font-size:var(--cty-video-header-title-size);line-height:var(--cty-video-header-height);color:var(--cty-video-header-title-color)}.cty-video__footer{position:absolute;top:0;left:0;z-index:6;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--cty-video-height);height:var(--cty-video-footer-height);padding-right:var(--cty-video-footer-padding-end);padding-left:var(--cty-video-footer-padding-start);background:var(--cty-video-footer-background);-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:calc(var(--cty-video-footer-height) / 2) calc(var(--cty-video-footer-height) / 2);transform-origin:calc(var(--cty-video-footer-height) / 2) calc(var(--cty-video-footer-height) / 2)}.cty-video__footer ion-button{height:100%;--background:transparent;--padding-start:12px;--padding-end:12px;--padding-top:0;--padding-bottom:0;--color:var(--cty-color-white)}.cty-video__footer ion-row{height:calc(var(--cty-video-footer-height) - var(--cty-video-footer-progress-height))}.cty-video__footer .cty-video__footer-progress__top{height:var(--cty-video-footer-progress-height);-webkit-transform:translateY(calc(var(--cty-video-footer-progress-height) / 2));transform:translateY(calc(var(--cty-video-footer-progress-height) / 2))}.cty-video__footer-controls{background:transparent}.cty-video__footer-controls ion-col:not(.cty-video__footer-progress){opacity:0}.cty-video__footer-controls .cty-video__time{opacity:0}.cty-video__footer-toggle-play{-ms-flex-positive:0;flex-grow:0;width:auto;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-toggle-play cty-icon{font-size:var(--cty-video-footer-icon-size)}.cty-video__footer-flex{-ms-flex:1;flex:1}.cty-video__footer-time-label{margin-left:8px;font-size:var(--cty-video-footer-progress-size);color:var(--cty-color-white);letter-spacing:0.2px}.cty-video__footer-time-label span{margin:0 1px;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.cty-video__footer-progress{-ms-flex:1;flex:1;overflow:auto}.cty-video__time{font-size:var(--cty-video-footer-progress-size);color:var(--cty-color-white)}.cty-video__time:nth-child(1){margin-right:12px}.cty-video__time:nth-child(2),.cty-video__time:last-child{margin-left:12px}.cty-video__footer-range{--height:100%;--knob-size:var(--cty-video-bar-size);--bar-height:var(--cty-video-range-bar-height);padding:0;font-size:var(--cty-font-size-medium);color:var(--cty-video-bar-color);opacity:1;--knob-background:var(--cty-video-range-knob-background);--bar-background:var(--cty-video-range-background);--bar-background-active:var(--cty-video-range-background-active)}.cty-video__footer-bar{position:relative;-ms-flex:1;flex:1;height:80%;cursor:pointer}.cty-video__footer-progress__top{position:relative;z-index:2;padding:var(--cty-video-progress-horizongtal-padding)}.cty-video__footer-progress__top .cty-video__footer-bar{height:100%}.cty-video__footer-dot{position:absolute;top:50%;padding:var(--cty-video-dot-padding);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-video__footer-dot::after{display:block;width:var(--cty-video-dot-size);height:var(--cty-video-dot-size);content:\"\";background:var(--cty-video-dot-active-color);border-radius:var(--cty-border-radius-circle)}.cty-video__footer-rate{-ms-flex-positive:0;flex-grow:0;width:auto;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-rate ion-button{--padding-start:5px;--padding-end:5px;--padding-top:4px;--padding-bottom:4px;width:36px;height:auto;margin-left:12px;font-size:var(--cty-font-size-extra-small);font-weight:bold;white-space:nowrap;border:1px solid var(--cty-color-white);border-radius:var(--cty-border-radius-base)}.cty-video__footer-volume{-ms-flex-positive:0;flex-grow:0;width:auto;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-volume cty-icon{font-size:var(--cty-video-footer-icon-size)}.cty-video__footer-fullscreen{-ms-flex-positive:0;flex-grow:0;width:auto;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-fullscreen ion-button{--padding-start:0px}.cty-video__footer-fullscreen cty-icon{font-size:var(--cty-video-footer-fullscreen-icon-size)}.cty-video__toggle-play{position:absolute;top:50%;left:50%;z-index:8;width:var(--cty-video-play-size);height:var(--cty-video-play-size);margin:calc(var(--cty-video-play-size) / -2) 0 0 calc(var(--cty-video-play-size) / -2);font-weight:bold;text-align:center;border:var(--cty-video-play-border);border-radius:var(--cty-border-radius-circle);--background:transparent;--padding-top:0;--padding-end:0;--padding-start:0;--padding-bottom:0}.cty-video__toggle-play cty-icon{font-size:var(--cty-video-play-icon-size);color:rgba(238, 238, 238, 0.9);text-align:center;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cty-video__opn-toast{position:absolute;top:50%;left:50%;z-index:4;width:var(--cty-video-toast-width);max-width:150px;height:var(--cty-video-toast-height);font-size:var(--cty-font-size-medium);font-weight:bold;color:var(--cty-color-white);background:var(--cty-overlay-color-light);border-radius:var(--cty-border-radius-round);-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}.cty-video__opn-toast cty-icon{margin-right:10px;font-size:var(--cty-video-opn-toast-icon-size)}.cty-video__opn-panel{position:absolute;top:50%;left:50%;z-index:5;width:var(--cty-video-height);height:calc(var(--cty-video-width) - var(--cty-video-header-height) - var(--cty-video-footer-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom));margin:0 0 0 calc((var(--cty-video-footer-height) - var(--cty-video-header-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom)) / 2);-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}.cty-video__dot-panel{position:absolute;z-index:6;padding:5px 11px 5px 8px;margin-left:calc(var(--cty-video-footer-height) + 13px + 46px);background:var(--cty-overlay-color);border-radius:var(--cty-border-radius-base);-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:left top;transform-origin:left top}.cty-video__dot-panel .cty-video__dot-label{position:relative;max-width:160px;padding-right:17px;font-size:var(--cty-font-size-small);line-height:1.38;color:var(--cty-color-white)}.cty-video__dot-panel .cty-video__dot-label::after{position:absolute;top:0;right:7px;width:1px;height:100%;content:\"\";background-color:rgba(255, 255, 255, 0.3);-webkit-transform:scaleX(1.5);transform:scaleX(1.5)}.cty-video__dot-panel ion-button{height:36px;font-size:var(--cty-font-size-small);font-weight:bold;--padding-start:0;--padding-end:0;--background:transparent;--border-radius:0;--color:var(--cty-video-dot-active-color)}.cty-video__dot-panel cty-icon{margin-right:4px;font-size:var(--cty-font-size-medium)}.cty-video__dot-panel .cty-video__dot-triangle{position:absolute;bottom:-18px;left:20px;border-color:transparent;border-style:solid;border-width:9px 8px;border-top-color:var(--cty-overlay-color)}.cty-video__dot-panel-ex{margin-left:calc(var(--cty-video-footer-height) + 46px)}.cty-video__toast[class]{position:absolute;top:50%;z-index:7;min-width:300px;max-width:96vw;padding:0 15px;margin:0 0 0 -60px;font-size:var(--cty-font-size-extra-small);font-weight:bold;line-height:30px;color:rgba(238, 238, 238, 0.9);text-align:center;pointer-events:none;background:var(--cty-overlay-color);border-radius:var(--cty-border-radius-large);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cty-video__rate{position:absolute;top:0;left:0;z-index:9;width:var(--cty-video-height);height:var(--cty-video-width);-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);transform-origin:var(--cty-video-half-width) var(--cty-video-half-width)}.cty-video__rate-mask{position:absolute;top:0;right:0;width:40%;height:100%;background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.9)), color-stop(rgba(0, 0, 0, 0.8)), color-stop(rgba(0, 0, 0, 0.5)), to(transparent));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5), transparent)}.cty-video__rate-list-item{display:block;width:112px;min-height:50px;font-size:var(--cty-font-size-base);color:var(--cty-color-white);text-align:center;outline:none;background-color:transparent;border:none}.cty-video__rate-list-item.active{color:var(--cty-video-rate-active-color)}.cty-video__interactive{z-index:101;display:none;background-color:transparent;background-repeat:no-repeat;background-size:100% 100%}:host(.cty-video__vertical) cty-loading{--cty-loading-transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__player{top:50%;width:var(--cty-video-width);height:auto;max-height:100%;-webkit-transform:rotate(0deg) translateY(-50%);transform:rotate(0deg) translateY(-50%)}:host(.cty-video__vertical) .cty-video__toggle-play cty-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__toast{top:80%;left:50%;margin:0;-webkit-transform:rotate(0deg) translateX(-50%);transform:rotate(0deg) translateX(-50%)}:host(.cty-video__vertical) .cty-video__header{width:calc(var(--cty-video-width) - var(--cty-video-header-padding-start) - var(--cty-video-header-padding-end));-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__opn-panel{width:var(--cty-video-width);height:calc(var(--cty-video-height) - var(--cty-video-header-height) - var(--cty-video-footer-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom));margin:calc((var(--cty-video-footer-height) - var(--cty-video-header-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom)) / -2) 0 0;-webkit-transform:translate(-50%, -50%) rotate(0);transform:translate(-50%, -50%) rotate(0)}:host(.cty-video__vertical) .cty-video__opn-toast{top:50%;-webkit-transform:translate(-50%, 0) rotate(0deg);transform:translate(-50%, 0) rotate(0deg)}:host(.cty-video__vertical) .cty-video__footer{top:auto;bottom:0;width:var(--cty-video-width);-webkit-transform:rotate(0);transform:rotate(0)}:host(.cty-video__vertical) .cty-video__footer-progress__top{padding:var(--cty-video-progress-vertical-padding)}:host(.cty-video__vertical) .cty-video__time{font-size:var(--cty-font-size-small)}:host(.cty-video__vertical) .cty-video__footer-time-label{margin-left:0}:host(.cty-video__vertical) .cty-video__rate{width:var(--cty-video-width);height:var(--cty-video-height);-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__dot-panel{bottom:calc(var(--cty-video-footer-height) + 13px);margin-left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__dot-panel-ex{bottom:var(--cty-video-footer-height)}:host(.cty-video__unfullscreen){height:var(--cty-video-half-screen-height)}:host(.cty-video__unfullscreen) .cty-video__wrapper{background-color:var(--cty-color-black)}:host(.cty-video__unfullscreen) .cty-video__player{top:0;height:var(--cty-video-half-screen-height);max-height:initial;-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__unfullscreen) .cty-video__toggle-play{width:var(--cty-video-unfullscreen-play-size);height:var(--cty-video-unfullscreen-play-size);margin:calc(var(--cty-video-unfullscreen-play-size) / -2) 0 0 calc(var(--cty-video-unfullscreen-play-size) / -2);border:var(--cty-video-unfullscreen-play-border)}:host(.cty-video__unfullscreen) .cty-video__toggle-play cty-icon{font-size:var(--cty-video-unfullscreen-play-icon-size)}:host(.cty-video__unfullscreen) .cty-video__header{height:var(--cty-video-header-unfullscreen-height);background:var(--cty-video-header-unfullscreen-background)}:host(.cty-video__unfullscreen) .cty-video__title{line-height:var(--cty-video-header-unfullscreen-height)}:host(.cty-video__unfullscreen) .cty-video__header-back ion-button{width:30px;height:100%}:host(.cty-video__unfullscreen) .cty-video__footer{height:var(--cty-video-footer-unfullscreen-height);background:var(--cty-video-footer-unfullscreen-background)}:host(.cty-video__unfullscreen) .cty-video__footer ion-row{height:calc(var(--cty-video-footer-unfullscreen-height) - var(--cty-video-footer-progress-height))}:host(.cty-video__unfullscreen) .cty-video__footer .cty-video__footer-progress__top{height:var(--cty-video-footer-progress-height)}:host(.cty-video__unfullscreen) .cty-video__footer ion-button{--padding-start:8px;--padding-end:8px}:host(.cty-video__unfullscreen) .cty-video__footer-fullscreen ion-button{--padding-start:0px}:host(.cty-video__unfullscreen) .cty-video__opn-panel{height:calc(var(--cty-video-half-screen-height) - var(--cty-video-header-unfullscreen-height) - var(--cty-video-footer-unfullscreen-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom))}:host(.cty-video__unfullscreen) .cty-video__opn-toast{top:40%;height:30px}:host(.cty-video__unfullscreen) .cty-video__toast{top:70%}:host(.cty-video__unfullscreen) cty-loading{--cty-loading-overlay-height:var(--cty-video-half-screen-height)}:host(.cty-video__large-screen) .cty-video__player{top:0;left:50%;width:auto;max-width:100%;height:100%;-webkit-transform:rotate(0deg) translateX(-50%);transform:rotate(0deg) translateX(-50%)}.cty-video__audio-player{display:block}.cty-video__player-audio{position:absolute;display:none;visibility:hidden}";
|
|
20
20
|
|
|
21
21
|
const Video = /*@__PURE__*/ proxyCustomElement(class Video extends HTMLElement {
|
|
22
22
|
constructor() {
|
|
@@ -119,6 +119,7 @@ const Circle = class {
|
|
|
119
119
|
this.clockwise = true;
|
|
120
120
|
this.zeroTransparent = true;
|
|
121
121
|
this.rad = 500;
|
|
122
|
+
this.ratio = 1;
|
|
122
123
|
this.needDefs = false;
|
|
123
124
|
this.gradientId = '';
|
|
124
125
|
this.colors = [];
|
|
@@ -163,11 +164,14 @@ const Circle = class {
|
|
|
163
164
|
return `M ${viewBoxSize / 2} ${viewBoxSize / 2} m 0, -500 a 500, 500 0 1, ${sweepFlag} 0, 1000 a 500, 500 0 1, ${sweepFlag} 0, -1000`;
|
|
164
165
|
}
|
|
165
166
|
render() {
|
|
166
|
-
return (index.h(index.Host, { key: '
|
|
167
|
+
return (index.h(index.Host, { key: 'ccfe5ff1b027fa8cbe3825c6e0eb939df43f65d6', class: "cty-circle" }, index.h("svg", { key: '02be6ac8e923bcee80c652d60514229411869913', ref: el => (this.svgEl = el) }, this.needDefs && index.h("defs", { key: '113fb97d1fb11ed5f2ac9590ccf70932e6899174' }, index.h("linearGradient", { key: 'f1b06ed406f4ad77eaa8cf0c7370e3619ea64123', id: this.gradientId, x1: "100%", y1: "0%", x2: "0%", y2: "0%" }, this.colors.map(() => (index.h("stop", null))))), index.h("path", { key: 'dac96112d0a639be16293f30deb14f54f4dcef55', ref: el => (this.layerEl = el), class: "cty-circle__layer", style: {
|
|
168
|
+
'stroke-width': this.width + 'px',
|
|
169
|
+
'strokeDasharray': (this.ratio * this.rate / 100 * this.perimeter) + 'px ' + this.perimeter + 'px'
|
|
170
|
+
} }), index.h("path", { key: '9f834efca9206c6c05301f347902a1e2a2607019', ref: el => (this.hoverEl = el), class: "cty-circle__hover", style: {
|
|
167
171
|
'stroke': this.rate <= 0 && this.zeroTransparent ? 'transparent' : this.needDefs ? 'url(#' + this.gradientId + ')' : this.color,
|
|
168
172
|
'stroke-width': +this.width + 1 + 'px',
|
|
169
|
-
'strokeDasharray': (this.
|
|
170
|
-
} })), this.text !== '' && index.h("div", { key: '
|
|
173
|
+
'strokeDasharray': (this.ratio * this.perimeter) + 'px ' + this.perimeter + 'px'
|
|
174
|
+
} })), this.text !== '' && index.h("div", { key: '4681be5b86f4e1e1e82f1ebaa3c9e8bc26b1900e', class: "cty-circle__text" }, this.text), index.h("slot", { key: '73d0095bdf147f6253fe53f6855ebba837ff2a97' })));
|
|
171
175
|
}
|
|
172
176
|
get el() { return index.getElement(this); }
|
|
173
177
|
static get watchers() { return {
|
|
@@ -13,7 +13,7 @@ require('./animation-BhN-MT4J.js');
|
|
|
13
13
|
require('./index-D3mJ1Cix.js');
|
|
14
14
|
require('./helpers-B4vhh9gt.js');
|
|
15
15
|
|
|
16
|
-
const cascaderCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-cascader-
|
|
16
|
+
const cascaderCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-cascader-overlay-position:fixed;--cty-cascader-overlay-z-index:10;--cty-cascader-overlay-background:rgba(0, 0, 0, 0.3);--cty-cascader-overlay-width:100vw;--cty-cascader-overlay-height:100vh;--cty-cascader-background:#FFF;--cty-cascader-header-height:44px;--cty-cascader-header-button-size:var(--cty-font-size-medium);--cty-cascader-header-padding:0px 15px;--cty-cascader-header-border-bottom:1px solid var(--cty-border-color-light);--cty-cascader-title-size:var(--cty-font-size-medium);--cty-cascader-title-color:var(--cty-text-color-dark);--cty-cascader-title-weight:500;--cty-cascader-cancel-color:var(--cty-color-medium);--cty-cascader-confirm-color:var(--cty-color-primary);--cty-cascader-option-text-color:var(--cty-text-color-dark);--cty-cascader-option-text-font-size:var(--cty-font-size-medium);--cty-cascader-picked-border-color:var(--cty-border-color);--cty-cascader-mask-background-image:linear-gradient(180deg,\n rgba(255, 255, 255, 0.9),\n rgba(255, 255, 255, 0.4)), linear-gradient(0deg,\n rgba(255, 255, 255, 0.9),\n rgba(255, 255, 255, 0.4))}:host(.overlay-hidden){display:none}cty-backdrop{position:var(--cty-cascader-overlay-position);z-index:var(--cty-cascader-overlay-z-index);background:var(--cty-cascader-overlay-background);width:var(--cty-cascader-overlay-width);height:var(--cty-cascader-overlay-height)}.cty-cascader-container{position:fixed;bottom:0;left:0;right:0;background:var(--cty-cascader-background);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cascader{width:100%;background:var(--cty-cascader-background)}.cty-cascader-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:var(--cty-cascader-header-height, 44px);border-bottom:var(--cty-cascader-header-border-bottom);padding:var(--cty-cascader-header-padding)}.cty-cascader-header button{font-size:var(--cty-cascader-header-button-size)}.cty-cascader-header button.cancel{color:var(--cty-cascader-cancel-color)}.cty-cascader-header button.confirm{color:var(--cty-cascader-confirm-color)}.cty-cascader-header .cty-cascader-title{color:var(--cty-cascader-title-color);font-size:var(--cty-cascader-title-size);font-weight:var(--cty-cascader-title-weight)}.cty-cascader-columns{position:relative;display:-ms-flexbox;display:flex;overflow:hidden}.cty-cascader-column{-ms-flex:1;flex:1;position:relative;overflow:hidden}.cty-cascader-scroller{position:absolute;left:0;right:0;top:0;-webkit-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.cty-cascader-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 4px;cursor:pointer}.cty-cascader-option .cty-cascader-text{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cty-cascader-option-text-color);font-size:var(--cty-cascader-option-text-font-size)}.cty-cascader-picked{position:absolute;left:0;right:0;pointer-events:none;border-top:1px solid var(--cty-cascader-picked-border-color);border-bottom:1px solid var(--cty-cascader-picked-border-color)}.cty-cascader-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--cty-cascader-mask-background-image);background-repeat:no-repeat;background-position:top, bottom;pointer-events:none}";
|
|
17
17
|
|
|
18
18
|
const Cascader = class {
|
|
19
19
|
constructor(hostRef) {
|
|
@@ -22,6 +22,7 @@ const FloatingPanel = class {
|
|
|
22
22
|
this.isContentTouched = false;
|
|
23
23
|
this.isDragStart = false;
|
|
24
24
|
this.isDragMove = false;
|
|
25
|
+
this.maxScroll = -1;
|
|
25
26
|
}
|
|
26
27
|
get boundary() {
|
|
27
28
|
return { min: this.anchors[0] === undefined ? 100 : this.anchors[0], max: this.anchors.length > 0 ? this.anchors[this.anchors.length - 1] : window.innerHeight * 0.6 };
|
|
@@ -45,13 +46,27 @@ const FloatingPanel = class {
|
|
|
45
46
|
this.lastY = dom.getEventPageCoords(event).y;
|
|
46
47
|
this.lastHeight = -this.height;
|
|
47
48
|
this.el.style.transitionProperty = 'none';
|
|
49
|
+
this.maxScroll = -1;
|
|
48
50
|
}
|
|
49
51
|
dragMove(event) {
|
|
50
|
-
|
|
52
|
+
const { isDragStart, contentRef, maxScroll, boundary, lastHeight } = this;
|
|
53
|
+
if (this.contentDraggableCheck() || !isDragStart)
|
|
51
54
|
return;
|
|
52
|
-
this.isDragMove = true;
|
|
53
55
|
const nowY = dom.getEventPageCoords(event).y;
|
|
54
|
-
const
|
|
56
|
+
const deltaY = nowY - this.lastY;
|
|
57
|
+
const moveY = this.lastHeight + deltaY;
|
|
58
|
+
if (this.isContentTouched) {
|
|
59
|
+
const { scrollTop } = contentRef;
|
|
60
|
+
this.maxScroll = Math.max(maxScroll, scrollTop);
|
|
61
|
+
if (-lastHeight < boundary.max) {
|
|
62
|
+
event.preventDefault();
|
|
63
|
+
event.stopPropagation();
|
|
64
|
+
}
|
|
65
|
+
else if (!(scrollTop <= 0 && deltaY > 0) || maxScroll > 0) {
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
this.isDragMove = true;
|
|
55
70
|
this.height = -this.ease(moveY);
|
|
56
71
|
this.el.style.transform = `translateY(calc(100% + ${-this.height}px))`;
|
|
57
72
|
}
|
|
@@ -60,6 +75,7 @@ const FloatingPanel = class {
|
|
|
60
75
|
return;
|
|
61
76
|
this.isDragMove = false;
|
|
62
77
|
this.isDragStart = false;
|
|
78
|
+
this.maxScroll = -1;
|
|
63
79
|
this.el.style.transitionProperty = 'transform';
|
|
64
80
|
if (this.endAnchor || this.height <= this.boundary.min || this.height >= this.boundary.max) {
|
|
65
81
|
this.height = utils.closest(this.anchors, this.height);
|
|
@@ -82,15 +98,15 @@ const FloatingPanel = class {
|
|
|
82
98
|
return moveY;
|
|
83
99
|
}
|
|
84
100
|
render() {
|
|
85
|
-
return (index.h(index.Host, { key: '
|
|
101
|
+
return (index.h(index.Host, { key: '64489e035e1801afaa769d05c1b17d449bf73465', 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() }, index.h("div", { key: '3b8c26a530b3451646ea03a986de6bc244a658e9', class: "cty-floating-panel__header flex-center", onTouchStart: () => {
|
|
86
102
|
this.setContentTouched(false);
|
|
87
103
|
}, onMouseDown: () => {
|
|
88
104
|
this.setContentTouched(false);
|
|
89
|
-
} }, index.h("slot", { key: '
|
|
105
|
+
} }, index.h("slot", { key: '19d8d5bfe0f31ef70cb02cd8b0574e75b885b43e', name: "icon-start" }), this.icon && index.h("cty-icon", { key: 'a4d27b14446ac64bbcfca65625392e05339dacdc', class: "cty-floating-panel__header-bar", name: this.icon }), index.h("slot", { key: '960bfb397d7ef06cbb47e7c6b1dbf9c983880b8e', name: "icon-end" })), index.h("div", { key: '09b5729696f2eb6473ffc109e8f6353c4eb8e374', class: "cty-floating-panel__content", ref: (el) => (this.contentRef = el), onTouchStart: () => {
|
|
90
106
|
this.setContentTouched(true);
|
|
91
107
|
}, onMouseDown: () => {
|
|
92
108
|
this.setContentTouched(true);
|
|
93
|
-
} }, index.h("slot", { key: '
|
|
109
|
+
} }, index.h("slot", { key: 'f61871acf51547ee28fa5226b2995b633e697242' }))));
|
|
94
110
|
}
|
|
95
111
|
get el() { return index.getElement(this); }
|
|
96
112
|
};
|