cty-mui-core 1.0.37 → 1.0.39

package/dist/esm-es5/cty-cascader-view.entry.js

@@ -1 +1 @@
-import{__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";var cascaderViewCss="*{-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}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host{--cty-cascader-tabs-border-bottom:1px solid #eee;--cty-cascader-tabs-background:#FFF;--cty-cascader-tab-padding:12px 12px 14px;--cty-cascader-tab-color:#333;--cty-cascader-tab-font-size:16px;--cty-cascader-tab-active-color:#1677ff;--cty-cascader-tab-active-font-weight:bold;--cty-cascader-tab-underline-background:#1677ff;--cty-cascader-tab-underline-border-radius:2px;--cty-cascader-tab-underline-border-height:2px;--cty-cascader-content-height:'auto';--cty-cascader-content-padding:0 16px;--cty-cascader-content-background:#FFF;--cty-cascader-item-color:#333;--cty-cascader-item-font-size:16px;--cty-cascader-item-padding:10px 0;--cty-cascader-item-border-bottom:none;--cty-cascader-item-active-color:#1677ff;--cty-cascader-item-active-font-weight:bold;--cty-cascader-item-active-icon-color:#1677ff;--cty-cascader-item-disabled-color:#bbb;--cty-cascader-item-disabled-cursor:not-allowed;display:block}.cty-cascader-tabs{position:relative;border-bottom:var(--cty-cascader-tabs-border-bottom);background:var(--cty-cascader-tabs-background)}.cty-cascader-tab{display:inline-block;cursor:pointer;text-align:center;padding:var(--cty-cascader-tab-padding);color:var(--cty-cascader-tab-color);font-size:var(--cty-cascader-tab-font-size);-webkit-transition:color 0.2s;transition:color 0.2s;position:relative;z-index:1}.cty-cascader-tab-active{color:var(--cty-cascader-tab-active-color);font-weight:var(--cty-cascader-tab-active-font-weight)}.cty-cascader-tab-underline{position:absolute;bottom:0;height:var(--cty-cascader-tab-underline-border-height);background:var(--cty-cascader-tab-underline-background);border-radius:var(--cty-cascader-tab-underline-border-radius);-webkit-transition:width 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:width 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index:2;will-change:transform, width}.cty-cascader-content{padding:var(--cty-cascader-content-padding);height:var(--cty-cascader-content-height);background:var(--cty-cascader-content-background)}.cty-cascader-list{list-style:none;margin:0;padding:0}.cty-cascader-item{padding:var(--cty-cascader-item-padding);cursor:pointer;color:var(--cty-cascader-item-color);font-size:var(--cty-cascader-item-font-size);border-bottom:var(--cty-cascader-item-border-bottom);-webkit-transition:color 0.2s;transition:color 0.2s}.cty-cascader-item-active{color:var(--cty-cascader-item-active-color);font-weight:var(--cty-cascader-item-active-font-weight)}.cty-cascader-item-active-icon{color:var(--cty-cascader-item-active-icon-color)}.cty-cascader-item-disabled{color:var(--cty-cascader-item-disabled-color);cursor:var(--cty-cascader-item-disabled-cursor)}.cty-cascader-skeleton{padding:12px}.cty-cascader-skeleton-line{height:16px;background:-webkit-gradient(linear, left top, right top, color-stop(25%, hsla(0, 0%, 74.5%, 0.2)), color-stop(37%, hsla(0, 0%, 50.6%, 0.24)), color-stop(63%, hsla(0, 0%, 74.5%, 0.2)));background:linear-gradient(90deg, hsla(0, 0%, 74.5%, 0.2) 25%, hsla(0, 0%, 50.6%, 0.24) 37%, hsla(0, 0%, 74.5%, 0.2) 63%);background-size:400% 100%;-webkit-animation:skeleton-loading 1.4s ease infinite;animation:skeleton-loading 1.4s ease infinite;margin-bottom:8px;border-radius:4px}.cty-cascader-skeleton-line:nth-child(1){width:70%}.cty-cascader-skeleton-line:nth-child(2){width:70%}.cty-cascader-skeleton-line:nth-child(3){width:85%}.cty-cascader-skeleton-line:nth-child(4){width:55%}@-webkit-keyframes skeleton-loading{0%{background-position-x:100%;background-position-y:50%}100%{background-position-x:0%;background-position-y:50%}}@keyframes skeleton-loading{0%{background-position-x:100%;background-position-y:50%}100%{background-position-x:0%;background-position-y:50%}}";var CascaderView=function(){function e(e){registerInstance(this,e);this.ctyChange=createEvent(this,"ctyChange",7);this.ctyValueChange=createEvent(this,"ctyValueChange",7);this.ctyTabsChange=createEvent(this,"ctyTabsChange",7);this.options=[];this.value=[];this.placeholder="请选择";this.loading=false;this.activeIcon="cty-yes";this.props={label:"label",value:"value",disabled:"disabled",children:"children"};this.underlineLeft=0;this.underlineWidth=0;this.tabRefs=[];this.tabActiveIndex=0}e.prototype.componentDidLoad=function(){this.updateUnderline()};e.prototype.componentDidUpdate=function(){this.updateUnderline()};e.prototype.updateUnderline=function(){var e=this.tabRefs[this.tabActiveIndex];if(e){var t=e.getBoundingClientRect();var a=e.parentElement.parentElement.getBoundingClientRect();this.underlineLeft=t.left-a.left;this.underlineWidth=t.width}};e.prototype.getLevels=function(){var e=this;var t=[];var a=this.options;var c=false;var i=function(i){var s=a.find((function(t){return t[e.props.value]===i}));t.push({selected:s,options:a});if(!s||!s[n.props.children]){c=true;return"break"}a=s[n.props.children]};var n=this;for(var s=0,r=this.value;s<r.length;s++){var l=r[s];var o=i(l);if(o==="break")break}if(!c){t.push({selected:undefined,options:a})}return t};e.prototype.onItemSelect=function(e,t){var a=this.value.slice(0,t);if(e!==undefined){a[t]=e}this.value=__spreadArray([],a,true);var c=!this.getHasChildren(a);if(!c){this.tabActiveIndex=t+1;this.ctyTabsChange.emit(t+1)}this.ctyChange.emit(this.value);this.ctyValueChange.emit({value:a,items:this.getSelectedItems(a)})};e.prototype.getSelectedItems=function(e){var t=this;var a=this.options;var c=[];var i=function(e){var i=a.find((function(a){return a[t.props.value]===e}))||null;c.push(i);if(i&&i[n.props.children]){a=i[n.props.children]}else{return"break"}};var n=this;for(var s=0,r=e;s<r.length;s++){var l=r[s];var o=i(l);if(o==="break")break}return c};e.prototype.getHasChildren=function(e){var t=this;var a=this.options;var c=function(e){var c=a.find((function(a){return a[t.props.value]===e}));if(!c)return{value:false};if(c[i.props.children]){a=c[i.props.children]}else{return{value:false}}};var i=this;for(var n=0,s=e;n<s.length;n++){var r=s[n];var l=c(r);if(typeof l==="object")return l.value}return a.length===0?false:true};e.prototype.onTabChange=function(e){this.tabActiveIndex=e;this.ctyTabsChange.emit(e)};e.prototype.render=function(){var e=this;var t=this.getLevels();return h(Host,{key:"02b0f40ab83b2f227be69ada8954abeb95ccd0ae",class:"cty-cascader-view"},h("div",{key:"33be506937c8a4438a3002dad686e0680fdde965",class:"cty-cascader-tabs"},t.map((function(t,a){return h("div",{class:{"cty-cascader-tab":true,"cty-cascader-tab-active":e.tabActiveIndex===a},part:"tab-item",onClick:function(){return e.onTabChange(a)}},h("div",{class:"cty-cascader-header-title",ref:function(t){return e.tabRefs[a]=t}},t.selected?t.selected[e.props.label]:e.placeholder))})),h("div",{key:"cfdf8e4d323feba09c2f869c9188e349c439d831",class:"cty-cascader-tab-underline",style:{width:"".concat(this.underlineWidth,"px"),transform:"translateX(".concat(this.underlineLeft,"px)")}})),h("div",{key:"67bbfb1a0b7df79506e672cc25582e63cabb499d",class:"cty-cascader-content"},function(){var a=t[e.tabActiveIndex];if(!a)return null;return e.loading?h("div",{class:"cty-cascader-skeleton"},h("div",{class:"cty-cascader-skeleton-line"}),h("div",{class:"cty-cascader-skeleton-line"}),h("div",{class:"cty-cascader-skeleton-line"}),h("div",{class:"cty-cascader-skeleton-line"})):h("ul",{class:"cty-cascader-list"},a.options.map((function(t){var a=e.value[e.tabActiveIndex]===t[e.props.value];return h("li",{class:{"cty-cascader-item":true,"cty-cascader-item-active":a,"cty-cascader-item-disabled":t[e.props.disabled]},part:"cascader-item",onClick:function(){return!t[e.props.disabled]&&e.onItemSelect(t[e.props.value],e.tabActiveIndex)}},h("slot",null,h("div",{class:"flex-between"},h("span",null,t[e.props.label]),a&&e.activeIcon&&h("cty-icon",{name:e.activeIcon,class:"cty-cascader-item-active-icon"}))))})))}()))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CascaderView.style=cascaderViewCss;export{CascaderView as cty_cascader_view};
+import{__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";var cascaderViewCss="*{-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}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host{--cty-cascader-tabs-border-bottom:1px solid #eee;--cty-cascader-tabs-background:#FFF;--cty-cascader-tab-padding:12px 12px 14px;--cty-cascader-tab-color:#333;--cty-cascader-tab-font-size:16px;--cty-cascader-tab-active-color:#1677ff;--cty-cascader-tab-active-font-weight:bold;--cty-cascader-tab-underline-background:#1677ff;--cty-cascader-tab-underline-border-radius:2px;--cty-cascader-tab-underline-border-height:2px;--cty-cascader-content-height:'auto';--cty-cascader-content-padding:0 16px;--cty-cascader-content-background:#FFF;--cty-cascader-item-color:#333;--cty-cascader-item-font-size:16px;--cty-cascader-item-padding:10px 0;--cty-cascader-item-border-bottom:none;--cty-cascader-item-active-color:#1677ff;--cty-cascader-item-active-font-weight:bold;--cty-cascader-item-active-icon-color:#1677ff;--cty-cascader-item-disabled-color:#bbb;--cty-cascader-item-disabled-cursor:not-allowed;display:block}.cty-cascader-tabs{position:relative;border-bottom:var(--cty-cascader-tabs-border-bottom);background:var(--cty-cascader-tabs-background)}.cty-cascader-tab{display:inline-block;cursor:pointer;text-align:center;padding:var(--cty-cascader-tab-padding);color:var(--cty-cascader-tab-color);font-size:var(--cty-cascader-tab-font-size);-webkit-transition:color 0.2s;transition:color 0.2s;position:relative;z-index:1}.cty-cascader-tab-active{color:var(--cty-cascader-tab-active-color);font-weight:var(--cty-cascader-tab-active-font-weight)}.cty-cascader-tab-underline{position:absolute;bottom:0;height:var(--cty-cascader-tab-underline-border-height);background:var(--cty-cascader-tab-underline-background);border-radius:var(--cty-cascader-tab-underline-border-radius);-webkit-transition:width 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:width 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index:2;will-change:transform, width}.cty-cascader-content{padding:var(--cty-cascader-content-padding);height:var(--cty-cascader-content-height);background:var(--cty-cascader-content-background)}.cty-cascader-list{list-style:none;margin:0;padding:0}.cty-cascader-item{padding:var(--cty-cascader-item-padding);cursor:pointer;color:var(--cty-cascader-item-color);font-size:var(--cty-cascader-item-font-size);border-bottom:var(--cty-cascader-item-border-bottom);-webkit-transition:color 0.2s;transition:color 0.2s}.cty-cascader-item-active{color:var(--cty-cascader-item-active-color);font-weight:var(--cty-cascader-item-active-font-weight)}.cty-cascader-item-active-icon{color:var(--cty-cascader-item-active-icon-color)}.cty-cascader-item-disabled{color:var(--cty-cascader-item-disabled-color);cursor:var(--cty-cascader-item-disabled-cursor)}.cty-cascader-skeleton{padding:12px}.cty-cascader-skeleton-line{height:16px;background:-webkit-gradient(linear, left top, right top, color-stop(25%, hsla(0, 0%, 74.5%, 0.2)), color-stop(37%, hsla(0, 0%, 50.6%, 0.24)), color-stop(63%, hsla(0, 0%, 74.5%, 0.2)));background:linear-gradient(90deg, hsla(0, 0%, 74.5%, 0.2) 25%, hsla(0, 0%, 50.6%, 0.24) 37%, hsla(0, 0%, 74.5%, 0.2) 63%);background-size:400% 100%;-webkit-animation:skeleton-loading 1.4s ease infinite;animation:skeleton-loading 1.4s ease infinite;margin-bottom:8px;border-radius:4px}.cty-cascader-skeleton-line:nth-child(1){width:70%}.cty-cascader-skeleton-line:nth-child(2){width:70%}.cty-cascader-skeleton-line:nth-child(3){width:85%}.cty-cascader-skeleton-line:nth-child(4){width:55%}@-webkit-keyframes skeleton-loading{0%{background-position-x:100%;background-position-y:50%}100%{background-position-x:0%;background-position-y:50%}}@keyframes skeleton-loading{0%{background-position-x:100%;background-position-y:50%}100%{background-position-x:0%;background-position-y:50%}}";var CascaderView=function(){function e(e){registerInstance(this,e);this.ctyChange=createEvent(this,"ctyChange",7);this.ctyValueChange=createEvent(this,"ctyValueChange",7);this.ctyTabsChange=createEvent(this,"ctyTabsChange",7);this.options=[];this.value=[];this.placeholder="请选择";this.loading=false;this.activeIcon="cty-yes";this.props={label:"label",value:"value",disabled:"disabled",children:"children"};this.underlineLeft=0;this.underlineWidth=0;this.tabRefs=[];this.tabActiveIndex=0}e.prototype.componentDidLoad=function(){this.updateUnderline()};e.prototype.componentDidUpdate=function(){this.updateUnderline()};e.prototype.updateUnderline=function(){var e=this.tabRefs[this.tabActiveIndex];if(e){var t=e.getBoundingClientRect();var a=e.parentElement.parentElement.getBoundingClientRect();this.underlineLeft=t.left-a.left;this.underlineWidth=t.width}};e.prototype.getLevels=function(){var e=this;var t=[];var a=this.options;var c=false;var i=function(i){var s=a.find((function(t){return t[e.props.value]===i}));t.push({selected:s,options:a});if(!s||!s[n.props.children]){c=true;return"break"}a=s[n.props.children]};var n=this;for(var s=0,r=this.value;s<r.length;s++){var l=r[s];var o=i(l);if(o==="break")break}if(!c){t.push({selected:undefined,options:a})}return t};e.prototype.onItemSelect=function(e,t){var a=this.value.slice(0,t);if(e!==undefined){a[t]=e}this.value=__spreadArray([],a,true);var c=!this.getHasChildren(a);if(!c){this.tabActiveIndex=t+1;this.ctyTabsChange.emit(t+1)}this.ctyChange.emit(this.value);this.ctyValueChange.emit({value:a,items:this.getSelectedItems(a)})};e.prototype.getSelectedItems=function(e){var t=this;var a=this.options;var c=[];var i=function(e){var i=a.find((function(a){return a[t.props.value]===e}))||null;c.push(i);if(i&&i[n.props.children]){a=i[n.props.children]}else{return"break"}};var n=this;for(var s=0,r=e;s<r.length;s++){var l=r[s];var o=i(l);if(o==="break")break}return c};e.prototype.getHasChildren=function(e){var t=this;var a=this.options;var c=function(e){var c=a.find((function(a){return a[t.props.value]===e}));if(!c)return{value:false};if(c[i.props.children]){a=c[i.props.children]}else{return{value:false}}};var i=this;for(var n=0,s=e;n<s.length;n++){var r=s[n];var l=c(r);if(typeof l==="object")return l.value}return a.length===0?false:true};e.prototype.onTabChange=function(e){this.tabActiveIndex=e;this.ctyTabsChange.emit(e)};e.prototype.render=function(){var e=this;var t=this.getLevels();return h(Host,{key:"0e088b5852a0d7b895e1df2af144a5ba7b2627d2",class:"cty-cascader-view"},h("div",{key:"c587171c7a6a0860a7623c6ab7f0aa2ba1b564e5",class:"cty-cascader-tabs"},t.map((function(t,a){return h("div",{class:{"cty-cascader-tab":true,"cty-cascader-tab-active":e.tabActiveIndex===a},part:"tab-item",onClick:function(){return e.onTabChange(a)}},h("div",{class:"cty-cascader-header-title",ref:function(t){return e.tabRefs[a]=t}},t.selected?t.selected[e.props.label]:e.placeholder))})),h("div",{key:"514114f4fa21eae5fb109df308c44c0f4ea76d83",class:"cty-cascader-tab-underline",style:{width:"".concat(this.underlineWidth,"px"),transform:"translateX(".concat(this.underlineLeft,"px)")}})),h("div",{key:"564a6c3b894182929571d48eca0ea6084d914062",class:"cty-cascader-content"},function(){var a=t[e.tabActiveIndex];if(!a)return null;return e.loading?h("div",{class:"cty-cascader-skeleton"},h("div",{class:"cty-cascader-skeleton-line"}),h("div",{class:"cty-cascader-skeleton-line"}),h("div",{class:"cty-cascader-skeleton-line"}),h("div",{class:"cty-cascader-skeleton-line"})):h("ul",{class:"cty-cascader-list"},a.options.map((function(t){var a=e.value[e.tabActiveIndex]===t[e.props.value];return h("li",{class:{"cty-cascader-item":true,"cty-cascader-item-active":a,"cty-cascader-item-disabled":t[e.props.disabled]},part:"cascader-item",onClick:function(){return!t[e.props.disabled]&&e.onItemSelect(t[e.props.value],e.tabActiveIndex)}},h("slot",null,h("div",{class:"flex-between"},h("span",null,t[e.props.label]),a&&e.activeIcon&&h("cty-icon",{name:e.activeIcon,class:"cty-cascader-item-active-icon"}))))})))}()))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();CascaderView.style=cascaderViewCss;export{CascaderView as cty_cascader_view};

package/dist/esm-es5/cty-cascader.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{C as CTYCityData}from"./area-BniluX4A.js";import{a as getEventClientCoords}from"./dom-CHhKFKFA.js";import{i as clamp}from"./format-DnWe30Rj.js";import{g as getClassMap,e as enterAnimation,l as leaveAnimation}from"./theme-hWTV6D5u.js";import{d as deepClone}from"./utils-DNb27sgv.js";import{e as createDelegateController,f as createTriggerController,h as present,j as dismiss,k as eventMethod,g as removeBodyScrollClass,p as prepareOverlay}from"./overlays-DoToumP0.js";import{c as createLockController}from"./lock-controller-CaB1JJxy.js";import{r as raf}from"./helpers-Bm1EyNNA.js";import"./animation-Cl-LwdfQ.js";import"./index-ZjP4CjeZ.js";import"./helpers-skPg8wu0.js";import"./config-iD8sj4Mi.js";var cascaderCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-cascader-overlay-position:fixed;--cty-cascader-overlay-z-index:10;--cty-cascader-overlay-background:rgba(0, 0, 0, 0.3);--cty-cascader-overlay-width:100vw;--cty-cascader-overlay-height:100vh;--cty-cascader-background:#FFF;--cty-cascader-border-radius:0;--cty-cascader-header-height:44px;--cty-cascader-header-button-size:var(--cty-font-size-medium);--cty-cascader-header-padding:0px 15px;--cty-cascader-header-border-bottom:1px solid var(--cty-border-color-light);--cty-cascader-title-size:var(--cty-font-size-medium);--cty-cascader-title-color:var(--cty-text-color-dark);--cty-cascader-title-weight:500;--cty-cascader-cancel-color:var(--cty-color-medium);--cty-cascader-confirm-color:var(--cty-color-primary);--cty-cascader-option-text-color:var(--cty-text-color-dark);--cty-cascader-option-text-font-size:var(--cty-font-size-medium);--cty-cascader-picked-background:transparent;--cty-cascader-picked-border-color:var(--cty-border-color);--cty-cascader-mask-background-image:linear-gradient(180deg,\n  rgba(255, 255, 255, 0.9),\n  rgba(255, 255, 255, 0.4)), linear-gradient(0deg,\n  rgba(255, 255, 255, 0.9),\n  rgba(255, 255, 255, 0.4))}:host(.overlay-hidden){display:none}cty-backdrop{position:var(--cty-cascader-overlay-position);z-index:var(--cty-cascader-overlay-z-index);background:var(--cty-cascader-overlay-background);width:var(--cty-cascader-overlay-width);height:var(--cty-cascader-overlay-height)}.cty-cascader{width:100%;background:var(--cty-cascader-background);border-radius:var(--cty-cascader-border-radius)}.cty-cascader-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:var(--cty-cascader-header-height, 44px);border-bottom:var(--cty-cascader-header-border-bottom);padding:var(--cty-cascader-header-padding)}.cty-cascader-header button{font-size:var(--cty-cascader-header-button-size)}.cty-cascader-header button.cancel{color:var(--cty-cascader-cancel-color)}.cty-cascader-header button.confirm{color:var(--cty-cascader-confirm-color)}.cty-cascader-header .cty-cascader-title{color:var(--cty-cascader-title-color);font-size:var(--cty-cascader-title-size);font-weight:var(--cty-cascader-title-weight)}.cty-cascader-columns{position:relative;display:-ms-flexbox;display:flex;overflow:hidden}.cty-cascader-column{-ms-flex:1;flex:1;position:relative;overflow:hidden}.cty-cascader-scroller{position:absolute;left:0;right:0;top:0;-webkit-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.cty-cascader-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 4px;cursor:pointer}.cty-cascader-option .cty-cascader-text{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cty-cascader-option-text-color);font-size:var(--cty-cascader-option-text-font-size)}.cty-cascader-picked{position:absolute;z-index:-1;left:0;right:0;background:var(--cty-cascader-picked-background);pointer-events:none;border-top:1px solid var(--cty-cascader-picked-border-color);border-bottom:1px solid var(--cty-cascader-picked-border-color)}.cty-cascader-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--cty-cascader-mask-background-image);background-repeat:no-repeat;background-position:top, bottom;pointer-events:none}";var Cascader=function(){function t(t){registerInstance(this,t);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.ctyChange=createEvent(this,"ctyChange",7);this.ctyConfirm=createEvent(this,"ctyConfirm",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.defaultValues=[];this.columns=[];this.title="";this.type="default";this.textKey="text";this.valueKey="value";this.childrenKey="children";this.cascade=false;this.optionHeight=44;this.optionCount=6;this.confirmText="确认";this.cancelText="取消";this.backdropDismiss=true;this.scrollColumns=[];this.columnHeight=0;this.center=0;this.MOMENTUM_RECORD_TIME=300;this.MOMENTUM_ALLOW_DISTANCE=15;this.TRANSITION_DURATION=200;this.MOMENTUM_TRANSITION_DURATION=1e3;this.sid=0;this.prevIndexes=[];this.touchInfo={startY:0,prevY:0,deltaY:0,dragging:false,mousemoving:false};this.changeColumnIndex=null;this.prevColumns=[];this.delegateController=createDelegateController(this);this.lockController=createLockController();this.triggerController=createTriggerController();this.presented=false;this.hasController=false;this.root="default";this.animated=false}Object.defineProperty(t.prototype,"isCascade",{get:function(){return this.cascade||["area","city"].includes(this.type)},enumerable:false,configurable:true});t.prototype.triggerChanged=function(){var t=this,e=t.trigger,i=t.el,r=t.triggerController;if(e){r.addClickListener(i,e)}};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();return[4,this.delegateController.attachViewToDom(this.root)];case 2:e.sent();return[4,present(this,"cascaderEnter",(function(t){return enterAnimation(t,".cty-cascader")}))];case 3:e.sent();t();return[2]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.lockController.lock()];case 1:t=i.sent();return[4,dismiss(this,"cascaderLeave",(function(t){return leaveAnimation(t,".cty-cascader")}))];case 2:e=i.sent();if(e){this.delegateController.removeViewFromDom()}t();return[2,e]}}))}))};t.prototype.onDidDismiss=function(){return eventMethod(this.el,"ctyDidDismiss")};t.prototype.onWillDismiss=function(){return eventMethod(this.el,"ctyWillDismiss")};t.prototype.disconnectedCallback=function(){this.triggerController.removeClickListener();this.presented&&removeBodyScrollClass()};t.prototype.columnsOrValueChange=function(t){var e;this.changeColumnIndex=[];if(((e=this.prevColumns)===null||e===void 0?void 0:e.length)&&(t===null||t===void 0?void 0:t.length)){for(var i=0;i<t.length;i++){if((t[i]||this.prevColumns[i])&&JSON.stringify(t[i])!=JSON.stringify(this.prevColumns[i]))this.changeColumnIndex.push(i)}}if(this.type==="default"&&!this.cascade){this.prevColumns=deepClone(t)}this.initScrollColumns()};t.prototype.componentWillLoad=function(){prepareOverlay(this.el);if(this.type==="default"&&!this.cascade)this.prevColumns=deepClone(this.columns);this.triggerChanged();this.initDimensions();this.initScrollColumns()};t.prototype.componentDidLoad=function(){var t=this;!this.hasController&&raf((function(){return t.present()}))};t.prototype.initDimensions=function(){this.columnHeight=this.optionCount*this.optionHeight;this.center=this.optionCount*this.optionHeight/2-this.optionHeight/2};t.prototype.initScrollColumns=function(){if(this.type==="default"){this.scrollColumns=this.isCascade?this.normalizeCascadeMode(this.columns):this.normalizeNormalMode(this.columns)}else{this.scrollColumns=this.normalizeCascadeMode(CTYCityData)}};t.prototype.normalizeNormalMode=function(t){var e=this;var i=this.scrollColumns;if(this.changeColumnIndex===null){var r=this.columnsCount!=null?t.slice(0,this.columnsCount):t;i=r.map((function(t,i){var r={id:e.sid++,prevY:0,momentumPrevY:0,touching:false,translate:e.center,index:0,duration:0,momentumTime:0,column:t,scrollEl:null,scrolling:false};var s=e.defaultValues[i];var a=r.column.findIndex((function(t){return s===e.getValue(t)}));r.index=a===-1?0:a;e.scrollTo(r);return r}))}else if(this.changeColumnIndex.length){for(var s=0;s<this.changeColumnIndex.length;s++){if(!this.columnsCount||this.changeColumnIndex[s]<=this.columnsCount){i[this.changeColumnIndex[s]]={id:this.sid++,prevY:0,momentumPrevY:0,touching:false,translate:this.center,index:0,duration:0,momentumTime:0,column:this.columns[this.changeColumnIndex[s]],scrollEl:null,scrolling:false};this.scrollTo(i[this.changeColumnIndex[s]])}}}return i};t.prototype.normalizeCascadeMode=function(t){var e=[];this.createChildren(e,t);return e};t.prototype.createChildren=function(t,e,i,r){var s=this;if(i===void 0){i=true}if(r===void 0){r=1}if(e.length&&(this.columnsCount==null||r<=this.columnsCount)){var a={id:this.sid++,prevY:0,momentumPrevY:0,touching:false,translate:this.center,index:0,duration:0,momentumTime:0,column:e,scrollEl:null,scrolling:false};t.push(a);if(i){var n=this.defaultValues[t.length-1];var c=e.findIndex((function(t){return n===s.getValue(t)}));a.index=c===-1?0:c}this.scrollTo(a);if(this.type=="province"&&r===1)return;if(this.type=="city"&&r===2)return;this.createChildren(t,a.column[a.index][this.childrenKey]||[],i,r+1)}};t.prototype.getValue=function(t){return t[this.valueKey]===undefined?t[this.textKey]:t[this.valueKey]};t.prototype.scrollTo=function(t,e){if(e===void 0){e=0}this.updateTranslate(t);t.duration=e;this.touchInfo.dragging=false};t.prototype.updateTranslate=function(t){t.translate=this.center-t.index*this.optionHeight};t.prototype.handleTouchstart=function(t,e){e.touching=true;e.translate=this.getTranslateY(e.scrollEl);var i=getEventClientCoords(t).y;this.touchInfo.startY=i;this.touchInfo.prevY=i;this.touchInfo.dragging=true};t.prototype.handleTouchmove=function(t,e){if(!e.touching)return;var i=getEventClientCoords(t).y;this.touchInfo.mousemoving=t instanceof MouseEvent;var r=i;this.touchInfo.deltaY=r-this.touchInfo.prevY;this.touchInfo.prevY=r;e.scrolling=false;e.duration=0;e.prevY=this.touchInfo.prevY;e.translate+=this.touchInfo.deltaY;this.clampTranslate(e);var s=performance.now();if(s-e.momentumTime>this.MOMENTUM_RECORD_TIME){e.momentumTime=s;e.momentumPrevY=e.translate}this.scrollColumns=this.scrollColumns.map((function(t){return t}))};t.prototype.handleTouchend=function(t){if(!t.touching)return;t.touching=false;t.prevY=0;var e=t.translate-t.momentumPrevY;var i=performance.now()-t.momentumTime;var r=Math.abs(e)>=this.MOMENTUM_ALLOW_DISTANCE&&i<=this.MOMENTUM_RECORD_TIME;var s=t.translate;if(r){this.momentum(t,e,i)}t.index=this.getTargetIndex(t,t.translate);this.scrollTo(t,r?this.MOMENTUM_TRANSITION_DURATION:this.TRANSITION_DURATION);t.scrolling=t.translate!==s;if(!t.scrolling){this.handleScrollColumnChange(t)}this.scrollColumns=this.scrollColumns.map((function(t){return t}))};t.prototype.momentum=function(t,e,i){t.translate+=Math.abs(e/i)/.003*(e<0?-1:1)};t.prototype.clampTranslate=function(t){var e=this.center-t.column.length*this.optionHeight;var i=this.optionHeight+this.center;t.translate=clamp(t.translate,e,i)};t.prototype.getTargetIndex=function(t,e){var i=Math.round((this.center-e)/this.optionHeight);return this.clampArrayRange(i,t.column)};t.prototype.clampArrayRange=function(t,e){return clamp(t,0,e.length-1)};t.prototype.getTranslateY=function(t){var e=window.getComputedStyle(t);var i=e.transform;var r=0;if(i&&i!=="none"){var s=i.match(/matrix\((.+)\)/);if(s){var a=s[1].split(",");r=parseFloat(a[5])}}return r};t.prototype.handleClick=function(t,e){if(this.touchInfo.dragging||this.touchInfo.mousemoving){this.touchInfo.mousemoving=false;return}t.index=e;this.scrollTo(t,this.TRANSITION_DURATION)};t.prototype.handleTransitionend=function(t){t.scrolling=false;this.handleScrollColumnChange(t)};t.prototype.isSamePicked=function(){var t=this;var e=this.getPicked().indexes;return e.every((function(e,i){return e===t.prevIndexes[i]}))};t.prototype.handleScrollColumnChange=function(t){if(this.isSamePicked()){return}if(this.isCascade){this.rebuildChildren(t)}var e=this.scrollColumns.some((function(t){return t.scrolling}));var i=this.scrollColumns.some((function(t){return t.touching}));if(e||i){return}var r=this.getPicked(),s=r.values,a=r.indexes;this.setPrevIndexes(a);this.scrollColumns=this.scrollColumns.map((function(t){return t}));this.ctyChange.emit(s)};t.prototype.getPicked=function(){var t=this;var e=[];var i=[];var r=[];this.scrollColumns.forEach((function(s){var a=s.column,n=s.index;var c=a[n];e.push(t.getValue(c));i.push(n);r.push(c)}));return{values:e,indexes:i,options:r}};t.prototype.setPrevIndexes=function(t){this.prevIndexes=__spreadArray([],t,true)};t.prototype.rebuildChildren=function(t){var e=this.scrollColumns.indexOf(t);if(e===-1)return;this.scrollColumns=this.scrollColumns.filter((function(t,i){return i<=e}));var i=t.column[t.index];if(i&&i[this.childrenKey]){this.createChildren(this.scrollColumns,i[this.childrenKey],false,this.scrollColumns.length+1);this.scrollColumns=this.scrollColumns.map((function(t){return t}))}};t.prototype.stopScroll=function(){var t=this;if(this.isCascade){var e=this.scrollColumns.find((function(t){return t.scrolling}));if(e){e.index=this.getTargetIndex(e,this.getTranslateY(e.scrollEl));e.scrolling=false;this.scrollTo(e);this.rebuildChildren(e)}}else{this.scrollColumns=this.scrollColumns.map((function(e){e.index=t.getTargetIndex(e,t.getTranslateY(e.scrollEl));t.scrollTo(e);return e}))}};t.prototype.setScrollEl=function(t,e){e.scrollEl=t};t.prototype.confirm=function(){this.stopScroll();var t=this.getPicked(),e=t.values,i=t.indexes,r=t.options;this.setPrevIndexes(i);this.ctyConfirm.emit({values:e,indexes:i,options:r})};t.prototype.render=function(){var t=this;return h(Host,{key:"f77c6e1424f111bc8d37bd12b12070feb39101cf",class:Object.assign(Object.assign({},getClassMap(this.cssClass)),{"overlay-hidden":true}),style:{zIndex:"".concat(2e4+this.overlayIndex)}},h("cty-backdrop",{key:"95b6eaafaf4803d2a86a5110855541ad67f6e49e",position:"bottom",backdropDismiss:this.backdropDismiss,onCtyDismiss:function(){return t.dismiss()}},h("div",{key:"572fceaf785626fac23dda2bce92bf5a6286d868",class:"cty-cascader",part:"cascader",onClick:function(t){return t.stopPropagation()}},h("slot",{key:"0942125916bf919c0a65e5627331126afded4826",name:"header"}),h("div",{key:"d6df99527b420d74799fc46c0cc6bd705e1a8029",class:"cty-cascader-header",part:"header"},h("button",{key:"62d51a685660ea3f72cb43ae86e11f95aa829359",onClick:function(){return t.dismiss()},class:"cancel cty-button-native"},this.cancelText),h("div",{key:"4e24518a56ef746cbc8416817fa22d2bd64befbe",class:"cty-cascader-title"},this.title),h("button",{key:"bb2cd0c4f2300fb9880038e2e9ba516b1ec479b0",onClick:function(){return t.confirm()},class:"confirm cty-button-native"},this.confirmText)),h("div",{key:"eff01b56ebb0abeda07bab0ade1532f7555484b3",class:"cty-cascader-columns",part:"columns",style:{height:this.columnHeight+"px"}},this.scrollColumns.map((function(e){return h("div",{class:"cty-cascader-column",onTouchStart:function(i){return t.handleTouchstart(i,e)},onTouchMove:function(i){return t.handleTouchmove(i,e)},onTouchEnd:function(){return t.handleTouchend(e)},onMouseDown:function(i){return t.handleTouchstart(i,e)},onMouseMove:function(i){return t.handleTouchmove(i,e)},onMouseUp:function(){return t.handleTouchend(e)}},h("div",{ref:function(i){return t.setScrollEl(i,e)},class:"cty-cascader-scroller",style:{transform:"translateY("+e.translate+"px)","transition-duration":e.duration+"ms","transition-property":e.duration?"transform":"none"},onTransitionEnd:function(){return t.handleTransitionend(e)}},e.column.map((function(i,r){return h("div",{class:"cty-cascader-option "+(i.className||""),style:{height:t.optionHeight+"px"},onClick:function(){return t.handleClick(e,r)}},h("div",{class:"cty-cascader-text "+(i.textClassName||"")},i[t.textKey]))}))))})),h("div",{key:"dbf1e0cb4fb9134316f93c6a3030237dde566f7b",class:"cty-cascader-picked",style:{top:this.center+"px",height:this.optionHeight+"px"}}),h("div",{key:"537c696af3cdb849c6beb2a8cd3d2dccb2921333",class:"cty-cascader-mask",style:{"background-size":"100% "+(this.columnHeight-this.optionHeight)/2+"px"}})))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{trigger:["triggerChanged"],columns:["columnsOrValueChange"]}},enumerable:false,configurable:true});return t}();Cascader.style=cascaderCss;export{Cascader as cty_cascader};
+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{C as CTYCityData}from"./area-BniluX4A.js";import{a as getEventClientCoords}from"./dom-CHhKFKFA.js";import{i as clamp}from"./format-DnWe30Rj.js";import{g as getClassMap,e as enterAnimation,l as leaveAnimation}from"./theme-hWTV6D5u.js";import{d as deepClone}from"./utils-DNb27sgv.js";import{e as createDelegateController,f as createTriggerController,h as present,j as dismiss,k as eventMethod,g as removeBodyScrollClass,p as prepareOverlay}from"./overlays-DoToumP0.js";import{c as createLockController}from"./lock-controller-CaB1JJxy.js";import{r as raf}from"./helpers-Bm1EyNNA.js";import"./animation-Cl-LwdfQ.js";import"./index-ZjP4CjeZ.js";import"./helpers-skPg8wu0.js";import"./config-iD8sj4Mi.js";var cascaderCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-cascader-overlay-position:fixed;--cty-cascader-overlay-z-index:10;--cty-cascader-overlay-background:rgba(0, 0, 0, 0.3);--cty-cascader-overlay-width:100vw;--cty-cascader-overlay-height:100vh;--cty-cascader-background:#FFF;--cty-cascader-border-radius:0;--cty-cascader-header-height:44px;--cty-cascader-header-button-size:var(--cty-font-size-medium);--cty-cascader-header-padding:0px 15px;--cty-cascader-header-border-bottom:1px solid var(--cty-border-color-light);--cty-cascader-title-size:var(--cty-font-size-medium);--cty-cascader-title-color:var(--cty-text-color-dark);--cty-cascader-title-weight:500;--cty-cascader-cancel-color:var(--cty-color-medium);--cty-cascader-confirm-color:var(--cty-color-primary);--cty-cascader-option-text-color:var(--cty-text-color-dark);--cty-cascader-option-text-font-size:var(--cty-font-size-medium);--cty-cascader-picked-background:transparent;--cty-cascader-picked-border-color:var(--cty-border-color);--cty-cascader-mask-background-image:linear-gradient(180deg,\n  rgba(255, 255, 255, 0.9),\n  rgba(255, 255, 255, 0.4)), linear-gradient(0deg,\n  rgba(255, 255, 255, 0.9),\n  rgba(255, 255, 255, 0.4))}:host(.overlay-hidden){display:none}cty-backdrop{position:var(--cty-cascader-overlay-position);z-index:var(--cty-cascader-overlay-z-index);background:var(--cty-cascader-overlay-background);width:var(--cty-cascader-overlay-width);height:var(--cty-cascader-overlay-height)}.cty-cascader{width:100%;background:var(--cty-cascader-background);border-radius:var(--cty-cascader-border-radius)}.cty-cascader-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:var(--cty-cascader-header-height, 44px);border-bottom:var(--cty-cascader-header-border-bottom);padding:var(--cty-cascader-header-padding)}.cty-cascader-header button{font-size:var(--cty-cascader-header-button-size)}.cty-cascader-header button.cancel{color:var(--cty-cascader-cancel-color)}.cty-cascader-header button.confirm{color:var(--cty-cascader-confirm-color)}.cty-cascader-header .cty-cascader-title{color:var(--cty-cascader-title-color);font-size:var(--cty-cascader-title-size);font-weight:var(--cty-cascader-title-weight)}.cty-cascader-columns{position:relative;display:-ms-flexbox;display:flex;overflow:hidden}.cty-cascader-column{-ms-flex:1;flex:1;position:relative;overflow:hidden}.cty-cascader-scroller{position:absolute;left:0;right:0;top:0;-webkit-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.cty-cascader-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 4px;cursor:pointer}.cty-cascader-option .cty-cascader-text{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cty-cascader-option-text-color);font-size:var(--cty-cascader-option-text-font-size)}.cty-cascader-picked{position:absolute;z-index:-1;left:0;right:0;background:var(--cty-cascader-picked-background);pointer-events:none;border-top:1px solid var(--cty-cascader-picked-border-color);border-bottom:1px solid var(--cty-cascader-picked-border-color)}.cty-cascader-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--cty-cascader-mask-background-image);background-repeat:no-repeat;background-position:top, bottom;pointer-events:none}";var Cascader=function(){function t(t){registerInstance(this,t);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.ctyChange=createEvent(this,"ctyChange",7);this.ctyConfirm=createEvent(this,"ctyConfirm",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.defaultValues=[];this.columns=[];this.title="";this.type="default";this.textKey="text";this.valueKey="value";this.childrenKey="children";this.cascade=false;this.optionHeight=44;this.optionCount=6;this.confirmText="确认";this.cancelText="取消";this.backdropDismiss=true;this.scrollColumns=[];this.columnHeight=0;this.center=0;this.MOMENTUM_RECORD_TIME=300;this.MOMENTUM_ALLOW_DISTANCE=15;this.TRANSITION_DURATION=200;this.MOMENTUM_TRANSITION_DURATION=1e3;this.sid=0;this.prevIndexes=[];this.touchInfo={startY:0,prevY:0,deltaY:0,dragging:false,mousemoving:false};this.changeColumnIndex=null;this.prevColumns=[];this.delegateController=createDelegateController(this);this.lockController=createLockController();this.triggerController=createTriggerController();this.presented=false;this.hasController=false;this.root="default";this.animated=false}Object.defineProperty(t.prototype,"isCascade",{get:function(){return this.cascade||["area","city"].includes(this.type)},enumerable:false,configurable:true});t.prototype.triggerChanged=function(){var t=this,e=t.trigger,i=t.el,r=t.triggerController;if(e){r.addClickListener(i,e)}};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();return[4,this.delegateController.attachViewToDom(this.root)];case 2:e.sent();return[4,present(this,"cascaderEnter",(function(t){return enterAnimation(t,".cty-cascader")}))];case 3:e.sent();t();return[2]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.lockController.lock()];case 1:t=i.sent();return[4,dismiss(this,"cascaderLeave",(function(t){return leaveAnimation(t,".cty-cascader")}))];case 2:e=i.sent();if(e){this.delegateController.removeViewFromDom()}t();return[2,e]}}))}))};t.prototype.onDidDismiss=function(){return eventMethod(this.el,"ctyDidDismiss")};t.prototype.onWillDismiss=function(){return eventMethod(this.el,"ctyWillDismiss")};t.prototype.disconnectedCallback=function(){this.triggerController.removeClickListener();this.presented&&removeBodyScrollClass()};t.prototype.columnsOrValueChange=function(t){var e;this.changeColumnIndex=[];if(((e=this.prevColumns)===null||e===void 0?void 0:e.length)&&(t===null||t===void 0?void 0:t.length)){for(var i=0;i<t.length;i++){if((t[i]||this.prevColumns[i])&&JSON.stringify(t[i])!=JSON.stringify(this.prevColumns[i]))this.changeColumnIndex.push(i)}}if(this.type==="default"&&!this.cascade){this.prevColumns=deepClone(t)}this.initScrollColumns()};t.prototype.componentWillLoad=function(){prepareOverlay(this.el);if(this.type==="default"&&!this.cascade)this.prevColumns=deepClone(this.columns);this.triggerChanged();this.initDimensions();this.initScrollColumns()};t.prototype.componentDidLoad=function(){var t=this;!this.hasController&&raf((function(){return t.present()}))};t.prototype.initDimensions=function(){this.columnHeight=this.optionCount*this.optionHeight;this.center=this.optionCount*this.optionHeight/2-this.optionHeight/2};t.prototype.initScrollColumns=function(){if(this.type==="default"){this.scrollColumns=this.isCascade?this.normalizeCascadeMode(this.columns):this.normalizeNormalMode(this.columns)}else{this.scrollColumns=this.normalizeCascadeMode(CTYCityData)}};t.prototype.normalizeNormalMode=function(t){var e=this;var i=this.scrollColumns;if(this.changeColumnIndex===null){var r=this.columnsCount!=null?t.slice(0,this.columnsCount):t;i=r.map((function(t,i){var r={id:e.sid++,prevY:0,momentumPrevY:0,touching:false,translate:e.center,index:0,duration:0,momentumTime:0,column:t,scrollEl:null,scrolling:false};var s=e.defaultValues[i];var a=r.column.findIndex((function(t){return s===e.getValue(t)}));r.index=a===-1?0:a;e.scrollTo(r);return r}))}else if(this.changeColumnIndex.length){for(var s=0;s<this.changeColumnIndex.length;s++){if(!this.columnsCount||this.changeColumnIndex[s]<=this.columnsCount){i[this.changeColumnIndex[s]]={id:this.sid++,prevY:0,momentumPrevY:0,touching:false,translate:this.center,index:0,duration:0,momentumTime:0,column:this.columns[this.changeColumnIndex[s]],scrollEl:null,scrolling:false};this.scrollTo(i[this.changeColumnIndex[s]])}}}return i};t.prototype.normalizeCascadeMode=function(t){var e=[];this.createChildren(e,t);return e};t.prototype.createChildren=function(t,e,i,r){var s=this;if(i===void 0){i=true}if(r===void 0){r=1}if(e.length&&(this.columnsCount==null||r<=this.columnsCount)){var a={id:this.sid++,prevY:0,momentumPrevY:0,touching:false,translate:this.center,index:0,duration:0,momentumTime:0,column:e,scrollEl:null,scrolling:false};t.push(a);if(i){var n=this.defaultValues[t.length-1];var c=e.findIndex((function(t){return n===s.getValue(t)}));a.index=c===-1?0:c}this.scrollTo(a);if(this.type=="province"&&r===1)return;if(this.type=="city"&&r===2)return;this.createChildren(t,a.column[a.index][this.childrenKey]||[],i,r+1)}};t.prototype.getValue=function(t){return t[this.valueKey]===undefined?t[this.textKey]:t[this.valueKey]};t.prototype.scrollTo=function(t,e){if(e===void 0){e=0}this.updateTranslate(t);t.duration=e;this.touchInfo.dragging=false};t.prototype.updateTranslate=function(t){t.translate=this.center-t.index*this.optionHeight};t.prototype.handleTouchstart=function(t,e){e.touching=true;e.translate=this.getTranslateY(e.scrollEl);var i=getEventClientCoords(t).y;this.touchInfo.startY=i;this.touchInfo.prevY=i;this.touchInfo.dragging=true};t.prototype.handleTouchmove=function(t,e){if(!e.touching)return;var i=getEventClientCoords(t).y;this.touchInfo.mousemoving=t instanceof MouseEvent;var r=i;this.touchInfo.deltaY=r-this.touchInfo.prevY;this.touchInfo.prevY=r;e.scrolling=false;e.duration=0;e.prevY=this.touchInfo.prevY;e.translate+=this.touchInfo.deltaY;this.clampTranslate(e);var s=performance.now();if(s-e.momentumTime>this.MOMENTUM_RECORD_TIME){e.momentumTime=s;e.momentumPrevY=e.translate}this.scrollColumns=this.scrollColumns.map((function(t){return t}))};t.prototype.handleTouchend=function(t){if(!t.touching)return;t.touching=false;t.prevY=0;var e=t.translate-t.momentumPrevY;var i=performance.now()-t.momentumTime;var r=Math.abs(e)>=this.MOMENTUM_ALLOW_DISTANCE&&i<=this.MOMENTUM_RECORD_TIME;var s=t.translate;if(r){this.momentum(t,e,i)}t.index=this.getTargetIndex(t,t.translate);this.scrollTo(t,r?this.MOMENTUM_TRANSITION_DURATION:this.TRANSITION_DURATION);t.scrolling=t.translate!==s;if(!t.scrolling){this.handleScrollColumnChange(t)}this.scrollColumns=this.scrollColumns.map((function(t){return t}))};t.prototype.momentum=function(t,e,i){t.translate+=Math.abs(e/i)/.003*(e<0?-1:1)};t.prototype.clampTranslate=function(t){var e=this.center-t.column.length*this.optionHeight;var i=this.optionHeight+this.center;t.translate=clamp(t.translate,e,i)};t.prototype.getTargetIndex=function(t,e){var i=Math.round((this.center-e)/this.optionHeight);return this.clampArrayRange(i,t.column)};t.prototype.clampArrayRange=function(t,e){return clamp(t,0,e.length-1)};t.prototype.getTranslateY=function(t){var e=window.getComputedStyle(t);var i=e.transform;var r=0;if(i&&i!=="none"){var s=i.match(/matrix\((.+)\)/);if(s){var a=s[1].split(",");r=parseFloat(a[5])}}return r};t.prototype.handleClick=function(t,e){if(this.touchInfo.dragging||this.touchInfo.mousemoving){this.touchInfo.mousemoving=false;return}t.index=e;this.scrollTo(t,this.TRANSITION_DURATION)};t.prototype.handleTransitionend=function(t){t.scrolling=false;this.handleScrollColumnChange(t)};t.prototype.isSamePicked=function(){var t=this;var e=this.getPicked().indexes;return e.every((function(e,i){return e===t.prevIndexes[i]}))};t.prototype.handleScrollColumnChange=function(t){if(this.isSamePicked()){return}if(this.isCascade){this.rebuildChildren(t)}var e=this.scrollColumns.some((function(t){return t.scrolling}));var i=this.scrollColumns.some((function(t){return t.touching}));if(e||i){return}var r=this.getPicked(),s=r.values,a=r.indexes;this.setPrevIndexes(a);this.scrollColumns=this.scrollColumns.map((function(t){return t}));this.ctyChange.emit(s)};t.prototype.getPicked=function(){var t=this;var e=[];var i=[];var r=[];this.scrollColumns.forEach((function(s){var a=s.column,n=s.index;var c=a[n];e.push(t.getValue(c));i.push(n);r.push(c)}));return{values:e,indexes:i,options:r}};t.prototype.setPrevIndexes=function(t){this.prevIndexes=__spreadArray([],t,true)};t.prototype.rebuildChildren=function(t){var e=this.scrollColumns.indexOf(t);if(e===-1)return;this.scrollColumns=this.scrollColumns.filter((function(t,i){return i<=e}));var i=t.column[t.index];if(i&&i[this.childrenKey]){this.createChildren(this.scrollColumns,i[this.childrenKey],false,this.scrollColumns.length+1);this.scrollColumns=this.scrollColumns.map((function(t){return t}))}};t.prototype.stopScroll=function(){var t=this;if(this.isCascade){var e=this.scrollColumns.find((function(t){return t.scrolling}));if(e){e.index=this.getTargetIndex(e,this.getTranslateY(e.scrollEl));e.scrolling=false;this.scrollTo(e);this.rebuildChildren(e)}}else{this.scrollColumns=this.scrollColumns.map((function(e){e.index=t.getTargetIndex(e,t.getTranslateY(e.scrollEl));t.scrollTo(e);return e}))}};t.prototype.setScrollEl=function(t,e){e.scrollEl=t};t.prototype.confirm=function(){this.stopScroll();var t=this.getPicked(),e=t.values,i=t.indexes,r=t.options;this.setPrevIndexes(i);this.ctyConfirm.emit({values:e,indexes:i,options:r})};t.prototype.render=function(){var t=this;return h(Host,{key:"97e5ba39b37f33da627e357ca5398b6aef2c203f",class:Object.assign(Object.assign({},getClassMap(this.cssClass)),{"overlay-hidden":true}),style:{zIndex:"".concat(2e4+this.overlayIndex)}},h("cty-backdrop",{key:"b1d162c9aec1551acd7c7b27109bc56f1920a085",position:"bottom",backdropDismiss:this.backdropDismiss,onCtyDismiss:function(){return t.dismiss()}},h("div",{key:"61fd570a4c6c6834931d560c8a7fd9f3b86fbaf3",class:"cty-cascader",part:"cascader",onClick:function(t){return t.stopPropagation()}},h("slot",{key:"ad35d68959c51871e694738e5f5c74667df19958",name:"header"}),h("div",{key:"c1f09c031b41362be4b1623370c16878b1c1a8dc",class:"cty-cascader-header",part:"header"},h("button",{key:"4b59e5a0e7745dc2221a4043cd7685015c308a0c",onClick:function(){return t.dismiss()},class:"cancel cty-button-native"},this.cancelText),h("div",{key:"a338cb8c142934f2bf62125c7072245edd5ba7bf",class:"cty-cascader-title"},this.title),h("button",{key:"b19bfb4f26f7c4ec012a8c7e566e0885da677f92",onClick:function(){return t.confirm()},class:"confirm cty-button-native"},this.confirmText)),h("div",{key:"fbb92633280ca5d57b46fa7d2993962627a555df",class:"cty-cascader-columns",part:"columns",style:{height:this.columnHeight+"px"}},this.scrollColumns.map((function(e){return h("div",{class:"cty-cascader-column",onTouchStart:function(i){return t.handleTouchstart(i,e)},onTouchMove:function(i){return t.handleTouchmove(i,e)},onTouchEnd:function(){return t.handleTouchend(e)},onMouseDown:function(i){return t.handleTouchstart(i,e)},onMouseMove:function(i){return t.handleTouchmove(i,e)},onMouseUp:function(){return t.handleTouchend(e)}},h("div",{ref:function(i){return t.setScrollEl(i,e)},class:"cty-cascader-scroller",style:{transform:"translateY("+e.translate+"px)","transition-duration":e.duration+"ms","transition-property":e.duration?"transform":"none"},onTransitionEnd:function(){return t.handleTransitionend(e)}},e.column.map((function(i,r){return h("div",{class:"cty-cascader-option "+(i.className||""),style:{height:t.optionHeight+"px"},onClick:function(){return t.handleClick(e,r)}},h("div",{class:"cty-cascader-text "+(i.textClassName||"")},i[t.textKey]))}))))})),h("div",{key:"8e968e7accfba77c182c23f34fdb7f4eb5dd6e20",class:"cty-cascader-picked",style:{top:this.center+"px",height:this.optionHeight+"px"}}),h("div",{key:"d00cf3538a16042826c872d618438b608c20168f",class:"cty-cascader-mask",style:{"background-size":"100% "+(this.columnHeight-this.optionHeight)/2+"px"}})))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{trigger:["triggerChanged"],columns:["columnsOrValueChange"]}},enumerable:false,configurable:true});return t}();Cascader.style=cascaderCss;export{Cascader as cty_cascader};

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

@@ -0,0 +1 @@
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";var circleCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{display:inline-block;position:relative;width:100px;height:100px;--cty-circle-fill:none;--cty-circle-color:var(--cty-color-white);--cty-circle-linecap:round;--cty-circle-rotate:0deg;--cty-circle-text-color:var(--cty-color-primary);--cty-circle-text-size:var(--cty-font-size-base);--cty-circle-text-weight:normal;--cty-circle-text-line-height:20px}svg{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:rotate(var(--cty-circle-rotate));transform:rotate(var(--cty-circle-rotate))}path{fill:none}.cty-circle__layer{stroke:var(--cty-circle-color);fill:var(--cty-circle-fill)}.cty-circle__hover{stroke-linecap:var(--cty-circle-linecap)}.cty-circle__text{position:absolute;top:50%;left:0;width:100%;color:var(--cty-circle-text-color);font-weight:var(--cty-circle-text-weight);font-size:var(--cty-circle-text-size);line-height:var(--cty-circle-text-line-height);text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}";var Circle=function(){function t(t){registerInstance(this,t);this.rate=0;this.width=40;this.color="var(--cty-color-primary)";this.text="";this.clockwise=true;this.zeroTransparent=true;this.rad=500;this.ratio=1;this.widthDif=1;this.offset=0;this.needDefs=false;this.gradientId="";this.colors=[];this.perimeter=0}t.prototype.watchColorHandler=function(){var t=this;this.needDefs=this.color instanceof Object;if(this.needDefs){this.colors=Object.keys(this.color).sort((function(t,e){return parseFloat(t)-parseFloat(e)})).map((function(e){return{offset:e.toString(),color:t.color[e]}}));this.updateSVGAttr()}};t.prototype.watchRadHandler=function(){this.perimeter=2*3.14*this.rad;this.updateSVGAttr()};t.prototype.updateSVGAttr=function(){var t=this;var e,i,r,c;(e=this.svgEl)===null||e===void 0?void 0:e.setAttribute("viewBox","0 0 ".concat(+this.width+this.rad*2+this.offset*2," ").concat(+this.width+this.rad*2+this.offset*2));(i=this.layerEl)===null||i===void 0?void 0:i.setAttribute("d",this._getPath());(r=this.hoverEl)===null||r===void 0?void 0:r.setAttribute("d",this._getPath());Array.from(((c=this.svgEl)===null||c===void 0?void 0:c.querySelectorAll("stop"))||[]).forEach((function(e,i){e.setAttribute("key",i.toString());e.setAttribute("offset",t.colors[i].offset);e.setAttribute("stop-color",t.colors[i].color)}))};t.prototype.componentWillLoad=function(){this.perimeter=2*3.14*this.rad;this.gradientId="cty-circle-"+Math.random().toFixed(12).slice(2);this.watchColorHandler()};t.prototype.componentDidLoad=function(){this.updateSVGAttr()};t.prototype._getPath=function(){var t=this,e=t.rad,i=t.width,r=t.offset,c=t.clockwise;var s=+i+e*2+r*2;var a=c?1:0;return"M ".concat(s/2," ").concat(s/2," m 0, ").concat(-e," a ").concat(e,", ").concat(e," 0 1, ").concat(a," 0, ").concat(e*2," a ").concat(e,", ").concat(e," 0 1, ").concat(a," 0, ").concat(-e*2)};t.prototype.render=function(){var t=this;return h(Host,{key:"2f368270af4614789d5598e5bc90b3e2ef057989",class:"cty-circle"},h("svg",{key:"1df0553171d9fec249e84cf41f710826f49b3026",ref:function(e){return t.svgEl=e}},this.needDefs&&h("defs",{key:"d57f574b35bbf69c57fc40803f3f7fb9acbcf9a9"},h("linearGradient",{key:"cf43aa12f3d51cf6a243f9638de9dedf2257280a",id:this.gradientId,x1:"100%",y1:"0%",x2:"0%",y2:"0%",gradientTransform:"rotate(90)"},this.colors.map((function(){return h("stop",null)})))),h("path",{key:"b5f534ab0dae045ee9d90f7dc9ca7781858e75f7",ref:function(e){return t.layerEl=e},class:"cty-circle__layer",style:{"stroke-width":this.width+"px",strokeDasharray:this.ratio*this.perimeter+"px "+this.perimeter+"px"}}),h("path",{key:"c0e0e7bde4ee4218d369f0a68c45bdcc41b9bf6f",ref:function(e){return t.hoverEl=e},class:"cty-circle__hover",style:{stroke:this.rate<=0&&this.zeroTransparent?"transparent":this.needDefs?"url(#"+this.gradientId+")":this.color,"stroke-width":+this.width+this.widthDif+"px",strokeDasharray:this.ratio*this.rate/100*this.perimeter+"px "+this.perimeter+"px"}})),this.text!==""&&h("div",{key:"87e72df56f972317345f50b3b7e82ff002df5048",class:"cty-circle__text"},this.text),h("slot",{key:"269615587b996b6dc54c2a3390a0ef47ff08fb4c"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{color:["watchColorHandler"],rad:["watchColorHandler","watchRadHandler"]}},enumerable:false,configurable:true});return t}();Circle.style=circleCss;export{Circle as cty_circle};

package/dist/esm-es5/cty-count-down.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{a as pad}from"./format-DnWe30Rj.js";var countDownCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-size:var(--cty-font-size-base);--cty-count-down-color:inherit;--cty-count-down-size:auto;--cty-count-down-item-background:transparent;--cty-count-down-item-border-radius:0;--cty-count-down-unit-offset:0 5px;--cty-count-down-unit-color:inherit}.cty-count-down__item{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.cty-count-down__label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--cty-count-down-size);height:var(--cty-count-down-size);background:var(--cty-count-down-item-background);border-radius:var(--cty-count-down-item-border-radius);color:var(--cty-count-down-color)}.cty-count-down__unit{margin:var(--cty-count-down-unit-offset);color:var(--cty-count-down-unit-color)}";var CountDown=function(){function t(t){registerInstance(this,t);this.ctyChange=createEvent(this,"ctyChange",7);this.ctyFinish=createEvent(this,"ctyFinish",7);this.time=0;this.autoStart=true;this.millisecond=false;this.unit=false;this.format="HH:mm:ss";this.dateFormatUnit={DD:"天",HH:"时",mm:"分",ss:"秒",SSS:"毫秒"};this.timeoutId=null;this.SECOND=1e3;this.MINUTE=60*this.SECOND;this.HOUR=60*this.MINUTE;this.DAY=24*this.HOUR;this.counting=false;this.endTime=0;this.remain=0;this.timeData={DD:0,HH:0,mm:0,ss:0,SSS:0,timestamp:0};this.timeRange=[];this.formattedTime="0"}Object.defineProperty(t.prototype,"isSingle",{get:function(){return!this.format.includes(":")},enumerable:false,configurable:true});t.prototype.componentWillLoad=function(){this.reset()};t.prototype.disconnectedCallback=function(){if(this.timeoutId){clearTimeout(this.timeoutId);this.timeoutId=null}};t.prototype.start=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.counting){return[2]}this.counting=true;this.endTime=Date.now()+this.remain;this.doCount();return[2]}))}))};t.prototype.reset=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.pause();this.remain=this.time;this.updateTime(this.remain);if(this.autoStart){this.start()}return[2]}))}))};t.prototype.pause=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.counting=false;this.timeoutId&&clearTimeout(this.timeoutId);return[2]}))}))};t.prototype.getTime=function(){return Math.max(this.endTime-Date.now(),0)};t.prototype.updateTime=function(t){this.remain=t;this.timeData=this.parseTimeData(t);this.ctyChange.emit(this.timeData);this.formattedTime=this.parseFormat(t,this.format);this.timeRange=this.format.split(":");if(t===0){this.pause();this.ctyFinish.emit()}};t.prototype.doCount=function(){var t=this;this.timeoutId=window.setTimeout((function(){var i=t.getTime();if(t.millisecond){t.updateTime(i)}else if(!t.isSameSecond(i,t.remain)||i===0){t.updateTime(i)}if(i!==0){t.doCount()}}),33)};t.prototype.parseTimeData=function(t){var i=Math.floor(t/this.DAY);var n=Math.floor(t%this.DAY/this.HOUR);var e=Math.floor(t%this.HOUR/this.MINUTE);var s=Math[this.format.includes(":")?"floor":"ceil"](t%this.MINUTE/this.SECOND);var o=Math.floor(t%this.SECOND);return{DD:i,HH:n,mm:e,ss:s,SSS:o,timestamp:t}};t.prototype.isSameSecond=function(t,i){return Math.floor(t/1e3)===Math.floor(i/1e3)};t.prototype.parseFormat=function(t,i){var n={"D+":Math.floor(t/864e5),"H+":Math.floor(t/36e5),"m+":Math.floor(t/6e4),"s+":Math[this.format.includes(":")?"floor":"ceil"](t/1e3),"S+":Math.floor(t%1e3)};var e=i;Object.keys(n).forEach((function(t){if(new RegExp("(".concat(t,")")).test(e)){e=e.replace(RegExp.$1,(function(i){var e="".concat(n[t]);var s=e;if(i.length>1){s=(i.replace(new RegExp(i[0],"g"),"0")+e).substr(e.length)}return s}))}}));return e};t.prototype.render=function(){var t=this;return h(Host,{key:"2f81e4f12a44af17c35088f25634497f32abc9c5",class:"cty-count-down"},!this.isSingle&&this.timeRange.map((function(i,n){return h("div",{class:"cty-count-down__item",part:"item"},h("span",{class:"cty-count-down__label",part:"label"},pad(t.timeData[i],2)||t.timeData[i]),(t.unit||n!==t.timeRange.length-1)&&h("span",{class:"cty-count-down__unit"},t.unit?t.dateFormatUnit[i]:":"))})),this.isSingle&&h("div",{key:"fafb431baf155e6ddb6d9288b2fcb28cc4afc50f",class:"cty-count-down__item",part:"item"},h("span",{key:"7c5e49d9a4e4459c7804afd8e6c7c1fd21d91892",class:"cty-count-down__label",part:"label"}," ",this.formattedTime," ")),h("slot",{key:"7a60d356c17a00eb9700e034fe20efc9f0b16398"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CountDown.style=countDownCss;export{CountDown as cty_count_down};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{a as pad}from"./format-DnWe30Rj.js";var countDownCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-size:var(--cty-font-size-base);--cty-count-down-color:inherit;--cty-count-down-size:auto;--cty-count-down-item-background:transparent;--cty-count-down-item-border-radius:0;--cty-count-down-unit-offset:0 5px;--cty-count-down-unit-color:inherit}.cty-count-down__item{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.cty-count-down__label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--cty-count-down-size);height:var(--cty-count-down-size);background:var(--cty-count-down-item-background);border-radius:var(--cty-count-down-item-border-radius);color:var(--cty-count-down-color)}.cty-count-down__unit{margin:var(--cty-count-down-unit-offset);color:var(--cty-count-down-unit-color)}";var CountDown=function(){function t(t){registerInstance(this,t);this.ctyChange=createEvent(this,"ctyChange",7);this.ctyFinish=createEvent(this,"ctyFinish",7);this.time=0;this.autoStart=true;this.millisecond=false;this.unit=false;this.format="HH:mm:ss";this.dateFormatUnit={DD:"天",HH:"时",mm:"分",ss:"秒",SSS:"毫秒"};this.timeoutId=null;this.SECOND=1e3;this.MINUTE=60*this.SECOND;this.HOUR=60*this.MINUTE;this.DAY=24*this.HOUR;this.counting=false;this.endTime=0;this.remain=0;this.timeData={DD:0,HH:0,mm:0,ss:0,SSS:0,timestamp:0};this.timeRange=[];this.formattedTime="0"}Object.defineProperty(t.prototype,"isSingle",{get:function(){return!this.format.includes(":")},enumerable:false,configurable:true});t.prototype.componentWillLoad=function(){this.reset()};t.prototype.disconnectedCallback=function(){if(this.timeoutId){clearTimeout(this.timeoutId);this.timeoutId=null}};t.prototype.start=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.counting){return[2]}this.counting=true;this.endTime=Date.now()+this.remain;this.doCount();return[2]}))}))};t.prototype.reset=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.pause();this.remain=this.time;this.updateTime(this.remain);if(this.autoStart){this.start()}return[2]}))}))};t.prototype.pause=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.counting=false;this.timeoutId&&clearTimeout(this.timeoutId);return[2]}))}))};t.prototype.getTime=function(){return Math.max(this.endTime-Date.now(),0)};t.prototype.updateTime=function(t){this.remain=t;this.timeData=this.parseTimeData(t);this.ctyChange.emit(this.timeData);this.formattedTime=this.parseFormat(t,this.format);this.timeRange=this.format.split(":");if(t===0){this.pause();this.ctyFinish.emit()}};t.prototype.doCount=function(){var t=this;this.timeoutId=window.setTimeout((function(){var i=t.getTime();if(t.millisecond){t.updateTime(i)}else if(!t.isSameSecond(i,t.remain)||i===0){t.updateTime(i)}if(i!==0){t.doCount()}}),33)};t.prototype.parseTimeData=function(t){var i=Math.floor(t/this.DAY);var n=Math.floor(t%this.DAY/this.HOUR);var e=Math.floor(t%this.HOUR/this.MINUTE);var s=Math[this.format.includes(":")?"floor":"ceil"](t%this.MINUTE/this.SECOND);var o=Math.floor(t%this.SECOND);return{DD:i,HH:n,mm:e,ss:s,SSS:o,timestamp:t}};t.prototype.isSameSecond=function(t,i){return Math.floor(t/1e3)===Math.floor(i/1e3)};t.prototype.parseFormat=function(t,i){var n={"D+":Math.floor(t/864e5),"H+":Math.floor(t/36e5),"m+":Math.floor(t/6e4),"s+":Math[this.format.includes(":")?"floor":"ceil"](t/1e3),"S+":Math.floor(t%1e3)};var e=i;Object.keys(n).forEach((function(t){if(new RegExp("(".concat(t,")")).test(e)){e=e.replace(RegExp.$1,(function(i){var e="".concat(n[t]);var s=e;if(i.length>1){s=(i.replace(new RegExp(i[0],"g"),"0")+e).substr(e.length)}return s}))}}));return e};t.prototype.render=function(){var t=this;return h(Host,{key:"d2d208764379ab3b71735d5d171020fb423a71bd",class:"cty-count-down"},!this.isSingle&&this.timeRange.map((function(i,n){return h("div",{class:"cty-count-down__item",part:"item"},h("span",{class:"cty-count-down__label",part:"label"},pad(t.timeData[i],2)||t.timeData[i]),(t.unit||n!==t.timeRange.length-1)&&h("span",{class:"cty-count-down__unit"},t.unit?t.dateFormatUnit[i]:":"))})),this.isSingle&&h("div",{key:"d2736b2880e5a30d7ecb9d4ee94049dfc4fa82d0",class:"cty-count-down__item",part:"item"},h("span",{key:"97ee81f41d93a9c1dfc1cda655f820193eec9524",class:"cty-count-down__label",part:"label"}," ",this.formattedTime," ")),h("slot",{key:"5d87201788959f4858f432e72be3cff75b7c081e"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CountDown.style=countDownCss;export{CountDown as cty_count_down};

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

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";var dividerCss='*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{--cty-divider-width:1px;--cty-divider-height:1em;--cty-divider-scale:0.5;--cty-divider-vertical-margin:0 8px;--cty-divider-content-offset:16px;--cty-divider-content-left-width:10%;--cty-divider-content-right-width:10%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:16px;color:var(--cty-text-color-secondary);font-size:var(--cty-font-size-base);line-height:24px;border-style:solid;border-color:var(--cty-border-color-dark);border-width:0}:host::before,:host::after{display:block;-ms-flex:1;flex:1;border-color:inherit;border-style:inherit;border-width:var(--cty-divider-width) 0 0;-webkit-transform:scaleY(var(--cty-divider-scale));transform:scaleY(var(--cty-divider-scale))}:host::before{content:""}:host(.cty-divider__content-center)::before,:host(.cty-divider__content-left)::before,:host(.cty-divider__content-right)::before{margin-right:var(--cty-divider-content-offset)}:host(.cty-divider__content-center)::after,:host(.cty-divider__content-left)::after,:host(.cty-divider__content-right)::after{margin-left:var(--cty-divider-content-offset);content:""}:host(.cty-divider__content-left)::before{max-width:var(--cty-divider-content-left-width)}:host(.cty-divider__content-right)::after{max-width:var(--cty-divider-content-right-width)}:host(.cty-divider__vertical){display:inline-block;width:var(--cty-divider-width);height:var(--cty-divider-height);margin:var(--cty-divider-vertical-margin);vertical-align:middle;color:transparent}:host(.cty-divider__vertical)::before{height:100%;border-width:0 0 0 var(--cty-divider-width);-webkit-transform:scaleX(var(--cty-divider-scale));transform:scaleX(var(--cty-divider-scale))}:host(.cty-divider__vertical)::after{display:none}';var Divider=function(){function t(t){registerInstance(this,t);this.vertical=false;this.placement="center";this.hasContent=false}t.prototype.connectedCallback=function(){var t;this.hasContent=!!((t=this.el.textContent)===null||t===void 0?void 0:t.trim())};t.prototype.render=function(){var t;var e=this,i=e.vertical,r=e.placement,d=e.hasContent;var c=i?"cty-divider__vertical":d?"cty-divider__content-".concat(r):"";return h(Host,{key:"b9d087dcfbc973c32966363e2db037fafe7ceb78",class:(t={"cty-divider":true},t[c]=true,t)},h("slot",{key:"ee440ec8f5ff56d81bde3d950e4c78d42219582c"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Divider.style=dividerCss;export{Divider as cty_divider};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";var dividerCss='*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{--cty-divider-width:1px;--cty-divider-height:1em;--cty-divider-scale:0.5;--cty-divider-vertical-margin:0 8px;--cty-divider-content-offset:16px;--cty-divider-content-left-width:10%;--cty-divider-content-right-width:10%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:16px;color:var(--cty-text-color-secondary);font-size:var(--cty-font-size-base);line-height:24px;border-style:solid;border-color:var(--cty-border-color-dark);border-width:0}:host::before,:host::after{display:block;-ms-flex:1;flex:1;border-color:inherit;border-style:inherit;border-width:var(--cty-divider-width) 0 0;-webkit-transform:scaleY(var(--cty-divider-scale));transform:scaleY(var(--cty-divider-scale))}:host::before{content:""}:host(.cty-divider__content-center)::before,:host(.cty-divider__content-left)::before,:host(.cty-divider__content-right)::before{margin-right:var(--cty-divider-content-offset)}:host(.cty-divider__content-center)::after,:host(.cty-divider__content-left)::after,:host(.cty-divider__content-right)::after{margin-left:var(--cty-divider-content-offset);content:""}:host(.cty-divider__content-left)::before{max-width:var(--cty-divider-content-left-width)}:host(.cty-divider__content-right)::after{max-width:var(--cty-divider-content-right-width)}:host(.cty-divider__vertical){display:inline-block;width:var(--cty-divider-width);height:var(--cty-divider-height);margin:var(--cty-divider-vertical-margin);vertical-align:middle;color:transparent}:host(.cty-divider__vertical)::before{height:100%;border-width:0 0 0 var(--cty-divider-width);-webkit-transform:scaleX(var(--cty-divider-scale));transform:scaleX(var(--cty-divider-scale))}:host(.cty-divider__vertical)::after{display:none}';var Divider=function(){function t(t){registerInstance(this,t);this.vertical=false;this.placement="center";this.hasContent=false}t.prototype.connectedCallback=function(){var t;this.hasContent=!!((t=this.el.textContent)===null||t===void 0?void 0:t.trim())};t.prototype.render=function(){var t;var e=this,i=e.vertical,r=e.placement,d=e.hasContent;var c=i?"cty-divider__vertical":d?"cty-divider__content-".concat(r):"";return h(Host,{key:"dfd49737a845112f77896befa6ac9926a1951f48",class:(t={"cty-divider":true},t[c]=true,t)},h("slot",{key:"8799145031bc0605e950b4f9d3cb6632d65fd54e"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Divider.style=dividerCss;export{Divider as cty_divider};

package/dist/esm-es5/cty-dropdown.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{l as caretDown}from"./index-D0r4bHmZ.js";import{d as deepClone}from"./utils-DNb27sgv.js";var dropdownCss="*{-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}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host{--cty-dropdown-nav-font-size:16px;--cty-dropdown-nav-border-bottom:1px solid #eee;--cty-dropdown-nav-background:#fff;--cty-dropdown-nav-item-padding:12px;--cty-dropdown-nav-item-color:#333;--cty-dropdown-nav-item-active-color:var(--cty-color-primary);--cty-dropdown-nav-item-arrow-size:12px;--cty-dropdown-nav-item-arrow-color:#ccc;--cty-dropdown-nav-item-arrow-margin-left:6px;--cty-dropdown-nav-item-arrow-active-color:#ccc;--cty-dropdown-nav-item-arrow-active-transform:rotate(180deg);--cty-dropdown-popup-mask-background:rgba(0, 0, 0, 0.6);--cty-dropdown-popup-mask-z-index:999;--cty-dropdown-popup-body-background:#fff;--cty-dropdown-popup-body-box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);--cty-dropdown-popup-body-z-index:1001;--cty-dropdown-popup-body-padding:12px;--cty-dropdown-popup-item-active-color:var(--cty-color-primary);display:block;position:relative;width:100%}.cty-dropdown-nav{display:-ms-flexbox;display:flex;border-bottom:var(--cty-dropdown-nav-border-bottom);background:var(--cty-dropdown-nav-background);font-size:var(--cty-dropdown-nav-font-size)}.cty-dropdown-item{-ms-flex:1;flex:1;color:var(--cty-dropdown-nav-item-color);position:relative;-webkit-transition:color 0.2s;transition:color 0.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-pack:center;justify-content:center;min-width:0;cursor:pointer;padding:var(--cty-dropdown-nav-item-padding)}.cty-dropdown-item__disabled{pointer-events:none;opacity:0.5;cursor:not-allowed}.cty-dropdown-item__active{color:var(--cty-dropdown-nav-item-active-color)}.cty-dropdown-item-title-arrow{margin-left:var(--cty-dropdown-nav-item-arrow-margin-left);font-size:var(--cty-dropdown-nav-item-arrow-size);-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;transition:transform 0.2s;transition:transform 0.2s, -webkit-transform 0.2s;color:var(--cty-dropdown-nav-item-arrow-color)}.cty-dropdown-item-title-arrow__active{-webkit-transform:var(--cty-dropdown-nav-item-arrow-active-transform);transform:var(--cty-dropdown-nav-item-arrow-active-transform);color:var(--cty-dropdown-nav-item-arrow-active-color)}.cty-dropdown-popup{position:fixed;overflow:hidden;width:100%;right:0;left:0;z-index:1000;display:none}.cty-dropdown-popup__visible{display:block}.cty-dropdown-popup-mask{position:absolute;inset:0;z-index:var(--cty-dropdown-popup-mask-z-index);background:var(--cty-dropdown-popup-mask-background);opacity:1}.cty-dropdown-popup-body{overflow-y:auto;position:absolute;left:0;z-index:var(--cty-dropdown-popup-body-z-index);width:100%;max-height:var(--cty-dropdown-popup-body-max-height, auto);padding:var(--cty-dropdown-popup-body-padding);background:var(--cty-dropdown-popup-body-background);-webkit-box-shadow:var(--cty-dropdown-popup-body-box-shadow);box-shadow:var(--cty-dropdown-popup-body-box-shadow)}.cty-dropdown-popup-item{padding:8px 0}.cty-dropdown-popup-item__active{color:var(--cty-dropdown-popup-item-active-color)}";var Dropdown=function(){function e(e){var t=this;registerInstance(this,e);this.ctyChange=createEvent(this,"ctyChange",7);this.ctyOpened=createEvent(this,"ctyOpened",7);this.ctyClosed=createEvent(this,"ctyClosed",7);this.options=[];this.defaultValue=[];this.backdropDismiss=true;this.outsideDismiss=false;this.arrowIcon=caretDown;this.fixedLabel=false;this.autoCollapse=true;this.direction="down";this.elRect={top:0,bottom:0};this.innerValue=[];this.tabActiveIndex=-1;this.innerOptions=[];this.handleMaskClick=function(){if(t.backdropDismiss){t.close()}};this.handleClickAway=function(e){if(!t.outsideDismiss)return;if(!t.el.contains(e.target)){t.close()}}}e.prototype.onClick=function(e){this.handleClickAway(e)};e.prototype.componentWillLoad=function(){var e=this;var t;this.innerValue=deepClone(this.defaultValue);this.innerOptions=deepClone(this.options);if(((t=this.innerValue)===null||t===void 0?void 0:t.length)>0&&!this.fixedLabel){this.innerOptions.forEach((function(t,o){if(Array.isArray(t.children)){var n=t.children.find((function(t){return t.key===e.innerValue[o]}));if(!!n){e.innerOptions[o].label=n.label}}}))}};e.prototype.watchDefaultValue=function(e){if(e){this.innerValue=deepClone(e)}};e.prototype.watchOptions=function(e){if(e){this.innerOptions=deepClone(e)}};e.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ctyClosed.emit(this.tabActiveIndex);this.tabActiveIndex=-1;return[2]}))}))};e.prototype.handleItemClick=function(e){this.innerValue[this.tabActiveIndex]=e.key||"";this.innerValue=__spreadArray([],this.innerValue,true);if(!this.fixedLabel){this.innerOptions[this.tabActiveIndex].label=e.label}this.ctyChange.emit(this.innerValue);this.autoCollapse&&this.close()};e.prototype.toggleNavPop=function(e){if(this.tabActiveIndex===e){this.close()}else{this.tabActiveIndex=e;this.calcPopupTop();this.ctyOpened.emit(this.tabActiveIndex)}};e.prototype.calcPopupTop=function(){if(this.el){this.elRect=this.el.getBoundingClientRect()}};e.prototype.componentDidLoad=function(){if(this.tabActiveIndex!=-1){this.calcPopupTop()}};e.prototype.render=function(){var e=this;var t=this,o=t.elRect,n=t.innerOptions,i=t.tabActiveIndex,r=t.arrowIcon,s=t.innerValue,a=t.direction;return h(Host,{key:"5cd075db391b80bff2c3802c5864ffe76b9931c2",class:{"cty-dropdown":true,"cty-dropdown-open":i!==-1}},h("div",{key:"fbf91dbc7e7636adadcdabc7751dd74582e293cd",class:"cty-dropdown-nav"},n.map((function(t,o){return h("div",{class:{"cty-dropdown-item":true,"cty-dropdown-item__disabled":!!t.disabled,"cty-dropdown-item__active":o===i},onClick:function(){return e.toggleNavPop(o)}},h("div",{class:"cty-dropdown-item-title flex-center"},h("span",{class:"cty-dropdown-item-title-text"},t.label),h("span",{class:{"cty-dropdown-item-title-arrow":true,"cty-dropdown-item-title-arrow__active":o===i}},h("cty-icon",{name:t.arrowIcon||r}))))}))),h("div",{key:"11c4c8c68c670c92ae86af2e105969b2daffdd6e",class:{"cty-dropdown-popup":true,"cty-dropdown-popup__visible":i!=-1},style:{top:"".concat(a=="up"?0:o.bottom,"px"),bottom:"".concat(a=="up"?"auto":0),height:"".concat(a=="up"?"".concat(o.top,"px"):"auto")}},h("div",{key:"f7f816b8237b11c4a46a08fc474e5a6ffa35ca46",class:"cty-dropdown-popup-mask",onClick:this.handleMaskClick}),h("div",{key:"73a5db305846157a312f197045cfb1fa2f221a0c",class:"cty-dropdown-popup-body",style:{bottom:"".concat(a=="up"?"0px":"auto")}},n.map((function(t,o){if(o!=i)return null;return h("slot",{name:"content"},h("div",{class:"cty-dropdown-popup-content"},t.children&&Array.isArray(t.children)&&t.children.map((function(t,o){return h("slot",{name:"content-item"+o},h("div",{class:{"cty-dropdown-popup-item":true,"cty-dropdown-popup-item__active":s[i]==t.key},onClick:function(){return e.handleItemClick(t)}},t.label))}))))})))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{defaultValue:["watchDefaultValue"],options:["watchOptions"]}},enumerable:false,configurable:true});return e}();Dropdown.style=dropdownCss;export{Dropdown as cty_dropdown};
+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{l as caretDown}from"./index-D0r4bHmZ.js";import{d as deepClone}from"./utils-DNb27sgv.js";var dropdownCss="*{-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}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host{--cty-dropdown-nav-font-size:16px;--cty-dropdown-nav-border-bottom:1px solid #eee;--cty-dropdown-nav-background:#fff;--cty-dropdown-nav-item-padding:12px;--cty-dropdown-nav-item-color:#333;--cty-dropdown-nav-item-active-color:var(--cty-color-primary);--cty-dropdown-nav-item-arrow-size:12px;--cty-dropdown-nav-item-arrow-color:#ccc;--cty-dropdown-nav-item-arrow-margin-left:6px;--cty-dropdown-nav-item-arrow-active-color:#ccc;--cty-dropdown-nav-item-arrow-active-transform:rotate(180deg);--cty-dropdown-popup-mask-background:rgba(0, 0, 0, 0.6);--cty-dropdown-popup-mask-z-index:999;--cty-dropdown-popup-body-background:#fff;--cty-dropdown-popup-body-box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);--cty-dropdown-popup-body-z-index:1001;--cty-dropdown-popup-body-padding:12px;--cty-dropdown-popup-item-active-color:var(--cty-color-primary);display:block;position:relative;width:100%}.cty-dropdown-nav{display:-ms-flexbox;display:flex;border-bottom:var(--cty-dropdown-nav-border-bottom);background:var(--cty-dropdown-nav-background);font-size:var(--cty-dropdown-nav-font-size)}.cty-dropdown-item{-ms-flex:1;flex:1;color:var(--cty-dropdown-nav-item-color);position:relative;-webkit-transition:color 0.2s;transition:color 0.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-pack:center;justify-content:center;min-width:0;cursor:pointer;padding:var(--cty-dropdown-nav-item-padding)}.cty-dropdown-item__disabled{pointer-events:none;opacity:0.5;cursor:not-allowed}.cty-dropdown-item__active{color:var(--cty-dropdown-nav-item-active-color)}.cty-dropdown-item-title-arrow{margin-left:var(--cty-dropdown-nav-item-arrow-margin-left);font-size:var(--cty-dropdown-nav-item-arrow-size);-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;transition:transform 0.2s;transition:transform 0.2s, -webkit-transform 0.2s;color:var(--cty-dropdown-nav-item-arrow-color)}.cty-dropdown-item-title-arrow__active{-webkit-transform:var(--cty-dropdown-nav-item-arrow-active-transform);transform:var(--cty-dropdown-nav-item-arrow-active-transform);color:var(--cty-dropdown-nav-item-arrow-active-color)}.cty-dropdown-popup{position:fixed;overflow:hidden;width:100%;right:0;left:0;z-index:1000;display:none}.cty-dropdown-popup__visible{display:block}.cty-dropdown-popup-mask{position:absolute;inset:0;z-index:var(--cty-dropdown-popup-mask-z-index);background:var(--cty-dropdown-popup-mask-background);opacity:1}.cty-dropdown-popup-body{overflow-y:auto;position:absolute;left:0;z-index:var(--cty-dropdown-popup-body-z-index);width:100%;max-height:var(--cty-dropdown-popup-body-max-height, auto);padding:var(--cty-dropdown-popup-body-padding);background:var(--cty-dropdown-popup-body-background);-webkit-box-shadow:var(--cty-dropdown-popup-body-box-shadow);box-shadow:var(--cty-dropdown-popup-body-box-shadow)}.cty-dropdown-popup-item{padding:8px 0}.cty-dropdown-popup-item__active{color:var(--cty-dropdown-popup-item-active-color)}";var Dropdown=function(){function e(e){var t=this;registerInstance(this,e);this.ctyChange=createEvent(this,"ctyChange",7);this.ctyOpened=createEvent(this,"ctyOpened",7);this.ctyClosed=createEvent(this,"ctyClosed",7);this.options=[];this.defaultValue=[];this.backdropDismiss=true;this.outsideDismiss=false;this.arrowIcon=caretDown;this.fixedLabel=false;this.autoCollapse=true;this.direction="down";this.elRect={top:0,bottom:0};this.innerValue=[];this.tabActiveIndex=-1;this.innerOptions=[];this.handleMaskClick=function(){if(t.backdropDismiss){t.close()}};this.handleClickAway=function(e){if(!t.outsideDismiss)return;if(!t.el.contains(e.target)){t.close()}}}e.prototype.onClick=function(e){this.handleClickAway(e)};e.prototype.componentWillLoad=function(){var e=this;var t;this.innerValue=deepClone(this.defaultValue);this.innerOptions=deepClone(this.options);if(((t=this.innerValue)===null||t===void 0?void 0:t.length)>0&&!this.fixedLabel){this.innerOptions.forEach((function(t,o){if(Array.isArray(t.children)){var n=t.children.find((function(t){return t.key===e.innerValue[o]}));if(!!n){e.innerOptions[o].label=n.label}}}))}};e.prototype.watchDefaultValue=function(e){if(e){this.innerValue=deepClone(e)}};e.prototype.watchOptions=function(e){if(e){this.innerOptions=deepClone(e)}};e.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ctyClosed.emit(this.tabActiveIndex);this.tabActiveIndex=-1;return[2]}))}))};e.prototype.handleItemClick=function(e){this.innerValue[this.tabActiveIndex]=e.key||"";this.innerValue=__spreadArray([],this.innerValue,true);if(!this.fixedLabel){this.innerOptions[this.tabActiveIndex].label=e.label}this.ctyChange.emit(this.innerValue);this.autoCollapse&&this.close()};e.prototype.toggleNavPop=function(e){if(this.tabActiveIndex===e){this.close()}else{this.tabActiveIndex=e;this.calcPopupTop();this.ctyOpened.emit(this.tabActiveIndex)}};e.prototype.calcPopupTop=function(){if(this.el){this.elRect=this.el.getBoundingClientRect()}};e.prototype.componentDidLoad=function(){if(this.tabActiveIndex!=-1){this.calcPopupTop()}};e.prototype.render=function(){var e=this;var t=this,o=t.elRect,n=t.innerOptions,i=t.tabActiveIndex,r=t.arrowIcon,s=t.innerValue,a=t.direction;return h(Host,{key:"8bafea86f2e4f369aa9c91c53b53d5bda24429c6",class:{"cty-dropdown":true,"cty-dropdown-open":i!==-1}},h("div",{key:"53b674e74ef38333347878e6d24f55d082822e4c",class:"cty-dropdown-nav"},n.map((function(t,o){return h("div",{class:{"cty-dropdown-item":true,"cty-dropdown-item__disabled":!!t.disabled,"cty-dropdown-item__active":o===i},onClick:function(){return e.toggleNavPop(o)}},h("div",{class:"cty-dropdown-item-title flex-center"},h("span",{class:"cty-dropdown-item-title-text"},t.label),h("span",{class:{"cty-dropdown-item-title-arrow":true,"cty-dropdown-item-title-arrow__active":o===i}},h("cty-icon",{name:t.arrowIcon||r}))))}))),h("div",{key:"70758a011ed538e3a9215bf6a00431ba99f4cbad",class:{"cty-dropdown-popup":true,"cty-dropdown-popup__visible":i!=-1},style:{top:"".concat(a=="up"?0:o.bottom,"px"),bottom:"".concat(a=="up"?"auto":0),height:"".concat(a=="up"?"".concat(o.top,"px"):"auto")}},h("div",{key:"d7212399b2011a0ae339c742cea1affd0697050a",class:"cty-dropdown-popup-mask",onClick:this.handleMaskClick}),h("div",{key:"1a774b0f33129111ad07eccbe1ec137f59512ffc",class:"cty-dropdown-popup-body",style:{bottom:"".concat(a=="up"?"0px":"auto")}},n.map((function(t,o){if(o!=i)return null;return h("slot",{name:"content"},h("div",{class:"cty-dropdown-popup-content"},t.children&&Array.isArray(t.children)&&t.children.map((function(t,o){return h("slot",{name:"content-item"+o},h("div",{class:{"cty-dropdown-popup-item":true,"cty-dropdown-popup-item__active":s[i]==t.key},onClick:function(){return e.handleItemClick(t)}},t.label))}))))})))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{defaultValue:["watchDefaultValue"],options:["watchOptions"]}},enumerable:false,configurable:true});return e}();Dropdown.style=dropdownCss;export{Dropdown as cty_dropdown};

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

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{c as config}from"./config-iD8sj4Mi.js";var emptyCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{--cty-empty-img-width:100px;--cty-empty-img-height:auto;--cty-empty-description-offset-top:10px;--cty-empty-description-font-size:var(--cty-font-size-base);--cty-empty-description-color:var(--cty-text-color-secondary);--cty-empty-description-padding:0;--cty-empty-description-transform:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:transparent;margin-top:50px}.cty-empty__image{width:var(--cty-empty-img-width);height:var(--cty-empty-img-height)}.cty-empty__description{margin-top:var(--cty-empty-description-offset-top);padding:var(--cty-empty-description-padding);font-size:var(--cty-empty-description-font-size);color:var(--cty-empty-description-color);-webkit-transform:var(--cty-empty-description-transform);transform:var(--cty-empty-description-transform)}";var Empty=function(){function t(t){registerInstance(this,t);this.description="暂无数据"}t.prototype.render=function(){var t=this.image===undefined?config.get("resUrlPrefix","")+"assets/cty_res/svg/cty-no-data.svg":this.image;return h(Host,{key:"4eb56b280eeb9f0fbe4b67cd71a558cf0f0bc7e2",class:"cty-empty"},h("slot",{key:"241e56e654739d1edb6af501f37652ffd07d834e",name:"top"}),t&&h("img",{key:"429d88a5b6b0c24b6db1e877afb514189fb26eb5",class:"cty-empty__image",src:t}),h("slot",{key:"41e9cfc4948a4a72dbf83d992db62bba8269781c",name:"image"}),this.description&&h("p",{key:"4cb5825ef8ad176b427d14595d8892cae299fdc1",class:"cty-empty__description"},this.description),h("slot",{key:"f0b31f8bdd3749419cb11d776191169b1f692b7c",name:"description"}))};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}();Empty.style=emptyCss;export{Empty as cty_empty};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{c as config}from"./config-iD8sj4Mi.js";var emptyCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{--cty-empty-img-width:100px;--cty-empty-img-height:auto;--cty-empty-description-offset-top:10px;--cty-empty-description-font-size:var(--cty-font-size-base);--cty-empty-description-color:var(--cty-text-color-secondary);--cty-empty-description-padding:0;--cty-empty-description-transform:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:transparent;margin-top:50px}.cty-empty__image{width:var(--cty-empty-img-width);height:var(--cty-empty-img-height)}.cty-empty__description{margin-top:var(--cty-empty-description-offset-top);padding:var(--cty-empty-description-padding);font-size:var(--cty-empty-description-font-size);color:var(--cty-empty-description-color);-webkit-transform:var(--cty-empty-description-transform);transform:var(--cty-empty-description-transform)}";var Empty=function(){function t(t){registerInstance(this,t);this.description="暂无数据"}t.prototype.render=function(){var t=this.image===undefined?config.get("resUrlPrefix","")+"assets/cty_res/svg/cty-no-data.svg":this.image;return h(Host,{key:"d3c212326854e78a39d572a26ad41bea325c281a",class:"cty-empty"},h("slot",{key:"99cd7aed9db5764d586d5e51fca62ce44c20d6d3",name:"top"}),t&&h("img",{key:"f35737267d6e8f89c288acff429c76168f48117f",class:"cty-empty__image",src:t}),h("slot",{key:"47c776265f6db9018f2161e5ccddee5b03c511d2",name:"image"}),this.description&&h("p",{key:"974e5071b52337bd6e2304b6dabbc34ea0aa0455",class:"cty-empty__description"},this.description),h("slot",{key:"86322cbea30f876cbd774c6cf291d2ee7a650c29",name:"description"}))};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}();Empty.style=emptyCss;export{Empty as cty_empty};

