cty-mui-core 1.0.38 → 1.0.39

package/dist/esm-es5/cty-steps.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{g as checkmarkCircle,y as ellipse}from"./index-D0r4bHmZ.js";var stepsCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{overflow:hidden;display:block;background-color:var(--cty-color-white);--cty-steps-horizontal-padding:10px 10px 0;--cty-steps-vertical-padding:0 0 0 32px;--cty-step-border-bottom:none}:host(.cty-steps__horizontal){padding:var(--cty-steps-horizontal-padding)}:host(.cty-steps__horizontal) .cty-steps__items{display:-ms-flexbox;display:flex;position:relative}:host(.cty-steps__horizontal) ::slotted(cty-step:first-of-type){--cty-step-title-margin-left:0;--cty-step-title-transform:none}:host(.cty-steps__horizontal) ::slotted(cty-step:last-of-type){position:absolute;right:0;--cty-step-horizontal-circle-container-right:-8px;--cty-step-line-width:0;--cty-step-title-transform:translate(0)}:host(.cty-steps__horizontal) ::slotted(cty-step:not(:last-of-type)){--cty-step-horizontal-circle-container-left:-8px}:host(.cty-steps__vertical){padding:var(--cty-steps-vertical-padding)}:host(.cty-steps__vertical) ::slotted(cty-step:not(:last-child)){--cty-step-border-bottom:var(--cty-step-border-bottom)}:host(.cty-steps__vertical) ::slotted(cty-step:last-of-type){--cty-step-line-width:0}";var Steps=function(){function t(t){registerInstance(this,t);this.ctyStepTap=createEvent(this,"ctyStepTap",7);this.ctyChange=createEvent(this,"ctyChange",7);this.active=0;this.direction="horizontal";this.activeIcon=checkmarkCircle;this.finishIcon="";this.inactiveIcon=ellipse}t.prototype.updateState=function(){this.ctyChange.emit(+this.active)};t.prototype.onClickStep=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ctyStepTap.emit(t);return[2]}))}))};t.prototype.render=function(){return h(Host,{key:"5869144f79c4228135482d821527b2e9f003c002",class:"cty-steps cty-steps__"+this.direction},h("div",{key:"65a111fa89f0bf7703bd7de712345c84c6a4a4b7",class:"cty-steps__items"},h("slot",{key:"b321646d667099d2c6d888248951d1b7bdc49917"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["updateState"]}},enumerable:false,configurable:true});return t}();Steps.style=stepsCss;export{Steps as cty_steps};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{g as checkmarkCircle,y as ellipse}from"./index-D0r4bHmZ.js";var stepsCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{overflow:hidden;display:block;background-color:var(--cty-color-white);--cty-steps-horizontal-padding:10px 10px 0;--cty-steps-vertical-padding:0 0 0 32px;--cty-step-border-bottom:none}:host(.cty-steps__horizontal){padding:var(--cty-steps-horizontal-padding)}:host(.cty-steps__horizontal) .cty-steps__items{display:-ms-flexbox;display:flex;position:relative}:host(.cty-steps__horizontal) ::slotted(cty-step:first-of-type){--cty-step-title-margin-left:0;--cty-step-title-transform:none}:host(.cty-steps__horizontal) ::slotted(cty-step:last-of-type){position:absolute;right:0;--cty-step-horizontal-circle-container-right:-8px;--cty-step-line-width:0;--cty-step-title-transform:translate(0)}:host(.cty-steps__horizontal) ::slotted(cty-step:not(:last-of-type)){--cty-step-horizontal-circle-container-left:-8px}:host(.cty-steps__vertical){padding:var(--cty-steps-vertical-padding)}:host(.cty-steps__vertical) ::slotted(cty-step:not(:last-child)){--cty-step-border-bottom:var(--cty-step-border-bottom)}:host(.cty-steps__vertical) ::slotted(cty-step:last-of-type){--cty-step-line-width:0}";var Steps=function(){function t(t){registerInstance(this,t);this.ctyStepTap=createEvent(this,"ctyStepTap",7);this.ctyChange=createEvent(this,"ctyChange",7);this.active=0;this.direction="horizontal";this.activeIcon=checkmarkCircle;this.finishIcon="";this.inactiveIcon=ellipse}t.prototype.updateState=function(){this.ctyChange.emit(+this.active)};t.prototype.onClickStep=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ctyStepTap.emit(t);return[2]}))}))};t.prototype.render=function(){return h(Host,{key:"5745583e60bbf601374638b8a5f706f316a846ab",class:"cty-steps cty-steps__"+this.direction},h("div",{key:"72dbc47ceca5f930d42003edd69282939cbae126",class:"cty-steps__items"},h("slot",{key:"6b252b0ded95e31c185edbfc0262f351dd7886a1"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["updateState"]}},enumerable:false,configurable:true});return t}();Steps.style=stepsCss;export{Steps as cty_steps};

package/dist/esm-es5/cty-swipe_2.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{d as doubleRaf,r as raf}from"./helpers-Bm1EyNNA.js";import{i as clamp}from"./format-DnWe30Rj.js";import{a as getEventClientCoords}from"./dom-CHhKFKFA.js";var swipeCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{display:block;position:relative;overflow:hidden;width:100%;height:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--cty-swipe-indicator-coord:50%;--cty-swipe-indicator-offset:12px;--cty-swipe-indicator-translate:translate(-50%, -50%);--cty-swipe-indicator-dot-width:6px;--cty-swipe-indicator-dot-height:6px;--cty-swipe-indicator-dot-background:var(--cty-color-white);--cty-swipe-indicator-dot-opacity:0.3;--cty-swipe-indicator-dot-opacity-active:1;--cty-swipe-indicator-dot-background-active:var(--cty-color-white);--cty-swipe-indicator-dot-transition:opacity 0.2s, background 0.2s;--cty-swipe-indicator-dot-offset:6px;--cty-swipe-indicator-dot-border-radius:100%}.cty-swipe__track{display:-ms-flexbox;display:flex;min-width:100%;width:100%;height:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.cty-swipe__track-vertical{-ms-flex-flow:column;flex-flow:column}.cty-swipe__indicator{display:-ms-flexbox;display:flex;position:absolute;left:var(--cty-swipe-indicator-coord);bottom:var(--cty-swipe-indicator-offset);-webkit-transform:var(--cty-swipe-indicator-translate);transform:var(--cty-swipe-indicator-translate)}.cty-swipe__indicator-vertical{left:var(--cty-swipe-indicator-offset);top:var(--cty-swipe-indicator-coord);bottom:auto;-ms-flex-flow:column;flex-flow:column}.cty-swipe__indicator-vertical .cty-swipe__indicator-dot:not(:last-child){margin-right:0;margin-bottom:var(--cty-swipe-indicator-dot-offset)}.cty-swipe__indicator-dot{width:var(--cty-swipe-indicator-dot-width);height:var(--cty-swipe-indicator-dot-height);background:var(--cty-swipe-indicator-dot-background);opacity:var(--cty-swipe-indicator-dot-opacity);-webkit-transition:var(--cty-swipe-indicator-dot-transition);transition:var(--cty-swipe-indicator-dot-transition);border-radius:var(--cty-swipe-indicator-dot-border-radius)}.cty-swipe__indicator-dot:not(:last-child){margin-right:var(--cty-swipe-indicator-dot-offset)}.cty-swipe__indicator-dot-active{opacity:var(--cty-swipe-indicator-dot-opacity-active);background-color:var(--cty-swipe-indicator-dot-background-active)}";var Swipe=function(){function t(t){registerInstance(this,t);this.ctyChange=createEvent(this,"ctyChange",7);this.ctyDragStart=createEvent(this,"ctyDragStart",7);this.ctyDragEnd=createEvent(this,"ctyDragEnd",7);this.loop=true;this.vertical=false;this.duration=500;this.autoplay=true;this.initialSwipe=0;this.indicator=true;this.touchable=true;this.transitionDuration=0;this.offset=0;this.active=0;this.swiping=false;this.count=0;this.size=0;this.minOffset=0;this.maxCount=0;this.autoplayTimer=0;this.swipeItems=[];this.canMouseMove=false;this.dragging=false;this.touchStartTime=0;this.touchState={startX:0,startY:0,deltaX:0,deltaY:0,offsetX:0,offsetY:0,direction:"",delta:0};this.expectDirection=""}t.prototype.onResize=function(){this.initialize(this.active)};t.prototype.onVisibilityChange=function(){document.hidden?this.stopAutoplay():this.autoplayFn()};t.prototype.componentWillLoad=function(){var t=this;this.expectDirection=this.vertical?"vertical":"horizontal";doubleRaf((function(){t.initialize()}))};t.prototype.disconnectedCallback=function(){this.stopAutoplay()};t.prototype.initialize=function(t){var i=this;if(t===void 0){t=+this.initialSwipe}var e=function(){if(!i.el.offsetParent)return;var e=i.swipeItems=Array.from(i.el.children).filter((function(t){return t.tagName.toLocaleLowerCase()==="cty-swipe-item"}));i.count=e.length;i.size=i.el[i.vertical?"offsetHeight":"offsetWidth"];i.minOffset=i.count?-i.size*(i.count-1):0;i.maxCount=i.count?i.count-1:i.count;i.trackSize=i.count*i.size;i.active=t;i.swiping=true;i.offset=i.getTargetOffset(t);e.forEach((function(t){t.setOffset(0)}));i.autoplayFn()};if(!this.el.offsetParent){doubleRaf((function(){e()}))}else{e()}};t.prototype.move=function(t){var i=t.pace,e=i===void 0?0:i,r=t.offset,s=r===void 0?0:r,a=t.emitChange;if(this.count<=1){return}var n=this,o=n.swipeItems,c=n.minOffset,h=n.count,f=n.trackSize,u=n.active;var d=this.getTargetActive(e);var l=this.getTargetOffset(d,s);if(this.loop){if(o[0]&&l!==c){var p=l<c;o[0].setOffset(p?f:0)}if(o[h-1]&&l!==0){var v=l>0;o[h-1].setOffset(v?-f:0)}}this.active=d;this.offset=l;if(a&&d!==u){this.ctyChange.emit((this.active+h)%h)}};t.prototype.correctPosition=function(){var t=this,i=t.count,e=t.active;this.swiping=true;if(e<=-1){this.move({pace:i})}else if(e>=i){this.move({pace:-i})}};t.prototype.prev=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){this.correctPosition();doubleRaf((function(){t.swiping=false;t.move({pace:-1,emitChange:true})}));return[2]}))}))};t.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){this.correctPosition();doubleRaf((function(){t.swiping=false;t.move({pace:1,emitChange:true})}));return[2]}))}))};t.prototype.swipeTo=function(t){return __awaiter(this,void 0,void 0,(function(){var i,e,r,s;var a=this;return __generator(this,(function(n){i=this,e=i.count,r=i.loop,s=i.active;this.correctPosition();raf((function(){var i;if(r&&t===e){i=s===0?0:t}else{i=t%e}a.swiping=false;a.move({pace:i-s,emitChange:true})}));return[2]}))}))};t.prototype.stopAutoplay=function(){clearTimeout(this.autoplayTimer)};t.prototype.autoplayFn=function(){var t=this;this.stopAutoplay();if(+this.autoplay>0&&this.count>1){this.autoplayTimer=window.setTimeout((function(){t.next();t.autoplayFn()}),this.autoplay===true?2500:+this.autoplay)}};t.prototype.getTargetOffset=function(t,i){if(i===void 0){i=0}var e=t*this.size;if(!this.loop){e=Math.min(e,-this.minOffset)}var r=i-e;if(!this.loop){r=clamp(r,this.minOffset,0)}return r};t.prototype.getTargetActive=function(t){var i=this.active;if(t){if(this.loop){return clamp(i+t,-1,this.count)}return clamp(i+t,0,this.maxCount)}return i};t.prototype.onTouchStart=function(t){if(!this.touchable||t.type==="touchstart"&&t.touches.length>1){return}if(t.type=="mousedown")this.canMouseMove=true;var i=getEventClientCoords(t),e=i.x,r=i.y;this.touchState.startX=e;this.touchState.startY=r;this.touchState.direction="";this.dragging=false;this.touchStartTime=Date.now();this.stopAutoplay();this.correctPosition()};t.prototype.onTouchMove=function(t){if(!this.canMouseMove&&t.type=="mousemove"){return}if(this.touchable&&this.swiping){var i=getEventClientCoords(t),e=i.x,r=i.y;var s=this,a=s.touchState,n=s.expectDirection,o=s.vertical,c=s.active,h=s.count,f=s.loop;a.deltaX=(e<0?0:e)-a.startX;a.deltaY=r-a.startY;var u=a.offsetX=Math.abs(a.deltaX);var d=a.offsetY=Math.abs(a.deltaY);var l=a.delta=a[o?"deltaY":"deltaX"];var p=10;if(!a.direction||u<p&&d<p){a.direction=u===d?"":u>d?"horizontal":"vertical"}if(a.direction===n){var v=!f&&(c===0&&l>0||c===h-1&&l<0);if(!v){if(typeof t.cancelable!=="boolean"||t.cancelable){t.preventDefault();this.move({offset:l})}if(!this.dragging){this.ctyDragStart.emit((this.active+h)%h);this.dragging=true}}}}};t.prototype.onTouchEnd=function(t){if(!this.touchable||!this.swiping){return}if(t.type=="mouseleave"&&!this.canMouseMove){return}if(t.type=="mouseup"||t.type=="mouseleave"){this.canMouseMove=false}var i=this,e=i.touchState,r=i.touchStartTime,s=i.size,a=i.expectDirection,n=i.vertical,o=i.loop;var c=Date.now()-r;var h=e.delta/c;var f=Math.abs(h)>.25||Math.abs(e.delta)>s/2;if(f&&e.direction===a){var u=n?e.offsetY:e.offsetX;var d=0;if(o){d=u>0?e.delta>0?-1:1:0}else{d=-Math[e.delta>0?"ceil":"floor"](e.delta/s)}this.move({pace:d,emitChange:true})}else if(e.delta){this.move({pace:0})}this.dragging=false;this.swiping=false;this.ctyDragEnd.emit((this.active+this.count)%this.count);this.autoplayFn()};t.prototype.slotChanged=function(){this.initialize()};t.prototype.renderIndicator=function(){var t=this;return h("div",{class:{"cty-swipe__indicator":true,"cty-swipe__indicator-vertical":this.vertical}},h("slot",{name:"indicator"},Array(this.count).fill("").map((function(){var i=[];for(var e=0;e<arguments.length;e++){i[e]=arguments[e]}return h("i",{class:{"cty-swipe__indicator-dot":true,"cty-swipe__indicator-dot-active":i[1]===(t.active+t.count)%t.count}})}))))};t.prototype.render=function(){var t;var i=this;var e=this,r=e.swiping,s=e.offset,a=e.vertical,n=e.duration;var o=(t={"transition-duration":"".concat(r?0:n,"ms"),transform:"translate".concat(a?"Y":"X","(").concat(+s.toFixed(2),"px)")},t[a?"height":"width"]="".concat(this.trackSize,"px"),t);return h(Host,{key:"f240c203838a93190a420255c3452a337df2e91a",class:"cty-swipe"},h("slot",{key:"26b235adeda1724ed051ee45ce9466e1807a9815",name:"start"}),h("div",{key:"8f968e7bcaa818d4a71924c976fd2e62315e3fdb",class:{"cty-swipe__track":true,"cty-swipe__track-vertical":this.vertical},style:o,onTouchStart:function(t){return i.onTouchStart(t)},onTouchMove:function(t){return i.onTouchMove(t)},onTouchEnd:function(t){return i.onTouchEnd(t)},onTouchCancel:function(t){return i.onTouchEnd(t)},onMouseDown:function(t){return i.onTouchStart(t)},onMouseMove:function(t){return i.onTouchMove(t)},onMouseUp:function(t){return i.onTouchEnd(t)},onMouseLeave:function(t){return i.onTouchEnd(t)}},h("slot",{key:"8f8b7a51ce82dc5aca5f3201cd1e227a5da23a3c",onSlotchange:function(){return i.slotChanged()}})),this.indicator&&this.renderIndicator(),h("slot",{key:"c343f6ec58126dbeb1024811c0f54b4e875bf352",name:"end"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Swipe.style=swipeCss;var swipeItemCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{position:relative;width:100%;height:100%}";var SwipeItem=function(){function t(t){registerInstance(this,t);this.offset=0;this.vertical=false}t.prototype.connectedCallback=function(){var t;this.swipeEl=(t=this.el)===null||t===void 0?void 0:t.closest("cty-swipe")};t.prototype.componentWillLoad=function(){var t=this;doubleRaf((function(){var i=t.swipeEl;if(i){var e=i.shadowRoot.querySelector(".cty-swipe__track");var r=Array.from(i.children).filter((function(t){return t.tagName.toLocaleLowerCase()==="cty-swipe-item"}));t.vertical=i.vertical;t.size=e[t.vertical?"offsetHeight":"offsetWidth"]/r.length}}))};t.prototype.setOffset=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.offset=t;return[2]}))}))};t.prototype.render=function(){var t;var i=this,e=i.offset,r=i.size,s=i.vertical;return h(Host,{key:"631e407d2661497dfb58ff50670a8bde7441d16d",class:"cty-swipe-item",style:(t={},t[s?"height":"width"]="".concat(r,"px"),t.transform="translate".concat(s?"Y":"X","(").concat(e,"px)"),t)},h("slot",{key:"c77e15f1939c9c135ae9d830dc3edd916c2f4e79"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();SwipeItem.style=swipeItemCss;export{Swipe as cty_swipe,SwipeItem as cty_swipe_item};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{d as doubleRaf,r as raf}from"./helpers-Bm1EyNNA.js";import{i as clamp}from"./format-DnWe30Rj.js";import{a as getEventClientCoords}from"./dom-CHhKFKFA.js";var swipeCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{display:block;position:relative;overflow:hidden;width:100%;height:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--cty-swipe-indicator-coord:50%;--cty-swipe-indicator-offset:12px;--cty-swipe-indicator-translate:translate(-50%, -50%);--cty-swipe-indicator-dot-width:6px;--cty-swipe-indicator-dot-height:6px;--cty-swipe-indicator-dot-background:var(--cty-color-white);--cty-swipe-indicator-dot-opacity:0.3;--cty-swipe-indicator-dot-opacity-active:1;--cty-swipe-indicator-dot-background-active:var(--cty-color-white);--cty-swipe-indicator-dot-transition:opacity 0.2s, background 0.2s;--cty-swipe-indicator-dot-offset:6px;--cty-swipe-indicator-dot-border-radius:100%}.cty-swipe__track{display:-ms-flexbox;display:flex;min-width:100%;width:100%;height:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.cty-swipe__track-vertical{-ms-flex-flow:column;flex-flow:column}.cty-swipe__indicator{display:-ms-flexbox;display:flex;position:absolute;left:var(--cty-swipe-indicator-coord);bottom:var(--cty-swipe-indicator-offset);-webkit-transform:var(--cty-swipe-indicator-translate);transform:var(--cty-swipe-indicator-translate)}.cty-swipe__indicator-vertical{left:var(--cty-swipe-indicator-offset);top:var(--cty-swipe-indicator-coord);bottom:auto;-ms-flex-flow:column;flex-flow:column}.cty-swipe__indicator-vertical .cty-swipe__indicator-dot:not(:last-child){margin-right:0;margin-bottom:var(--cty-swipe-indicator-dot-offset)}.cty-swipe__indicator-dot{width:var(--cty-swipe-indicator-dot-width);height:var(--cty-swipe-indicator-dot-height);background:var(--cty-swipe-indicator-dot-background);opacity:var(--cty-swipe-indicator-dot-opacity);-webkit-transition:var(--cty-swipe-indicator-dot-transition);transition:var(--cty-swipe-indicator-dot-transition);border-radius:var(--cty-swipe-indicator-dot-border-radius)}.cty-swipe__indicator-dot:not(:last-child){margin-right:var(--cty-swipe-indicator-dot-offset)}.cty-swipe__indicator-dot-active{opacity:var(--cty-swipe-indicator-dot-opacity-active);background-color:var(--cty-swipe-indicator-dot-background-active)}";var Swipe=function(){function t(t){registerInstance(this,t);this.ctyChange=createEvent(this,"ctyChange",7);this.ctyDragStart=createEvent(this,"ctyDragStart",7);this.ctyDragEnd=createEvent(this,"ctyDragEnd",7);this.loop=true;this.vertical=false;this.duration=500;this.autoplay=true;this.initialSwipe=0;this.indicator=true;this.touchable=true;this.transitionDuration=0;this.offset=0;this.active=0;this.swiping=false;this.count=0;this.size=0;this.minOffset=0;this.maxCount=0;this.autoplayTimer=0;this.swipeItems=[];this.canMouseMove=false;this.dragging=false;this.touchStartTime=0;this.touchState={startX:0,startY:0,deltaX:0,deltaY:0,offsetX:0,offsetY:0,direction:"",delta:0};this.expectDirection=""}t.prototype.onResize=function(){this.initialize(this.active)};t.prototype.onVisibilityChange=function(){document.hidden?this.stopAutoplay():this.autoplayFn()};t.prototype.componentWillLoad=function(){var t=this;this.expectDirection=this.vertical?"vertical":"horizontal";doubleRaf((function(){t.initialize()}))};t.prototype.disconnectedCallback=function(){this.stopAutoplay()};t.prototype.initialize=function(t){var i=this;if(t===void 0){t=+this.initialSwipe}var e=function(){if(!i.el.offsetParent)return;var e=i.swipeItems=Array.from(i.el.children).filter((function(t){return t.tagName.toLocaleLowerCase()==="cty-swipe-item"}));i.count=e.length;i.size=i.el[i.vertical?"offsetHeight":"offsetWidth"];i.minOffset=i.count?-i.size*(i.count-1):0;i.maxCount=i.count?i.count-1:i.count;i.trackSize=i.count*i.size;i.active=t;i.swiping=true;i.offset=i.getTargetOffset(t);e.forEach((function(t){t.setOffset(0)}));i.autoplayFn()};if(!this.el.offsetParent){doubleRaf((function(){e()}))}else{e()}};t.prototype.move=function(t){var i=t.pace,e=i===void 0?0:i,r=t.offset,s=r===void 0?0:r,n=t.emitChange;if(this.count<=1){return}var o=this,a=o.swipeItems,c=o.minOffset,h=o.count,f=o.trackSize,u=o.active;var d=this.getTargetActive(e);var l=this.getTargetOffset(d,s);if(this.loop){if(a[0]&&l!==c){var p=l<c;a[0].setOffset(p?f:0)}if(a[h-1]&&l!==0){var v=l>0;a[h-1].setOffset(v?-f:0)}}this.active=d;this.offset=l;if(n&&d!==u){this.ctyChange.emit((this.active+h)%h)}};t.prototype.correctPosition=function(){var t=this,i=t.count,e=t.active;this.swiping=true;if(e<=-1){this.move({pace:i})}else if(e>=i){this.move({pace:-i})}};t.prototype.prev=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){this.correctPosition();doubleRaf((function(){t.swiping=false;t.move({pace:-1,emitChange:true})}));return[2]}))}))};t.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){this.correctPosition();doubleRaf((function(){t.swiping=false;t.move({pace:1,emitChange:true})}));return[2]}))}))};t.prototype.swipeTo=function(t){return __awaiter(this,void 0,void 0,(function(){var i,e,r,s;var n=this;return __generator(this,(function(o){i=this,e=i.count,r=i.loop,s=i.active;this.correctPosition();raf((function(){var i;if(r&&t===e){i=s===0?0:t}else{i=t%e}n.swiping=false;n.move({pace:i-s,emitChange:true})}));return[2]}))}))};t.prototype.stopAutoplay=function(){clearTimeout(this.autoplayTimer)};t.prototype.autoplayFn=function(){var t=this;this.stopAutoplay();if(+this.autoplay>0&&this.count>1){this.autoplayTimer=window.setTimeout((function(){t.next();t.autoplayFn()}),this.autoplay===true?2500:+this.autoplay)}};t.prototype.getTargetOffset=function(t,i){if(i===void 0){i=0}var e=t*this.size;if(!this.loop){e=Math.min(e,-this.minOffset)}var r=i-e;if(!this.loop){r=clamp(r,this.minOffset,0)}return r};t.prototype.getTargetActive=function(t){var i=this.active;if(t){if(this.loop){return clamp(i+t,-1,this.count)}return clamp(i+t,0,this.maxCount)}return i};t.prototype.onTouchStart=function(t){if(!this.touchable||t.type==="touchstart"&&t.touches.length>1){return}if(t.type=="mousedown")this.canMouseMove=true;var i=getEventClientCoords(t),e=i.x,r=i.y;this.touchState.startX=e;this.touchState.startY=r;this.touchState.direction="";this.dragging=false;this.touchStartTime=Date.now();this.stopAutoplay();this.correctPosition()};t.prototype.onTouchMove=function(t){if(!this.canMouseMove&&t.type=="mousemove"){return}if(this.touchable&&this.swiping){var i=getEventClientCoords(t),e=i.x,r=i.y;var s=this,n=s.touchState,o=s.expectDirection,a=s.vertical,c=s.active,h=s.count,f=s.loop;n.deltaX=(e<0?0:e)-n.startX;n.deltaY=r-n.startY;var u=n.offsetX=Math.abs(n.deltaX);var d=n.offsetY=Math.abs(n.deltaY);var l=n.delta=n[a?"deltaY":"deltaX"];var p=10;if(!n.direction||u<p&&d<p){n.direction=u===d?"":u>d?"horizontal":"vertical"}if(n.direction===o){var v=!f&&(c===0&&l>0||c===h-1&&l<0);if(!v){if(typeof t.cancelable!=="boolean"||t.cancelable){t.preventDefault();this.move({offset:l})}if(!this.dragging){this.ctyDragStart.emit((this.active+h)%h);this.dragging=true}}}}};t.prototype.onTouchEnd=function(t){if(!this.touchable||!this.swiping){return}if(t.type=="mouseleave"&&!this.canMouseMove){return}if(t.type=="mouseup"||t.type=="mouseleave"){this.canMouseMove=false}var i=this,e=i.touchState,r=i.touchStartTime,s=i.size,n=i.expectDirection,o=i.vertical,a=i.loop;var c=Date.now()-r;var h=e.delta/c;var f=Math.abs(h)>.25||Math.abs(e.delta)>s/2;if(f&&e.direction===n){var u=o?e.offsetY:e.offsetX;var d=0;if(a){d=u>0?e.delta>0?-1:1:0}else{d=-Math[e.delta>0?"ceil":"floor"](e.delta/s)}this.move({pace:d,emitChange:true})}else if(e.delta){this.move({pace:0})}this.dragging=false;this.swiping=false;this.ctyDragEnd.emit((this.active+this.count)%this.count);this.autoplayFn()};t.prototype.slotChanged=function(){this.initialize()};t.prototype.renderIndicator=function(){var t=this;return h("div",{class:{"cty-swipe__indicator":true,"cty-swipe__indicator-vertical":this.vertical}},h("slot",{name:"indicator"},Array(this.count).fill("").map((function(){var i=[];for(var e=0;e<arguments.length;e++){i[e]=arguments[e]}return h("i",{class:{"cty-swipe__indicator-dot":true,"cty-swipe__indicator-dot-active":i[1]===(t.active+t.count)%t.count}})}))))};t.prototype.render=function(){var t;var i=this;var e=this,r=e.swiping,s=e.offset,n=e.vertical,o=e.duration;var a=(t={"transition-duration":"".concat(r?0:o,"ms"),transform:"translate".concat(n?"Y":"X","(").concat(+s.toFixed(2),"px)")},t[n?"height":"width"]="".concat(this.trackSize,"px"),t);return h(Host,{key:"7c43fa74ff636ccb9f561bfe46b9b295742ac894",class:"cty-swipe"},h("slot",{key:"c66ee224e75363811866d2b70a41b27c3a1424eb",name:"start"}),h("div",{key:"015662e04b5ec9b5d3b76757de25e2c52c721557",class:{"cty-swipe__track":true,"cty-swipe__track-vertical":this.vertical},style:a,onTouchStart:function(t){return i.onTouchStart(t)},onTouchMove:function(t){return i.onTouchMove(t)},onTouchEnd:function(t){return i.onTouchEnd(t)},onTouchCancel:function(t){return i.onTouchEnd(t)},onMouseDown:function(t){return i.onTouchStart(t)},onMouseMove:function(t){return i.onTouchMove(t)},onMouseUp:function(t){return i.onTouchEnd(t)},onMouseLeave:function(t){return i.onTouchEnd(t)}},h("slot",{key:"f60a25a27fe96cd1cd010260fff0c094750688e7",onSlotchange:function(){return i.slotChanged()}})),this.indicator&&this.renderIndicator(),h("slot",{key:"545e73e9347b1b3319bbb258287461360d13cd10",name:"end"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Swipe.style=swipeCss;var swipeItemCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{position:relative;width:100%;height:100%}";var SwipeItem=function(){function t(t){registerInstance(this,t);this.offset=0;this.vertical=false}t.prototype.connectedCallback=function(){var t;this.swipeEl=(t=this.el)===null||t===void 0?void 0:t.closest("cty-swipe")};t.prototype.componentWillLoad=function(){var t=this;doubleRaf((function(){var i=t.swipeEl;if(i){var e=i.shadowRoot.querySelector(".cty-swipe__track");var r=Array.from(i.children).filter((function(t){return t.tagName.toLocaleLowerCase()==="cty-swipe-item"}));t.vertical=i.vertical;t.size=e[t.vertical?"offsetHeight":"offsetWidth"]/r.length}}))};t.prototype.setOffset=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.offset=t;return[2]}))}))};t.prototype.render=function(){var t;var i=this,e=i.offset,r=i.size,s=i.vertical;return h(Host,{key:"4c2d804a0671caac64268f336b33beeb21cb4385",class:"cty-swipe-item",style:(t={},t[s?"height":"width"]="".concat(r,"px"),t.transform="translate".concat(s?"Y":"X","(").concat(e,"px)"),t)},h("slot",{key:"0622753fe67dbc647b4381c6ead2ceb51303b3b7"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();SwipeItem.style=swipeItemCss;export{Swipe as cty_swipe,SwipeItem as cty_swipe_item};

package/dist/esm-es5/cty-text-ellipsis.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";var textEllipsisCss="*{-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-text-ellipsis-expand-color:var(--cty-color-primary);display:block;line-height:1.6;font-size:var(--cty-font-size-base);white-space:pre-wrap;overflow-wrap:break-word;padding:0 16px}.cty-text-ellipsis__expand{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;color:var(--cty-text-ellipsis-expand-color)}";var TextEllipsis=function(){function t(t){registerInstance(this,t);this.ctyExpandChange=createEvent(this,"ctyExpandChange",7);this.content="";this.expandText="";this.collapseText="";this.rows=1;this.position="end";this.dots="...";this.text="";this.expanded=false;this.hasExpand=false}t.prototype.watchMultiple=function(){this.calcEllipsised()};t.prototype.componentDidLoad=function(){this.calcEllipsised()};t.prototype.pxToNum=function(t){if(!t)return 0;var e=t.match(/^\d*(\.\d*)?/);return e?Number(e[0]):0};t.prototype.cloneContainer=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i;return __generator(this,(function(n){if(!this.el.isConnected)return[2];t=window.getComputedStyle(this.el);e=document.createElement("div");i=Array.prototype.slice.apply(t);i.forEach((function(i){e.style.setProperty(i,t.getPropertyValue(i))}));e.style.position="fixed";e.style.zIndex="-9999";e.style.top="-9999px";e.style.height="auto";e.style.minHeight="auto";e.style.maxHeight="auto";e.innerText=this.content;document.body.appendChild(e);return[2,e]}))}))};t.prototype.calcEllipsisText=function(t,e){var i=this;var n=this.content;var r=this.position;var s=this.dots;var a=n.length;var o=0+a>>1;var h=this.expandText;var c=function(){var i=function(o,c){if(c-o<=1){if(r==="end"){return n.slice(0,o)+s}return s+n.slice(c,a)}var l=Math.round((o+c)/2);if(r==="end"){t.innerText=n.slice(0,l)+s}else{t.innerText=s+n.slice(l,a)}t.innerHTML+=h;if(t.offsetHeight>e){if(r==="end"){return i(o,l)}return i(l,c)}if(r==="end"){return i(l,c)}return i(o,l)};return i(0,a)};var l=function(r,o){if(r[1]-r[0]<=1&&o[1]-o[0]<=1){return n.slice(0,r[0])+s+n.slice(o[1],a)}var c=Math.floor((r[0]+r[1])/2);var u=Math.ceil((o[0]+o[1])/2);t.innerText=i.content.slice(0,c)+i.dots+i.content.slice(u,a);t.innerHTML+=h;if(t.offsetHeight>=e){return l([r[0],c],[u,o[1]])}return l([c,r[1]],[o[0],u])};return this.position==="middle"?l([0,o],[o,a]):c()};t.prototype.calcEllipsised=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,r,s;return __generator(this,(function(a){switch(a.label){case 0:return[4,this.cloneContainer()];case 1:t=a.sent();if(!t){return[2]}e=t.style,i=e.paddingBottom,n=e.paddingTop,r=e.lineHeight;s=Math.ceil((Number(this.rows)+.5)*this.pxToNum(r)+this.pxToNum(n)+this.pxToNum(i));if(s<t.offsetHeight){this.hasExpand=true;this.text=this.calcEllipsisText(t,s)}else{this.hasExpand=false;this.text=this.content}document.body.removeChild(t);return[2]}}))}))};t.prototype.toggleExpand=function(){this.expanded=!this.expanded;this.ctyExpandChange.emit(this.expanded)};t.prototype.render=function(){var t=this;return h(Host,{key:"7350c1d3a73f75c73546b153192f131864b99618",class:"cty-text-ellipsis"},h("span",{key:"9707e9437b83e1a28f7fe173f38e48aa0767a213"},this.expanded?this.content:this.text),this.hasExpand&&h("button",{key:"388fc5c5e68d4d2b9b3e7c58f8238e9fa35eff30",onClick:function(){return t.toggleExpand()},class:"cty-text-ellipsis__expand cty-button-native"},this.expanded?this.collapseText:this.expandText))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{content:["watchMultiple"],rows:["watchMultiple"],position:["watchMultiple"]}},enumerable:false,configurable:true});return t}();TextEllipsis.style=textEllipsisCss;export{TextEllipsis as cty_text_ellipsis};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";var textEllipsisCss="*{-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-text-ellipsis-expand-color:var(--cty-color-primary);display:block;line-height:1.6;font-size:var(--cty-font-size-base);white-space:pre-wrap;overflow-wrap:break-word;padding:0 16px}.cty-text-ellipsis__expand{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;color:var(--cty-text-ellipsis-expand-color)}";var TextEllipsis=function(){function t(t){registerInstance(this,t);this.ctyExpandChange=createEvent(this,"ctyExpandChange",7);this.content="";this.expandText="";this.collapseText="";this.rows=1;this.position="end";this.dots="...";this.text="";this.expanded=false;this.hasExpand=false}t.prototype.watchMultiple=function(){this.calcEllipsised()};t.prototype.componentDidLoad=function(){this.calcEllipsised()};t.prototype.pxToNum=function(t){if(!t)return 0;var e=t.match(/^\d*(\.\d*)?/);return e?Number(e[0]):0};t.prototype.cloneContainer=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i;return __generator(this,(function(n){if(!this.el.isConnected)return[2];t=window.getComputedStyle(this.el);e=document.createElement("div");i=Array.prototype.slice.apply(t);i.forEach((function(i){e.style.setProperty(i,t.getPropertyValue(i))}));e.style.position="fixed";e.style.zIndex="-9999";e.style.top="-9999px";e.style.height="auto";e.style.minHeight="auto";e.style.maxHeight="auto";e.innerText=this.content;document.body.appendChild(e);return[2,e]}))}))};t.prototype.calcEllipsisText=function(t,e){var i=this;var n=this.content;var r=this.position;var s=this.dots;var a=n.length;var o=0+a>>1;var h=this.expandText;var c=function(){var i=function(o,c){if(c-o<=1){if(r==="end"){return n.slice(0,o)+s}return s+n.slice(c,a)}var l=Math.round((o+c)/2);if(r==="end"){t.innerText=n.slice(0,l)+s}else{t.innerText=s+n.slice(l,a)}t.innerHTML+=h;if(t.offsetHeight>e){if(r==="end"){return i(o,l)}return i(l,c)}if(r==="end"){return i(l,c)}return i(o,l)};return i(0,a)};var l=function(r,o){if(r[1]-r[0]<=1&&o[1]-o[0]<=1){return n.slice(0,r[0])+s+n.slice(o[1],a)}var c=Math.floor((r[0]+r[1])/2);var u=Math.ceil((o[0]+o[1])/2);t.innerText=i.content.slice(0,c)+i.dots+i.content.slice(u,a);t.innerHTML+=h;if(t.offsetHeight>=e){return l([r[0],c],[u,o[1]])}return l([c,r[1]],[o[0],u])};return this.position==="middle"?l([0,o],[o,a]):c()};t.prototype.calcEllipsised=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,r,s;return __generator(this,(function(a){switch(a.label){case 0:return[4,this.cloneContainer()];case 1:t=a.sent();if(!t){return[2]}e=t.style,i=e.paddingBottom,n=e.paddingTop,r=e.lineHeight;s=Math.ceil((Number(this.rows)+.5)*this.pxToNum(r)+this.pxToNum(n)+this.pxToNum(i));if(s<t.offsetHeight){this.hasExpand=true;this.text=this.calcEllipsisText(t,s)}else{this.hasExpand=false;this.text=this.content}document.body.removeChild(t);return[2]}}))}))};t.prototype.toggleExpand=function(){this.expanded=!this.expanded;this.ctyExpandChange.emit(this.expanded)};t.prototype.render=function(){var t=this;return h(Host,{key:"95f2e897086901c648bbf87de5609650be8e675c",class:"cty-text-ellipsis"},h("span",{key:"2f4c1fd976816e9f09fcec78be781a1675a36302"},this.expanded?this.content:this.text),this.hasExpand&&h("button",{key:"59fc941bb365858a6e7720e7ffe3f542496dc6b7",onClick:function(){return t.toggleExpand()},class:"cty-text-ellipsis__expand cty-button-native"},this.expanded?this.collapseText:this.expandText))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{content:["watchMultiple"],rows:["watchMultiple"],position:["watchMultiple"]}},enumerable:false,configurable:true});return t}();TextEllipsis.style=textEllipsisCss;export{TextEllipsis as cty_text_ellipsis};

