q2-tecton-elements 1.27.1 → 1.28.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/click-elsewhere_2.cjs.entry.js +258 -0
- package/dist/cjs/{index-ffd19146.js → index-7a73e106.js} +12 -52
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/q2-action-sheet.cjs.entry.js +1 -1
- package/dist/cjs/q2-avatar.cjs.entry.js +1 -1
- package/dist/cjs/q2-badge_2.cjs.entry.js +1 -1
- package/dist/cjs/q2-btn_2.cjs.entry.js +1 -1
- package/dist/cjs/q2-calendar.cjs.entry.js +128 -83
- package/dist/cjs/q2-card.cjs.entry.js +1 -1
- package/dist/cjs/q2-carousel-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-carousel.cjs.entry.js +1 -1
- package/dist/cjs/q2-chart-area.cjs.entry.js +1 -1
- package/dist/cjs/q2-chart-bar.cjs.entry.js +1 -1
- package/dist/cjs/q2-chart-donut.cjs.entry.js +1 -1
- package/dist/cjs/q2-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/q2-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/q2-dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/q2-dropdown.cjs.entry.js +44 -45
- package/dist/cjs/q2-editable-field.cjs.entry.js +1 -1
- package/dist/cjs/q2-icon.cjs.entry.js +1 -1
- package/dist/cjs/q2-loc.cjs.entry.js +1 -1
- package/dist/cjs/q2-message.cjs.entry.js +1 -1
- package/dist/cjs/q2-month-picker.cjs.entry.js +1 -1
- package/dist/cjs/q2-optgroup_2.cjs.entry.js +1 -1
- package/dist/cjs/{q2-option-list_2.cjs.entry.js → q2-option-list.cjs.entry.js} +3 -167
- package/dist/cjs/q2-pagination.cjs.entry.js +1 -1
- package/dist/cjs/q2-pill.cjs.entry.js +1 -1
- package/dist/cjs/q2-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/q2-radio.cjs.entry.js +1 -1
- package/dist/cjs/q2-section.cjs.entry.js +1 -1
- package/dist/cjs/q2-select.cjs.entry.js +11 -6
- package/dist/cjs/q2-stepper-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-stepper-vertical.cjs.entry.js +1 -1
- package/dist/cjs/q2-stepper.cjs.entry.js +1 -1
- package/dist/cjs/q2-tab-container.cjs.entry.js +1 -1
- package/dist/cjs/q2-tag.cjs.entry.js +1 -1
- package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
- package/dist/cjs/q2-textarea.cjs.entry.js +1 -1
- package/dist/cjs/q2-tooltip.cjs.entry.js +1 -1
- package/dist/collection/components/q2-avatar/styles.css +3 -7
- package/dist/collection/components/q2-calendar/helpers.js +37 -11
- package/dist/collection/components/q2-calendar/index.js +174 -91
- package/dist/collection/components/q2-calendar/styles.css +5 -68
- package/dist/collection/components/q2-dropdown/index.js +123 -66
- package/dist/collection/components/q2-dropdown/styles.css +3 -89
- package/dist/collection/components/q2-select/index.js +10 -5
- package/dist/collection/utils/index.js +11 -51
- package/dist/components/index11.js +1 -1
- package/dist/components/index15.js +12 -52
- package/dist/components/index3.js +1 -1
- package/dist/components/index7.js +1 -1
- package/dist/components/index8.js +1 -1
- package/dist/components/q2-calendar.js +154 -101
- package/dist/components/q2-card.js +1 -1
- package/dist/components/q2-carousel.js +1 -1
- package/dist/components/q2-checkbox-group.js +1 -1
- package/dist/components/q2-checkbox.js +1 -1
- package/dist/components/q2-dropdown.js +66 -59
- package/dist/components/q2-radio-group.js +1 -1
- package/dist/components/q2-radio.js +1 -1
- package/dist/components/q2-select.js +11 -6
- package/dist/components/q2-stepper-pane.js +1 -1
- package/dist/components/q2-stepper-vertical.js +1 -1
- package/dist/components/q2-stepper.js +1 -1
- package/dist/components/q2-tab-container.js +1 -1
- package/dist/components/q2-textarea.js +1 -1
- package/dist/docs.json +144 -4
- package/dist/esm/click-elsewhere_2.entry.js +253 -0
- package/dist/esm/{index-a0cc60e3.js → index-576f618c.js} +12 -52
- package/dist/esm/loader.js +1 -1
- package/dist/esm/q2-action-sheet.entry.js +1 -1
- package/dist/esm/q2-avatar.entry.js +1 -1
- package/dist/esm/q2-badge_2.entry.js +1 -1
- package/dist/esm/q2-btn_2.entry.js +1 -1
- package/dist/esm/q2-calendar.entry.js +128 -83
- package/dist/esm/q2-card.entry.js +1 -1
- package/dist/esm/q2-carousel-pane.entry.js +1 -1
- package/dist/esm/q2-carousel.entry.js +1 -1
- package/dist/esm/q2-chart-area.entry.js +1 -1
- package/dist/esm/q2-chart-bar.entry.js +1 -1
- package/dist/esm/q2-chart-donut.entry.js +1 -1
- package/dist/esm/q2-checkbox-group.entry.js +1 -1
- package/dist/esm/q2-checkbox.entry.js +1 -1
- package/dist/esm/q2-dropdown-item.entry.js +1 -1
- package/dist/esm/q2-dropdown.entry.js +44 -45
- package/dist/esm/q2-editable-field.entry.js +1 -1
- package/dist/esm/q2-icon.entry.js +1 -1
- package/dist/esm/q2-loc.entry.js +1 -1
- package/dist/esm/q2-message.entry.js +1 -1
- package/dist/esm/q2-month-picker.entry.js +1 -1
- package/dist/esm/q2-optgroup_2.entry.js +1 -1
- package/dist/esm/{q2-option-list_2.entry.js → q2-option-list.entry.js} +4 -167
- package/dist/esm/q2-pagination.entry.js +1 -1
- package/dist/esm/q2-pill.entry.js +1 -1
- package/dist/esm/q2-radio-group.entry.js +1 -1
- package/dist/esm/q2-radio.entry.js +1 -1
- package/dist/esm/q2-section.entry.js +1 -1
- package/dist/esm/q2-select.entry.js +11 -6
- package/dist/esm/q2-stepper-pane.entry.js +1 -1
- package/dist/esm/q2-stepper-vertical.entry.js +1 -1
- package/dist/esm/q2-stepper.entry.js +1 -1
- package/dist/esm/q2-tab-container.entry.js +1 -1
- package/dist/esm/q2-tag.entry.js +1 -1
- package/dist/esm/q2-tecton-elements.js +1 -1
- package/dist/esm/q2-textarea.entry.js +1 -1
- package/dist/esm/q2-tooltip.entry.js +1 -1
- package/dist/q2-tecton-elements/p-0b7003c4.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-0b8943da.entry.js → p-0d92ab4a.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-138db98d.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-a298cbfb.entry.js → p-1b9e07b4.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-bafb5e70.entry.js → p-1e57a843.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-ac6dd5b1.entry.js → p-2423b9a9.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-396fd275.entry.js → p-2bb447c3.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-85e780b2.entry.js → p-3422207a.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-edcf49fd.entry.js → p-39989362.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-3dca7465.entry.js → p-3aad6a45.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-ef657f8f.entry.js → p-4d2b7f2e.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-869e899c.entry.js → p-4ffde81a.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-d06d752f.entry.js → p-55bdd480.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-590adc15.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-949fa312.entry.js → p-5cd51157.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-5e14a790.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-12e65423.entry.js → p-6524d5f3.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-521c9085.entry.js → p-68908be9.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-9367dc29.entry.js → p-6975e5e4.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-6bb3789b.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-5a670d93.entry.js → p-6db208c7.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-78b7ea4e.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-2b8a8981.entry.js → p-7a702d92.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-fb768d19.entry.js → p-7e1a14ea.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-921ea070.js +1 -0
- package/dist/q2-tecton-elements/{p-04b9a7ee.entry.js → p-a63e64f0.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-b9bbfaf7.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-d69cb7d1.entry.js → p-bbd2c530.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-05bdc0aa.entry.js → p-c19e143e.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-256e5161.entry.js → p-c8525f80.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-fcad1609.entry.js → p-c93341d5.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-8545c3cb.entry.js → p-d6824ce5.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-f3e4bb52.entry.js → p-ddfb393a.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-9292bd80.entry.js → p-df3fb1e7.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-fe3625ad.entry.js → p-ed77f0c2.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-25ea01d3.entry.js → p-ed91f837.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-1d28c600.entry.js → p-fa0e471c.entry.js} +1 -1
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
- package/dist/test/helpers.js +1 -1
- package/dist/types/components/q2-calendar/helpers.d.ts +1 -0
- package/dist/types/components/q2-calendar/index.d.ts +22 -12
- package/dist/types/components/q2-dropdown/index.d.ts +12 -8
- package/dist/types/components.d.ts +24 -0
- package/dist/types/utils/index.d.ts +4 -9
- package/dist/types/workspace/workspace/{tecton-production_release_1.27.x → tecton-production_release_1.28.x}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +1 -1
- package/package.json +3 -3
- package/dist/cjs/click-elsewhere.cjs.entry.js +0 -93
- package/dist/esm/click-elsewhere.entry.js +0 -89
- package/dist/q2-tecton-elements/p-2453cd92.js +0 -1
- package/dist/q2-tecton-elements/p-31b655b6.entry.js +0 -1
- package/dist/q2-tecton-elements/p-72374b8e.entry.js +0 -1
- package/dist/q2-tecton-elements/p-8e652d59.entry.js +0 -1
- package/dist/q2-tecton-elements/p-aae8b9fc.entry.js +0 -1
- package/dist/q2-tecton-elements/p-be0d3bfe.entry.js +0 -1
- package/dist/q2-tecton-elements/p-c1d33fd2.entry.js +0 -1
- package/dist/q2-tecton-elements/p-ee1f3114.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as r,F as o,g as i}from"./p-926a3e80.js";import{f as s,o as a,a as l,l as p}from"./p-2453cd92.js";s();const n=class{constructor(r){t(this,r),this.change=e(this,"change",7),this.scheduledAfterRender=[],this.onSlotChange=()=>{this.checkForPanes(),this.checkScrollState()},this.onScrollBtnClick=t=>{const e=Math.floor(this.listElement.clientWidth/2);this.listElement.scrollBy({left:"left"===t?-e:e,behavior:"smooth"})},this.onStepClick=(t,e)=>{t.stopPropagation();const{currentStep:r,stepCount:o,lastEnabledStep:i}=this;e>i||e===r||this.change.emit({selectedStep:e,lastEnabledStep:i,currentStep:r,stepCount:o})},this.onStepKeyDown=(t,e)=>{const{lastEnabledStep:r,stepCount:o}=this,{key:i}=t;let s;switch(i){case"ArrowLeft":t.preventDefault(),s=Math.max(e-1,0);break;case"ArrowRight":t.preventDefault(),s=Math.min(e+1,o);break;case"Home":t.preventDefault(),s=1;break;case"End":t.preventDefault(),s=r}s&&this.focusStep(s,!0)},this.checkForPanes=()=>{const{allPanes:t}=this;t.length&&(this.stepCount=t.length)},this.checkScrollState=()=>{if(!this.listElement)return;const{scrollLeft:t,scrollWidth:e,clientWidth:r}=this.listElement;this.scrollEnabled=e>r,this.showScrollLeft=!!t,this.showScrollRight=e!==t+r},this.currentStep=1,this.stepCount=void 0,this.lastEnabledStep=void 0,this.scrollEnabled=!1,this.showScrollLeft=!1,this.showScrollRight=!1}componentWillLoad(){this.lastEnabledStep||(this.lastEnabledStep=this.currentStep||1),this.resizeObserver=new ResizeObserver((()=>this.checkScrollState())),this.checkForPanes()}componentDidLoad(){this.resizeObserver.observe(this.listElement),this.checkScrollState(),a(this.hostElement),setTimeout((()=>this.showStep(this.currentStep||1)),0)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}disconnectedCallback(){this.resizeObserver.disconnect()}currentStepChanged(t){this.showStep(t)}defaultChangeHandler(t){const{hostElement:e}=this;t.target===e&&!e.getAttribute("onchange")&&t.detail&&(this.currentStep=t.detail.selectedStep)}delegateFocus(t){l(t,this.hostElement)&&this.focusStep(this.currentStep,!0,!0)}statusChangeHandler(t){const e=Array.from(this.allPanes).findIndex((e=>t.detail.id===e.id));e>-1&&(this.allPanes[e].status=t.detail.status,this.renderStepBtn(e))}get allPanes(){return this.hostElement.querySelectorAll("q2-stepper-pane")}showStep(t){if(t>this.lastEnabledStep){const{currentStep:e,stepCount:r}=this;this.lastEnabledStep=t,this.change.emit({selectedStep:null,lastEnabledStep:t,currentStep:e,stepCount:r})}this.scheduledAfterRender.push(this.resizeIframe),this.showStepPane(t),this.focusStep(t,this.scrollEnabled)}resizeIframe(){var t,e;return null===(e=null===(t=null===window||void 0===window?void 0:window.TectonElements)||void 0===t?void 0:t.resizeIframe)||void 0===e?void 0:e.call(t)}showStepPane(t){this.allPanes.forEach(((e,r)=>{e.isActive=t===r+1}))}focusStep(t,e,r){var o;const i=this.listElement.children[t-1],s=document.activeElement===this.hostElement;i&&((s||r)&&(null===(o=i.firstElementChild)||void 0===o||o.focus()),e)&&this.listElement.scrollTo({left:i.offsetLeft-this.listElement.clientWidth/2,behavior:"smooth"})}renderStepBtn(t){var e;const{allPanes:i,stepCount:s,currentStep:a,lastEnabledStep:l}=this,{id:n,label:c,description:b,status:d}=null!==(e=null==i?void 0:i[t])&&void 0!==e?e:{},h=t+1,v=h===a,u=c&&`label-${n}`,f=c&&b&&`description-${n}`,g=!c&&p("tecton.element.stepper.number",[`${h}`,`${s}`]);let m;"complete"===d?m="success-filled":"error"===d&&(m="warning-filled");const w=["step-btn"];d&&w.push(`status-${d}`);const x="locked"===d,z=x||h>l;return r("li",{role:"presentation"},r("button",{class:w.join(" "),type:"button","aria-labelledby":u,"aria-describedBy":f,"aria-label":g,"aria-selected":v,"aria-controls":n,"aria-disabled":z?"true":null,role:"tab",tabIndex:v?0:-1,onKeyDown:t=>this.onStepKeyDown(t,h),onClick:t=>!x&&this.onStepClick(t,h)},r(o,null,m?r("div",{class:"step-icon"},r("q2-icon",{type:m})):r("div",{class:"step-bubble"},h),c&&r("div",{class:"step-label",id:u},p(c)),c&&b&&r("div",{class:"step-description",id:f},p(b)))),t?r("hr",null):"")}render(){const{stepCount:t,scrollEnabled:e,showScrollLeft:i,showScrollRight:s}=this,a=["step-container"];return e&&a.push("has-scroll"),r(o,null,r("div",{class:a.join(" ")},e&&r(o,null,r("div",{class:"gradient-left",hidden:!i}),r("div",{class:"gradient-right",hidden:!s}),r("q2-btn",{class:"btn-left",hidden:!this.showScrollLeft,onClick:()=>this.onScrollBtnClick("left")},r("q2-icon",{type:"chevron-left"})),r("q2-btn",{class:"btn-right",hidden:!this.showScrollRight,onClick:()=>this.onScrollBtnClick("right")},r("q2-icon",{type:"chevron-right"}))),r("ul",{onScroll:this.checkScrollState,ref:t=>this.listElement=t,role:"tablist"},[...Array(t).keys()].map((t=>this.renderStepBtn(t))))),r("div",null,r("slot",{onSlotchange:()=>this.onSlotChange()})))}get hostElement(){return i(this)}static get watchers(){return{currentStep:["currentStepChanged"]}}};n.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative}ul{--comp-bullet-bg:var(--tct-stepper-bullet-active-bg, var(--t-stepper-bullet-active-bg, var(--t-primary, #0079c1)));--comp-bullet-font-color:var(--tct-stepper-bullet-active-font-color, var(--t-stepper-bullet-active-font-color, var(--t-primary-font-color, #ffffff)));--comp-bullet-size:var(--tct-stepper-btn-icon-size, var(--t-stepper-btn-icon-size, 24px));--comp-bullet-gap:var(--tct-stepper-btn-gap, var(--t-stepper-btn-gap, var(--app-scale-3x, 15px)));--comp-bullet-border-offset:var(--tct-stepper-bullet-border-offset, var(--t-stepper-bullet-border-offset, 4px));--comp-bullet-border:var(--tct-stepper-bullet-border, var(--t-stepper-bullet-border, 2px solid var(--t-primary-l3, #21acff)));--comp-bullet-font-size:var-list(var-prefixer(stepper-btn-label-font-size), 16px);--comp-step-width:var(--tct-stepper-step-width, var(--t-stepper-step-width, var(--t-stepper-step-width, 80px)));--comp-step-gap:var(--tct-stepper-step-gap, var(--t-stepper-step-gap, 5px));--comp-top-btn-icon-size:var(--tct-stepper-btn-icon-size, var(--t-stepper-btn-icon-size, 24px));--comp-btn-icon-size:var(--comp-top-btn-icon-size);--comp-btn-content-gap:var(--tct-stepper-btn-gap, var(--t-stepper-btn-gap, var(--app-scale-3x, 15px)));--comp-btn-label-font-size:var-list(var-prefixer(stepper-btn-label-font-size), 16px);--comp-btn-label-color:var(--tct-stepper-label-color, var(--t-stepper-label-color, var(--t-text, #4d4d4d)));--comp-tween:var(--tct-stepper-tween, var(--t-stepper-tween, var(--app-tween-1, 0.2s ease)));overflow-x:auto;display:flex;justify-content:center;list-style:none;padding:0;padding:var(--tct-stepper-list-padding, var(--t-stepper-list-padding, 2px));margin:0;gap:var(--comp-step-gap);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}ul::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}ul::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}ul::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.has-scroll ul{justify-content:unset}li{min-height:var(--tct-stepper-min-height, var(--t-stepper-min-height, 50px));flex:0 0 auto;position:relative;width:var(--comp-step-width);text-align:center;max-width:150px;min-width:80px}.step-btn{position:relative;background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;height:calc(100% - 4px);width:100%;transition:var(--comp-tween);padding:0;transition-property:box-shadow;outline:none;margin-top:2px;--comp-active-color:var(--t-primary, #0079c1)}.step-btn.status-complete{--comp-active-color:var(--const-stoplight-success, #0e8a00)}.step-btn.status-error{--comp-active-color:var(--const-stoplight-alert, #c30000)}.step-btn[aria-disabled]{cursor:not-allowed}.step-btn[aria-disabled],.step-btn[aria-disabled]+hr{--comp-bullet-font-color:var(--tct-stepper-bullet-inactive-font-color, var(--t-stepper-bullet-inactive-font-color, var(--t-text, #4d4d4d)));--comp-bullet-bg:var(--tct-stepper-bullet-inactive-bg, var(--t-stepper-bullet-inactive-bg, var(--t-gray-12, #d9d9d9)))}.step-icon,.step-bubble{display:flex;justify-content:center;align-items:center;line-height:0;margin:var(--comp-bullet-gap) auto;color:var(--comp-bullet-font-color);width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size);min-height:var(--comp-btn-icon-size);font-size:var(--comp-bullet-font-size);transition:var(--comp-tween);transition-property:background, color;border-radius:50%;position:relative}.step-icon q2-icon,.step-bubble q2-icon{--tct-icon-fill:var(--comp-active-color)}.step-icon q2-icon:before,.step-bubble q2-icon:before{content:"";display:block;background:var(--comp-bullet-font-color);position:absolute;width:80%;height:80%;left:11%;top:11%;border-radius:50%}.status-complete .step-icon,.status-error .step-icon,.status-complete .step-bubble,.status-error .step-bubble{background:var(--comp-active-color)}[aria-selected] .step-icon,[aria-selected] .step-bubble{font-weight:var(--tct-stepper-bullet-active-font-weight, var(--t-stepper-bullet-active-font-weight, 600))}[aria-selected] .step-icon:before,[aria-selected] .step-bubble:before{content:"";position:absolute;inset:calc(var(--comp-bullet-border-offset) * -1);width:calc(var(--comp-bullet-size) + var(--comp-bullet-border-offset));height:calc(var(--comp-bullet-size) + var(--comp-bullet-border-offset));border-radius:50%;border:var(--comp-bullet-border);border-color:var(--comp-active-color)}.step-bubble{background:var(--comp-bullet-bg)}hr{width:calc(var(--comp-step-width) - var(--comp-step-gap) - var(--comp-bullet-gap) - var(--comp-bullet-size));top:calc(var(--comp-bullet-size) / 2 + var(--comp-bullet-gap));left:calc(var(--comp-step-width) * -0.5 + var(--comp-step-gap) + var(--comp-bullet-gap));border:0;border-top:1px solid var(--comp-bullet-bg);height:0;position:absolute;margin:0;transition:border var(--comp-tween)}.step-container{position:relative}.step-label{color:var(--tct-stepper-title-color, var(--t-stepper-title-color, var(--t-text, #4d4d4d)));font-size:var(--tct-stepper-title-font-size, var(--t-stepper-title-font-size, var(--app-font-size-small, 12px)));height:1.5em;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}[aria-selected] .step-label{font-weight:var(--tct-stepper-active-font-weight, var(--t-stepper-active-font-weight, 600))}[aria-describedby] .step-label{-webkit-line-clamp:1}.step-description{color:var(--tct-stepper-description-color, var(--t-stepper-description-color, var(--t-textA, rgba(77, 77, 77, 0.77))));font-size:var(--tct-stepper-description-font-size, var(--t-stepper-description-font-size, var(--app-font-size-small, 12px)));text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;padding-bottom:0.2em}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:18px}.gradient-left{background-image:linear-gradient(to left, var(--t-base-a0, rgba(255, 255, 255, 0)), var(--t-base-a2, rgba(255, 255, 255, 0.5)) 10%, var(--t-base, #ffffff) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0, rgba(255, 255, 255, 0)), var(--t-base-a2, rgba(255, 255, 255, 0.5)) 10%, var(--t-base, #ffffff) 100%);right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-bg:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left q2-icon,.btn-right q2-icon{--tct-icon-stroke-width:3}.btn-left{left:0}.btn-right{right:0}';export{n as q2_stepper}
|
|
1
|
+
import{r as t,c as e,h as r,F as o,g as i}from"./p-926a3e80.js";import{g as s,o as a,a as l,l as p}from"./p-921ea070.js";s();const n=class{constructor(r){t(this,r),this.change=e(this,"change",7),this.scheduledAfterRender=[],this.onSlotChange=()=>{this.checkForPanes(),this.checkScrollState()},this.onScrollBtnClick=t=>{const e=Math.floor(this.listElement.clientWidth/2);this.listElement.scrollBy({left:"left"===t?-e:e,behavior:"smooth"})},this.onStepClick=(t,e)=>{t.stopPropagation();const{currentStep:r,stepCount:o,lastEnabledStep:i}=this;e>i||e===r||this.change.emit({selectedStep:e,lastEnabledStep:i,currentStep:r,stepCount:o})},this.onStepKeyDown=(t,e)=>{const{lastEnabledStep:r,stepCount:o}=this,{key:i}=t;let s;switch(i){case"ArrowLeft":t.preventDefault(),s=Math.max(e-1,0);break;case"ArrowRight":t.preventDefault(),s=Math.min(e+1,o);break;case"Home":t.preventDefault(),s=1;break;case"End":t.preventDefault(),s=r}s&&this.focusStep(s,!0)},this.checkForPanes=()=>{const{allPanes:t}=this;t.length&&(this.stepCount=t.length)},this.checkScrollState=()=>{if(!this.listElement)return;const{scrollLeft:t,scrollWidth:e,clientWidth:r}=this.listElement;this.scrollEnabled=e>r,this.showScrollLeft=!!t,this.showScrollRight=e!==t+r},this.currentStep=1,this.stepCount=void 0,this.lastEnabledStep=void 0,this.scrollEnabled=!1,this.showScrollLeft=!1,this.showScrollRight=!1}componentWillLoad(){this.lastEnabledStep||(this.lastEnabledStep=this.currentStep||1),this.resizeObserver=new ResizeObserver((()=>this.checkScrollState())),this.checkForPanes()}componentDidLoad(){this.resizeObserver.observe(this.listElement),this.checkScrollState(),a(this.hostElement),setTimeout((()=>this.showStep(this.currentStep||1)),0)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}disconnectedCallback(){this.resizeObserver.disconnect()}currentStepChanged(t){this.showStep(t)}defaultChangeHandler(t){const{hostElement:e}=this;t.target===e&&!e.getAttribute("onchange")&&t.detail&&(this.currentStep=t.detail.selectedStep)}delegateFocus(t){l(t,this.hostElement)&&this.focusStep(this.currentStep,!0,!0)}statusChangeHandler(t){const e=Array.from(this.allPanes).findIndex((e=>t.detail.id===e.id));e>-1&&(this.allPanes[e].status=t.detail.status,this.renderStepBtn(e))}get allPanes(){return this.hostElement.querySelectorAll("q2-stepper-pane")}showStep(t){if(t>this.lastEnabledStep){const{currentStep:e,stepCount:r}=this;this.lastEnabledStep=t,this.change.emit({selectedStep:null,lastEnabledStep:t,currentStep:e,stepCount:r})}this.scheduledAfterRender.push(this.resizeIframe),this.showStepPane(t),this.focusStep(t,this.scrollEnabled)}resizeIframe(){var t,e;return null===(e=null===(t=null===window||void 0===window?void 0:window.TectonElements)||void 0===t?void 0:t.resizeIframe)||void 0===e?void 0:e.call(t)}showStepPane(t){this.allPanes.forEach(((e,r)=>{e.isActive=t===r+1}))}focusStep(t,e,r){var o;const i=this.listElement.children[t-1],s=document.activeElement===this.hostElement;i&&((s||r)&&(null===(o=i.firstElementChild)||void 0===o||o.focus()),e)&&this.listElement.scrollTo({left:i.offsetLeft-this.listElement.clientWidth/2,behavior:"smooth"})}renderStepBtn(t){var e;const{allPanes:i,stepCount:s,currentStep:a,lastEnabledStep:l}=this,{id:n,label:c,description:b,status:d}=null!==(e=null==i?void 0:i[t])&&void 0!==e?e:{},h=t+1,v=h===a,u=c&&`label-${n}`,f=c&&b&&`description-${n}`,g=!c&&p("tecton.element.stepper.number",[`${h}`,`${s}`]);let m;"complete"===d?m="success-filled":"error"===d&&(m="warning-filled");const w=["step-btn"];d&&w.push(`status-${d}`);const x="locked"===d,z=x||h>l;return r("li",{role:"presentation"},r("button",{class:w.join(" "),type:"button","aria-labelledby":u,"aria-describedBy":f,"aria-label":g,"aria-selected":v,"aria-controls":n,"aria-disabled":z?"true":null,role:"tab",tabIndex:v?0:-1,onKeyDown:t=>this.onStepKeyDown(t,h),onClick:t=>!x&&this.onStepClick(t,h)},r(o,null,m?r("div",{class:"step-icon"},r("q2-icon",{type:m})):r("div",{class:"step-bubble"},h),c&&r("div",{class:"step-label",id:u},p(c)),c&&b&&r("div",{class:"step-description",id:f},p(b)))),t?r("hr",null):"")}render(){const{stepCount:t,scrollEnabled:e,showScrollLeft:i,showScrollRight:s}=this,a=["step-container"];return e&&a.push("has-scroll"),r(o,null,r("div",{class:a.join(" ")},e&&r(o,null,r("div",{class:"gradient-left",hidden:!i}),r("div",{class:"gradient-right",hidden:!s}),r("q2-btn",{class:"btn-left",hidden:!this.showScrollLeft,onClick:()=>this.onScrollBtnClick("left")},r("q2-icon",{type:"chevron-left"})),r("q2-btn",{class:"btn-right",hidden:!this.showScrollRight,onClick:()=>this.onScrollBtnClick("right")},r("q2-icon",{type:"chevron-right"}))),r("ul",{onScroll:this.checkScrollState,ref:t=>this.listElement=t,role:"tablist"},[...Array(t).keys()].map((t=>this.renderStepBtn(t))))),r("div",null,r("slot",{onSlotchange:()=>this.onSlotChange()})))}get hostElement(){return i(this)}static get watchers(){return{currentStep:["currentStepChanged"]}}};n.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative}ul{--comp-bullet-bg:var(--tct-stepper-bullet-active-bg, var(--t-stepper-bullet-active-bg, var(--t-primary, #0079c1)));--comp-bullet-font-color:var(--tct-stepper-bullet-active-font-color, var(--t-stepper-bullet-active-font-color, var(--t-primary-font-color, #ffffff)));--comp-bullet-size:var(--tct-stepper-btn-icon-size, var(--t-stepper-btn-icon-size, 24px));--comp-bullet-gap:var(--tct-stepper-btn-gap, var(--t-stepper-btn-gap, var(--app-scale-3x, 15px)));--comp-bullet-border-offset:var(--tct-stepper-bullet-border-offset, var(--t-stepper-bullet-border-offset, 4px));--comp-bullet-border:var(--tct-stepper-bullet-border, var(--t-stepper-bullet-border, 2px solid var(--t-primary-l3, #21acff)));--comp-bullet-font-size:var-list(var-prefixer(stepper-btn-label-font-size), 16px);--comp-step-width:var(--tct-stepper-step-width, var(--t-stepper-step-width, var(--t-stepper-step-width, 80px)));--comp-step-gap:var(--tct-stepper-step-gap, var(--t-stepper-step-gap, 5px));--comp-top-btn-icon-size:var(--tct-stepper-btn-icon-size, var(--t-stepper-btn-icon-size, 24px));--comp-btn-icon-size:var(--comp-top-btn-icon-size);--comp-btn-content-gap:var(--tct-stepper-btn-gap, var(--t-stepper-btn-gap, var(--app-scale-3x, 15px)));--comp-btn-label-font-size:var-list(var-prefixer(stepper-btn-label-font-size), 16px);--comp-btn-label-color:var(--tct-stepper-label-color, var(--t-stepper-label-color, var(--t-text, #4d4d4d)));--comp-tween:var(--tct-stepper-tween, var(--t-stepper-tween, var(--app-tween-1, 0.2s ease)));overflow-x:auto;display:flex;justify-content:center;list-style:none;padding:0;padding:var(--tct-stepper-list-padding, var(--t-stepper-list-padding, 2px));margin:0;gap:var(--comp-step-gap);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}ul::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}ul::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}ul::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.has-scroll ul{justify-content:unset}li{min-height:var(--tct-stepper-min-height, var(--t-stepper-min-height, 50px));flex:0 0 auto;position:relative;width:var(--comp-step-width);text-align:center;max-width:150px;min-width:80px}.step-btn{position:relative;background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;height:calc(100% - 4px);width:100%;transition:var(--comp-tween);padding:0;transition-property:box-shadow;outline:none;margin-top:2px;--comp-active-color:var(--t-primary, #0079c1)}.step-btn.status-complete{--comp-active-color:var(--const-stoplight-success, #0e8a00)}.step-btn.status-error{--comp-active-color:var(--const-stoplight-alert, #c30000)}.step-btn[aria-disabled]{cursor:not-allowed}.step-btn[aria-disabled],.step-btn[aria-disabled]+hr{--comp-bullet-font-color:var(--tct-stepper-bullet-inactive-font-color, var(--t-stepper-bullet-inactive-font-color, var(--t-text, #4d4d4d)));--comp-bullet-bg:var(--tct-stepper-bullet-inactive-bg, var(--t-stepper-bullet-inactive-bg, var(--t-gray-12, #d9d9d9)))}.step-icon,.step-bubble{display:flex;justify-content:center;align-items:center;line-height:0;margin:var(--comp-bullet-gap) auto;color:var(--comp-bullet-font-color);width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size);min-height:var(--comp-btn-icon-size);font-size:var(--comp-bullet-font-size);transition:var(--comp-tween);transition-property:background, color;border-radius:50%;position:relative}.step-icon q2-icon,.step-bubble q2-icon{--tct-icon-fill:var(--comp-active-color)}.step-icon q2-icon:before,.step-bubble q2-icon:before{content:"";display:block;background:var(--comp-bullet-font-color);position:absolute;width:80%;height:80%;left:11%;top:11%;border-radius:50%}.status-complete .step-icon,.status-error .step-icon,.status-complete .step-bubble,.status-error .step-bubble{background:var(--comp-active-color)}[aria-selected] .step-icon,[aria-selected] .step-bubble{font-weight:var(--tct-stepper-bullet-active-font-weight, var(--t-stepper-bullet-active-font-weight, 600))}[aria-selected] .step-icon:before,[aria-selected] .step-bubble:before{content:"";position:absolute;inset:calc(var(--comp-bullet-border-offset) * -1);width:calc(var(--comp-bullet-size) + var(--comp-bullet-border-offset));height:calc(var(--comp-bullet-size) + var(--comp-bullet-border-offset));border-radius:50%;border:var(--comp-bullet-border);border-color:var(--comp-active-color)}.step-bubble{background:var(--comp-bullet-bg)}hr{width:calc(var(--comp-step-width) - var(--comp-step-gap) - var(--comp-bullet-gap) - var(--comp-bullet-size));top:calc(var(--comp-bullet-size) / 2 + var(--comp-bullet-gap));left:calc(var(--comp-step-width) * -0.5 + var(--comp-step-gap) + var(--comp-bullet-gap));border:0;border-top:1px solid var(--comp-bullet-bg);height:0;position:absolute;margin:0;transition:border var(--comp-tween)}.step-container{position:relative}.step-label{color:var(--tct-stepper-title-color, var(--t-stepper-title-color, var(--t-text, #4d4d4d)));font-size:var(--tct-stepper-title-font-size, var(--t-stepper-title-font-size, var(--app-font-size-small, 12px)));height:1.5em;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}[aria-selected] .step-label{font-weight:var(--tct-stepper-active-font-weight, var(--t-stepper-active-font-weight, 600))}[aria-describedby] .step-label{-webkit-line-clamp:1}.step-description{color:var(--tct-stepper-description-color, var(--t-stepper-description-color, var(--t-textA, rgba(77, 77, 77, 0.77))));font-size:var(--tct-stepper-description-font-size, var(--t-stepper-description-font-size, var(--app-font-size-small, 12px)));text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;padding-bottom:0.2em}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:18px}.gradient-left{background-image:linear-gradient(to left, var(--t-base-a0, rgba(255, 255, 255, 0)), var(--t-base-a2, rgba(255, 255, 255, 0.5)) 10%, var(--t-base, #ffffff) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0, rgba(255, 255, 255, 0)), var(--t-base-a2, rgba(255, 255, 255, 0.5)) 10%, var(--t-base, #ffffff) 100%);right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-bg:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left q2-icon,.btn-right q2-icon{--tct-icon-stroke-width:3}.btn-left{left:0}.btn-right{right:0}';export{n as q2_stepper}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as a,H as
|
|
1
|
+
import{r as t,c as i,h as a,H as e,g as o}from"./p-926a3e80.js";import{o as r,a as s,l as n}from"./p-921ea070.js";import{s as c,a as h}from"./p-a1926e65.js";const p=class{constructor(a){var e;t(this,a),this.click=i(this,"click",7),this.determineHasOptions=()=>{const t=!!this.hostElement.querySelectorAll("q2-option").length;this.hasOptions=t},this.onClickElsewhere=t=>{if("click-elsewhere"===t.target.localName){t.stopPropagation();const{popoverElement:i}=this;if(!i)return;i.open=!1}},this.handleChange=t=>{if(t.stopPropagation(),!this.hasOptions)return;const{value:i}=t.detail;this.click.emit({value:i})},this.handleClick=async t=>{if(t.stopPropagation(),this.popoverElement.controlElement=this.dropdownBtn,c(this)){const{value:i}=await h(this,t);this.click.emit({value:i})}else this.popoverElement.toggle()},this.handleKeydown=async t=>{if(!t.metaKey&&!t.ctrlKey&&"Tab"!==t.key)if(t.preventDefault(),this.popoverElement.controlElement=this.dropdownBtn,c(this,t)){const{value:i}=await h(this,t);this.click.emit({value:i})}else this.optionList.handleExternalKeydown(t)},this.handleButtonFocusout=async t=>{var i;const a=t.relatedTarget;null!==(i="Q2-OPTION"===(null==a?void 0:a.tagName))&&void 0!==i&&i||(this.open=!1)},this.handleWrapperClick=()=>{this.dropdownBtn.focus(),this.dropdownBtn.click()},this.hoist=!!(null===(e=window.Tecton)||void 0===e?void 0:e.useActionSheets),this.open=void 0,this.label=void 0,this.theme=void 0,this.popoverMinHeight=150,this.popoverDirection=void 0,this.hasOptions=void 0}componentWillLoad(){const t=new MutationObserver(this.determineHasOptions);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t}componentDidLoad(){r(this.hostElement)}disconnectedCallback(){this.mutationObserver.disconnect(),this.mutationObserver=null}delegateFocus(t){s(t,this.hostElement)&&this.hasOptions&&this.dropdownBtn.focus()}popoverStateHandler({detail:{open:t}}){this.open!==t&&(this.open=t),t||this.optionList.setActiveElement(null)}render(){const{hasOptions:t,open:i}=this,o=["tag-wrapper"];return t&&o.push("has-options"),a(e,{role:"listitem"},a("click-elsewhere",{onChange:this.onClickElsewhere},a("div",{class:o.join(" "),onClick:t=>t.stopPropagation()},a("div",{class:"tag"},this.label),this.hasOptions&&a("div",{class:"btn-wrapper",onClick:this.handleWrapperClick},a("button",{ref:t=>this.dropdownBtn=t,"test-id":"btn-control",onClick:this.handleClick,onKeyDown:this.handleKeydown,onFocusout:this.handleButtonFocusout,"aria-controls":"option-list","aria-haspopup":"true","aria-expanded":i?"true":"false","aria-label":n("tecton.element.tag.viewOptions")},a("q2-icon",{type:"options"})))),this.hasOptions&&a("q2-popover",{ref:t=>this.popoverElement=t,controlElement:this.dropdownBtn,open:this.open,minHeight:this.popoverMinHeight,direction:this.popoverDirection,align:"right"},a("q2-option-list",{id:"option-list",role:"menu",ref:t=>this.optionList=t,onChange:this.handleChange,align:"right",type:"menu","no-select":!0},a("slot",null)))))}get hostElement(){return o(this)}};p.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;position:relative;line-height:0}:host(:not(:last-child)){margin-inline-end:var(--tct-tag-margin, var(--t-tag-margin, var(--app-scale-2x, 10px)))}.tag-wrapper{--comp-tag-btn-size:var(--tct-tag-btn-size, var(--t-tag-btn-size, var(--app-scale-6x, 30px)));--comp-tag-background:var(--tct-tag-background, var(--t-tag-background, var(--t-gray-13, #e6e6e6)));--comp-tag-color:var(--tct-tag-color, var(--t-tag-color, var(--t-gray-3, #262626)));position:relative}:host([theme=primary]) .tag-wrapper{--comp-tag-background:var(--t-primary-l5, #61c4ff);--comp-tag-color:var(--t-primary-text, #ffffff)}:host([theme=secondary]) .tag-wrapper{--comp-tag-background:var(--t-secondary-l5, #d9e1e6);--comp-tag-color:var(--t-secondary-text, #000000)}:host([theme=tertiary]) .tag-wrapper{--comp-tag-background:var(--t-tertiary-l5, #f4fafe);--comp-tag-color:var(--t-tertiary-text, #000000)}.tag{height:var(--tct-tag-height, var(--t-tag-height, var(--app-scale-6x, 30px)));line-height:var(--tct-tag-height, var(--t-tag-height, var(--app-scale-6x, 30px)));padding-inline:var(--tct-tag-padding-inline, var(--t-tag-padding-inline, var(--app-scale-3x, 15px)));background:var(--comp-tag-background);color:var(--comp-tag-color);border-radius:var(--tct-tag-border-radius, var(--t-tag-border-radius, var(--app-border-radius-1, 3px)))}.has-options .tag{padding-right:var(--comp-tag-btn-size)}.btn-wrapper{--comp-tag-clickable-size:var(--tct-tag-clickable-size, var(--t-tag-clickable-size, 44px));--comp-tag-btn-offset:calc(calc(calc(var(--comp-tag-clickable-size) - var(--comp-tag-btn-size)) / 2) * -1);height:var(--comp-tag-clickable-size);width:var(--comp-tag-clickable-size);display:flex;align-items:center;justify-content:center;position:absolute;right:var(--comp-tag-btn-offset);top:var(--comp-tag-btn-offset);cursor:pointer}button{width:var(--comp-tag-btn-size);height:var(--comp-tag-btn-size);stroke:var(--comp-tag-color);--tct-icon-stroke-primary:var(--comp-tag-color);cursor:pointer;border:0;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;--tct-icon-size:18px}";export{p as q2_tag}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,g as s}from"./p-926a3e80.js";import{r as n,o as a,a as o,n as r,l as h}from"./p-
|
|
1
|
+
import{r as t,c as e,h as i,g as s}from"./p-926a3e80.js";import{r as n,o as a,a as o,n as r,l as h}from"./p-921ea070.js";const c=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.titleId="title",this.contentId="content",this.onHeaderClick=()=>{this.change.emit({expanded:!this.expanded})},this.onTransitionEnd=()=>{this.expanded?this.contentHeight=void 0:this.hideContent=!0,setTimeout((()=>{this.clearResizeInterval()}),1e3)},this.onHeaderSlotChange=()=>{const t=!!this.hostElement.querySelector('[slot="q2-section-header"]');this.hasYieldedHeader!==t&&(this.hasYieldedHeader=!!t)},this.clearResizeInterval=()=>{this.resizerFn&&clearInterval(this.resizerFn)},this.addHeaderSlotListener=()=>{if(this.headerSlot)return void this.headerSlot.addEventListener("slotchange",this.onHeaderSlotChange);const t=new MutationObserver(this.onHeaderSlotChange);t.observe(this.headerSlotWrapper,{childList:!0}),this.headerSlotMutationObserver=t},this.removeHeaderSlotListener=()=>{this.headerSlot?this.headerSlot.removeEventListener("slotchange",this.onHeaderSlotChange):this.headerSlotMutationObserver.disconnect()},this.addContentSlotListener=()=>{if(this.contentSlot)return void this.contentSlot.addEventListener("slotchange",n);const t=new MutationObserver(n);t.observe(this.contentContainer,{childList:!0,subtree:!0}),this.contentSlotMutationObserver=t},this.removeContentSlotListener=()=>{this.contentSlot?this.contentSlot.removeEventListener("slotchange",n):this.contentSlotMutationObserver.disconnect()},this.label=void 0,this.collapsible=void 0,this.noCollapseIcon=void 0,this.expanded=void 0,this.contentHeight=void 0,this.hideContent=!1,this.hasYieldedHeader=!1}componentWillLoad(){this.onHeaderSlotChange();const{collapsible:t,expanded:e}=this;this.contentHeight=t&&e?void 0:"0px",this.hideContent=!e}componentDidLoad(){this.addHeaderSlotListener(),this.addContentSlotListener(),a(this.hostElement)}disconnectedCallback(){this.removeHeaderSlotListener(),this.removeContentSlotListener()}defaultChangeHandler(t){t.target===this.hostElement&&!this.hostElement.onchange&&t.detail&&(this.expanded=t.detail.expanded)}delegateFocus(t){o(t,this.hostElement)&&this.contentContainer.focus()}async expandedObserver(t){this.clearResizeInterval(),this.resizerFn=setInterval(n,5),t?this.expandSection():this.collapseSection()}async collapseSection(){this.contentHeight=this.contentContainerHeight,await r((()=>{this.contentHeight=this.currentHeight}))}async expandSection(){this.hideContent=!1,await r((()=>{this.contentHeight=this.currentHeight}))}collapsibleObserver(){this.contentHeight=this.currentHeight}get currentHeight(){const{collapsible:t,expanded:e}=this;return t?e?this.contentContainerHeight:"0":null}get contentContainerHeight(){return`${this.contentContainer.offsetHeight||0}px`}render(){const t=this.label||this.hasYieldedHeader,e=["content-wrapper"],{collapsible:s,hideContent:n,contentHeight:a}=this;return s&&(n?e.push("is-closed"):a&&e.push("is-transitioning")),i("section",{class:"wrapper"},i("header",{class:t?"has-header":""},i("div",{class:"header-content",id:this.titleId,onClick:this.collapsible&&this.onHeaderClick},!this.hasYieldedHeader&&!!this.label&&i("h2",{class:"title"},h(this.label)),i("div",{ref:t=>this.headerSlotWrapper=t,class:"header-slot-wrapper"},i("slot",{ref:t=>this.headerSlot=t,name:"q2-section-header"}))),this.collapsible&&!this.noCollapseIcon&&i("q2-btn",{label:h(this.label||"tecton.element.section.defaultToggleLabel"),ariaExpanded:`${!!this.expanded}`,ariaControls:this.contentId,"test-id":"toggleButton","hide-label":!0,onClick:this.onHeaderClick},i("q2-icon",{type:"chevron-up"}))),i("div",{class:e.join(" "),id:this.contentId,"aria-labelledby":this.titleId,role:"region",onTransitionEnd:this.onTransitionEnd,style:this.collapsible&&{height:this.contentHeight}},i("div",{ref:t=>this.contentContainer=t,class:"content",tabindex:"-1"},i("slot",{ref:t=>this.contentSlot=t}))))}get hostElement(){return s(this)}static get watchers(){return{expanded:["expandedObserver"],collapsible:["collapsibleObserver"]}}};c.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;background-color:var(--tct-section-background-color, var(--t-section-background-color, var(--tct-section-bg, var(--t-section-bg, var(--app-white, #ffffff)))));color:var(--tct-section-font-color, var(--t-section-font-color, var(--t-text, #4d4d4d)));border-radius:var(--tct-section-border-radius, var(--t-section-border-radius, var(--app-border-radius-1, 3px)));margin:var(--tct-section-margin, var(--t-section-margin, var(--app-scale-3x, 15px)))}@media screen and (max-width: 767px){:host{--comp-default-margin:var(--app-scale-3x, 15px) 0;margin:var(--tct-section-margin, var(--t-section-margin, var(--comp-default-margin)))}}.wrapper{--comp-tween:var(--tct-section-tween, var(--t-section-tween, var(--app-tween-1, 0.2s ease)));--comp-default-wrapper-padding:var(--app-scale-1x, 5px) 0;display:block;padding:var(--tct-section-wrapper-padding, var(--t-section-wrapper-padding, var(--comp-default-wrapper-padding)))}.wrapper:hover{box-shadow:var(--tct-section-wrapper-hover-box-shadow, var(--t-section-wrapper-hover-box-shadow, inherit))}:host([collapsible]) .wrapper{--comp-tween:var(--tct-section-tween, var(--t-section-tween, var(--app-tween-2, 0.4s ease)))}header{--comp-default-header-padding:0 var(--app-scale-3x, 15px);padding:var(--tct-section-header-padding, var(--t-section-header-padding, var(--comp-default-header-padding)));display:flex}header.has-header{min-height:var(--tct-section-header-min-height, var(--t-section-header-min-height, 44px))}.header-content{flex:1 1 100%;min-width:0;align-self:center}:host([collapsible]) .header-content{cursor:pointer}.title{margin:0;font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}q2-icon{transition:transform var(--comp-tween)}:host(:not([expanded])) q2-icon,:host([expanded=false]) q2-icon{transform:rotate(180deg)}.content-wrapper{height:auto}.content-wrapper.is-closed{display:none;overflow:hidden}.content-wrapper.is-transitioning{overflow:hidden}:host([collapsible]) .content-wrapper{transition:height var(--comp-tween)}.content{--comp-default-content-padding:var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);padding:var(--tct-section-content-padding, var(--t-section-content-padding, var(--comp-default-content-padding)))}.content:focus{box-shadow:none}:host([collapsible]) :host(:not([expanded])) .content{visibility:hidden}";export{c as q2_section}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i,F as o,g as s}from"./p-926a3e80.js";import{b as e,h as n,a as r,o as h,l as d}from"./p-921ea070.js";const a=class{constructor(i){t(this,i),this.dropdownItemSelector="q2-dropdown-item:not([disabled]):not([separator])",this.focusToggle=()=>{this.controlElement.shadowRoot.querySelector("button").focus()},this.openDropdown=()=>{this.open||(this.open=!0)},this.closeDropdown=()=>{this.open&&(this.open=!1)},this.onClickElsewhere=t=>{if("click-elsewhere"===t.target.localName){t.stopPropagation();const{popoverElement:i}=this;if(!i)return;i.open=!1}},this.onToggleClick=()=>{this.open?this.closeDropdown():this.openDropdown()},this.onToggleKeydown=t=>["ArrowUp","Up"].includes(t.key)?(t.preventDefault(),this.openDropdown(),void this.focusLastItem()):["ArrowDown","Down"].includes(t.key)?(t.preventDefault(),this.openDropdown(),void this.focusFirstItem()):["Escape","Esc"].includes(t.key)?(t.preventDefault(),this.focusToggle(),void this.closeDropdown()):void 0,this.onDropdownMenuClick=t=>{if("q2-dropdown-item"!==t.target.localName)return;const i=t.target;i.disabled||i.separator||(this.focusToggle(),this.closeDropdown())},this.onDropdownMenuKeydown=t=>{if(["Escape","Esc"].includes(t.key))return this.closeDropdown(),void this.focusToggle();if("q2-dropdown-item"!==t.target.localName)return;const i=t.target;return["ArrowUp","Up"].includes(t.key)?(t.preventDefault(),void this.focusAdjacentItem(i,"prev")):["ArrowDown","Down"].includes(t.key)?(t.preventDefault(),void this.focusAdjacentItem(i,"next")):void 0},this.type="icon",this.icon=void 0,this.label=void 0,this.hideLabel=void 0,this.disabled=void 0,this.alignment="left",this.name=void 0,this.context=void 0,this.contextValue=void 0,this.resolvedType=void 0,this.block=void 0,this.open=void 0,this.popoverMinHeight=150,this.popoverDirection=void 0,this.popDirection=void 0,this.ariaLabel=void 0}resolveMenu(){return this.name&&window.TectonElements&&window.TectonElements.resolveMenu(this.name,this.contextValue,this.resolvedType)}orchestrateResolvedMenuItems(){this.name&&this.context?this.resolveMenuItemElements().then((t=>{this.removeResolvedElements(),t.forEach((t=>{this.hostElement.appendChild(t)}))})).catch((t=>{throw this.removeResolvedElements(),t})):this.removeResolvedElements()}removeResolvedElements(){this.hostElement.querySelectorAll("q2-dropdown-item.resolved-menu-item").forEach((t=>this.hostElement.removeChild(t)))}resolveMenuItemElements(){return this.resolveMenu().then((t=>t.map((t=>{let i,o;switch(t["tct-ctxid"]&&(o={},o[t.contextIdParamName]=t["tct-ctxid"]),t.action){case"navigateTo":i=()=>this.navigateTo(t.featureName,t.moduleName,o);break;case"showOverpanel":i=()=>this.showOverpanel(`${t.featureName}.${t.moduleName}`,o)}const s=document.createElement("q2-dropdown-item");return s.setAttribute("value",t.itemLabel),s.classList.add("resolved-menu-item"),s.innerHTML=t.itemLabel,s.onclick=i,s}))))}navigateTo(t,i,o){var s,e;return null===(e=null===(s=window.TectonElements)||void 0===s?void 0:s.navigateTo)||void 0===e?void 0:e.call(s,t,i,o)}showOverpanel(t,i){var o,s;return null===(s=null===(o=window.TectonElements)||void 0===o?void 0:o.showOverpanel)||void 0===s?void 0:s.call(o,t,i,void 0,!0)}get hasCustomButton(){return!!this.hostElement.querySelector("[slot=custom-dropdown-button]")}get toggleButtonProps(){const t=["primary","secondary","neutral"],i=["icon","fab","custom",...t].includes(this.type)?this.type:"",o="icon"===i,s="fab"===i,e="custom"===i;let n;return t.includes(i)&&(n="neutral"===i?i:`workflow-${i}`),{icon:o,fab:s,intent:n,active:this.open,disabled:!!this.disabled,ariaExpanded:this.open,className:o||s||n?"":"unstyled",custom:e}}popDirectionHandler(){e(this,"popDirection","popoverDirection")}ariaLabelHandler(){n(this)}nameHandler(){this.orchestrateResolvedMenuItems()}contextHandler(){this.orchestrateResolvedMenuItems()}contextValueHandler(){this.orchestrateResolvedMenuItems()}resolvedTypeHandler(){this.orchestrateResolvedMenuItems()}delegateFocus(t){r(t,this.hostElement)&&this.focusToggle()}popoverStateHandler({detail:{open:t}}){this.open!==t&&(this.open=t)}componentWillLoad(){this.popDirectionHandler(),this.ariaLabelHandler()}componentDidLoad(){this.orchestrateResolvedMenuItems(),h(this.hostElement)}focusFirstItem(){const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:first-child`);null==t||t.dispatchEvent(new FocusEvent("focus"))}focusLastItem(){const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:last-child`);null==t||t.dispatchEvent(new FocusEvent("focus"))}focusAdjacentItem(t,i){const o=Array.from(this.hostElement.querySelectorAll(this.dropdownItemSelector)),s=o.indexOf(t);if(-1===s)return;let e=0;"next"===i?e=s<o.length-1?s+1:0:"prev"===i&&(e=s>0?s-1:o.length-1);const n=o[e];n&&n.dispatchEvent(new Event("focus"))}render(){const t=this.toggleButtonProps;return i("click-elsewhere",{class:this.open?"dropdown-open":"",onChange:this.onClickElsewhere,"test-id":"dropdownContainer"},i("q2-btn",{ref:t=>this.controlElement=t,class:t.className,onClick:this.onToggleClick,onKeyDown:this.onToggleKeydown,fab:t.fab,intent:t.intent,active:t.active,disabled:t.disabled,ariaExpanded:`${!!t.ariaExpanded}`,label:this.hideLabel&&this.label?d(this.label):void 0,hideLabel:this.hideLabel,ariaHasPopup:"menu","test-id":"dropdownButton",block:this.block},this.hasCustomButton?i("div",{"test-id":"dropdownCustom",class:t.custom?"":"hidden"},i("slot",{name:"custom-dropdown-button"})):i(o,null,this.icon?i("q2-icon",{type:this.icon}):" ",this.label&&!this.hideLabel&&i("span",{class:"dropdown-button-text"},d(this.label)))),i("q2-popover",{ref:t=>this.popoverElement=t,controlElement:this.controlElement,open:this.open,minHeight:this.popoverMinHeight,direction:this.popoverDirection,align:this.alignment},i("div",{onClick:this.onDropdownMenuClick,onKeyDown:this.onDropdownMenuKeydown},i("slot",null),this.open&&i("q2-btn",{class:"sr close-dropdown",onFocus:this.closeDropdown}))))}get hostElement(){return s(this)}static get watchers(){return{popDirection:["popDirectionHandler"],ariaLabel:["ariaLabelHandler"],name:["nameHandler"],context:["contextHandler"],contextValue:["contextValueHandler"],resolvedType:["resolvedTypeHandler"]}}};a.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-flex}click-elsewhere{position:relative;display:block}q2-popover{--tct-popover-min-width:var(--tct-dropdown-width, var(--t-dropdown-width))}";export{a as q2_dropdown}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,g as o}from"./p-926a3e80.js";import{h as r,l as i}from"./p-
|
|
1
|
+
import{r as t,h as e,g as o}from"./p-926a3e80.js";import{h as r,l as i}from"./p-921ea070.js";const n=class{constructor(e){t(this,e),this.onItemClick=t=>{t.stopImmediatePropagation(),this.hostElement.dispatchEvent(new CustomEvent("click",{detail:{type:"select",value:this.value||""},bubbles:!0}))},this.onItemKeydown=t=>{["ArrowRight","Right"].includes(t.key)&&this.focusRemoveBtn()},this.onItemFocus=t=>{t.stopPropagation()},this.onRemoveBtnClick=t=>{t.stopImmediatePropagation(),this.hostElement.dispatchEvent(new CustomEvent("click",{detail:{type:"remove",value:this.value||""},bubbles:!0}))},this.onRemoveBtnKeydown=t=>{["ArrowLeft","Left"].includes(t.key)&&this.focusItem()},this.onRemoveBtnFocus=t=>{t.stopPropagation()},this.disabled=void 0,this.removable=void 0,this.separator=void 0,this.label=void 0,this.value=void 0,this.ariaLabel=void 0}componentWillLoad(){r(this)}ariaLabelObserver(){r(this)}get removeLabel(){return i("tecton.element.dropdownItem.remove",[this.label||""])}get dropdownItemBtn(){return this.hostElement.shadowRoot.querySelector(".dropdown-item")}get innerLabel(){return this.label||this.hostElement.textContent}get removeBtn(){return this.hostElement.shadowRoot.querySelector(".remove-dropdown-item")}onHostElementFocus(){event.target===this.hostElement&&this.focusItem()}focusItem(){this.dropdownItemBtn.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}focusRemoveBtn(){this.removeBtn&&this.removeBtn.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}render(){return this.separator?this.separatorDOM():this.itemDOM()}separatorDOM(){return e("div",{class:"dropdown-separator",role:"separator","test-id":"dropdownItemSeparator"})}itemDOM(){return e("div",{class:"dropdown-item-wrapper"},e("q2-btn",{class:"dropdown-item",label:this.innerLabel,"hide-label":!0,disabled:!!this.disabled,role:"menuitem",onClick:this.onItemClick,onKeyDown:this.onItemKeydown,onFocus:this.onItemFocus,"test-id":"dropdownItem"},e("div",{class:"dropdown-item-content"},e("slot",null))),this.removable?e("q2-btn",{class:"remove-dropdown-item",label:this.removeLabel,"hide-label":!0,disabled:!!this.disabled,role:"menuitem",onClick:this.onRemoveBtnClick,onKeyDown:this.onRemoveBtnKeydown,onFocus:this.onRemoveBtnFocus,"test-id":"removeDropdownItem"},e("q2-icon",{type:"close"})):"")}get hostElement(){return o(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};n.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.dropdown-separator{--comp-default-separator-margin:0 var(--tct-scale-1, var(--app-scale-3x, 15px));margin:var(--tct-dropdown-separator-margin, var(--t-dropdown-separator-margin, var(--comp-default-separator-margin)));border-bottom:1px solid var(--tct-dropdown-item-separator-color, var(--t-dropdown-item-separator-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))))}.dropdown-item-wrapper{display:flex}.dropdown-item{min-height:44px;flex:1 1 100%;padding:var(--tct-dropdown-item-padding, var(--t-dropdown-item-padding, 2px))}.dropdown-item-content{--comp-default-content-padding:12px var(--app-scale-3x, 15px);padding:var(--tct-dropdown-item-content-padding, var(--t-dropdown-item-content-padding, var(--comp-default-content-padding)));text-align:left;background-color:var(--tct-dropdown-item-bg, var(--t-dropdown-item-bg, var(--tct-white, var(--t-base, var(--app-white, #ffffff)))));color:var(--tct-dropdown-item-font-color, var(--t-dropdown-item-font-color, inherit));transition:background-color var(--tct-dropdown-item-content-tween, var(--t-dropdown-item-content-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));overflow:hidden;text-overflow:ellipsis;flex:1}:host(:not([disabled])) .dropdown-item-content:hover,:host(:not([disabled])) .dropdown-item:focus-within .dropdown-item-content{background-color:var(--tct-dropdown-item-selected-bg, var(--t-dropdown-item-selected-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, var(--t-base, #f2f2f2)))))));color:var(--tct-dropdown-item-selected-font-color, var(--t-dropdown-item-selected-font-color, inherit))}.remove-dropdown-item{flex:0 0 44px;margin:2px}";export{n as q2_dropdown_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as a,g as r}from"./p-926a3e80.js";import{i}from"./p-f23bcb4b.js";const e=class{constructor(a){t(this,a),this.onError=()=>{this.badSrc=!0},this.onLoad=()=>{this.isLoaded=!0},this.name=void 0,this.initials=void 0,this.src=void 0,this.icon="person",this.badSrc=!1,this.isLoaded=!1}srcDidUpdate(){this.badSrc=!1}get fallbackIcon(){return i[this.icon]&&i[this.icon].markup()||i.error.markup()}get computedInitials(){const{initials:t,name:a}=this;if(!t&&!a)return;let r="";if(t)r=t.substr(0,4);else if(a){const t=a.split(" "),i=t.length>1?t[t.length-1][0]:void 0;r+=t[0][0],i&&(r+=i)}return r=null==r?void 0:r.toUpperCase(),r}render(){const{computedInitials:t}=this,r=(this.name||this.initials)&&(!this.src||this.badSrc),i=!this.name&&!this.initials&&(!this.src||this.badSrc);return a("div",null,this.src&&!this.badSrc&&a("img",{class:this.isLoaded?"avatar-img":"avatar-img-default","test-id":"userImage",src:this.src,onError:this.onError,onLoad:this.onLoad,alt:this.name||""}),r&&a("svg",{viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid meet","test-id":"userInitials",class:`avatar-initials size-${t.length}`,"aria-label":this.name,"aria-hidden":!this.name&&"true"},a("text",{x:"50",y:"50","dominant-baseline":"central","text-anchor":"middle","aria-hidden":"true"},t)),i&&a("div",{"test-id":"fallbackIcon",class:"fallback"},a("q2-icon",{type:this.icon})))}get el(){return r(this)}static get watchers(){return{src:["srcDidUpdate"]}}};e.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.avatar-img,.avatar-img-default{object-fit:cover;height:var(--tct-avatar-img-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-img-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-img-border-radius, var(--tct-avatar-img-br, var(--tct-avatar-border-radius, 50%)))}.avatar-img-default{background:var(--tct-avatar-background, var(--tct-avatar-bg, #9e9e9e))}.avatar-initials{height:var(--tct-avatar-height, 44px);width:var(--tct-avatar-width, 44px);background:var(--tct-avatar-background, var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e)));border-radius:var(--tct-avatar-br, 50%)}.size-1{--tct-avatar-font-size:var(--tct-avatar-size-1, 60px)}.size-2{--tct-avatar-font-size:var(--tct-avatar-size-2, 50px)}.size-3{--tct-avatar-font-size:var(--tct-avatar-size-3, 40px)}.size-4{--tct-avatar-font-size:var(--tct-avatar-size-4, 30px)}text{fill:var(--tct-avatar-text-color, var(--tct-avatar-color, #ffffff));font-weight:var(--tct-avatar-font-weight, 200);font-size:var(--tct-avatar-font-size, 40px)}.fallback{height:var(--tct-avatar-fallback-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-fallback-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-fallback-border-radius, var(--tct-avatar-fallback-br, var(--tct-avatar-img-border-radius, var(--tct-avatar-img-br, 50%))));background:var(--tct-avatar-fallback-background, var(--tct-avatar-fallback-bg, var(--tct-avatar-background, var(--tct-avatar-bg, #9e9e9e))));display:flex;align-items:center;justify-content:center}q2-icon{--t-icon-size:var(--tct-avatar-icon-size, var(--tct-avatar-fallback-icon-size, 65%));--t-icon-fill:var(--tct-avatar-icon-fill, var(--tct-avatar-fallback-fill, transparent));--t-icon-stroke-primary:var(--tct-avatar-icon-stroke-primary, var(--tct-avatar-fallback-stroke-primary, currentcolor));--t-icon-stroke-secondary:var(--tct-avatar-icon-stroke-secondary, var(--tct-avatar-fallback-stroke-secondary, currentcolor));color:var(--tct-avatar-icon-color, var(--tct-avatar-fallback-color, var(--tct-avatar-color, var(--t-base, #ffffff))));width:var(--tct-avatar-icon-size, var(--t-icon-size));height:var(--tct-avatar-icon-size, var(--t-icon-size))}";export{e as q2_avatar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,g as n}from"./p-926a3e80.js";import{n as a,o,a as s,l as r}from"./p-
|
|
1
|
+
import{r as t,c as i,h as e,g as n}from"./p-926a3e80.js";import{n as a,o,a as s,l as r}from"./p-921ea070.js";const l=class{constructor(e){t(this,e),this.change=i(this,"change",7),this.handlePageChange=t=>{const{totalPages:i,inputField:e}=this;t<1?t=1:t>i&&(t=i),e.value!==`${t}`&&(e.value=`${t}`),this.hostElement.onchange||(this.page=t),this.change.emit({page:t})},this.checkSize=()=>{const{hostElement:t,containerElement:i}=this,e=this.containerWidth>t.clientWidth;this.isSmall=e,e||a((()=>{this.containerWidth===i.clientWidth||(this.containerWidth=i.clientWidth,this.checkSize())}))},this.recordType=void 0,this.perPage=void 0,this.total=void 0,this.page=void 0,this.pages=void 0,this.recordsOnly=void 0,this.pagesOnly=void 0,this.isSmall=void 0}componentDidLoad(){this.recordsOnly||this.pagesOnly||(this.containerWidth=this.containerElement.clientWidth,this.resizeObserver=new ResizeObserver((()=>this.checkSize())),window.addEventListener("resize",this.checkSize),this.resizeObserver.observe(this.hostElement),o(this.hostElement))}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),window.removeEventListener("resize",this.checkSize)}onHostElementFocus(t){var i;if(!s(t,this.hostElement))return;const{isFullViewHidden:e,containerElement:n,inputField:a}=this;e?null===(i=n.querySelector("q2-btn:not([disabled])"))||void 0===i||i.focus():a.focus()}get isFullViewHidden(){return this.isSmall||this.recordsOnly||this.pagesOnly}get pageWithDefault(){return this.page||1}get perPageWithDefault(){return this.perPage||10}get totalWithDefault(){return this.total||0}get recordTypeWithDefault(){return this.recordType||r("tecton.element.pagination.defaultRecordType")}get currentRange(){const{perPageWithDefault:t,totalWithDefault:i,pageWithDefault:e}=this;return`${(e-1)*t+1} - ${Math.min(e*t,i)}`}get totalPages(){const{pagesOnly:t,totalWithDefault:i,perPageWithDefault:e,pages:n}=this;return t&&n&&!isNaN(parseInt(`${n}`))?n:Math.ceil(i/e)}render(){const{pagesOnly:t,isFullViewHidden:i,recordTypeWithDefault:n,totalPages:a,totalWithDefault:o,pageWithDefault:s,currentRange:l}=this,p=1===s,h=s===a;return e("nav",{class:"container",ref:t=>this.containerElement=t,"aria-label":r("tecton.element.pagination.title")},e("div",{class:"description","test-id":"description"},t?r("tecton.element.pagination.pages",{current:s,total:a}):r("tecton.element.pagination.description",{range:l,recordType:n.toLowerCase(),total:o.toLocaleString()})),e("div",{class:"btn-group"},e("q2-btn",{label:r("tecton.element.pagination.goToFirstPage"),disabled:p,hidden:i,onClick:()=>this.handlePageChange(1),"test-id":"firstPageBtn","hide-label":!0},e("q2-icon",{type:"chevron-double-left"})),e("q2-btn",{label:r("tecton.element.pagination.goToPages",{next:s-1,total:a}),disabled:p,onClick:()=>this.handlePageChange(s-1),"test-id":"prevPageBtn","hide-label":!0},e("q2-icon",{type:"chevron-left"}))),e("div",{class:"controls",hidden:i,"test-id":"controls"},e("span",{"aria-hidden":"true"},r("tecton.element.pagination.page")),e("div",{class:"input-wrapper",onClick:()=>this.inputField.dispatchEvent(new FocusEvent("focus"))},e("q2-input",{type:"number",value:`${s}`,min:1,max:this.totalPages,hideLabel:!0,optional:!0,label:`${r("tecton.element.pagination.page")} (${r("tecton.element.pagination.ofPages",[a.toLocaleString()])})`,onChange:t=>this.handlePageChange(t.detail.value),"test-id":"pageInput",current:"page",ref:t=>this.inputField=t})),e("span",{"aria-hidden":"true"},r("tecton.element.pagination.ofPages",[a.toLocaleString()]))),e("div",{class:"btn-group"},e("q2-btn",{label:r("tecton.element.pagination.goToPages",{next:s+1,total:a}),disabled:h,onClick:()=>this.handlePageChange(s+1),"test-id":"nextPageBtn","hide-label":!0},e("q2-icon",{type:"chevron-right"})),e("q2-btn",{label:"tecton.element.pagination.goToLastPage",disabled:h,hidden:i,onClick:()=>this.handlePageChange(a),"test-id":"lastPageBtn","hide-label":!0},e("q2-icon",{type:"chevron-double-right"}))))}get hostElement(){return n(this)}};l.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{text-align:right;display:block}:host([hidden]){display:none}.container{display:inline-flex;column-gap:var(--tct-pagination-column-gap, var(--t-pagination-column-gap, var(--app-scale-2x, 10px)));align-items:center;height:var(--tct-pagination-height, var(--t-pagination-height, 44px))}.btn-group{display:flex;gap:var(--tct-pagination-btn-gap, var(--t-pagination-btn-gap, 0))}.description,.controls{white-space:nowrap}.controls{display:grid;grid-template-columns:auto 50px auto;align-items:center;gap:var(--tct-pagination-controls-gap, var(--t-pagination-controls-gap, var(--app-scale-1x, 5px)))}.controls[hidden]{display:none}.input-wrapper{height:var(--tct-pagination-height, var(--t-pagination-height, 44px));display:flex;align-items:center}q2-btn{--tct-btn-border-radius:var(--tct-pagination-btn-border-radius, var(--t-pagination-btn-border-radius));--tct-btn-border:var(--tct-pagination-btn-border, var(--t-pagination-btn-border))}q2-icon{--tct-icon-size:var(--tct-pagination-icon-size, var(--t-pagination-icon-size, 12px));color:var(--tct-pagination-icon-color, var(--t-pagination-icon-color, var(--t-text, #4d4d4d)))}q2-input{--tct-input-margin-top:0;--tct-input-margin-bottom:0;--tct-input-height:var(--tct-pagination-input-height, var(--t-pagination-input-height, 30px));--tct-input-min-height:var(--tct-input-height);--tct-input-align:center}";export{l as q2_pagination}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as r,g as n}from"./p-926a3e80.js";import{o as a,l as e}from"./p-2453cd92.js";import{g as o,c as s,a as u,i as f,b as l,d as h,e as c,f as v,h as d,j as p,k as m,l as y}from"./p-458b1987.js";import{_ as b,c as w,e as M,l as g,u as x,s as S,i as N,g as k,n as I,Z as T,a as L,b as D,t as C,d as O,r as A,f as U,G as z,h as G,j as P,S as _,m as F,k as j,o as X,p as Y,q as E,P as R,v as Z,w as J,x as K,y as V,z as q,A as H,C as W,B,D as Q,E as $,F as tt,H as it,I as rt,L as nt,J as at,K as et,M as ot,N as st,O as ut,Q as ft,R as lt,T as ht,U as ct,V as vt,W as dt,X as pt,Y as mt,$ as yt,a0 as bt,a1 as wt,a2 as Mt,a3 as gt,a4 as xt,a5 as St,a6 as Nt,a7 as kt,a8 as It,a9 as Tt,aa as Lt,ab as Dt,ac as Ct}from"./p-52063431.js";var Ot=function(t){function i(i,r,n,a){var e=t.call(this)||this;return e.updateData(i,r,n,a),e}return b(i,t),i.prototype._createSymbol=function(t,i,r,n,a){this.removeAll();var e=w(t,-1,-1,2,2,null,a);e.attr({z2:100,culling:!0,scaleX:n[0]/2,scaleY:n[1]/2}),e.drift=At,this._symbolType=t,this.add(e)},i.prototype.stopSymbolAnimation=function(t){this.childAt(0).stopAnimation(null,t)},i.prototype.getSymbolType=function(){return this._symbolType},i.prototype.getSymbolPath=function(){return this.childAt(0)},i.prototype.highlight=function(){M(this.childAt(0))},i.prototype.downplay=function(){g(this.childAt(0))},i.prototype.setZ=function(t,i){var r=this.childAt(0);r.zlevel=t,r.z=i},i.prototype.setDraggable=function(t,i){var r=this.childAt(0);r.draggable=t,r.cursor=!i&&t?"move":r.cursor},i.prototype.updateData=function(t,r,n,a){this.silent=!1;var e=t.getItemVisual(r,"symbol")||"circle",o=t.hostModel,s=i.getSymbolSize(t,r),u=e!==this._symbolType,f=a&&a.disableAnimation;if(u){var l=t.getItemVisual(r,"symbolKeepAspect");this._createSymbol(e,t,r,s,l)}else{(c=this.childAt(0)).silent=!1;var h={scaleX:s[0]/2,scaleY:s[1]/2};f?c.attr(h):x(c,h,o,r),S(c)}if(this._updateCommon(t,r,s,n,a),u){var c=this.childAt(0);f||(h={scaleX:this._sizeX,scaleY:this._sizeY,style:{opacity:c.style.opacity}},c.scaleX=c.scaleY=0,c.style.opacity=0,N(c,h,o,r))}f&&this.childAt(0).stopAnimation("leave")},i.prototype._updateCommon=function(t,i,r,n,a){var e,s,u,f,l,h,c,v,d,p=this.childAt(0),m=t.hostModel;if(n&&(e=n.emphasisItemStyle,s=n.blurItemStyle,u=n.selectItemStyle,f=n.focus,l=n.blurScope,c=n.labelStatesModels,v=n.hoverScale,d=n.cursorStyle,h=n.emphasisDisabled),!n||t.hasItemOption){var y=n&&n.itemModel?n.itemModel:t.getItemModel(i),b=y.getModel("emphasis");e=b.getModel("itemStyle").getItemStyle(),u=y.getModel(["select","itemStyle"]).getItemStyle(),s=y.getModel(["blur","itemStyle"]).getItemStyle(),f=b.get("focus"),l=b.get("blurScope"),h=b.get("disabled"),c=k(y),v=b.getShallow("scale"),d=y.getShallow("cursor")}var w=t.getItemVisual(i,"symbolRotate");p.attr("rotation",(w||0)*Math.PI/180||0);var M=I(t.getItemVisual(i,"symbolOffset"),r);M&&(p.x=M[0],p.y=M[1]),d&&p.attr("cursor",d);var g=t.getItemVisual(i,"style"),x=g.fill;if(p instanceof T){var S=p.style;p.useStyle(L({image:S.image,x:S.x,y:S.y,width:S.width,height:S.height},g))}else p.useStyle(p.__isEmptyBrush?L({},g):g),p.style.decal=null,p.setColor(x,a&&a.symbolInnerColor),p.style.strokeNoScale=!0;var N=t.getItemVisual(i,"liftZ"),O=this._z2;null!=N?null==O&&(this._z2=p.z2,p.z2+=N):null!=O&&(p.z2=O,this._z2=null);var A=a&&a.useNameLabel;D(p,c,{labelFetcher:m,labelDataIndex:i,defaultText:function(i){return A?t.getName(i):o(t,i)},inheritColor:x,defaultOpacity:g.opacity}),this._sizeX=r[0]/2,this._sizeY=r[1]/2;var U=p.ensureState("emphasis");U.style=e,p.ensureState("select").style=u,p.ensureState("blur").style=s;var z=null==v||!0===v?Math.max(1.1,3/this._sizeY):isFinite(v)&&v>0?+v:1;U.scaleX=this._sizeX*z,U.scaleY=this._sizeY*z,this.setSymbolScale(1),C(this,f,l,h)},i.prototype.setSymbolScale=function(t){this.scaleX=this.scaleY=t},i.prototype.fadeOut=function(t,i,r){var n=this.childAt(0),a=O(this).dataIndex,e=r&&r.animation;if(this.silent=n.silent=!0,r&&r.fadeLabel){var o=n.getTextContent();o&&A(o,{style:{opacity:0}},i,{dataIndex:a,removeOpt:e,cb:function(){n.removeTextContent()}})}else n.removeTextContent();A(n,{style:{opacity:0},scaleX:0,scaleY:0},i,{dataIndex:a,cb:t,removeOpt:e})},i.getSymbolSize=function(t,i){return U(t.getItemVisual(i,"symbolSize"))},i}(z);function At(t,i){this.parent.drift(t,i)}function Ut(t,i,r,n){return i&&!isNaN(i[0])&&!isNaN(i[1])&&!(n.isIgnore&&n.isIgnore(r))&&!(n.clipShape&&!n.clipShape.contain(i[0],i[1]))&&"none"!==t.getItemVisual(r,"symbol")}function zt(t){return null==t||P(t)||(t={isIgnore:t}),t||{}}function Gt(t){var i=t.hostModel,r=i.getModel("emphasis");return{emphasisItemStyle:r.getModel("itemStyle").getItemStyle(),blurItemStyle:i.getModel(["blur","itemStyle"]).getItemStyle(),selectItemStyle:i.getModel(["select","itemStyle"]).getItemStyle(),focus:r.get("focus"),blurScope:r.get("blurScope"),emphasisDisabled:r.get("disabled"),hoverScale:r.get("scale"),labelStatesModels:k(i),cursorStyle:i.get("cursor")}}var Pt=function(){function t(t){this.group=new z,this._SymbolCtor=t||Ot}return t.prototype.updateData=function(t,i){this._progressiveEls=null,i=zt(i);var r=this.group,n=t.hostModel,a=this._data,e=this._SymbolCtor,o=i.disableAnimation,s=Gt(t),u={disableAnimation:o},f=i.getSymbolPoint||function(i){return t.getItemLayout(i)};a||r.removeAll(),t.diff(a).add((function(n){var a=f(n);if(Ut(t,a,n,i)){var o=new e(t,n,s,u);o.setPosition(a),t.setItemGraphicEl(n,o),r.add(o)}})).update((function(l,h){var c=a.getItemGraphicEl(h),v=f(l);if(Ut(t,v,l,i)){var d=t.getItemVisual(l,"symbol")||"circle",p=c&&c.getSymbolType&&c.getSymbolType();if(!c||p&&p!==d)r.remove(c),(c=new e(t,l,s,u)).setPosition(v);else{c.updateData(t,l,s,u);var m={x:v[0],y:v[1]};o?c.attr(m):x(c,m,n)}r.add(c),t.setItemGraphicEl(l,c)}else r.remove(c)})).remove((function(t){var i=a.getItemGraphicEl(t);i&&i.fadeOut((function(){r.remove(i)}),n)})).execute(),this._getSymbolPoint=f,this._data=t},t.prototype.updateLayout=function(){var t=this,i=this._data;i&&i.eachItemGraphicEl((function(i,r){var n=t._getSymbolPoint(r);i.setPosition(n),i.markRedraw()}))},t.prototype.incrementalPrepareUpdate=function(t){this._seriesScope=Gt(t),this._data=null,this.group.removeAll()},t.prototype.incrementalUpdate=function(t,i,r){function n(t){t.isGroup||(t.incremental=!0,t.ensureState("emphasis").hoverLayer=!0)}this._progressiveEls=[],r=zt(r);for(var a=t.start;a<t.end;a++){var e=i.getItemLayout(a);if(Ut(i,e,a,r)){var o=new this._SymbolCtor(i,a,this._seriesScope);o.traverse(n),o.setPosition(e),this.group.add(o),i.setItemGraphicEl(a,o),this._progressiveEls.push(o)}}},t.prototype.eachRendered=function(t){G(this._progressiveEls||this.group,t)},t.prototype.remove=function(t){var i=this.group,r=this._data;r&&t?r.eachItemGraphicEl((function(t){t.fadeOut((function(){i.remove(t)}),r.hostModel)})):i.removeAll()},t}(),_t=function(t){function i(){var r=null!==t&&t.apply(this,arguments)||this;return r.type=i.type,r.hasSymbolVisual=!0,r}return b(i,t),i.prototype.getInitialData=function(){return s(null,this,{useEncodeDefaulter:!0})},i.prototype.getLegendIcon=function(t){var i=new z,r=w("line",0,t.itemHeight/2,t.itemWidth,0,t.lineStyle.stroke,!1);i.add(r),r.setStyle(t.lineStyle);var n=this.getData().getVisual("symbol"),a=this.getData().getVisual("symbolRotate"),e="none"===n?"circle":n,o=.8*t.itemHeight,s=w(e,(t.itemWidth-o)/2,(t.itemHeight-o)/2,o,o,t.itemStyle.fill);return i.add(s),s.setStyle(t.itemStyle),s.rotation=("inherit"===t.iconRotate?a:t.iconRotate||0)*Math.PI/180,s.setOrigin([t.itemWidth/2,t.itemHeight/2]),e.indexOf("empty")>-1&&(s.style.stroke=s.style.fill,s.style.fill="#fff",s.style.lineWidth=2),i},i.type="series.line",i.dependencies=["grid","polar"],i.defaultOption={z:3,coordinateSystem:"cartesian2d",legendHoverLink:!0,clip:!0,label:{position:"top"},endLabel:{show:!1,valueAnimation:!0,distance:8},lineStyle:{width:2,type:"solid"},emphasis:{scale:!0},step:!1,smooth:!1,smoothMonotone:null,symbol:"emptyCircle",symbolSize:4,symbolRotate:null,showSymbol:!0,showAllSymbol:"auto",connectNulls:!1,sampling:"none",animationEasing:"linear",progressive:0,hoverLayerThreshold:1/0,universalTransition:{divideShape:"clone"},triggerLineEvent:!1},i}(_);function Ft(t,i,r){var n=t.getBaseAxis(),a=t.getOtherAxis(n),e=function(t,i){var r=0,n=t.scale.getExtent();return"start"===i?r=n[0]:"end"===i?r=n[1]:X(i)&&!isNaN(i)?r=i:n[0]>0?r=n[0]:n[1]<0&&(r=n[1]),r}(a,r),o=n.dim,s=a.dim,u=i.mapDimension(s),f=i.mapDimension(o),l="x"===s||"radius"===s?1:0,h=F(t.dimensions,(function(t){return i.mapDimension(t)})),c=!1,v=i.getCalculationInfo("stackResultDimension");return j(i,h[0])&&(c=!0,h[0]=v),j(i,h[1])&&(c=!0,h[1]=v),{dataDimsForPoint:h,valueStart:e,valueAxisDim:s,baseAxisDim:o,stacked:!!c,valueDim:u,baseDim:f,baseDataOffset:l,stackedOverDimension:i.getCalculationInfo("stackedOverDimension")}}function jt(t,i,r,n){var a=NaN;t.stacked&&(a=r.get(r.getCalculationInfo("stackedOverDimension"),n)),isNaN(a)&&(a=t.valueStart);var e=t.baseDataOffset,o=[];return o[e]=r.get(t.baseDim,n),o[1-e]=a,i.dataToPoint(o)}var Xt=Math.min,Yt=Math.max;function Et(t,i){return isNaN(t)||isNaN(i)}function Rt(t,i,r,n,a,e,o,s,u){for(var f,l,h,c,v,d,p=r,m=0;m<n;m++){var y=i[2*p],b=i[2*p+1];if(p>=a||p<0)break;if(Et(y,b)){if(u){p+=e;continue}break}if(p===r)t[e>0?"moveTo":"lineTo"](y,b),h=y,c=b;else{var w=y-f,M=b-l;if(w*w+M*M<.5){p+=e;continue}if(o>0){for(var g=p+e,x=i[2*g],S=i[2*g+1];x===y&&S===b&&m<n;)m++,x=i[2*(g+=e)],S=i[2*g+1],w=(y=i[2*(p+=e)])-f,M=(b=i[2*p+1])-l;var N=m+1;if(u)for(;Et(x,S)&&N<n;)N++,x=i[2*(g+=e)],S=i[2*g+1];var k=.5,I=0,T=0,L=void 0,D=void 0;if(N>=n||Et(x,S))v=y,d=b;else{I=x-f,T=S-l;var C=y-f,O=x-y,A=b-l,U=S-b,z=void 0,G=void 0;if("x"===s){var P=I>0?1:-1;v=y-P*(z=Math.abs(C))*o,d=b,L=y+P*(G=Math.abs(O))*o,D=b}else if("y"===s){var _=T>0?1:-1;v=y,d=b-_*(z=Math.abs(A))*o,L=y,D=b+_*(G=Math.abs(U))*o}else z=Math.sqrt(C*C+A*A),v=y-I*o*(1-(k=(G=Math.sqrt(O*O+U*U))/(G+z))),d=b-T*o*(1-k),D=b+T*o*k,L=Xt(L=y+I*o*k,Yt(x,y)),D=Xt(D,Yt(S,b)),L=Yt(L,Xt(x,y)),d=b-(T=(D=Yt(D,Xt(S,b)))-b)*z/G,v=Xt(v=y-(I=L-y)*z/G,Yt(f,y)),d=Xt(d,Yt(l,b)),L=y+(I=y-(v=Yt(v,Xt(f,y))))*G/z,D=b+(T=b-(d=Yt(d,Xt(l,b))))*G/z}t.bezierCurveTo(h,c,v,d,y,b),h=L,c=D}else t.lineTo(y,b)}f=y,l=b,p+=e}return m}var Zt=function(){this.smooth=0,this.smoothConstraint=!0},Jt=function(t){function i(i){var r=t.call(this,i)||this;return r.type="ec-polyline",r}return b(i,t),i.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},i.prototype.getDefaultShape=function(){return new Zt},i.prototype.buildPath=function(t,i){var r=i.points,n=0,a=r.length/2;if(i.connectNulls){for(;a>0&&Et(r[2*a-2],r[2*a-1]);a--);for(;n<a&&Et(r[2*n],r[2*n+1]);n++);}for(;n<a;)n+=Rt(t,r,n,a,a,1,i.smooth,i.smoothMonotone,i.connectNulls)+1},i.prototype.getPointOn=function(t,i){this.path||(this.createPathProxy(),this.buildPath(this.path,this.shape));for(var r,n,a=this.path.data,e=Z.CMD,o="x"===i,s=[],u=0;u<a.length;){var f=void 0,l=void 0,h=void 0,c=void 0,v=void 0,d=void 0,p=void 0;switch(a[u++]){case e.M:r=a[u++],n=a[u++];break;case e.L:if(f=a[u++],l=a[u++],(p=o?(t-r)/(f-r):(t-n)/(l-n))<=1&&p>=0){var m=o?(l-n)*p+n:(f-r)*p+r;return o?[t,m]:[m,t]}r=f,n=l;break;case e.C:f=a[u++],l=a[u++],h=a[u++],c=a[u++],v=a[u++],d=a[u++];var y=o?E(r,f,h,v,t,s):E(n,l,c,d,t,s);if(y>0)for(var b=0;b<y;b++){var w=s[b];if(w<=1&&w>=0)return m=o?J(n,l,c,d,w):J(r,f,h,v,w),o?[t,m]:[m,t]}r=v,n=d}}},i}(R),Kt=function(t){function i(){return null!==t&&t.apply(this,arguments)||this}return b(i,t),i}(Zt),Vt=function(t){function i(i){var r=t.call(this,i)||this;return r.type="ec-polygon",r}return b(i,t),i.prototype.getDefaultShape=function(){return new Kt},i.prototype.buildPath=function(t,i){var r=i.points,n=i.stackedOnPoints,a=0,e=r.length/2,o=i.smoothMonotone;if(i.connectNulls){for(;e>0&&Et(r[2*e-2],r[2*e-1]);e--);for(;a<e&&Et(r[2*a],r[2*a+1]);a++);}for(;a<e;){var s=Rt(t,r,a,e,e,1,i.smooth,o,i.connectNulls);Rt(t,n,a+s-1,s,e,-1,i.stackedOnSmooth,o,i.connectNulls),a+=s+1,t.closePath()}},i}(R);function qt(t,i){if(t.length===i.length){for(var r=0;r<t.length;r++)if(t[r]!==i[r])return;return!0}}function Ht(t){for(var i=1/0,r=1/0,n=-1/0,a=-1/0,e=0;e<t.length;){var o=t[e++],s=t[e++];isNaN(o)||(i=Math.min(o,i),n=Math.max(o,n)),isNaN(s)||(r=Math.min(s,r),a=Math.max(s,a))}return[[i,r],[n,a]]}function Wt(t,i){var r=Ht(t),n=r[0],a=r[1],e=Ht(i),o=e[0],s=e[1];return Math.max(Math.abs(n[0]-o[0]),Math.abs(n[1]-o[1]),Math.abs(a[0]-s[0]),Math.abs(a[1]-s[1]))}function Bt(t){return X(t)?t:t?.5:0}function Qt(t,i,r,n){var a=i.getBaseAxis(),e="x"===a.dim||"radius"===a.dim?0:1,o=[],s=0,u=[],f=[],l=[],h=[];if(n){for(s=0;s<t.length;s+=2)isNaN(t[s])||isNaN(t[s+1])||h.push(t[s],t[s+1]);t=h}for(s=0;s<t.length-2;s+=2)switch(l[0]=t[s+2],l[1]=t[s+3],f[0]=t[s],f[1]=t[s+1],o.push(f[0],f[1]),r){case"end":u[e]=l[e],u[1-e]=f[1-e],o.push(u[0],u[1]);break;case"middle":var c=[];u[e]=c[e]=(f[e]+l[e])/2,u[1-e]=f[1-e],c[1-e]=l[1-e],o.push(u[0],u[1]),o.push(c[0],c[1]);break;default:u[e]=f[e],u[1-e]=l[1-e],o.push(u[0],u[1])}return o.push(t[s++],t[s++]),o}function $t(t,i){return[t[2*i],t[2*i+1]]}function ti(t){if(t.get(["endLabel","show"]))return!0;for(var i=0;i<at.length;i++)if(t.get([at[i],"endLabel","show"]))return!0;return!1}function ii(t,i,r,n){if(f(i,"cartesian2d")){var a=n.getModel("endLabel"),e=a.get("valueAnimation"),o=n.getData(),s={lastFrameIndex:0},u=ti(n)?function(r,n){t._endLabelOnDuring(r,n,o,s,e,a,i)}:null,c=i.getBaseAxis().isHorizontal(),v=l(i,r,n,(function(){var i=t._endLabel;i&&r&&null!=s.originalX&&i.attr({x:s.originalX,y:s.originalY})}),u);if(!n.get("clip",!0)){var d=v.shape,p=Math.max(d.width,d.height);c?(d.y-=p,d.height+=2*p):(d.x-=p,d.width+=2*p)}return u&&u(1,v),v}return h(i,r,n)}var ri=function(t){function i(){return null!==t&&t.apply(this,arguments)||this}return b(i,t),i.prototype.init=function(){var t=new z,i=new Pt;this.group.add(i.group),this._symbolDraw=i,this._lineGroup=t},i.prototype.render=function(t,i,r){var n=this,a=t.coordinateSystem,e=this.group,o=t.getData(),s=t.getModel("lineStyle"),u=t.getModel("areaStyle"),f=o.getLayout("points")||[],l="polar"===a.type,h=this._coordSys,c=this._symbolDraw,v=this._polyline,d=this._polygon,p=this._lineGroup,m=t.get("animation"),y=!u.isEmpty(),b=u.get("origin"),w=Ft(a,o,b),M=y&&function(t,i,r){if(!r.valueDim)return[];for(var n=i.count(),a=Y(2*n),e=0;e<n;e++){var o=jt(r,t,i,e);a[2*e]=o[0],a[2*e+1]=o[1]}return a}(a,o,w),g=t.get("showSymbol"),x=t.get("connectNulls"),S=g&&!l&&function(t,i,r){var n=t.get("showAllSymbol"),a="auto"===n;if(!n||a){var e=r.getAxesByScale("ordinal")[0];if(e&&(!a||!function(t,i){var r=t.getExtent(),n=Math.abs(r[1]-r[0])/t.scale.count();isNaN(n)&&(n=0);for(var a=i.count(),e=Math.max(1,Math.round(a/5)),o=0;o<a;o+=e)if(1.5*Ot.getSymbolSize(i,o)[t.isHorizontal()?1:0]>n)return!1;return!0}(e,i))){var o=i.mapDimension(e.dim),s={};return rt(e.getViewLabels(),(function(t){var i=e.scale.getRawOrdinalNumber(t.tickValue);s[i]=1})),function(t){return!s.hasOwnProperty(i.get(o,t))}}}}(t,o,a),k=this._data;k&&k.eachItemGraphicEl((function(t,i){t.__temp&&(e.remove(t),k.setItemGraphicEl(i,null))})),g||c.remove(),e.add(p);var I,T=!l&&t.get("step");a&&a.getArea&&t.get("clip",!0)&&(null!=(I=a.getArea()).width?(I.x-=.1,I.y-=.1,I.width+=.2,I.height+=.2):I.r0&&(I.r0-=.5,I.r+=.5)),this._clipShapeForSymbol=I;var L=function(t,i,r){var n=t.getVisual("visualMeta");if(n&&n.length&&t.count()&&"cartesian2d"===i.type){for(var a,e,o=n.length-1;o>=0;o--){var s=t.getDimensionInfo(n[o].dimension);if("x"===(a=s&&s.coordDim)||"y"===a){e=n[o];break}}if(e){var u=i.getAxis(a),f=F(e.stops,(function(t){return{coord:u.toGlobalCoord(u.dataToCoord(t.value)),color:t.color}})),l=f.length,h=e.outerColors.slice();l&&f[0].coord>f[l-1].coord&&(f.reverse(),h.reverse());var c=function(t,i){var r,n,a=[],e=t.length;function o(t,i,r){var n=t.coord;return{coord:r,color:et((r-n)/(i.coord-n),[t.color,i.color])}}for(var s=0;s<e;s++){var u=t[s],f=u.coord;if(f<0)r=u;else{if(f>i){n?a.push(o(n,u,i)):r&&a.push(o(r,u,0),o(r,u,i));break}r&&(a.push(o(r,u,0)),r=null),a.push(u),n=u}}return a}(f,"x"===a?r.getWidth():r.getHeight()),v=c.length;if(!v&&l)return f[0].coord<0?h[1]?h[1]:f[l-1].color:h[0]?h[0]:f[0].color;var d=c[0].coord-10,p=c[v-1].coord+10,m=p-d;if(m<.001)return"transparent";rt(c,(function(t){t.offset=(t.coord-d)/m})),c.push({offset:v?c[v-1].offset:.5,color:h[1]||"transparent"}),c.unshift({offset:v?c[0].offset:.5,color:h[0]||"transparent"});var y=new nt(0,0,0,0,c,!0);return y[a]=d,y[a+"2"]=p,y}}}(o,a,r)||o.getVisual("style")[o.getVisual("drawType")];if(v&&h.type===a.type&&T===this._step){y&&!d?d=this._newPolygon(f,M):d&&!y&&(p.remove(d),d=this._polygon=null),l||this._initOrUpdateEndLabel(t,a,K(L));var D=p.getClipPath();if(D){var A=ii(this,a,!1,t);N(D,{shape:A.shape},t)}else p.setClipPath(ii(this,a,!0,t));g&&c.updateData(o,{isIgnore:S,clipShape:I,disableAnimation:!0,getSymbolPoint:function(t){return[f[2*t],f[2*t+1]]}}),qt(this._stackedOnPoints,M)&&qt(this._points,f)||(m?this._doUpdateAnimation(o,M,a,r,T,b,x):(T&&(f=Qt(f,a,T,x),M&&(M=Qt(M,a,T,x))),v.setShape({points:f}),d&&d.setShape({points:f,stackedOnPoints:M})))}else g&&c.updateData(o,{isIgnore:S,clipShape:I,disableAnimation:!0,getSymbolPoint:function(t){return[f[2*t],f[2*t+1]]}}),m&&this._initSymbolLabelAnimation(o,a,I),T&&(f=Qt(f,a,T,x),M&&(M=Qt(M,a,T,x))),v=this._newPolyline(f),y?d=this._newPolygon(f,M):d&&(p.remove(d),d=this._polygon=null),l||this._initOrUpdateEndLabel(t,a,K(L)),p.setClipPath(ii(this,a,!0,t));var U=t.getModel("emphasis"),z=U.get("focus"),G=U.get("blurScope"),P=U.get("disabled");v.useStyle(V(s.getLineStyle(),{fill:"none",stroke:L,lineJoin:"bevel"})),q(v,t,"lineStyle"),v.style.lineWidth>0&&"bolder"===t.get(["emphasis","lineStyle","width"])&&(v.getState("emphasis").style.lineWidth=+v.style.lineWidth+1),O(v).seriesIndex=t.seriesIndex,C(v,z,G,P);var _=Bt(t.get("smooth")),j=t.get("smoothMonotone");if(v.setShape({smooth:_,smoothMonotone:j,connectNulls:x}),d){var X=o.getCalculationInfo("stackedOnSeries"),E=0;d.useStyle(V(u.getAreaStyle(),{fill:L,opacity:.7,lineJoin:"bevel",decal:o.getVisual("style").decal})),X&&(E=Bt(X.get("smooth"))),d.setShape({smooth:_,stackedOnSmooth:E,smoothMonotone:j,connectNulls:x}),q(d,t,"areaStyle"),O(d).seriesIndex=t.seriesIndex,C(d,z,G,P)}var R=function(t){n._changePolyState(t)};o.eachItemGraphicEl((function(t){t&&(t.onHoverStateChange=R)})),this._polyline.onHoverStateChange=R,this._data=o,this._coordSys=a,this._stackedOnPoints=M,this._points=f,this._step=T,this._valueOrigin=b,t.get("triggerLineEvent")&&(this.packEventData(t,v),d&&this.packEventData(t,d))},i.prototype.packEventData=function(t,i){O(i).eventData={componentType:"series",componentSubType:"line",componentIndex:t.componentIndex,seriesIndex:t.seriesIndex,seriesName:t.name,seriesType:"line"}},i.prototype.highlight=function(t,i,r,n){var a=t.getData(),e=H(a,n);if(this._changePolyState("emphasis"),!(e instanceof Array)&&null!=e&&e>=0){var o=a.getLayout("points"),s=a.getItemGraphicEl(e);if(!s){var u=o[2*e],f=o[2*e+1];if(isNaN(u)||isNaN(f))return;if(this._clipShapeForSymbol&&!this._clipShapeForSymbol.contain(u,f))return;var l=t.get("zlevel")||0,h=t.get("z")||0;(s=new Ot(a,e)).x=u,s.y=f,s.setZ(l,h);var c=s.getSymbolPath().getTextContent();c&&(c.zlevel=l,c.z=h,c.z2=this._polyline.z2+1),s.__temp=!0,a.setItemGraphicEl(e,s),s.stopSymbolAnimation(!0),this.group.add(s)}s.highlight()}else W.prototype.highlight.call(this,t,i,r,n)},i.prototype.downplay=function(t,i,r,n){var a=t.getData(),e=H(a,n);if(this._changePolyState("normal"),null!=e&&e>=0){var o=a.getItemGraphicEl(e);o&&(o.__temp?(a.setItemGraphicEl(e,null),this.group.remove(o)):o.downplay())}else W.prototype.downplay.call(this,t,i,r,n)},i.prototype._changePolyState=function(t){var i=this._polygon;B(this._polyline,t),i&&B(i,t)},i.prototype._newPolyline=function(t){var i=this._polyline;return i&&this._lineGroup.remove(i),i=new Jt({shape:{points:t},segmentIgnoreThreshold:2,z2:10}),this._lineGroup.add(i),this._polyline=i,i},i.prototype._newPolygon=function(t,i){var r=this._polygon;return r&&this._lineGroup.remove(r),r=new Vt({shape:{points:t,stackedOnPoints:i},segmentIgnoreThreshold:2}),this._lineGroup.add(r),this._polygon=r,r},i.prototype._initSymbolLabelAnimation=function(t,i,r){var n,a,e=i.getBaseAxis(),o=e.inverse;"cartesian2d"===i.type?(n=e.isHorizontal(),a=!1):"polar"===i.type&&(n="angle"===e.dim,a=!0);var s=t.hostModel,u=s.get("animationDuration");Q(u)&&(u=u(null));var f=s.get("animationDelay")||0,l=Q(f)?f(null):f;t.eachItemGraphicEl((function(t,e){var s=t;if(s){var h=void 0,c=void 0,v=void 0;if(r)if(a){var d=r,p=i.pointToCoord([t.x,t.y]);n?(h=d.startAngle,c=d.endAngle,v=-p[1]/180*Math.PI):(h=d.r0,c=d.r,v=p[0])}else n?(h=r.x,c=r.x+r.width,v=t.x):(h=r.y+r.height,c=r.y,v=t.y);var m=c===h?0:(v-h)/(c-h);o&&(m=1-m);var y=Q(f)?f(e):u*m+l,b=s.getSymbolPath(),w=b.getTextContent();s.attr({scaleX:0,scaleY:0}),s.animateTo({scaleX:1,scaleY:1},{duration:200,setToFinal:!0,delay:y}),w&&w.animateFrom({style:{opacity:0}},{duration:300,delay:y}),b.disableLabelAnimation=!0}}))},i.prototype._initOrUpdateEndLabel=function(t,i,r){var n=t.getModel("endLabel");if(ti(t)){var a=t.getData(),e=this._polyline,s=a.getLayout("points");if(!s)return e.removeTextContent(),void(this._endLabel=null);var f=this._endLabel;f||((f=this._endLabel=new $({z2:200})).ignoreClip=!0,e.setTextContent(this._endLabel),e.disableLabelAnimation=!0);var l=function(t){for(var i,r=t.length/2;r>0&&(i=t[2*r-1],isNaN(t[2*r-2])||isNaN(i));r--);return r-1}(s);l>=0&&(D(e,k(t,"endLabel"),{inheritColor:r,labelFetcher:t,labelDataIndex:l,defaultText:function(t,i,r){return null!=r?u(a,r):o(a,t)},enableTextSetter:!0},function(t,i){var r=i.getBaseAxis(),n=r.isHorizontal(),a=r.inverse,e=n?a?"right":"left":"center",o=n?"middle":a?"top":"bottom";return{normal:{align:t.get("align")||e,verticalAlign:t.get("verticalAlign")||o}}}(n,i)),e.textConfig.position=null)}else this._endLabel&&(this._polyline.removeTextContent(),this._endLabel=null)},i.prototype._endLabelOnDuring=function(t,i,r,n,a,e,o){var s=this._endLabel,u=this._polyline;if(s){t<1&&null==n.originalX&&(n.originalX=s.x,n.originalY=s.y);var f=r.getLayout("points"),l=r.hostModel,h=l.get("connectNulls"),c=e.get("precision"),v=e.get("distance")||0,d=o.getBaseAxis(),p=d.isHorizontal(),m=d.inverse,y=i.shape,b=m?p?y.x:y.y+y.height:p?y.x+y.width:y.y,w=(p?v:0)*(m?-1:1),M=(p?0:-v)*(m?-1:1),g=p?"x":"y",x=function(t,i,r){for(var n,a,e=t.length/2,o="x"===r?0:1,s=0,u=-1,f=0;f<e;f++)if(a=t[2*f+o],!isNaN(a)&&!isNaN(t[2*f+1-o]))if(0!==f){if(n<=i&&a>=i||n>=i&&a<=i){u=f;break}s=f,n=a}else n=a;return{range:[s,u],t:(i-n)/(a-n)}}(f,b,g),S=x.range,N=S[1]-S[0],k=void 0;if(N>=1){if(N>1&&!h){var I=$t(f,S[0]);s.attr({x:I[0]+w,y:I[1]+M}),a&&(k=l.getRawValue(S[0]))}else{(I=u.getPointOn(b,g))&&s.attr({x:I[0]+w,y:I[1]+M});var T=l.getRawValue(S[0]),L=l.getRawValue(S[1]);a&&(k=tt(r,c,T,L,x.t))}n.lastFrameIndex=S[0]}else{var D=1===t||n.lastFrameIndex>0?S[0]:0;I=$t(f,D),a&&(k=l.getRawValue(D)),s.attr({x:I[0]+w,y:I[1]+M})}a&&it(s).setLabelText(k)}},i.prototype._doUpdateAnimation=function(t,i,r,n,a,e,o){var s=this._polyline,u=this._polygon,f=t.hostModel,l=function(t,i,r,n,a,e,o){for(var s=function(t,i){var r=[];return i.diff(t).add((function(t){r.push({cmd:"+",idx:t})})).update((function(t,i){r.push({cmd:"=",idx:i,idx1:t})})).remove((function(t){r.push({cmd:"-",idx:t})})).execute(),r}(t,i),u=[],f=[],l=[],h=[],c=[],v=[],d=[],p=Ft(a,i,o),m=t.getLayout("points")||[],y=i.getLayout("points")||[],b=0;b<s.length;b++){var w=s[b],M=!0,g=void 0,x=void 0;switch(w.cmd){case"=":var S=m[g=2*w.idx],N=m[g+1],k=y[x=2*w.idx1],I=y[x+1];(isNaN(S)||isNaN(N))&&(S=k,N=I),u.push(S,N),f.push(k,I),l.push(r[g],r[g+1]),h.push(n[x],n[x+1]),d.push(i.getRawIndex(w.idx1));break;case"+":var T=w.idx,L=p.dataDimsForPoint,D=a.dataToPoint([i.get(L[0],T),i.get(L[1],T)]);x=2*T,u.push(D[0],D[1]),f.push(y[x],y[x+1]);var C=jt(p,a,i,T);l.push(C[0],C[1]),h.push(n[x],n[x+1]),d.push(i.getRawIndex(T));break;case"-":M=!1}M&&(c.push(w),v.push(v.length))}v.sort((function(t,i){return d[t]-d[i]}));var O=u.length,A=Y(O),U=Y(O),z=Y(O),G=Y(O),P=[];for(b=0;b<v.length;b++){var _=v[b],F=2*b,j=2*_;A[F]=u[j],A[F+1]=u[j+1],U[F]=f[j],U[F+1]=f[j+1],z[F]=l[j],z[F+1]=l[j+1],G[F]=h[j],G[F+1]=h[j+1],P[b]=c[_]}return{current:A,next:U,stackedOnCurrent:z,stackedOnNext:G,status:P}}(this._data,t,this._stackedOnPoints,i,this._coordSys,0,this._valueOrigin),h=l.current,c=l.stackedOnCurrent,v=l.next,d=l.stackedOnNext;if(a&&(h=Qt(l.current,r,a,o),c=Qt(l.stackedOnCurrent,r,a,o),v=Qt(l.next,r,a,o),d=Qt(l.stackedOnNext,r,a,o)),Wt(h,v)>3e3||u&&Wt(c,d)>3e3)return s.stopAnimation(),s.setShape({points:v}),void(u&&(u.stopAnimation(),u.setShape({points:v,stackedOnPoints:d})));s.shape.__points=l.current,s.shape.points=h;var p={shape:{points:v}};l.current!==h&&(p.shape.__points=l.next),s.stopAnimation(),x(s,p,f),u&&(u.setShape({points:h,stackedOnPoints:c}),u.stopAnimation(),x(u,{shape:{stackedOnPoints:d}},f),s.shape.points!==u.shape.points&&(u.shape.points=s.shape.points));for(var m=[],y=l.status,b=0;b<y.length;b++)if("="===y[b].cmd){var w=t.getItemGraphicEl(y[b].idx1);w&&m.push({el:w,ptIdx:b})}s.animators&&s.animators.length&&s.animators[0].during((function(){u&&u.dirtyShape();for(var t=s.shape.__points,i=0;i<m.length;i++){var r=m[i].el,n=2*m[i].ptIdx;r.x=t[n],r.y=t[n+1],r.markRedraw()}}))},i.prototype.remove=function(){var t=this.group,i=this._data;this._lineGroup.removeAll(),this._symbolDraw.remove(!0),i&&i.eachItemGraphicEl((function(r,n){r.__temp&&(t.remove(r),i.setItemGraphicEl(n,null))})),this._polyline=this._polygon=this._coordSys=this._points=this._stackedOnPoints=this._endLabel=this._data=null},i.type="line",i}(W),ni=Z.CMD;function ai(t,i){return Math.abs(t-i)<1e-5}function ei(t){var i,r,n,a,e,o=t.data,s=t.len(),u=[],f=0,l=0,h=0,c=0;function v(t,r){i&&i.length>2&&u.push(i),i=[t,r]}function d(t,r,n,a){ai(t,n)&&ai(r,a)||i.push(t,r,n,a,n,a)}function p(t,r,n,a,e,o){var s=Math.abs(r-t),u=4*Math.tan(s/4)/3,f=r<t?-1:1,l=Math.cos(t),h=Math.sin(t),c=Math.cos(r),v=Math.sin(r),d=c*e+n,p=v*o+a,m=e*u*f,y=o*u*f;i.push(l*e+n-m*h,h*o+a+y*l,d+m*v,p-y*c,d,p)}for(var m=0;m<s;){var y=o[m++],b=1===m;switch(b&&(h=f=o[m],c=l=o[m+1],y!==ni.L&&y!==ni.C&&y!==ni.Q||(i=[h,c])),y){case ni.M:f=h=o[m++],l=c=o[m++],v(h,c);break;case ni.L:d(f,l,r=o[m++],n=o[m++]),f=r,l=n;break;case ni.C:i.push(o[m++],o[m++],o[m++],o[m++],f=o[m++],l=o[m++]);break;case ni.Q:r=o[m++],n=o[m++],a=o[m++],e=o[m++],i.push(f+2/3*(r-f),l+2/3*(n-l),a+2/3*(r-a),e+2/3*(n-e),a,e),f=a,l=e;break;case ni.A:var w=o[m++],M=o[m++],g=o[m++],x=o[m++],S=o[m++],N=o[m++]+S;m+=1;var k=!o[m++];r=Math.cos(S)*g+w,n=Math.sin(S)*x+M,b?v(h=r,c=n):d(f,l,r,n),f=Math.cos(N)*g+w,l=Math.sin(N)*x+M;for(var I=(k?-1:1)*Math.PI/2,T=S;k?T>N:T<N;T+=I)p(T,k?Math.max(T+I,N):Math.min(T+I,N),w,M,g,x);break;case ni.R:h=f=o[m++],c=l=o[m++],r=h+o[m++],n=c+o[m++],v(r,c),d(r,c,r,n),d(r,n,h,n),d(h,n,h,c),d(h,c,r,c);break;case ni.Z:i&&d(f,l,h,c),f=h,l=c}}return i&&i.length>2&&u.push(i),u}function oi(t,i,r,n,a,e,o,s,u,f){if(ai(t,r)&&ai(i,n)&&ai(a,o)&&ai(e,s))u.push(o,s);else{var l=2/f,h=l*l,c=o-t,v=s-i,d=Math.sqrt(c*c+v*v);c/=d,v/=d;var p=r-t,m=n-i,y=a-o,b=e-s,w=p*p+m*m,M=y*y+b*b;if(w<h&&M<h)u.push(o,s);else{var g=c*p+v*m,x=-c*y-v*b;if(w-g*g<h&&g>=0&&M-x*x<h&&x>=0)u.push(o,s);else{var S=[],N=[];st(t,r,a,o,.5,S),st(i,n,e,s,.5,N),oi(S[0],N[0],S[1],N[1],S[2],N[2],S[3],N[3],u,f),oi(S[4],N[4],S[5],N[5],S[6],N[6],S[7],N[7],u,f)}}}}function si(t,i,r){var n=Math.abs(t[i]/t[1-i]),a=Math.ceil(Math.sqrt(n*r)),e=Math.floor(r/a);0===e&&(e=1,a=r);for(var o=[],s=0;s<a;s++)o.push(e);var u=r-a*e;if(u>0)for(s=0;s<u;s++)o[s%a]+=1;return o}function ui(t,i,r){for(var n=t.r0,a=t.r,e=t.startAngle,o=Math.abs(t.endAngle-e),s=o*a,u=a-n,f=s>Math.abs(u),l=si([s,u],f?0:1,i),h=(f?o:u)/l.length,c=0;c<l.length;c++)for(var v=(f?u:o)/l[c],d=0;d<l[c];d++){var p={};f?(p.startAngle=e+h*c,p.endAngle=e+h*(c+1),p.r0=n+v*d,p.r=n+v*(d+1)):(p.startAngle=e+v*d,p.endAngle=e+v*(d+1),p.r0=n+h*c,p.r=n+h*(c+1)),p.clockwise=t.clockwise,p.cx=t.cx,p.cy=t.cy,r.push(p)}}function fi(t,i,r,n){return t*n-r*i}function li(t,i,r,n,a,e,o,s){var u=r-t,f=n-i,l=o-a,h=s-e,c=fi(l,h,u,f);if(Math.abs(c)<1e-6)return null;var v=fi(t-a,i-e,l,h)/c;return v<0||v>1?null:new dt(v*u+t,v*f+i)}function hi(t,i,r){var n=new dt;dt.sub(n,r,i),n.normalize();var a=new dt;return dt.sub(a,t,i),a.dot(n)}function ci(t,i){var r=t[t.length-1];r&&r[0]===i[0]&&r[1]===i[1]||t.push(i)}function vi(t){var i=t.points,r=[],n=[];ut(i,r,n);var a=new ft(r[0],r[1],n[0]-r[0],n[1]-r[1]),e=a.width,o=a.height,s=a.x,u=a.y,f=new dt,l=new dt;return e>o?(f.x=l.x=s+e/2,f.y=u,l.y=u+o):(f.y=l.y=u+o/2,f.x=s,l.x=s+e),function(t,i,r){for(var n=t.length,a=[],e=0;e<n;e++){var o=t[e],s=t[(e+1)%n],u=li(o[0],o[1],s[0],s[1],i.x,i.y,r.x,r.y);u&&a.push({projPt:hi(u,i,r),pt:u,idx:e})}if(a.length<2)return[{points:t},{points:t}];a.sort((function(t,i){return t.projPt-i.projPt}));var f=a[0],l=a[a.length-1];if(l.idx<f.idx){var h=f;f=l,l=h}var c=[f.pt.x,f.pt.y],v=[l.pt.x,l.pt.y],d=[c],p=[v];for(e=f.idx+1;e<=l.idx;e++)ci(d,t[e].slice());for(ci(d,v),ci(d,c),e=l.idx+1;e<=f.idx+n;e++)ci(p,t[e%n].slice());return ci(p,c),ci(p,v),[{points:d},{points:p}]}(i,f,l)}function di(t,i,r,n){if(1===r)n.push(i);else{var a=Math.floor(r/2),e=t(i);di(t,e[0],a,n),di(t,e[1],r-a,n)}return n}function pi(t,i){var r=t.length,n=i.length;if(r===n)return[t,i];for(var a=[],e=[],o=r<n?t:i,s=Math.min(r,n),u=Math.abs(n-r)/6,f=Math.ceil(u/((s-2)/6))+1,l=[o[0],o[1]],h=u,c=2;c<s;){var v=o[c-2],d=o[c-1],p=o[c++],m=o[c++],y=o[c++],b=o[c++],w=o[c++],M=o[c++];if(h<=0)l.push(p,m,y,b,w,M);else{for(var g=Math.min(h,f-1)+1,x=1;x<=g;x++){var S=x/g;st(v,p,y,w,S,a),st(d,m,b,M,S,e),l.push(a[1],e[1],a[2],e[2],v=a[3],d=e[3]),p=a[5],m=e[5],y=a[6],b=e[6]}h-=g-1}}return o===t?[l,i]:[t,l]}function mi(t,i){for(var r=t.length,n=t[r-2],a=t[r-1],e=[],o=0;o<i.length;)e[o++]=n,e[o++]=a;return e}function yi(t){for(var i=0,r=0,n=0,a=t.length,e=0,o=a-2;e<a;o=e,e+=2){var s=t[o],u=t[o+1],f=t[e],l=t[e+1],h=s*l-f*u;i+=h,r+=(s+f)*h,n+=(u+l)*h}return 0===i?[t[0]||0,t[1]||0]:[r/i/3,n/i/3,i]}function bi(t,i,r,n){for(var a=(t.length-2)/6,e=1/0,o=0,s=t.length,u=s-2,f=0;f<a;f++){for(var l=6*f,h=0,c=0;c<s;c+=2){var v=0===c?l:(l+c-2)%u+2,d=i[c]-n[0]-(t[v]-r[0]),p=i[c+1]-n[1]-(t[v+1]-r[1]);h+=d*d+p*p}h<e&&(e=h,o=f)}return o}function wi(t){for(var i=[],r=t.length,n=0;n<r;n+=2)i[n]=t[r-n-2],i[n+1]=t[r-n-1];return i}function Mi(t){return t.__isCombineMorphing}function gi(t,i,r){var n="__mOriginal_"+i,a=t[n]||t[i];t[n]||(t[n]=t[i]);var e=r.replace,o=r.after,s=r.before;t[i]=function(){var t,i=arguments;return s&&s.apply(this,i),t=e?e.apply(this,i):a.apply(this,i),o&&o.apply(this,i),t}}function xi(t,i){var r="__mOriginal_"+i;t[r]&&(t[i]=t[r],t[r]=null)}function Si(t,i){for(var r=0;r<t.length;r++)for(var n=t[r],a=0;a<n.length;){var e=n[a],o=n[a+1];n[a++]=i[0]*e+i[2]*o+i[4],n[a++]=i[1]*e+i[3]*o+i[5]}}function Ni(t,i){var r=t.getUpdatedPathProxy(),n=i.getUpdatedPathProxy(),a=function(t,i){for(var r,n,a,e=[],o=[],s=0;s<Math.max(t.length,i.length);s++){var u=t[s],f=i[s],l=void 0,h=void 0;u?f?(n=l=(r=pi(u,f))[0],a=h=r[1]):(h=mi(a||u,u),l=u):(l=mi(n||f,f),h=f),e.push(l),o.push(h)}return[e,o]}(ei(r),ei(n)),e=a[0],o=a[1],s=t.getComputedTransform(),u=i.getComputedTransform();s&&Si(e,s),u&&Si(o,u),gi(i,"updateTransform",{replace:function(){this.transform=null}}),i.transform=null;var f=function(t,i,r,n){for(var a,e=[],o=0;o<t.length;o++){var s=t[o],u=i[o],f=yi(s),l=yi(u);null==a&&(a=f[2]<0!=l[2]<0);var h=[],c=[],v=0,d=1/0,p=[],m=s.length;a&&(s=wi(s));for(var y=6*bi(s,u,f,l),b=m-2,w=0;w<b;w+=2){var M=(y+w)%b+2;h[w+2]=s[M]-f[0],h[w+3]=s[M+1]-f[1]}h[0]=s[y]-f[0],h[1]=s[y+1]-f[1];for(var g=n/10,x=-n/2;x<=n/2;x+=g){var S=Math.sin(x),N=Math.cos(x),k=0;for(w=0;w<s.length;w+=2){var I=h[w],T=h[w+1],L=u[w]-l[0],D=u[w+1]-l[1],C=L*N-D*S,O=L*S+D*N;p[w]=C,p[w+1]=O;var A=C-I,U=O-T;k+=A*A+U*U}if(k<d){d=k,v=x;for(var z=0;z<p.length;z++)c[z]=p[z]}}e.push({from:h,to:c,fromCp:f,toCp:l,rotation:-v})}return e}(e,o,0,Math.PI),l=[];gi(i,"buildPath",{replace:function(t){for(var r=i.__morphT,n=1-r,a=[],e=0;e<f.length;e++){var o=f[e],s=o.from,u=o.to,h=o.rotation*r,c=o.fromCp,v=o.toCp,d=Math.sin(h),p=Math.cos(h);mt(a,c,v,r);for(var m=0;m<s.length;m+=2){var y=s[m]*n+(g=u[m])*r,b=s[m+1]*n+(x=u[m+1])*r;l[m]=y*p-b*d+a[0],l[m+1]=y*d+b*p+a[1]}var w=l[0],M=l[1];for(t.moveTo(w,M),m=2;m<s.length;){var g=l[m++],x=l[m++],S=l[m++],N=l[m++],k=l[m++],I=l[m++];w===g&&M===x&&S===k&&N===I?t.lineTo(k,I):t.bezierCurveTo(g,x,S,N,k,I),w=k,M=I}}}})}function ki(t,i,r){if(!t||!i)return i;var n=r.done,a=r.during;return Ni(t,i),i.__morphT=0,i.animateTo({__morphT:1},V({during:function(t){i.dirtyShape(),a&&a(t)},done:function(){xi(i,"buildPath"),xi(i,"updateTransform"),i.__morphT=-1,i.createPathProxy(),i.dirtyShape(),n&&n()}},r)),i}function Ii(t,i,r,n,a,e){t=a===r?0:Math.round(32767*(t-r)/(a-r)),i=e===n?0:Math.round(32767*(i-n)/(e-n));for(var o,s=0,u=32768;u>0;u/=2){var f=0,l=0;(t&u)>0&&(f=1),(i&u)>0&&(l=1),s+=u*u*(3*f^l),0===l&&(1===f&&(t=u-1-t,i=u-1-i),o=t,t=i,i=o)}return s}function Ti(t){var i=1/0,r=1/0,n=-1/0,a=-1/0,e=F(t,(function(t){var e=t.getBoundingRect(),o=t.getComputedTransform(),s=e.x+e.width/2+(o?o[4]:0),u=e.y+e.height/2+(o?o[5]:0);return i=Math.min(s,i),r=Math.min(u,r),n=Math.max(s,n),a=Math.max(u,a),[s,u]}));return F(e,(function(e,o){return{cp:e,z:Ii(e[0],e[1],i,r,n,a),path:t[o]}})).sort((function(t,i){return t.z-i.z})).map((function(t){return t.path}))}function Li(t){return function(t,i){var r,n=[],a=t.shape;switch(t.type){case"rect":!function(t,i,r){for(var n=t.width,a=t.height,e=n>a,o=si([n,a],e?0:1,i),s=e?"width":"height",u=e?"height":"width",f=e?"x":"y",l=e?"y":"x",h=t[s]/o.length,c=0;c<o.length;c++)for(var v=t[u]/o[c],d=0;d<o[c];d++){var p={};p[f]=c*h,p[l]=d*v,p[s]=h,p[u]=v,p.x+=t.x,p.y+=t.y,r.push(p)}}(a,i,n),r=vt;break;case"sector":ui(a,i,n),r=ct;break;case"circle":ui({r0:0,r:a.r,startAngle:0,endAngle:2*Math.PI,cx:a.cx,cy:a.cy},i,n),r=ct;break;default:var e=t.getComputedTransform(),o=e?Math.sqrt(Math.max(e[0]*e[0]+e[1]*e[1],e[2]*e[2]+e[3]*e[3])):1,s=F(function(t,i){var r=ei(t),n=[];i=i||1;for(var a=0;a<r.length;a++){var e=r[a],o=[],s=e[0],u=e[1];o.push(s,u);for(var f=2;f<e.length;){var l=e[f++],h=e[f++],c=e[f++],v=e[f++],d=e[f++],p=e[f++];oi(s,u,l,h,c,v,d,p,o,i),s=d,u=p}n.push(o)}return n}(t.getUpdatedPathProxy(),o),(function(t){return function(t){for(var i=[],r=0;r<t.length;)i.push([t[r++],t[r++]]);return i}(t)})),u=s.length;if(0===u)di(vi,{points:s[0]},i,n);else if(u===i)for(var f=0;f<u;f++)n.push({points:s[f]});else{var l=0,h=F(s,(function(t){var i=[],r=[];ut(t,i,r);var n=(r[1]-i[1])*(r[0]-i[0]);return l+=n,{poly:t,area:n}}));h.sort((function(t,i){return i.area-t.area}));var c=i;for(f=0;f<u;f++){var v=h[f];if(c<=0)break;var d=f===u-1?c:Math.ceil(v.area/l*i);d<0||(di(vi,{points:v.poly},d,n),c-=d)}}r=ht}if(!r)return function(t,i){for(var r=[],n=0;n<i;n++)r.push(lt(t));return r}(t,i);var p,m,y=[];for(f=0;f<n.length;f++){var b=new r;b.setShape(n[f]),(m=b).setStyle((p=t).style),m.z=p.z,m.z2=p.z2,m.zlevel=p.zlevel,y.push(b)}return y}(t.path,t.count)}function Di(t){return bt(t[0])}function Ci(t,i){for(var r=[],n=t.length,a=0;a<n;a++)r.push({one:t[a],many:[]});for(a=0;a<i.length;a++){var e=i[a].length,o=void 0;for(o=0;o<e;o++)r[o%n].many.push(i[a][o])}var s=0;for(a=n-1;a>=0;a--)if(!r[a].many.length){var u=r[s].many;if(u.length<=1){if(!s)return r;s=0}e=u.length;var f=Math.ceil(e/2);r[a].many=u.slice(f,e),r[s].many=u.slice(0,f),s++}return r}var Oi={clone:function(t){for(var i=[],r=1-Math.pow(1-t.path.style.opacity,1/t.count),n=0;n<t.count;n++){var a=lt(t.path);a.setStyle("opacity",r),i.push(a)}return i},split:null};function Ai(t,i,r,n,a,e){if(t.length&&i.length){var o=yt("update",n,a);if(o&&o.duration>0){var s,u,f=n.getModel("universalTransition").get("delay"),l=Object.assign({setToFinal:!0},o);Di(t)&&(s=t,u=i),Di(i)&&(s=i,u=t);for(var h=s?s===t:t.length>i.length,c=s?Ci(u,s):Ci(h?i:t,[h?t:i]),v=0,d=0;d<c.length;d++)v+=c[d].many.length;var p=0;for(d=0;d<c.length;d++)m(c[d],h,p,v),p+=c[d].many.length}}function m(t,i,n,a,o){var s=t.many,u=t.one;if(1!==s.length||o)for(var h=V({dividePath:Oi[r],individualDelay:f&&function(t){return f(t+n,a)}},l),c=i?function(t,i,r){var n=[];!function t(i){for(var r=0;r<i.length;r++){var a=i[r];Mi(a)?t(a.childrenRef()):a instanceof R&&n.push(a)}}(t);var a=n.length;if(!a)return{fromIndividuals:[],toIndividuals:[],count:0};var e=(r.dividePath||Li)({path:i,count:a});if(e.length!==a)return console.error("Invalid morphing: unmatched splitted path"),{fromIndividuals:[],toIndividuals:[],count:0};n=Ti(n),e=Ti(e);for(var o=r.done,s=r.during,u=r.individualDelay,f=new pt,l=0;l<a;l++){var h=n[l],c=e[l];c.parent=i,c.copyTransform(f),u||Ni(h,c)}function v(t){for(var i=0;i<e.length;i++)e[i].addSelfToZr(t)}function d(){i.__isCombineMorphing=!1,i.__morphT=-1,i.childrenRef=null,xi(i,"addSelfToZr"),xi(i,"removeSelfFromZr")}i.__isCombineMorphing=!0,i.childrenRef=function(){return e},gi(i,"addSelfToZr",{after:function(t){v(t)}}),gi(i,"removeSelfFromZr",{after:function(t){for(var i=0;i<e.length;i++)e[i].removeSelfFromZr(t)}});var p=e.length;if(u){var m=p,y=function(){0==--m&&(d(),o&&o())};for(l=0;l<p;l++){var b=u?V({delay:(r.delay||0)+u(l,p,n[l],e[l]),done:y},r):r;ki(n[l],e[l],b)}}else i.__morphT=0,i.animateTo({__morphT:1},V({during:function(t){for(var r=0;r<p;r++){var n=e[r];n.__morphT=i.__morphT,n.dirtyShape()}s&&s(t)},done:function(){d();for(var i=0;i<t.length;i++)xi(t[i],"updateTransform");o&&o()}},r));return i.__zr&&v(i.__zr),{fromIndividuals:n,toIndividuals:e,count:p}}(s,u,h):function(t,i,r){var n=i.length,a=[],e=r.dividePath||Li;if(Mi(t)){!function t(i){for(var r=0;r<i.length;r++){var n=i[r];Mi(n)?t(n.childrenRef()):n instanceof R&&a.push(n)}}(t.childrenRef());var o=a.length;if(o<n)for(var s=0,u=o;u<n;u++)a.push(lt(a[s++%o]));a.length=n}else{a=e({path:t,count:n});var f=t.getComputedTransform();for(u=0;u<a.length;u++)a[u].setLocalTransform(f);if(a.length!==n)return console.error("Invalid morphing: unmatched splitted path"),{fromIndividuals:[],toIndividuals:[],count:0}}a=Ti(a),i=Ti(i);var l=r.individualDelay;for(u=0;u<n;u++){var h=l?V({delay:(r.delay||0)+l(u,n,a[u],i[u])},r):r;ki(a[u],i[u],h)}return{fromIndividuals:a,toIndividuals:i,count:i.length}}(u,s,h),v=c.fromIndividuals,d=c.toIndividuals,p=v.length,y=0;y<p;y++)b=f?V({delay:f(y,p)},l):l,e(v[y],d[y],i?s[y]:t.one,i?t.one:s[y],b);else{var b,w=i?s[0]:u,M=i?u:s[0];Mi(w)?m({many:[w],one:M},!0,n,a,!0):(ki(w,M,b=f?V({delay:f(n,a)},l):l),e(w,M,w,M,b))}}}function Ui(t){if(!t)return[];if(bt(t)){for(var i=[],r=0;r<t.length;r++)i.push(Ui(t[r]));return i}var n=[];return t.traverse((function(t){t instanceof R&&!t.disableMorphing&&!t.invisible&&!t.ignore&&n.push(t)})),n}var zi=gt();function Gi(t){var i=[];return rt(t,(function(t){var r=t.data;if(!(r.count()>1e4))for(var n=r.getIndices(),a=function(t){for(var i=t.dimensions,r=0;r<i.length;r++){var n=t.getDimensionInfo(i[r]);if(n&&0===n.otherDims.itemGroupId)return i[r]}}(r),e=0;e<n.length;e++)i.push({dataGroupId:t.dataGroupId,data:r,dim:t.dim||a,divide:t.divide,dataIndex:e})})),i}function Pi(t,i,r){t.traverse((function(t){t instanceof R&&N(t,{style:{opacity:0}},i,{dataIndex:r,isFrom:!0})}))}function _i(t){if(t.parent){var i=t.getComputedTransform();t.setLocalTransform(i),t.parent.remove(t)}}function Fi(t){t.stopAnimation(),t.isGroup&&t.traverse((function(t){t.stopAnimation()}))}function ji(t,i,r){var n=Gi(t),a=Gi(i);function e(t,i,r,n,a){(r||t)&&i.animateFrom({style:r&&r!==t?L(L({},r.style),t.style):t.style},a)}function o(t){for(var i=0;i<t.length;i++)if(t[i].dim)return t[i].dim}var s=o(n),u=o(a),f=!1;function l(t,i){return function(r){var n=r.data,a=r.dataIndex;if(i)return n.getId(a);var e=r.dataGroupId,o=t?s||u:u||s,f=o&&n.getDimensionInfo(o),l=f&&f.ordinalMeta;if(f){var h=n.get(f.name,a);return l&&l.categories[h]||h+""}var c=n.getRawDataItem(a);return c&&c.groupId?c.groupId+"":e||n.getId(a)}}var h=function(t,i){var r=t.length;if(r!==i.length)return!1;for(var n=0;n<r;n++){var a=t[n],e=i[n];if(a.data.getId(a.dataIndex)!==e.data.getId(e.dataIndex))return!1}return!0}(n,a),c={};if(!h)for(var v=0;v<a.length;v++){var d=a[v],p=d.data.getItemGraphicEl(d.dataIndex);p&&(c[p.id]=!0)}function m(t,i){var r=n[i],o=a[t],s=o.data.hostModel,u=r.data.getItemGraphicEl(r.dataIndex),l=o.data.getItemGraphicEl(o.dataIndex);u!==l?u&&c[u.id]||l&&(Fi(l),u?(Fi(u),_i(u),f=!0,Ai(Ui(u),Ui(l),o.divide,s,t,e)):Pi(l,s,t)):l&&function(t,i,r){var n=yt("update",r,i);n&&t.traverse((function(t){if(t instanceof kt){var i=It(t);i&&t.animateFrom({style:i},n)}}))}(l,o.dataIndex,s)}new xt(n,a,l(!0,h),l(!1,h),null,"multiple").update(m).updateManyToOne((function(t,i){var r=a[t],o=r.data,s=o.hostModel,u=o.getItemGraphicEl(r.dataIndex),l=St(F(i,(function(t){return n[t].data.getItemGraphicEl(n[t].dataIndex)})),(function(t){return t&&t!==u&&!c[t.id]}));u&&(Fi(u),l.length?(rt(l,(function(t){Fi(t),_i(t)})),f=!0,Ai(Ui(l),Ui(u),r.divide,s,t,e)):Pi(u,s,r.dataIndex))})).updateOneToMany((function(t,i){var r=n[i],o=r.data.getItemGraphicEl(r.dataIndex);if(!o||!c[o.id]){var s=St(F(t,(function(t){return a[t].data.getItemGraphicEl(a[t].dataIndex)})),(function(t){return t&&t!==o})),u=a[t[0]].data.hostModel;s.length&&(rt(s,(function(t){return Fi(t)})),o?(Fi(o),_i(o),f=!0,Ai(Ui(o),Ui(s),r.divide,u,t[0],e)):rt(s,(function(i){return Pi(i,u,t[0])})))}})).updateManyToMany((function(t,i){new xt(i,t,(function(t){return n[t].data.getId(n[t].dataIndex)}),(function(t){return a[t].data.getId(a[t].dataIndex)})).update((function(r,n){m(t[r],i[n])})).execute()})).execute(),f&&rt(i,(function(t){var i=t.data.hostModel,n=i&&r.getViewOfSeriesModel(i),a=yt("update",i,0);n&&i.isAnimationEnabled()&&a&&a.duration>0&&n.group.traverse((function(t){t instanceof R&&!t.animators.length&&t.animateFrom({style:{opacity:0}},a)}))}))}function Xi(t){return t.getModel("universalTransition").get("seriesKey")||t.id}function Yi(t){return bt(t)?t.sort().join(","):t}function Ei(t){if(t.hostModel)return t.hostModel.getModel("universalTransition").get("divideShape")}function Ri(t,i){for(var r=0;r<t.length;r++)if(null!=i.seriesIndex&&i.seriesIndex===t[r].seriesIndex||null!=i.seriesId&&i.seriesId===t[r].id)return r}Tt([Dt,function(t){t.registerChartView(ri),t.registerSeriesModel(_t),t.registerLayout((!0,{seriesType:"line",plan:ot(),reset:function(t){var i=t.getData(),r=t.coordinateSystem;if(r){var n=F(r.dimensions,(function(t){return i.mapDimension(t)})).slice(0,2),a=n.length,e=i.getCalculationInfo("stackResultDimension");j(i,n[0])&&(n[0]=e),j(i,n[1])&&(n[1]=e);var o=i.getStore(),s=i.getDimensionIndex(n[0]),u=i.getDimensionIndex(n[1]);return a&&{progress:function(t,i){for(var n=Y((t.end-t.start)*a),e=[],f=[],l=t.start,h=0;l<t.end;l++){var c=void 0;if(1===a){var v=o.get(s,l);c=r.dataToPoint(v,null,f)}else e[0]=o.get(s,l),e[1]=o.get(u,l),c=r.dataToPoint(e,null,f);n[h++]=c[0],n[h++]=c[1]}i.setLayout("points",n)}}}}})),t.registerVisual({seriesType:"line",reset:function(t){var i=t.getData(),r=t.getModel("lineStyle").getLineStyle();r&&!r.stroke&&(r.stroke=i.getVisual("style").fill),i.setVisual("legendLineStyle",r)}}),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,c("line"))},Ct,function(t){t.registerUpdateLifecycle("series:beforeupdate",(function(t,i,r){rt(wt(r.seriesTransition),(function(t){rt(wt(t.to),(function(t){for(var i=r.updatedSeries,n=0;n<i.length;n++)(null!=t.seriesIndex&&t.seriesIndex===i[n].seriesIndex||null!=t.seriesId&&t.seriesId===i[n].id)&&(i[n][Mt]=!0)}))}))})),t.registerUpdateLifecycle("series:transition",(function(t,i,r){var n=zi(i);if(n.oldSeries&&r.updatedSeries&&r.optionChanged){var a=r.seriesTransition;if(a)rt(wt(a),(function(t){!function(t,i,r,n){var a=[],e=[];rt(wt(t.from),(function(t){var r=Ri(i.oldSeries,t);r>=0&&a.push({dataGroupId:i.oldDataGroupIds[r],data:i.oldData[r],divide:Ei(i.oldData[r]),dim:t.dimension})})),rt(wt(t.to),(function(t){var n=Ri(r.updatedSeries,t);if(n>=0){var a=r.updatedSeries[n].getData();e.push({dataGroupId:i.oldDataGroupIds[n],data:a,divide:Ei(a),dim:t.dimension})}})),a.length>0&&e.length>0&&ji(a,e,n)}(t,n,r,i)}));else{var e=function(t,i){var r=Nt(),n=Nt(),a=Nt();return rt(t.oldSeries,(function(i,r){var e=t.oldDataGroupIds[r],o=t.oldData[r],s=Xi(i),u=Yi(s);n.set(u,{dataGroupId:e,data:o}),bt(s)&&rt(s,(function(t){a.set(t,{key:u,dataGroupId:e,data:o})}))})),rt(i.updatedSeries,(function(t){if(t.isUniversalTransitionEnabled()&&t.isAnimationEnabled()){var i=t.get("dataGroupId"),e=t.getData(),o=Xi(t),s=Yi(o),u=n.get(s);if(u)r.set(s,{oldSeries:[{dataGroupId:u.dataGroupId,divide:Ei(u.data),data:u.data}],newSeries:[{dataGroupId:i,divide:Ei(e),data:e}]});else if(bt(o)){var f=[];rt(o,(function(t){var i=n.get(t);i.data&&f.push({dataGroupId:i.dataGroupId,divide:Ei(i.data),data:i.data})})),f.length&&r.set(s,{oldSeries:f,newSeries:[{dataGroupId:i,data:e,divide:Ei(e)}]})}else{var l=a.get(o);if(l){var h=r.get(l.key);h||(h={oldSeries:[{dataGroupId:l.dataGroupId,data:l.data,divide:Ei(l.data)}],newSeries:[]},r.set(l.key,h)),h.newSeries.push({dataGroupId:i,data:e,divide:Ei(e)})}}}})),r}(n,r);rt(e.keys(),(function(t){var r=e.get(t);ji(r.oldSeries,r.newSeries,i)}))}rt(r.updatedSeries,(function(t){t[Mt]&&(t[Mt]=!1)}))}for(var o=t.getSeries(),s=n.oldSeries=[],u=n.oldDataGroupIds=[],f=n.oldData=[],l=0;l<o.length;l++){var h=o[l].getData();h.count()<1e4&&(s.push(o[l]),u.push(o[l].get("dataGroupId")),f.push(h))}}))},m,y]);const Zi=class{constructor(r){t(this,r),this.change=i(this,"change",7),this.data=[],this.alignChartName=void 0,this.chartName=void 0,this.lineColor=void 0,this.pointerLineColor=void 0,this.pointerLineStyle=void 0,this.areaColor=void 0,this.dataNamesOverflow=void 0,this.dataNamesWidth=void 0,this.format=void 0,this.formatModifier=void 0,this.hideNameAxisLabels=!1,this.hideValueAxisLabels=!1,this.offsetDataNames=!1,this.offsetDataValues=!1,this.showChartName=!1,this.showDatapointLabels=!1,this.showGradient=!1,this.gridLines=void 0}componentDidLoad(){const t=Lt(this.chartContainer);this.chart=t,this.resizeEventListener=()=>this.resizeChart(),window.addEventListener("resize",this.resizeEventListener),this.cacheComputedStyles(),this.updateChart(t),a(this.hostElement)}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer),this.hostElementStyles=getComputedStyle(this.hostElement)}getAreaFill(){return this.showGradient?{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:this.getColor(this.areaColor)},{offset:1,color:"white"}],global:!1}:this.getColor(this.areaColor)}getColor(t){const i=v("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles);return v(t,this.chartContainerStyles,this.hostElementStyles)||(d(t)?t:i)}updateChart(t){var i;const r=(null===(i=this.formatModifier)||void 0===i?void 0:i.includes("dec"))?this.formatModifier.replace("dec",""):0,n={type:"value",axisLabel:{formatter:t=>p(t,{type:this.format,decimals:r}),rotate:this.offsetDataValues?45:0,margin:this.offsetDataValues?15:8,show:!this.hideValueAxisLabels},splitLine:{show:"horizontal"===this.gridLines||!this.gridLines}},a={type:"category",boundaryGap:!1,data:this.data.map((t=>e(t.name)||"")),axisLabel:{rotate:this.offsetDataNames?45:0,margin:this.offsetDataNames?15:8,width:this.dataNamesWidth||50,overflow:this.dataNamesOverflow||"none",truncate:"ellipsis",show:!this.hideNameAxisLabels},axisLine:{show:!this.hideNameAxisLabels},axisTick:{show:!this.hideNameAxisLabels},axisPointer:{show:!0,type:"line",label:{show:!1,formatter:t=>{const i=t.seriesData[0].dataIndex;this.change.emit({index:i,data:this.data[i]})}},lineStyle:{color:this.getColor(this.pointerLineColor||"var(--t-gray-10)"),type:this.pointerLineStyle||"solid",width:1.5},z:1},splitLine:{show:"vertical"===this.gridLines}};return t.setOption({aria:{enabled:!0},title:{text:this.chartName,show:this.showChartName,left:this.alignChartName},grid:{containLabel:!0},xAxis:a,yAxis:n,series:[{data:this.data.map((t=>t.value||0)),id:"area",type:"line",lineStyle:{color:this.getColor(this.lineColor)},itemStyle:{color:this.getColor(this.lineColor)},areaStyle:{color:this.getAreaFill()},symbolSize:10,showSymbol:!1,label:{show:this.showDatapointLabels,position:"right",formatter:t=>p(t.value,{type:this.format,decimals:r})}}]})}resizeChart(){this.chart.resize()}propsUpdates(){this.updateChart(this.chart)}render(){return r("div",{class:"container"},r("div",{ref:t=>this.chartContainer=t,class:"chart-container","test-id":"areaChartContainer"}))}get hostElement(){return n(this)}static get watchers(){return{data:["propsUpdates"],alignChartName:["propsUpdates"],chartName:["propsUpdates"],lineColor:["propsUpdates"],pointerLineColor:["propsUpdates"],pointerLineStyle:["propsUpdates"],areaColor:["propsUpdates"],dataNamesOverflow:["propsUpdates"],dataNamesWidth:["propsUpdates"],format:["propsUpdates"],formatModifier:["propsUpdates"],hideNameAxisLabels:["propsUpdates"],hideValueAxisLabels:["propsUpdates"],offsetDataNames:["propsUpdates"],offsetDataValues:["propsUpdates"],showChartName:["propsUpdates"],showDatapointLabels:["propsUpdates"],showGradient:["propsUpdates"],gridLines:["propsUpdates"]}}};Zi.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{width:var(--tct-area-chart-width, 100%);height:var(--tct-area-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";export{Zi as q2_chart_area}
|
|
1
|
+
import{r as t,c as i,h as r,g as n}from"./p-926a3e80.js";import{o as a,l as e}from"./p-921ea070.js";import{g as o,c as s,a as u,i as f,b as l,d as h,e as c,f as v,h as d,j as p,k as m,l as y}from"./p-458b1987.js";import{_ as b,c as w,e as M,l as g,u as x,s as S,i as N,g as k,n as I,Z as T,a as L,b as D,t as C,d as O,r as A,f as U,G as z,h as G,j as P,S as _,m as F,k as j,o as X,p as Y,q as E,P as R,v as Z,w as J,x as K,y as V,z as q,A as H,C as W,B,D as Q,E as $,F as tt,H as it,I as rt,L as nt,J as at,K as et,M as ot,N as st,O as ut,Q as ft,R as lt,T as ht,U as ct,V as vt,W as dt,X as pt,Y as mt,$ as yt,a0 as bt,a1 as wt,a2 as Mt,a3 as gt,a4 as xt,a5 as St,a6 as Nt,a7 as kt,a8 as It,a9 as Tt,aa as Lt,ab as Dt,ac as Ct}from"./p-52063431.js";var Ot=function(t){function i(i,r,n,a){var e=t.call(this)||this;return e.updateData(i,r,n,a),e}return b(i,t),i.prototype._createSymbol=function(t,i,r,n,a){this.removeAll();var e=w(t,-1,-1,2,2,null,a);e.attr({z2:100,culling:!0,scaleX:n[0]/2,scaleY:n[1]/2}),e.drift=At,this._symbolType=t,this.add(e)},i.prototype.stopSymbolAnimation=function(t){this.childAt(0).stopAnimation(null,t)},i.prototype.getSymbolType=function(){return this._symbolType},i.prototype.getSymbolPath=function(){return this.childAt(0)},i.prototype.highlight=function(){M(this.childAt(0))},i.prototype.downplay=function(){g(this.childAt(0))},i.prototype.setZ=function(t,i){var r=this.childAt(0);r.zlevel=t,r.z=i},i.prototype.setDraggable=function(t,i){var r=this.childAt(0);r.draggable=t,r.cursor=!i&&t?"move":r.cursor},i.prototype.updateData=function(t,r,n,a){this.silent=!1;var e=t.getItemVisual(r,"symbol")||"circle",o=t.hostModel,s=i.getSymbolSize(t,r),u=e!==this._symbolType,f=a&&a.disableAnimation;if(u){var l=t.getItemVisual(r,"symbolKeepAspect");this._createSymbol(e,t,r,s,l)}else{(c=this.childAt(0)).silent=!1;var h={scaleX:s[0]/2,scaleY:s[1]/2};f?c.attr(h):x(c,h,o,r),S(c)}if(this._updateCommon(t,r,s,n,a),u){var c=this.childAt(0);f||(h={scaleX:this._sizeX,scaleY:this._sizeY,style:{opacity:c.style.opacity}},c.scaleX=c.scaleY=0,c.style.opacity=0,N(c,h,o,r))}f&&this.childAt(0).stopAnimation("leave")},i.prototype._updateCommon=function(t,i,r,n,a){var e,s,u,f,l,h,c,v,d,p=this.childAt(0),m=t.hostModel;if(n&&(e=n.emphasisItemStyle,s=n.blurItemStyle,u=n.selectItemStyle,f=n.focus,l=n.blurScope,c=n.labelStatesModels,v=n.hoverScale,d=n.cursorStyle,h=n.emphasisDisabled),!n||t.hasItemOption){var y=n&&n.itemModel?n.itemModel:t.getItemModel(i),b=y.getModel("emphasis");e=b.getModel("itemStyle").getItemStyle(),u=y.getModel(["select","itemStyle"]).getItemStyle(),s=y.getModel(["blur","itemStyle"]).getItemStyle(),f=b.get("focus"),l=b.get("blurScope"),h=b.get("disabled"),c=k(y),v=b.getShallow("scale"),d=y.getShallow("cursor")}var w=t.getItemVisual(i,"symbolRotate");p.attr("rotation",(w||0)*Math.PI/180||0);var M=I(t.getItemVisual(i,"symbolOffset"),r);M&&(p.x=M[0],p.y=M[1]),d&&p.attr("cursor",d);var g=t.getItemVisual(i,"style"),x=g.fill;if(p instanceof T){var S=p.style;p.useStyle(L({image:S.image,x:S.x,y:S.y,width:S.width,height:S.height},g))}else p.useStyle(p.__isEmptyBrush?L({},g):g),p.style.decal=null,p.setColor(x,a&&a.symbolInnerColor),p.style.strokeNoScale=!0;var N=t.getItemVisual(i,"liftZ"),O=this._z2;null!=N?null==O&&(this._z2=p.z2,p.z2+=N):null!=O&&(p.z2=O,this._z2=null);var A=a&&a.useNameLabel;D(p,c,{labelFetcher:m,labelDataIndex:i,defaultText:function(i){return A?t.getName(i):o(t,i)},inheritColor:x,defaultOpacity:g.opacity}),this._sizeX=r[0]/2,this._sizeY=r[1]/2;var U=p.ensureState("emphasis");U.style=e,p.ensureState("select").style=u,p.ensureState("blur").style=s;var z=null==v||!0===v?Math.max(1.1,3/this._sizeY):isFinite(v)&&v>0?+v:1;U.scaleX=this._sizeX*z,U.scaleY=this._sizeY*z,this.setSymbolScale(1),C(this,f,l,h)},i.prototype.setSymbolScale=function(t){this.scaleX=this.scaleY=t},i.prototype.fadeOut=function(t,i,r){var n=this.childAt(0),a=O(this).dataIndex,e=r&&r.animation;if(this.silent=n.silent=!0,r&&r.fadeLabel){var o=n.getTextContent();o&&A(o,{style:{opacity:0}},i,{dataIndex:a,removeOpt:e,cb:function(){n.removeTextContent()}})}else n.removeTextContent();A(n,{style:{opacity:0},scaleX:0,scaleY:0},i,{dataIndex:a,cb:t,removeOpt:e})},i.getSymbolSize=function(t,i){return U(t.getItemVisual(i,"symbolSize"))},i}(z);function At(t,i){this.parent.drift(t,i)}function Ut(t,i,r,n){return i&&!isNaN(i[0])&&!isNaN(i[1])&&!(n.isIgnore&&n.isIgnore(r))&&!(n.clipShape&&!n.clipShape.contain(i[0],i[1]))&&"none"!==t.getItemVisual(r,"symbol")}function zt(t){return null==t||P(t)||(t={isIgnore:t}),t||{}}function Gt(t){var i=t.hostModel,r=i.getModel("emphasis");return{emphasisItemStyle:r.getModel("itemStyle").getItemStyle(),blurItemStyle:i.getModel(["blur","itemStyle"]).getItemStyle(),selectItemStyle:i.getModel(["select","itemStyle"]).getItemStyle(),focus:r.get("focus"),blurScope:r.get("blurScope"),emphasisDisabled:r.get("disabled"),hoverScale:r.get("scale"),labelStatesModels:k(i),cursorStyle:i.get("cursor")}}var Pt=function(){function t(t){this.group=new z,this._SymbolCtor=t||Ot}return t.prototype.updateData=function(t,i){this._progressiveEls=null,i=zt(i);var r=this.group,n=t.hostModel,a=this._data,e=this._SymbolCtor,o=i.disableAnimation,s=Gt(t),u={disableAnimation:o},f=i.getSymbolPoint||function(i){return t.getItemLayout(i)};a||r.removeAll(),t.diff(a).add((function(n){var a=f(n);if(Ut(t,a,n,i)){var o=new e(t,n,s,u);o.setPosition(a),t.setItemGraphicEl(n,o),r.add(o)}})).update((function(l,h){var c=a.getItemGraphicEl(h),v=f(l);if(Ut(t,v,l,i)){var d=t.getItemVisual(l,"symbol")||"circle",p=c&&c.getSymbolType&&c.getSymbolType();if(!c||p&&p!==d)r.remove(c),(c=new e(t,l,s,u)).setPosition(v);else{c.updateData(t,l,s,u);var m={x:v[0],y:v[1]};o?c.attr(m):x(c,m,n)}r.add(c),t.setItemGraphicEl(l,c)}else r.remove(c)})).remove((function(t){var i=a.getItemGraphicEl(t);i&&i.fadeOut((function(){r.remove(i)}),n)})).execute(),this._getSymbolPoint=f,this._data=t},t.prototype.updateLayout=function(){var t=this,i=this._data;i&&i.eachItemGraphicEl((function(i,r){var n=t._getSymbolPoint(r);i.setPosition(n),i.markRedraw()}))},t.prototype.incrementalPrepareUpdate=function(t){this._seriesScope=Gt(t),this._data=null,this.group.removeAll()},t.prototype.incrementalUpdate=function(t,i,r){function n(t){t.isGroup||(t.incremental=!0,t.ensureState("emphasis").hoverLayer=!0)}this._progressiveEls=[],r=zt(r);for(var a=t.start;a<t.end;a++){var e=i.getItemLayout(a);if(Ut(i,e,a,r)){var o=new this._SymbolCtor(i,a,this._seriesScope);o.traverse(n),o.setPosition(e),this.group.add(o),i.setItemGraphicEl(a,o),this._progressiveEls.push(o)}}},t.prototype.eachRendered=function(t){G(this._progressiveEls||this.group,t)},t.prototype.remove=function(t){var i=this.group,r=this._data;r&&t?r.eachItemGraphicEl((function(t){t.fadeOut((function(){i.remove(t)}),r.hostModel)})):i.removeAll()},t}(),_t=function(t){function i(){var r=null!==t&&t.apply(this,arguments)||this;return r.type=i.type,r.hasSymbolVisual=!0,r}return b(i,t),i.prototype.getInitialData=function(){return s(null,this,{useEncodeDefaulter:!0})},i.prototype.getLegendIcon=function(t){var i=new z,r=w("line",0,t.itemHeight/2,t.itemWidth,0,t.lineStyle.stroke,!1);i.add(r),r.setStyle(t.lineStyle);var n=this.getData().getVisual("symbol"),a=this.getData().getVisual("symbolRotate"),e="none"===n?"circle":n,o=.8*t.itemHeight,s=w(e,(t.itemWidth-o)/2,(t.itemHeight-o)/2,o,o,t.itemStyle.fill);return i.add(s),s.setStyle(t.itemStyle),s.rotation=("inherit"===t.iconRotate?a:t.iconRotate||0)*Math.PI/180,s.setOrigin([t.itemWidth/2,t.itemHeight/2]),e.indexOf("empty")>-1&&(s.style.stroke=s.style.fill,s.style.fill="#fff",s.style.lineWidth=2),i},i.type="series.line",i.dependencies=["grid","polar"],i.defaultOption={z:3,coordinateSystem:"cartesian2d",legendHoverLink:!0,clip:!0,label:{position:"top"},endLabel:{show:!1,valueAnimation:!0,distance:8},lineStyle:{width:2,type:"solid"},emphasis:{scale:!0},step:!1,smooth:!1,smoothMonotone:null,symbol:"emptyCircle",symbolSize:4,symbolRotate:null,showSymbol:!0,showAllSymbol:"auto",connectNulls:!1,sampling:"none",animationEasing:"linear",progressive:0,hoverLayerThreshold:1/0,universalTransition:{divideShape:"clone"},triggerLineEvent:!1},i}(_);function Ft(t,i,r){var n=t.getBaseAxis(),a=t.getOtherAxis(n),e=function(t,i){var r=0,n=t.scale.getExtent();return"start"===i?r=n[0]:"end"===i?r=n[1]:X(i)&&!isNaN(i)?r=i:n[0]>0?r=n[0]:n[1]<0&&(r=n[1]),r}(a,r),o=n.dim,s=a.dim,u=i.mapDimension(s),f=i.mapDimension(o),l="x"===s||"radius"===s?1:0,h=F(t.dimensions,(function(t){return i.mapDimension(t)})),c=!1,v=i.getCalculationInfo("stackResultDimension");return j(i,h[0])&&(c=!0,h[0]=v),j(i,h[1])&&(c=!0,h[1]=v),{dataDimsForPoint:h,valueStart:e,valueAxisDim:s,baseAxisDim:o,stacked:!!c,valueDim:u,baseDim:f,baseDataOffset:l,stackedOverDimension:i.getCalculationInfo("stackedOverDimension")}}function jt(t,i,r,n){var a=NaN;t.stacked&&(a=r.get(r.getCalculationInfo("stackedOverDimension"),n)),isNaN(a)&&(a=t.valueStart);var e=t.baseDataOffset,o=[];return o[e]=r.get(t.baseDim,n),o[1-e]=a,i.dataToPoint(o)}var Xt=Math.min,Yt=Math.max;function Et(t,i){return isNaN(t)||isNaN(i)}function Rt(t,i,r,n,a,e,o,s,u){for(var f,l,h,c,v,d,p=r,m=0;m<n;m++){var y=i[2*p],b=i[2*p+1];if(p>=a||p<0)break;if(Et(y,b)){if(u){p+=e;continue}break}if(p===r)t[e>0?"moveTo":"lineTo"](y,b),h=y,c=b;else{var w=y-f,M=b-l;if(w*w+M*M<.5){p+=e;continue}if(o>0){for(var g=p+e,x=i[2*g],S=i[2*g+1];x===y&&S===b&&m<n;)m++,x=i[2*(g+=e)],S=i[2*g+1],w=(y=i[2*(p+=e)])-f,M=(b=i[2*p+1])-l;var N=m+1;if(u)for(;Et(x,S)&&N<n;)N++,x=i[2*(g+=e)],S=i[2*g+1];var k=.5,I=0,T=0,L=void 0,D=void 0;if(N>=n||Et(x,S))v=y,d=b;else{I=x-f,T=S-l;var C=y-f,O=x-y,A=b-l,U=S-b,z=void 0,G=void 0;if("x"===s){var P=I>0?1:-1;v=y-P*(z=Math.abs(C))*o,d=b,L=y+P*(G=Math.abs(O))*o,D=b}else if("y"===s){var _=T>0?1:-1;v=y,d=b-_*(z=Math.abs(A))*o,L=y,D=b+_*(G=Math.abs(U))*o}else z=Math.sqrt(C*C+A*A),v=y-I*o*(1-(k=(G=Math.sqrt(O*O+U*U))/(G+z))),d=b-T*o*(1-k),D=b+T*o*k,L=Xt(L=y+I*o*k,Yt(x,y)),D=Xt(D,Yt(S,b)),L=Yt(L,Xt(x,y)),d=b-(T=(D=Yt(D,Xt(S,b)))-b)*z/G,v=Xt(v=y-(I=L-y)*z/G,Yt(f,y)),d=Xt(d,Yt(l,b)),L=y+(I=y-(v=Yt(v,Xt(f,y))))*G/z,D=b+(T=b-(d=Yt(d,Xt(l,b))))*G/z}t.bezierCurveTo(h,c,v,d,y,b),h=L,c=D}else t.lineTo(y,b)}f=y,l=b,p+=e}return m}var Zt=function(){this.smooth=0,this.smoothConstraint=!0},Jt=function(t){function i(i){var r=t.call(this,i)||this;return r.type="ec-polyline",r}return b(i,t),i.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},i.prototype.getDefaultShape=function(){return new Zt},i.prototype.buildPath=function(t,i){var r=i.points,n=0,a=r.length/2;if(i.connectNulls){for(;a>0&&Et(r[2*a-2],r[2*a-1]);a--);for(;n<a&&Et(r[2*n],r[2*n+1]);n++);}for(;n<a;)n+=Rt(t,r,n,a,a,1,i.smooth,i.smoothMonotone,i.connectNulls)+1},i.prototype.getPointOn=function(t,i){this.path||(this.createPathProxy(),this.buildPath(this.path,this.shape));for(var r,n,a=this.path.data,e=Z.CMD,o="x"===i,s=[],u=0;u<a.length;){var f=void 0,l=void 0,h=void 0,c=void 0,v=void 0,d=void 0,p=void 0;switch(a[u++]){case e.M:r=a[u++],n=a[u++];break;case e.L:if(f=a[u++],l=a[u++],(p=o?(t-r)/(f-r):(t-n)/(l-n))<=1&&p>=0){var m=o?(l-n)*p+n:(f-r)*p+r;return o?[t,m]:[m,t]}r=f,n=l;break;case e.C:f=a[u++],l=a[u++],h=a[u++],c=a[u++],v=a[u++],d=a[u++];var y=o?E(r,f,h,v,t,s):E(n,l,c,d,t,s);if(y>0)for(var b=0;b<y;b++){var w=s[b];if(w<=1&&w>=0)return m=o?J(n,l,c,d,w):J(r,f,h,v,w),o?[t,m]:[m,t]}r=v,n=d}}},i}(R),Kt=function(t){function i(){return null!==t&&t.apply(this,arguments)||this}return b(i,t),i}(Zt),Vt=function(t){function i(i){var r=t.call(this,i)||this;return r.type="ec-polygon",r}return b(i,t),i.prototype.getDefaultShape=function(){return new Kt},i.prototype.buildPath=function(t,i){var r=i.points,n=i.stackedOnPoints,a=0,e=r.length/2,o=i.smoothMonotone;if(i.connectNulls){for(;e>0&&Et(r[2*e-2],r[2*e-1]);e--);for(;a<e&&Et(r[2*a],r[2*a+1]);a++);}for(;a<e;){var s=Rt(t,r,a,e,e,1,i.smooth,o,i.connectNulls);Rt(t,n,a+s-1,s,e,-1,i.stackedOnSmooth,o,i.connectNulls),a+=s+1,t.closePath()}},i}(R);function qt(t,i){if(t.length===i.length){for(var r=0;r<t.length;r++)if(t[r]!==i[r])return;return!0}}function Ht(t){for(var i=1/0,r=1/0,n=-1/0,a=-1/0,e=0;e<t.length;){var o=t[e++],s=t[e++];isNaN(o)||(i=Math.min(o,i),n=Math.max(o,n)),isNaN(s)||(r=Math.min(s,r),a=Math.max(s,a))}return[[i,r],[n,a]]}function Wt(t,i){var r=Ht(t),n=r[0],a=r[1],e=Ht(i),o=e[0],s=e[1];return Math.max(Math.abs(n[0]-o[0]),Math.abs(n[1]-o[1]),Math.abs(a[0]-s[0]),Math.abs(a[1]-s[1]))}function Bt(t){return X(t)?t:t?.5:0}function Qt(t,i,r,n){var a=i.getBaseAxis(),e="x"===a.dim||"radius"===a.dim?0:1,o=[],s=0,u=[],f=[],l=[],h=[];if(n){for(s=0;s<t.length;s+=2)isNaN(t[s])||isNaN(t[s+1])||h.push(t[s],t[s+1]);t=h}for(s=0;s<t.length-2;s+=2)switch(l[0]=t[s+2],l[1]=t[s+3],f[0]=t[s],f[1]=t[s+1],o.push(f[0],f[1]),r){case"end":u[e]=l[e],u[1-e]=f[1-e],o.push(u[0],u[1]);break;case"middle":var c=[];u[e]=c[e]=(f[e]+l[e])/2,u[1-e]=f[1-e],c[1-e]=l[1-e],o.push(u[0],u[1]),o.push(c[0],c[1]);break;default:u[e]=f[e],u[1-e]=l[1-e],o.push(u[0],u[1])}return o.push(t[s++],t[s++]),o}function $t(t,i){return[t[2*i],t[2*i+1]]}function ti(t){if(t.get(["endLabel","show"]))return!0;for(var i=0;i<at.length;i++)if(t.get([at[i],"endLabel","show"]))return!0;return!1}function ii(t,i,r,n){if(f(i,"cartesian2d")){var a=n.getModel("endLabel"),e=a.get("valueAnimation"),o=n.getData(),s={lastFrameIndex:0},u=ti(n)?function(r,n){t._endLabelOnDuring(r,n,o,s,e,a,i)}:null,c=i.getBaseAxis().isHorizontal(),v=l(i,r,n,(function(){var i=t._endLabel;i&&r&&null!=s.originalX&&i.attr({x:s.originalX,y:s.originalY})}),u);if(!n.get("clip",!0)){var d=v.shape,p=Math.max(d.width,d.height);c?(d.y-=p,d.height+=2*p):(d.x-=p,d.width+=2*p)}return u&&u(1,v),v}return h(i,r,n)}var ri=function(t){function i(){return null!==t&&t.apply(this,arguments)||this}return b(i,t),i.prototype.init=function(){var t=new z,i=new Pt;this.group.add(i.group),this._symbolDraw=i,this._lineGroup=t},i.prototype.render=function(t,i,r){var n=this,a=t.coordinateSystem,e=this.group,o=t.getData(),s=t.getModel("lineStyle"),u=t.getModel("areaStyle"),f=o.getLayout("points")||[],l="polar"===a.type,h=this._coordSys,c=this._symbolDraw,v=this._polyline,d=this._polygon,p=this._lineGroup,m=t.get("animation"),y=!u.isEmpty(),b=u.get("origin"),w=Ft(a,o,b),M=y&&function(t,i,r){if(!r.valueDim)return[];for(var n=i.count(),a=Y(2*n),e=0;e<n;e++){var o=jt(r,t,i,e);a[2*e]=o[0],a[2*e+1]=o[1]}return a}(a,o,w),g=t.get("showSymbol"),x=t.get("connectNulls"),S=g&&!l&&function(t,i,r){var n=t.get("showAllSymbol"),a="auto"===n;if(!n||a){var e=r.getAxesByScale("ordinal")[0];if(e&&(!a||!function(t,i){var r=t.getExtent(),n=Math.abs(r[1]-r[0])/t.scale.count();isNaN(n)&&(n=0);for(var a=i.count(),e=Math.max(1,Math.round(a/5)),o=0;o<a;o+=e)if(1.5*Ot.getSymbolSize(i,o)[t.isHorizontal()?1:0]>n)return!1;return!0}(e,i))){var o=i.mapDimension(e.dim),s={};return rt(e.getViewLabels(),(function(t){var i=e.scale.getRawOrdinalNumber(t.tickValue);s[i]=1})),function(t){return!s.hasOwnProperty(i.get(o,t))}}}}(t,o,a),k=this._data;k&&k.eachItemGraphicEl((function(t,i){t.__temp&&(e.remove(t),k.setItemGraphicEl(i,null))})),g||c.remove(),e.add(p);var I,T=!l&&t.get("step");a&&a.getArea&&t.get("clip",!0)&&(null!=(I=a.getArea()).width?(I.x-=.1,I.y-=.1,I.width+=.2,I.height+=.2):I.r0&&(I.r0-=.5,I.r+=.5)),this._clipShapeForSymbol=I;var L=function(t,i,r){var n=t.getVisual("visualMeta");if(n&&n.length&&t.count()&&"cartesian2d"===i.type){for(var a,e,o=n.length-1;o>=0;o--){var s=t.getDimensionInfo(n[o].dimension);if("x"===(a=s&&s.coordDim)||"y"===a){e=n[o];break}}if(e){var u=i.getAxis(a),f=F(e.stops,(function(t){return{coord:u.toGlobalCoord(u.dataToCoord(t.value)),color:t.color}})),l=f.length,h=e.outerColors.slice();l&&f[0].coord>f[l-1].coord&&(f.reverse(),h.reverse());var c=function(t,i){var r,n,a=[],e=t.length;function o(t,i,r){var n=t.coord;return{coord:r,color:et((r-n)/(i.coord-n),[t.color,i.color])}}for(var s=0;s<e;s++){var u=t[s],f=u.coord;if(f<0)r=u;else{if(f>i){n?a.push(o(n,u,i)):r&&a.push(o(r,u,0),o(r,u,i));break}r&&(a.push(o(r,u,0)),r=null),a.push(u),n=u}}return a}(f,"x"===a?r.getWidth():r.getHeight()),v=c.length;if(!v&&l)return f[0].coord<0?h[1]?h[1]:f[l-1].color:h[0]?h[0]:f[0].color;var d=c[0].coord-10,p=c[v-1].coord+10,m=p-d;if(m<.001)return"transparent";rt(c,(function(t){t.offset=(t.coord-d)/m})),c.push({offset:v?c[v-1].offset:.5,color:h[1]||"transparent"}),c.unshift({offset:v?c[0].offset:.5,color:h[0]||"transparent"});var y=new nt(0,0,0,0,c,!0);return y[a]=d,y[a+"2"]=p,y}}}(o,a,r)||o.getVisual("style")[o.getVisual("drawType")];if(v&&h.type===a.type&&T===this._step){y&&!d?d=this._newPolygon(f,M):d&&!y&&(p.remove(d),d=this._polygon=null),l||this._initOrUpdateEndLabel(t,a,K(L));var D=p.getClipPath();if(D){var A=ii(this,a,!1,t);N(D,{shape:A.shape},t)}else p.setClipPath(ii(this,a,!0,t));g&&c.updateData(o,{isIgnore:S,clipShape:I,disableAnimation:!0,getSymbolPoint:function(t){return[f[2*t],f[2*t+1]]}}),qt(this._stackedOnPoints,M)&&qt(this._points,f)||(m?this._doUpdateAnimation(o,M,a,r,T,b,x):(T&&(f=Qt(f,a,T,x),M&&(M=Qt(M,a,T,x))),v.setShape({points:f}),d&&d.setShape({points:f,stackedOnPoints:M})))}else g&&c.updateData(o,{isIgnore:S,clipShape:I,disableAnimation:!0,getSymbolPoint:function(t){return[f[2*t],f[2*t+1]]}}),m&&this._initSymbolLabelAnimation(o,a,I),T&&(f=Qt(f,a,T,x),M&&(M=Qt(M,a,T,x))),v=this._newPolyline(f),y?d=this._newPolygon(f,M):d&&(p.remove(d),d=this._polygon=null),l||this._initOrUpdateEndLabel(t,a,K(L)),p.setClipPath(ii(this,a,!0,t));var U=t.getModel("emphasis"),z=U.get("focus"),G=U.get("blurScope"),P=U.get("disabled");v.useStyle(V(s.getLineStyle(),{fill:"none",stroke:L,lineJoin:"bevel"})),q(v,t,"lineStyle"),v.style.lineWidth>0&&"bolder"===t.get(["emphasis","lineStyle","width"])&&(v.getState("emphasis").style.lineWidth=+v.style.lineWidth+1),O(v).seriesIndex=t.seriesIndex,C(v,z,G,P);var _=Bt(t.get("smooth")),j=t.get("smoothMonotone");if(v.setShape({smooth:_,smoothMonotone:j,connectNulls:x}),d){var X=o.getCalculationInfo("stackedOnSeries"),E=0;d.useStyle(V(u.getAreaStyle(),{fill:L,opacity:.7,lineJoin:"bevel",decal:o.getVisual("style").decal})),X&&(E=Bt(X.get("smooth"))),d.setShape({smooth:_,stackedOnSmooth:E,smoothMonotone:j,connectNulls:x}),q(d,t,"areaStyle"),O(d).seriesIndex=t.seriesIndex,C(d,z,G,P)}var R=function(t){n._changePolyState(t)};o.eachItemGraphicEl((function(t){t&&(t.onHoverStateChange=R)})),this._polyline.onHoverStateChange=R,this._data=o,this._coordSys=a,this._stackedOnPoints=M,this._points=f,this._step=T,this._valueOrigin=b,t.get("triggerLineEvent")&&(this.packEventData(t,v),d&&this.packEventData(t,d))},i.prototype.packEventData=function(t,i){O(i).eventData={componentType:"series",componentSubType:"line",componentIndex:t.componentIndex,seriesIndex:t.seriesIndex,seriesName:t.name,seriesType:"line"}},i.prototype.highlight=function(t,i,r,n){var a=t.getData(),e=H(a,n);if(this._changePolyState("emphasis"),!(e instanceof Array)&&null!=e&&e>=0){var o=a.getLayout("points"),s=a.getItemGraphicEl(e);if(!s){var u=o[2*e],f=o[2*e+1];if(isNaN(u)||isNaN(f))return;if(this._clipShapeForSymbol&&!this._clipShapeForSymbol.contain(u,f))return;var l=t.get("zlevel")||0,h=t.get("z")||0;(s=new Ot(a,e)).x=u,s.y=f,s.setZ(l,h);var c=s.getSymbolPath().getTextContent();c&&(c.zlevel=l,c.z=h,c.z2=this._polyline.z2+1),s.__temp=!0,a.setItemGraphicEl(e,s),s.stopSymbolAnimation(!0),this.group.add(s)}s.highlight()}else W.prototype.highlight.call(this,t,i,r,n)},i.prototype.downplay=function(t,i,r,n){var a=t.getData(),e=H(a,n);if(this._changePolyState("normal"),null!=e&&e>=0){var o=a.getItemGraphicEl(e);o&&(o.__temp?(a.setItemGraphicEl(e,null),this.group.remove(o)):o.downplay())}else W.prototype.downplay.call(this,t,i,r,n)},i.prototype._changePolyState=function(t){var i=this._polygon;B(this._polyline,t),i&&B(i,t)},i.prototype._newPolyline=function(t){var i=this._polyline;return i&&this._lineGroup.remove(i),i=new Jt({shape:{points:t},segmentIgnoreThreshold:2,z2:10}),this._lineGroup.add(i),this._polyline=i,i},i.prototype._newPolygon=function(t,i){var r=this._polygon;return r&&this._lineGroup.remove(r),r=new Vt({shape:{points:t,stackedOnPoints:i},segmentIgnoreThreshold:2}),this._lineGroup.add(r),this._polygon=r,r},i.prototype._initSymbolLabelAnimation=function(t,i,r){var n,a,e=i.getBaseAxis(),o=e.inverse;"cartesian2d"===i.type?(n=e.isHorizontal(),a=!1):"polar"===i.type&&(n="angle"===e.dim,a=!0);var s=t.hostModel,u=s.get("animationDuration");Q(u)&&(u=u(null));var f=s.get("animationDelay")||0,l=Q(f)?f(null):f;t.eachItemGraphicEl((function(t,e){var s=t;if(s){var h=void 0,c=void 0,v=void 0;if(r)if(a){var d=r,p=i.pointToCoord([t.x,t.y]);n?(h=d.startAngle,c=d.endAngle,v=-p[1]/180*Math.PI):(h=d.r0,c=d.r,v=p[0])}else n?(h=r.x,c=r.x+r.width,v=t.x):(h=r.y+r.height,c=r.y,v=t.y);var m=c===h?0:(v-h)/(c-h);o&&(m=1-m);var y=Q(f)?f(e):u*m+l,b=s.getSymbolPath(),w=b.getTextContent();s.attr({scaleX:0,scaleY:0}),s.animateTo({scaleX:1,scaleY:1},{duration:200,setToFinal:!0,delay:y}),w&&w.animateFrom({style:{opacity:0}},{duration:300,delay:y}),b.disableLabelAnimation=!0}}))},i.prototype._initOrUpdateEndLabel=function(t,i,r){var n=t.getModel("endLabel");if(ti(t)){var a=t.getData(),e=this._polyline,s=a.getLayout("points");if(!s)return e.removeTextContent(),void(this._endLabel=null);var f=this._endLabel;f||((f=this._endLabel=new $({z2:200})).ignoreClip=!0,e.setTextContent(this._endLabel),e.disableLabelAnimation=!0);var l=function(t){for(var i,r=t.length/2;r>0&&(i=t[2*r-1],isNaN(t[2*r-2])||isNaN(i));r--);return r-1}(s);l>=0&&(D(e,k(t,"endLabel"),{inheritColor:r,labelFetcher:t,labelDataIndex:l,defaultText:function(t,i,r){return null!=r?u(a,r):o(a,t)},enableTextSetter:!0},function(t,i){var r=i.getBaseAxis(),n=r.isHorizontal(),a=r.inverse,e=n?a?"right":"left":"center",o=n?"middle":a?"top":"bottom";return{normal:{align:t.get("align")||e,verticalAlign:t.get("verticalAlign")||o}}}(n,i)),e.textConfig.position=null)}else this._endLabel&&(this._polyline.removeTextContent(),this._endLabel=null)},i.prototype._endLabelOnDuring=function(t,i,r,n,a,e,o){var s=this._endLabel,u=this._polyline;if(s){t<1&&null==n.originalX&&(n.originalX=s.x,n.originalY=s.y);var f=r.getLayout("points"),l=r.hostModel,h=l.get("connectNulls"),c=e.get("precision"),v=e.get("distance")||0,d=o.getBaseAxis(),p=d.isHorizontal(),m=d.inverse,y=i.shape,b=m?p?y.x:y.y+y.height:p?y.x+y.width:y.y,w=(p?v:0)*(m?-1:1),M=(p?0:-v)*(m?-1:1),g=p?"x":"y",x=function(t,i,r){for(var n,a,e=t.length/2,o="x"===r?0:1,s=0,u=-1,f=0;f<e;f++)if(a=t[2*f+o],!isNaN(a)&&!isNaN(t[2*f+1-o]))if(0!==f){if(n<=i&&a>=i||n>=i&&a<=i){u=f;break}s=f,n=a}else n=a;return{range:[s,u],t:(i-n)/(a-n)}}(f,b,g),S=x.range,N=S[1]-S[0],k=void 0;if(N>=1){if(N>1&&!h){var I=$t(f,S[0]);s.attr({x:I[0]+w,y:I[1]+M}),a&&(k=l.getRawValue(S[0]))}else{(I=u.getPointOn(b,g))&&s.attr({x:I[0]+w,y:I[1]+M});var T=l.getRawValue(S[0]),L=l.getRawValue(S[1]);a&&(k=tt(r,c,T,L,x.t))}n.lastFrameIndex=S[0]}else{var D=1===t||n.lastFrameIndex>0?S[0]:0;I=$t(f,D),a&&(k=l.getRawValue(D)),s.attr({x:I[0]+w,y:I[1]+M})}a&&it(s).setLabelText(k)}},i.prototype._doUpdateAnimation=function(t,i,r,n,a,e,o){var s=this._polyline,u=this._polygon,f=t.hostModel,l=function(t,i,r,n,a,e,o){for(var s=function(t,i){var r=[];return i.diff(t).add((function(t){r.push({cmd:"+",idx:t})})).update((function(t,i){r.push({cmd:"=",idx:i,idx1:t})})).remove((function(t){r.push({cmd:"-",idx:t})})).execute(),r}(t,i),u=[],f=[],l=[],h=[],c=[],v=[],d=[],p=Ft(a,i,o),m=t.getLayout("points")||[],y=i.getLayout("points")||[],b=0;b<s.length;b++){var w=s[b],M=!0,g=void 0,x=void 0;switch(w.cmd){case"=":var S=m[g=2*w.idx],N=m[g+1],k=y[x=2*w.idx1],I=y[x+1];(isNaN(S)||isNaN(N))&&(S=k,N=I),u.push(S,N),f.push(k,I),l.push(r[g],r[g+1]),h.push(n[x],n[x+1]),d.push(i.getRawIndex(w.idx1));break;case"+":var T=w.idx,L=p.dataDimsForPoint,D=a.dataToPoint([i.get(L[0],T),i.get(L[1],T)]);x=2*T,u.push(D[0],D[1]),f.push(y[x],y[x+1]);var C=jt(p,a,i,T);l.push(C[0],C[1]),h.push(n[x],n[x+1]),d.push(i.getRawIndex(T));break;case"-":M=!1}M&&(c.push(w),v.push(v.length))}v.sort((function(t,i){return d[t]-d[i]}));var O=u.length,A=Y(O),U=Y(O),z=Y(O),G=Y(O),P=[];for(b=0;b<v.length;b++){var _=v[b],F=2*b,j=2*_;A[F]=u[j],A[F+1]=u[j+1],U[F]=f[j],U[F+1]=f[j+1],z[F]=l[j],z[F+1]=l[j+1],G[F]=h[j],G[F+1]=h[j+1],P[b]=c[_]}return{current:A,next:U,stackedOnCurrent:z,stackedOnNext:G,status:P}}(this._data,t,this._stackedOnPoints,i,this._coordSys,0,this._valueOrigin),h=l.current,c=l.stackedOnCurrent,v=l.next,d=l.stackedOnNext;if(a&&(h=Qt(l.current,r,a,o),c=Qt(l.stackedOnCurrent,r,a,o),v=Qt(l.next,r,a,o),d=Qt(l.stackedOnNext,r,a,o)),Wt(h,v)>3e3||u&&Wt(c,d)>3e3)return s.stopAnimation(),s.setShape({points:v}),void(u&&(u.stopAnimation(),u.setShape({points:v,stackedOnPoints:d})));s.shape.__points=l.current,s.shape.points=h;var p={shape:{points:v}};l.current!==h&&(p.shape.__points=l.next),s.stopAnimation(),x(s,p,f),u&&(u.setShape({points:h,stackedOnPoints:c}),u.stopAnimation(),x(u,{shape:{stackedOnPoints:d}},f),s.shape.points!==u.shape.points&&(u.shape.points=s.shape.points));for(var m=[],y=l.status,b=0;b<y.length;b++)if("="===y[b].cmd){var w=t.getItemGraphicEl(y[b].idx1);w&&m.push({el:w,ptIdx:b})}s.animators&&s.animators.length&&s.animators[0].during((function(){u&&u.dirtyShape();for(var t=s.shape.__points,i=0;i<m.length;i++){var r=m[i].el,n=2*m[i].ptIdx;r.x=t[n],r.y=t[n+1],r.markRedraw()}}))},i.prototype.remove=function(){var t=this.group,i=this._data;this._lineGroup.removeAll(),this._symbolDraw.remove(!0),i&&i.eachItemGraphicEl((function(r,n){r.__temp&&(t.remove(r),i.setItemGraphicEl(n,null))})),this._polyline=this._polygon=this._coordSys=this._points=this._stackedOnPoints=this._endLabel=this._data=null},i.type="line",i}(W),ni=Z.CMD;function ai(t,i){return Math.abs(t-i)<1e-5}function ei(t){var i,r,n,a,e,o=t.data,s=t.len(),u=[],f=0,l=0,h=0,c=0;function v(t,r){i&&i.length>2&&u.push(i),i=[t,r]}function d(t,r,n,a){ai(t,n)&&ai(r,a)||i.push(t,r,n,a,n,a)}function p(t,r,n,a,e,o){var s=Math.abs(r-t),u=4*Math.tan(s/4)/3,f=r<t?-1:1,l=Math.cos(t),h=Math.sin(t),c=Math.cos(r),v=Math.sin(r),d=c*e+n,p=v*o+a,m=e*u*f,y=o*u*f;i.push(l*e+n-m*h,h*o+a+y*l,d+m*v,p-y*c,d,p)}for(var m=0;m<s;){var y=o[m++],b=1===m;switch(b&&(h=f=o[m],c=l=o[m+1],y!==ni.L&&y!==ni.C&&y!==ni.Q||(i=[h,c])),y){case ni.M:f=h=o[m++],l=c=o[m++],v(h,c);break;case ni.L:d(f,l,r=o[m++],n=o[m++]),f=r,l=n;break;case ni.C:i.push(o[m++],o[m++],o[m++],o[m++],f=o[m++],l=o[m++]);break;case ni.Q:r=o[m++],n=o[m++],a=o[m++],e=o[m++],i.push(f+2/3*(r-f),l+2/3*(n-l),a+2/3*(r-a),e+2/3*(n-e),a,e),f=a,l=e;break;case ni.A:var w=o[m++],M=o[m++],g=o[m++],x=o[m++],S=o[m++],N=o[m++]+S;m+=1;var k=!o[m++];r=Math.cos(S)*g+w,n=Math.sin(S)*x+M,b?v(h=r,c=n):d(f,l,r,n),f=Math.cos(N)*g+w,l=Math.sin(N)*x+M;for(var I=(k?-1:1)*Math.PI/2,T=S;k?T>N:T<N;T+=I)p(T,k?Math.max(T+I,N):Math.min(T+I,N),w,M,g,x);break;case ni.R:h=f=o[m++],c=l=o[m++],r=h+o[m++],n=c+o[m++],v(r,c),d(r,c,r,n),d(r,n,h,n),d(h,n,h,c),d(h,c,r,c);break;case ni.Z:i&&d(f,l,h,c),f=h,l=c}}return i&&i.length>2&&u.push(i),u}function oi(t,i,r,n,a,e,o,s,u,f){if(ai(t,r)&&ai(i,n)&&ai(a,o)&&ai(e,s))u.push(o,s);else{var l=2/f,h=l*l,c=o-t,v=s-i,d=Math.sqrt(c*c+v*v);c/=d,v/=d;var p=r-t,m=n-i,y=a-o,b=e-s,w=p*p+m*m,M=y*y+b*b;if(w<h&&M<h)u.push(o,s);else{var g=c*p+v*m,x=-c*y-v*b;if(w-g*g<h&&g>=0&&M-x*x<h&&x>=0)u.push(o,s);else{var S=[],N=[];st(t,r,a,o,.5,S),st(i,n,e,s,.5,N),oi(S[0],N[0],S[1],N[1],S[2],N[2],S[3],N[3],u,f),oi(S[4],N[4],S[5],N[5],S[6],N[6],S[7],N[7],u,f)}}}}function si(t,i,r){var n=Math.abs(t[i]/t[1-i]),a=Math.ceil(Math.sqrt(n*r)),e=Math.floor(r/a);0===e&&(e=1,a=r);for(var o=[],s=0;s<a;s++)o.push(e);var u=r-a*e;if(u>0)for(s=0;s<u;s++)o[s%a]+=1;return o}function ui(t,i,r){for(var n=t.r0,a=t.r,e=t.startAngle,o=Math.abs(t.endAngle-e),s=o*a,u=a-n,f=s>Math.abs(u),l=si([s,u],f?0:1,i),h=(f?o:u)/l.length,c=0;c<l.length;c++)for(var v=(f?u:o)/l[c],d=0;d<l[c];d++){var p={};f?(p.startAngle=e+h*c,p.endAngle=e+h*(c+1),p.r0=n+v*d,p.r=n+v*(d+1)):(p.startAngle=e+v*d,p.endAngle=e+v*(d+1),p.r0=n+h*c,p.r=n+h*(c+1)),p.clockwise=t.clockwise,p.cx=t.cx,p.cy=t.cy,r.push(p)}}function fi(t,i,r,n){return t*n-r*i}function li(t,i,r,n,a,e,o,s){var u=r-t,f=n-i,l=o-a,h=s-e,c=fi(l,h,u,f);if(Math.abs(c)<1e-6)return null;var v=fi(t-a,i-e,l,h)/c;return v<0||v>1?null:new dt(v*u+t,v*f+i)}function hi(t,i,r){var n=new dt;dt.sub(n,r,i),n.normalize();var a=new dt;return dt.sub(a,t,i),a.dot(n)}function ci(t,i){var r=t[t.length-1];r&&r[0]===i[0]&&r[1]===i[1]||t.push(i)}function vi(t){var i=t.points,r=[],n=[];ut(i,r,n);var a=new ft(r[0],r[1],n[0]-r[0],n[1]-r[1]),e=a.width,o=a.height,s=a.x,u=a.y,f=new dt,l=new dt;return e>o?(f.x=l.x=s+e/2,f.y=u,l.y=u+o):(f.y=l.y=u+o/2,f.x=s,l.x=s+e),function(t,i,r){for(var n=t.length,a=[],e=0;e<n;e++){var o=t[e],s=t[(e+1)%n],u=li(o[0],o[1],s[0],s[1],i.x,i.y,r.x,r.y);u&&a.push({projPt:hi(u,i,r),pt:u,idx:e})}if(a.length<2)return[{points:t},{points:t}];a.sort((function(t,i){return t.projPt-i.projPt}));var f=a[0],l=a[a.length-1];if(l.idx<f.idx){var h=f;f=l,l=h}var c=[f.pt.x,f.pt.y],v=[l.pt.x,l.pt.y],d=[c],p=[v];for(e=f.idx+1;e<=l.idx;e++)ci(d,t[e].slice());for(ci(d,v),ci(d,c),e=l.idx+1;e<=f.idx+n;e++)ci(p,t[e%n].slice());return ci(p,c),ci(p,v),[{points:d},{points:p}]}(i,f,l)}function di(t,i,r,n){if(1===r)n.push(i);else{var a=Math.floor(r/2),e=t(i);di(t,e[0],a,n),di(t,e[1],r-a,n)}return n}function pi(t,i){var r=t.length,n=i.length;if(r===n)return[t,i];for(var a=[],e=[],o=r<n?t:i,s=Math.min(r,n),u=Math.abs(n-r)/6,f=Math.ceil(u/((s-2)/6))+1,l=[o[0],o[1]],h=u,c=2;c<s;){var v=o[c-2],d=o[c-1],p=o[c++],m=o[c++],y=o[c++],b=o[c++],w=o[c++],M=o[c++];if(h<=0)l.push(p,m,y,b,w,M);else{for(var g=Math.min(h,f-1)+1,x=1;x<=g;x++){var S=x/g;st(v,p,y,w,S,a),st(d,m,b,M,S,e),l.push(a[1],e[1],a[2],e[2],v=a[3],d=e[3]),p=a[5],m=e[5],y=a[6],b=e[6]}h-=g-1}}return o===t?[l,i]:[t,l]}function mi(t,i){for(var r=t.length,n=t[r-2],a=t[r-1],e=[],o=0;o<i.length;)e[o++]=n,e[o++]=a;return e}function yi(t){for(var i=0,r=0,n=0,a=t.length,e=0,o=a-2;e<a;o=e,e+=2){var s=t[o],u=t[o+1],f=t[e],l=t[e+1],h=s*l-f*u;i+=h,r+=(s+f)*h,n+=(u+l)*h}return 0===i?[t[0]||0,t[1]||0]:[r/i/3,n/i/3,i]}function bi(t,i,r,n){for(var a=(t.length-2)/6,e=1/0,o=0,s=t.length,u=s-2,f=0;f<a;f++){for(var l=6*f,h=0,c=0;c<s;c+=2){var v=0===c?l:(l+c-2)%u+2,d=i[c]-n[0]-(t[v]-r[0]),p=i[c+1]-n[1]-(t[v+1]-r[1]);h+=d*d+p*p}h<e&&(e=h,o=f)}return o}function wi(t){for(var i=[],r=t.length,n=0;n<r;n+=2)i[n]=t[r-n-2],i[n+1]=t[r-n-1];return i}function Mi(t){return t.__isCombineMorphing}function gi(t,i,r){var n="__mOriginal_"+i,a=t[n]||t[i];t[n]||(t[n]=t[i]);var e=r.replace,o=r.after,s=r.before;t[i]=function(){var t,i=arguments;return s&&s.apply(this,i),t=e?e.apply(this,i):a.apply(this,i),o&&o.apply(this,i),t}}function xi(t,i){var r="__mOriginal_"+i;t[r]&&(t[i]=t[r],t[r]=null)}function Si(t,i){for(var r=0;r<t.length;r++)for(var n=t[r],a=0;a<n.length;){var e=n[a],o=n[a+1];n[a++]=i[0]*e+i[2]*o+i[4],n[a++]=i[1]*e+i[3]*o+i[5]}}function Ni(t,i){var r=t.getUpdatedPathProxy(),n=i.getUpdatedPathProxy(),a=function(t,i){for(var r,n,a,e=[],o=[],s=0;s<Math.max(t.length,i.length);s++){var u=t[s],f=i[s],l=void 0,h=void 0;u?f?(n=l=(r=pi(u,f))[0],a=h=r[1]):(h=mi(a||u,u),l=u):(l=mi(n||f,f),h=f),e.push(l),o.push(h)}return[e,o]}(ei(r),ei(n)),e=a[0],o=a[1],s=t.getComputedTransform(),u=i.getComputedTransform();s&&Si(e,s),u&&Si(o,u),gi(i,"updateTransform",{replace:function(){this.transform=null}}),i.transform=null;var f=function(t,i,r,n){for(var a,e=[],o=0;o<t.length;o++){var s=t[o],u=i[o],f=yi(s),l=yi(u);null==a&&(a=f[2]<0!=l[2]<0);var h=[],c=[],v=0,d=1/0,p=[],m=s.length;a&&(s=wi(s));for(var y=6*bi(s,u,f,l),b=m-2,w=0;w<b;w+=2){var M=(y+w)%b+2;h[w+2]=s[M]-f[0],h[w+3]=s[M+1]-f[1]}h[0]=s[y]-f[0],h[1]=s[y+1]-f[1];for(var g=n/10,x=-n/2;x<=n/2;x+=g){var S=Math.sin(x),N=Math.cos(x),k=0;for(w=0;w<s.length;w+=2){var I=h[w],T=h[w+1],L=u[w]-l[0],D=u[w+1]-l[1],C=L*N-D*S,O=L*S+D*N;p[w]=C,p[w+1]=O;var A=C-I,U=O-T;k+=A*A+U*U}if(k<d){d=k,v=x;for(var z=0;z<p.length;z++)c[z]=p[z]}}e.push({from:h,to:c,fromCp:f,toCp:l,rotation:-v})}return e}(e,o,0,Math.PI),l=[];gi(i,"buildPath",{replace:function(t){for(var r=i.__morphT,n=1-r,a=[],e=0;e<f.length;e++){var o=f[e],s=o.from,u=o.to,h=o.rotation*r,c=o.fromCp,v=o.toCp,d=Math.sin(h),p=Math.cos(h);mt(a,c,v,r);for(var m=0;m<s.length;m+=2){var y=s[m]*n+(g=u[m])*r,b=s[m+1]*n+(x=u[m+1])*r;l[m]=y*p-b*d+a[0],l[m+1]=y*d+b*p+a[1]}var w=l[0],M=l[1];for(t.moveTo(w,M),m=2;m<s.length;){var g=l[m++],x=l[m++],S=l[m++],N=l[m++],k=l[m++],I=l[m++];w===g&&M===x&&S===k&&N===I?t.lineTo(k,I):t.bezierCurveTo(g,x,S,N,k,I),w=k,M=I}}}})}function ki(t,i,r){if(!t||!i)return i;var n=r.done,a=r.during;return Ni(t,i),i.__morphT=0,i.animateTo({__morphT:1},V({during:function(t){i.dirtyShape(),a&&a(t)},done:function(){xi(i,"buildPath"),xi(i,"updateTransform"),i.__morphT=-1,i.createPathProxy(),i.dirtyShape(),n&&n()}},r)),i}function Ii(t,i,r,n,a,e){t=a===r?0:Math.round(32767*(t-r)/(a-r)),i=e===n?0:Math.round(32767*(i-n)/(e-n));for(var o,s=0,u=32768;u>0;u/=2){var f=0,l=0;(t&u)>0&&(f=1),(i&u)>0&&(l=1),s+=u*u*(3*f^l),0===l&&(1===f&&(t=u-1-t,i=u-1-i),o=t,t=i,i=o)}return s}function Ti(t){var i=1/0,r=1/0,n=-1/0,a=-1/0,e=F(t,(function(t){var e=t.getBoundingRect(),o=t.getComputedTransform(),s=e.x+e.width/2+(o?o[4]:0),u=e.y+e.height/2+(o?o[5]:0);return i=Math.min(s,i),r=Math.min(u,r),n=Math.max(s,n),a=Math.max(u,a),[s,u]}));return F(e,(function(e,o){return{cp:e,z:Ii(e[0],e[1],i,r,n,a),path:t[o]}})).sort((function(t,i){return t.z-i.z})).map((function(t){return t.path}))}function Li(t){return function(t,i){var r,n=[],a=t.shape;switch(t.type){case"rect":!function(t,i,r){for(var n=t.width,a=t.height,e=n>a,o=si([n,a],e?0:1,i),s=e?"width":"height",u=e?"height":"width",f=e?"x":"y",l=e?"y":"x",h=t[s]/o.length,c=0;c<o.length;c++)for(var v=t[u]/o[c],d=0;d<o[c];d++){var p={};p[f]=c*h,p[l]=d*v,p[s]=h,p[u]=v,p.x+=t.x,p.y+=t.y,r.push(p)}}(a,i,n),r=vt;break;case"sector":ui(a,i,n),r=ct;break;case"circle":ui({r0:0,r:a.r,startAngle:0,endAngle:2*Math.PI,cx:a.cx,cy:a.cy},i,n),r=ct;break;default:var e=t.getComputedTransform(),o=e?Math.sqrt(Math.max(e[0]*e[0]+e[1]*e[1],e[2]*e[2]+e[3]*e[3])):1,s=F(function(t,i){var r=ei(t),n=[];i=i||1;for(var a=0;a<r.length;a++){var e=r[a],o=[],s=e[0],u=e[1];o.push(s,u);for(var f=2;f<e.length;){var l=e[f++],h=e[f++],c=e[f++],v=e[f++],d=e[f++],p=e[f++];oi(s,u,l,h,c,v,d,p,o,i),s=d,u=p}n.push(o)}return n}(t.getUpdatedPathProxy(),o),(function(t){return function(t){for(var i=[],r=0;r<t.length;)i.push([t[r++],t[r++]]);return i}(t)})),u=s.length;if(0===u)di(vi,{points:s[0]},i,n);else if(u===i)for(var f=0;f<u;f++)n.push({points:s[f]});else{var l=0,h=F(s,(function(t){var i=[],r=[];ut(t,i,r);var n=(r[1]-i[1])*(r[0]-i[0]);return l+=n,{poly:t,area:n}}));h.sort((function(t,i){return i.area-t.area}));var c=i;for(f=0;f<u;f++){var v=h[f];if(c<=0)break;var d=f===u-1?c:Math.ceil(v.area/l*i);d<0||(di(vi,{points:v.poly},d,n),c-=d)}}r=ht}if(!r)return function(t,i){for(var r=[],n=0;n<i;n++)r.push(lt(t));return r}(t,i);var p,m,y=[];for(f=0;f<n.length;f++){var b=new r;b.setShape(n[f]),(m=b).setStyle((p=t).style),m.z=p.z,m.z2=p.z2,m.zlevel=p.zlevel,y.push(b)}return y}(t.path,t.count)}function Di(t){return bt(t[0])}function Ci(t,i){for(var r=[],n=t.length,a=0;a<n;a++)r.push({one:t[a],many:[]});for(a=0;a<i.length;a++){var e=i[a].length,o=void 0;for(o=0;o<e;o++)r[o%n].many.push(i[a][o])}var s=0;for(a=n-1;a>=0;a--)if(!r[a].many.length){var u=r[s].many;if(u.length<=1){if(!s)return r;s=0}e=u.length;var f=Math.ceil(e/2);r[a].many=u.slice(f,e),r[s].many=u.slice(0,f),s++}return r}var Oi={clone:function(t){for(var i=[],r=1-Math.pow(1-t.path.style.opacity,1/t.count),n=0;n<t.count;n++){var a=lt(t.path);a.setStyle("opacity",r),i.push(a)}return i},split:null};function Ai(t,i,r,n,a,e){if(t.length&&i.length){var o=yt("update",n,a);if(o&&o.duration>0){var s,u,f=n.getModel("universalTransition").get("delay"),l=Object.assign({setToFinal:!0},o);Di(t)&&(s=t,u=i),Di(i)&&(s=i,u=t);for(var h=s?s===t:t.length>i.length,c=s?Ci(u,s):Ci(h?i:t,[h?t:i]),v=0,d=0;d<c.length;d++)v+=c[d].many.length;var p=0;for(d=0;d<c.length;d++)m(c[d],h,p,v),p+=c[d].many.length}}function m(t,i,n,a,o){var s=t.many,u=t.one;if(1!==s.length||o)for(var h=V({dividePath:Oi[r],individualDelay:f&&function(t){return f(t+n,a)}},l),c=i?function(t,i,r){var n=[];!function t(i){for(var r=0;r<i.length;r++){var a=i[r];Mi(a)?t(a.childrenRef()):a instanceof R&&n.push(a)}}(t);var a=n.length;if(!a)return{fromIndividuals:[],toIndividuals:[],count:0};var e=(r.dividePath||Li)({path:i,count:a});if(e.length!==a)return console.error("Invalid morphing: unmatched splitted path"),{fromIndividuals:[],toIndividuals:[],count:0};n=Ti(n),e=Ti(e);for(var o=r.done,s=r.during,u=r.individualDelay,f=new pt,l=0;l<a;l++){var h=n[l],c=e[l];c.parent=i,c.copyTransform(f),u||Ni(h,c)}function v(t){for(var i=0;i<e.length;i++)e[i].addSelfToZr(t)}function d(){i.__isCombineMorphing=!1,i.__morphT=-1,i.childrenRef=null,xi(i,"addSelfToZr"),xi(i,"removeSelfFromZr")}i.__isCombineMorphing=!0,i.childrenRef=function(){return e},gi(i,"addSelfToZr",{after:function(t){v(t)}}),gi(i,"removeSelfFromZr",{after:function(t){for(var i=0;i<e.length;i++)e[i].removeSelfFromZr(t)}});var p=e.length;if(u){var m=p,y=function(){0==--m&&(d(),o&&o())};for(l=0;l<p;l++){var b=u?V({delay:(r.delay||0)+u(l,p,n[l],e[l]),done:y},r):r;ki(n[l],e[l],b)}}else i.__morphT=0,i.animateTo({__morphT:1},V({during:function(t){for(var r=0;r<p;r++){var n=e[r];n.__morphT=i.__morphT,n.dirtyShape()}s&&s(t)},done:function(){d();for(var i=0;i<t.length;i++)xi(t[i],"updateTransform");o&&o()}},r));return i.__zr&&v(i.__zr),{fromIndividuals:n,toIndividuals:e,count:p}}(s,u,h):function(t,i,r){var n=i.length,a=[],e=r.dividePath||Li;if(Mi(t)){!function t(i){for(var r=0;r<i.length;r++){var n=i[r];Mi(n)?t(n.childrenRef()):n instanceof R&&a.push(n)}}(t.childrenRef());var o=a.length;if(o<n)for(var s=0,u=o;u<n;u++)a.push(lt(a[s++%o]));a.length=n}else{a=e({path:t,count:n});var f=t.getComputedTransform();for(u=0;u<a.length;u++)a[u].setLocalTransform(f);if(a.length!==n)return console.error("Invalid morphing: unmatched splitted path"),{fromIndividuals:[],toIndividuals:[],count:0}}a=Ti(a),i=Ti(i);var l=r.individualDelay;for(u=0;u<n;u++){var h=l?V({delay:(r.delay||0)+l(u,n,a[u],i[u])},r):r;ki(a[u],i[u],h)}return{fromIndividuals:a,toIndividuals:i,count:i.length}}(u,s,h),v=c.fromIndividuals,d=c.toIndividuals,p=v.length,y=0;y<p;y++)b=f?V({delay:f(y,p)},l):l,e(v[y],d[y],i?s[y]:t.one,i?t.one:s[y],b);else{var b,w=i?s[0]:u,M=i?u:s[0];Mi(w)?m({many:[w],one:M},!0,n,a,!0):(ki(w,M,b=f?V({delay:f(n,a)},l):l),e(w,M,w,M,b))}}}function Ui(t){if(!t)return[];if(bt(t)){for(var i=[],r=0;r<t.length;r++)i.push(Ui(t[r]));return i}var n=[];return t.traverse((function(t){t instanceof R&&!t.disableMorphing&&!t.invisible&&!t.ignore&&n.push(t)})),n}var zi=gt();function Gi(t){var i=[];return rt(t,(function(t){var r=t.data;if(!(r.count()>1e4))for(var n=r.getIndices(),a=function(t){for(var i=t.dimensions,r=0;r<i.length;r++){var n=t.getDimensionInfo(i[r]);if(n&&0===n.otherDims.itemGroupId)return i[r]}}(r),e=0;e<n.length;e++)i.push({dataGroupId:t.dataGroupId,data:r,dim:t.dim||a,divide:t.divide,dataIndex:e})})),i}function Pi(t,i,r){t.traverse((function(t){t instanceof R&&N(t,{style:{opacity:0}},i,{dataIndex:r,isFrom:!0})}))}function _i(t){if(t.parent){var i=t.getComputedTransform();t.setLocalTransform(i),t.parent.remove(t)}}function Fi(t){t.stopAnimation(),t.isGroup&&t.traverse((function(t){t.stopAnimation()}))}function ji(t,i,r){var n=Gi(t),a=Gi(i);function e(t,i,r,n,a){(r||t)&&i.animateFrom({style:r&&r!==t?L(L({},r.style),t.style):t.style},a)}function o(t){for(var i=0;i<t.length;i++)if(t[i].dim)return t[i].dim}var s=o(n),u=o(a),f=!1;function l(t,i){return function(r){var n=r.data,a=r.dataIndex;if(i)return n.getId(a);var e=r.dataGroupId,o=t?s||u:u||s,f=o&&n.getDimensionInfo(o),l=f&&f.ordinalMeta;if(f){var h=n.get(f.name,a);return l&&l.categories[h]||h+""}var c=n.getRawDataItem(a);return c&&c.groupId?c.groupId+"":e||n.getId(a)}}var h=function(t,i){var r=t.length;if(r!==i.length)return!1;for(var n=0;n<r;n++){var a=t[n],e=i[n];if(a.data.getId(a.dataIndex)!==e.data.getId(e.dataIndex))return!1}return!0}(n,a),c={};if(!h)for(var v=0;v<a.length;v++){var d=a[v],p=d.data.getItemGraphicEl(d.dataIndex);p&&(c[p.id]=!0)}function m(t,i){var r=n[i],o=a[t],s=o.data.hostModel,u=r.data.getItemGraphicEl(r.dataIndex),l=o.data.getItemGraphicEl(o.dataIndex);u!==l?u&&c[u.id]||l&&(Fi(l),u?(Fi(u),_i(u),f=!0,Ai(Ui(u),Ui(l),o.divide,s,t,e)):Pi(l,s,t)):l&&function(t,i,r){var n=yt("update",r,i);n&&t.traverse((function(t){if(t instanceof kt){var i=It(t);i&&t.animateFrom({style:i},n)}}))}(l,o.dataIndex,s)}new xt(n,a,l(!0,h),l(!1,h),null,"multiple").update(m).updateManyToOne((function(t,i){var r=a[t],o=r.data,s=o.hostModel,u=o.getItemGraphicEl(r.dataIndex),l=St(F(i,(function(t){return n[t].data.getItemGraphicEl(n[t].dataIndex)})),(function(t){return t&&t!==u&&!c[t.id]}));u&&(Fi(u),l.length?(rt(l,(function(t){Fi(t),_i(t)})),f=!0,Ai(Ui(l),Ui(u),r.divide,s,t,e)):Pi(u,s,r.dataIndex))})).updateOneToMany((function(t,i){var r=n[i],o=r.data.getItemGraphicEl(r.dataIndex);if(!o||!c[o.id]){var s=St(F(t,(function(t){return a[t].data.getItemGraphicEl(a[t].dataIndex)})),(function(t){return t&&t!==o})),u=a[t[0]].data.hostModel;s.length&&(rt(s,(function(t){return Fi(t)})),o?(Fi(o),_i(o),f=!0,Ai(Ui(o),Ui(s),r.divide,u,t[0],e)):rt(s,(function(i){return Pi(i,u,t[0])})))}})).updateManyToMany((function(t,i){new xt(i,t,(function(t){return n[t].data.getId(n[t].dataIndex)}),(function(t){return a[t].data.getId(a[t].dataIndex)})).update((function(r,n){m(t[r],i[n])})).execute()})).execute(),f&&rt(i,(function(t){var i=t.data.hostModel,n=i&&r.getViewOfSeriesModel(i),a=yt("update",i,0);n&&i.isAnimationEnabled()&&a&&a.duration>0&&n.group.traverse((function(t){t instanceof R&&!t.animators.length&&t.animateFrom({style:{opacity:0}},a)}))}))}function Xi(t){return t.getModel("universalTransition").get("seriesKey")||t.id}function Yi(t){return bt(t)?t.sort().join(","):t}function Ei(t){if(t.hostModel)return t.hostModel.getModel("universalTransition").get("divideShape")}function Ri(t,i){for(var r=0;r<t.length;r++)if(null!=i.seriesIndex&&i.seriesIndex===t[r].seriesIndex||null!=i.seriesId&&i.seriesId===t[r].id)return r}Tt([Dt,function(t){t.registerChartView(ri),t.registerSeriesModel(_t),t.registerLayout((!0,{seriesType:"line",plan:ot(),reset:function(t){var i=t.getData(),r=t.coordinateSystem;if(r){var n=F(r.dimensions,(function(t){return i.mapDimension(t)})).slice(0,2),a=n.length,e=i.getCalculationInfo("stackResultDimension");j(i,n[0])&&(n[0]=e),j(i,n[1])&&(n[1]=e);var o=i.getStore(),s=i.getDimensionIndex(n[0]),u=i.getDimensionIndex(n[1]);return a&&{progress:function(t,i){for(var n=Y((t.end-t.start)*a),e=[],f=[],l=t.start,h=0;l<t.end;l++){var c=void 0;if(1===a){var v=o.get(s,l);c=r.dataToPoint(v,null,f)}else e[0]=o.get(s,l),e[1]=o.get(u,l),c=r.dataToPoint(e,null,f);n[h++]=c[0],n[h++]=c[1]}i.setLayout("points",n)}}}}})),t.registerVisual({seriesType:"line",reset:function(t){var i=t.getData(),r=t.getModel("lineStyle").getLineStyle();r&&!r.stroke&&(r.stroke=i.getVisual("style").fill),i.setVisual("legendLineStyle",r)}}),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,c("line"))},Ct,function(t){t.registerUpdateLifecycle("series:beforeupdate",(function(t,i,r){rt(wt(r.seriesTransition),(function(t){rt(wt(t.to),(function(t){for(var i=r.updatedSeries,n=0;n<i.length;n++)(null!=t.seriesIndex&&t.seriesIndex===i[n].seriesIndex||null!=t.seriesId&&t.seriesId===i[n].id)&&(i[n][Mt]=!0)}))}))})),t.registerUpdateLifecycle("series:transition",(function(t,i,r){var n=zi(i);if(n.oldSeries&&r.updatedSeries&&r.optionChanged){var a=r.seriesTransition;if(a)rt(wt(a),(function(t){!function(t,i,r,n){var a=[],e=[];rt(wt(t.from),(function(t){var r=Ri(i.oldSeries,t);r>=0&&a.push({dataGroupId:i.oldDataGroupIds[r],data:i.oldData[r],divide:Ei(i.oldData[r]),dim:t.dimension})})),rt(wt(t.to),(function(t){var n=Ri(r.updatedSeries,t);if(n>=0){var a=r.updatedSeries[n].getData();e.push({dataGroupId:i.oldDataGroupIds[n],data:a,divide:Ei(a),dim:t.dimension})}})),a.length>0&&e.length>0&&ji(a,e,n)}(t,n,r,i)}));else{var e=function(t,i){var r=Nt(),n=Nt(),a=Nt();return rt(t.oldSeries,(function(i,r){var e=t.oldDataGroupIds[r],o=t.oldData[r],s=Xi(i),u=Yi(s);n.set(u,{dataGroupId:e,data:o}),bt(s)&&rt(s,(function(t){a.set(t,{key:u,dataGroupId:e,data:o})}))})),rt(i.updatedSeries,(function(t){if(t.isUniversalTransitionEnabled()&&t.isAnimationEnabled()){var i=t.get("dataGroupId"),e=t.getData(),o=Xi(t),s=Yi(o),u=n.get(s);if(u)r.set(s,{oldSeries:[{dataGroupId:u.dataGroupId,divide:Ei(u.data),data:u.data}],newSeries:[{dataGroupId:i,divide:Ei(e),data:e}]});else if(bt(o)){var f=[];rt(o,(function(t){var i=n.get(t);i.data&&f.push({dataGroupId:i.dataGroupId,divide:Ei(i.data),data:i.data})})),f.length&&r.set(s,{oldSeries:f,newSeries:[{dataGroupId:i,data:e,divide:Ei(e)}]})}else{var l=a.get(o);if(l){var h=r.get(l.key);h||(h={oldSeries:[{dataGroupId:l.dataGroupId,data:l.data,divide:Ei(l.data)}],newSeries:[]},r.set(l.key,h)),h.newSeries.push({dataGroupId:i,data:e,divide:Ei(e)})}}}})),r}(n,r);rt(e.keys(),(function(t){var r=e.get(t);ji(r.oldSeries,r.newSeries,i)}))}rt(r.updatedSeries,(function(t){t[Mt]&&(t[Mt]=!1)}))}for(var o=t.getSeries(),s=n.oldSeries=[],u=n.oldDataGroupIds=[],f=n.oldData=[],l=0;l<o.length;l++){var h=o[l].getData();h.count()<1e4&&(s.push(o[l]),u.push(o[l].get("dataGroupId")),f.push(h))}}))},m,y]);const Zi=class{constructor(r){t(this,r),this.change=i(this,"change",7),this.data=[],this.alignChartName=void 0,this.chartName=void 0,this.lineColor=void 0,this.pointerLineColor=void 0,this.pointerLineStyle=void 0,this.areaColor=void 0,this.dataNamesOverflow=void 0,this.dataNamesWidth=void 0,this.format=void 0,this.formatModifier=void 0,this.hideNameAxisLabels=!1,this.hideValueAxisLabels=!1,this.offsetDataNames=!1,this.offsetDataValues=!1,this.showChartName=!1,this.showDatapointLabels=!1,this.showGradient=!1,this.gridLines=void 0}componentDidLoad(){const t=Lt(this.chartContainer);this.chart=t,this.resizeEventListener=()=>this.resizeChart(),window.addEventListener("resize",this.resizeEventListener),this.cacheComputedStyles(),this.updateChart(t),a(this.hostElement)}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer),this.hostElementStyles=getComputedStyle(this.hostElement)}getAreaFill(){return this.showGradient?{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:this.getColor(this.areaColor)},{offset:1,color:"white"}],global:!1}:this.getColor(this.areaColor)}getColor(t){const i=v("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles);return v(t,this.chartContainerStyles,this.hostElementStyles)||(d(t)?t:i)}updateChart(t){var i;const r=(null===(i=this.formatModifier)||void 0===i?void 0:i.includes("dec"))?this.formatModifier.replace("dec",""):0,n={type:"value",axisLabel:{formatter:t=>p(t,{type:this.format,decimals:r}),rotate:this.offsetDataValues?45:0,margin:this.offsetDataValues?15:8,show:!this.hideValueAxisLabels},splitLine:{show:"horizontal"===this.gridLines||!this.gridLines}},a={type:"category",boundaryGap:!1,data:this.data.map((t=>e(t.name)||"")),axisLabel:{rotate:this.offsetDataNames?45:0,margin:this.offsetDataNames?15:8,width:this.dataNamesWidth||50,overflow:this.dataNamesOverflow||"none",truncate:"ellipsis",show:!this.hideNameAxisLabels},axisLine:{show:!this.hideNameAxisLabels},axisTick:{show:!this.hideNameAxisLabels},axisPointer:{show:!0,type:"line",label:{show:!1,formatter:t=>{const i=t.seriesData[0].dataIndex;this.change.emit({index:i,data:this.data[i]})}},lineStyle:{color:this.getColor(this.pointerLineColor||"var(--t-gray-10)"),type:this.pointerLineStyle||"solid",width:1.5},z:1},splitLine:{show:"vertical"===this.gridLines}};return t.setOption({aria:{enabled:!0},title:{text:this.chartName,show:this.showChartName,left:this.alignChartName},grid:{containLabel:!0},xAxis:a,yAxis:n,series:[{data:this.data.map((t=>t.value||0)),id:"area",type:"line",lineStyle:{color:this.getColor(this.lineColor)},itemStyle:{color:this.getColor(this.lineColor)},areaStyle:{color:this.getAreaFill()},symbolSize:10,showSymbol:!1,label:{show:this.showDatapointLabels,position:"right",formatter:t=>p(t.value,{type:this.format,decimals:r})}}]})}resizeChart(){this.chart.resize()}propsUpdates(){this.updateChart(this.chart)}render(){return r("div",{class:"container"},r("div",{ref:t=>this.chartContainer=t,class:"chart-container","test-id":"areaChartContainer"}))}get hostElement(){return n(this)}static get watchers(){return{data:["propsUpdates"],alignChartName:["propsUpdates"],chartName:["propsUpdates"],lineColor:["propsUpdates"],pointerLineColor:["propsUpdates"],pointerLineStyle:["propsUpdates"],areaColor:["propsUpdates"],dataNamesOverflow:["propsUpdates"],dataNamesWidth:["propsUpdates"],format:["propsUpdates"],formatModifier:["propsUpdates"],hideNameAxisLabels:["propsUpdates"],hideValueAxisLabels:["propsUpdates"],offsetDataNames:["propsUpdates"],offsetDataValues:["propsUpdates"],showChartName:["propsUpdates"],showDatapointLabels:["propsUpdates"],showGradient:["propsUpdates"],gridLines:["propsUpdates"]}}};Zi.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{width:var(--tct-area-chart-width, 100%);height:var(--tct-area-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";export{Zi as q2_chart_area}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as o}from"./p-926a3e80.js";var i,n=(function(o){o.exports={polyfill:function(){var o=window,i=document;if(!("scrollBehavior"in i.documentElement.style)||!0===o.__forceSmoothScrollPolyfill__){var n,t=o.HTMLElement||o.Element,e={scroll:o.scroll||o.scrollTo,scrollBy:o.scrollBy,elementScroll:t.prototype.scroll||a,scrollIntoView:t.prototype.scrollIntoView},r=o.performance&&o.performance.now?o.performance.now.bind(o.performance):Date.now,s=(n=o.navigator.userAgent,new RegExp(["MSIE ","Trident/","Edge/"].join("|")).test(n)?1:0);o.scroll=o.scrollTo=function(){void 0!==arguments[0]&&(!0!==u(arguments[0])?h.call(o,i.body,void 0!==arguments[0].left?~~arguments[0].left:o.scrollX||o.pageXOffset,void 0!==arguments[0].top?~~arguments[0].top:o.scrollY||o.pageYOffset):e.scroll.call(o,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:o.scrollX||o.pageXOffset,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:o.scrollY||o.pageYOffset))},o.scrollBy=function(){void 0!==arguments[0]&&(u(arguments[0])?e.scrollBy.call(o,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:0,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:0):h.call(o,i.body,~~arguments[0].left+(o.scrollX||o.pageXOffset),~~arguments[0].top+(o.scrollY||o.pageYOffset)))},t.prototype.scroll=t.prototype.scrollTo=function(){if(void 0!==arguments[0])if(!0!==u(arguments[0])){var o=arguments[0].left,i=arguments[0].top;h.call(this,this,void 0===o?this.scrollLeft:~~o,void 0===i?this.scrollTop:~~i)}else{if("number"==typeof arguments[0]&&void 0===arguments[1])throw new SyntaxError("Value could not be converted");e.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left:"object"!=typeof arguments[0]?~~arguments[0]:this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top:void 0!==arguments[1]?~~arguments[1]:this.scrollTop)}},t.prototype.scrollBy=function(){void 0!==arguments[0]&&(!0!==u(arguments[0])?this.scroll({left:~~arguments[0].left+this.scrollLeft,top:~~arguments[0].top+this.scrollTop,behavior:arguments[0].behavior}):e.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left+this.scrollLeft:~~arguments[0]+this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top+this.scrollTop:~~arguments[1]+this.scrollTop))},t.prototype.scrollIntoView=function(){if(!0!==u(arguments[0])){var n=f(this),t=n.getBoundingClientRect(),r=this.getBoundingClientRect();n!==i.body?(h.call(this,n,n.scrollLeft+r.left-t.left,n.scrollTop+r.top-t.top),"fixed"!==o.getComputedStyle(n).position&&o.scrollBy({left:t.left,top:t.top,behavior:"smooth"})):o.scrollBy({left:r.left,top:r.top,behavior:"smooth"})}else e.scrollIntoView.call(this,void 0===arguments[0]||arguments[0])}}function a(o,i){this.scrollLeft=o,this.scrollTop=i}function u(o){if(null===o||"object"!=typeof o||void 0===o.behavior||"auto"===o.behavior||"instant"===o.behavior)return!0;if("object"==typeof o&&"smooth"===o.behavior)return!1;throw new TypeError("behavior member of ScrollOptions "+o.behavior+" is not a valid value for enumeration ScrollBehavior.")}function l(o,i){return"Y"===i?o.clientHeight+s<o.scrollHeight:"X"===i?o.clientWidth+s<o.scrollWidth:void 0}function c(i,n){var t=o.getComputedStyle(i,null)["overflow"+n];return"auto"===t||"scroll"===t}function d(o){var i=l(o,"Y")&&c(o,"Y"),n=l(o,"X")&&c(o,"X");return i||n}function f(o){for(;o!==i.body&&!1===d(o);)o=o.parentNode||o.host;return o}function v(i){var n,t,e,s=(r()-i.startTime)/468;s=s>1?1:s,n=.5*(1-Math.cos(Math.PI*s)),i.method.call(i.scrollable,t=i.startX+(i.x-i.startX)*n,e=i.startY+(i.y-i.startY)*n),t===i.x&&e===i.y||o.requestAnimationFrame(v.bind(o,i))}function h(n,t,s){var u,l,c,d,f=r();n===i.body?(u=o,l=o.scrollX||o.pageXOffset,c=o.scrollY||o.pageYOffset,d=e.scroll):(u=n,l=n.scrollLeft,c=n.scrollTop,d=a),v({scrollable:u,method:d,startTime:f,startX:l,startY:c,x:t,y:s})}}}}(i={path:undefined,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}}),i.exports);function t(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|Mobile|IEMobile|Windows Phone|Opera Mini/i.test(navigator.userAgent)}function e(o,i){const n=["focusin","focus"].includes(o.type)?o.target:o.relatedTarget,t=o=>o===i||!!o.parentElement&&t(o.parentElement);return!(n instanceof HTMLElement&&t(n))}function r(o,i){return o.relatedTarget!==i&&!i.contains(o.relatedTarget)}function s(o,i){var n;return(null===(n=o.composedPath)||void 0===n?void 0:n.call(o)[0])===i}function a(o){o.focus=()=>null==o?void 0:o.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}function u(){return!!function(){const o=navigator.userAgent.toLowerCase();return o.includes("safari")&&!o.includes("chrome")}()&&(n.polyfill(),window.__forceSmoothScrollPolyfill__=!0)}function l(){return navigator.userAgent.toLowerCase().includes("firefox")}function c(){return"ontouchstart"in window||navigator.maxTouchPoints>0}let d=1e3;function f(){return d++}function v(o){requestAnimationFrame((()=>{requestAnimationFrame(o)}))}function h(){return new Promise((o=>v(o)))}function p(o,i){var n,t,e;return o?!0===(null===(n=window.Tecton)||void 0===n?void 0:n.noStrings)?o:null!==(e=null===(t=null===window||void 0===window?void 0:window.TectonElements)||void 0===t?void 0:t.loc(o,i))&&void 0!==e?e:o:""}function m(i){const{label:n,hideLabel:t}=i;if(!n||t)return;let e="";return i.optional&&(e=o("span",{class:"optional-tag"},p("tecton.element.input.optional"))),i.readonly&&(e=o("span",{class:"optional-tag"},p("tecton.element.input.readonly"))),o("label",{htmlFor:i.inputId,class:i.readonly?"readonly-field":""},p(i.label),e)}function w(o){const{ariaLabel:i}=o;i&&("hideLabel"in o&&(o.hideLabel=!0),o.label=p(i),o.ariaLabel=void 0)}function b(o,i,n,t){void 0!==o[i]&&(o[n]=o[i],t&&delete o[i])}function g(i){return o("div",{class:"messages-container"},o("q2-message",{appearance:"minimal",description:!0,type:i.hasError?"danger":"info","test-id":"message"},o("ul",{id:i.inputDescribedBy},i.messages.map((i=>o("li",{"test-id":"messageListItem"},p(i)))))))}function y(o){const i=o.hostElement.shadowRoot.querySelector(".messages-container"),n=i.querySelector("q2-message");v((()=>{const t=o.showMessages&&o.hasFocus?n.getBoundingClientRect().height:0;i.style.getPropertyValue("height")!==`${t}px`&&(0===t?(n.classList.add("invisible"),i.style.removeProperty("height")):(n.classList.remove("invisible"),i.style.setProperty("height",`${t}px`)))}))}const x=()=>{var o,i;return null===(i=null===(o=window.TectonElements)||void 0===o?void 0:o.resizeIframe)||void 0===i?void 0:i.call(o)},E=o=>{!o.intent&&["primary","secondary"].includes(o.color)&&(o.intent=`workflow-${o.color}`,o.color=void 0)};export{s as a,b,c,f as d,r as e,e as f,u as g,w as h,t as i,m as j,l as k,p as l,g as m,v as n,a as o,E as p,x as r,y as s,h as w}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as o,g as e}from"./p-926a3e80.js";import{r,o as a,l as n,a as l}from"./p-2453cd92.js";import{s,a as c}from"./p-a1926e65.js";const p=class{constructor(o){var e;t(this,o),this.change=i(this,"change",7),this.scheduledAfterRender=[],this.syncValueProperties=()=>{const{value:t,selectedOptions:i}=this;(null==i?void 0:i.length)?this.selectedOptionsChanged(i):t&&this.valueChanged(t)},this.getOption=async t=>this.optionList?(await this.optionList.getOptions()).find((i=>i.value===t)):this.hostElement.querySelector(`q2-option[value="${t}"]`),this.updateSelectedOptionElements=async()=>{var t;const{selectedOptions:i}=this,o=i.map((t=>t.value)),e=await(null===(t=this.optionList)||void 0===t?void 0:t.getOptions());this.hasOptions&&(this.active=!!o.length),this.selectedOptionElements=(null==e?void 0:e.filter((t=>o.includes(t.value))))||[]},this.determineHasOptions=()=>{const t=!!this.hostElement.querySelectorAll("q2-option").length;this.hasOptions=t},this.clearSelectedOptions=()=>{this.selectedOptions=[],this.value=null,this.active=!1,this.open=!1,this.primaryBtn.focus(),this.change.emit({value:null,values:[],active:!1}),this.scheduledAfterRender.push(r)},this.handleClick=async t=>{if(t.stopPropagation(),!this.disabled)if(this.hasOptions)s(this)?this.executeActionSheet(t):await this.popoverElement.toggle();else{const{value:t,label:i}=this,o=this.active=!this.active,e=o?[{value:t,display:i}]:[];this.selectedOptions=e,this.change.emit({value:t,values:e,active:o})}},this.handleKeydown=async t=>{!this.hasOptions||this.disabled||t.metaKey||t.ctrlKey||"Tab"===t.key||(t.preventDefault(),s(this,t)?this.executeActionSheet(t):this.optionList.handleExternalKeydown(t))},this.handleButtonFocusout=async t=>{var i;const o=t.relatedTarget;null!==(i="Q2-OPTION"===(null==o?void 0:o.tagName))&&void 0!==i&&i||(this.open=!1)},this.handleChange=t=>{t.stopPropagation(),this.hasOptions&&this.handleSelectionChanges(t.detail)},this.handleWrapperClick=()=>{this.primaryBtn.focus(),this.primaryBtn.click()},this.onClickElsewhere=t=>{if("click-elsewhere"===t.target.localName){t.stopPropagation();const{popoverElement:i}=this;if(!i)return;i.open=!1}},this.hoist=!!(null===(e=window.Tecton)||void 0===e?void 0:e.useActionSheets),this.disabled=void 0,this.active=void 0,this.open=void 0,this.multiple=void 0,this.maxLength=void 0,this.label=void 0,this.value=void 0,this.theme=void 0,this.selectedOptions=[],this.popoverMinHeight=150,this.popoverDirection=void 0,this.hasOptions=void 0,this.selectedOptionElements=[]}componentWillLoad(){const t=new MutationObserver(this.determineHasOptions);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t}componentDidLoad(){a(this.hostElement),this.syncValueProperties()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}disconnectedCallback(){this.mutationObserver.disconnect(),this.mutationObserver=null}get buttonContent(){const{label:t,selectedOptions:i,selectedOptionElements:o,hasOptions:e}=this;return e&&0!==o.length?1===o.length?o[0].display:n("tecton.element.pill.activeCount",{count:i.length}):t}get truncatedButtonContent(){const{maxLength:t,buttonContent:i}=this;return t&&i.length>t?`${i.substring(0,t)}…`:i}async executeActionSheet(t){const i=await c(this,t);this.handleSelectionChanges(i)}async handleSelectionChanges(t){const{multiple:i}=this,{value:o="",values:e=[]}=t,r=i?!!e.length:!!o;if(!this.hostElement.onchange)if(i)this.selectedOptions=e,this.value=void 0;else{const t=await this.getOption(o);this.selectedOptions=t?[{value:t.value,display:t.display}]:void 0,this.value=t.value||void 0}this.change.emit({value:o,values:e,active:r})}async valueChanged(t){var i,o;const{multiple:e,selectedOptions:r}=this,a=null!==(o=null===(i=null==r?void 0:r[0])||void 0===i?void 0:i.value)&&void 0!==o?o:null;if(!e)if(t===a)this.updateSelectedOptionElements();else{const i=await this.getOption(t),{value:o,display:e}=i||{value:t,display:null};this.selectedOptions=[{value:o,display:e}]}}selectedOptionsChanged(t){var i,o;const{multiple:e}=this,r=null!==(o=null===(i=null==t?void 0:t[0])||void 0===i?void 0:i.value)&&void 0!==o?o:null;e?(this.value&&(this.value=null),this.updateSelectedOptionElements()):this.value===r?this.updateSelectedOptionElements():this.value=r}delegateFocus(t){l(t,this.hostElement)&&this.primaryBtn.focus()}popoverStateHandler({detail:{open:t}}){this.open!==t&&(this.open=t),t||this.optionList.setActiveElement(null)}generateIcon(){const{hasOptions:t,active:i}=this,e=t&&i,r=e||!t?"close":"chevron-down";return o(e?"button":"div",{class:"btn-close",onClick:e&&this.clearSelectedOptions,disabled:e&&this.disabled,"aria-label":e&&n("tecton.element.pill.clearSelection"),type:e&&"button"},o("q2-icon",{type:r}))}render(){const{hasOptions:t,active:i,open:e}=this,r=["btn-wrapper"];return(t||i)&&r.push("has-icon"),t&&r.push("has-options"),o("click-elsewhere",{onChange:this.onClickElsewhere},o("div",{class:r.join(" ")},o("div",{class:"btn-height-wrapper",ref:t=>this.primaryBtnWrapper=t,onClick:this.handleWrapperClick,tabIndex:-1},o("button",{class:"btn-primary","test-id":"btn-control",type:"button",ref:t=>this.primaryBtn=t,onClick:this.handleClick,onKeyDown:this.handleKeydown,onFocusout:this.handleButtonFocusout,disabled:this.disabled,"aria-selected":!t&&i?"true":"false","aria-roledescription":!t&&"filter","aria-controls":t&&"option-list","aria-haspopup":t&&"true","aria-expanded":t&&`${!!e}`||void 0,"aria-label":this.maxLength&&this.buttonContent},this.truncatedButtonContent,!t&&i&&o("span",{class:"sr"},"(",n("tecton.element.pill.active"),")"))),this.generateIcon()),this.hasOptions&&o("q2-popover",{ref:t=>this.popoverElement=t,controlElement:this.primaryBtn,open:this.open,minHeight:this.popoverMinHeight,direction:this.popoverDirection,align:"right"},o("q2-option-list",{role:"menu",ref:t=>this.optionList=t,id:"option-list",onChange:this.handleChange,multiple:this.multiple,selectedOptions:this.selectedOptions,onReady:()=>this.updateSelectedOptionElements()},o("slot",null))))}get hostElement(){return e(this)}static get watchers(){return{value:["valueChanged"],selectedOptions:["selectedOptionsChanged"]}}};p.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;position:relative;line-height:0}:host(:not(:last-child)){margin-inline-end:var(--tct-pill-margin, var(--t-pill-margin, var(--app-scale-2x, 10px)))}q2-popover,.btn-wrapper{--comp-pill-min-height:var(--tct-pill-min-height, var(--t-pill-min-height, 44px));--comp-pill-btn-height:var(--tct-pill-btn-height, var(--t-pill-btn-height, 30px))}.btn-wrapper{--comp-pill-btn-border-width:var(--tct-pill-btn-border-width, var(--t-pill-btn-border-width, 2px));--comp-close-size:0px;--comp-btn-background:var(--tct-pill-btn-background, var(--t-pill-btn-background, var(--t-base, #ffffff)));--compt-hover-btn-background:var(--tct-pill-hover-btn-background, var(--t-pill-hover-btn-background, var(--t-gray-13, #e6e6e6)));--comp-btn-padding:var(--tct-pill-btn-padding-inline, var(--t-pill-btn-padding-inline, var(--app-scale-3x, 15px)));--comp-btn-color:var(--tct-pill-btn-color, var(--t-pill-btn-color, var(--t-gray-3, #262626)));--comp-active-btn-color:var(--comp-btn-background);--comp-active-btn-background:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-7, #666666)));--comp-active-btn-border-color:var(--tct-pill-active-btn-border-color, var(--t-pill-active-btn-border-color, var(--t-gray-7, #666666)));--comp-hover-active-btn-background:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-6, #4d4d4d)));--comp-hover-active-btn-border-color:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-6, #4d4d4d)));position:relative}:host(:not(:empty)) .btn-wrapper,.btn-wrapper.has-icon{--comp-close-size:var(--comp-pill-btn-height)}:host([active]) .btn-wrapper{--comp-btn-color:var(--tct-pill-active-btn-color, var(--t-pill-active-btn-color, var(--t-base, #ffffff)))}:host([theme=primary]) .btn-wrapper{--comp-active-btn-background:var(--t-primary-l5, #61c4ff);--comp-active-btn-color:var(--t-primary-text, #ffffff);--comp-active-btn-border-color:var(--t-primary-l5, #61c4ff);--comp-hover-active-btn-background:var(--t-primary-l3, #21acff);--comp-hover-active-btn-border-color:var(--t-primary-l3, #21acff)}:host([theme=secondary]) .btn-wrapper{--comp-active-btn-background:var(--t-secondary-l5, #d9e1e6);--comp-active-btn-color:var(--t-secondary-text, #141414);--comp-active-btn-border-color:var(--t-secondary-l5, #d9e1e6);--comp-hover-active-btn-background:var(--t-secondary-l3, #c9d5db);--comp-hover-active-btn-border-color:var(--t-secondary-l3, #c9d5db)}:host([theme=tertiary]) .btn-wrapper{--comp-active-btn-background:var(--t-tertiary-l5, #f4fafe);--comp-active-btn-color:var(--t-tertiary-text, #141414);--comp-active-btn-border-color:var(--t-tertiary-l5, #f4fafe);--comp-hover-active-btn-background:var(--t-tertiary-l3, #eff8fd);--comp-hover-active-btn-border-color:var(--t-tertiary-l3, #eff8fd)}.btn-height-wrapper{height:var(--comp-pill-min-height);display:flex;align-items:center;cursor:pointer}.btn-height-wrapper:focus{box-shadow:none}:host([disabled]) .btn-height-wrapper{cursor:not-allowed}.btn-close,.btn-primary{cursor:pointer;height:var(--comp-pill-btn-height);border-style:solid;border-radius:var(--tct-pill-btn-border-radius, var(--t-pill-btn-border-radius, 30px));transition-property:background, color, padding, width, opacity;transition:var(--tct-pill-btn-tween, var(--t-pill-btn-tween, var(--app-tween-1, 0.2s ease)))}:host([disabled]) .btn-close,:host([disabled]) .btn-primary,:host([disabled]) q2-icon{opacity:var(--tct-pill-disabled-opacity, var(--t-pill-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));cursor:not-allowed}.btn-primary{background:var(--comp-btn-background);border-width:var(--comp-pill-btn-border-width);border-color:var(--tct-pill-btn-border-color, var(--t-pill-btn-border-color, var(--t-a11y-gray-color-AA, #949494)));padding-inline:var(--comp-btn-padding);padding-right:calc(var(--comp-btn-padding) + var(--comp-close-size));font-size:var(--tct-pill-btn-font-size, var(--t-pill-btn-font-size, var(--app-font-size, 14px)));color:var(--comp-btn-color);display:block;width:100%;text-align:start}.btn-primary:focus,.btn-primary:hover{background:var(--comp-hover-btn-background)}:host(:not(:empty)) .btn-primary,.has-icon .btn-primary{padding-right:calc(var(--tct-pill-icon-gap, var(--t-pill-icon-gap, var(--app-scale-1x, 5px))) + var(--comp-close-size))}.has-options .btn-primary{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:var(--tct-pill-max-width, var(--t-pill-max-width, 200px))}:host([active]) .btn-primary{background:var(--comp-active-btn-background);border-color:var(--comp-active-btn-border-color);color:var(--comp-active-btn-color)}:host([active]) .btn-primary:focus,:host([active]) .btn-primary:hover{background:var(--comp-hover-active-btn-background);border-color:var(--comp-hover-active-btn-border-color)}.btn-close{background:transparent;border-color:transparent;border-width:var(--comp-pill-btn-border-width);width:var(--comp-close-size);height:var(--comp-close-size);padding:0;border:0;display:inline-flex;justify-content:center;align-items:center;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0}:host([active]) .btn-close{color:var(--comp-active-btn-color)}:host(:not(:empty)) .btn-close,.has-icon .btn-close{opacity:1}q2-icon{--t-icon-stroke-primary:currentColor;width:var(--tct-pill-icon-size, var(--t-pill-icon-size, 14px));height:var(--tct-pill-icon-size, var(--t-pill-icon-size, 14px));transition-property:transform;transition:var(--tct-pill-btn-tween, var(--t-pill-btn-tween, var(--app-tween-1, 0.2s ease)))}div.btn-close{pointer-events:none}:host([open]) div.btn-close q2-icon{transform:rotate(180deg)}:host([active]) button.btn-close:focus,:host([active]) button.btn-close:hover{background:var(--tct-pill-hover-close-btn-background, var(--t-pill-hover-close-btn-background, var(--t-top-a1, rgba(13, 13, 13, 0.35))));border-color:var(--tct-pill-hover-close-btn-border-color, var(--t-pill-hover-close-btn-border-color, var(--t-top-a1, rgba(13, 13, 13, 0.35))))}q2-popover{top:calc(var(--comp-pill-min-height) - (var(--comp-pill-min-height) - var(--comp-pill-btn-height)) / 2)}";export{p as q2_pill}
|
|
1
|
+
import{r as t,c as i,h as o,g as e}from"./p-926a3e80.js";import{r,o as a,l as n,a as l}from"./p-921ea070.js";import{s,a as c}from"./p-a1926e65.js";const p=class{constructor(o){var e;t(this,o),this.change=i(this,"change",7),this.scheduledAfterRender=[],this.syncValueProperties=()=>{const{value:t,selectedOptions:i}=this;(null==i?void 0:i.length)?this.selectedOptionsChanged(i):t&&this.valueChanged(t)},this.getOption=async t=>this.optionList?(await this.optionList.getOptions()).find((i=>i.value===t)):this.hostElement.querySelector(`q2-option[value="${t}"]`),this.updateSelectedOptionElements=async()=>{var t;const{selectedOptions:i}=this,o=i.map((t=>t.value)),e=await(null===(t=this.optionList)||void 0===t?void 0:t.getOptions());this.hasOptions&&(this.active=!!o.length),this.selectedOptionElements=(null==e?void 0:e.filter((t=>o.includes(t.value))))||[]},this.determineHasOptions=()=>{const t=!!this.hostElement.querySelectorAll("q2-option").length;this.hasOptions=t},this.clearSelectedOptions=()=>{this.selectedOptions=[],this.value=null,this.active=!1,this.open=!1,this.primaryBtn.focus(),this.change.emit({value:null,values:[],active:!1}),this.scheduledAfterRender.push(r)},this.handleClick=async t=>{if(t.stopPropagation(),!this.disabled)if(this.hasOptions)s(this)?this.executeActionSheet(t):await this.popoverElement.toggle();else{const{value:t,label:i}=this,o=this.active=!this.active,e=o?[{value:t,display:i}]:[];this.selectedOptions=e,this.change.emit({value:t,values:e,active:o})}},this.handleKeydown=async t=>{!this.hasOptions||this.disabled||t.metaKey||t.ctrlKey||"Tab"===t.key||(t.preventDefault(),s(this,t)?this.executeActionSheet(t):this.optionList.handleExternalKeydown(t))},this.handleButtonFocusout=async t=>{var i;const o=t.relatedTarget;null!==(i="Q2-OPTION"===(null==o?void 0:o.tagName))&&void 0!==i&&i||(this.open=!1)},this.handleChange=t=>{t.stopPropagation(),this.hasOptions&&this.handleSelectionChanges(t.detail)},this.handleWrapperClick=()=>{this.primaryBtn.focus(),this.primaryBtn.click()},this.onClickElsewhere=t=>{if("click-elsewhere"===t.target.localName){t.stopPropagation();const{popoverElement:i}=this;if(!i)return;i.open=!1}},this.hoist=!!(null===(e=window.Tecton)||void 0===e?void 0:e.useActionSheets),this.disabled=void 0,this.active=void 0,this.open=void 0,this.multiple=void 0,this.maxLength=void 0,this.label=void 0,this.value=void 0,this.theme=void 0,this.selectedOptions=[],this.popoverMinHeight=150,this.popoverDirection=void 0,this.hasOptions=void 0,this.selectedOptionElements=[]}componentWillLoad(){const t=new MutationObserver(this.determineHasOptions);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t}componentDidLoad(){a(this.hostElement),this.syncValueProperties()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}disconnectedCallback(){this.mutationObserver.disconnect(),this.mutationObserver=null}get buttonContent(){const{label:t,selectedOptions:i,selectedOptionElements:o,hasOptions:e}=this;return e&&0!==o.length?1===o.length?o[0].display:n("tecton.element.pill.activeCount",{count:i.length}):t}get truncatedButtonContent(){const{maxLength:t,buttonContent:i}=this;return t&&i.length>t?`${i.substring(0,t)}…`:i}async executeActionSheet(t){const i=await c(this,t);this.handleSelectionChanges(i)}async handleSelectionChanges(t){const{multiple:i}=this,{value:o="",values:e=[]}=t,r=i?!!e.length:!!o;if(!this.hostElement.onchange)if(i)this.selectedOptions=e,this.value=void 0;else{const t=await this.getOption(o);this.selectedOptions=t?[{value:t.value,display:t.display}]:void 0,this.value=t.value||void 0}this.change.emit({value:o,values:e,active:r})}async valueChanged(t){var i,o;const{multiple:e,selectedOptions:r}=this,a=null!==(o=null===(i=null==r?void 0:r[0])||void 0===i?void 0:i.value)&&void 0!==o?o:null;if(!e)if(t===a)this.updateSelectedOptionElements();else{const i=await this.getOption(t),{value:o,display:e}=i||{value:t,display:null};this.selectedOptions=[{value:o,display:e}]}}selectedOptionsChanged(t){var i,o;const{multiple:e}=this,r=null!==(o=null===(i=null==t?void 0:t[0])||void 0===i?void 0:i.value)&&void 0!==o?o:null;e?(this.value&&(this.value=null),this.updateSelectedOptionElements()):this.value===r?this.updateSelectedOptionElements():this.value=r}delegateFocus(t){l(t,this.hostElement)&&this.primaryBtn.focus()}popoverStateHandler({detail:{open:t}}){this.open!==t&&(this.open=t),t||this.optionList.setActiveElement(null)}generateIcon(){const{hasOptions:t,active:i}=this,e=t&&i,r=e||!t?"close":"chevron-down";return o(e?"button":"div",{class:"btn-close",onClick:e&&this.clearSelectedOptions,disabled:e&&this.disabled,"aria-label":e&&n("tecton.element.pill.clearSelection"),type:e&&"button"},o("q2-icon",{type:r}))}render(){const{hasOptions:t,active:i,open:e}=this,r=["btn-wrapper"];return(t||i)&&r.push("has-icon"),t&&r.push("has-options"),o("click-elsewhere",{onChange:this.onClickElsewhere},o("div",{class:r.join(" ")},o("div",{class:"btn-height-wrapper",ref:t=>this.primaryBtnWrapper=t,onClick:this.handleWrapperClick,tabIndex:-1},o("button",{class:"btn-primary","test-id":"btn-control",type:"button",ref:t=>this.primaryBtn=t,onClick:this.handleClick,onKeyDown:this.handleKeydown,onFocusout:this.handleButtonFocusout,disabled:this.disabled,"aria-selected":!t&&i?"true":"false","aria-roledescription":!t&&"filter","aria-controls":t&&"option-list","aria-haspopup":t&&"true","aria-expanded":t&&`${!!e}`||void 0,"aria-label":this.maxLength&&this.buttonContent},this.truncatedButtonContent,!t&&i&&o("span",{class:"sr"},"(",n("tecton.element.pill.active"),")"))),this.generateIcon()),this.hasOptions&&o("q2-popover",{ref:t=>this.popoverElement=t,controlElement:this.primaryBtn,open:this.open,minHeight:this.popoverMinHeight,direction:this.popoverDirection,align:"right"},o("q2-option-list",{role:"menu",ref:t=>this.optionList=t,id:"option-list",onChange:this.handleChange,multiple:this.multiple,selectedOptions:this.selectedOptions,onReady:()=>this.updateSelectedOptionElements()},o("slot",null))))}get hostElement(){return e(this)}static get watchers(){return{value:["valueChanged"],selectedOptions:["selectedOptionsChanged"]}}};p.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;position:relative;line-height:0}:host(:not(:last-child)){margin-inline-end:var(--tct-pill-margin, var(--t-pill-margin, var(--app-scale-2x, 10px)))}q2-popover,.btn-wrapper{--comp-pill-min-height:var(--tct-pill-min-height, var(--t-pill-min-height, 44px));--comp-pill-btn-height:var(--tct-pill-btn-height, var(--t-pill-btn-height, 30px))}.btn-wrapper{--comp-pill-btn-border-width:var(--tct-pill-btn-border-width, var(--t-pill-btn-border-width, 2px));--comp-close-size:0px;--comp-btn-background:var(--tct-pill-btn-background, var(--t-pill-btn-background, var(--t-base, #ffffff)));--compt-hover-btn-background:var(--tct-pill-hover-btn-background, var(--t-pill-hover-btn-background, var(--t-gray-13, #e6e6e6)));--comp-btn-padding:var(--tct-pill-btn-padding-inline, var(--t-pill-btn-padding-inline, var(--app-scale-3x, 15px)));--comp-btn-color:var(--tct-pill-btn-color, var(--t-pill-btn-color, var(--t-gray-3, #262626)));--comp-active-btn-color:var(--comp-btn-background);--comp-active-btn-background:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-7, #666666)));--comp-active-btn-border-color:var(--tct-pill-active-btn-border-color, var(--t-pill-active-btn-border-color, var(--t-gray-7, #666666)));--comp-hover-active-btn-background:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-6, #4d4d4d)));--comp-hover-active-btn-border-color:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-6, #4d4d4d)));position:relative}:host(:not(:empty)) .btn-wrapper,.btn-wrapper.has-icon{--comp-close-size:var(--comp-pill-btn-height)}:host([active]) .btn-wrapper{--comp-btn-color:var(--tct-pill-active-btn-color, var(--t-pill-active-btn-color, var(--t-base, #ffffff)))}:host([theme=primary]) .btn-wrapper{--comp-active-btn-background:var(--t-primary-l5, #61c4ff);--comp-active-btn-color:var(--t-primary-text, #ffffff);--comp-active-btn-border-color:var(--t-primary-l5, #61c4ff);--comp-hover-active-btn-background:var(--t-primary-l3, #21acff);--comp-hover-active-btn-border-color:var(--t-primary-l3, #21acff)}:host([theme=secondary]) .btn-wrapper{--comp-active-btn-background:var(--t-secondary-l5, #d9e1e6);--comp-active-btn-color:var(--t-secondary-text, #141414);--comp-active-btn-border-color:var(--t-secondary-l5, #d9e1e6);--comp-hover-active-btn-background:var(--t-secondary-l3, #c9d5db);--comp-hover-active-btn-border-color:var(--t-secondary-l3, #c9d5db)}:host([theme=tertiary]) .btn-wrapper{--comp-active-btn-background:var(--t-tertiary-l5, #f4fafe);--comp-active-btn-color:var(--t-tertiary-text, #141414);--comp-active-btn-border-color:var(--t-tertiary-l5, #f4fafe);--comp-hover-active-btn-background:var(--t-tertiary-l3, #eff8fd);--comp-hover-active-btn-border-color:var(--t-tertiary-l3, #eff8fd)}.btn-height-wrapper{height:var(--comp-pill-min-height);display:flex;align-items:center;cursor:pointer}.btn-height-wrapper:focus{box-shadow:none}:host([disabled]) .btn-height-wrapper{cursor:not-allowed}.btn-close,.btn-primary{cursor:pointer;height:var(--comp-pill-btn-height);border-style:solid;border-radius:var(--tct-pill-btn-border-radius, var(--t-pill-btn-border-radius, 30px));transition-property:background, color, padding, width, opacity;transition:var(--tct-pill-btn-tween, var(--t-pill-btn-tween, var(--app-tween-1, 0.2s ease)))}:host([disabled]) .btn-close,:host([disabled]) .btn-primary,:host([disabled]) q2-icon{opacity:var(--tct-pill-disabled-opacity, var(--t-pill-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));cursor:not-allowed}.btn-primary{background:var(--comp-btn-background);border-width:var(--comp-pill-btn-border-width);border-color:var(--tct-pill-btn-border-color, var(--t-pill-btn-border-color, var(--t-a11y-gray-color-AA, #949494)));padding-inline:var(--comp-btn-padding);padding-right:calc(var(--comp-btn-padding) + var(--comp-close-size));font-size:var(--tct-pill-btn-font-size, var(--t-pill-btn-font-size, var(--app-font-size, 14px)));color:var(--comp-btn-color);display:block;width:100%;text-align:start}.btn-primary:focus,.btn-primary:hover{background:var(--comp-hover-btn-background)}:host(:not(:empty)) .btn-primary,.has-icon .btn-primary{padding-right:calc(var(--tct-pill-icon-gap, var(--t-pill-icon-gap, var(--app-scale-1x, 5px))) + var(--comp-close-size))}.has-options .btn-primary{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:var(--tct-pill-max-width, var(--t-pill-max-width, 200px))}:host([active]) .btn-primary{background:var(--comp-active-btn-background);border-color:var(--comp-active-btn-border-color);color:var(--comp-active-btn-color)}:host([active]) .btn-primary:focus,:host([active]) .btn-primary:hover{background:var(--comp-hover-active-btn-background);border-color:var(--comp-hover-active-btn-border-color)}.btn-close{background:transparent;border-color:transparent;border-width:var(--comp-pill-btn-border-width);width:var(--comp-close-size);height:var(--comp-close-size);padding:0;border:0;display:inline-flex;justify-content:center;align-items:center;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0}:host([active]) .btn-close{color:var(--comp-active-btn-color)}:host(:not(:empty)) .btn-close,.has-icon .btn-close{opacity:1}q2-icon{--t-icon-stroke-primary:currentColor;width:var(--tct-pill-icon-size, var(--t-pill-icon-size, 14px));height:var(--tct-pill-icon-size, var(--t-pill-icon-size, 14px));transition-property:transform;transition:var(--tct-pill-btn-tween, var(--t-pill-btn-tween, var(--app-tween-1, 0.2s ease)))}div.btn-close{pointer-events:none}:host([open]) div.btn-close q2-icon{transform:rotate(180deg)}:host([active]) button.btn-close:focus,:host([active]) button.btn-close:hover{background:var(--tct-pill-hover-close-btn-background, var(--t-pill-hover-close-btn-background, var(--t-top-a1, rgba(13, 13, 13, 0.35))));border-color:var(--tct-pill-hover-close-btn-border-color, var(--t-pill-hover-close-btn-border-color, var(--t-top-a1, rgba(13, 13, 13, 0.35))))}q2-popover{top:calc(var(--comp-pill-min-height) - (var(--comp-pill-min-height) - var(--comp-pill-btn-height)) / 2)}";export{p as q2_pill}
|