package/dist/esm-es5/cty-floating-bubble.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{c as closest}from"./utils-DNb27sgv.js";import{g as getElementRect}from"./dom-CHhKFKFA.js";import{r as raf}from"./helpers-Bm1EyNNA.js";var floatingBubbleCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{--cty-floating-bubble-icon-size:28px;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;overflow:hidden;position:fixed;z-index:10;left:0;top:0;width:48px;height:48px;background:var(--cty-color-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;border-radius:var(--cty-border-radius-circle);-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s;color:var(--cty-text-color-white);font-size:var(--cty-font-size-extra-small)}.cty-floating-bubble__icon{font-size:var(--cty-floating-bubble-icon-size)}";var FloatingBubble=function(){function t(t){registerInstance(this,t);this.ctyMoveStart=createEvent(this,"ctyMoveStart",7);this.ctyMove=createEvent(this,"ctyMove",7);this.ctyMoveEnd=createEvent(this,"ctyMoveEnd",7);this.ctyClick=createEvent(this,"ctyClick",7);this.offset={x:-1,y:-1};this.gap={top:24,left:24,bottom:24,right:24};this.axis="y";this.icon="";this.state={x:0,y:0,width:0,height:0};this.dragging=false;this.initialized=false;this.boundary={top:0,right:0,bottom:0,left:0};this.prevX=0;this.prevY=0}Object.defineProperty(t.prototype,"rootStyle",{get:function(){var t=this,i=t.state,e=t.dragging,s=t.initialized;var n={};var o=i.x;var r=i.y;n.transform="translate3d(".concat(o,"px, ").concat(r,"px, 0)");n.opacity="".concat(s?1:0);if(e||!s){n.transition="none"}return n},enumerable:false,configurable:true});t.prototype.componentDidLoad=function(){raf(this.initState.bind(this))};t.prototype.initState=function(){var t=this;var i=Object.assign({top:24,left:24,bottom:24,right:24},this.gap);var e=getElementRect(this.el);this.state={x:this.offset.x>-1?this.offset.x:window.innerWidth-e.width-i.right,y:this.offset.y>-1?this.offset.y:window.innerHeight-e.height-i.bottom,width:e.width,height:e.height};this.boundary={top:i.top,left:i.left,right:window.innerWidth-e.width-i.right,bottom:window.innerHeight-e.height-i.bottom};setTimeout((function(){t.initialized=true}),50)};t.prototype.onTouchStart=function(){this.dragging=true;this.prevX=this.state.x;this.prevY=this.state.y;this.ctyMoveStart.emit({x:this.state.x,y:this.state.y})};t.prototype.onTouchMove=function(t){if(!this.dragging){return}t.preventDefault();if(this.axis==="lock")return;var i=this.getTouch(t);if(this.axis==="x"||this.axis==="xy"){var e=this.prevX+i.deltaX-this.state.width/2;if(e<this.boundary.left)e=this.boundary.left;if(e>this.boundary.right)e=this.boundary.right;this.state=Object.assign(Object.assign({},this.state),{x:e})}if(this.axis==="y"||this.axis==="xy"){var s=this.prevY+i.deltaY-this.state.height/2;if(s<this.boundary.top)s=this.boundary.top;if(s>this.boundary.bottom)s=this.boundary.bottom;this.state=Object.assign(Object.assign({},this.state),{y:s})}this.ctyMove.emit({x:this.state.x,y:this.state.y})};t.prototype.onTouchEnd=function(t){this.dragging=false;var i=this.getTouch(t);if(!i.isTap){if(this.magnetic==="x"){var e=closest([this.boundary.left,this.boundary.right],this.state.x);this.state=Object.assign(Object.assign({},this.state),{x:e})}else if(this.magnetic==="y"){var s=closest([this.boundary.top,this.boundary.bottom],this.state.y);this.state=Object.assign(Object.assign({},this.state),{y:s})}var n={x:this.state.x,y:this.state.y};if(this.prevX!==n.x||this.prevY!==n.y){this.offset=n}}this.ctyMoveEnd.emit({x:this.state.x,y:this.state.y})};t.prototype.onClick=function(t){var i=this.getTouch(t);if(i.isTap){this.ctyClick.emit({x:this.state.x,y:this.state.y})}else{t.stopPropagation()}};t.prototype.getTouch=function(t){var i={deltaX:0,deltaY:0,isTap:true};if(t instanceof TouchEvent){var e=t.changedTouches[0];i.deltaX=e.pageX-this.prevX;i.deltaY=e.pageY-this.prevY;i.isTap=false}else{i.deltaX=t.pageX-this.prevX;i.deltaY=t.pageY-this.prevY}return i};t.prototype.render=function(){var t=this;return h(Host,{key:"e0ec234a20abec0ba7294d31656bfbc89f8974ff",class:"cty-floating-bubble",onTouchStart:function(){return t.onTouchStart()},onTouchMove:function(i){return t.onTouchMove(i)},onTouchEnd:function(i){return t.onTouchEnd(i)},onTouchCancel:function(i){return t.onTouchEnd(i)},onMouseDown:function(){return t.onTouchStart()},onMouseMove:function(i){return t.onTouchMove(i)},onMouseUp:function(i){return t.onTouchEnd(i)},onMouseLeave:function(i){return t.onTouchEnd(i)},onClick:function(i){return t.onClick(i)},style:this.rootStyle},this.icon&&h("cty-icon",{key:"84dd9f24811481d7a513d10242deecc7678a2255",class:"cty-floating-bubble__icon",name:this.icon}),h("slot",{key:"bc7ea18aa26283be64dd255b78f3df8010bc577d"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();FloatingBubble.style=floatingBubbleCss;export{FloatingBubble as cty_floating_bubble};
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{c as closest}from"./utils-DNb27sgv.js";import{g as getElementRect}from"./dom-CHhKFKFA.js";import{r as raf}from"./helpers-Bm1EyNNA.js";var floatingBubbleCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{--cty-floating-bubble-icon-size:28px;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;overflow:hidden;position:fixed;z-index:10;left:0;top:0;width:48px;height:48px;background:var(--cty-color-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;border-radius:var(--cty-border-radius-circle);-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s;color:var(--cty-text-color-white);font-size:var(--cty-font-size-extra-small)}.cty-floating-bubble__icon{font-size:var(--cty-floating-bubble-icon-size)}";var FloatingBubble=function(){function t(t){registerInstance(this,t);this.ctyMoveStart=createEvent(this,"ctyMoveStart",7);this.ctyMove=createEvent(this,"ctyMove",7);this.ctyMoveEnd=createEvent(this,"ctyMoveEnd",7);this.ctyClick=createEvent(this,"ctyClick",7);this.offset={x:-1,y:-1};this.gap={top:24,left:24,bottom:24,right:24};this.axis="y";this.icon="";this.state={x:0,y:0,width:0,height:0};this.dragging=false;this.initialized=false;this.boundary={top:0,right:0,bottom:0,left:0};this.prevX=0;this.prevY=0}Object.defineProperty(t.prototype,"rootStyle",{get:function(){var t=this,i=t.state,e=t.dragging,s=t.initialized;var n={};var o=i.x;var r=i.y;n.transform="translate3d(".concat(o,"px, ").concat(r,"px, 0)");n.opacity="".concat(s?1:0);if(e||!s){n.transition="none"}return n},enumerable:false,configurable:true});t.prototype.componentDidLoad=function(){raf(this.initState.bind(this))};t.prototype.initState=function(){var t=this;var i=Object.assign({top:24,left:24,bottom:24,right:24},this.gap);var e=getElementRect(this.el);this.state={x:this.offset.x>-1?this.offset.x:window.innerWidth-e.width-i.right,y:this.offset.y>-1?this.offset.y:window.innerHeight-e.height-i.bottom,width:e.width,height:e.height};this.boundary={top:i.top,left:i.left,right:window.innerWidth-e.width-i.right,bottom:window.innerHeight-e.height-i.bottom};setTimeout((function(){t.initialized=true}),50)};t.prototype.onTouchStart=function(){this.dragging=true;this.prevX=this.state.x;this.prevY=this.state.y;this.ctyMoveStart.emit({x:this.state.x,y:this.state.y})};t.prototype.onTouchMove=function(t){if(!this.dragging){return}t.preventDefault();if(this.axis==="lock")return;var i=this.getTouch(t);if(this.axis==="x"||this.axis==="xy"){var e=this.prevX+i.deltaX-this.state.width/2;if(e<this.boundary.left)e=this.boundary.left;if(e>this.boundary.right)e=this.boundary.right;this.state=Object.assign(Object.assign({},this.state),{x:e})}if(this.axis==="y"||this.axis==="xy"){var s=this.prevY+i.deltaY-this.state.height/2;if(s<this.boundary.top)s=this.boundary.top;if(s>this.boundary.bottom)s=this.boundary.bottom;this.state=Object.assign(Object.assign({},this.state),{y:s})}this.ctyMove.emit({x:this.state.x,y:this.state.y})};t.prototype.onTouchEnd=function(t){this.dragging=false;var i=this.getTouch(t);if(!i.isTap){if(this.magnetic==="x"){var e=closest([this.boundary.left,this.boundary.right],this.state.x);this.state=Object.assign(Object.assign({},this.state),{x:e})}else if(this.magnetic==="y"){var s=closest([this.boundary.top,this.boundary.bottom],this.state.y);this.state=Object.assign(Object.assign({},this.state),{y:s})}var n={x:this.state.x,y:this.state.y};if(this.prevX!==n.x||this.prevY!==n.y){this.offset=n}}this.ctyMoveEnd.emit({x:this.state.x,y:this.state.y})};t.prototype.onClick=function(t){var i=this.getTouch(t);if(i.isTap){this.ctyClick.emit({x:this.state.x,y:this.state.y})}else{t.stopPropagation()}};t.prototype.getTouch=function(t){var i={deltaX:0,deltaY:0,isTap:true};if(t instanceof TouchEvent){var e=t.changedTouches[0];i.deltaX=e.pageX-this.prevX;i.deltaY=e.pageY-this.prevY;i.isTap=false}else{i.deltaX=t.pageX-this.prevX;i.deltaY=t.pageY-this.prevY}return i};t.prototype.render=function(){var t=this;return h(Host,{key:"97cb474b7ab53050d951abbcfc30690a7e023748",class:"cty-floating-bubble",onTouchStart:function(){return t.onTouchStart()},onTouchMove:function(i){return t.onTouchMove(i)},onTouchEnd:function(i){return t.onTouchEnd(i)},onTouchCancel:function(i){return t.onTouchEnd(i)},onMouseDown:function(){return t.onTouchStart()},onMouseMove:function(i){return t.onTouchMove(i)},onMouseUp:function(i){return t.onTouchEnd(i)},onMouseLeave:function(i){return t.onTouchEnd(i)},onClick:function(i){return t.onClick(i)},style:this.rootStyle},this.icon&&h("cty-icon",{key:"e52b2c3c36f9eb49bf6205e7165184f9dc8d812e",class:"cty-floating-bubble__icon",name:this.icon}),h("slot",{key:"d1b5b73767f2178bbe8386574623c07d2d7ab120"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();FloatingBubble.style=floatingBubbleCss;export{FloatingBubble as cty_floating_bubble};

package/dist/esm-es5/cty-floating-panel.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{b as getEventPageCoords}from"./dom-CHhKFKFA.js";import{c as closest}from"./utils-DNb27sgv.js";import{m as remove}from"./index-D0r4bHmZ.js";var floatingPanelCss='*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host{--cty-floating-panel-content-background:var(--cty-color-white);--cty-floating-panel-header-height:30px;--cty-floating-panel-bar-width:30px;--cty-floating-panel-bar-color:var(--cty-text-color-primary);position:fixed;z-index:10;bottom:0;left:0;width:100%;background-color:var(--cty-color-white);border-radius:var(--cty-border-radius-round) var(--cty-border-radius-round) 0 0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:cubic-bezier(0.18, 0.89, 0.32, 1.28);transition-timing-function:cubic-bezier(0.18, 0.89, 0.32, 1.28)}:host::after{content:"";display:block;position:absolute;bottom:-100vh;height:100vh;width:100vw;background-color:inherit}.cty-floating-panel__header{width:100%;height:var(--cty-floating-panel-header-height);cursor:pointer}.cty-floating-panel__header-bar{font-size:var(--cty-floating-panel-bar-width);color:var(--cty-floating-panel-bar-color)}.cty-floating-panel__content{-ms-flex:1;flex:1;overflow-y:auto;width:100%;background:var(--cty-floating-panel-content-background)}';var FloatingPanel=function(){function e(e){registerInstance(this,e);this.ctyHeightChange=createEvent(this,"ctyHeightChange",7);this.anchors=[100,.6*window.innerHeight];this.contentDraggable=true;this.endAnchor=true;this.damp=.2;this.icon=remove;this.height=0;this.lastY=0;this.lastHeight=0;this.isContentTouched=false;this.isDragStart=false;this.isDragMove=false;this.maxScroll=-1}Object.defineProperty(e.prototype,"boundary",{get:function(){return{min:this.anchors[0]===undefined?100:this.anchors[0],max:this.anchors.length>0?this.anchors[this.anchors.length-1]:window.innerHeight*.6}},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){this.height=this.anchors[0]};e.prototype.componentDidLoad=function(){this.height=closest(this.anchors,this.height);this.el.style.height="".concat(this.boundary.max,"px");this.el.style.transform="translateY(calc(100% + ".concat(-this.height,"px))")};e.prototype.contentDraggableCheck=function(){return!this.contentDraggable&&this.isContentTouched};e.prototype.setContentTouched=function(e){this.isContentTouched=e};e.prototype.dragStart=function(e){this.isDragStart=true;this.lastY=getEventPageCoords(e).y;this.lastHeight=-this.height;this.el.style.transitionProperty="none";this.maxScroll=-1};e.prototype.dragMove=function(e){var t=this,n=t.isDragStart,i=t.contentRef,l=t.maxScroll,s=t.boundary,a=t.lastHeight;if(this.contentDraggableCheck()||!n)return;var f=getEventPageCoords(e).y;var o=f-this.lastY;var c=this.lastHeight+o;if(this.isContentTouched){var r=i.scrollTop;this.maxScroll=Math.max(l,r);if(-a<s.max){e.preventDefault();e.stopPropagation()}else if(!(r<=0&&o>0)||l>0){return}}this.isDragMove=true;this.height=-this.ease(c);this.el.style.transform="translateY(calc(100% + ".concat(-this.height,"px))")};e.prototype.dragEnd=function(){if(this.contentDraggableCheck()||!this.isDragMove||!this.isDragStart)return;this.isDragMove=false;this.isDragStart=false;this.maxScroll=-1;this.el.style.transitionProperty="transform";if(this.endAnchor||this.height<=this.boundary.min||this.height>=this.boundary.max){this.height=closest(this.anchors,this.height);this.el.style.transform="translateY(calc(100% + ".concat(-this.height,"px))")}if(this.lastHeight!==this.height){this.ctyHeightChange.emit(this.height)}return true};e.prototype.ease=function(e){var t=Math.abs(e);var n=this.boundary,i=n.min,l=n.max;if(t>l){return-(l+(t-l)*this.damp)}if(t<i){return-(i-(i-t)*this.damp)}return e};e.prototype.render=function(){var e=this;return h(Host,{key:"f2cf5536d268f54f0ec3683afabb99dc10459f52",class:"cty-floating-panel flex-column",onTouchStart:function(t){return e.dragStart(t)},onTouchMove:function(t){return e.dragMove(t)},onTouchEnd:function(){return e.dragEnd()},onMouseDown:function(t){return e.dragStart(t)},onMouseMove:function(t){return e.dragMove(t)},onMouseUp:function(){return e.dragEnd()}},h("div",{key:"00f3f71ee575b3205f1b6c6bc83e9a332a41600c",class:"cty-floating-panel__header flex-center",onTouchStart:function(){e.setContentTouched(false)},onMouseDown:function(){e.setContentTouched(false)}},h("slot",{key:"a2c0b49cdf13aefc8d82442e6ae4caae6ddb7bf1",name:"icon-start"}),this.icon&&h("cty-icon",{key:"33b43106ced47e3a46a0b4e34284ff042bcae596",class:"cty-floating-panel__header-bar",name:this.icon}),h("slot",{key:"185bcb4c5d3e3b1dd6b841ce89ffe5c478ca40f7",name:"icon-end"})),h("div",{key:"60791d76b61410d85f4e34601a47dd22bd8a5f1b",class:"cty-floating-panel__content",ref:function(t){return e.contentRef=t},onTouchStart:function(){e.setContentTouched(true)},onMouseDown:function(){e.setContentTouched(true)}},h("slot",{key:"d84ff597db9ec40cb588e306dbf6a87b658d0078"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();FloatingPanel.style=floatingPanelCss;export{FloatingPanel as cty_floating_panel};
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{b as getEventPageCoords}from"./dom-CHhKFKFA.js";import{c as closest}from"./utils-DNb27sgv.js";import{m as remove}from"./index-D0r4bHmZ.js";var floatingPanelCss='*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host{--cty-floating-panel-content-background:var(--cty-color-white);--cty-floating-panel-header-height:30px;--cty-floating-panel-bar-width:30px;--cty-floating-panel-bar-color:var(--cty-text-color-primary);position:fixed;z-index:10;bottom:0;left:0;width:100%;background-color:var(--cty-color-white);border-radius:var(--cty-border-radius-round) var(--cty-border-radius-round) 0 0;-webkit-transition-property:none;transition-property:none;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:cubic-bezier(0.18, 0.89, 0.32, 1.28);transition-timing-function:cubic-bezier(0.18, 0.89, 0.32, 1.28)}:host::after{content:"";display:block;position:absolute;bottom:-100vh;height:100vh;width:100vw;background-color:inherit}.cty-floating-panel__header{width:100%;height:var(--cty-floating-panel-header-height);cursor:pointer}.cty-floating-panel__header-bar{font-size:var(--cty-floating-panel-bar-width);color:var(--cty-floating-panel-bar-color)}.cty-floating-panel__content{-ms-flex:1;flex:1;overflow-y:auto;width:100%;background:var(--cty-floating-panel-content-background)}';var FloatingPanel=function(){function e(e){registerInstance(this,e);this.ctyHeightChange=createEvent(this,"ctyHeightChange",7);this.anchors=[100,.6*window.innerHeight];this.contentDraggable=true;this.endAnchor=true;this.damp=.2;this.icon=remove;this.height=0;this.lastY=0;this.lastHeight=0;this.isContentTouched=false;this.isDragStart=false;this.isDragMove=false;this.maxScroll=-1}Object.defineProperty(e.prototype,"boundary",{get:function(){return{min:this.anchors[0]===undefined?100:this.anchors[0],max:this.anchors.length>0?this.anchors[this.anchors.length-1]:window.innerHeight*.6}},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){this.height=this.anchors[0]};e.prototype.componentDidLoad=function(){this.height=closest(this.anchors,this.height);this.el.style.height="".concat(this.boundary.max,"px");this.el.style.transform="translateY(calc(100% + ".concat(-this.height,"px))")};e.prototype.contentDraggableCheck=function(){return!this.contentDraggable&&this.isContentTouched};e.prototype.setContentTouched=function(e){this.isContentTouched=e};e.prototype.dragStart=function(e){this.isDragStart=true;this.lastY=getEventPageCoords(e).y;this.lastHeight=-this.height;this.el.style.transitionProperty="none";this.maxScroll=-1};e.prototype.dragMove=function(e){var t=this,n=t.isDragStart,i=t.contentRef,l=t.maxScroll,s=t.boundary,a=t.lastHeight;if(this.contentDraggableCheck()||!n)return;var f=getEventPageCoords(e).y;var o=f-this.lastY;var r=this.lastHeight+o;if(this.isContentTouched){var c=i.scrollTop;this.maxScroll=Math.max(l,c);if(-a<s.max){e.preventDefault();e.stopPropagation()}else if(!(c<=0&&o>0)||l>0){return}}this.isDragMove=true;this.height=-this.ease(r);this.el.style.transform="translateY(calc(100% + ".concat(-this.height,"px))")};e.prototype.dragEnd=function(){if(this.contentDraggableCheck()||!this.isDragMove||!this.isDragStart)return;this.isDragMove=false;this.isDragStart=false;this.maxScroll=-1;this.el.style.transitionProperty="transform";if(this.endAnchor||this.height<=this.boundary.min||this.height>=this.boundary.max){this.height=closest(this.anchors,this.height);this.el.style.transform="translateY(calc(100% + ".concat(-this.height,"px))")}if(this.lastHeight!==this.height){this.ctyHeightChange.emit(this.height)}return true};e.prototype.ease=function(e){var t=Math.abs(e);var n=this.boundary,i=n.min,l=n.max;if(t>l){return-(l+(t-l)*this.damp)}if(t<i){return-(i-(i-t)*this.damp)}return e};e.prototype.render=function(){var e=this;return h(Host,{key:"84e095dd2833d15ab639424b2223afb62bcd5e98",class:"cty-floating-panel flex-column",onTouchStart:function(t){return e.dragStart(t)},onTouchMove:function(t){return e.dragMove(t)},onTouchEnd:function(){return e.dragEnd()},onMouseDown:function(t){return e.dragStart(t)},onMouseMove:function(t){return e.dragMove(t)},onMouseUp:function(){return e.dragEnd()}},h("div",{key:"8cafd61f7a921d19396803366fcaddef9dc1ebe4",class:"cty-floating-panel__header flex-center",onTouchStart:function(){e.setContentTouched(false)},onMouseDown:function(){e.setContentTouched(false)}},h("slot",{key:"3a02e10265abb6a0e033ff3ce6b2f036895b93e6",name:"icon-start"}),this.icon&&h("cty-icon",{key:"d07f4568b56789c94bce86ef03d4a09c761e9982",class:"cty-floating-panel__header-bar",name:this.icon}),h("slot",{key:"6f6433977a63eef657904e97dbb62c47ec7588b2",name:"icon-end"})),h("div",{key:"1e8dd947664b007cd3cf65d338765deca37b6873",class:"cty-floating-panel__content",ref:function(t){return e.contentRef=t},onTouchStart:function(){e.setContentTouched(true)},onMouseDown:function(){e.setContentTouched(true)}},h("slot",{key:"b2e668b305866b48ca8ab522c714e648755fdafd"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();FloatingPanel.style=floatingPanelCss;export{FloatingPanel as cty_floating_panel};

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

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{c as config}from"./config-iD8sj4Mi.js";var iconCss=":host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:1em;height:1em}";var Icon=function(){function e(e){registerInstance(this,e);this.lazy=false;this.sanitize=true;this._src="";this._name="";this._icon=""}e.prototype.nameChanged=function(){this.updateIcon()};e.prototype.componentWillLoad=function(){this.updateIcon()};e.prototype.updateIcon=function(){var e=this.name;this._src="";this._name="";this._icon="";if(e.indexOf("/")>=0){this._src=e}else if(e.startsWith("cty-")){this._src="".concat(config.get("resUrlPrefix",""),"assets/cty_res/svg/").concat(e,".svg")}else if(!e.includes("-")){this._icon=e}else{this._name=e}};e.prototype.render=function(){return h(Host,{key:"a76d38557cc02e2ed4655a270b160b2d1b4e00d8",class:"cty-icon"},h("ion-icon",{key:"f0ca1789733155e91316be5a287d34ff6ce7bfa9",src:this._src||undefined,name:this._name||undefined,icon:this._icon||null,size:this.size,color:this.color,lazy:this.lazy,flipRtl:this.flipRtl,sanitize:this.sanitize}))};Object.defineProperty(e,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["nameChanged"]}},enumerable:false,configurable:true});return e}();Icon.style=iconCss;export{Icon as cty_icon};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{c as config}from"./config-iD8sj4Mi.js";var iconCss=":host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:1em;height:1em}";var Icon=function(){function e(e){registerInstance(this,e);this.lazy=false;this.sanitize=true;this._src="";this._name="";this._icon=""}e.prototype.nameChanged=function(){this.updateIcon()};e.prototype.componentWillLoad=function(){this.updateIcon()};e.prototype.updateIcon=function(){var e=this.name;this._src="";this._name="";this._icon="";if(e.indexOf("/")>=0){this._src=e}else if(e.startsWith("cty-")){this._src="".concat(config.get("resUrlPrefix",""),"assets/cty_res/svg/").concat(e,".svg")}else if(!e.includes("-")){this._icon=e}else{this._name=e}};e.prototype.render=function(){return h(Host,{key:"03ee82eb0f6aae454d57b5f3c09c4188c72e7a69",class:"cty-icon"},h("ion-icon",{key:"e31b63f0721af3ade7af2ae7bd6f4cfc3e6e15d1",src:this._src||undefined,name:this._name||undefined,icon:this._icon||null,size:this.size,color:this.color,lazy:this.lazy,flipRtl:this.flipRtl,sanitize:this.sanitize}))};Object.defineProperty(e,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["nameChanged"]}},enumerable:false,configurable:true});return e}();Icon.style=iconCss;export{Icon as cty_icon};

package/dist/esm-es5/cty-image-upload.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{i as imageViewerController,c as cameraPhotoController}from"./overlays-DoToumP0.js";import{n as addOutline}from"./index-D0r4bHmZ.js";import"./config-iD8sj4Mi.js";import"./helpers-Bm1EyNNA.js";var imageUploadCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host{--cty-image-upload-item-width:80px;--cty-image-upload-item-height:80px;--cty-image-upload-item-offset-hor:4px;--cty-image-upload-item-offset-bottom:8px;--cty-image-upload-item-background:var(--cty-color-light);--cty-image-upload-item-border-width:0px;--cty-image-upload-item-border-style:solid;--cty-image-upload-item-border-color:transparent;--cty-image-upload-item-border-radius:0;--cty-image-upload-item-image-fit:cover;--cty-image-upload-add-icon-size:30px;--cty-image-upload-add-icon-color:var(--cty-text-color-secondary);--cty-image-upload-add-image-width:30px;--cty-image-upload-add-image-height:auto;--cty-image-upload-delete-align-items:flex-start;--cty-image-upload-delete-justify:flex-end;--cty-image-upload-delete-offset-top:0;--cty-image-upload-delete-offset-bottom:initial;--cty-image-upload-delete-offset-start:initial;--cty-image-upload-delete-offset-end:0;--cty-image-upload-delete-size:14px;--cty-image-upload-delete-background:var(--cty-overlay-color-dark);--cty-image-upload-delete-border-radius:0 0 0 12px;--cty-image-upload-delete-icon-size:var(--cty-font-size-extra-small);--cty-image-upload-delete-icon-color:var(--cty-color-white);display:block;width:100%}.cty-image-upload__item{position:relative;overflow:hidden;width:var(--cty-image-upload-item-width);height:var(--cty-image-upload-item-height);background:var(--cty-image-upload-item-background);margin:0 var(--cty-image-upload-item-offset-hor) var(--cty-image-upload-item-offset-bottom) var(--cty-image-upload-item-offset-hor);border-width:var(--cty-image-upload-item-border-width);border-style:var(--cty-image-upload-item-border-style);border-color:var(--cty-image-upload-item-border-color);border-radius:var(--cty-image-upload-item-border-radius);cursor:pointer}.cty-image-upload__add-icon{font-size:var(--cty-image-upload-add-icon-size);color:var(--cty-image-upload-add-icon-color)}.cty-image-upload__add-image{display:block;width:var(--cty-image-upload-add-image-width);height:var(--cty-image-upload-add-image-height)}.cty-image-upload__item-img{display:block;width:100%;height:100%;-o-object-fit:var(--cty-image-upload-item-image-fit);object-fit:var(--cty-image-upload-item-image-fit)}.cty-image-upload__item-delete{overflow:hidden;position:absolute;-ms-flex-align:var(--cty-image-upload-delete-align-items);align-items:var(--cty-image-upload-delete-align-items);-ms-flex-pack:var(--cty-image-upload-delete-justify);justify-content:var(--cty-image-upload-delete-justify);top:var(--cty-image-upload-delete-offset-top);right:var(--cty-image-upload-delete-offset-end);left:var(--cty-image-upload-delete-offset-start);bottom:var(--cty-image-upload-delete-offset-bottom);width:var(--cty-image-upload-delete-size);height:var(--cty-image-upload-delete-size);background:var(--cty-image-upload-delete-background);border-radius:var(--cty-image-upload-delete-border-radius)}.cty-image-upload__item-delete-icon{font-size:var(--cty-image-upload-delete-icon-size);color:var(--cty-image-upload-delete-icon-color)}";var ImageUpload=function(){function e(e){registerInstance(this,e);this.ctyImagePicker=createEvent(this,"ctyImagePicker",7);this.ctyAddImageTap=createEvent(this,"ctyAddImageTap",7);this.ctyImageTap=createEvent(this,"ctyImageTap",7);this.ctyDeleteImage=createEvent(this,"ctyDeleteImage",7);this.ctImageViewerDismiss=createEvent(this,"ctImageViewerDismiss",7);this.addIcon=addOutline;this.addImage="";this.images=[];this.deleteable=true;this.cameraPhotoOptions={};this.count=9;this.imageViewer=true;this.imageViewerOptions={};this.internalImages=[]}e.prototype.componentWillLoad=function(){this.updateImages()};e.prototype.updateImages=function(){this.internalImages=this.images.map((function(e){if(typeof e==="string"){return{url:e}}return e}));if(this.internalImages.length>this.count){var e=this.internalImages.length-this.count;this.internalImages=this.internalImages.slice(e)}};e.prototype.handleImageTap=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i;var a=this;return __generator(this,(function(l){switch(l.label){case 0:if(!this.imageViewer)return[3,3];t=Object.assign({},this.imageViewerOptions,{images:this.internalImages.map((function(e){return e.url})),initialSlide:e});return[4,imageViewerController.create(t)];case 1:i=l.sent();return[4,i.present()];case 2:l.sent();i.onDidDismiss().then((function(){a.ctImageViewerDismiss.emit()}));l.label=3;case 3:this.ctyImageTap.emit(e);return[2]}}))}))};e.prototype.handlePickerImage=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,a;return __generator(this,(function(l){switch(l.label){case 0:if(this.internalImages.length>=this.count){return[2]}this.ctyAddImageTap.emit();e=this.count-this.internalImages.length;t=Object.assign({file:false},this.cameraPhotoOptions,{count:e});return[4,cameraPhotoController.create(t)];case 1:i=l.sent();return[4,i.present()];case 2:l.sent();a=this.getPictrue.bind(this);i.addEventListener("ctyTap",a,false);i.onDidDismiss().then((function(){i.removeEventListener("ctyTap",a,false)}));return[2]}}))}))};e.prototype.getPictrue=function(e){var t;var i=e.detail;if(((t=i===null||i===void 0?void 0:i.imageList)===null||t===void 0?void 0:t.length)>0){var a=__spreadArray([],this.internalImages,true);i.imageList.forEach((function(e){a.push({url:e.url})}));this.internalImages=a;this.ctyImagePicker.emit(i.imageList)}};e.prototype.handleImageDelete=function(e,t){e.stopPropagation();e.preventDefault();this.internalImages=this.internalImages.filter((function(){var e=[];for(var i=0;i<arguments.length;i++){e[i]=arguments[i]}return e[1]!==t}));this.ctyDeleteImage.emit(this.internalImages)};e.prototype.render=function(){var e=this;return h(Host,{key:"c74ff7c9782bd2d28df239249336aab72814307e",class:"cty-image-upload flex-wrap"},this.internalImages.map((function(t,i){return h("div",{class:"cty-image-upload__item",onClick:function(){return e.handleImageTap(i)}},h("img",{class:"cty-image-upload__item-img",src:t.url,style:{"object-fit":t.fit}}),e.deleteable&&h("div",{class:"cty-image-upload__item-delete flex",onClick:function(t){return e.handleImageDelete(t,i)}},h("slot",{name:"deleteable"},h("cty-icon",{class:"cty-image-upload__item-delete-icon",name:"cty-close2"}))))})),this.internalImages.length<this.count&&h("div",{key:"bc2aca9606226e308fac0da596d9aa7d57c0cdc9",class:"cty-image-upload__item flex-column-center",onClick:function(){return e.handlePickerImage()}},!this.addImage&&this.addIcon&&h("cty-icon",{key:"71a7f9080d66c77ca6a13e85f442209f7c0ea42f",class:"cty-image-upload__add-icon",name:this.addIcon}),this.addImage&&h("img",{key:"86c409c6007ab662098dd1c35d437e7b4ccf5192",class:"cty-image-upload__add-image",src:this.addImage}),h("slot",{key:"85eddf095240e759f6e8039b443da1b62e8cb206",name:"description"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{images:["updateImages"]}},enumerable:false,configurable:true});return e}();ImageUpload.style=imageUploadCss;export{ImageUpload as cty_image_upload};
+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{i as imageViewerController,c as cameraPhotoController}from"./overlays-DoToumP0.js";import{n as addOutline}from"./index-D0r4bHmZ.js";import"./config-iD8sj4Mi.js";import"./helpers-Bm1EyNNA.js";var imageUploadCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host{--cty-image-upload-item-width:80px;--cty-image-upload-item-height:80px;--cty-image-upload-item-offset-hor:4px;--cty-image-upload-item-offset-bottom:8px;--cty-image-upload-item-background:var(--cty-color-light);--cty-image-upload-item-border-width:0px;--cty-image-upload-item-border-style:solid;--cty-image-upload-item-border-color:transparent;--cty-image-upload-item-border-radius:0;--cty-image-upload-item-image-fit:cover;--cty-image-upload-add-icon-size:30px;--cty-image-upload-add-icon-color:var(--cty-text-color-secondary);--cty-image-upload-add-image-width:30px;--cty-image-upload-add-image-height:auto;--cty-image-upload-delete-align-items:flex-start;--cty-image-upload-delete-justify:flex-end;--cty-image-upload-delete-offset-top:0;--cty-image-upload-delete-offset-bottom:initial;--cty-image-upload-delete-offset-start:initial;--cty-image-upload-delete-offset-end:0;--cty-image-upload-delete-size:14px;--cty-image-upload-delete-background:var(--cty-overlay-color-dark);--cty-image-upload-delete-border-radius:0 0 0 12px;--cty-image-upload-delete-icon-size:var(--cty-font-size-extra-small);--cty-image-upload-delete-icon-color:var(--cty-color-white);display:block;width:100%}.cty-image-upload__item{position:relative;overflow:hidden;width:var(--cty-image-upload-item-width);height:var(--cty-image-upload-item-height);background:var(--cty-image-upload-item-background);margin:0 var(--cty-image-upload-item-offset-hor) var(--cty-image-upload-item-offset-bottom) var(--cty-image-upload-item-offset-hor);border-width:var(--cty-image-upload-item-border-width);border-style:var(--cty-image-upload-item-border-style);border-color:var(--cty-image-upload-item-border-color);border-radius:var(--cty-image-upload-item-border-radius);cursor:pointer}.cty-image-upload__add-icon{font-size:var(--cty-image-upload-add-icon-size);color:var(--cty-image-upload-add-icon-color)}.cty-image-upload__add-image{display:block;width:var(--cty-image-upload-add-image-width);height:var(--cty-image-upload-add-image-height)}.cty-image-upload__item-img{display:block;width:100%;height:100%;-o-object-fit:var(--cty-image-upload-item-image-fit);object-fit:var(--cty-image-upload-item-image-fit)}.cty-image-upload__item-delete{overflow:hidden;position:absolute;-ms-flex-align:var(--cty-image-upload-delete-align-items);align-items:var(--cty-image-upload-delete-align-items);-ms-flex-pack:var(--cty-image-upload-delete-justify);justify-content:var(--cty-image-upload-delete-justify);top:var(--cty-image-upload-delete-offset-top);right:var(--cty-image-upload-delete-offset-end);left:var(--cty-image-upload-delete-offset-start);bottom:var(--cty-image-upload-delete-offset-bottom);width:var(--cty-image-upload-delete-size);height:var(--cty-image-upload-delete-size);background:var(--cty-image-upload-delete-background);border-radius:var(--cty-image-upload-delete-border-radius)}.cty-image-upload__item-delete-icon{font-size:var(--cty-image-upload-delete-icon-size);color:var(--cty-image-upload-delete-icon-color)}";var ImageUpload=function(){function e(e){registerInstance(this,e);this.ctyImagePicker=createEvent(this,"ctyImagePicker",7);this.ctyAddImageTap=createEvent(this,"ctyAddImageTap",7);this.ctyImageTap=createEvent(this,"ctyImageTap",7);this.ctyDeleteImage=createEvent(this,"ctyDeleteImage",7);this.ctImageViewerDismiss=createEvent(this,"ctImageViewerDismiss",7);this.addIcon=addOutline;this.addImage="";this.images=[];this.deleteable=true;this.cameraPhotoOptions={};this.count=9;this.imageViewer=true;this.imageViewerOptions={};this.internalImages=[]}e.prototype.componentWillLoad=function(){this.updateImages()};e.prototype.updateImages=function(){this.internalImages=this.images.map((function(e){if(typeof e==="string"){return{url:e}}return e}));if(this.internalImages.length>this.count){var e=this.internalImages.length-this.count;this.internalImages=this.internalImages.slice(e)}};e.prototype.handleImageTap=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i;var a=this;return __generator(this,(function(l){switch(l.label){case 0:if(!this.imageViewer)return[3,3];t=Object.assign({},this.imageViewerOptions,{images:this.internalImages.map((function(e){return e.url})),initialSlide:e});return[4,imageViewerController.create(t)];case 1:i=l.sent();return[4,i.present()];case 2:l.sent();i.onDidDismiss().then((function(){a.ctImageViewerDismiss.emit()}));l.label=3;case 3:this.ctyImageTap.emit(e);return[2]}}))}))};e.prototype.handlePickerImage=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,a;return __generator(this,(function(l){switch(l.label){case 0:if(this.internalImages.length>=this.count){return[2]}this.ctyAddImageTap.emit();e=this.count-this.internalImages.length;t=Object.assign({file:false},this.cameraPhotoOptions,{count:e});return[4,cameraPhotoController.create(t)];case 1:i=l.sent();return[4,i.present()];case 2:l.sent();a=this.getPictrue.bind(this);i.addEventListener("ctyTap",a,false);i.onDidDismiss().then((function(){i.removeEventListener("ctyTap",a,false)}));return[2]}}))}))};e.prototype.getPictrue=function(e){var t;var i=e.detail;if(((t=i===null||i===void 0?void 0:i.imageList)===null||t===void 0?void 0:t.length)>0){var a=__spreadArray([],this.internalImages,true);i.imageList.forEach((function(e){a.push({url:e.url})}));this.internalImages=a;this.ctyImagePicker.emit(i.imageList)}};e.prototype.handleImageDelete=function(e,t){e.stopPropagation();e.preventDefault();this.internalImages=this.internalImages.filter((function(){var e=[];for(var i=0;i<arguments.length;i++){e[i]=arguments[i]}return e[1]!==t}));this.ctyDeleteImage.emit(this.internalImages)};e.prototype.render=function(){var e=this;return h(Host,{key:"6e38c0e2603eb6d73e3987bb7b1e39533a427667",class:"cty-image-upload flex-wrap"},this.internalImages.map((function(t,i){return h("div",{class:"cty-image-upload__item",onClick:function(){return e.handleImageTap(i)}},h("img",{class:"cty-image-upload__item-img",src:t.url,style:{"object-fit":t.fit}}),e.deleteable&&h("div",{class:"cty-image-upload__item-delete flex",onClick:function(t){return e.handleImageDelete(t,i)}},h("slot",{name:"deleteable"},h("cty-icon",{class:"cty-image-upload__item-delete-icon",name:"cty-close2"}))))})),this.internalImages.length<this.count&&h("div",{key:"bce30f336e45c86a516d0eee56e74ce9b56d86a1",class:"cty-image-upload__item flex-column-center",onClick:function(){return e.handlePickerImage()}},!this.addImage&&this.addIcon&&h("cty-icon",{key:"6a9074c16b643bf53567bb50d6e38ed295556c9e",class:"cty-image-upload__add-icon",name:this.addIcon}),this.addImage&&h("img",{key:"a65c1c2ea4f9b2b415ff5f59cdb7c7b3d549b3d8",class:"cty-image-upload__add-image",src:this.addImage}),h("slot",{key:"1aa5b77ea858ed1cc44347754274b81d800e8be9",name:"description"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{images:["updateImages"]}},enumerable:false,configurable:true});return e}();ImageUpload.style=imageUploadCss;export{ImageUpload as cty_image_upload};