package/dist/esm-es5/cty-title-bar.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";var titleBarCss="*{-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}:host{overflow:hidden;width:100%;padding:15px;background-color:#FFF;--cty-title-bar-start-max-width:none;--cty-title-bar-start-color:#000;--cty-title-bar-start-font-size:16px;--cty-title-bar-start-text-weight:600;--cty-title-bar-start-icon-margin-right:4px;--cty-title-bar-start-icon-color:#000;--cty-title-bar-start-icon-font-size:16px;--cty-title-bar-end-min-width:none;--cty-title-bar-end-color:#a8a8a8;--cty-title-bar-end-font-size:14px;--cty-title-bar-end-text-weight:400;--cty-title-bar-end-icon-margin-left:2px;--cty-title-bar-end-icon-color:#a8a8a8;--cty-title-bar-end-icon-font-size:14px}.cty-title-bar-start{overflow:hidden;max-width:var(--cty-title-bar-start-max-width);color:var(--cty-title-bar-start-color);font-size:var(--cty-title-bar-start-font-size)}.cty-title-bar-title{-ms-flex:1;flex:1;font-size:inherit;font-weight:var(--cty-title-bar-start-text-weight)}.cty-title-bar-start__icon{margin-right:var(--cty-title-bar-start-icon-margin-right);-ms-flex-negative:0;flex-shrink:0;color:var(--cty-title-bar-start-icon-color);font-size:var(--cty-title-bar-start-icon-font-size)}.cty-title-bar-end{-ms-flex-negative:0;flex-shrink:0;min-width:var(--cty-title-bar-end-min-width);color:var(--cty-title-bar-end-color);font-size:var(--cty-title-bar-end-font-size)}.cty-title-bar-end__text{font-weight:var(--cty-title-bar-end-text-weight)}.cty-title-bar-end__icon{margin-left:var(--cty-title-bar-end-icon-margin-left);color:var(--cty-title-bar-end-icon-color);font-size:var(--cty-title-bar-end-icon-font-size)}";var TitleBar=function(){function e(e){registerInstance(this,e);this.ctyClickEnd=createEvent(this,"ctyClickEnd",7);this.startIcon="";this.title="";this.endIcon="";this.endText=""}e.prototype.clickEnd=function(){this.ctyClickEnd.emit()};e.prototype.render=function(){var e=this;return h(Host,{key:"85514b30be1714342330e2f777be4b9d0d23b8b3",class:"cty-title-bar flex-between"},h("div",{key:"4cf3afc4c2e6d3472ea10d86056cf3c2ab32481c",class:"cty-title-bar-start flex-align-center"},h("slot",{key:"84e8051daf3ca9b64c2d561a1072ca937672df6c",name:"start-icon"},this.startIcon&&h("cty-icon",{key:"bc22a4cde9c93053571e3a2e5da52a5be4cd1880",name:this.startIcon,class:"cty-title-bar-start__icon"})),h("slot",{key:"ba199793f5726743ed9d4dde2263471aa37b915e",name:"title"},this.title&&h("h3",{key:"4955804af7cee360b9caf3b59a451cca489005ed",class:"cty-title-bar-title cty-ellipsis"},this.title))),h("div",{key:"c8cf45e5153bd3b67210f0be98cab903d660128f",class:"cty-title-bar-end flex-center-justify-end",onClick:function(){return e.clickEnd()}},h("slot",{key:"c035022976a6b5afd4bd5f0f1f5369f1df8c7c55",name:"end-text"},this.endText&&h("span",{key:"1d16e11dcded44ba463c62097005294ca3af7fc7",class:"cty-title-bar-end__text"},this.endText)),h("slot",{key:"12d6d26af8693c4a59255d5cb52b3078e3a4da3b",name:"end-icon"},this.endIcon&&h("cty-icon",{key:"715c8dfd049a2d35b13723c758acc15f4a69b39b",name:this.endIcon,class:"cty-title-bar-end__icon"}))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();TitleBar.style=titleBarCss;export{TitleBar as cty_title_bar};
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";var titleBarCss="*{-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}:host{overflow:hidden;width:100%;padding:15px;background-color:#FFF;--cty-title-bar-start-max-width:none;--cty-title-bar-start-color:#000;--cty-title-bar-start-font-size:16px;--cty-title-bar-start-text-weight:600;--cty-title-bar-start-icon-margin-right:4px;--cty-title-bar-start-icon-color:#000;--cty-title-bar-start-icon-font-size:16px;--cty-title-bar-end-min-width:none;--cty-title-bar-end-color:#a8a8a8;--cty-title-bar-end-font-size:14px;--cty-title-bar-end-text-weight:400;--cty-title-bar-end-icon-margin-left:2px;--cty-title-bar-end-icon-color:#a8a8a8;--cty-title-bar-end-icon-font-size:14px}.cty-title-bar-start{overflow:hidden;max-width:var(--cty-title-bar-start-max-width);color:var(--cty-title-bar-start-color);font-size:var(--cty-title-bar-start-font-size)}.cty-title-bar-title{-ms-flex:1;flex:1;font-size:inherit;font-weight:var(--cty-title-bar-start-text-weight)}.cty-title-bar-start__icon{margin-right:var(--cty-title-bar-start-icon-margin-right);-ms-flex-negative:0;flex-shrink:0;color:var(--cty-title-bar-start-icon-color);font-size:var(--cty-title-bar-start-icon-font-size)}.cty-title-bar-end{-ms-flex-negative:0;flex-shrink:0;min-width:var(--cty-title-bar-end-min-width);color:var(--cty-title-bar-end-color);font-size:var(--cty-title-bar-end-font-size)}.cty-title-bar-end__text{font-weight:var(--cty-title-bar-end-text-weight)}.cty-title-bar-end__icon{margin-left:var(--cty-title-bar-end-icon-margin-left);color:var(--cty-title-bar-end-icon-color);font-size:var(--cty-title-bar-end-icon-font-size)}";var TitleBar=function(){function e(e){registerInstance(this,e);this.ctyClickEnd=createEvent(this,"ctyClickEnd",7);this.startIcon="";this.title="";this.endIcon="";this.endText=""}e.prototype.clickEnd=function(){this.ctyClickEnd.emit()};e.prototype.render=function(){var e=this;return h(Host,{key:"c97b8916b8e9a74962a0aeb9186b700027150724",class:"cty-title-bar flex-between"},h("div",{key:"fe96befb4d176a262cdc8ff8e9613f7253ec7074",class:"cty-title-bar-start flex-align-center"},h("slot",{key:"95500656c92be76b080a79b67b0b8e55215803c2",name:"start-icon"},this.startIcon&&h("cty-icon",{key:"9fbdf275bf289ea5fa515b306ede199c7ad5c4fe",name:this.startIcon,class:"cty-title-bar-start__icon"})),h("slot",{key:"2402ed869ec0ae482de8bb2992d98eedbe78a5eb",name:"title"},this.title&&h("h3",{key:"0da4af519b6bbe2d407ca02b660f9c25041a5a0d",class:"cty-title-bar-title cty-ellipsis"},this.title))),h("div",{key:"8e7ac912edfbb07bcb614ff7e6d7a30163b5261a",class:"cty-title-bar-end flex-center-justify-end",onClick:function(){return e.clickEnd()}},h("slot",{key:"01ff584f499ede8101644ce0ca40c3358f867d54",name:"end-text"},this.endText&&h("span",{key:"7fb2410cd5c2f409f16ab5bb6400c103dd60927f",class:"cty-title-bar-end__text"},this.endText)),h("slot",{key:"1ef2f029ec69647e6bf4c4f11fd275a9f94a26fc",name:"end-icon"},this.endIcon&&h("cty-icon",{key:"1d07a316ca0c4e6669fc0e10191e66eee893320d",name:this.endIcon,class:"cty-title-bar-end__icon"}))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();TitleBar.style=titleBarCss;export{TitleBar as cty_title_bar};

package/dist/esm-es5/cty-tour.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{f as isEmptyObject}from"./validate-D5DQR_N9.js";import{g as getElementRect}from"./dom-CHhKFKFA.js";import{c as createLockController}from"./lock-controller-CaB1JJxy.js";import{r as raf}from"./helpers-Bm1EyNNA.js";var tourCss=".overlay-hidden.sc-cty-tour-h{display:none}.cty-tour__popover.sc-cty-tour{--offset-y:0px;--width:240px;z-index:999999 !important}.cty-tour__content.sc-cty-tour{position:relative;padding:10px 12px}.cty-tour__content-closeable.sc-cty-tour{padding:15px}.cty-tour__closeable.sc-cty-tour{position:absolute;top:5px;right:5px;color:rgba(0, 0, 0, 0.45);font-size:var(--cty-font-size-medium)}.cty-tour__content-inner.sc-cty-tour{font-size:var(--cty-font-size-base);color:var(--cty-text-color-primary)}.cty-tour__content-footer.sc-cty-tour{margin-top:10px}.cty-tour__content-indicator.sc-cty-tour{font-size:var(--cty-font-size-extra-small);color:var(--cty-text-color-primary)}.cty-tour__content-buttons.sc-cty-tour{font-size:var(--cty-font-size-extra-small)}.cty-tour__content-prev.sc-cty-tour,.cty-tour__content-next.sc-cty-tour,.cty-tour__content-complete.sc-cty-tour{padding:4px;border-radius:4px;border:1px solid}.cty-tour__content-prev.sc-cty-tour{background-color:var(--cty-color-white);border-color:var(--cty-border-color);color:var(--cty-text-color-regular)}.cty-tour__content-next.sc-cty-tour,.cty-tour__content-complete.sc-cty-tour{margin-left:5px;background-color:var(--cty-color-primary);border-color:var(--cty-color-primary);color:var(--cty-color-white)}.cty-tour__clone-wrapper.sc-cty-tour{position:fixed;z-index:99999;pointer-events:none;background-color:var(--cty-color-white)}";var Tour=function(){function t(t){registerInstance(this,t);this.ctyChange=createEvent(this,"ctyChange",7);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.lockController=createLockController();this.arrow=true;this.steps=[];this.placement="bottom";this.initialIndex=0;this.backdropDismiss=true;this.closeable=false;this.popoverAttrs={};this.showPrev=true;this.nextText="下一步";this.prevText="上一步";this.completeText="完成";this.current=0;this.display=true}t.prototype.onResize=function(){this.onCurrentChange()};t.prototype.onCurrentChange=function(){var t=this,e=t.steps,r=t.current;var o=Array.isArray(e)?e[r]:e;var c=null;if(o){var n=o.target;if(typeof n==="string"){c=/[\s\.]/.test(n)?document.querySelector(n):document.getElementById(n)}else if(n){c=n}if(c){var i=getElementRect(c);var a=c.cloneNode(true);a.classList.add("cty-tour__clone");this.triggerCloneParentEl.style.top="".concat(i.top,"px");this.triggerCloneParentEl.style.left="".concat(i.left,"px");this.triggerCloneParentEl.style.minWidth="".concat(i.width,"px");this.triggerCloneParentEl.style.minHeight="".concat(i.height,"px");this.triggerCloneParentEl.innerHTML="";this.triggerCloneParentEl.appendChild(a);this.popoverEl.dismiss();this.popoverEl.present({detail:{ionShadowTarget:c}})}}};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:return[4,this.lockController.lock()];case 1:t=e.sent();this.current=this.initialIndex;this.el.classList.remove("overlay-hidden");this.onCurrentChange();t();return[2]}}))}))};t.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){switch(r.label){case 0:return[4,this.lockController.lock()];case 1:e=r.sent();this.el.classList.add("overlay-hidden");this.popoverEl.dismiss(undefined,t);this.display=false;this.ctyDismiss.emit();e();return[2]}}))}))};t.prototype.componentDidLoad=function(){var t=this;raf((function(){t.present()}))};t.prototype.prevStep=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.current--;this.ctyChange.emit(this.current);return[2]}))}))};t.prototype.nextStep=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.current++;this.ctyChange.emit(this.current);return[2]}))}))};t.prototype.complete=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.dismiss("complete");return[2]}))}))};t.prototype.getFinalPosition=function(t){if(t.includes("-")){var e=t.split("-"),r=e[0],o=e[1];return{alignment:o,side:r}}return{alignment:"center",side:t}};t.prototype.popoverWillDismiss=function(t){var e=t.detail.role;if(e){this.dismiss(e)}};t.prototype.render=function(){var t=this;var e=this,r=e.backdropDismiss,o=e.display,c=e.placement,n=e.arrow,i=e.steps,a=e.current,s=e.closeable,u=e.popoverAttrs,f=e.cssClass;var d=Array.isArray(i)?i[a]:i;var l=d&&!isEmptyObject(d);var y=this.getFinalPosition((d===null||d===void 0?void 0:d.placement)||c),b=y.side,_=y.alignment;var v=(d===null||d===void 0?void 0:d.arrow)||n;var p=(Array.isArray(f)?__spreadArray([],f,true):[f]).concat(["cty-tour__popover"]).join(" ");var m=(d===null||d===void 0?void 0:d.closeable)||s;var g=Array.isArray(i)&&i.length>1;return h(Host,{key:"fbd607719374b9f243bb5b09d8d40b80eee25874",class:"cty-tour overlay-hidden"},o&&h("cty-overlay",{key:"b97b22b805530c919a1b1c27a065e6b3dce6ec15",root:"",backdropDismiss:false},l&&h("ion-popover",Object.assign({key:"a623747dd284e1563fbfa4bca43ea28e527c5b68",mode:"ios",ref:function(e){return t.popoverEl=e},arrow:v,animated:false,backdropDismiss:r,alignment:_,side:b,keepContentsMounted:true,class:p,onIonPopoverWillDismiss:function(e){return t.popoverWillDismiss(e)}},u,{showBackdrop:false}),h("div",{key:"d03faba453a65a82d0db71b0f63fd50622b846d5",class:"cty-tour__clone-wrapper flex-center",ref:function(e){return t.triggerCloneParentEl=e}}),h("div",{key:"72dade24fb523fa8d2be6d139037eff8b81078a6",class:{"cty-tour__content":true,"cty-tour__content-closeable":m}},h("slot",{key:"6d67aac2b56d3f704d8aff8993140d0150734ee3",name:"header"}),m&&h("slot",{key:"8b8b85a939b6f984ec6f4a30234fe4cf016e2f4b",name:"closeable"},h("button",{key:"664bfc83eade5d0e625698af5c26e674c3cb3c61",class:"cty-button-native cty-tour__closeable"},h("cty-icon",{key:"6a8754c158d97ac41c209a2d0e23dd5789598868",name:"cty-close2",onClick:function(){return t.dismiss("closeable")}}))),d.content&&h("slot",{key:"405c5d15a54f45b566eb98c292931057e3ba09f7",name:"content"},h("p",{key:"c56a37e292145530eee74e01b678b426b69894e3",class:"cty-tour__content-inner"},d.content)),g&&h("div",{key:"cf504c676f0faae0a19cfd22b1caa0e50474477b",class:"cty-tour__content-footer flex-center-between"},h("slot",{key:"51d3391914cbae9640277bd728be4f24535731f5",name:"indicator"},h("div",{key:"8cae170f8602d893a5c8042fbb68c99f4ae295a2",class:"cty-tour__content-indicator"},a+1,"/",i.length)),h("slot",{key:"97db167d2583d32936a4926ecbe6ab131fb900a9",name:"buttons"},h("div",{key:"bc7d2b36a532486b8e6fbf6e3bf68c8211e9c429",class:"cty-tour__content-buttons flex"},this.showPrev&&a>0&&h("button",{key:"5dfdbbfd58ec7ab0e1e489ef4ef0dcc4bfcb1e80",class:"cty-button-native cty-tour__content-prev",onClick:function(){return t.prevStep()}},this.prevText),a<i.length-1&&h("button",{key:"09a47fa8537b24a92de2d2402667ee9dcdbbfdd2",class:"cty-button-native cty-tour__content-next",onClick:function(){return t.nextStep()}},this.nextText),a===i.length-1&&h("button",{key:"6f22247a10bd2ce5d022b72bc9f77ea0f0c571f8",class:"cty-button-native cty-tour__content-complete",onClick:function(){return t.complete()}},this.completeText)))),h("slot",{key:"ba19b4164edb8156e8096c07f193ef373015fd69",name:"footer"})))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{current:["onCurrentChange"]}},enumerable:false,configurable:true});return t}();Tour.style=tourCss;export{Tour as cty_tour};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{f as isEmptyObject}from"./validate-D5DQR_N9.js";import{g as getElementRect}from"./dom-CHhKFKFA.js";import{c as createLockController}from"./lock-controller-CaB1JJxy.js";import{r as raf}from"./helpers-Bm1EyNNA.js";var tourCss=".overlay-hidden.sc-cty-tour-h{display:none}.cty-tour__popover.sc-cty-tour{--offset-y:0px;--width:240px;z-index:999999 !important}.cty-tour__content.sc-cty-tour{position:relative;padding:10px 12px}.cty-tour__content-closeable.sc-cty-tour{padding:15px}.cty-tour__closeable.sc-cty-tour{position:absolute;top:5px;right:5px;color:rgba(0, 0, 0, 0.45);font-size:var(--cty-font-size-medium)}.cty-tour__content-inner.sc-cty-tour{font-size:var(--cty-font-size-base);color:var(--cty-text-color-primary)}.cty-tour__content-footer.sc-cty-tour{margin-top:10px}.cty-tour__content-indicator.sc-cty-tour{font-size:var(--cty-font-size-extra-small);color:var(--cty-text-color-primary)}.cty-tour__content-buttons.sc-cty-tour{font-size:var(--cty-font-size-extra-small)}.cty-tour__content-prev.sc-cty-tour,.cty-tour__content-next.sc-cty-tour,.cty-tour__content-complete.sc-cty-tour{padding:4px;border-radius:4px;border:1px solid}.cty-tour__content-prev.sc-cty-tour{background-color:var(--cty-color-white);border-color:var(--cty-border-color);color:var(--cty-text-color-regular)}.cty-tour__content-next.sc-cty-tour,.cty-tour__content-complete.sc-cty-tour{margin-left:5px;background-color:var(--cty-color-primary);border-color:var(--cty-color-primary);color:var(--cty-color-white)}.cty-tour__clone-wrapper.sc-cty-tour{position:fixed;z-index:99999;pointer-events:none;background-color:var(--cty-color-white)}";var Tour=function(){function t(t){registerInstance(this,t);this.ctyChange=createEvent(this,"ctyChange",7);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.lockController=createLockController();this.arrow=true;this.steps=[];this.placement="bottom";this.initialIndex=0;this.backdropDismiss=true;this.closeable=false;this.popoverAttrs={};this.showPrev=true;this.nextText="下一步";this.prevText="上一步";this.completeText="完成";this.current=0;this.display=true}t.prototype.onResize=function(){this.onCurrentChange()};t.prototype.onCurrentChange=function(){var t=this,e=t.steps,r=t.current;var o=Array.isArray(e)?e[r]:e;var c=null;if(o){var n=o.target;if(typeof n==="string"){c=/[\s\.]/.test(n)?document.querySelector(n):document.getElementById(n)}else if(n){c=n}if(c){var i=getElementRect(c);var a=c.cloneNode(true);a.classList.add("cty-tour__clone");this.triggerCloneParentEl.style.top="".concat(i.top,"px");this.triggerCloneParentEl.style.left="".concat(i.left,"px");this.triggerCloneParentEl.style.minWidth="".concat(i.width,"px");this.triggerCloneParentEl.style.minHeight="".concat(i.height,"px");this.triggerCloneParentEl.innerHTML="";this.triggerCloneParentEl.appendChild(a);this.popoverEl.dismiss();this.popoverEl.present({detail:{ionShadowTarget:c}})}}};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:return[4,this.lockController.lock()];case 1:t=e.sent();this.current=this.initialIndex;this.el.classList.remove("overlay-hidden");this.onCurrentChange();t();return[2]}}))}))};t.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){switch(r.label){case 0:return[4,this.lockController.lock()];case 1:e=r.sent();this.el.classList.add("overlay-hidden");this.popoverEl.dismiss(undefined,t);this.display=false;this.ctyDismiss.emit();e();return[2]}}))}))};t.prototype.componentDidLoad=function(){var t=this;raf((function(){t.present()}))};t.prototype.prevStep=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.current--;this.ctyChange.emit(this.current);return[2]}))}))};t.prototype.nextStep=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.current++;this.ctyChange.emit(this.current);return[2]}))}))};t.prototype.complete=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.dismiss("complete");return[2]}))}))};t.prototype.getFinalPosition=function(t){if(t.includes("-")){var e=t.split("-"),r=e[0],o=e[1];return{alignment:o,side:r}}return{alignment:"center",side:t}};t.prototype.popoverWillDismiss=function(t){var e=t.detail.role;if(e){this.dismiss(e)}};t.prototype.render=function(){var t=this;var e=this,r=e.backdropDismiss,o=e.display,c=e.placement,n=e.arrow,i=e.steps,a=e.current,s=e.closeable,u=e.popoverAttrs,d=e.cssClass;var f=Array.isArray(i)?i[a]:i;var l=f&&!isEmptyObject(f);var y=this.getFinalPosition((f===null||f===void 0?void 0:f.placement)||c),b=y.side,_=y.alignment;var v=(f===null||f===void 0?void 0:f.arrow)||n;var p=(Array.isArray(d)?__spreadArray([],d,true):[d]).concat(["cty-tour__popover"]).join(" ");var m=(f===null||f===void 0?void 0:f.closeable)||s;var g=Array.isArray(i)&&i.length>1;return h(Host,{key:"c20c9812d53ac645f699af6d21bdf2b04fbe5fa9",class:"cty-tour overlay-hidden"},o&&h("cty-overlay",{key:"11db5947418d246a174dd1c9cd870dd0afc29a8c",root:"",backdropDismiss:false},l&&h("ion-popover",Object.assign({key:"fe79a7d4c18e73216d743c7640d821bca56ac0be",mode:"ios",ref:function(e){return t.popoverEl=e},arrow:v,animated:false,backdropDismiss:r,alignment:_,side:b,keepContentsMounted:true,class:p,onIonPopoverWillDismiss:function(e){return t.popoverWillDismiss(e)}},u,{showBackdrop:false}),h("div",{key:"cd001c3f042954beb4615503c3f24880c849a6ed",class:"cty-tour__clone-wrapper flex-center",ref:function(e){return t.triggerCloneParentEl=e}}),h("div",{key:"31bd94e6c17a63b303739be88930a014e0955f6a",class:{"cty-tour__content":true,"cty-tour__content-closeable":m}},h("slot",{key:"3b4d70d7a4052380cb490d15b02435d33b2284f1",name:"header"}),m&&h("slot",{key:"e6062974840b0c35d045b315f0f95abd0610a3a2",name:"closeable"},h("button",{key:"ff766f423ae391118f5cf31157892a84f6f862b1",class:"cty-button-native cty-tour__closeable"},h("cty-icon",{key:"c661dfbe84da1d4feabebe49db01b18fed568c43",name:"cty-close2",onClick:function(){return t.dismiss("closeable")}}))),f.content&&h("slot",{key:"50445c1c520cabb61a3105cf769eb9edaaf3b08a",name:"content"},h("p",{key:"fc84bc6e6ba8d6d25833de3693e17e551fb83d27",class:"cty-tour__content-inner"},f.content)),g&&h("div",{key:"5d64c59373ec1b38f38baea7f07c0a3b47480a8d",class:"cty-tour__content-footer flex-center-between"},h("slot",{key:"0c9a3e646198c08bd50e509a433aac065681aab2",name:"indicator"},h("div",{key:"40299e8cd865d57bd380a8869a29db9b264ece21",class:"cty-tour__content-indicator"},a+1,"/",i.length)),h("slot",{key:"46b2a0cbe6362d2585f64be21e65375553f7dd26",name:"buttons"},h("div",{key:"028f7f7f87511cba69be398164f1e4a4aa4f81d6",class:"cty-tour__content-buttons flex"},this.showPrev&&a>0&&h("button",{key:"539b635614cf98d56d81c460b8ebc9fa9d8b2a04",class:"cty-button-native cty-tour__content-prev",onClick:function(){return t.prevStep()}},this.prevText),a<i.length-1&&h("button",{key:"bd7d1ee594b6612a301c7cecf46a551bcec14fc3",class:"cty-button-native cty-tour__content-next",onClick:function(){return t.nextStep()}},this.nextText),a===i.length-1&&h("button",{key:"ecaf68c7cb34ed3e5be05933b266ed456b540d04",class:"cty-button-native cty-tour__content-complete",onClick:function(){return t.complete()}},this.completeText)))),h("slot",{key:"1258d20c2cffdb9370d235d3381e76f30530faec",name:"footer"})))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{current:["onCurrentChange"]}},enumerable:false,configurable:true});return t}();Tour.style=tourCss;export{Tour as cty_tour};

