q2-tecton-elements 1.23.0 → 1.24.0
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/action-sheet-4b366e9a.js +84 -0
- package/dist/cjs/{index-0648c2ec.js → index-e00b4210.js} +28 -5
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/q2-action-sheet.cjs.entry.js +218 -0
- 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 +1 -1
- 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 +1 -1
- 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 +93 -0
- package/dist/cjs/q2-option-list_2.cjs.entry.js +226 -86
- package/dist/cjs/q2-pagination.cjs.entry.js +1 -1
- package/dist/cjs/q2-pill.cjs.entry.js +57 -18
- 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 +148 -409
- 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 +21 -6
- package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
- package/dist/cjs/q2-textarea.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/q2-action-sheet/index.js +345 -0
- package/dist/collection/components/q2-action-sheet/styles.css +215 -0
- package/dist/collection/components/q2-checkbox/index.js +2 -2
- package/dist/collection/components/q2-dropdown/index.js +1 -1
- package/dist/collection/components/q2-loading/index.js +1 -1
- package/dist/collection/components/q2-optgroup/styles.css +2 -2
- package/dist/collection/components/q2-option/index.js +1 -56
- package/dist/collection/components/q2-option/styles.css +7 -0
- package/dist/collection/components/q2-option-list/index.js +290 -102
- package/dist/collection/components/q2-pill/index.js +79 -18
- package/dist/collection/components/q2-pill/styles.css +1 -2
- package/dist/collection/components/q2-popover/index.js +17 -3
- package/dist/collection/components/q2-popover/styles.css +10 -67
- package/dist/collection/components/q2-radio/index.js +2 -2
- package/dist/collection/components/q2-select/index.js +179 -427
- package/dist/collection/components/q2-select/styles.css +5 -11
- package/dist/collection/components/q2-tag/index.js +38 -5
- package/dist/collection/utils/action-sheet.js +79 -0
- package/dist/collection/utils/index.js +26 -5
- package/dist/components/action-sheet.js +81 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/index10.js +1 -1
- package/dist/components/index11.js +42 -353
- package/dist/components/index12.js +44 -99
- package/dist/components/index13.js +495 -583
- package/dist/components/index14.js +137 -0
- package/dist/components/index15.js +626 -0
- package/dist/components/index5.js +1 -1
- package/dist/components/index6.js +1 -1
- package/dist/components/index7.js +1 -1
- package/dist/components/index8.js +1 -1
- package/dist/components/index9.js +2 -2
- package/dist/components/q2-action-sheet.d.ts +11 -0
- package/dist/components/q2-action-sheet.js +282 -0
- package/dist/components/q2-calendar.js +1 -1
- package/dist/components/q2-card.js +1 -1
- package/dist/components/q2-carousel-pane.js +1 -1
- package/dist/components/q2-carousel.js +1 -1
- package/dist/components/q2-chart-area.js +1 -1
- package/dist/components/q2-chart-bar.js +1 -1
- package/dist/components/q2-chart-donut.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 +2 -2
- package/dist/components/q2-editable-field.js +1 -1
- package/dist/components/q2-loc.js +1 -1
- package/dist/components/q2-month-picker.js +1 -1
- package/dist/components/q2-optgroup.js +1 -70
- package/dist/components/q2-option-list.js +1 -1
- package/dist/components/q2-option.js +1 -76
- package/dist/components/q2-pagination.js +1 -1
- package/dist/components/q2-pill.js +62 -21
- package/dist/components/q2-popover.js +1 -1
- package/dist/components/q2-radio-group.js +1 -1
- package/dist/components/q2-radio.js +3 -3
- package/dist/components/q2-section.js +1 -1
- package/dist/components/q2-select.js +179 -427
- 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-tag.js +24 -8
- package/dist/components/q2-textarea.js +1 -1
- package/dist/esm/action-sheet-a9597b32.js +81 -0
- package/dist/esm/{index-501fd22e.js → index-ca21e539.js} +27 -6
- package/dist/esm/loader.js +1 -1
- package/dist/esm/q2-action-sheet.entry.js +214 -0
- 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 +1 -1
- 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 +1 -1
- 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 +88 -0
- package/dist/esm/q2-option-list_2.entry.js +226 -86
- package/dist/esm/q2-pagination.entry.js +1 -1
- package/dist/esm/q2-pill.entry.js +57 -18
- 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 +148 -409
- 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 +21 -6
- package/dist/esm/q2-tecton-elements.js +1 -1
- package/dist/esm/q2-textarea.entry.js +1 -1
- package/dist/q2-tecton-elements/{p-3e9a30c4.entry.js → p-0473f4f7.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-5b1aba1a.entry.js → p-13a1390b.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-ebd7efa5.entry.js → p-13deb3ed.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-45d61789.entry.js → p-1d854203.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-1f71774f.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-6b7e1ebd.entry.js → p-256d3fe6.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-8dea9a0c.entry.js → p-282f0f8c.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-3603fcdc.entry.js → p-30969629.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-30cd888b.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-3fd5d010.entry.js → p-37cf9c97.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-53be87c8.entry.js → p-388349b5.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-5589ae0f.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-604b22a8.entry.js → p-619aed74.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-d68b5eb3.entry.js → p-63b67260.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-ba73ee1f.entry.js → p-63e363ad.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-d7b27803.entry.js → p-6736df05.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-72fe10cc.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-68ef0786.entry.js → p-75b817c6.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-a2add94e.entry.js → p-7a116095.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-d88e4383.entry.js → p-7c94119b.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-24f4571d.entry.js → p-90572e43.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-91153c61.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-70b01387.entry.js → p-9792de8a.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-9acfa94e.js +1 -0
- package/dist/q2-tecton-elements/p-a1926e65.js +1 -0
- package/dist/q2-tecton-elements/{p-d27b2caa.entry.js → p-b3a8cdc5.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-9b101e22.entry.js → p-ce3f203c.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-bf41e71b.entry.js → p-ce91cd9b.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-18629cbf.entry.js → p-cefc9d0b.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-d05beeb7.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-6be86940.entry.js → p-dc7c8371.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-acc77332.entry.js → p-e58581fc.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-38a33baa.entry.js → p-e886c55b.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-7aa80653.entry.js → p-f94e7043.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-78fac0fa.entry.js → p-fcb7d191.entry.js} +1 -1
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
- package/dist/test/helpers.js +3 -2
- package/dist/types/components/q2-action-sheet/index.d.ts +52 -0
- package/dist/types/components/q2-checkbox/index.d.ts +4 -1
- package/dist/types/components/q2-option/index.d.ts +0 -3
- package/dist/types/components/q2-option-list/index.d.ts +16 -8
- package/dist/types/components/q2-pill/index.d.ts +10 -1
- package/dist/types/components/q2-popover/index.d.ts +2 -0
- package/dist/types/components/q2-select/index.d.ts +45 -47
- package/dist/types/components/q2-tag/index.d.ts +3 -2
- package/dist/types/components.d.ts +42 -13
- package/dist/types/global.d.ts +9 -2
- package/dist/types/utils/action-sheet.d.ts +12 -0
- package/dist/types/utils/index.d.ts +3 -1
- package/dist/types/workspace/workspace/Tecton_tecton-production_master/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +1 -1
- package/package.json +3 -2
- package/dist/cjs/q2-optgroup.cjs.entry.js +0 -56
- package/dist/cjs/q2-option.cjs.entry.js +0 -46
- package/dist/esm/q2-optgroup.entry.js +0 -52
- package/dist/esm/q2-option.entry.js +0 -42
- package/dist/q2-tecton-elements/p-2c20fc43.entry.js +0 -1
- package/dist/q2-tecton-elements/p-3813f51d.entry.js +0 -1
- package/dist/q2-tecton-elements/p-a510290a.js +0 -1
- package/dist/q2-tecton-elements/p-ba76ecfd.entry.js +0 -1
- package/dist/q2-tecton-elements/p-bbdae095.entry.js +0 -1
- package/dist/q2-tecton-elements/p-f1d06917.entry.js +0 -1
- package/dist/q2-tecton-elements/p-f6e868c1.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,F as r,g as e}from"./p-926a3e80.js";import{s as i,h as s,i as n,o as d,l as a}from"./p-
|
|
1
|
+
import{r as t,h as o,F as r,g as e}from"./p-926a3e80.js";import{s as i,h as s,i as n,o as d,l as a}from"./p-9acfa94e.js";const h=class{constructor(o){t(this,o),this.scheduledAfterRender=[],this.dropdownItemSelector="q2-dropdown-item:not([disabled]):not([separator])",this.focusToggle=()=>{const t=this.hostElement.shadowRoot.querySelector(".dropdown-button");t&&t.dispatchEvent(new FocusEvent("focus"))},this.openDropdown=()=>{i(this),this.dropdownOpen||(this.dropdownOpen=!0,this.scheduledAfterRender.push(this.resizeIframe))},this.closeDropdown=()=>{this.dropdownOpen&&(this.dropdownOpen=!1,this.scheduledAfterRender.push((()=>{this.resizeIframe()})))},this.onClickElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.closeDropdown())},this.onToggleClick=()=>{if(this.dropdownOpen)return this.focusToggle(),void this.closeDropdown();this.focusToggle(),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 o=t.target;o.disabled||o.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 o=t.target;return["ArrowUp","Up"].includes(t.key)?(t.preventDefault(),void this.focusAdjacentItem(o,"prev")):["ArrowDown","Down"].includes(t.key)?(t.preventDefault(),void this.focusAdjacentItem(o,"next")):void 0},this.type="icon",this.icon=void 0,this.label=void 0,this.hideLabel=void 0,this.ariaLabel=void 0,this.disabled=void 0,this.popDirection=void 0,this.name=void 0,this.context=void 0,this.contextValue=void 0,this.resolvedType=void 0,this.block=void 0,this.dropdownOpen=!1}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}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 o,r;switch(t["tct-ctxid"]&&(r={},r[t.contextIdParamName]=t["tct-ctxid"]),t.action){case"navigateTo":o=()=>this.navigateTo(t.featureName,t.moduleName,r);break;case"showOverpanel":o=()=>this.showOverpanel(`${t.featureName}.${t.moduleName}`,r)}const e=document.createElement("q2-dropdown-item");return e.setAttribute("value",t.itemLabel),e.classList.add("resolved-menu-item"),e.innerHTML=t.itemLabel,e.onclick=o,e}))))}navigateTo(t,o,r){return window.TectonElements&&window.TectonElements.navigateTo(t,o,r)}showOverpanel(t,o){return window.TectonElements&&window.TectonElements.showOverpanel(t,o,void 0,!0)}get hasCustomButton(){return!!this.hostElement.querySelector("[slot=custom-dropdown-button]")}get toggleButtonProps(){const t=["primary","secondary","neutral"],o=["icon","fab","custom",...t].includes(this.type)?this.type:"",r="icon"===o,e="fab"===o,i="custom"===o;let s;return t.includes(o)&&(s="neutral"===o?o:`workflow-${o}`),{icon:r,fab:e,intent:s,active:this.dropdownOpen,disabled:!!this.disabled,ariaExpanded:this.dropdownOpen,className:"dropdown-button"+(r||e||s?"":" unstyled"),custom:i}}ariaLabelObserver(){s(this)}nameHandler(){this.orchestrateResolvedMenuItems()}contextHandler(){this.orchestrateResolvedMenuItems()}contextValueHandler(){this.orchestrateResolvedMenuItems()}resolvedTypeHandler(){this.orchestrateResolvedMenuItems()}delegateFocus(t){n(t,this.hostElement)&&this.controlElement.shadowRoot.querySelector("button").focus()}componentWillLoad(){s(this)}componentDidLoad(){this.orchestrateResolvedMenuItems(),d(this.hostElement)}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}),25)}focusFirstItem(){const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:first-child`);t&&t.dispatchEvent(new FocusEvent("focus"))}focusLastItem(){const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:last-child`);t&&t.dispatchEvent(new FocusEvent("focus"))}focusAdjacentItem(t,o){const r=Array.from(this.hostElement.querySelectorAll(this.dropdownItemSelector)),e=r.indexOf(t);if(-1===e)return;let i=0;"next"===o?i=e<r.length-1?e+1:0:"prev"===o&&(i=e>0?e-1:r.length-1);const s=r[i];s&&s.dispatchEvent(new Event("focus"))}render(){const t=this.toggleButtonProps;return o("click-elsewhere",{class:"dropdown-container"+(this.dropdownOpen?" dropdown-open":""),onChange:this.onClickElsewhere},o("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?a(this.label):void 0,hideLabel:this.hideLabel,ariaHasPopup:"menu","test-id":"dropdownButton",block:this.block},this.hasCustomButton?o("div",{"test-id":"dropdownCustom",class:t.custom?"":"hidden"},o("slot",{name:"custom-dropdown-button"})):o(r,null,this.icon?o("q2-icon",{type:this.icon}):" ",this.label&&!this.hideLabel&&o("span",{class:"dropdown-button-text"},a(this.label)))),o("div",{ref:t=>this.dropdownContainer=t,class:"q2-element-dropdown "+("up"===this.privatePopDirection?"dropup":""),role:"menu",onClick:this.onDropdownMenuClick,onKeyDown:this.onDropdownMenuKeydown},o("div",null,o("slot",null),this.dropdownOpen&&o("q2-btn",{class:"sr close-dropdown",onFocus:this.closeDropdown}))))}get hostElement(){return e(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],name:["nameHandler"],context:["contextHandler"],contextValue:["contextValueHandler"],resolvedType:["resolvedTypeHandler"]}}};h.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}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white, #ffffff);color:var(--t-text, #4d4d4d);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3));height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-dropdown-border-radius, --t-dropdown-border-radius, 0);--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}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host([block]) q2-btn,:host([block]){display:block}:host{display:inline-flex}.dropdown-container{position:relative;display:block}.dropdown-button-content{display:flex;align-items:center}.dropdown-button.unstyled .dropdown-button-content{padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px))}.q2-element-dropdown{width:var(--tct-dropdown-width, var(--t-dropdown-width, 175px))}.q2-element-dropdown.dropup{bottom:var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px))}q2-btn[color=primary]~.q2-element-dropdown.dropup,q2-btn[intent=workflow-primary]~.q2-element-dropdown.dropup{bottom:calc(var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px)) + var(--tct-btn-primary-border-width, var(--t-btn-primary-border-width, 0)))}q2-btn[color=secondary]~.q2-element-dropdown.dropup,q2-btn[intent=workflow-secondary]~.q2-element-dropdown.dropup{bottom:calc(var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px)) + var(--tct-btn-secondary-border-width, var(--t-btn-secondary-border-width, 0)))}q2-btn[intent=neutral]~.q2-element-dropdown.dropup{bottom:calc(var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px)) + var(--tct-btn-neutral-border-width, var(--t-btn-neutral-border-width, 0)))}";export{h as q2_dropdown}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,g as s}from"./p-926a3e80.js";import{l as n,h as a,o as h,i as r}from"./p-
|
|
1
|
+
import{r as t,c as i,h as e,g as s}from"./p-926a3e80.js";import{l as n,h as a,o as h,i as r}from"./p-9acfa94e.js";const l=class{constructor(e){t(this,e),this.input=i(this,"input",7),this.change=i(this,"change",7),this.scheduledAfterRender=[],this.defaultValue=this.value,this.inputInput=t=>{t.stopPropagation(),this.input.emit(t.detail),this.formattedValue=t.detail.formattedValue,this.innerValue=t.detail.value},this.inputChange=t=>{t.stopPropagation()},this.inputKeyDown=t=>"Escape"===t.key||"Esc"===t.key?(t.preventDefault(),void this.cancelClick()):"Enter"===t.key?(t.preventDefault(),void this.saveClick()):void 0,this.inputClick=t=>{t.stopPropagation()},this.saveClick=t=>{t&&t.stopPropagation();const i=this.hostElement.shadowRoot.querySelector("q2-input").value;this.defaultValue=i,this.change.emit({editing:!1,name:"save",value:this.innerValue||i,formattedValue:this.formattedValue||i}),setTimeout((()=>{const{errors:t=[]}=this;t.length&&this.hostElement.focus()}),1)},this.editClick=t=>{null==t||t.stopPropagation(),this.change.emit({editing:!0,name:"edit"})},this.cancelClick=t=>{null==t||t.stopPropagation(),this.change.emit({editing:!1,name:"cancel"}),this.hostElement.shadowRoot.querySelector("q2-input").value=this.defaultValue},this.value="",this.editing=!1,this.label="",this.hideLabel=void 0,this.ariaLabel=void 0,this.type=void 0,this.formatModifier=void 0,this.truncated=void 0,this.maxlength=void 0,this.persistentLabel=void 0,this.disabled=void 0,this.hints=void 0,this.errors=void 0}get locLabel(){return this.label&&n(this.label)||""}componentWillLoad(){a(this)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}componentDidLoad(){h(this.hostElement)}errorsObserver(){var t;const{editing:i,errors:e=[]}=this,s=this.hostElement.shadowRoot.activeElement;(null===(t="Q2-INPUT"===(null==s?void 0:s.tagName))||void 0===t||!t)&&s&&i&&e.length&&this.q2InputElement.focus()}ariaLabelObserver(){a(this)}observesEditing(t,i){t!==i&&this.scheduledAfterRender.push(this.hostElement.focus)}get wrapperClass(){return"q2-editable-field-wrapper "+(this.editing?"editing":"")}onHostElementChange(t){if(r(t,this.hostElement)&&!this.hostElement.onchange){switch(t.detail.name){case"save":this.value=t.detail.value;break;case"cancel":this.q2InputElement.value=this.value}this.editing=t.detail.editing}}delegateFocus(t){r(t,this.hostElement)&&this.hostElement.shadowRoot.querySelector(this.editing?"q2-input":"q2-btn.begin-edit").focus()}render(){return e("div",null,this.generateEditStateDOM(),this.generateReadStateDOM())}generateEditStateDOM(){return e("div",{class:this.wrapperClass,hidden:!this.editing},e("q2-input",{ref:t=>this.q2InputElement=t,label:this.locLabel,hideLabel:this.hideLabel,value:this.value,hints:Array.isArray(this.hints)&&this.hints.map((t=>n(t)))||void 0,errors:Array.isArray(this.errors)&&this.errors.map((t=>n(t)))||void 0,type:this.type,disabled:this.disabled,formatModifier:this.formatModifier,maxlength:this.maxlength,"test-id":"editableInput",onInput:this.inputInput,onChange:this.inputChange,onKeyDown:this.inputKeyDown,onClick:this.inputClick}),e("q2-btn",{class:"cancel-edit",label:`${n("tecton.element.editableField.cancel")} ${this.locLabel}`,"hide-label":!0,"test-id":"cancelButton",onClick:this.cancelClick},e("q2-icon",{type:"close"})),e("q2-btn",{class:"save-edit",label:`${n("tecton.element.editableField.save")} ${this.locLabel}`,"hide-label":!0,"test-id":"saveButton",onClick:this.saveClick},e("q2-icon",{type:"checkmark"})))}generateReadStateDOM(){return this.persistentLabel&&this.locLabel?e("div",{class:this.wrapperClass,hidden:this.editing},e("dl",null,e("dt",{class:"read-state-label"},this.locLabel),e("dd",null,e("span",{class:"text-wrapper"},this.value),this.generateEditBtn()))):e("div",{class:this.wrapperClass,hidden:this.editing},e("div",{class:"text-wrapper"},this.value),this.generateEditBtn())}generateEditBtn(){return e("q2-btn",{ref:t=>this.q2EditBtnElement=t,class:"begin-edit",label:`${n("tecton.element.editableField.edit")} ${this.locLabel}`,"hide-label":!0,disabled:this.disabled,"test-id":"editButton",onClick:this.editClick},e("q2-icon",{type:"edit"}))}get hostElement(){return s(this)}static get watchers(){return{errors:["errorsObserver"],ariaLabel:["ariaLabelObserver"],editing:["observesEditing"]}}};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{display:inline-block;max-width:100%}.q2-editable-field-wrapper:not([hidden]){display:flex}.q2-editable-field-wrapper.editing{align-items:flex-end}q2-input,.text-wrapper{margin:0 var(--tct-scale-2, var(--app-scale-2x, 10px)) 0 0}q2-input{flex:1 1 auto;min-width:170px}.text-wrapper{flex:0 auto;align-self:center;display:inline-block}:host([truncated]) .text-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}q2-btn{flex:0 0 44px}dl{margin:var(--tct-scale-0, var(--app-scale-0x, 0))}dt{font-weight:600}dd{margin-left:var(--tct-scale-0, var(--app-scale-0x, 0));display:flex;align-items:center}";export{l as q2_editable_field}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as a,h as e,F as i,g as r}from"./p-926a3e80.js";import{d as o,c as n,l as s,i as c,o as l}from"./p-a510290a.js";o();const h=class{constructor(e){t(this,e),this.change=a(this,"change",7),this.settled=a(this,"settled",7),this.guid=n(),this.scheduledAfterRender=[],this.lastScrolled=new Date(null).getTime(),this.updateTabData=()=>{this.updateTabPaneProps(),this.setTabs()},this.updateTabPaneProps=()=>{this.tabPanes.forEach(((t,a)=>{t.selected=t.value===this.selectedTabValue,t.guid=this.guid,t.index=a}))},this.setTabs=()=>{this.tabs=this.tabPanes.map((({label:t,value:a,badgeCount:e,badgeDescription:i})=>({label:t&&s(t)||"",value:a,badgeCount:e,badgeDescription:i})))},this.onTabClick=t=>{const a=t.target.closest('button[role="tab"]').dataset.value;this.value===a||this.change.emit({value:a})},this.onTabKeyDown=t=>{const a=t.target.dataset.value;switch(t.key){case"ArrowRight":t.preventDefault(),this.moveToAdjacentTab(a,"next");break;case"ArrowLeft":t.preventDefault(),this.moveToAdjacentTab(a,"prev");break;case"Home":t.preventDefault(),this.moveToAdjacentTab(a,"first");break;case"End":t.preventDefault(),this.moveToAdjacentTab(a,"last");break;case"Space":case"Enter":t.preventDefault(),this.change.emit({value:a})}},this.moveToAdjacentTab=(t,a)=>{const e=this.tabs.map((({value:t})=>t)).indexOf(t);let i;switch(a){case"next":i=Math.min(e+1,this.tabs.length-1);break;case"prev":i=Math.max(e-1,0);break;case"first":i=0;break;case"last":i=this.tabs.length-1}e!==i&&this.moveFocus(i,!1)},this.moveFocus=(t,a=!0)=>{const e=this.listElement.querySelector(`[data-value="${this.tabs[t].value}"]`);return e.focus({preventScroll:a}),this.listElement.scrollTo({left:e.offsetLeft-this.listElement.clientWidth/2,behavior:"smooth"}),e},this.checkScrollState=()=>{if(!this.listElement)return;const{scrollLeft:t,scrollWidth:a,clientWidth:e}=this.listElement;this.scrollEnabled=a>e,this.showScrollLeft=!!t,this.showScrollRight=a!==t+e},this.onScrollBtnClick=t=>{const a=Math.floor(this.listElement.clientWidth/2);this.listElement.scrollBy({left:"left"===t?-a:a,behavior:"smooth"})},this.onSlotChange=()=>{this.checkScrollState()},this.value=void 0,this.type=void 0,this.name=void 0,this.color=void 0,this.noPrint=!1,this.hasLeft=!1,this.hasRight=!1,this.scrollEnabled=!1,this.showScrollLeft=!1,this.showScrollRight=!1,this.tabs=void 0}resizeIframe(){var t,a;return null===(a=null===(t=window.TectonElements)||void 0===t?void 0:t.resizeIframe)||void 0===a?void 0:a.call(t)}get tabPanes(){const t=this.hostElement.querySelectorAll("q2-tab-pane, tecton-tab-pane");return 0===t.length?[]:Array.from(t).filter((t=>t.name===this.name))}get selectedTabValue(){return this.value||this.tabPanes[0].value||""}get tabList(){return this.hostElement.shadowRoot.querySelector(".tab-list")}defaultChangeHandler(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail.value)}onResize(){this.checkScrollState()}onFocus(t){if(!c(t,this.hostElement))return;const a=this.tabs.findIndex((t=>t.value===this.selectedTabValue));this.moveFocus(a)}onBadge(){this.setTabs()}componentWillLoad(){const t=new MutationObserver(this.updateTabData);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t,this.resizeObserver=new ResizeObserver((()=>this.checkScrollState())),this.updateTabData()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[],this.settled.emit()}componentDidLoad(){this.resizeObserver.observe(this.listElement),this.checkScrollState(),l(this.hostElement);const t=this.tabs.findIndex((t=>t.value===this.value));this.scheduledAfterRender.push((()=>{if(!(this.tabs.length>0))return;const a=this.moveFocus(Math.max(t,0));this.value=a.dataset.value,a.blur()}))}disconnectedCallback(){this.resizeObserver.disconnect(),this.mutationObserver.disconnect(),this.resizeObserver=null,this.mutationObserver=null}valueObserver(){this.updateTabData(),this.scheduledAfterRender.push(this.resizeIframe);const t=this.tabs.findIndex((t=>t.value===this.value));t>-1&&this.scheduledAfterRender.push((()=>this.moveFocus(t,!1)))}nameObserver(){this.updateTabData()}render(){return e(i,null,e("div",{class:"tab-container"},this.scrollEnabled&&e(i,null,e("div",{class:"gradient-left",hidden:!this.showScrollLeft}),e("div",{class:"gradient-right",hidden:!this.showScrollRight}),e("q2-btn",{class:"btn-left",hidden:!this.showScrollLeft,onClick:()=>this.onScrollBtnClick("left")},e("q2-icon",{type:"chevron-left"})),e("q2-btn",{class:"btn-right",hidden:!this.showScrollRight,onClick:()=>this.onScrollBtnClick("right")},e("q2-icon",{type:"chevron-right"}))),e("ul",{onScroll:this.checkScrollState,ref:t=>this.listElement=t,class:this.noPrint?"no-print":null,role:"tablist"},this.tabs.map(((t,a)=>this.generateTab(t,a))))),e("div",{class:"tab-content"},e("slot",{onSlotchange:()=>this.onSlotChange()})))}generateTab(t,a){const{label:i,value:r}=t,o=this.selectedTabValue===r;return e("li",{role:"presentation"},e("button",{id:`tab-${this.guid}-${a}`,"data-value":r,"test-id":"tabLink",tabIndex:o?0:-1,role:"tab","aria-selected":o?"true":"false","aria-controls":`tab-pane-${this.guid}-${a}`,onClick:this.onTabClick,onKeyDown:this.onTabKeyDown},void 0===t.badgeCount?i:this.generateTabWithBadge(t,o)))}generateTabWithBadge(t,a){return e("div",{class:"tab-pane-badge","aria-label":`${t.label}, ${t.badgeCount} ${t.badgeDescription||s("tecton.element.tab.pane.new")}`},t.label,e("q2-badge",{value:t.badgeCount,theme:a?"primary":void 0}))}get hostElement(){return r(this)}static get watchers(){return{value:["valueObserver"],name:["nameObserver"]}}};h.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}button{cursor:pointer;margin:0}.tab-container{position:relative}ul{--comp-container-padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) var(--tct-scale-1, var(--app-scale-1x, 5px)) 0;padding:var(--tct-tab-container-padding, var(--t-tab-container-padding, var(--comp-container-padding)));margin:var(--tct-tab-container-margin, var(--t-tab-container-margin));display:flex;gap:var(--tct-tab-gap, var(--t-tab-gap, var(--tct-scale-1, var(--app-scale-1x, 5px))));list-style:none;border-bottom:1px solid var(--tct-tab-container-border-color, var(--t-tab-container-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));overflow-x:auto;align-items:center;scrollbar-width:none;scrollbar-color:transparent}ul::-webkit-scrollbar{width:0;height:0}ul::-webkit-scrollbar-thumb{background:transparent}ul::-webkit-scrollbar-track{background:transparent}@media print{ul.no-print{display:none}}li{flex:0 0 auto}li button{background:var(--tct-tab-inactive-bg-color, var(--t-tab-inactive-bg-color, transparent));border-width:var(--tct-tab-inactive-border-width, var(--t-tab-inactive-border-width, 0 0 3px 0));border-color:var(--tct-tab-inactive-border-color, var(--t-tab-inactive-border-color, transparent));border-style:var(--tct-tab-inactive-border-style, var(--t-tab-inactive-border-style, solid));border-radius:var(--tct-tab-border-radius, var(--t-tab-border-radius, 0));width:var(--tct-tab-width, var(--t-tab-width, 100%));text-align:var(--tct-tab-text-align, var(--t-tab-text-align, center));text-decoration:var(--tct-tab-text-decoration, var(--t-tab-text-decoration, none));padding:var(--tct-tab-padding, var(--t-tab-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))));color:var(--tct-tab-inactive-color, var(--t-tab-inactive-color, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));display:block;transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)), border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type=section]) li button{--comp-tab-section-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px));font-size:inherit;padding:var(--tct-tab-section-padding, var(--t-tab-section-padding, var(--comp-tab-section-padding)))}li button:hover{color:var(--tct-tab-hover-color, var(--t-tab-hover-color, var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e))));background-color:var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}li button[aria-selected=true]{color:var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e));border-color:var(--tct-tab-active-border-color, var(--t-tab-active-border-color, currentColor));border-style:var(--tct-tab-active-border-style, var(--t-tab-active-border-style, solid));width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background-color:var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit))}:host([color=alt]) li button{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive-color, inherit))}:host([color=alt]) li button:hover,:host([color=alt]) li button[aria-selected=true]{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active-color, inherit))}@media screen and (max-width: 767px){li button{--comp-tab-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px));font-size:inherit;padding:var(--tct-tab-padding, var(--t-tab-padding, var(--comp-tab-padding)))}}.tab-content{--comp-tab-content-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) 0;padding:var(--tct-tab-content-padding, var(--t-tab-content-padding, var(--comp-tab-content-padding)))}.tab-content:focus{outline:none;box-shadow:none}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:44px}.gradient-left{background-image:linear-gradient(to left, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 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}.tab-pane-badge{display:flex;justify-content:space-between;align-items:center}.tab-pane-badge q2-badge{margin-left:5px;margin-right:5px}";export{h as q2_tab_container}
|
|
1
|
+
import{r as t,c as a,h as e,F as i,g as r}from"./p-926a3e80.js";import{e as o,c as n,l as s,i as c,o as l}from"./p-9acfa94e.js";o();const h=class{constructor(e){t(this,e),this.change=a(this,"change",7),this.settled=a(this,"settled",7),this.guid=n(),this.scheduledAfterRender=[],this.lastScrolled=new Date(null).getTime(),this.updateTabData=()=>{this.updateTabPaneProps(),this.setTabs()},this.updateTabPaneProps=()=>{this.tabPanes.forEach(((t,a)=>{t.selected=t.value===this.selectedTabValue,t.guid=this.guid,t.index=a}))},this.setTabs=()=>{this.tabs=this.tabPanes.map((({label:t,value:a,badgeCount:e,badgeDescription:i})=>({label:t&&s(t)||"",value:a,badgeCount:e,badgeDescription:i})))},this.onTabClick=t=>{const a=t.target.closest('button[role="tab"]').dataset.value;this.value===a||this.change.emit({value:a})},this.onTabKeyDown=t=>{const a=t.target.dataset.value;switch(t.key){case"ArrowRight":t.preventDefault(),this.moveToAdjacentTab(a,"next");break;case"ArrowLeft":t.preventDefault(),this.moveToAdjacentTab(a,"prev");break;case"Home":t.preventDefault(),this.moveToAdjacentTab(a,"first");break;case"End":t.preventDefault(),this.moveToAdjacentTab(a,"last");break;case"Space":case"Enter":t.preventDefault(),this.change.emit({value:a})}},this.moveToAdjacentTab=(t,a)=>{const e=this.tabs.map((({value:t})=>t)).indexOf(t);let i;switch(a){case"next":i=Math.min(e+1,this.tabs.length-1);break;case"prev":i=Math.max(e-1,0);break;case"first":i=0;break;case"last":i=this.tabs.length-1}e!==i&&this.moveFocus(i,!1)},this.moveFocus=(t,a=!0)=>{const e=this.listElement.querySelector(`[data-value="${this.tabs[t].value}"]`);return e.focus({preventScroll:a}),this.listElement.scrollTo({left:e.offsetLeft-this.listElement.clientWidth/2,behavior:"smooth"}),e},this.checkScrollState=()=>{if(!this.listElement)return;const{scrollLeft:t,scrollWidth:a,clientWidth:e}=this.listElement;this.scrollEnabled=a>e,this.showScrollLeft=!!t,this.showScrollRight=a!==t+e},this.onScrollBtnClick=t=>{const a=Math.floor(this.listElement.clientWidth/2);this.listElement.scrollBy({left:"left"===t?-a:a,behavior:"smooth"})},this.onSlotChange=()=>{this.checkScrollState()},this.value=void 0,this.type=void 0,this.name=void 0,this.color=void 0,this.noPrint=!1,this.hasLeft=!1,this.hasRight=!1,this.scrollEnabled=!1,this.showScrollLeft=!1,this.showScrollRight=!1,this.tabs=void 0}resizeIframe(){var t,a;return null===(a=null===(t=window.TectonElements)||void 0===t?void 0:t.resizeIframe)||void 0===a?void 0:a.call(t)}get tabPanes(){const t=this.hostElement.querySelectorAll("q2-tab-pane, tecton-tab-pane");return 0===t.length?[]:Array.from(t).filter((t=>t.name===this.name))}get selectedTabValue(){return this.value||this.tabPanes[0].value||""}get tabList(){return this.hostElement.shadowRoot.querySelector(".tab-list")}defaultChangeHandler(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail.value)}onResize(){this.checkScrollState()}onFocus(t){if(!c(t,this.hostElement))return;const a=this.tabs.findIndex((t=>t.value===this.selectedTabValue));this.moveFocus(a)}onBadge(){this.setTabs()}componentWillLoad(){const t=new MutationObserver(this.updateTabData);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t,this.resizeObserver=new ResizeObserver((()=>this.checkScrollState())),this.updateTabData()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[],this.settled.emit()}componentDidLoad(){this.resizeObserver.observe(this.listElement),this.checkScrollState(),l(this.hostElement);const t=this.tabs.findIndex((t=>t.value===this.value));this.scheduledAfterRender.push((()=>{if(!(this.tabs.length>0))return;const a=this.moveFocus(Math.max(t,0));this.value=a.dataset.value,a.blur()}))}disconnectedCallback(){this.resizeObserver.disconnect(),this.mutationObserver.disconnect(),this.resizeObserver=null,this.mutationObserver=null}valueObserver(){this.updateTabData(),this.scheduledAfterRender.push(this.resizeIframe);const t=this.tabs.findIndex((t=>t.value===this.value));t>-1&&this.scheduledAfterRender.push((()=>this.moveFocus(t,!1)))}nameObserver(){this.updateTabData()}render(){return e(i,null,e("div",{class:"tab-container"},this.scrollEnabled&&e(i,null,e("div",{class:"gradient-left",hidden:!this.showScrollLeft}),e("div",{class:"gradient-right",hidden:!this.showScrollRight}),e("q2-btn",{class:"btn-left",hidden:!this.showScrollLeft,onClick:()=>this.onScrollBtnClick("left")},e("q2-icon",{type:"chevron-left"})),e("q2-btn",{class:"btn-right",hidden:!this.showScrollRight,onClick:()=>this.onScrollBtnClick("right")},e("q2-icon",{type:"chevron-right"}))),e("ul",{onScroll:this.checkScrollState,ref:t=>this.listElement=t,class:this.noPrint?"no-print":null,role:"tablist"},this.tabs.map(((t,a)=>this.generateTab(t,a))))),e("div",{class:"tab-content"},e("slot",{onSlotchange:()=>this.onSlotChange()})))}generateTab(t,a){const{label:i,value:r}=t,o=this.selectedTabValue===r;return e("li",{role:"presentation"},e("button",{id:`tab-${this.guid}-${a}`,"data-value":r,"test-id":"tabLink",tabIndex:o?0:-1,role:"tab","aria-selected":o?"true":"false","aria-controls":`tab-pane-${this.guid}-${a}`,onClick:this.onTabClick,onKeyDown:this.onTabKeyDown},void 0===t.badgeCount?i:this.generateTabWithBadge(t,o)))}generateTabWithBadge(t,a){return e("div",{class:"tab-pane-badge","aria-label":`${t.label}, ${t.badgeCount} ${t.badgeDescription||s("tecton.element.tab.pane.new")}`},t.label,e("q2-badge",{value:t.badgeCount,theme:a?"primary":void 0}))}get hostElement(){return r(this)}static get watchers(){return{value:["valueObserver"],name:["nameObserver"]}}};h.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}button{cursor:pointer;margin:0}.tab-container{position:relative}ul{--comp-container-padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) var(--tct-scale-1, var(--app-scale-1x, 5px)) 0;padding:var(--tct-tab-container-padding, var(--t-tab-container-padding, var(--comp-container-padding)));margin:var(--tct-tab-container-margin, var(--t-tab-container-margin));display:flex;gap:var(--tct-tab-gap, var(--t-tab-gap, var(--tct-scale-1, var(--app-scale-1x, 5px))));list-style:none;border-bottom:1px solid var(--tct-tab-container-border-color, var(--t-tab-container-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));overflow-x:auto;align-items:center;scrollbar-width:none;scrollbar-color:transparent}ul::-webkit-scrollbar{width:0;height:0}ul::-webkit-scrollbar-thumb{background:transparent}ul::-webkit-scrollbar-track{background:transparent}@media print{ul.no-print{display:none}}li{flex:0 0 auto}li button{background:var(--tct-tab-inactive-bg-color, var(--t-tab-inactive-bg-color, transparent));border-width:var(--tct-tab-inactive-border-width, var(--t-tab-inactive-border-width, 0 0 3px 0));border-color:var(--tct-tab-inactive-border-color, var(--t-tab-inactive-border-color, transparent));border-style:var(--tct-tab-inactive-border-style, var(--t-tab-inactive-border-style, solid));border-radius:var(--tct-tab-border-radius, var(--t-tab-border-radius, 0));width:var(--tct-tab-width, var(--t-tab-width, 100%));text-align:var(--tct-tab-text-align, var(--t-tab-text-align, center));text-decoration:var(--tct-tab-text-decoration, var(--t-tab-text-decoration, none));padding:var(--tct-tab-padding, var(--t-tab-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))));color:var(--tct-tab-inactive-color, var(--t-tab-inactive-color, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));display:block;transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)), border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type=section]) li button{--comp-tab-section-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px));font-size:inherit;padding:var(--tct-tab-section-padding, var(--t-tab-section-padding, var(--comp-tab-section-padding)))}li button:hover{color:var(--tct-tab-hover-color, var(--t-tab-hover-color, var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e))));background-color:var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}li button[aria-selected=true]{color:var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e));border-color:var(--tct-tab-active-border-color, var(--t-tab-active-border-color, currentColor));border-style:var(--tct-tab-active-border-style, var(--t-tab-active-border-style, solid));width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background-color:var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit))}:host([color=alt]) li button{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive-color, inherit))}:host([color=alt]) li button:hover,:host([color=alt]) li button[aria-selected=true]{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active-color, inherit))}@media screen and (max-width: 767px){li button{--comp-tab-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px));font-size:inherit;padding:var(--tct-tab-padding, var(--t-tab-padding, var(--comp-tab-padding)))}}.tab-content{--comp-tab-content-padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) 0;padding:var(--tct-tab-content-padding, var(--t-tab-content-padding, var(--comp-tab-content-padding)))}.tab-content:focus{outline:none;box-shadow:none}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:44px}.gradient-left{background-image:linear-gradient(to left, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0), var(--t-base-a2) 10%, var(--t-base) 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}.tab-pane-badge{display:flex;justify-content:space-between;align-items:center}.tab-pane-badge q2-badge{margin-left:5px;margin-right:5px}";export{h as q2_tab_container}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,g as a}from"./p-926a3e80.js";import{
|
|
1
|
+
import{r as t,h as s,g as a}from"./p-926a3e80.js";import{j as e,o,n as r,i}from"./p-9acfa94e.js";const n=class{constructor(s){t(this,s),this.type="info",this.appearance="standard",this.description=!1,this.presentToggle=void 0}get isFirefox(){return e()}componentDidLoad(){o(this.hostElement)}async present(){const{isFirefox:t}=this;this.presentToggle=!this.presentToggle,t&&r((()=>{this.presentToggle=!1}))}delegateFocus(t){i(t,this.hostElement)&&this.hostElement.shadowRoot.querySelector(".message").focus()}render(){const{isFirefox:t}=this,a=t&&this.presentToggle,e=!t&&this.presentToggle,{description:o}=this;return s("div",{tabindex:"-1",class:"message",role:o?void 0:"alert","aria-live":o?void 0:"assertive","aria-atomic":o?void 0:"true","aria-relevant":o?void 0:"all"},"standard"===this.appearance?function(t){const a={success:"success",warning:"warning",danger:"error",error:"error",info:"info"};return s("q2-icon",{type:a[t]||a.info,class:"message-icon"})}(this.type):"",e&&s("div",{class:"sr"}),s("div",{class:"message-content","aria-hidden":a?"true":void 0},s("slot",null)))}get hostElement(){return a(this)}};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}:host([hidden]){display:none}.message{border-left-width:var(--tct-message-bar-width, var(--t-message-bar-width, var(--app-scale-1x, 5px)));border-left-style:solid;--comp-line-height:var(--tct-message-line-height, var(--t-message-line-height, var(--app-line-height, 1.428571429em)));display:grid;gap:var(--tct-scale-1, var(--app-scale-1x, 5px));align-items:flex-start;background:var(--tct-message-bg, var(--t-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));color:var(--tct-message-font-color, var(--t-message-font-color, inherit));box-shadow:var(--tct-message-box-shadow, var(--t-message-box-shadow, inherit));border-radius:var(--tct-message-border-radius, var(--t-message-border-radius, inherit))}.message:focus{box-shadow:var(--const-global-focus)}.message-icon{--comp-top-offset:calc(calc(var(--comp-line-height) - var(--comp-icon-size)) / 2);--tct-icon-size:var(--comp-icon-size);top:var(--comp-top-offset);margin-bottom:calc(var(--comp-top-offset) * -1)}.message-content{flex:1;line-height:var(--comp-line-height)}::slotted(ul){padding-left:var(--tct-scale-l3, var(--app-scale-3x, 15px))}:host(:not([appearance])),:host([appearance=standard]){margin:var(--tct-scale-l3, var(--app-scale-3x, 15px)) 0}:host(:not([appearance])) .message,:host([appearance=standard]) .message{--comp-icon-size:var(--tct-message-icon-size, var(--t-message-icon-size, 24px));--comp-padding:var(--tct-message-padding, var(--t-message-padding, var(--app-scale-3x, 15px)));grid-template-columns:var(--comp-icon-size) 1fr;padding:var(--comp-padding);padding-left:calc(var(--comp-padding) - var(--tct-scale-2, var(--app-scale-2x, 10px)));padding-bottom:calc(var(--comp-padding) - var(--tct-scale-1, var(--app-scale-1x, 5px)))}:host(:not([appearance])) ::slotted(ul),:host([appearance=standard]) ::slotted(ul){margin:var(--tct-scale-l3, var(--app-scale-3x, 15px)) 0}:host([appearance=minimal]){margin:0}:host([appearance=minimal]) .message{padding:var(--tct-message-minimal-padding, var(--t-message-minimal-padding, var(--app-scale-2x, 10px)));grid-template-columns:1fr}:host([appearance=minimal]) ::slotted(ul){margin:var(--tct-scale-1, var(--app-scale-1x, 5px)) 0}:host(:not([type])) .message,:host([type=info]) .message{border-left-color:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host(:not([type])) .message-icon,:host([type=info]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1));--tct-icon-stroke-secondary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]) .message{border-left-color:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=success]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00));--tct-icon-stroke-secondary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]) .message{border-left-color:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))}:host([type=warning]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400));--tct-icon-stroke-secondary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))}:host([type=error]) .message,:host([type=danger]) .message{border-left-color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}:host([type=error]) .message-icon,:host([type=danger]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-secondary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}";export{n as q2_message}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,F as a,g as o}from"./p-926a3e80.js";import{l as r,w as s}from"./p-9acfa94e.js";const n=class{constructor(o){t(this,o),this.close=e(this,"close",7),this.ready=e(this,"ready",3),this.initialSelectedOptions=[],this.selectedOptions={values:[],value:""},this.minHeight=.2,this.maxHeight=.75,this.generateOption=t=>{const e=document.createElement("q2-option"),i=function(t,e){var i={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(i[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(t);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(t,a[o])&&(i[a[o]]=t[a[o]])}return i}(t,["innerHTML"]);return t.innerHTML&&(e.innerHTML=t.innerHTML),Object.entries(i).forEach((([t,i])=>{void 0!==i&&("boolean"==typeof i?i&&e.setAttribute(t,""):e.setAttribute(t,i))})),e},this.generateOptgroup=t=>{const e=document.createElement("q2-optgroup");return t.label&&e.setAttribute("label",t.label),t.disabled&&e.setAttribute("disabled",""),t.options.length&&t.options.forEach((t=>e.appendChild(this.generateOption(t)))),e},this.onClick=t=>{const e=t.target;e instanceof HTMLElement&&(e.closest(".interior, q2-action-sheet")||this.onCancel(t))},this.onCancel=t=>{var e,i;t.preventDefault();const{initialSelectedOptions:a}=this;this.hide({value:null!==(i=null===(e=null==a?void 0:a[0])||void 0===e?void 0:e.value)&&void 0!==i?i:"",values:a,type:"cancel"})},this.onListChange=t=>{this.selectedOptions=t.detail},this.onListPopoverStateChange=t=>{t.detail.open||("close"===t.detail.action?this.onCancel(t):this.onListDone())},this.onListDone=()=>{this.hide(Object.assign(Object.assign({},this.selectedOptions),{type:"confirm"}))},this.renderSlot=()=>i("div",{class:"content",ref:t=>this.contentElement=t},i("slot",null)),this.renderMessage=({data:t})=>i("q2-message",{type:t.type},t.title&&i("h2",null,t.title),t.description&&i("p",null,t.description)),this.renderList=({data:t})=>{const{listProps:e}=t;return i(a,null,i("div",{class:"content",ref:t=>this.contentElement=t},i("q2-option-list",{ref:t=>this.optionListElement=t,multiple:e.multiple,noSelect:e.noSelect,onChange:this.onListChange,onPopoverState:this.onListPopoverStateChange,selectedOptions:e.selectedOptions},i("slot",null))),i("footer",null,e.multiple&&i("q2-btn",{"test-id":"btnDone",intent:"workflow-primary",onClick:this.onListDone},r("tecton.element.actionSheet.done"))))},this.data=void 0,this.hideClose=void 0,this.isScrollable=!1,this.renderStatus="is-closing"}componentDidLoad(){this.dialogElement.addEventListener("cancel",this.onCancel),this.ready.emit()}disconnectedCallback(){this.dialogElement.removeEventListener("cancel",this.onCancel)}storeInitialValues(){const{data:t}=this;t&&"list"===t.appearance&&(this.initialSelectedOptions=t.listProps.selectedOptions)}focusContent(){const{data:t}=this;if(t&&"list"===t.appearance){const{event:e}=t;e instanceof KeyboardEvent?this.optionListElement.handleExternalKeydown(e):this.optionListElement.focus()}}hidePostHook(){const{data:t}=this;t&&"list"===t.appearance&&(this.hostElement.innerHTML=null)}showPreHook(){const{data:t}=this;t&&"list"===t.appearance&&(this.hostElement.innerHTML=null,t.options.forEach((t=>{this.hostElement.appendChild("options"in t?this.generateOptgroup(t):this.generateOption(t))})))}updateDialogMinMaxHeight(){const t=window.innerHeight;this.dialogElement.style.setProperty("--comp-dialog-min-height",`${Math.floor(t*this.minHeight)}px`),this.dialogElement.style.setProperty("--comp-dialog-max-height",`${Math.floor(t*this.maxHeight)}px`)}async hide(t={value:"",values:[],type:"confirm"}){this.close.emit(t),this.renderStatus="is-closing",this.dialogElement.addEventListener("transitionend",(()=>{this.dialogElement.close(),this.renderStatus=null,this.data=void 0,this.initialSelectedOptions=[],this.selectedOptions={values:[],value:""},this.hidePostHook()}),{once:!0})}async show(){this.showPreHook(),await s(),this.updateDialogMinMaxHeight(),this.storeInitialValues(),this.dialogElement.open||(this.dialogElement.showModal(),this.renderStatus="is-opening",this.dialogElement.addEventListener("transitionend",(()=>{this.renderStatus="is-open",this.focusContent()}),{once:!0}))}render(){var t;const{data:e}=this,a=(null==e?void 0:e.title)||!this.hideClose,o=this.renderStatus||"";let r=null;switch(null==e?void 0:e.appearance){case"message":r=this.renderMessage;break;case"list":r=this.renderList;break;default:r=this.renderSlot}return i("dialog",{ref:t=>this.dialogElement=t,class:o,onClick:this.onClick},i("div",{class:`interior is-${(null==e?void 0:e.appearance)||"slot"}`},a&&i("header",null,i("div",{class:"title"},null==e?void 0:e.title),i("q2-btn",{class:"btn-close","test-id":"btnClose",onClick:this.onCancel,label:"tecton.element.actionSheet.close","hide-label":!0},i("q2-icon",{type:"close"}))),(null===(t=this.data)||void 0===t?void 0:t.description)&&i("p",null,e.description),r&&i(r,{data:this.data})))}get hostElement(){return o(this)}};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}@keyframes showBackdrop{from{opacity:0}}@keyframes hideBackdrop{to{opacity:0}}dialog{--comp-border-radius-default:var(--app-scale-3x, 15px) var(--app-scale-3x, 15px) 0 0;--comp-border-radius:var(--tct-action-sheet-border-radius, var(--t-action-sheet-border-radius, var(--comp-border-radius-default)));--comp-desktop-border-radius:var(--tct-action-sheet-border-radius, var(--t-action-sheet-border-radius, var(--app-scale-3x, 15px)));--comp-header-size:var(--tct-action-sheet-close-size, var(--t-action-sheet-close-size, var(--t-a11y-min-size, 44px)));--comp-dialog-background:var(--tct-action-sheet-background, var(--t-action-sheet-background, var(--t-base, #ffffff)));--comp-dialog-color:var(--tct-action-sheet-color, var(--t-action-sheet-color, var(--t-text, #4d4d4d)));--comp-dialog-padding:var(--tct-action-sheet-padding, var(--t-action-sheet-padding, var(--app-scale-3x, 15px)));--comp-content-gradient-height:var(--tct-action-sheet-content-gradient-height, var(--t-action-sheet-content-gradient-height, var(--app-scale-2x, 10px)));--comp-dialog-interior-gap-default:var(--app-scale-2x, 10px);--comp-dialog-max-width:var(--tct-action-sheet-max-width, var(--t-action-sheet-max-width, 400px));--comp-dialog-max-height:var(--tct-action-sheet-max-height, var(--t-action-sheet-max-height, 75vh));--comp-dialog-min-height:var(--tct-action-sheet-min-height, var(--t-action-sheet-min-height, 20vh));--comp-dialog-box-shadow:var(--tct-action-sheet-box-shadow, var(--t-action-sheet-box-shadow, var(--app-shadow-2, 0 3px 6px rgba(0, 0, 0, 0.3))));position:fixed;top:100%;bottom:unset;color:var(--comp-dialog-color);background:var(--comp-dialog-background);transition:transform var(--tct-action-sheet-tween, var(--t-action-sheet-tween, var(--app-tween-2, 0.4s ease))), opacity var(--tct-action-sheet-tween, var(--t-action-sheet-tween, var(--app-tween-2, 0.4s ease)));width:100%;max-width:var(--comp-dialog-max-width);border:0;border-radius:var(--comp-border-radius);box-shadow:var(--comp-dialog-box-shadow);padding:0;height:auto;overflow:hidden;min-height:var(--comp-dialog-min-height);max-height:var(--comp-dialog-max-height)}dialog::backdrop{opacity:0;background:var(--tct-action-sheet-backdrop-background, var(--t-action-sheet-backdrop-background, var(--t-top-a2, rgba(13, 13, 13, 0.6))))}dialog[open].is-opening,dialog[open].is-open{transform:translateY(-100%)}@media screen and (min-width: 1200px){dialog[open].is-opening,dialog[open].is-open{opacity:1;transform:translateY(0)}}dialog[open].is-opening::backdrop,dialog[open].is-open::backdrop{opacity:1;animation:showBackdrop var(--tct-action-sheet-tween, var(--t-action-sheet-tween, var(--app-tween-2, 0.4s ease)))}dialog[open].is-closing{transform:translateY(10%)}dialog[open].is-closing::backdrop{animation:hideBackdrop var(--tct-action-sheet-tween, var(--t-action-sheet-tween, var(--app-tween-2, 0.4s ease)))}@media screen and (min-width: 1200px){dialog{border-radius:var(--comp-desktop-border-radius);top:0px;bottom:0px;height:fit-content;transform:translateY(10%);opacity:0}}.content{overflow-y:auto;--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}.content::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.content::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.content::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.interior{display:grid;grid-template-rows:44px 1fr auto;gap:var(--comp-dialog-interior-gap-default);max-height:calc(var(--comp-dialog-max-height) - var(--comp-dialog-padding));padding:var(--comp-dialog-padding)}.interior.is-list header,.interior.is-list footer{position:relative}.interior.is-list header:before,.interior.is-list footer:before{content:"";display:block;position:absolute;left:0;height:var(--comp-content-gradient-height);width:100%;z-index:1}.interior.is-list header:before{top:calc(100% + var(--comp-dialog-interior-gap-default));background:linear-gradient(to bottom, var(--t-base) 0%, var(--t-base-a0) 100%)}.interior.is-list footer:before{top:calc((var(--comp-dialog-interior-gap-default) + var(--comp-content-gradient-height)) * -1);background:linear-gradient(to top, var(--t-base) 0%, var(--t-base-a0) 100%)}header{display:grid;grid-template-columns:var(--comp-header-size) 1fr var(--comp-header-size);grid-template-areas:". title close";gap:var(--app-scale-2x, 10px)}header .title{grid-area:title;text-align:center;line-height:var(--comp-header-size)}header .btn-close{grid-area:close;width:var(--comp-header-size);height:var(--comp-header-size)}footer{display:flex;justify-content:end}';export{n as q2_action_sheet}
|
|
@@ -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-a510290a.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-9acfa94e.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 +1 @@
|
|
|
1
|
-
import{r as t,h as o,g as r}from"./p-926a3e80.js";import{h as a,j as e,o as n,i,l as s}from"./p-a510290a.js";import{s as l}from"./p-92e1faf8.js";const c=class{constructor(o){t(this,o),this.handleSlotChange=()=>{this.handleIcons()},this.ariaExpanded=void 0,this.ariaHasPopup=void 0,this.ariaControls=void 0,this.ariaSelected=void 0,this.label=void 0,this.hideLabel=void 0,this.ariaLabel=void 0,this.tabIndex=void 0,this.intent=void 0,this.color=void 0,this.disabled=void 0,this.type=void 0,this.loading=void 0,this.badge=void 0,this.active=void 0,this.fab=void 0,this.block=void 0,this.iconPosition=void 0}componentWillLoad(){this.handleIcons(),a(this),e(this)}componentDidLoad(){n(this.hostElement)}disable(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){i(t,this.hostElement)&&this.hostElement.shadowRoot.querySelector("button").focus()}ariaLabelObserver(){a(this)}handleIcons(){const t=Array.from(this.hostElement.querySelectorAll(":scope > q2-icon")).reduce(((t,o)=>(t?o.remove():t=o,t)),null),o=!!t,r=!!this.hostElement.querySelector("q2-loc"),a=!!this.hostElement.textContent.trim(),e=(r||a)&&o&&this.hostElement.firstElementChild===t,n=(r||a)&&o&&this.hostElement.lastElementChild===t;let i;e||n||!o?e?i="left":n&&(i="right"):i="only",this.iconPosition=i}render(){const{ariaExpanded:t,ariaHasPopup:r,ariaSelected:a,disabled:e,type:n,tabindex:i}=this.buttonAttributes,{iconPosition:l,loading:c,badge:b,label:d,hideLabel:h}=this,v=l||c,p=!l||b;return o("button",{"aria-expanded":t,"aria-haspopup":r,"aria-label":h&&s(d),"aria-selected":a,disabled:e,type:n,tabindex:i,"test-id":"q2BtnInnerButton",class:l?`icon-${l}`:""},o("div",null,v&&o("q2-loading",{hidden:!c,modifiers:p?"inline":void 0}),!h&&d?s(d):o("slot",{onSlotchange:this.handleSlotChange})))}get buttonAttributes(){var t,o,r;return{ariaExpanded:void 0!==this.ariaExpanded?`${"true"===(null===(t=this.ariaExpanded)||void 0===t?void 0:t.toString())}`:void 0,ariaHasPopup:void 0!==this.ariaHasPopup?`${"true"===(null===(o=this.ariaHasPopup)||void 0===o?void 0:o.toString())}`:void 0,ariaLabel:this.label&&this.hideLabel?s(this.label):void 0,ariaSelected:void 0!==this.ariaSelected?`${"true"===(null===(r=this.ariaSelected)||void 0===r?void 0:r.toString())}`:void 0,disabled:this.disabled||!1,type:this.type||"button",tabindex:this.tabIndex||void 0}}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};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:inline-block}:host([hidden]){display:none}:host([block]){display:block;width:100%}:host{--comp-btn-primary-bg:var(--tct-btn-primary-bg, var(--t-btn-primary-bg, #2e2e2e));--comp-btn-primary-font-color:var(--tct-btn-primary-font-color, var(--t-btn-primary-font-color, var(--tct-white, var(--app-white, #ffffff))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-btn-fallback-hover-box-shadow:0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);--comp-btn-neutral-fallback-hover-box-shadow:0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36);--comp-btn-primary-box-shadow:var(--tct-btn-primary-box-shadow, var(--t-btn-primary-box-shadow, var(--comp-btn-fallback-box-shadow)));--comp-btn-primary-hover-box-shadow:var(--tct-btn-primary-hover-box-shadow, var(--t-btn-primary-hover-box-shadow, var(--comp-btn-fallback-hover-box-shadow)));--comp-btn-secondary-bg:var(--tct-btn-secondary-bg, var(--t-button-default-bg, #cccccc));--comp-btn-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-btn-secondary-font-color, var(--t-button-default-font-color, #2e2e2e)));--comp-btn-secondary-box-shadow:var(--tct-btn-secondary-box-shadow, var(--t-btn-secondary-box-shadow, var(--comp-btn-fallback-box-shadow)));--comp-btn-secondary-hover-box-shadow:var(--tct-btn-secondary-hover-box-shadow, var(--t-btn-secondary-hover-box-shadow, var(--comp-btn-fallback-hover-box-shadow)));--comp-btn-tween:var(--tct-btn-tween, var(--t-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));--comp-btn-neutral-bg:var(--tct-btn-neutral-bg, transparent);--comp-btn-neutral-font-color:var(--tct-btn-neutral-font-color, var(--t-btn-neutral-font-color, var(--t-button-default-font-color, #2e2e2e)));--comp-btn-neutral-box-shadow:var(--tct-btn-neutral-box-shadow, var(--t-btn-neutral-box-shadow, var(--comp-btn-fallback-box-shadow)));--comp-btn-neutral-hover-box-shadow:var(--tct-btn-neutral-hover-box-shadow, var(--t-btn-neutral-hover-box-shadow, var(--comp-btn-neutral-fallback-hover-box-shadow)))}button{margin:var(--tct-scale-0, var(--app-scale-0x, 0));padding:var(--tct-scale-0, var(--app-scale-0x, 0));display:inline-block;width:100%;hyphens:auto;border:0;background:transparent;box-shadow:none;border-radius:0;font-weight:400;color:inherit;cursor:pointer;transition:var(--comp-btn-tween);transition-property:background, color, box-shadow, fill, border-color, border-width;outline:0}button:disabled{opacity:var(--tct-btn-disabled-opacity, var(--t-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));cursor:not-allowed}:host([size="1"]) button{padding:var(--tct-scale-1, var(--app-scale-1x, 5px))}:host([color]:not([size])) button,:host([intent]:not([size])) button{padding:var(--tct-btn-padding, var(--t-btn-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))))}:host([size="2"]) button{padding:var(--tct-scale-2, var(--app-scale-2x, 10px))}:host([size="3"]) button{padding:var(--tct-scale-3, var(--app-scale-3x, 15px))}:host([size="4x"]) button{padding:var(--tct-scale-4x, var(--app-scale-4x, 20px))}:host([size="4"]) button{padding:var(--tct-scale-6x, var(--app-scale-6x, 30px))}:host([color]) button,:host([intent]) button{border-style:solid;font-size:var(--tct-btn-font-size, var(--t-btn-font-size, inherit))}:host([color=primary]) button,:host([intent=workflow-primary]) button{background:var(--comp-btn-primary-bg);color:var(--comp-btn-primary-font-color);border-color:var(--tct-btn-primary-border-color, var(--t-btn-primary-border-color, transparent));border-width:var(--tct-btn-primary-border-width, var(--t-btn-primary-border-width, 0));border-radius:var(--tct-btn-primary-border-radius, var(--t-btn-primary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));box-shadow:var(--comp-btn-primary-box-shadow);font-weight:var(--tct-btn-primary-font-weight, var(--t-btn-primary-font-weight, 600));text-transform:var(--tct-btn-primary-text-transform, var(--t-btn-primary-text-transform, none));letter-spacing:var(--tct-btn-primary-letter-spacing, var(--t-btn-primary-letter-spacing, normal))}:host([color=primary]) button:enabled:hover,:host([color=primary]) button:enabled:focus,:host([color=primary]) button:enabled:active,:host([intent=workflow-primary]) button:enabled:hover,:host([intent=workflow-primary]) button:enabled:focus,:host([intent=workflow-primary]) button:enabled:active{background:var(--tct-btn-primary-hover-bg, var(--t-btn-primary-hover-bg, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-primary-hover-font-color, var(--t-btn-primary-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-primary-hover-border-color, var(--t-btn-primary-hover-border-color, var(--tct-btn-primary-border-color, var(--t-btn-primary-border-color, transparent))))}:host([color=primary]) button:hover:enabled,:host([color=primary]) button:active:enabled,:host([intent=workflow-primary]) button:hover:enabled,:host([intent=workflow-primary]) button:active:enabled{box-shadow:var(--comp-btn-primary-hover-box-shadow)}:host([color=primary]) button:focus,:host([color=primary]) button:focus:hover:enabled,:host([color=primary]) button:focus:active:enabled,:host([intent=workflow-primary]) button:focus,:host([intent=workflow-primary]) button:focus:hover:enabled,:host([intent=workflow-primary]) button:focus:active:enabled{box-shadow:var(--const-double-focus-ring), var(--comp-btn-primary-hover-box-shadow)}:host([color=primary]) button:disabled,:host([intent=workflow-primary]) button:disabled{background:var(--tct-btn-primary-disabled-bg, var(--t-btn-primary-disabled-bg, var(--comp-btn-primary-bg)));color:var(--tct-btn-primary-disabled-font-color, var(--t-btn-primary-disabled-font-color, var(--comp-btn-primary-font-color)));box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--t-btn-primary-disabled-box-shadow, var(--comp-btn-primary-box-shadow)))}:host([color=secondary]) button,:host([intent=workflow-secondary]) button{background:var(--comp-btn-secondary-bg);color:var(--comp-btn-secondary-font-color, var(--tct-btn-secondary-font-color, var(--t-btn-secondary-font-color, var(--tct-white, var(--app-white, #ffffff)))));border-color:var(--tct-btn-secondary-border-color, var(--t-btn-secondary-border-color, transparent));border-width:var(--tct-btn-secondary-border-width, var(--t-btn-secondary-border-width, 0));border-radius:var(--tct-btn-secondary-border-radius, var(--t-btn-secondary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));box-shadow:var(--comp-btn-secondary-box-shadow);font-weight:var(--tct-btn-secondary-font-weight, var(--t-btn-secondary-font-weight, 600));text-transform:var(--tct-btn-secondary-text-transform, var(--t-btn-secondary-text-transform, none));letter-spacing:var(--tct-btn-secondary-letter-spacing, var(--t-btn-secondary-letter-spacing, normal))}:host([color=secondary]) button:enabled:hover,:host([color=secondary]) button:enabled:focus,:host([color=secondary]) button:enabled:active,:host([intent=workflow-secondary]) button:enabled:hover,:host([intent=workflow-secondary]) button:enabled:focus,:host([intent=workflow-secondary]) button:enabled:active{background:var(--tct-btn-secondary-hover-bg, var(--t-btn-secondary-hover-bg, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-secondary-hover-font-color, var(--t-btn-secondary-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #ffffff)))));border-color:var(--tct-btn-secondary-hover-border-color, var(--t-btn-secondary-hover-border-color, var(--tct-btn-secondary-border-color, var(--t-btn-secondary-border-color, transparent))))}:host([color=secondary]) button:hover:enabled,:host([color=secondary]) button:active:enabled,:host([intent=workflow-secondary]) button:hover:enabled,:host([intent=workflow-secondary]) button:active:enabled{box-shadow:var(--comp-btn-secondary-hover-box-shadow)}:host([color=secondary]) button:focus,:host([color=secondary]) button:focus:hover:enabled,:host([color=secondary]) button:focus:active:enabled,:host([intent=workflow-secondary]) button:focus,:host([intent=workflow-secondary]) button:focus:hover:enabled,:host([intent=workflow-secondary]) button:focus:active:enabled{box-shadow:var(--const-double-focus-ring), var(--comp-btn-secondary-hover-box-shadow)}:host([color=secondary]) button:disabled,:host([intent=workflow-secondary]) button:disabled{background:var(--tct-btn-secondary-disabled-bg, var(--t-btn-secondary-disabled-bg, var(--comp-btn-secondary-bg)));color:var(--tct-btn-secondary-disabled-font-color, var(--t-btn-secondary-disabled-font-color, var(--comp-btn-secondary-font-color)));box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--t-btn-secondary-disabled-box-shadow, var(--comp-btn-secondary-box-shadow)))}:host([intent=neutral]) button{background:var(--comp-btn-neutral-bg, var(--tct-btn-neutral-bg, var(--t-btn-neutral-bg, transparent)));color:var(--comp-btn-neutral-font-color, var(--tct-btn-neutral-font-color, var(--t-btn-neutral-font-color, var(--tct-gray-1, var(--t-gray-1, var(--tct-black, var(--app-black, #0d0d0d)))))));border-color:var(--tct-btn-neutral-border-color, var(--t-btn-neutral-border-color, transparent));border-width:var(--tct-btn-neutral-border-width, var(--t-btn-neutral-border-width, 0));border-radius:var(--tct-btn-neutral-border-radius, var(--t-btn-neutral-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));box-shadow:var(--comp-btn-neutral-box-shadow);font-weight:var(--tct-btn-neutral-font-weight, var(--t-btn-neutral-font-weight, 600));text-transform:var(--tct-btn-neutral-text-transform, var(--t-btn-neutral-text-transform, none));letter-spacing:var(--tct-btn-neutral-letter-spacing, var(--t-btn-neutral-letter-spacing, normal))}:host([intent=neutral]) button:enabled:hover,:host([intent=neutral]) button:enabled:focus,:host([intent=neutral]) button:enabled:active{background:var(--tct-btn-neutral-hover-bg, var(--t-btn-neutral-hover-bg, transparent));color:var(--tct-btn-neutral-hover-font-color, var(--t-btn-neutral-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-neutral-hover-border-color, var(--t-btn-neutral-hover-border-color, var(--tct-btn-neutral-border-color, var(--t-btn-neutral-border-color, transparent))))}:host([intent=neutral]) button:hover:enabled,:host([intent=neutral]) button:active:enabled{box-shadow:var(--comp-btn-neutral-hover-box-shadow)}:host([intent=neutral]) button:focus,:host([intent=neutral]) button:focus:hover:enabled,:host([intent=neutral]) button:focus:active:enabled{box-shadow:var(--const-double-focus-ring), var(--comp-btn-neutral-hover-box-shadow)}:host([intent=neutral]) button:disabled{background:var(--tct-btn-neutral-disabled-bg, var(--t-btn-neutral-disabled-bg, var(--comp-btn-neutral-bg)));color:var(--tct-btn-neutral-disabled-font-color, var(--t-btn-neutral-disabled-font-color, var(--comp-btn-neutral-font-color)));box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--comp-btn-neutral-box-shadow))}:host button.icon-only{width:var(--tct-btn-icon-width, var(--t-btn-icon-width, 44px));height:var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px));border-radius:var(--tct-btn-icon-border-radius, var(--t-btn-icon-border-radius, 0))}:host button.icon-only:hover,:host button.icon-only:focus{background-color:var(--tct-btn-icon-hover-bg, var(--t-btn-icon-hover-bg, var(--tct-gray-13, var(--t-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))}:host(:not([intent])[active]) button.icon-only{background-color:var(--tct-btn-icon-active-bg, var(--t-btn-icon-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))}:host(:not([intent])) button.icon-only:hover *,:host(:not([intent])) button.icon-only:focus *,:host(:not([intent])[active]) button.icon-only *{color:var(--tct-btn-icon-hover-color, var(--t-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color, #080808))))}:host([badge]) button{padding:var(--tct-btn-badge-padding, var(--t-btn-badge-padding, 2px 5px));font-size:var(--tct-btn-badge-font-size, var(--t-btn-badge-font-size, var(--tct-btn-font-size, var(--t-btn-font-size, inherit))));border-radius:var(--tct-btn-badge-border-radius, var(--t-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));background-color:var(--tct-btn-badge-bg, var(--t-btn-badge-bg, transparent));color:var(--tct-btn-badge-font-color, var(--t-btn-badge-font-color, inherit))}:host([badge]) button ::slotted(q2-icon){--tct-icon-size:1em}:host([badge]:hover) button:enabled{background-color:var(--tct-btn-badge-hover-bg, var(--t-btn-badge-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));color:var(--tct-btn-badge-hover-font-color, var(--t-btn-badge-hover-font-color, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))))}:host(.selected[badge]) button,:host([active][badge]) button{background-color:var(--tct-btn-badge-active-bg, var(--t-btn-badge-active-bg, var(--comp-btn-primary-bg)));color:var(--tct-btn-badge-active-font-color, var(--t-btn-badge-active-font-color, var(--comp-btn-primary-font-color)))}div{display:flex;align-items:center;justify-content:center;gap:var(--app-scale-1x, 5px)}:host([loading]) .icon-right div{flex-direction:row-reverse}q2-loading{--tct-loading-primary-color:currentColor;--tct-loading-secondary-color:currentColor;--tct-loading-spinner-size:24px}:host([loading]) ::slotted(q2-icon){display:none}:host([loading]) button{pointer-events:none}:host([block]) button,:host([block]) button.icon-only{display:block;width:100%}';const b=class{constructor(r){t(this,r),this.halfCircleSpinner=()=>o("div",{class:"q2-loading-animation half-circle-spinner","aria-label":this.localizedLabel},o("div",{class:"circle circle-1"}),o("div",{class:"circle circle-2"})),this.spinner=()=>this.halfCircleSpinner(),this.skeletonLoader=()=>o("div",{class:"q2-loading-skeleton","aria-label":this.localizedLabel},"custom"===this.shape?o("slot",null):this.skeletonShape,o("div",{class:"q2-loading-skeleton-shimmer"})),this.type=void 0,this.shape=void 0,this.modifiers=void 0,this.counts=void 0,this.label=void 0,this.ariaLabel=void 0,this.inline=void 0}get loader(){const t={default:this.spinner,spinner:this.spinner,skeleton:this.skeletonLoader};return t[this.type]||t.default}get modifiersSet(){if("skeleton"===this.type&&this.modifiers)return new Set(this.modifiers.split("-"))}get countsArray(){if("skeleton"===this.type&&this.counts)return this.counts.split("x").map(Number)}get skeletonShape(){var t,o;return null!==(o=null===(t=l[this.shape])||void 0===t?void 0:t.call(l,this.countsArray,this.modifiersSet))&&void 0!==o?o:""}get spinnerShape(){const t={default:this.halfCircleSpinner,"half-circle":this.halfCircleSpinner};return t[this.type]||t.default}get localizedLabel(){return s(this.label||"tecton.element.loading.ariaLabel")}componentWillLoad(){a(this)}ariaLabelObserver(){a(this)}render(){return this.loader()}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};b.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}.flex{display:flex}.flex-center{justify-content:center}.flex-left{justify-content:flex-start}.flex-right{justify-content:flex-end}.flex-v-center{align-items:center}.no-margin{margin:0}:host{display:block}:host([inline]),:host([modifiers*=inline]){display:inline-block}:host([hidden]){display:none}:host(:not([inline]):not([modifiers*=inline])){font-size:var(--tct-loading-spinner-size, var(--t-loading-spinner-size, var(--app-scale-12x, 60px)))}.q2-loading-animation{height:1em;width:1em}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{border-radius:100%;position:relative}.half-circle-spinner .circle{position:absolute;width:100%;height:100%;border-radius:100%;border:0.0833333333em solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--tct-loading-primary-color, var(--t-loading-primary-color, var(--t-primary, #0079c1)));animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(--tct-loading-secondary-color, var(--t-loading-secondary-color, #9ddd4f));animation:half-circle-spinner-animation 1s infinite alternate}@keyframes half-circle-spinner-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.q2-loading-skeleton{position:relative;width:100%;height:100%;overflow:hidden;--comp-loading-skeleton-shimmer-color:var(--tct-loading-skeleton-shimmer-color, var(--t-base, rgba(255, 255, 255, 0.5)));--comp-loading-skeleton-vertical-gap:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px));--comp-loading-skeleton-horizontal-gap:var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.q2-loading-skeleton-shimmer{position:absolute;width:1rem;height:100%;top:0;left:-100px;animation:skeletonShimmer 3s ease-in-out infinite;background-color:var(--comp-loading-skeleton-shimmer-color);box-shadow:0 0 25px 20px var(--comp-loading-skeleton-shimmer-color);transform:rotate(10deg)}.skeleton-shape.rectangle:not(.no-margin){margin:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px)) var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background-color:var(--tct-loading-skeleton-element-bg, var(--tct-gray-l3, var(--t-gray-14, #f2f2f2)))}.skeleton-shape.rectangle{min-height:var(--tct-loading-skeleton-rectangle-min-height, 20px)}.skeleton-shape.circle{border-radius:50%;padding-top:100%}.flex .rectangle{flex-grow:1}.skeleton-table-row .rectangle{margin:var(--comp-loading-skeleton-vertical-gap) var(--comp-loading-skeleton-horizontal-gap)}.skeleton-table-row .rectangle:not(:first-child):not(:last-child){flex-grow:2}.skeleton-table-row-border .skeleton-shape{margin:0 var(--comp-loading-skeleton-horizontal-gap)}.form{flex-wrap:wrap}.form .field{margin:var(--comp-loading-skeleton-vertical-gap) 0}.form.columns-1 .field{flex-basis:100%}.form.columns-2 .field{flex-basis:50%}.form.columns-3 .field{flex-basis:33.3333%}.form.columns-4 .field{flex-basis:25%}.form.columns-5 .field{flex-basis:20%}.text .rectangle{margin-bottom:0}.text .header.center{margin:0 auto}.text .header.right{margin-left:auto}.text .header{height:1.5rem}.text .header.smaller{height:1rem}.detailed-item{flex-wrap:wrap}.detailed-item.right{flex-flow:row-reverse}.detailed-item-image{flex:0 0 auto;display:inline-flex}.center .detailed-item-image{flex-basis:100%;display:flex}.detailed-item-image .rectangle{flex-grow:0}.detailed-item-text>div{width:100%}.detailed-item-text{flex:1 1 auto}.detailed-item-text .text{margin-top:0;margin-bottom:0}.label-value{flex-wrap:wrap}.label-value .rectangle{flex-basis:calc(50% - 2 * var(--comp-loading-skeleton-horizontal-gap))}@keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}";export{c as q2_btn,b as q2_loading}
|
|
1
|
+
import{r as t,h as o,g as r}from"./p-926a3e80.js";import{h as a,k as e,o as n,i,l as s}from"./p-9acfa94e.js";import{s as l}from"./p-92e1faf8.js";const c=class{constructor(o){t(this,o),this.handleSlotChange=()=>{this.handleIcons()},this.ariaExpanded=void 0,this.ariaHasPopup=void 0,this.ariaControls=void 0,this.ariaSelected=void 0,this.label=void 0,this.hideLabel=void 0,this.ariaLabel=void 0,this.tabIndex=void 0,this.intent=void 0,this.color=void 0,this.disabled=void 0,this.type=void 0,this.loading=void 0,this.badge=void 0,this.active=void 0,this.fab=void 0,this.block=void 0,this.iconPosition=void 0}componentWillLoad(){this.handleIcons(),a(this),e(this)}componentDidLoad(){n(this.hostElement)}disable(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){i(t,this.hostElement)&&this.hostElement.shadowRoot.querySelector("button").focus()}ariaLabelObserver(){a(this)}handleIcons(){const t=Array.from(this.hostElement.querySelectorAll(":scope > q2-icon")).reduce(((t,o)=>(t?o.remove():t=o,t)),null),o=!!t,r=!!this.hostElement.querySelector("q2-loc"),a=!!this.hostElement.textContent.trim(),e=(r||a)&&o&&this.hostElement.firstElementChild===t,n=(r||a)&&o&&this.hostElement.lastElementChild===t;let i;e||n||!o?e?i="left":n&&(i="right"):i="only",this.iconPosition=i}render(){const{ariaExpanded:t,ariaHasPopup:r,ariaSelected:a,disabled:e,type:n,tabindex:i}=this.buttonAttributes,{iconPosition:l,loading:c,badge:b,label:d,hideLabel:h}=this,v=l||c,p=!l||b;return o("button",{"aria-expanded":t,"aria-haspopup":r,"aria-label":h&&s(d),"aria-selected":a,disabled:e,type:n,tabindex:i,"test-id":"q2BtnInnerButton",class:l?`icon-${l}`:""},o("div",null,v&&o("q2-loading",{hidden:!c,modifiers:p?"inline":void 0}),!h&&d?s(d):o("slot",{onSlotchange:this.handleSlotChange})))}get buttonAttributes(){var t,o,r;return{ariaExpanded:void 0!==this.ariaExpanded?`${"true"===(null===(t=this.ariaExpanded)||void 0===t?void 0:t.toString())}`:void 0,ariaHasPopup:void 0!==this.ariaHasPopup?`${"true"===(null===(o=this.ariaHasPopup)||void 0===o?void 0:o.toString())}`:void 0,ariaLabel:this.label&&this.hideLabel?s(this.label):void 0,ariaSelected:void 0!==this.ariaSelected?`${"true"===(null===(r=this.ariaSelected)||void 0===r?void 0:r.toString())}`:void 0,disabled:this.disabled||!1,type:this.type||"button",tabindex:this.tabIndex||void 0}}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};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:inline-block}:host([hidden]){display:none}:host([block]){display:block;width:100%}:host{--comp-btn-primary-bg:var(--tct-btn-primary-bg, var(--t-btn-primary-bg, #2e2e2e));--comp-btn-primary-font-color:var(--tct-btn-primary-font-color, var(--t-btn-primary-font-color, var(--tct-white, var(--app-white, #ffffff))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-btn-fallback-hover-box-shadow:0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);--comp-btn-neutral-fallback-hover-box-shadow:0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36);--comp-btn-primary-box-shadow:var(--tct-btn-primary-box-shadow, var(--t-btn-primary-box-shadow, var(--comp-btn-fallback-box-shadow)));--comp-btn-primary-hover-box-shadow:var(--tct-btn-primary-hover-box-shadow, var(--t-btn-primary-hover-box-shadow, var(--comp-btn-fallback-hover-box-shadow)));--comp-btn-secondary-bg:var(--tct-btn-secondary-bg, var(--t-button-default-bg, #cccccc));--comp-btn-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-btn-secondary-font-color, var(--t-button-default-font-color, #2e2e2e)));--comp-btn-secondary-box-shadow:var(--tct-btn-secondary-box-shadow, var(--t-btn-secondary-box-shadow, var(--comp-btn-fallback-box-shadow)));--comp-btn-secondary-hover-box-shadow:var(--tct-btn-secondary-hover-box-shadow, var(--t-btn-secondary-hover-box-shadow, var(--comp-btn-fallback-hover-box-shadow)));--comp-btn-tween:var(--tct-btn-tween, var(--t-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));--comp-btn-neutral-bg:var(--tct-btn-neutral-bg, transparent);--comp-btn-neutral-font-color:var(--tct-btn-neutral-font-color, var(--t-btn-neutral-font-color, var(--t-button-default-font-color, #2e2e2e)));--comp-btn-neutral-box-shadow:var(--tct-btn-neutral-box-shadow, var(--t-btn-neutral-box-shadow, var(--comp-btn-fallback-box-shadow)));--comp-btn-neutral-hover-box-shadow:var(--tct-btn-neutral-hover-box-shadow, var(--t-btn-neutral-hover-box-shadow, var(--comp-btn-neutral-fallback-hover-box-shadow)))}button{margin:var(--tct-scale-0, var(--app-scale-0x, 0));padding:var(--tct-scale-0, var(--app-scale-0x, 0));display:inline-block;width:100%;hyphens:auto;border:0;background:transparent;box-shadow:none;border-radius:0;font-weight:400;color:inherit;cursor:pointer;transition:var(--comp-btn-tween);transition-property:background, color, box-shadow, fill, border-color, border-width;outline:0}button:disabled{opacity:var(--tct-btn-disabled-opacity, var(--t-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));cursor:not-allowed}:host([size="1"]) button{padding:var(--tct-scale-1, var(--app-scale-1x, 5px))}:host([color]:not([size])) button,:host([intent]:not([size])) button{padding:var(--tct-btn-padding, var(--t-btn-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))))}:host([size="2"]) button{padding:var(--tct-scale-2, var(--app-scale-2x, 10px))}:host([size="3"]) button{padding:var(--tct-scale-3, var(--app-scale-3x, 15px))}:host([size="4x"]) button{padding:var(--tct-scale-4x, var(--app-scale-4x, 20px))}:host([size="4"]) button{padding:var(--tct-scale-6x, var(--app-scale-6x, 30px))}:host([color]) button,:host([intent]) button{border-style:solid;font-size:var(--tct-btn-font-size, var(--t-btn-font-size, inherit))}:host([color=primary]) button,:host([intent=workflow-primary]) button{background:var(--comp-btn-primary-bg);color:var(--comp-btn-primary-font-color);border-color:var(--tct-btn-primary-border-color, var(--t-btn-primary-border-color, transparent));border-width:var(--tct-btn-primary-border-width, var(--t-btn-primary-border-width, 0));border-radius:var(--tct-btn-primary-border-radius, var(--t-btn-primary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));box-shadow:var(--comp-btn-primary-box-shadow);font-weight:var(--tct-btn-primary-font-weight, var(--t-btn-primary-font-weight, 600));text-transform:var(--tct-btn-primary-text-transform, var(--t-btn-primary-text-transform, none));letter-spacing:var(--tct-btn-primary-letter-spacing, var(--t-btn-primary-letter-spacing, normal))}:host([color=primary]) button:enabled:hover,:host([color=primary]) button:enabled:focus,:host([color=primary]) button:enabled:active,:host([intent=workflow-primary]) button:enabled:hover,:host([intent=workflow-primary]) button:enabled:focus,:host([intent=workflow-primary]) button:enabled:active{background:var(--tct-btn-primary-hover-bg, var(--t-btn-primary-hover-bg, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-primary-hover-font-color, var(--t-btn-primary-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-primary-hover-border-color, var(--t-btn-primary-hover-border-color, var(--tct-btn-primary-border-color, var(--t-btn-primary-border-color, transparent))))}:host([color=primary]) button:hover:enabled,:host([color=primary]) button:active:enabled,:host([intent=workflow-primary]) button:hover:enabled,:host([intent=workflow-primary]) button:active:enabled{box-shadow:var(--comp-btn-primary-hover-box-shadow)}:host([color=primary]) button:focus,:host([color=primary]) button:focus:hover:enabled,:host([color=primary]) button:focus:active:enabled,:host([intent=workflow-primary]) button:focus,:host([intent=workflow-primary]) button:focus:hover:enabled,:host([intent=workflow-primary]) button:focus:active:enabled{box-shadow:var(--const-double-focus-ring), var(--comp-btn-primary-hover-box-shadow)}:host([color=primary]) button:disabled,:host([intent=workflow-primary]) button:disabled{background:var(--tct-btn-primary-disabled-bg, var(--t-btn-primary-disabled-bg, var(--comp-btn-primary-bg)));color:var(--tct-btn-primary-disabled-font-color, var(--t-btn-primary-disabled-font-color, var(--comp-btn-primary-font-color)));box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--t-btn-primary-disabled-box-shadow, var(--comp-btn-primary-box-shadow)))}:host([color=secondary]) button,:host([intent=workflow-secondary]) button{background:var(--comp-btn-secondary-bg);color:var(--comp-btn-secondary-font-color, var(--tct-btn-secondary-font-color, var(--t-btn-secondary-font-color, var(--tct-white, var(--app-white, #ffffff)))));border-color:var(--tct-btn-secondary-border-color, var(--t-btn-secondary-border-color, transparent));border-width:var(--tct-btn-secondary-border-width, var(--t-btn-secondary-border-width, 0));border-radius:var(--tct-btn-secondary-border-radius, var(--t-btn-secondary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));box-shadow:var(--comp-btn-secondary-box-shadow);font-weight:var(--tct-btn-secondary-font-weight, var(--t-btn-secondary-font-weight, 600));text-transform:var(--tct-btn-secondary-text-transform, var(--t-btn-secondary-text-transform, none));letter-spacing:var(--tct-btn-secondary-letter-spacing, var(--t-btn-secondary-letter-spacing, normal))}:host([color=secondary]) button:enabled:hover,:host([color=secondary]) button:enabled:focus,:host([color=secondary]) button:enabled:active,:host([intent=workflow-secondary]) button:enabled:hover,:host([intent=workflow-secondary]) button:enabled:focus,:host([intent=workflow-secondary]) button:enabled:active{background:var(--tct-btn-secondary-hover-bg, var(--t-btn-secondary-hover-bg, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-secondary-hover-font-color, var(--t-btn-secondary-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #ffffff)))));border-color:var(--tct-btn-secondary-hover-border-color, var(--t-btn-secondary-hover-border-color, var(--tct-btn-secondary-border-color, var(--t-btn-secondary-border-color, transparent))))}:host([color=secondary]) button:hover:enabled,:host([color=secondary]) button:active:enabled,:host([intent=workflow-secondary]) button:hover:enabled,:host([intent=workflow-secondary]) button:active:enabled{box-shadow:var(--comp-btn-secondary-hover-box-shadow)}:host([color=secondary]) button:focus,:host([color=secondary]) button:focus:hover:enabled,:host([color=secondary]) button:focus:active:enabled,:host([intent=workflow-secondary]) button:focus,:host([intent=workflow-secondary]) button:focus:hover:enabled,:host([intent=workflow-secondary]) button:focus:active:enabled{box-shadow:var(--const-double-focus-ring), var(--comp-btn-secondary-hover-box-shadow)}:host([color=secondary]) button:disabled,:host([intent=workflow-secondary]) button:disabled{background:var(--tct-btn-secondary-disabled-bg, var(--t-btn-secondary-disabled-bg, var(--comp-btn-secondary-bg)));color:var(--tct-btn-secondary-disabled-font-color, var(--t-btn-secondary-disabled-font-color, var(--comp-btn-secondary-font-color)));box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--t-btn-secondary-disabled-box-shadow, var(--comp-btn-secondary-box-shadow)))}:host([intent=neutral]) button{background:var(--comp-btn-neutral-bg, var(--tct-btn-neutral-bg, var(--t-btn-neutral-bg, transparent)));color:var(--comp-btn-neutral-font-color, var(--tct-btn-neutral-font-color, var(--t-btn-neutral-font-color, var(--tct-gray-1, var(--t-gray-1, var(--tct-black, var(--app-black, #0d0d0d)))))));border-color:var(--tct-btn-neutral-border-color, var(--t-btn-neutral-border-color, transparent));border-width:var(--tct-btn-neutral-border-width, var(--t-btn-neutral-border-width, 0));border-radius:var(--tct-btn-neutral-border-radius, var(--t-btn-neutral-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));box-shadow:var(--comp-btn-neutral-box-shadow);font-weight:var(--tct-btn-neutral-font-weight, var(--t-btn-neutral-font-weight, 600));text-transform:var(--tct-btn-neutral-text-transform, var(--t-btn-neutral-text-transform, none));letter-spacing:var(--tct-btn-neutral-letter-spacing, var(--t-btn-neutral-letter-spacing, normal))}:host([intent=neutral]) button:enabled:hover,:host([intent=neutral]) button:enabled:focus,:host([intent=neutral]) button:enabled:active{background:var(--tct-btn-neutral-hover-bg, var(--t-btn-neutral-hover-bg, transparent));color:var(--tct-btn-neutral-hover-font-color, var(--t-btn-neutral-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-neutral-hover-border-color, var(--t-btn-neutral-hover-border-color, var(--tct-btn-neutral-border-color, var(--t-btn-neutral-border-color, transparent))))}:host([intent=neutral]) button:hover:enabled,:host([intent=neutral]) button:active:enabled{box-shadow:var(--comp-btn-neutral-hover-box-shadow)}:host([intent=neutral]) button:focus,:host([intent=neutral]) button:focus:hover:enabled,:host([intent=neutral]) button:focus:active:enabled{box-shadow:var(--const-double-focus-ring), var(--comp-btn-neutral-hover-box-shadow)}:host([intent=neutral]) button:disabled{background:var(--tct-btn-neutral-disabled-bg, var(--t-btn-neutral-disabled-bg, var(--comp-btn-neutral-bg)));color:var(--tct-btn-neutral-disabled-font-color, var(--t-btn-neutral-disabled-font-color, var(--comp-btn-neutral-font-color)));box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--comp-btn-neutral-box-shadow))}:host button.icon-only{width:var(--tct-btn-icon-width, var(--t-btn-icon-width, 44px));height:var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px));border-radius:var(--tct-btn-icon-border-radius, var(--t-btn-icon-border-radius, 0))}:host button.icon-only:hover,:host button.icon-only:focus{background-color:var(--tct-btn-icon-hover-bg, var(--t-btn-icon-hover-bg, var(--tct-gray-13, var(--t-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))}:host(:not([intent])[active]) button.icon-only{background-color:var(--tct-btn-icon-active-bg, var(--t-btn-icon-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))}:host(:not([intent])) button.icon-only:hover *,:host(:not([intent])) button.icon-only:focus *,:host(:not([intent])[active]) button.icon-only *{color:var(--tct-btn-icon-hover-color, var(--t-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color, #080808))))}:host([badge]) button{padding:var(--tct-btn-badge-padding, var(--t-btn-badge-padding, 2px 5px));font-size:var(--tct-btn-badge-font-size, var(--t-btn-badge-font-size, var(--tct-btn-font-size, var(--t-btn-font-size, inherit))));border-radius:var(--tct-btn-badge-border-radius, var(--t-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));background-color:var(--tct-btn-badge-bg, var(--t-btn-badge-bg, transparent));color:var(--tct-btn-badge-font-color, var(--t-btn-badge-font-color, inherit))}:host([badge]) button ::slotted(q2-icon){--tct-icon-size:1em}:host([badge]:hover) button:enabled{background-color:var(--tct-btn-badge-hover-bg, var(--t-btn-badge-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));color:var(--tct-btn-badge-hover-font-color, var(--t-btn-badge-hover-font-color, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))))}:host(.selected[badge]) button,:host([active][badge]) button{background-color:var(--tct-btn-badge-active-bg, var(--t-btn-badge-active-bg, var(--comp-btn-primary-bg)));color:var(--tct-btn-badge-active-font-color, var(--t-btn-badge-active-font-color, var(--comp-btn-primary-font-color)))}div{display:flex;align-items:center;justify-content:center;gap:var(--app-scale-1x, 5px)}:host([loading]) .icon-right div{flex-direction:row-reverse}q2-loading{--tct-loading-primary-color:currentColor;--tct-loading-secondary-color:currentColor;--tct-loading-spinner-size:24px}:host([loading]) ::slotted(q2-icon){display:none}:host([loading]) button{pointer-events:none}:host([block]) button,:host([block]) button.icon-only{display:block;width:100%}';const b=class{constructor(r){t(this,r),this.halfCircleSpinner=()=>o("div",{class:"q2-loading-animation half-circle-spinner","aria-label":this.localizedLabel},o("div",{class:"circle circle-1"}),o("div",{class:"circle circle-2"})),this.spinner=()=>this.halfCircleSpinner(),this.skeletonLoader=()=>o("div",{class:"q2-loading-skeleton","aria-label":this.localizedLabel},"custom"===this.shape?o("slot",null):this.skeletonShape,o("div",{class:"q2-loading-skeleton-shimmer"})),this.type=void 0,this.shape=void 0,this.modifiers=void 0,this.counts=void 0,this.label=void 0,this.ariaLabel=void 0,this.inline=void 0}get loader(){const t={default:this.spinner,spinner:this.spinner,skeleton:this.skeletonLoader};return t[this.type]||t.default}get modifiersSet(){if("skeleton"===this.type&&this.modifiers)return new Set(this.modifiers.split("-"))}get countsArray(){if("skeleton"===this.type&&this.counts)return this.counts.split("x").map(Number)}get skeletonShape(){var t,o;return null!==(o=null===(t=l[this.shape])||void 0===t?void 0:t.call(l,this.countsArray,this.modifiersSet))&&void 0!==o?o:""}get spinnerShape(){const t={default:this.halfCircleSpinner,"half-circle":this.halfCircleSpinner};return t[this.type]||t.default}get localizedLabel(){return s(this.label||"tecton.element.loading.ariaLabel")}componentWillLoad(){a(this)}ariaLabelObserver(){a(this)}render(){return this.loader()}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};b.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}.flex{display:flex}.flex-center{justify-content:center}.flex-left{justify-content:flex-start}.flex-right{justify-content:flex-end}.flex-v-center{align-items:center}.no-margin{margin:0}:host{display:block}:host([inline]),:host([modifiers*=inline]){display:inline-block}:host([hidden]){display:none}:host(:not([inline]):not([modifiers*=inline])){font-size:var(--tct-loading-spinner-size, var(--t-loading-spinner-size, var(--app-scale-12x, 60px)))}.q2-loading-animation{height:1em;width:1em}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{border-radius:100%;position:relative}.half-circle-spinner .circle{position:absolute;width:100%;height:100%;border-radius:100%;border:0.0833333333em solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--tct-loading-primary-color, var(--t-loading-primary-color, var(--t-primary, #0079c1)));animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(--tct-loading-secondary-color, var(--t-loading-secondary-color, #9ddd4f));animation:half-circle-spinner-animation 1s infinite alternate}@keyframes half-circle-spinner-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.q2-loading-skeleton{position:relative;width:100%;height:100%;overflow:hidden;--comp-loading-skeleton-shimmer-color:var(--tct-loading-skeleton-shimmer-color, var(--t-base, rgba(255, 255, 255, 0.5)));--comp-loading-skeleton-vertical-gap:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px));--comp-loading-skeleton-horizontal-gap:var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.q2-loading-skeleton-shimmer{position:absolute;width:1rem;height:100%;top:0;left:-100px;animation:skeletonShimmer 3s ease-in-out infinite;background-color:var(--comp-loading-skeleton-shimmer-color);box-shadow:0 0 25px 20px var(--comp-loading-skeleton-shimmer-color);transform:rotate(10deg)}.skeleton-shape.rectangle:not(.no-margin){margin:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px)) var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background-color:var(--tct-loading-skeleton-element-bg, var(--tct-gray-l3, var(--t-gray-14, #f2f2f2)))}.skeleton-shape.rectangle{min-height:var(--tct-loading-skeleton-rectangle-min-height, 20px)}.skeleton-shape.circle{border-radius:50%;padding-top:100%}.flex .rectangle{flex-grow:1}.skeleton-table-row .rectangle{margin:var(--comp-loading-skeleton-vertical-gap) var(--comp-loading-skeleton-horizontal-gap)}.skeleton-table-row .rectangle:not(:first-child):not(:last-child){flex-grow:2}.skeleton-table-row-border .skeleton-shape{margin:0 var(--comp-loading-skeleton-horizontal-gap)}.form{flex-wrap:wrap}.form .field{margin:var(--comp-loading-skeleton-vertical-gap) 0}.form.columns-1 .field{flex-basis:100%}.form.columns-2 .field{flex-basis:50%}.form.columns-3 .field{flex-basis:33.3333%}.form.columns-4 .field{flex-basis:25%}.form.columns-5 .field{flex-basis:20%}.text .rectangle{margin-bottom:0}.text .header.center{margin:0 auto}.text .header.right{margin-left:auto}.text .header{height:1.5rem}.text .header.smaller{height:1rem}.detailed-item{flex-wrap:wrap}.detailed-item.right{flex-flow:row-reverse}.detailed-item-image{flex:0 0 auto;display:inline-flex}.center .detailed-item-image{flex-basis:100%;display:flex}.detailed-item-image .rectangle{flex-grow:0}.detailed-item-text>div{width:100%}.detailed-item-text{flex:1 1 auto}.detailed-item-text .text{margin-top:0;margin-bottom:0}.label-value{flex-wrap:wrap}.label-value .rectangle{flex-basis:calc(50% - 2 * var(--comp-loading-skeleton-horizontal-gap))}@keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}";export{c as q2_btn,b as q2_loading}
|