package/dist/esm-es5/cty-tutorial.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{e as createDelegateController,f as createTriggerController,h as present,j as dismiss,k as eventMethod,p as prepareOverlay,g as removeBodyScrollClass}from"./overlays-DoToumP0.js";import{c as createLockController}from"./lock-controller-CaB1JJxy.js";import{r as raf}from"./helpers-Bm1EyNNA.js";import{g as getClassMap,e as enterAnimation,l as leaveAnimation}from"./theme-hWTV6D5u.js";import"./config-iD8sj4Mi.js";import"./animation-Cl-LwdfQ.js";import"./index-ZjP4CjeZ.js";import"./helpers-skPg8wu0.js";var tutorialCss="*{-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-tutorial-overlay-position:fixed;--cty-tutorial-overlay-z-index:10;--cty-tutorial-overlay-background:var(--cty-overlay-color);--cty-tutorial-overlay-width:100vw;--cty-tutorial-overlay-height:100vh;--cty-tutorial-width:80%;--cty-tutorial-height:auto;--cty-tutorial-translate-y:0%;--cty-tutorial-close-top:10%;--cty-tutorial-close-right:10%;--cty-tutorial-close-size:26px;--cty-tutorial-close-icon-size:16px;--cty-tutorial-close-icon-color:var(--cty-color-white);--cty-tutorial-close-border-radius:var(--cty-border-radius-circle);--cty-tutorial-close-border:1px solid var(--cty-color-white);--cty-tutorial-img-width:100%;--cty-tutorial-img-height:auto;--cty-tutorial-indicator-coord:50%;--cty-tutorial-indicator-offset:12px;--cty-tutorial-indicator-translate:translate(-50%, -50%);--cty-tutorial-indicator-dot-width:6px;--cty-tutorial-indicator-dot-height:6px;--cty-tutorial-indicator-dot-background:var(--cty-color-white);--cty-tutorial-indicator-dot-opacity:0.3;--cty-tutorial-indicator-dot-opacity-active:1;--cty-tutorial-indicator-dot-background-active:var(--cty-color-white);--cty-tutorial-indicator-dot-transition:opacity 0.2s, background 0.2s;--cty-tutorial-indicator-dot-offset:6px;--cty-tutorial-indicator-dot-border-radius:100%}:host(.overlay-hidden){display:none}cty-backdrop{position:var(--cty-tutorial-overlay-position);z-index:var(--cty-tutorial-overlay-z-index);background:var(--cty-tutorial-overlay-background);width:var(--cty-tutorial-overlay-width);height:var(--cty-tutorial-overlay-height)}cty-banner{width:var(--cty-tutorial-width);height:var(--cty-tutorial-height);-webkit-transform:translateY(var(--cty-tutorial-translate-y));transform:translateY(var(--cty-tutorial-translate-y));--cty-banner-img-width:var(--cty-tutorial-img-width);--cty-banner-img-height:var(--cty-tutorial-img-height);--cty-banner-indicator-coord:var(--cty-tutorial-indicator-coord);--cty-banner-indicator-offset:var(--cty-tutorial-indicator-offset);--cty-banner-indicator-translate:var(--cty-tutorial-indicator-translate);--cty-banner-indicator-dot-width:var(--cty-tutorial-indicator-dot-width);--cty-banner-indicator-dot-height:var(--cty-tutorial-indicator-dot-height);--cty-banner-indicator-dot-background:var(--cty-tutorial-indicator-dot-background);--cty-banner-indicator-dot-opacity:var(--cty-tutorial-indicator-dot-opacity);--cty-banner-indicator-dot-opacity-active:var(--cty-tutorial-indicator-dot-opacity-active);--cty-banner-indicator-dot-background-active:var(--cty-tutorial-indicator-dot-background-active);--cty-banner-indicator-dot-transition:var(--cty-tutorial-indicator-dot-witransitiondth);--cty-banner-indicator-dot-offset:var(--cty-tutorial-indicator-dot-offset);--cty-banner-indicator-dot-border-radius:var(--cty-tutorial-indicator-dot-border-radius)}.cty-tutorial__close{position:absolute;right:var(--cty-tutorial-close-right);top:var(--cty-tutorial-close-top);width:var(--cty-tutorial-close-size);height:var(--cty-tutorial-close-size);border-radius:var(--cty-tutorial-close-border-radius);border:var(--cty-tutorial-close-border);font-size:var(--cty-tutorial-close-icon-size);color:var(--cty-tutorial-close-icon-color)}";var Tutorial=function(){function t(t){registerInstance(this,t);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.ctySlideChange=createEvent(this,"ctySlideChange",7);this.ctySlideTap=createEvent(this,"ctySlideTap",7);this.didPresent=createEvent(this,"ctyDidPresent",7);this.willPresent=createEvent(this,"ctyWillPresent",7);this.willDismiss=createEvent(this,"ctyWillDismiss",7);this.didDismiss=createEvent(this,"ctyDidDismiss",7);this.delegateController=createDelegateController(this);this.lockController=createLockController();this.triggerController=createTriggerController();this.presented=false;this.hasController=false;this.banners=[];this.backdropDismiss=false;this.closeable=true;this.props={pic:"pic",alt:"alt"};this.loop=true;this.vertical=false;this.duration=500;this.autoplay=true;this.initialIndex=0;this.indicator=true;this.touchable=true;this.root="default";this.animated=false}t.prototype.triggerChanged=function(){var t=this,i=t.trigger,r=t.el,e=t.triggerController;if(i){e.addClickListener(r,i)}};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.lockController.lock()];case 1:t=i.sent();return[4,this.delegateController.attachViewToDom(this.root)];case 2:i.sent();return[4,present(this,"tutorialEnter",(function(t){return enterAnimation(t,".cty-tutorial")}))];case 3:i.sent();t();return[2]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(r){switch(r.label){case 0:return[4,this.lockController.lock()];case 1:t=r.sent();return[4,dismiss(this,"tutorialLeave",(function(t){return leaveAnimation(t,".cty-tutorial")}))];case 2:i=r.sent();if(i){this.delegateController.removeViewFromDom()}t();return[2,i]}}))}))};t.prototype.onDidDismiss=function(){return eventMethod(this.el,"ctyDidDismiss")};t.prototype.onWillDismiss=function(){return eventMethod(this.el,"ctyWillDismiss")};t.prototype.connectedCallback=function(){prepareOverlay(this.el);this.triggerChanged()};t.prototype.disconnectedCallback=function(){this.triggerController.removeClickListener();this.presented&&removeBodyScrollClass()};t.prototype.componentWillLoad=function(){var t=this;!this.hasController&&raf((function(){return t.present()}))};t.prototype.handleSlideChange=function(t){this.ctySlideChange.emit(t.detail)};t.prototype.handleSlideTap=function(t){this.ctySlideTap.emit(t.detail)};t.prototype.render=function(){var t=this;var i=this,r=i.banners,e=i.loop,a=i.vertical,o=i.duration,n=i.autoplay,c=i.initialIndex,s=i.indicator,l=i.touchable;var d={banners:r,loop:e,vertical:a,duration:o,autoplay:n,initialIndex:c,indicator:s,touchable:l};return h(Host,{key:"0d96d7c7afdbe7b371276c1cb5eb11d589a8641a",class:Object.assign(Object.assign({},getClassMap(this.cssClass)),{"overlay-hidden":true}),style:{zIndex:"".concat(2e4+this.overlayIndex)}},h("cty-backdrop",{key:"d8647f58b3fd266324e0f423de81cade663358fb",backdropDismiss:this.backdropDismiss,onCtyDismiss:function(){return t.dismiss()}},h("cty-banner",Object.assign({key:"3279fb0804c2c84ab1c0acee5d5060d6a514c7f7"},d,{onClick:function(t){return t.stopPropagation},onCtySwipeChange:function(i){return t.handleSlideChange(i)},onCtySwipeTap:function(i){return t.handleSlideTap(i)}}),h("slot",{key:"c4a1dd05f8a17179f2b71d5035b8e3a2994a85bb",slot:"start",name:"start"}),h("slot",{key:"dccbe02958034c0b015779dd660d1c12ed3267d7",slot:"end",name:"end"})),this.closeable&&h("slot",{key:"3856c45320d775f60de30b7a977d78dc7c578c7d",name:"close"},h("button",{key:"fd4ab8e418539a8810f9ac7f0ead680f2fa7377b",class:"cty-tutorial__close cty-button-native",onClick:function(){return t.dismiss()}},h("cty-icon",{key:"10c85342b5b1236a085ca5cdf74072c887085986",name:"cty-close2"})))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{trigger:["triggerChanged"]}},enumerable:false,configurable:true});return t}();Tutorial.style=tutorialCss;export{Tutorial as cty_tutorial};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{e as createDelegateController,f as createTriggerController,h as present,j as dismiss,k as eventMethod,p as prepareOverlay,g as removeBodyScrollClass}from"./overlays-DoToumP0.js";import{c as createLockController}from"./lock-controller-CaB1JJxy.js";import{r as raf}from"./helpers-Bm1EyNNA.js";import{g as getClassMap,e as enterAnimation,l as leaveAnimation}from"./theme-hWTV6D5u.js";import"./config-iD8sj4Mi.js";import"./animation-Cl-LwdfQ.js";import"./index-ZjP4CjeZ.js";import"./helpers-skPg8wu0.js";var tutorialCss="*{-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-tutorial-overlay-position:fixed;--cty-tutorial-overlay-z-index:10;--cty-tutorial-overlay-background:var(--cty-overlay-color);--cty-tutorial-overlay-width:100vw;--cty-tutorial-overlay-height:100vh;--cty-tutorial-width:80%;--cty-tutorial-height:auto;--cty-tutorial-translate-y:0%;--cty-tutorial-close-top:10%;--cty-tutorial-close-right:10%;--cty-tutorial-close-size:26px;--cty-tutorial-close-icon-size:16px;--cty-tutorial-close-icon-color:var(--cty-color-white);--cty-tutorial-close-border-radius:var(--cty-border-radius-circle);--cty-tutorial-close-border:1px solid var(--cty-color-white);--cty-tutorial-img-width:100%;--cty-tutorial-img-height:auto;--cty-tutorial-indicator-coord:50%;--cty-tutorial-indicator-offset:12px;--cty-tutorial-indicator-translate:translate(-50%, -50%);--cty-tutorial-indicator-dot-width:6px;--cty-tutorial-indicator-dot-height:6px;--cty-tutorial-indicator-dot-background:var(--cty-color-white);--cty-tutorial-indicator-dot-opacity:0.3;--cty-tutorial-indicator-dot-opacity-active:1;--cty-tutorial-indicator-dot-background-active:var(--cty-color-white);--cty-tutorial-indicator-dot-transition:opacity 0.2s, background 0.2s;--cty-tutorial-indicator-dot-offset:6px;--cty-tutorial-indicator-dot-border-radius:100%}:host(.overlay-hidden){display:none}cty-backdrop{position:var(--cty-tutorial-overlay-position);z-index:var(--cty-tutorial-overlay-z-index);background:var(--cty-tutorial-overlay-background);width:var(--cty-tutorial-overlay-width);height:var(--cty-tutorial-overlay-height)}cty-banner{width:var(--cty-tutorial-width);height:var(--cty-tutorial-height);-webkit-transform:translateY(var(--cty-tutorial-translate-y));transform:translateY(var(--cty-tutorial-translate-y));--cty-banner-img-width:var(--cty-tutorial-img-width);--cty-banner-img-height:var(--cty-tutorial-img-height);--cty-banner-indicator-coord:var(--cty-tutorial-indicator-coord);--cty-banner-indicator-offset:var(--cty-tutorial-indicator-offset);--cty-banner-indicator-translate:var(--cty-tutorial-indicator-translate);--cty-banner-indicator-dot-width:var(--cty-tutorial-indicator-dot-width);--cty-banner-indicator-dot-height:var(--cty-tutorial-indicator-dot-height);--cty-banner-indicator-dot-background:var(--cty-tutorial-indicator-dot-background);--cty-banner-indicator-dot-opacity:var(--cty-tutorial-indicator-dot-opacity);--cty-banner-indicator-dot-opacity-active:var(--cty-tutorial-indicator-dot-opacity-active);--cty-banner-indicator-dot-background-active:var(--cty-tutorial-indicator-dot-background-active);--cty-banner-indicator-dot-transition:var(--cty-tutorial-indicator-dot-witransitiondth);--cty-banner-indicator-dot-offset:var(--cty-tutorial-indicator-dot-offset);--cty-banner-indicator-dot-border-radius:var(--cty-tutorial-indicator-dot-border-radius)}.cty-tutorial__close{position:absolute;right:var(--cty-tutorial-close-right);top:var(--cty-tutorial-close-top);width:var(--cty-tutorial-close-size);height:var(--cty-tutorial-close-size);border-radius:var(--cty-tutorial-close-border-radius);border:var(--cty-tutorial-close-border);font-size:var(--cty-tutorial-close-icon-size);color:var(--cty-tutorial-close-icon-color)}";var Tutorial=function(){function t(t){registerInstance(this,t);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.ctySlideChange=createEvent(this,"ctySlideChange",7);this.ctySlideTap=createEvent(this,"ctySlideTap",7);this.didPresent=createEvent(this,"ctyDidPresent",7);this.willPresent=createEvent(this,"ctyWillPresent",7);this.willDismiss=createEvent(this,"ctyWillDismiss",7);this.didDismiss=createEvent(this,"ctyDidDismiss",7);this.delegateController=createDelegateController(this);this.lockController=createLockController();this.triggerController=createTriggerController();this.presented=false;this.hasController=false;this.banners=[];this.backdropDismiss=false;this.closeable=true;this.props={pic:"pic",alt:"alt"};this.loop=true;this.vertical=false;this.duration=500;this.autoplay=true;this.initialIndex=0;this.indicator=true;this.touchable=true;this.root="default";this.animated=false}t.prototype.triggerChanged=function(){var t=this,i=t.trigger,r=t.el,e=t.triggerController;if(i){e.addClickListener(r,i)}};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.lockController.lock()];case 1:t=i.sent();return[4,this.delegateController.attachViewToDom(this.root)];case 2:i.sent();return[4,present(this,"tutorialEnter",(function(t){return enterAnimation(t,".cty-tutorial")}))];case 3:i.sent();t();return[2]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(r){switch(r.label){case 0:return[4,this.lockController.lock()];case 1:t=r.sent();return[4,dismiss(this,"tutorialLeave",(function(t){return leaveAnimation(t,".cty-tutorial")}))];case 2:i=r.sent();if(i){this.delegateController.removeViewFromDom()}t();return[2,i]}}))}))};t.prototype.onDidDismiss=function(){return eventMethod(this.el,"ctyDidDismiss")};t.prototype.onWillDismiss=function(){return eventMethod(this.el,"ctyWillDismiss")};t.prototype.connectedCallback=function(){prepareOverlay(this.el);this.triggerChanged()};t.prototype.disconnectedCallback=function(){this.triggerController.removeClickListener();this.presented&&removeBodyScrollClass()};t.prototype.componentWillLoad=function(){var t=this;!this.hasController&&raf((function(){return t.present()}))};t.prototype.handleSlideChange=function(t){this.ctySlideChange.emit(t.detail)};t.prototype.handleSlideTap=function(t){this.ctySlideTap.emit(t.detail)};t.prototype.render=function(){var t=this;var i=this,r=i.banners,e=i.loop,a=i.vertical,o=i.duration,n=i.autoplay,c=i.initialIndex,s=i.indicator,l=i.touchable;var d={banners:r,loop:e,vertical:a,duration:o,autoplay:n,initialIndex:c,indicator:s,touchable:l};return h(Host,{key:"ee4bc639a14ea3a54a18a1a8e1afe2225962a715",class:Object.assign(Object.assign({},getClassMap(this.cssClass)),{"overlay-hidden":true}),style:{zIndex:"".concat(2e4+this.overlayIndex)}},h("cty-backdrop",{key:"396541fdb1b5dd85e9d12e12714e4e0c91599055",backdropDismiss:this.backdropDismiss,onCtyDismiss:function(){return t.dismiss()}},h("cty-banner",Object.assign({key:"9c0b8e656c6306132cbc32051271e2f237e84577"},d,{onClick:function(t){return t.stopPropagation},onCtySwipeChange:function(i){return t.handleSlideChange(i)},onCtySwipeTap:function(i){return t.handleSlideTap(i)}}),h("slot",{key:"20b230b396c38b366a800d28ad0216bc14daaea7",slot:"start",name:"start"}),h("slot",{key:"faddee7f9d8cfbd457f721b3442319842aeb0402",slot:"end",name:"end"})),this.closeable&&h("slot",{key:"d6b48b8ef0ed102f3f1dea0912b42050578e18e7",name:"close"},h("button",{key:"ffcd33c6fb5351fc9d325a6705504762e655aec0",class:"cty-tutorial__close cty-button-native",onClick:function(){return t.dismiss()}},h("cty-icon",{key:"d75a2a170b43dac5ae3d259c79888bad039e1838",name:"cty-close2"})))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{trigger:["triggerChanged"]}},enumerable:false,configurable:true});return t}();Tutorial.style=tutorialCss;export{Tutorial as cty_tutorial};

package/dist/esm-es5/cty-video.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{g as getElementRect,b as getEventPageCoords,a as getEventClientCoords}from"./dom-CHhKFKFA.js";import{s as secondsToVehicle,r as statusBar}from"./status-bar-sXJ7CrDy.js";import{s as screenOrientation,v as volumeControl}from"./volume-control-CeJ5isUe.js";import{n as network}from"./network-BqPNWsXF.js";import{d as deviceInfo}from"./device-info-BWrjtLtW.js";import{c as config}from"./config-iD8sj4Mi.js";import{v as volumeMuteOutline,a as volumeOffOutline,b as volumeLowOutline,c as volumeMediumOutline,d as volumeHighOutline,e as chevronBackOutline}from"./index-D0r4bHmZ.js";import{i as isPlatform}from"./platform-BqPoMbNS.js";import"./format-DnWe30Rj.js";var 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}';var Video=function(){function t(t){var e=this;registerInstance(this,t);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.ctyVideoCanplay=createEvent(this,"ctyVideoCanplay",7);this.ctyVideoTimeupdate=createEvent(this,"ctyVideoTimeupdate",7);this.ctyVideoPlaying=createEvent(this,"ctyVideoPlaying",7);this.ctyVideoPlay=createEvent(this,"ctyVideoPlay",7);this.ctyVideoPause=createEvent(this,"ctyVideoPause",7);this.ctyVideoStalled=createEvent(this,"ctyVideoStalled",7);this.ctyVideoWaiting=createEvent(this,"ctyVideoWaiting",7);this.ctyVideoEnded=createEvent(this,"ctyVideoEnded",7);this.ctyVideoError=createEvent(this,"ctyVideoError",7);this.ctyVideoChangeVolume=createEvent(this,"ctyVideoChangeVolume",7);this.ctyVideoProgress=createEvent(this,"ctyVideoProgress",7);this.ctyVideoScreenChange=createEvent(this,"ctyVideoScreenChange",7);this.ctyVideoIAEnter=createEvent(this,"ctyVideoIAEnter",7);this.ctyVideoIAAction=createEvent(this,"ctyVideoIAAction",7);this.ctyVideoCtrlChange=createEvent(this,"ctyVideoCtrlChange",7);this.ctyVideoRateChange=createEvent(this,"ctyVideoRateChange",7);this.url="";this.poster="";this.startTime=0;this.preload="metadata";this.allowForward=true;this.allowBackward=true;this.unAllowForwardMsg="首次学习不允许快进哦~";this.unAllowRateMsg="首次学习不允许设置播放倍速";this.trafficMsg="当前是非WIFI网络, 可能消耗流量, 点击继续~";this.errorMsg="视频播放异常或网络故障, 请稍后重试。";this.orientation=true;this.autoplay=true;this.trafficAutoplay=false;this.fullscreenOnly=true;this.defaultFullscreen=true;this.fullscreenIcon="cty-fullscreen";this.exitFullscreenIcon="cty-exit-fullscreen";this.direction="L";this.controls=true;this.headerCtrl=true;this.footerCtrl=true;this.title="";this.rates=[.7,1,1.25,1.5];this.rate=1;this.directRate=false;this.loading=false;this.loadingImg="";this.updateNow=true;this.markers=[];this.landscapeEnterTimer=20;this.landscapeLeaveTimer=420;this.togglePlayTimer=150;this.progressPosition="center";this.player="video";this.largeScreenIsPortrait=true;this.allowBackgroundForward=false;this.interactiveActions=[];this.playProgress=0;this.maxPlayProgress=0;this.currentTimeLabel="00:00:00";this.durationLabel="00:00:00";this.isPlaying=false;this.isMute=false;this.showCtrl=true;this.showPlayRate=false;this.showVideoError=true;this.warningMsg="";this.isLoading=true;this.showTogglePlay=false;this.playVolume=100;this.playBrightness=100;this.controlIcon="";this.controlLabel="";this.controlType="";this.lastControlType="";this.touchState={isTouching:false,right:0,height:0,top:0,bottom:0,currentY:0};this.isMoving=false;this.opnStartTime=0;this.opnMoveTime=0;this.opnLx=0;this.opnLy=0;this.opnNx=0;this.opnNy=0;this.isMouseMove=false;this.isMicroMessager=deviceInfo.isMicroMessager;this.isPC=deviceInfo.isPC;this.isIOS=deviceInfo.isIos;this.isIpad=deviceInfo.isIpad;this.isWifi=network.isWifi;this.isHybrid=deviceInfo.isHybrid;this.lastTapScreenTime=Date.now();this.footerPrgtime=0;this._curIsFullscreen=true;this.showInteractiveLayer=false;this.hasInteractive=false;this.interactiving_action=null;this.ctrlTimer=0;this.warningMsgTimer=0;this.touchMoveTimer=0;this._rates=[];this.markerList=[];this.currentMarker={describe:"",breakpoint:0,position:0};this.showDotPanel=false;this.dotDotPanelTop="auto";this.dotDotPanelLeft="auto";this.triangleMargin=0;this.reallyShowDot=false;this.isRealWaiting=true;this.isSeeking=false;this.deviceIsPORTRAIT=false;this.canScreenOrientation=false;this.visibilityChangeHandler=function(){};this.iosAppPauseHandler=function(){};this.iosAResumeHandler=function(){};this._doCanplay=function(){setTimeout((function(){e.showTogglePlay=true}),e.togglePlayTimer);if(e.isLoading){e.videoEl.style.display="block"}if((!e.isWifi||e.isMicroMessager||!e.autoplay||!e.loading)&&e.isLoading){e.isLoading=false}e.durationLabel=secondsToVehicle(e.videoEl.duration);e.ctyVideoCanplay.emit();e.markerList=e.markers.map((function(t){return Object.assign(Object.assign({},t),{position:+(t.breakpoint/e.videoEl.duration*100).toFixed(3)})}))};this._doTimeupdate=function(){var t=e.videoEl.currentTime;if(!e.isPlaying&&t>0){if(e.isLoading){e.isLoading=false}if(!e.videoEl.paused){e.isPlaying=true}}if(!e.touchState.isTouching){e._updateVideoProgress();e.interactiveCheck(t)}e.ctyVideoTimeupdate.emit(t)};this._doPlay=function(){e.ctyVideoPlay.emit()};this._doPause=function(){e.isPlaying=false;e.ctyVideoPause.emit()};this._doEnded=function(){e.isPlaying=false;e._updateVideoProgress();e.interactiveReset();e.ctyVideoEnded.emit()};this._doPlaying=function(){if(!isPlatform("android")){if(e.isLoading){e.isLoading=false}e.isPlaying=true}e.ctyVideoPlaying.emit()};this._doChangeVolume=function(){e.playVolume=Math.round(e.videoEl.volume*100);e.ctyVideoChangeVolume.emit()};this._doError=function(){if(!e.isLoading&&e.showVideoError){e.warningMsg=e.errorMsg;e.clearWarningMsg();e.ctyVideoError.emit(true);return}if(e.isLoading){e.isLoading=false;e.showTogglePlay=true}e.ctyVideoError.emit(false)};this._doStalled=function(){e.ctyVideoStalled.emit()};this._doWaiting=function(){if(e.isRealWaiting&&!e.isSeeking){e.ctyVideoWaiting.emit(e.videoEl.currentTime)}};this._doSeeked=function(){if(e.isSeeking=false){e.isRealWaiting=true}};this._dismiss=function(){if(!e.fullscreenOnly&&e.curIsFullscreen){e.curIsFullscreen=false;if(e.isHybrid){statusBar.toggleStatusBar(true)}if(e.canScreenOrientation){screenOrientation.lock("portrait").catch((function(){}))}e.ctyDismiss.emit(false);return}if(!e.videoEl.paused){e.pause();e.ctyDismiss.emit(false);return}if(e.isHybrid){statusBar.toggleStatusBar(true)}if(e.canScreenOrientation){if(e.landscapeLeaveTimer>0){setTimeout((function(){screenOrientation.lock("portrait").catch((function(){}))}),e.landscapeLeaveTimer)}else{screenOrientation.lock("portrait").catch((function(){}))}}e.ctyDismiss.emit(true)};this._doSetRate=function(){if(!e.allowForward){e.warningMsg=e.unAllowRateMsg;e.clearWarningMsg();return}if(e.direction!="L"||e.directRate){var t=e.rates.findIndex((function(t){return t==e.rate}))+1;if(t==e.rates.length){t=0}e.setPlayRate(e.rates[t]);return}e.showCtrl=false;e.showPlayRate=true;e._resetDot();e.ctyVideoCtrlChange.emit(e.showCtrl)};this._toggleFullScreen=function(t){e.curIsFullscreen=t;if(e.isHybrid){statusBar.toggleStatusBar(!t)}if(e.canScreenOrientation){screenOrientation.lock(t?"landscape":"portrait").catch((function(){}))}e.ctyVideoScreenChange.emit(t)};this._doPrgTouchstart=function(t){var i;if(t.type=="mousedown"){e.isMouseMove=true}e.isRealWaiting=false;if(!e.allowForward&&!e.allowBackward||((i=t.touches)===null||i===void 0?void 0:i.length)>1){return true}e.isSeeking=true;var o=getElementRect(t.currentTarget);e.touchState.top=o.top;e.touchState.height=o.bottom-e.touchState.top;e.touchState.right=o.right;e.touchState.bottom=o.bottom;e.touchState.isTouching=true;if(e.deviceIsPORTRAIT){e.touchState.top=o.left;e.touchState.height=o.right-e.touchState.top;e.touchState.right=o.bottom;e.touchState.bottom=o.right}e.touchState.currentY=e._getPoint(t).x;e.maxPlayProgress=Math.max(e.playProgress,e.maxPlayProgress);e._changeProgressByTouch();e.clearCtrlTimeout();return true};this._doPrgTouchmove=function(t){var i;if(!e.isMouseMove&&t.type=="mousemove"){return}if(((i=t.touches)===null||i===void 0?void 0:i.length)>1){return true}var o=Date.now();if(e.footerPrgtime+50>o){return true}e.footerPrgtime=o;var r=e._getPoint(t).x;var a=Math.abs(r-e.touchState.currentY)*100/e.touchState.height;e.touchState.currentY=r;if(a>1||t.type=="mousemove"){e._changeProgressByTouch(e.updateNow)}return true};this._doPrgTouchend=function(t){if(t.type=="mouseleave"&&!e.isMouseMove){return}if(t.type=="mouseup"||t.type=="mouseleave"){e.isMouseMove=false}if(e.touchState.isTouching){e._changeProgressByTouch()}e.touchState.isTouching=false;e.isSeeking=false;return true};this._doOpnStart=function(t){if(t.type=="mousedown"){e.isMouseMove=true}e.isSeeking=true;e.isRealWaiting=false;var i=getElementRect(t.currentTarget);e.touchState.top=i.top;e.touchState.height=i.bottom-e.touchState.top;e.touchState.right=i.right;e.touchState.bottom=i.bottom;e.touchState.isTouching=true;if(e.deviceIsPORTRAIT){e.touchState.top=i.left;e.touchState.height=i.right-e.touchState.top;e.touchState.right=i.bottom;e.touchState.bottom=i.right}var o=e._getPoint(t),r=o.x,a=o.y;e.opnLx=r;e.opnLy=a;e.maxPlayProgress=Math.max(e.playProgress,e.maxPlayProgress);e.opnStartTime=(new Date).getTime();return true};this._doOpnMove=function(t){if(!e.isMouseMove&&t.type=="mousemove"){return}if(e.opnMoveTime===0){e.opnMoveTime=(new Date).getTime()}if(e.opnMoveTime-e.opnStartTime<1500){e.showCtrl=true;e.clearCtrlTimeout();e.isMoving=true;var i=e._getPoint(t),o=i.x,r=i.y;e.opnNx=o;e.opnNy=r;if(!e.controlType){if(Math.abs(e.opnNx-e.opnLx)>=Math.abs(e.opnNy-e.opnLy)){e.controlType="P";e.controlLabel=e.currentTimeLabel}else{if(!e.isIOS){if(e.opnLx>e.touchState.height*.5){e.controlType="V";e.controlIcon="cty-volume-high";e.controlLabel=e.playVolume+"%"}else{e.controlType="B";e.controlIcon="cty-brightness";e.controlLabel=e.playBrightness+"%"}}else{e.controlType="B";e.controlIcon="cty-brightness";e.controlLabel=e.playBrightness+"%"}}}if(e.controlType=="P"){e.controlIcon=e.opnNx-e.opnLx>0?"cty-forward":"cty-backward"}switch(e.controlType){case"B":if(e.opnNy-e.opnLy<0&&!e.deviceIsPORTRAIT||e.opnNy-e.opnLy>0&&e.deviceIsPORTRAIT){e.playBrightness-=2;e.playBrightness=Math.max(e.playBrightness,0);if(e.updateNow){e._updateBrightness()}}else if(e.opnNy-e.opnLy>0&&!e.deviceIsPORTRAIT||e.opnNy-e.opnLy<0&&e.deviceIsPORTRAIT){e.playBrightness+=2;e.playBrightness=Math.min(e.playBrightness,100);if(e.updateNow){e._updateBrightness()}}e.controlLabel=e.playBrightness+"%";break;case"V":if(e.opnNy-e.opnLy<0&&!e.deviceIsPORTRAIT||e.opnNy-e.opnLy>0&&e.deviceIsPORTRAIT){e.playVolume-=2;e.playVolume=Math.max(e.playVolume,0);if(e.updateNow){e._updateVolume()}}else if(e.opnNy-e.opnLy>0&&!e.deviceIsPORTRAIT||e.opnNy-e.opnLy<0&&e.deviceIsPORTRAIT){e.playVolume+=2;e.playVolume=Math.min(e.playVolume,100);if(e.updateNow){e._updateVolume()}}e.controlLabel=e.playVolume+"%";break;case"P":if(e.opnNx-e.opnLx>0){if(!e.allowForward&&e.playProgress>=e.maxPlayProgress){e.isMoving=false;e.unAllowForward();return}e.playProgress+=1;e.playProgress=Math.min(e.playProgress,1e3);if(e.updateNow){e.videoEl.currentTime=e.playProgress/1e3*e.videoEl.duration;e._updateVideoProgress()}e.controlLabel=secondsToVehicle(e.playProgress/1e3*e.videoEl.duration)}else if(e.opnNx-e.opnLx<0){e.playProgress-=1;e.playProgress=Math.max(0,e.playProgress);if(e.updateNow){e.videoEl.currentTime=e.playProgress/1e3*e.videoEl.duration;e._updateVideoProgress()}e.controlLabel=secondsToVehicle(e.playProgress/1e3*e.videoEl.duration)}else{e.interactiveReset()}break}e.lastControlType=e.controlType;e.opnLx=e.opnNx;e.opnLy=e.opnNy}};this._doOpnEnd=function(t){if(t.type=="mouseleave"&&!e.isMouseMove){return}if(t.type=="mouseup"||t.type=="mouseleave"){e.isMouseMove=false}if(!e.isMoving){e.showCtrl=!e.showCtrl;e.ctyVideoCtrlChange.emit(e.showCtrl);e._resetDot();var i=Date.now();if(i-e.lastTapScreenTime<400){e.lastTapScreenTime=e.lastTapScreenTime-1e3;e.toggleVideo(null)}else{e.lastTapScreenTime=i}}if(!e.updateNow){switch(e.controlType){case"B":e._updateBrightness();break;case"V":e._updateVolume();break;case"P":e.videoEl.currentTime=e.playProgress/1e3*e.videoEl.duration;e._updateVideoProgress();break}}e.controlType="";e.clearCtrlTimeout();e.touchState.isTouching=false;e.opnMoveTime=0;e._clearTouchMoveToast();e.isSeeking=false};this._doDot=function(t,i){t.stopPropagation();e.clearCtrlTimeout();if(e.currentMarker.breakpoint>0&&i.breakpoint==e.currentMarker.breakpoint){e.setVideoCurrentTime(e.currentMarker.breakpoint,(function(){e._resetDot();e.play()}));return}e.showDotPanel=true;e.currentMarker=i;var o=getElementRect(t.target);var r=o.top+o.height/2;var a=o.left+o.width/2;e.reallyShowDot=false;window.setTimeout((function(){var t=e.dotPanelEl;var i=t.parentNode.offsetHeight;var o=t.parentNode.offsetWidth;var n=t.offsetWidth;var s=t.children[t.children.length-1];var c=r-s.offsetLeft-s.offsetWidth/2+e.triangleMargin;var h=a-s.offsetLeft-s.offsetWidth/2+e.triangleMargin;e.dotDotPanelTop=c+"px";e.dotDotPanelLeft=h+"px";var d=i-n-20;var l=o-n-20;if(e.canScreenOrientation){if(h>l){e.triangleMargin=h-l;e.dotDotPanelLeft=l+"px"}else if(h<5){e.triangleMargin=h-5;e.dotDotPanelLeft="5px"}else{e.triangleMargin=0}e.dotDotPanelTop="auto"}else{if(c>d){e.triangleMargin=c-d;e.dotDotPanelTop=d+"px"}else if(c<5){e.triangleMargin=c-5;e.dotDotPanelTop="5px"}else{e.triangleMargin=0}e.dotDotPanelLeft="auto"}window.setTimeout((function(){e.reallyShowDot=true}),10)}),100)};this._toPoint=function(){e.clearCtrlTimeout();e.setVideoCurrentTime(e.currentMarker.breakpoint,(function(){e._resetDot();e.play()}))}}Object.defineProperty(t.prototype,"curIsFullscreen",{get:function(){return this._curIsFullscreen},set:function(t){this._curIsFullscreen=t;this.deviceIsPORTRAIT=this.direction=="P"||!t||this.largeScreenIsPortrait&&(this.isPC||this.isIpad)||this.canScreenOrientation&&t},enumerable:false,configurable:true});t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,o;return __generator(this,(function(r){switch(r.label){case 0:if(!(!this.isIOS&&!this.isMicroMessager&&volumeControl.isAvailable))return[3,5];r.label=1;case 1:r.trys.push([1,4,,5]);t=this;return[4,volumeControl.getVolume()];case 2:t.playVolume=r.sent();e=this;return[4,volumeControl.isMuted()];case 3:e.isMute=r.sent();return[3,5];case 4:i=r.sent();return[3,5];case 5:if(!this.defaultFullscreen&&!this.fullscreenOnly){this.curIsFullscreen=false}o=this.rates.map((function(t){return t}));this._rates=o;this.hasInteractive=Array.isArray(this.interactiveActions)&&this.interactiveActions.length>0;this.interactiveReset();this.showTogglePlay=!this.autoplay;return[2]}}))}))};t.prototype.componentDidLoad=function(){var t=this;this.canScreenOrientation=this.orientation&&this.direction=="L"&&this.isHybrid&&isPlatform("mobile")&&!this.isIpad;this.deviceIsPORTRAIT=this.direction=="P"||!this.curIsFullscreen||this.largeScreenIsPortrait&&(this.isPC||this.isIpad)||this.canScreenOrientation;if(this.canScreenOrientation&&this.curIsFullscreen){if(this.landscapeEnterTimer>0){setTimeout((function(){screenOrientation.lock("landscape").catch((function(){}))}),this.landscapeEnterTimer)}else{screenOrientation.lock("landscape").catch((function(){}))}}else if(this.isHybrid&&isPlatform("mobile")){screenOrientation.lock("portrait").catch((function(){}))}if(+this.startTime>0){this.videoEl.currentTime=Number(this.startTime)}this.videoEl.controls=false;this.videoEl.playbackRate=this.rate;if(this.isMicroMessager){window.setTimeout((function(){t.isLoading=false;t.showTogglePlay=true;t.videoEl.style.display="block"}),2500)}else if(!this.isWifi){window.setTimeout((function(){t.isLoading=false;t.showTogglePlay=true;t.videoEl.style.display="block"}),1500)}else if(+this.startTime>0){this.videoEl.style.display="block"}if(!this.allowBackgroundForward&&this.isIOS){var e=1;var i="";var o=0;if(this.isMicroMessager){this.visibilityChangeHandler=function(){if(!t.allowForward&&t.videoEl){if(e%2==1){t.showVideoError=false;i=t.videoEl.src;o=t.videoEl.currentTime;t.videoEl.src="data:video/mp4;base64,YQ=="}else{t.videoEl.src=i;window.setTimeout((function(){t.videoEl.currentTime=o;t.showVideoError=true}),1500)}e++}};document.addEventListener("visibilitychange",this.visibilityChangeHandler)}else{this.iosAppPauseHandler=function(){if(t.videoEl&&!t.allowForward){t.showVideoError=false;i=t.videoEl.src;o=t.videoEl.currentTime;t.videoEl.src="data:video/mp4;base64,YQ=="}};this.iosAResumeHandler=function(){if(t.videoEl&&!t.allowForward){t.videoEl.src=i;window.setTimeout((function(){t.showVideoError=false;t.videoEl.currentTime=o}),1500)}};document.addEventListener("pause",this.iosAppPauseHandler);document.addEventListener("resume",this.iosAResumeHandler)}}};t.prototype.disconnectedCallback=function(){clearTimeout(this.ctrlTimer);clearTimeout(this.warningMsgTimer);clearTimeout(this.touchMoveTimer);if(!this.allowBackgroundForward&&this.isIOS){if(this.isMicroMessager){document.removeEventListener("visibilitychange",this.visibilityChangeHandler)}else{document.removeEventListener("pause",this.iosAppPauseHandler);document.removeEventListener("resume",this.iosAResumeHandler)}}};t.prototype._getVolumeIconName=function(){if(this.isMute){return volumeMuteOutline}if(this.playVolume==0){return volumeOffOutline}else if(this.playVolume<30){return volumeLowOutline}else if(this.playVolume<70){return volumeMediumOutline}else{return volumeHighOutline}};t.prototype.unAllowForward=function(){this.warningMsg=this.unAllowForwardMsg;this.clearWarningMsg()};t.prototype.play=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.videoEl.paused){this.videoEl.play()}this.isPlaying=true;return[2]}))}))};t.prototype.setCtrlShow=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=false}return __generator(this,(function(e){this.showCtrl=t;this._resetDot();this.ctyVideoCtrlChange.emit(t);return[2]}))}))};t.prototype.pause=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.videoEl.paused){this.videoEl.pause()}this.isPlaying=false;return[2]}))}))};t.prototype.setVideoCurrentTime=function(t,e){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(o){this.maxPlayProgress=Math.max(this.maxPlayProgress,this.playProgress);i=this.videoEl.duration*this.maxPlayProgress/1e3;if(t>i&&!this.allowForward){this.unAllowForward();return[2]}this.videoEl.currentTime=t;e&&e();return[2]}))}))};t.prototype._clearTouchMoveToast=function(){var t=this;clearTimeout(this.touchMoveTimer);this.touchMoveTimer=window.setTimeout((function(){t.isMoving=false}),2e3)};t.prototype.clearCtrlTimeout=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){if(this.showCtrl){clearTimeout(this.ctrlTimer);this.ctrlTimer=window.setTimeout((function(){t.showCtrl=false;t.touchState.isTouching=false;t._resetDot();t.ctyVideoCtrlChange.emit(false)}),4e3)}return[2]}))}))};t.prototype.setWarningMsg=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.warningMsg=t;this.clearWarningMsg();return[2]}))}))};t.prototype.clearWarningMsg=function(){var t=this;if(this.warningMsg!=""){clearTimeout(this.warningMsgTimer);this.warningMsgTimer=window.setTimeout((function(){t.warningMsg=""}),2e3)}};t.prototype.toggleVideo=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.isLoading){return[2]}if(this.videoEl.paused){this.play()}else{this.pause()}if(t){this.clearCtrlTimeout();t.stopPropagation()}return[2]}))}))};t.prototype.toggleVolume=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:if(!(!this.isIOS&&!this.isMicroMessager&&volumeControl.isAvailable))return[3,6];i.label=1;case 1:i.trys.push([1,4,,5]);return[4,volumeControl.toggleMute()];case 2:i.sent();t=this;return[4,volumeControl.isMuted()];case 3:t.isMute=i.sent();return[3,5];case 4:e=i.sent();if(this.isMute){volumeControl.setVolume(this.playVolume)}else{volumeControl.setVolume(0)}this.isMute=!this.isMute;return[3,5];case 5:return[3,7];case 6:this.videoEl.muted=!this.videoEl.muted;this.isMute=this.videoEl.muted;i.label=7;case 7:this.clearCtrlTimeout();return[2]}}))}))};t.prototype.setPlayRate=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.rate=t;this.videoEl.playbackRate=this.rate;this.showPlayRate=false;this.ctyVideoRateChange.emit(t);return[2]}))}))};t.prototype._getPoint=function(t){var e=getEventPageCoords(t),i=e.x,o=e.y;try{if(this.deviceIsPORTRAIT){return{x:i,y:o}}return{x:o,y:i}}catch(t){return{x:0,y:0}}};t.prototype._changeProgressByTouch=function(t){if(t===void 0){t=true}if(!this.allowForward&&!this.allowBackward){return}var e=Math.round((this.touchState.currentY-this.touchState.top)/this.touchState.height*1e3);if(!this.allowBackward&&e<this.playProgress){return}if(!this.allowForward&&e>this.maxPlayProgress){this.unAllowForward();return}this.lastControlType="P";this.isMoving=true;if(this.playProgress>e){this.controlIcon="cty-backward"}else if(this.playProgress<e){this.controlIcon="cty-forward"}this.playProgress=e;if(e==0){this.interactiveReset();this.isMoving=false}if(t){this.videoEl.currentTime=this.playProgress/1e3*this.videoEl.duration;this._updateVideoProgress()}else{this.controlLabel=secondsToVehicle(this.playProgress/1e3*this.videoEl.duration)}this._clearTouchMoveToast()};t.prototype._updateVideoProgress=function(){var t=this.videoEl.currentTime;var e=this.videoEl.duration;this.playProgress=e>0?Math.round(t/e*1e3):0;this.ctyVideoProgress.emit(this.playProgress/10);this.currentTimeLabel=secondsToVehicle(t);this.durationLabel=secondsToVehicle(e);if(this.lastControlType=="P"){this.controlLabel=this.currentTimeLabel}};t.prototype._updateBrightness=function(){var t="rgba(0,0,0, "+(100-this.playBrightness)/1.6/100+")";this.videoCtrlEl.style.backgroundColor=t};t.prototype._updateVolume=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:if(!(!this.isIOS&&!this.isMicroMessager&&volumeControl.isAvailable))return[3,6];i.label=1;case 1:i.trys.push([1,4,,5]);return[4,volumeControl.setVolume(this.playVolume)];case 2:i.sent();t=this;return[4,volumeControl.isMuted()];case 3:t.isMute=i.sent();return[3,5];case 4:e=i.sent();return[3,5];case 5:return[3,7];case 6:this.videoEl.volume=this.playVolume/100;i.label=7;case 7:this.videoEl.volume=this.playVolume/100;if(this.playVolume>0&&this.isMute){this.toggleVolume()}return[2]}}))}))};t.prototype._resetDot=function(){this.showDotPanel=false;this.currentMarker={describe:"",breakpoint:0,position:0}};t.prototype.getVideoElement=function(){var t=this;return Promise.resolve().then((function(){return t.videoEl}))};t.prototype.getVideoState=function(){var t=this;return Promise.resolve().then((function(){var e=t,i=e.maxPlayProgress,o=e.isWifi,r=e.isLoading,a=e.playProgress,n=e.isPlaying;return{maxPlayProgress:i,isWifi:o,isLoading:r,playProgress:a,isPlaying:n}}))};t.prototype.interactiveCheck=function(t){var e;if(!this.hasInteractive||this.showInteractiveLayer){return}for(var i=0,o=this.interactiveActions;i<o.length;i++){var r=o[i];if(this.checkActionTriggerCond(r,t,"play")){this.showInteractiveLayer=true;this.interactiving_action=r;r.status.entercount++;for(var a=0,n=r.buttons;a<n.length;a++){var s=n[a];if(s.type=="optbtn"){s.val=s.defaultval}}var c=false;if(((e=r.autoactions)===null||e===void 0?void 0:e.length)>0){for(var h=0,d=r.autoactions;h<d.length;h++){var l=d[h];if(this.calcTriggerCond(this.interactiving_action,l.condtrigger)){this.pause();this.doInteractiveAction(l);c=true;break}}}if(!c&&r.buttons.length>0){this.pause();this.showInteractiveActionUI(r)}break}}};t.prototype.changeInteractiveAction=function(t){if(!this.hasInteractive&&!this.showInteractiveLayer){return}this.clearInteractiveActionUI();this.interactiving_action=t;t.status.entercount++;for(var e=0,i=t.buttons;e<i.length;e++){var o=i[e];if(o.type=="optbtn"){o.val=o.defaultval}}this.showInteractiveActionUI(t)};t.prototype.checkActionTriggerCond=function(t,e,i){var o=t.playtrigger;if(i=="play"&&(e<o.min||e>=o.max)){return false}if(this.calcTriggerCond(t,t.condtrigger)){return true}return false};t.prototype.calcTriggerCond=function(t,e){var i=true;for(var o=0,r=e;o<r.length;o++){var a=r[o];var n=true;var s=null;switch(a.type){case"entercount":s=this.findInteractiveAction(a.actionid,t);if(s!=null){var c=s.status.entercount;n=c>=a.min&&(c<a.max||a.max=="")}break;case"optbtn":s=this.findInteractiveAction(a.actionid,t);if(s!=null){for(var h=0,d=s.buttons;h<d.length;h++){var l=d[h];if(l.type=="optbtn"&&l.id==a.btnid){n=l.val==a.val;break}}}break;case"group":n=this.calcTriggerCond(t,a.subs);break}if(a.op=="or"){i=i||n}else{i=i&&n}}return i};t.prototype.findInteractiveAction=function(t,e){if(t.trim()==""){return e}for(var i=0,o=this.interactiveActions;i<o.length;i++){var r=o[i];if(r.id==t){return r}}return null};t.prototype.interactiveAction=function(t){t.stopPropagation();if(this.interactiving_action==null){return}var e=this.interactiving_action.imgW;var i=this.interactiving_action.imgH;for(var o=0,r=this.interactiving_action.buttons;o<r.length;o++){var a=r[o];var n={x:a.x,y:a.y,width:a.w,height:a.h};if(this.interactiveClickHitCheck(t,n,e,i)){switch(a.type){case"optbtn":a.val=a.val==1?"0":"1";this.refreshInteractiveActionBtnStatus(this.interactiving_action);break;case"link":case"input":this.doInteractiveAction(a);break;case"action":default:for(var s=0,c=a.actions;s<c.length;s++){var h=c[s];if(this.calcTriggerCond(this.interactiving_action,h.condtrigger)){this.doInteractiveAction(h);break}}break}break}}};t.prototype.doInteractiveAction=function(t){var e=this;if(t.type=="action"){this.changeInteractiveAction(this.findInteractiveAction(t.actionid,this.interactiving_action))}else if(t.type=="play"){this.videoEl.currentTime=t.startTime;this.play();this.clearInteractiveActionUI();window.setTimeout((function(){e.interactiving_action=null;e.hideInteractiveActionUI()}),100)}else if(t.type=="link"){if(!t.link){this.play();this.clearInteractiveActionUI();window.setTimeout((function(){e.interactiving_action=null;e.hideInteractiveActionUI()}),100);return}this.ctyVideoIAAction.emit(t)}};t.prototype.interactiveClickHitCheck=function(t,e,i,o){var r=o;var a=i;var n=this.interactiveEl;var s=e.y*r/o;var c=e.x*a/i;var h=e.width*a/i;var d=e.height*r/o;var l=getEventClientCoords(t),f=l.x,v=l.y;var u=(f-n.offsetLeft)*a/n.clientWidth;var y=(v-n.offsetTop)*r/n.clientHeight;if(u>=c&&u<=c+h&&y>=s&&y<=s+d){return true}return false};t.prototype.showInteractiveActionUI=function(t){this.interactiveEl.style.display="block";if(t.img!=""){this.interactiveEl.style.backgroundImage="url("+t.img+")"}this.refreshInteractiveActionBtnStatus(t);this.ctyVideoIAEnter.emit()};t.prototype.hideInteractiveActionUI=function(){this.showInteractiveLayer=false;this.clearInteractiveActionUI();this.interactiveEl.style.display="none"};t.prototype.refreshInteractiveActionBtnStatus=function(t){var e=this.interactiveEl;var i="";for(var o=0,r=t.buttons;o<r.length;o++){var a=r[o];if(a.type=="optbtn"){i+=a.htmls[a.val]||""}}e.innerHTML=i};t.prototype.clearInteractiveActionUI=function(){this.interactiveEl.innerHTML=""};t.prototype.interactiveReset=function(){if(!this.hasInteractive){return}this.showInteractiveLayer=false;for(var t=0,e=this.interactiveActions;t<e.length;t++){var i=e[t];i.status.entercount=0;for(var o=0,r=i.buttons;o<r.length;o++){var a=r[o];if(a.type=="optbtn"){a.val=a.defaultval}}}};t.prototype.renderPlayer=function(){var t=this;var e=this.poster||"".concat(config.get("resUrlPrefix",""),"assets/cty_res/img/poster.jpg");return h("div",{class:"cty-video__wrapper","data-tap-disable":"true"},this.player==="video"&&h("video",{ref:function(e){return t.videoEl=e},class:"cty-video__player",poster:e,preload:this.preload,"x5-video-player-type":"h5","x5-video-player-fullscreen":"true",playsinline:true,"webkit-playsinline":true,autoplay:(this.isWifi||this.isMicroMessager||this.trafficAutoplay)&&this.autoplay,onCanPlay:this._doCanplay,onTimeUpdate:this._doTimeupdate,onPlay:this._doPlay,onPause:this._doPause,onEnded:this._doEnded,onPlaying:this._doPlaying,onVolumeChange:this._doChangeVolume,onError:this._doError,onStalled:this._doStalled,onWaiting:this._doWaiting,onSeeked:this._doSeeked,src:this.url,typeof:"video/mp4"}),this.player==="audio"&&h("div",{class:"cty-video__player cty-video__audio-player"},h("audio",{ref:function(e){return t.videoEl=e},class:"cty-video__player-audio",preload:this.preload,autoplay:(this.isWifi||this.isMicroMessager||this.trafficAutoplay)&&this.autoplay,onCanPlay:this._doCanplay,onTimeUpdate:this._doTimeupdate,onEnded:this._doEnded,onPlaying:this._doPlaying,onPlay:this._doPlay,onPause:this._doPause,onVolumeChange:this._doChangeVolume,onError:this._doError,onStalled:this._doStalled},h("source",{src:this.url,type:"audio/mp3"}),h("source",{src:this.url,type:"audio/ogg"})),h("slot",{name:"audio-content"})))};t.prototype.renderControls=function(){var t=this;return h("div",{class:"cty-video__controls",ref:function(e){return t.videoCtrlEl=e}},h("slot",{name:"header"}),this.showCtrl&&this.headerCtrl&&h("ion-grid",{class:"cty-video__header"},h("ion-row",null,h("ion-col",{class:"flex-align-center cty-video__header-back"},h("ion-button",{onClick:this._dismiss},h("cty-icon",{name:chevronBackOutline}))),h("ion-col",{size:"6",class:"cty-video__title flex-align-center cty-ellipsis"},this.title),h("ion-col",null,h("slot",{name:"headerCol"})))),h("slot",{name:"footer"}),this.showCtrl&&this.footerCtrl&&h("ion-grid",{class:{"cty-video__footer":true,"safe-area-bottom-border-color":this.direction=="P"&&this.curIsFullscreen}},this.progressPosition=="top"&&h("ion-row",{class:"cty-video__footer-progress__top"},h("ion-range",{mode:"ios",class:"cty-video__footer-range",debounce:300,max:1e3,value:this.playProgress,disabled:true,ticks:false})),h("ion-row",null,h("ion-col",{class:{"flex-align-center cty-video__footer-toggle-play":true,"cty-video__footer-flex":this.progressPosition=="top"}},h("ion-button",{onClick:function(e){t.toggleVideo(e)}},h("cty-icon",{name:this.isPlaying?"cty-pause":"cty-play"})),this.progressPosition=="top"&&h("div",{class:"flex-align-center cty-video__footer-time-label"},this.currentTimeLabel,h("span",null,"/"),this.durationLabel)),this.progressPosition=="center"&&h("ion-col",{class:"cty-video__footer-progress flex-center"},h("ion-range",{mode:"ios",class:"cty-video__footer-range",debounce:300,max:1e3,value:this.playProgress,disabled:true,ticks:false},h("span",{class:"cty-video__time",slot:"start"},this.currentTimeLabel),h("span",{class:"cty-video__time",slot:"end"},this.durationLabel))),this.curIsFullscreen&&h("ion-col",{class:"cty-video__footer-rate flex-align-center"},h("ion-button",{onClick:this._doSetRate},this.rate==1?"倍速":this.rate+"X")),h("ion-col",{class:"cty-video__footer-volume flex-align-center"},h("ion-button",{onClick:function(){return t.toggleVolume()}},h("cty-icon",{name:this._getVolumeIconName()}))),!this.fullscreenOnly&&!this.curIsFullscreen&&this.fullscreenIcon&&h("ion-col",{class:"cty-video__footer-fullscreen flex-align-center"},h("ion-button",{onClick:function(){return t._toggleFullScreen(true)}},h("cty-icon",{name:this.fullscreenIcon}))),!this.fullscreenOnly&&this.curIsFullscreen&&this.exitFullscreenIcon&&h("ion-col",{class:"cty-video__footer-fullscreen flex-align-center"},h("ion-button",{onClick:function(){return t._toggleFullScreen(false)}},h("cty-icon",{name:this.exitFullscreenIcon}))),h("slot",{name:"footerCol"}))),(this.allowForward||this.allowBackward)&&this.showCtrl&&this.footerCtrl&&h("ion-grid",{class:{"cty-video__footer cty-video__footer-controls":true,"safe-area-bottom-border-color":this.direction=="P"&&this.curIsFullscreen}},this.progressPosition=="top"&&h("ion-row",{class:"cty-video__footer-progress__top",onClick:function(t){return t.stopPropagation()}},!this.isPC&&h("div",{class:"cty-video__footer-bar",onTouchStart:this._doPrgTouchstart,onTouchMove:this._doPrgTouchmove,onTouchEnd:this._doPrgTouchend},this.direction=="L"&&this.curIsFullscreen&&this.markerList.map((function(e){return h("span",{onTouchStart:function(i){return t._doDot(i,e)},class:"cty-video__footer-dot",style:{left:e.position+"%"}})}))),this.isPC&&h("div",{class:"cty-video__footer-bar",onMouseDown:this._doPrgTouchstart,onMouseMove:this._doPrgTouchmove,onMouseUp:this._doPrgTouchend,onMouseLeave:this._doPrgTouchend},this.direction=="L"&&this.curIsFullscreen&&this.markerList.map((function(e){return h("span",{onTouchStart:function(i){return t._doDot(i,e)},class:"cty-video__footer-dot",style:{left:e.position+"%"}})})))),h("ion-row",null,h("ion-col",{class:{"flex-align-center cty-video__footer-toggle-play":true,"cty-video__footer-flex":this.progressPosition=="top"}},h("ion-button",{onClick:function(e){t.toggleVideo(e)}},h("cty-icon",{name:this.isPlaying?"cty-pause":"cty-play"})),this.progressPosition=="top"&&h("div",{class:"flex-align-center cty-video__footer-time-label"},this.currentTimeLabel,h("span",null,"/"),this.durationLabel)),this.progressPosition=="center"&&h("ion-col",{class:"cty-video__footer-progress flex-center"},h("span",{class:"cty-video__time"},this.currentTimeLabel),!this.isPC&&h("div",{class:"cty-video__footer-bar",onTouchStart:this._doPrgTouchstart,onTouchMove:this._doPrgTouchmove,onTouchEnd:this._doPrgTouchend},this.direction=="L"&&this.curIsFullscreen&&this.markerList.map((function(e){return h("span",{onTouchStart:function(i){return t._doDot(i,e)},class:"cty-video__footer-dot",style:{left:e.position+"%"}})}))),this.isPC&&h("div",{class:"cty-video__footer-bar",onMouseDown:this._doPrgTouchstart,onMouseMove:this._doPrgTouchmove,onMouseUp:this._doPrgTouchend,onMouseLeave:this._doPrgTouchend},this.direction=="L"&&this.curIsFullscreen&&this.markerList.map((function(e){return h("span",{onTouchStart:function(i){return t._doDot(i,e)},class:"cty-video__footer-dot",style:{left:e.position+"%"}})}))),h("span",{class:"cty-video__time"},this.durationLabel)),this.curIsFullscreen&&h("ion-col",{class:"cty-video__footer-rate flex-align-center"},h("ion-button",{onClick:this._doSetRate},this.rate==1?"倍速":this.rate+"X")),h("ion-col",{class:"cty-video__footer-volume flex-align-center"},h("ion-button",{onClick:function(){return t.toggleVolume()}},h("cty-icon",{name:this._getVolumeIconName()}))),!this.fullscreenOnly&&!this.curIsFullscreen&&this.fullscreenIcon&&h("ion-col",{class:"cty-video__footer-fullscreen flex-align-center"},h("ion-button",{onClick:function(){return t._toggleFullScreen(true)}},h("cty-icon",{name:this.fullscreenIcon}))),!this.fullscreenOnly&&this.curIsFullscreen&&this.exitFullscreenIcon&&h("ion-col",{class:"cty-video__footer-fullscreen flex-align-center"},h("ion-button",{onClick:function(){return t._toggleFullScreen(false)}},h("cty-icon",{name:this.exitFullscreenIcon}))),h("slot",{name:"footerCol"}))),this.isMoving&&h("div",{class:"cty-video__opn-toast flex-center"},h("cty-icon",{name:this.controlIcon}),h("span",null,this.controlLabel)),h("slot",{name:"controls"}),!this.isPC&&this.controls&&h("div",{class:"cty-video__opn-panel",onTouchStart:this._doOpnStart,onTouchMove:this._doOpnMove,onTouchEnd:this._doOpnEnd,onClick:function(t){return t.stopPropagation()}}),this.isPC&&this.controls&&h("div",{class:"cty-video__opn-panel",onMouseDown:this._doOpnStart,onMouseMove:this._doOpnMove,onMouseUp:this._doOpnEnd,onMouseLeave:this._doOpnEnd,onClick:function(t){return t.stopPropagation()}}),this.showCtrl&&this.showDotPanel&&h("div",{ref:function(e){t.dotPanelEl=e},class:{"cty-video__dot-panel flex-center":true,"cty-video__dot-panel-ex":this.progressPosition=="top"},onClick:function(t){return t.stopPropagation()},style:{top:this.dotDotPanelTop,left:this.dotDotPanelLeft,opacity:this.reallyShowDot?"1":"0"}},h("span",{class:"cty-video__dot-label cty-ellipsis2"},this.currentMarker.describe),h("ion-button",{onClick:this._toPoint},h("cty-icon",{name:"cty-play-ex"}),"知识点"),h("span",{class:"cty-video__dot-triangle",style:{"margin-left":this.triangleMargin+"px"}})),h("slot",{name:"ctrl"}))};t.prototype.render=function(){var t=this;return h(Host,{key:"88fc97152b6d1cd79e5d545f2f3a9b3a1539a457",class:{"cty-video":true,"cty-video__vertical":this.deviceIsPORTRAIT,"cty-video__unfullscreen":!this.curIsFullscreen,"cty-video__large-screen":this.direction=="P"&&this.curIsFullscreen&&(this.isPC||this.isIpad)}},this.renderPlayer(),this.renderControls(),(!this.isLoading||this.isMicroMessager)&&!this.isPlaying&&!this.showInteractiveLayer&&this.showTogglePlay&&h("ion-button",{key:"67ee18f257e82b82398b2b5d396eb9c3b37ffa01",part:"toggle-play",class:"cty-video__toggle-play flex-center",onClick:function(e){t.toggleVideo(e)}},h("cty-icon",{key:"016462904a7b5659e7c6671dbc511feefb5e5777",name:"cty-play"})),!this.isWifi&&!this.isPlaying&&!this.isLoading&&!this.isMicroMessager&&this.trafficMsg&&h("div",{key:"ee13722df7a8cb9fea8620ecc087d5d40a6d2c92",class:"cty-video__toast cty-ellipsis",part:"toast"},this.trafficMsg),this.warningMsg!=""&&h("div",{key:"630d38e43ec451d4c09d1102733a0577c967cc2c",class:"cty-video__toast cty-ellipsis",part:"toast"},this.warningMsg),this.showPlayRate&&h("div",{key:"58a084816e18edbc8d98726d9d6206677320d2be",class:"cty-video__rate",onClick:function(){return t.showPlayRate=false}},h("div",{key:"123fdf1f0b83e59f0f3521e1758a441be571afeb",class:"cty-video__rate-mask flex-center-justify-end"},h("div",{key:"0e1b1618f63353773420e526f3211d4e9f9eedaa",class:"cty-video__rate-list"},this._rates.map((function(e){return h("button",{onClick:function(){return t.setPlayRate(e)},class:{active:t.rate==e,"cty-video__rate-list-item":true}},h("span",null,e,"X"))}))))),this.hasInteractive&&this.curIsFullscreen&&h("div",{key:"29525111fc54962112f0f1839bcf956842acf09f",class:"cty-video__player cty-video__interactive",onClick:function(){},ref:function(e){return t.interactiveEl=e}}))};Object.defineProperty(t,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Video.style=videoCss;export{Video as cty_video};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{g as getElementRect,b as getEventPageCoords,a as getEventClientCoords}from"./dom-CHhKFKFA.js";import{s as secondsToVehicle,r as statusBar}from"./status-bar-sXJ7CrDy.js";import{s as screenOrientation,v as volumeControl}from"./volume-control-CeJ5isUe.js";import{n as network}from"./network-BqPNWsXF.js";import{d as deviceInfo}from"./device-info-BWrjtLtW.js";import{c as config}from"./config-iD8sj4Mi.js";import{v as volumeMuteOutline,a as volumeOffOutline,b as volumeLowOutline,c as volumeMediumOutline,d as volumeHighOutline,e as chevronBackOutline}from"./index-D0r4bHmZ.js";import{i as isPlatform}from"./platform-BqPoMbNS.js";import"./format-DnWe30Rj.js";var 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}';var Video=function(){function t(t){var e=this;registerInstance(this,t);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.ctyVideoCanplay=createEvent(this,"ctyVideoCanplay",7);this.ctyVideoTimeupdate=createEvent(this,"ctyVideoTimeupdate",7);this.ctyVideoPlaying=createEvent(this,"ctyVideoPlaying",7);this.ctyVideoPlay=createEvent(this,"ctyVideoPlay",7);this.ctyVideoPause=createEvent(this,"ctyVideoPause",7);this.ctyVideoStalled=createEvent(this,"ctyVideoStalled",7);this.ctyVideoWaiting=createEvent(this,"ctyVideoWaiting",7);this.ctyVideoEnded=createEvent(this,"ctyVideoEnded",7);this.ctyVideoError=createEvent(this,"ctyVideoError",7);this.ctyVideoChangeVolume=createEvent(this,"ctyVideoChangeVolume",7);this.ctyVideoProgress=createEvent(this,"ctyVideoProgress",7);this.ctyVideoScreenChange=createEvent(this,"ctyVideoScreenChange",7);this.ctyVideoIAEnter=createEvent(this,"ctyVideoIAEnter",7);this.ctyVideoIAAction=createEvent(this,"ctyVideoIAAction",7);this.ctyVideoCtrlChange=createEvent(this,"ctyVideoCtrlChange",7);this.ctyVideoRateChange=createEvent(this,"ctyVideoRateChange",7);this.url="";this.poster="";this.startTime=0;this.preload="metadata";this.allowForward=true;this.allowBackward=true;this.unAllowForwardMsg="首次学习不允许快进哦~";this.unAllowRateMsg="首次学习不允许设置播放倍速";this.trafficMsg="当前是非WIFI网络, 可能消耗流量, 点击继续~";this.errorMsg="视频播放异常或网络故障, 请稍后重试。";this.orientation=true;this.autoplay=true;this.trafficAutoplay=false;this.fullscreenOnly=true;this.defaultFullscreen=true;this.fullscreenIcon="cty-fullscreen";this.exitFullscreenIcon="cty-exit-fullscreen";this.direction="L";this.controls=true;this.headerCtrl=true;this.footerCtrl=true;this.title="";this.rates=[.7,1,1.25,1.5];this.rate=1;this.directRate=false;this.loading=false;this.loadingImg="";this.updateNow=true;this.markers=[];this.landscapeEnterTimer=20;this.landscapeLeaveTimer=420;this.togglePlayTimer=150;this.progressPosition="center";this.player="video";this.largeScreenIsPortrait=true;this.allowBackgroundForward=false;this.interactiveActions=[];this.playProgress=0;this.maxPlayProgress=0;this.currentTimeLabel="00:00:00";this.durationLabel="00:00:00";this.isPlaying=false;this.isMute=false;this.showCtrl=true;this.showPlayRate=false;this.showVideoError=true;this.warningMsg="";this.isLoading=true;this.showTogglePlay=false;this.playVolume=100;this.playBrightness=100;this.controlIcon="";this.controlLabel="";this.controlType="";this.lastControlType="";this.touchState={isTouching:false,right:0,height:0,top:0,bottom:0,currentY:0};this.isMoving=false;this.opnStartTime=0;this.opnMoveTime=0;this.opnLx=0;this.opnLy=0;this.opnNx=0;this.opnNy=0;this.isMouseMove=false;this.isMicroMessager=deviceInfo.isMicroMessager;this.isPC=deviceInfo.isPC;this.isIOS=deviceInfo.isIos;this.isIpad=deviceInfo.isIpad;this.isWifi=network.isWifi;this.isHybrid=deviceInfo.isHybrid;this.lastTapScreenTime=Date.now();this.footerPrgtime=0;this._curIsFullscreen=true;this.showInteractiveLayer=false;this.hasInteractive=false;this.interactiving_action=null;this.ctrlTimer=0;this.warningMsgTimer=0;this.touchMoveTimer=0;this._rates=[];this.markerList=[];this.currentMarker={describe:"",breakpoint:0,position:0};this.showDotPanel=false;this.dotDotPanelTop="auto";this.dotDotPanelLeft="auto";this.triangleMargin=0;this.reallyShowDot=false;this.isRealWaiting=true;this.isSeeking=false;this.deviceIsPORTRAIT=false;this.canScreenOrientation=false;this.visibilityChangeHandler=function(){};this.iosAppPauseHandler=function(){};this.iosAResumeHandler=function(){};this._doCanplay=function(){setTimeout((function(){e.showTogglePlay=true}),e.togglePlayTimer);if(e.isLoading){e.videoEl.style.display="block"}if((!e.isWifi||e.isMicroMessager||!e.autoplay||!e.loading)&&e.isLoading){e.isLoading=false}e.durationLabel=secondsToVehicle(e.videoEl.duration);e.ctyVideoCanplay.emit();e.markerList=e.markers.map((function(t){return Object.assign(Object.assign({},t),{position:+(t.breakpoint/e.videoEl.duration*100).toFixed(3)})}))};this._doTimeupdate=function(){var t=e.videoEl.currentTime;if(!e.isPlaying&&t>0){if(e.isLoading){e.isLoading=false}if(!e.videoEl.paused){e.isPlaying=true}}if(!e.touchState.isTouching){e._updateVideoProgress();e.interactiveCheck(t)}e.ctyVideoTimeupdate.emit(t)};this._doPlay=function(){e.ctyVideoPlay.emit()};this._doPause=function(){e.isPlaying=false;e.ctyVideoPause.emit()};this._doEnded=function(){e.isPlaying=false;e._updateVideoProgress();e.interactiveReset();e.ctyVideoEnded.emit()};this._doPlaying=function(){if(!isPlatform("android")){if(e.isLoading){e.isLoading=false}e.isPlaying=true}e.ctyVideoPlaying.emit()};this._doChangeVolume=function(){e.playVolume=Math.round(e.videoEl.volume*100);e.ctyVideoChangeVolume.emit()};this._doError=function(){if(!e.isLoading&&e.showVideoError){e.warningMsg=e.errorMsg;e.clearWarningMsg();e.ctyVideoError.emit(true);return}if(e.isLoading){e.isLoading=false;e.showTogglePlay=true}e.ctyVideoError.emit(false)};this._doStalled=function(){e.ctyVideoStalled.emit()};this._doWaiting=function(){if(e.isRealWaiting&&!e.isSeeking){e.ctyVideoWaiting.emit(e.videoEl.currentTime)}};this._doSeeked=function(){if(e.isSeeking=false){e.isRealWaiting=true}};this._dismiss=function(){if(!e.fullscreenOnly&&e.curIsFullscreen){e.curIsFullscreen=false;if(e.isHybrid){statusBar.toggleStatusBar(true)}if(e.canScreenOrientation){screenOrientation.lock("portrait").catch((function(){}))}e.ctyDismiss.emit(false);return}if(!e.videoEl.paused){e.pause();e.ctyDismiss.emit(false);return}if(e.isHybrid){statusBar.toggleStatusBar(true)}if(e.canScreenOrientation){if(e.landscapeLeaveTimer>0){setTimeout((function(){screenOrientation.lock("portrait").catch((function(){}))}),e.landscapeLeaveTimer)}else{screenOrientation.lock("portrait").catch((function(){}))}}e.ctyDismiss.emit(true)};this._doSetRate=function(){if(!e.allowForward){e.warningMsg=e.unAllowRateMsg;e.clearWarningMsg();return}if(e.direction!="L"||e.directRate){var t=e.rates.findIndex((function(t){return t==e.rate}))+1;if(t==e.rates.length){t=0}e.setPlayRate(e.rates[t]);return}e.showCtrl=false;e.showPlayRate=true;e._resetDot();e.ctyVideoCtrlChange.emit(e.showCtrl)};this._toggleFullScreen=function(t){e.curIsFullscreen=t;if(e.isHybrid){statusBar.toggleStatusBar(!t)}if(e.canScreenOrientation){screenOrientation.lock(t?"landscape":"portrait").catch((function(){}))}e.ctyVideoScreenChange.emit(t)};this._doPrgTouchstart=function(t){var i;if(t.type=="mousedown"){e.isMouseMove=true}e.isRealWaiting=false;if(!e.allowForward&&!e.allowBackward||((i=t.touches)===null||i===void 0?void 0:i.length)>1){return true}e.isSeeking=true;var o=getElementRect(t.currentTarget);e.touchState.top=o.top;e.touchState.height=o.bottom-e.touchState.top;e.touchState.right=o.right;e.touchState.bottom=o.bottom;e.touchState.isTouching=true;if(e.deviceIsPORTRAIT){e.touchState.top=o.left;e.touchState.height=o.right-e.touchState.top;e.touchState.right=o.bottom;e.touchState.bottom=o.right}e.touchState.currentY=e._getPoint(t).x;e.maxPlayProgress=Math.max(e.playProgress,e.maxPlayProgress);e._changeProgressByTouch();e.clearCtrlTimeout();return true};this._doPrgTouchmove=function(t){var i;if(!e.isMouseMove&&t.type=="mousemove"){return}if(((i=t.touches)===null||i===void 0?void 0:i.length)>1){return true}var o=Date.now();if(e.footerPrgtime+50>o){return true}e.footerPrgtime=o;var r=e._getPoint(t).x;var a=Math.abs(r-e.touchState.currentY)*100/e.touchState.height;e.touchState.currentY=r;if(a>1||t.type=="mousemove"){e._changeProgressByTouch(e.updateNow)}return true};this._doPrgTouchend=function(t){if(t.type=="mouseleave"&&!e.isMouseMove){return}if(t.type=="mouseup"||t.type=="mouseleave"){e.isMouseMove=false}if(e.touchState.isTouching){e._changeProgressByTouch()}e.touchState.isTouching=false;e.isSeeking=false;return true};this._doOpnStart=function(t){if(t.type=="mousedown"){e.isMouseMove=true}e.isSeeking=true;e.isRealWaiting=false;var i=getElementRect(t.currentTarget);e.touchState.top=i.top;e.touchState.height=i.bottom-e.touchState.top;e.touchState.right=i.right;e.touchState.bottom=i.bottom;e.touchState.isTouching=true;if(e.deviceIsPORTRAIT){e.touchState.top=i.left;e.touchState.height=i.right-e.touchState.top;e.touchState.right=i.bottom;e.touchState.bottom=i.right}var o=e._getPoint(t),r=o.x,a=o.y;e.opnLx=r;e.opnLy=a;e.maxPlayProgress=Math.max(e.playProgress,e.maxPlayProgress);e.opnStartTime=(new Date).getTime();return true};this._doOpnMove=function(t){if(!e.isMouseMove&&t.type=="mousemove"){return}if(e.opnMoveTime===0){e.opnMoveTime=(new Date).getTime()}if(e.opnMoveTime-e.opnStartTime<1500){e.showCtrl=true;e.clearCtrlTimeout();e.isMoving=true;var i=e._getPoint(t),o=i.x,r=i.y;e.opnNx=o;e.opnNy=r;if(!e.controlType){if(Math.abs(e.opnNx-e.opnLx)>=Math.abs(e.opnNy-e.opnLy)){e.controlType="P";e.controlLabel=e.currentTimeLabel}else{if(!e.isIOS){if(e.opnLx>e.touchState.height*.5){e.controlType="V";e.controlIcon="cty-volume-high";e.controlLabel=e.playVolume+"%"}else{e.controlType="B";e.controlIcon="cty-brightness";e.controlLabel=e.playBrightness+"%"}}else{e.controlType="B";e.controlIcon="cty-brightness";e.controlLabel=e.playBrightness+"%"}}}if(e.controlType=="P"){e.controlIcon=e.opnNx-e.opnLx>0?"cty-forward":"cty-backward"}switch(e.controlType){case"B":if(e.opnNy-e.opnLy<0&&!e.deviceIsPORTRAIT||e.opnNy-e.opnLy>0&&e.deviceIsPORTRAIT){e.playBrightness-=2;e.playBrightness=Math.max(e.playBrightness,0);if(e.updateNow){e._updateBrightness()}}else if(e.opnNy-e.opnLy>0&&!e.deviceIsPORTRAIT||e.opnNy-e.opnLy<0&&e.deviceIsPORTRAIT){e.playBrightness+=2;e.playBrightness=Math.min(e.playBrightness,100);if(e.updateNow){e._updateBrightness()}}e.controlLabel=e.playBrightness+"%";break;case"V":if(e.opnNy-e.opnLy<0&&!e.deviceIsPORTRAIT||e.opnNy-e.opnLy>0&&e.deviceIsPORTRAIT){e.playVolume-=2;e.playVolume=Math.max(e.playVolume,0);if(e.updateNow){e._updateVolume()}}else if(e.opnNy-e.opnLy>0&&!e.deviceIsPORTRAIT||e.opnNy-e.opnLy<0&&e.deviceIsPORTRAIT){e.playVolume+=2;e.playVolume=Math.min(e.playVolume,100);if(e.updateNow){e._updateVolume()}}e.controlLabel=e.playVolume+"%";break;case"P":if(e.opnNx-e.opnLx>0){if(!e.allowForward&&e.playProgress>=e.maxPlayProgress){e.isMoving=false;e.unAllowForward();return}e.playProgress+=1;e.playProgress=Math.min(e.playProgress,1e3);if(e.updateNow){e.videoEl.currentTime=e.playProgress/1e3*e.videoEl.duration;e._updateVideoProgress()}e.controlLabel=secondsToVehicle(e.playProgress/1e3*e.videoEl.duration)}else if(e.opnNx-e.opnLx<0){e.playProgress-=1;e.playProgress=Math.max(0,e.playProgress);if(e.updateNow){e.videoEl.currentTime=e.playProgress/1e3*e.videoEl.duration;e._updateVideoProgress()}e.controlLabel=secondsToVehicle(e.playProgress/1e3*e.videoEl.duration)}else{e.interactiveReset()}break}e.lastControlType=e.controlType;e.opnLx=e.opnNx;e.opnLy=e.opnNy}};this._doOpnEnd=function(t){if(t.type=="mouseleave"&&!e.isMouseMove){return}if(t.type=="mouseup"||t.type=="mouseleave"){e.isMouseMove=false}if(!e.isMoving){e.showCtrl=!e.showCtrl;e.ctyVideoCtrlChange.emit(e.showCtrl);e._resetDot();var i=Date.now();if(i-e.lastTapScreenTime<400){e.lastTapScreenTime=e.lastTapScreenTime-1e3;e.toggleVideo(null)}else{e.lastTapScreenTime=i}}if(!e.updateNow){switch(e.controlType){case"B":e._updateBrightness();break;case"V":e._updateVolume();break;case"P":e.videoEl.currentTime=e.playProgress/1e3*e.videoEl.duration;e._updateVideoProgress();break}}e.controlType="";e.clearCtrlTimeout();e.touchState.isTouching=false;e.opnMoveTime=0;e._clearTouchMoveToast();e.isSeeking=false};this._doDot=function(t,i){t.stopPropagation();e.clearCtrlTimeout();if(e.currentMarker.breakpoint>0&&i.breakpoint==e.currentMarker.breakpoint){e.setVideoCurrentTime(e.currentMarker.breakpoint,(function(){e._resetDot();e.play()}));return}e.showDotPanel=true;e.currentMarker=i;var o=getElementRect(t.target);var r=o.top+o.height/2;var a=o.left+o.width/2;e.reallyShowDot=false;window.setTimeout((function(){var t=e.dotPanelEl;var i=t.parentNode.offsetHeight;var o=t.parentNode.offsetWidth;var n=t.offsetWidth;var s=t.children[t.children.length-1];var c=r-s.offsetLeft-s.offsetWidth/2+e.triangleMargin;var d=a-s.offsetLeft-s.offsetWidth/2+e.triangleMargin;e.dotDotPanelTop=c+"px";e.dotDotPanelLeft=d+"px";var h=i-n-20;var l=o-n-20;if(e.canScreenOrientation){if(d>l){e.triangleMargin=d-l;e.dotDotPanelLeft=l+"px"}else if(d<5){e.triangleMargin=d-5;e.dotDotPanelLeft="5px"}else{e.triangleMargin=0}e.dotDotPanelTop="auto"}else{if(c>h){e.triangleMargin=c-h;e.dotDotPanelTop=h+"px"}else if(c<5){e.triangleMargin=c-5;e.dotDotPanelTop="5px"}else{e.triangleMargin=0}e.dotDotPanelLeft="auto"}window.setTimeout((function(){e.reallyShowDot=true}),10)}),100)};this._toPoint=function(){e.clearCtrlTimeout();e.setVideoCurrentTime(e.currentMarker.breakpoint,(function(){e._resetDot();e.play()}))}}Object.defineProperty(t.prototype,"curIsFullscreen",{get:function(){return this._curIsFullscreen},set:function(t){this._curIsFullscreen=t;this.deviceIsPORTRAIT=this.direction=="P"||!t||this.largeScreenIsPortrait&&(this.isPC||this.isIpad)||this.canScreenOrientation&&t},enumerable:false,configurable:true});t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,o;return __generator(this,(function(r){switch(r.label){case 0:if(!(!this.isIOS&&!this.isMicroMessager&&volumeControl.isAvailable))return[3,5];r.label=1;case 1:r.trys.push([1,4,,5]);t=this;return[4,volumeControl.getVolume()];case 2:t.playVolume=r.sent();e=this;return[4,volumeControl.isMuted()];case 3:e.isMute=r.sent();return[3,5];case 4:i=r.sent();return[3,5];case 5:if(!this.defaultFullscreen&&!this.fullscreenOnly){this.curIsFullscreen=false}o=this.rates.map((function(t){return t}));this._rates=o;this.hasInteractive=Array.isArray(this.interactiveActions)&&this.interactiveActions.length>0;this.interactiveReset();this.showTogglePlay=!this.autoplay;return[2]}}))}))};t.prototype.componentDidLoad=function(){var t=this;this.canScreenOrientation=this.orientation&&this.direction=="L"&&this.isHybrid&&isPlatform("mobile")&&!this.isIpad;this.deviceIsPORTRAIT=this.direction=="P"||!this.curIsFullscreen||this.largeScreenIsPortrait&&(this.isPC||this.isIpad)||this.canScreenOrientation;if(this.canScreenOrientation&&this.curIsFullscreen){if(this.landscapeEnterTimer>0){setTimeout((function(){screenOrientation.lock("landscape").catch((function(){}))}),this.landscapeEnterTimer)}else{screenOrientation.lock("landscape").catch((function(){}))}}else if(this.isHybrid&&isPlatform("mobile")){screenOrientation.lock("portrait").catch((function(){}))}if(+this.startTime>0){this.videoEl.currentTime=Number(this.startTime)}this.videoEl.controls=false;this.videoEl.playbackRate=this.rate;if(this.isMicroMessager){window.setTimeout((function(){t.isLoading=false;t.showTogglePlay=true;t.videoEl.style.display="block"}),2500)}else if(!this.isWifi){window.setTimeout((function(){t.isLoading=false;t.showTogglePlay=true;t.videoEl.style.display="block"}),1500)}else if(+this.startTime>0){this.videoEl.style.display="block"}if(!this.allowBackgroundForward&&this.isIOS){var e=1;var i="";var o=0;if(this.isMicroMessager){this.visibilityChangeHandler=function(){if(!t.allowForward&&t.videoEl){if(e%2==1){t.showVideoError=false;i=t.videoEl.src;o=t.videoEl.currentTime;t.videoEl.src="data:video/mp4;base64,YQ=="}else{t.videoEl.src=i;window.setTimeout((function(){t.videoEl.currentTime=o;t.showVideoError=true}),1500)}e++}};document.addEventListener("visibilitychange",this.visibilityChangeHandler)}else{this.iosAppPauseHandler=function(){if(t.videoEl&&!t.allowForward){t.showVideoError=false;i=t.videoEl.src;o=t.videoEl.currentTime;t.videoEl.src="data:video/mp4;base64,YQ=="}};this.iosAResumeHandler=function(){if(t.videoEl&&!t.allowForward){t.videoEl.src=i;window.setTimeout((function(){t.showVideoError=false;t.videoEl.currentTime=o}),1500)}};document.addEventListener("pause",this.iosAppPauseHandler);document.addEventListener("resume",this.iosAResumeHandler)}}};t.prototype.disconnectedCallback=function(){clearTimeout(this.ctrlTimer);clearTimeout(this.warningMsgTimer);clearTimeout(this.touchMoveTimer);if(!this.allowBackgroundForward&&this.isIOS){if(this.isMicroMessager){document.removeEventListener("visibilitychange",this.visibilityChangeHandler)}else{document.removeEventListener("pause",this.iosAppPauseHandler);document.removeEventListener("resume",this.iosAResumeHandler)}}};t.prototype._getVolumeIconName=function(){if(this.isMute){return volumeMuteOutline}if(this.playVolume==0){return volumeOffOutline}else if(this.playVolume<30){return volumeLowOutline}else if(this.playVolume<70){return volumeMediumOutline}else{return volumeHighOutline}};t.prototype.unAllowForward=function(){this.warningMsg=this.unAllowForwardMsg;this.clearWarningMsg()};t.prototype.play=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.videoEl.paused){this.videoEl.play()}this.isPlaying=true;return[2]}))}))};t.prototype.setCtrlShow=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=false}return __generator(this,(function(e){this.showCtrl=t;this._resetDot();this.ctyVideoCtrlChange.emit(t);return[2]}))}))};t.prototype.pause=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.videoEl.paused){this.videoEl.pause()}this.isPlaying=false;return[2]}))}))};t.prototype.setVideoCurrentTime=function(t,e){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(o){this.maxPlayProgress=Math.max(this.maxPlayProgress,this.playProgress);i=this.videoEl.duration*this.maxPlayProgress/1e3;if(t>i&&!this.allowForward){this.unAllowForward();return[2]}this.videoEl.currentTime=t;e&&e();return[2]}))}))};t.prototype._clearTouchMoveToast=function(){var t=this;clearTimeout(this.touchMoveTimer);this.touchMoveTimer=window.setTimeout((function(){t.isMoving=false}),2e3)};t.prototype.clearCtrlTimeout=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){if(this.showCtrl){clearTimeout(this.ctrlTimer);this.ctrlTimer=window.setTimeout((function(){t.showCtrl=false;t.touchState.isTouching=false;t._resetDot();t.ctyVideoCtrlChange.emit(false)}),4e3)}return[2]}))}))};t.prototype.setWarningMsg=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.warningMsg=t;this.clearWarningMsg();return[2]}))}))};t.prototype.clearWarningMsg=function(){var t=this;if(this.warningMsg!=""){clearTimeout(this.warningMsgTimer);this.warningMsgTimer=window.setTimeout((function(){t.warningMsg=""}),2e3)}};t.prototype.toggleVideo=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.isLoading){return[2]}if(this.videoEl.paused){this.play()}else{this.pause()}if(t){this.clearCtrlTimeout();t.stopPropagation()}return[2]}))}))};t.prototype.toggleVolume=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:if(!(!this.isIOS&&!this.isMicroMessager&&volumeControl.isAvailable))return[3,6];i.label=1;case 1:i.trys.push([1,4,,5]);return[4,volumeControl.toggleMute()];case 2:i.sent();t=this;return[4,volumeControl.isMuted()];case 3:t.isMute=i.sent();return[3,5];case 4:e=i.sent();if(this.isMute){volumeControl.setVolume(this.playVolume)}else{volumeControl.setVolume(0)}this.isMute=!this.isMute;return[3,5];case 5:return[3,7];case 6:this.videoEl.muted=!this.videoEl.muted;this.isMute=this.videoEl.muted;i.label=7;case 7:this.clearCtrlTimeout();return[2]}}))}))};t.prototype.setPlayRate=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.rate=t;this.videoEl.playbackRate=this.rate;this.showPlayRate=false;this.ctyVideoRateChange.emit(t);return[2]}))}))};t.prototype._getPoint=function(t){var e=getEventPageCoords(t),i=e.x,o=e.y;try{if(this.deviceIsPORTRAIT){return{x:i,y:o}}return{x:o,y:i}}catch(t){return{x:0,y:0}}};t.prototype._changeProgressByTouch=function(t){if(t===void 0){t=true}if(!this.allowForward&&!this.allowBackward){return}var e=Math.round((this.touchState.currentY-this.touchState.top)/this.touchState.height*1e3);if(!this.allowBackward&&e<this.playProgress){return}if(!this.allowForward&&e>this.maxPlayProgress){this.unAllowForward();return}this.lastControlType="P";this.isMoving=true;if(this.playProgress>e){this.controlIcon="cty-backward"}else if(this.playProgress<e){this.controlIcon="cty-forward"}this.playProgress=e;if(e==0){this.interactiveReset();this.isMoving=false}if(t){this.videoEl.currentTime=this.playProgress/1e3*this.videoEl.duration;this._updateVideoProgress()}else{this.controlLabel=secondsToVehicle(this.playProgress/1e3*this.videoEl.duration)}this._clearTouchMoveToast()};t.prototype._updateVideoProgress=function(){var t=this.videoEl.currentTime;var e=this.videoEl.duration;this.playProgress=e>0?Math.round(t/e*1e3):0;this.ctyVideoProgress.emit(this.playProgress/10);this.currentTimeLabel=secondsToVehicle(t);this.durationLabel=secondsToVehicle(e);if(this.lastControlType=="P"){this.controlLabel=this.currentTimeLabel}};t.prototype._updateBrightness=function(){var t="rgba(0,0,0, "+(100-this.playBrightness)/1.6/100+")";this.videoCtrlEl.style.backgroundColor=t};t.prototype._updateVolume=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:if(!(!this.isIOS&&!this.isMicroMessager&&volumeControl.isAvailable))return[3,6];i.label=1;case 1:i.trys.push([1,4,,5]);return[4,volumeControl.setVolume(this.playVolume)];case 2:i.sent();t=this;return[4,volumeControl.isMuted()];case 3:t.isMute=i.sent();return[3,5];case 4:e=i.sent();return[3,5];case 5:return[3,7];case 6:this.videoEl.volume=this.playVolume/100;i.label=7;case 7:this.videoEl.volume=this.playVolume/100;if(this.playVolume>0&&this.isMute){this.toggleVolume()}return[2]}}))}))};t.prototype._resetDot=function(){this.showDotPanel=false;this.currentMarker={describe:"",breakpoint:0,position:0}};t.prototype.getVideoElement=function(){var t=this;return Promise.resolve().then((function(){return t.videoEl}))};t.prototype.getVideoState=function(){var t=this;return Promise.resolve().then((function(){var e=t,i=e.maxPlayProgress,o=e.isWifi,r=e.isLoading,a=e.playProgress,n=e.isPlaying;return{maxPlayProgress:i,isWifi:o,isLoading:r,playProgress:a,isPlaying:n}}))};t.prototype.interactiveCheck=function(t){var e;if(!this.hasInteractive||this.showInteractiveLayer){return}for(var i=0,o=this.interactiveActions;i<o.length;i++){var r=o[i];if(this.checkActionTriggerCond(r,t,"play")){this.showInteractiveLayer=true;this.interactiving_action=r;r.status.entercount++;for(var a=0,n=r.buttons;a<n.length;a++){var s=n[a];if(s.type=="optbtn"){s.val=s.defaultval}}var c=false;if(((e=r.autoactions)===null||e===void 0?void 0:e.length)>0){for(var d=0,h=r.autoactions;d<h.length;d++){var l=h[d];if(this.calcTriggerCond(this.interactiving_action,l.condtrigger)){this.pause();this.doInteractiveAction(l);c=true;break}}}if(!c&&r.buttons.length>0){this.pause();this.showInteractiveActionUI(r)}break}}};t.prototype.changeInteractiveAction=function(t){if(!this.hasInteractive&&!this.showInteractiveLayer){return}this.clearInteractiveActionUI();this.interactiving_action=t;t.status.entercount++;for(var e=0,i=t.buttons;e<i.length;e++){var o=i[e];if(o.type=="optbtn"){o.val=o.defaultval}}this.showInteractiveActionUI(t)};t.prototype.checkActionTriggerCond=function(t,e,i){var o=t.playtrigger;if(i=="play"&&(e<o.min||e>=o.max)){return false}if(this.calcTriggerCond(t,t.condtrigger)){return true}return false};t.prototype.calcTriggerCond=function(t,e){var i=true;for(var o=0,r=e;o<r.length;o++){var a=r[o];var n=true;var s=null;switch(a.type){case"entercount":s=this.findInteractiveAction(a.actionid,t);if(s!=null){var c=s.status.entercount;n=c>=a.min&&(c<a.max||a.max=="")}break;case"optbtn":s=this.findInteractiveAction(a.actionid,t);if(s!=null){for(var d=0,h=s.buttons;d<h.length;d++){var l=h[d];if(l.type=="optbtn"&&l.id==a.btnid){n=l.val==a.val;break}}}break;case"group":n=this.calcTriggerCond(t,a.subs);break}if(a.op=="or"){i=i||n}else{i=i&&n}}return i};t.prototype.findInteractiveAction=function(t,e){if(t.trim()==""){return e}for(var i=0,o=this.interactiveActions;i<o.length;i++){var r=o[i];if(r.id==t){return r}}return null};t.prototype.interactiveAction=function(t){t.stopPropagation();if(this.interactiving_action==null){return}var e=this.interactiving_action.imgW;var i=this.interactiving_action.imgH;for(var o=0,r=this.interactiving_action.buttons;o<r.length;o++){var a=r[o];var n={x:a.x,y:a.y,width:a.w,height:a.h};if(this.interactiveClickHitCheck(t,n,e,i)){switch(a.type){case"optbtn":a.val=a.val==1?"0":"1";this.refreshInteractiveActionBtnStatus(this.interactiving_action);break;case"link":case"input":this.doInteractiveAction(a);break;case"action":default:for(var s=0,c=a.actions;s<c.length;s++){var d=c[s];if(this.calcTriggerCond(this.interactiving_action,d.condtrigger)){this.doInteractiveAction(d);break}}break}break}}};t.prototype.doInteractiveAction=function(t){var e=this;if(t.type=="action"){this.changeInteractiveAction(this.findInteractiveAction(t.actionid,this.interactiving_action))}else if(t.type=="play"){this.videoEl.currentTime=t.startTime;this.play();this.clearInteractiveActionUI();window.setTimeout((function(){e.interactiving_action=null;e.hideInteractiveActionUI()}),100)}else if(t.type=="link"){if(!t.link){this.play();this.clearInteractiveActionUI();window.setTimeout((function(){e.interactiving_action=null;e.hideInteractiveActionUI()}),100);return}this.ctyVideoIAAction.emit(t)}};t.prototype.interactiveClickHitCheck=function(t,e,i,o){var r=o;var a=i;var n=this.interactiveEl;var s=e.y*r/o;var c=e.x*a/i;var d=e.width*a/i;var h=e.height*r/o;var l=getEventClientCoords(t),f=l.x,v=l.y;var u=(f-n.offsetLeft)*a/n.clientWidth;var y=(v-n.offsetTop)*r/n.clientHeight;if(u>=c&&u<=c+d&&y>=s&&y<=s+h){return true}return false};t.prototype.showInteractiveActionUI=function(t){this.interactiveEl.style.display="block";if(t.img!=""){this.interactiveEl.style.backgroundImage="url("+t.img+")"}this.refreshInteractiveActionBtnStatus(t);this.ctyVideoIAEnter.emit()};t.prototype.hideInteractiveActionUI=function(){this.showInteractiveLayer=false;this.clearInteractiveActionUI();this.interactiveEl.style.display="none"};t.prototype.refreshInteractiveActionBtnStatus=function(t){var e=this.interactiveEl;var i="";for(var o=0,r=t.buttons;o<r.length;o++){var a=r[o];if(a.type=="optbtn"){i+=a.htmls[a.val]||""}}e.innerHTML=i};t.prototype.clearInteractiveActionUI=function(){this.interactiveEl.innerHTML=""};t.prototype.interactiveReset=function(){if(!this.hasInteractive){return}this.showInteractiveLayer=false;for(var t=0,e=this.interactiveActions;t<e.length;t++){var i=e[t];i.status.entercount=0;for(var o=0,r=i.buttons;o<r.length;o++){var a=r[o];if(a.type=="optbtn"){a.val=a.defaultval}}}};t.prototype.renderPlayer=function(){var t=this;var e=this.poster||"".concat(config.get("resUrlPrefix",""),"assets/cty_res/img/poster.jpg");return h("div",{class:"cty-video__wrapper","data-tap-disable":"true"},this.player==="video"&&h("video",{ref:function(e){return t.videoEl=e},class:"cty-video__player",poster:e,preload:this.preload,"x5-video-player-type":"h5","x5-video-player-fullscreen":"true",playsinline:true,"webkit-playsinline":true,autoplay:(this.isWifi||this.isMicroMessager||this.trafficAutoplay)&&this.autoplay,onCanPlay:this._doCanplay,onTimeUpdate:this._doTimeupdate,onPlay:this._doPlay,onPause:this._doPause,onEnded:this._doEnded,onPlaying:this._doPlaying,onVolumeChange:this._doChangeVolume,onError:this._doError,onStalled:this._doStalled,onWaiting:this._doWaiting,onSeeked:this._doSeeked,src:this.url,typeof:"video/mp4"}),this.player==="audio"&&h("div",{class:"cty-video__player cty-video__audio-player"},h("audio",{ref:function(e){return t.videoEl=e},class:"cty-video__player-audio",preload:this.preload,autoplay:(this.isWifi||this.isMicroMessager||this.trafficAutoplay)&&this.autoplay,onCanPlay:this._doCanplay,onTimeUpdate:this._doTimeupdate,onEnded:this._doEnded,onPlaying:this._doPlaying,onPlay:this._doPlay,onPause:this._doPause,onVolumeChange:this._doChangeVolume,onError:this._doError,onStalled:this._doStalled},h("source",{src:this.url,type:"audio/mp3"}),h("source",{src:this.url,type:"audio/ogg"})),h("slot",{name:"audio-content"})))};t.prototype.renderControls=function(){var t=this;return h("div",{class:"cty-video__controls",ref:function(e){return t.videoCtrlEl=e}},h("slot",{name:"header"}),this.showCtrl&&this.headerCtrl&&h("ion-grid",{class:"cty-video__header"},h("ion-row",null,h("ion-col",{class:"flex-align-center cty-video__header-back"},h("ion-button",{onClick:this._dismiss},h("cty-icon",{name:chevronBackOutline}))),h("ion-col",{size:"6",class:"cty-video__title flex-align-center cty-ellipsis"},this.title),h("ion-col",null,h("slot",{name:"headerCol"})))),h("slot",{name:"footer"}),this.showCtrl&&this.footerCtrl&&h("ion-grid",{class:{"cty-video__footer":true,"safe-area-bottom-border-color":this.direction=="P"&&this.curIsFullscreen}},this.progressPosition=="top"&&h("ion-row",{class:"cty-video__footer-progress__top"},h("ion-range",{mode:"ios",class:"cty-video__footer-range",debounce:300,max:1e3,value:this.playProgress,disabled:true,ticks:false})),h("ion-row",null,h("ion-col",{class:{"flex-align-center cty-video__footer-toggle-play":true,"cty-video__footer-flex":this.progressPosition=="top"}},h("ion-button",{onClick:function(e){t.toggleVideo(e)}},h("cty-icon",{name:this.isPlaying?"cty-pause":"cty-play"})),this.progressPosition=="top"&&h("div",{class:"flex-align-center cty-video__footer-time-label"},this.currentTimeLabel,h("span",null,"/"),this.durationLabel)),this.progressPosition=="center"&&h("ion-col",{class:"cty-video__footer-progress flex-center"},h("ion-range",{mode:"ios",class:"cty-video__footer-range",debounce:300,max:1e3,value:this.playProgress,disabled:true,ticks:false},h("span",{class:"cty-video__time",slot:"start"},this.currentTimeLabel),h("span",{class:"cty-video__time",slot:"end"},this.durationLabel))),this.curIsFullscreen&&h("ion-col",{class:"cty-video__footer-rate flex-align-center"},h("ion-button",{onClick:this._doSetRate},this.rate==1?"倍速":this.rate+"X")),h("ion-col",{class:"cty-video__footer-volume flex-align-center"},h("ion-button",{onClick:function(){return t.toggleVolume()}},h("cty-icon",{name:this._getVolumeIconName()}))),!this.fullscreenOnly&&!this.curIsFullscreen&&this.fullscreenIcon&&h("ion-col",{class:"cty-video__footer-fullscreen flex-align-center"},h("ion-button",{onClick:function(){return t._toggleFullScreen(true)}},h("cty-icon",{name:this.fullscreenIcon}))),!this.fullscreenOnly&&this.curIsFullscreen&&this.exitFullscreenIcon&&h("ion-col",{class:"cty-video__footer-fullscreen flex-align-center"},h("ion-button",{onClick:function(){return t._toggleFullScreen(false)}},h("cty-icon",{name:this.exitFullscreenIcon}))),h("slot",{name:"footerCol"}))),(this.allowForward||this.allowBackward)&&this.showCtrl&&this.footerCtrl&&h("ion-grid",{class:{"cty-video__footer cty-video__footer-controls":true,"safe-area-bottom-border-color":this.direction=="P"&&this.curIsFullscreen}},this.progressPosition=="top"&&h("ion-row",{class:"cty-video__footer-progress__top",onClick:function(t){return t.stopPropagation()}},!this.isPC&&h("div",{class:"cty-video__footer-bar",onTouchStart:this._doPrgTouchstart,onTouchMove:this._doPrgTouchmove,onTouchEnd:this._doPrgTouchend},this.direction=="L"&&this.curIsFullscreen&&this.markerList.map((function(e){return h("span",{onTouchStart:function(i){return t._doDot(i,e)},class:"cty-video__footer-dot",style:{left:e.position+"%"}})}))),this.isPC&&h("div",{class:"cty-video__footer-bar",onMouseDown:this._doPrgTouchstart,onMouseMove:this._doPrgTouchmove,onMouseUp:this._doPrgTouchend,onMouseLeave:this._doPrgTouchend},this.direction=="L"&&this.curIsFullscreen&&this.markerList.map((function(e){return h("span",{onTouchStart:function(i){return t._doDot(i,e)},class:"cty-video__footer-dot",style:{left:e.position+"%"}})})))),h("ion-row",null,h("ion-col",{class:{"flex-align-center cty-video__footer-toggle-play":true,"cty-video__footer-flex":this.progressPosition=="top"}},h("ion-button",{onClick:function(e){t.toggleVideo(e)}},h("cty-icon",{name:this.isPlaying?"cty-pause":"cty-play"})),this.progressPosition=="top"&&h("div",{class:"flex-align-center cty-video__footer-time-label"},this.currentTimeLabel,h("span",null,"/"),this.durationLabel)),this.progressPosition=="center"&&h("ion-col",{class:"cty-video__footer-progress flex-center"},h("span",{class:"cty-video__time"},this.currentTimeLabel),!this.isPC&&h("div",{class:"cty-video__footer-bar",onTouchStart:this._doPrgTouchstart,onTouchMove:this._doPrgTouchmove,onTouchEnd:this._doPrgTouchend},this.direction=="L"&&this.curIsFullscreen&&this.markerList.map((function(e){return h("span",{onTouchStart:function(i){return t._doDot(i,e)},class:"cty-video__footer-dot",style:{left:e.position+"%"}})}))),this.isPC&&h("div",{class:"cty-video__footer-bar",onMouseDown:this._doPrgTouchstart,onMouseMove:this._doPrgTouchmove,onMouseUp:this._doPrgTouchend,onMouseLeave:this._doPrgTouchend},this.direction=="L"&&this.curIsFullscreen&&this.markerList.map((function(e){return h("span",{onTouchStart:function(i){return t._doDot(i,e)},class:"cty-video__footer-dot",style:{left:e.position+"%"}})}))),h("span",{class:"cty-video__time"},this.durationLabel)),this.curIsFullscreen&&h("ion-col",{class:"cty-video__footer-rate flex-align-center"},h("ion-button",{onClick:this._doSetRate},this.rate==1?"倍速":this.rate+"X")),h("ion-col",{class:"cty-video__footer-volume flex-align-center"},h("ion-button",{onClick:function(){return t.toggleVolume()}},h("cty-icon",{name:this._getVolumeIconName()}))),!this.fullscreenOnly&&!this.curIsFullscreen&&this.fullscreenIcon&&h("ion-col",{class:"cty-video__footer-fullscreen flex-align-center"},h("ion-button",{onClick:function(){return t._toggleFullScreen(true)}},h("cty-icon",{name:this.fullscreenIcon}))),!this.fullscreenOnly&&this.curIsFullscreen&&this.exitFullscreenIcon&&h("ion-col",{class:"cty-video__footer-fullscreen flex-align-center"},h("ion-button",{onClick:function(){return t._toggleFullScreen(false)}},h("cty-icon",{name:this.exitFullscreenIcon}))),h("slot",{name:"footerCol"}))),this.isMoving&&h("div",{class:"cty-video__opn-toast flex-center"},h("cty-icon",{name:this.controlIcon}),h("span",null,this.controlLabel)),h("slot",{name:"controls"}),!this.isPC&&this.controls&&h("div",{class:"cty-video__opn-panel",onTouchStart:this._doOpnStart,onTouchMove:this._doOpnMove,onTouchEnd:this._doOpnEnd,onClick:function(t){return t.stopPropagation()}}),this.isPC&&this.controls&&h("div",{class:"cty-video__opn-panel",onMouseDown:this._doOpnStart,onMouseMove:this._doOpnMove,onMouseUp:this._doOpnEnd,onMouseLeave:this._doOpnEnd,onClick:function(t){return t.stopPropagation()}}),this.showCtrl&&this.showDotPanel&&h("div",{ref:function(e){t.dotPanelEl=e},class:{"cty-video__dot-panel flex-center":true,"cty-video__dot-panel-ex":this.progressPosition=="top"},onClick:function(t){return t.stopPropagation()},style:{top:this.dotDotPanelTop,left:this.dotDotPanelLeft,opacity:this.reallyShowDot?"1":"0"}},h("span",{class:"cty-video__dot-label cty-ellipsis2"},this.currentMarker.describe),h("ion-button",{onClick:this._toPoint},h("cty-icon",{name:"cty-play-ex"}),"知识点"),h("span",{class:"cty-video__dot-triangle",style:{"margin-left":this.triangleMargin+"px"}})),h("slot",{name:"ctrl"}))};t.prototype.render=function(){var t=this;return h(Host,{key:"bdbc355f9bb58b14c3c16f696f5e0de5dc66afb6",class:{"cty-video":true,"cty-video__vertical":this.deviceIsPORTRAIT,"cty-video__unfullscreen":!this.curIsFullscreen,"cty-video__large-screen":this.direction=="P"&&this.curIsFullscreen&&(this.isPC||this.isIpad)}},this.renderPlayer(),this.renderControls(),(!this.isLoading||this.isMicroMessager)&&!this.isPlaying&&!this.showInteractiveLayer&&this.showTogglePlay&&h("ion-button",{key:"fc67d1c40664f33d2bf97bd60da93fc9f9b05797",part:"toggle-play",class:"cty-video__toggle-play flex-center",onClick:function(e){t.toggleVideo(e)}},h("cty-icon",{key:"16de825ccfbf288379a80b21c3824f88d16167d0",name:"cty-play"})),!this.isWifi&&!this.isPlaying&&!this.isLoading&&!this.isMicroMessager&&this.trafficMsg&&h("div",{key:"78511cdd5bccdb454511d01ee6b12085e34a9aab",class:"cty-video__toast cty-ellipsis",part:"toast"},this.trafficMsg),this.warningMsg!=""&&h("div",{key:"a0b3e28efdf3c8be7cd3168bfa48ea9678df5f9e",class:"cty-video__toast cty-ellipsis",part:"toast"},this.warningMsg),this.showPlayRate&&h("div",{key:"042083660f70096ce81e10a2edb0826e92362b8e",class:"cty-video__rate",onClick:function(){return t.showPlayRate=false}},h("div",{key:"723dc99ab748b524dbcff33e28ff791d4d0f928a",class:"cty-video__rate-mask flex-center-justify-end"},h("div",{key:"a5ee156efdffcf6297ddc6aeea395b8152bd19a3",class:"cty-video__rate-list"},this._rates.map((function(e){return h("button",{onClick:function(){return t.setPlayRate(e)},class:{active:t.rate==e,"cty-video__rate-list-item":true}},h("span",null,e,"X"))}))))),this.hasInteractive&&this.curIsFullscreen&&h("div",{key:"fbdc97434d797b98b07932cc26b19ddbc3956e2b",class:"cty-video__player cty-video__interactive",onClick:function(){},ref:function(e){return t.interactiveEl=e}}))};Object.defineProperty(t,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Video.style=videoCss;export{Video as cty_video};

package/dist/esm-es5/cty-virtual-list.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";var virtualListCss=':host{--cty-virtual-list-horizontal-item-margin-right:20px;--cty-virtual-list-vertical-item-margin-top:20px;--cty-virtual-list-horizontal-padding:10px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}:host(.cty-virtual-list-horizontal-box){padding:var(--cty-virtual-list-horizontal-padding)}.cty-list-horizontal-scroll{overflow:hidden;float:left}.cty-list-horizontal-scroll .cty-virtual-list-item{display:block;float:left;margin-right:var(--cty-virtual-list-horizontal-item-margin-right)}.cty-list-horizontal-scroll:after{content:"";display:block;visibility:hidden;clear:both}.cty-list-vertical-scroll{overflow:hidden}.cty-list-vertical-scroll .cty-virtual-list-item{display:block;margin-top:var(--cty-virtual-list-vertical-item-margin-top)}.cty-virtual-list{width:100%;overflow:hidden;position:relative;-webkit-overflow-scrolling:touch}[dir=rtl] .cty-list-horizontal-scroll{float:right}[dir=rtl] .cty-list-horizontal-scroll .cty-virtual-list-item{float:right;margin-right:0;margin-left:var(--cty-virtual-list-horizontal-item-margin-right)}';var VirtualList=function(){function t(t){var i=this;registerInstance(this,t);this.ctyScroll=createEvent(this,"ctyScroll",7);this.items=[];this.direction="vertical";this.preloadItemCount=2;this.visibleItems=[];this.itemHeight=66;this.itemPositions=[];this.totalListHeight=99999999;this.visibleItemCount=0;this.itemSpacing=0;this.viewport={scrollOffset:0,firstVisibleIndex:0,preloadCount:0,lastVisibleIndex:10};this.handleScroll=function(){requestAnimationFrame((function(){return i.onScroll(i.el)}))};this.getEndIndex=function(){var t=i.items.length;var r=null;var s=0;for(var e=i.viewport.firstVisibleIndex;e<t;e++){s+=i.itemPositions[e][i.dimensionKey]||0;if(s>i.containerSize){var n=e+i.preloadItemCount;r=t>0?Math.min(t,n):n;break}}if(s<i.containerSize){r=t}r=r||0;return r};this.trackByIdentifier=function(t,r){return i.itemKey?r[i.itemKey]:i.getDataIndex(t)}}Object.defineProperty(t.prototype,"isHorizontal",{get:function(){return this.direction==="horizontal"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"dimensionKey",{get:function(){return this.isHorizontal?"width":"height"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"scrollOffsetKey",{get:function(){return this.isHorizontal?"left":"top"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"containerSize",{get:function(){if(this.containerHeight)return this.containerHeight;var t=this.el.parentNode;return this.isHorizontal?t.offsetWidth:t.offsetHeight},enumerable:false,configurable:true});t.prototype.componentWillLoad=function(){this.initItemPositions();this.calculateVisibleCount()};t.prototype.componentDidLoad=function(){this.setupScrollListener();this.calculateItemSpacing()};t.prototype.disconnectedCallback=function(){this.removeScrollListener()};t.prototype.initItemPositions=function(){var t=this;this.itemPositions=Array(this.items.length).fill(null).map((function(i,r){return{index:r,left:t.isHorizontal?r*t.itemHeight:0,top:t.isHorizontal?0:r*t.itemHeight,bottom:t.isHorizontal?t.itemHeight:(r+1)*t.itemHeight,width:t.itemHeight,height:t.itemHeight,right:t.isHorizontal?(r+1)*t.itemHeight:t.itemHeight}}));this.updateTotalHeight()};t.prototype.calculateVisibleCount=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.containerSize===0)return[2];this.visibleItemCount=Math.ceil(this.containerSize/this.itemHeight)+this.preloadItemCount;this.viewport.lastVisibleIndex=this.visibleItemCount;this.updateVisibleItems();return[2]}))}))};t.prototype.setupScrollListener=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.el.addEventListener("scroll",this.handleScroll);return[2]}))}))};t.prototype.removeScrollListener=function(){this.el.removeEventListener("scroll",this.handleScroll)};t.prototype.onScroll=function(t){var i=this.isHorizontal?t.scrollLeft:t.scrollTop;var r=this.binarySearch(i);this.updateItemDimensions();var s=Math.max(0,r-this.preloadItemCount);var e=this.getEndIndex();this.viewport={scrollOffset:this.itemPositions[r===0?r:r-1][this.scrollOffsetKey],firstVisibleIndex:r,preloadCount:s,lastVisibleIndex:e};if(e>this.items.length-1){this.ctyScroll.emit()}this.updateVisibleItems()};t.prototype.updateItemDimensions=function(){if(this.itemsContainerEl){var t=this.itemsContainerEl.children;this.updateItemSize(t);this.updateTotalHeight()}};t.prototype.updateItemSize=function(t){var i=this;var r=__spreadArray([],this.itemPositions,true);Array.from(t).forEach((function(t){var s=Number(t.getAttribute("data-index"));var e=t.getAttribute("style");if(e===null||e===void 0?void 0:e.includes("none"))return;var n=t.getBoundingClientRect()[i.dimensionKey];if(i.itemSpacing&&!(s==i.itemPositions.length-1&&i.isHorizontal))n+=i.itemSpacing;var a=i.itemPositions[s][i.dimensionKey];var l=a-n;if(l){if(i.dimensionKey==="width"){r[s].right-=l;r[s][i.dimensionKey]=n;for(var o=s+1;o<i.itemPositions.length;o++){r[o].left=r[o-1].right;r[o].right-=l}}else{r[s].bottom-=l;r[s][i.dimensionKey]=n;for(var o=s+1;o<i.itemPositions.length;o++){r[o].top=r[o-1].bottom;r[o].bottom-=l}}}}));this.itemPositions=r};t.prototype.updateTotalHeight=function(){var t=this.itemPositions.length-1;var i=0;if(t<0){i=0}else{i=this.isHorizontal?this.itemPositions[t].right:this.itemPositions[t].bottom}this.totalListHeight=i};t.prototype.updateVisibleItems=function(){this.visibleItems=__spreadArray([],this.items.slice(this.viewport.preloadCount,this.viewport.lastVisibleIndex),true)};t.prototype.getTransformStyle=function(){return{transform:this.isHorizontal?"translate3d(".concat(this.viewport.scrollOffset,"px,0,0)"):"translate3d(0,".concat(this.viewport.scrollOffset,"px,0)")}};t.prototype.getContainerStyle=function(){var t;return t={},t[this.dimensionKey]=this.totalListHeight+"px",t.position="relative",t};t.prototype.getDataIndex=function(t){return this.viewport.preloadCount+t};t.prototype.getDisplayStyle=function(t){var i=this.getDataIndex(t);return i<this.viewport.firstVisibleIndex-1?"none":"block"};t.prototype.calculateItemSpacing=function(){if(this.itemsContainerEl){var t=this.itemsContainerEl.children;if(!t.length)return;var i=window.getComputedStyle(t[0]);if(this.isHorizontal){var r=i.getPropertyValue("margin-right");r&&(this.itemSpacing=parseInt(r))}else{var s=i.getPropertyValue("margin-top");s&&(this.itemSpacing=parseInt(s))}}};t.prototype.binarySearch=function(t){if(t===void 0){t=0}var i=0;var r=this.itemPositions.length-1;var s=null;var e=this.isHorizontal?"right":"bottom";while(i<=r){var n=Math.floor((i+r)/2);var a=this.itemPositions[n][e];if(a===t){return n+1}if(a<t){i=n+1}else{if(s===null||s>n){s=n}r=n-1}}return s||0};t.prototype.render=function(){var t=this;var i=this,r=i.isHorizontal,s=i.containerSize,e=i.itemRender;return h(Host,{key:"48c43c43a497a1bc0667d1bb2a5575410aeb8c9e",class:{"cty-virtual-list-box":true,"cty-virtual-list-horizontal-box":r,"cty-virtual-list-vertical-box":!r},style:{height:r?"100px":s+"px"}},h("div",{key:"a8054ee3311518ba3db289557d584b6e794f6596",class:"cty-virtual-list",style:this.getContainerStyle()},h("div",{key:"05a59bb47c1b2d0869888b64f6512c024d3fa385",class:r?"cty-list-horizontal-scroll":"cty-list-vertical-scroll",style:this.getTransformStyle(),ref:function(i){return t.itemsContainerEl=i}},this.visibleItems.map((function(i,r){return h("div",{class:"cty-virtual-list-item","data-index":t.getDataIndex(r),style:{display:t.getDisplayStyle(r)}},e?e(i,r):null)})))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();VirtualList.style=virtualListCss;export{VirtualList as cty_virtual_list};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";var virtualListCss=':host{--cty-virtual-list-horizontal-item-margin-right:20px;--cty-virtual-list-vertical-item-margin-top:20px;--cty-virtual-list-horizontal-padding:10px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}:host(.cty-virtual-list-horizontal-box){padding:var(--cty-virtual-list-horizontal-padding)}.cty-list-horizontal-scroll{overflow:hidden;float:left}.cty-list-horizontal-scroll .cty-virtual-list-item{display:block;float:left;margin-right:var(--cty-virtual-list-horizontal-item-margin-right)}.cty-list-horizontal-scroll:after{content:"";display:block;visibility:hidden;clear:both}.cty-list-vertical-scroll{overflow:hidden}.cty-list-vertical-scroll .cty-virtual-list-item{display:block;margin-top:var(--cty-virtual-list-vertical-item-margin-top)}.cty-virtual-list{width:100%;overflow:hidden;position:relative;-webkit-overflow-scrolling:touch}[dir=rtl] .cty-list-horizontal-scroll{float:right}[dir=rtl] .cty-list-horizontal-scroll .cty-virtual-list-item{float:right;margin-right:0;margin-left:var(--cty-virtual-list-horizontal-item-margin-right)}';var VirtualList=function(){function t(t){var i=this;registerInstance(this,t);this.ctyScroll=createEvent(this,"ctyScroll",7);this.items=[];this.direction="vertical";this.preloadItemCount=2;this.visibleItems=[];this.itemHeight=66;this.itemPositions=[];this.totalListHeight=99999999;this.visibleItemCount=0;this.itemSpacing=0;this.viewport={scrollOffset:0,firstVisibleIndex:0,preloadCount:0,lastVisibleIndex:10};this.handleScroll=function(){requestAnimationFrame((function(){return i.onScroll(i.el)}))};this.getEndIndex=function(){var t=i.items.length;var r=null;var s=0;for(var e=i.viewport.firstVisibleIndex;e<t;e++){s+=i.itemPositions[e][i.dimensionKey]||0;if(s>i.containerSize){var n=e+i.preloadItemCount;r=t>0?Math.min(t,n):n;break}}if(s<i.containerSize){r=t}r=r||0;return r};this.trackByIdentifier=function(t,r){return i.itemKey?r[i.itemKey]:i.getDataIndex(t)}}Object.defineProperty(t.prototype,"isHorizontal",{get:function(){return this.direction==="horizontal"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"dimensionKey",{get:function(){return this.isHorizontal?"width":"height"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"scrollOffsetKey",{get:function(){return this.isHorizontal?"left":"top"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"containerSize",{get:function(){if(this.containerHeight)return this.containerHeight;var t=this.el.parentNode;return this.isHorizontal?t.offsetWidth:t.offsetHeight},enumerable:false,configurable:true});t.prototype.componentWillLoad=function(){this.initItemPositions();this.calculateVisibleCount()};t.prototype.componentDidLoad=function(){this.setupScrollListener();this.calculateItemSpacing()};t.prototype.disconnectedCallback=function(){this.removeScrollListener()};t.prototype.initItemPositions=function(){var t=this;this.itemPositions=Array(this.items.length).fill(null).map((function(i,r){return{index:r,left:t.isHorizontal?r*t.itemHeight:0,top:t.isHorizontal?0:r*t.itemHeight,bottom:t.isHorizontal?t.itemHeight:(r+1)*t.itemHeight,width:t.itemHeight,height:t.itemHeight,right:t.isHorizontal?(r+1)*t.itemHeight:t.itemHeight}}));this.updateTotalHeight()};t.prototype.calculateVisibleCount=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.containerSize===0)return[2];this.visibleItemCount=Math.ceil(this.containerSize/this.itemHeight)+this.preloadItemCount;this.viewport.lastVisibleIndex=this.visibleItemCount;this.updateVisibleItems();return[2]}))}))};t.prototype.setupScrollListener=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.el.addEventListener("scroll",this.handleScroll);return[2]}))}))};t.prototype.removeScrollListener=function(){this.el.removeEventListener("scroll",this.handleScroll)};t.prototype.onScroll=function(t){var i=this.isHorizontal?t.scrollLeft:t.scrollTop;var r=this.binarySearch(i);this.updateItemDimensions();var s=Math.max(0,r-this.preloadItemCount);var e=this.getEndIndex();this.viewport={scrollOffset:this.itemPositions[r===0?r:r-1][this.scrollOffsetKey],firstVisibleIndex:r,preloadCount:s,lastVisibleIndex:e};if(e>this.items.length-1){this.ctyScroll.emit()}this.updateVisibleItems()};t.prototype.updateItemDimensions=function(){if(this.itemsContainerEl){var t=this.itemsContainerEl.children;this.updateItemSize(t);this.updateTotalHeight()}};t.prototype.updateItemSize=function(t){var i=this;var r=__spreadArray([],this.itemPositions,true);Array.from(t).forEach((function(t){var s=Number(t.getAttribute("data-index"));var e=t.getAttribute("style");if(e===null||e===void 0?void 0:e.includes("none"))return;var n=t.getBoundingClientRect()[i.dimensionKey];if(i.itemSpacing&&!(s==i.itemPositions.length-1&&i.isHorizontal))n+=i.itemSpacing;var a=i.itemPositions[s][i.dimensionKey];var l=a-n;if(l){if(i.dimensionKey==="width"){r[s].right-=l;r[s][i.dimensionKey]=n;for(var o=s+1;o<i.itemPositions.length;o++){r[o].left=r[o-1].right;r[o].right-=l}}else{r[s].bottom-=l;r[s][i.dimensionKey]=n;for(var o=s+1;o<i.itemPositions.length;o++){r[o].top=r[o-1].bottom;r[o].bottom-=l}}}}));this.itemPositions=r};t.prototype.updateTotalHeight=function(){var t=this.itemPositions.length-1;var i=0;if(t<0){i=0}else{i=this.isHorizontal?this.itemPositions[t].right:this.itemPositions[t].bottom}this.totalListHeight=i};t.prototype.updateVisibleItems=function(){this.visibleItems=__spreadArray([],this.items.slice(this.viewport.preloadCount,this.viewport.lastVisibleIndex),true)};t.prototype.getTransformStyle=function(){return{transform:this.isHorizontal?"translate3d(".concat(this.viewport.scrollOffset,"px,0,0)"):"translate3d(0,".concat(this.viewport.scrollOffset,"px,0)")}};t.prototype.getContainerStyle=function(){var t;return t={},t[this.dimensionKey]=this.totalListHeight+"px",t.position="relative",t};t.prototype.getDataIndex=function(t){return this.viewport.preloadCount+t};t.prototype.getDisplayStyle=function(t){var i=this.getDataIndex(t);return i<this.viewport.firstVisibleIndex-1?"none":"block"};t.prototype.calculateItemSpacing=function(){if(this.itemsContainerEl){var t=this.itemsContainerEl.children;if(!t.length)return;var i=window.getComputedStyle(t[0]);if(this.isHorizontal){var r=i.getPropertyValue("margin-right");r&&(this.itemSpacing=parseInt(r))}else{var s=i.getPropertyValue("margin-top");s&&(this.itemSpacing=parseInt(s))}}};t.prototype.binarySearch=function(t){if(t===void 0){t=0}var i=0;var r=this.itemPositions.length-1;var s=null;var e=this.isHorizontal?"right":"bottom";while(i<=r){var n=Math.floor((i+r)/2);var a=this.itemPositions[n][e];if(a===t){return n+1}if(a<t){i=n+1}else{if(s===null||s>n){s=n}r=n-1}}return s||0};t.prototype.render=function(){var t=this;var i=this,r=i.isHorizontal,s=i.containerSize,e=i.itemRender;return h(Host,{key:"99f26c0adb28153adccc5ff0a055315a570e5efb",class:{"cty-virtual-list-box":true,"cty-virtual-list-horizontal-box":r,"cty-virtual-list-vertical-box":!r},style:{height:r?"100px":s+"px"}},h("div",{key:"9478b315e9f16448a812da4a7e0f7cbfbc87dee8",class:"cty-virtual-list",style:this.getContainerStyle()},h("div",{key:"d4215360700e6c99b4622314dc8c2b4a36aa284c",class:r?"cty-list-horizontal-scroll":"cty-list-vertical-scroll",style:this.getTransformStyle(),ref:function(i){return t.itemsContainerEl=i}},this.visibleItems.map((function(i,r){return h("div",{class:"cty-virtual-list-item","data-index":t.getDataIndex(r),style:{display:t.getDisplayStyle(r)}},e?e(i,r):null)})))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();VirtualList.style=virtualListCss;export{VirtualList as cty_virtual_list};