q2-tecton-elements 1.51.1 → 1.52.1

package/dist/q2-tecton-elements/p-07d1c3ae.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as t,g as r}from"./p-a5f18e27.js";const i="*{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 #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.avatar-img,.avatar-img-default{object-fit:cover;height:var(--tct-avatar-img-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-img-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-img-border-radius, var(--tct-avatar-img-br, var(--tct-avatar-border-radius, 50%)))}.avatar-img-default{background:var(--tct-avatar-background, var(--tct-avatar-bg, #9e9e9e))}.avatar-initials{height:var(--tct-avatar-height, 44px);width:var(--tct-avatar-width, 44px);background:var(--tct-avatar-background, var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e)));border-radius:var(--tct-avatar-br, 50%)}.size-1{--tct-avatar-font-size:var(--tct-avatar-size-1, 60px)}.size-2{--tct-avatar-font-size:var(--tct-avatar-size-2, 48px)}.size-3{--tct-avatar-font-size:var(--tct-avatar-size-3, 40px)}.size-4{--tct-avatar-font-size:var(--tct-avatar-size-4, 30px)}text{fill:var(--tct-avatar-text-color, var(--tct-avatar-color, #ffffff));font-weight:var(--tct-avatar-font-weight, 200);font-size:var(--tct-avatar-font-size, 40px)}.fallback{height:var(--tct-avatar-fallback-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-fallback-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-fallback-border-radius, var(--tct-avatar-fallback-br, var(--tct-avatar-img-border-radius, var(--tct-avatar-img-br, 50%))));background:var(--tct-avatar-fallback-background, var(--tct-avatar-fallback-bg, var(--tct-avatar-background, var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e)))));display:inline-flex;align-items:center;justify-content:center}q2-icon{--t-icon-size:var(--tct-avatar-icon-size, var(--tct-avatar-fallback-icon-size, 65%));--t-icon-stroke-primary:var(--tct-avatar-icon-stroke-primary, var(--tct-avatar-fallback-stroke-primary, currentcolor));--t-icon-stroke-secondary:var(--tct-avatar-icon-stroke-secondary, var(--tct-avatar-fallback-stroke-secondary, currentcolor));--tct-icon-fill:var(--tct-avatar-icon-fill, var(--tct-avatar-fallback-fill));color:var(--tct-avatar-icon-color, var(--tct-avatar-fallback-color, var(--tct-avatar-color, var(--t-base, #ffffff))));width:var(--tct-avatar-icon-size, var(--t-icon-size));height:var(--tct-avatar-icon-size, var(--t-icon-size))}";const e=i;const c=class{constructor(t){a(this,t);this.onError=()=>{this.badSrc=true};this.onLoad=()=>{this.isLoaded=true};this.badSrc=false;this.isLoaded=false;this.icon="person";this.initials=undefined;this.name=undefined;this.src=undefined}srcDidUpdate(){this.badSrc=false}get computedInitials(){const{initials:a,name:t}=this;if(!a&&!t)return;let r="";if(a){r=a.substr(0,4)}else if(t){const a=t.split(" ");const i=a[0][0];const e=a.length>1?a[a.length-1][0]:undefined;r+=i;if(e)r+=e}r=r===null||r===void 0?void 0:r.toUpperCase();return r}render(){const{computedInitials:a}=this;const r=this.src&&!this.badSrc;const i=this.isLoaded;const e=(this.name||this.initials)&&(!this.src||this.badSrc);const c=!this.name&&!this.initials&&(!this.src||this.badSrc);return t("div",{key:"7ecd9ef9eefb818f07ecf991af2eb5ad0f495497"},r&&t("img",{key:"11c948c15f4b848457866f0a898368d1e609944c",class:i?"avatar-img":"avatar-img-default","test-id":"userImage",src:this.src,onError:this.onError,onLoad:this.onLoad,alt:this.name||""}),e&&t("svg",{key:"22bea8e763c06733d7d999b2784d0bcfe503c432",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid meet","test-id":"userInitials",class:`avatar-initials size-${a.length}`,"aria-label":this.name,"aria-hidden":!this.name&&"true"},t("text",{key:"aa9a1512d5ae2f204e0d369b1209f7f3f33d2fcc",x:"50",y:"50","dominant-baseline":"central","text-anchor":"middle","aria-hidden":"true"},a)),c&&t("div",{key:"f897f840dbc1c453e2a9f83801a68e17aadca240","test-id":"fallbackIcon",class:"fallback"},t("q2-icon",{key:"5c880be18f7b8fe4f9b844ad66e5d9caf2959313",type:this.icon})))}get el(){return r(this)}static get watchers(){return{src:["srcDidUpdate"]}}};c.style=e;export{c as q2_avatar};
-//# sourceMappingURL=p-07d1c3ae.entry.js.map

package/dist/q2-tecton-elements/p-1305f7ca.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,F as i,g as s}from"./p-a5f18e27.js";import{w as n,o,i as r,j as a,a as d,l as h}from"./p-15ac45d6.js";const l="*{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 #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-flex}:host([block]){display:block}click-elsewhere{position:relative;display:block}q2-popover{--tct-popover-min-width:var(--tct-dropdown-width, var(--t-dropdown-width))}";const c=l;const u=class{constructor(e){t(this,e);this.dropdownItemSelector="q2-dropdown-item:not([disabled]):not([separator])";this.closeDropdown=()=>{if(!this.open)return;this.open=false};this.focusFirstItem=async()=>{const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:first-child`);if(!t)return;await n();t.dispatchEvent(new FocusEvent("focus"))};this.focusLastItem=async()=>{const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:last-child`);if(!t)return;await n();t.dispatchEvent(new FocusEvent("focus"))};this.focusToggle=()=>{this.controlElement.focus()};this.onClickElsewhere=t=>{const e=t.target;if(e.localName==="click-elsewhere"){t.stopPropagation();const{popoverElement:e}=this;if(!e)return;e.open=false}};this.onDropdownMenuClick=async t=>{const e=t.target;if(e.disabled||e.separator)return;this.closeDropdown();await n();this.focusToggle()};this.onDropdownMenuKeydown=t=>{const e=t.target;switch(t.key){case"Escape":this.closeDropdown();this.focusToggle();break;case"Tab":this.closeDropdown();break;case"ArrowUp":t.preventDefault();this.focusAdjacentItem(e,"prev");break;case"ArrowDown":t.preventDefault();this.focusAdjacentItem(e,"next");break}};this.onToggleClick=()=>{if(this.open){this.closeDropdown()}else{this.openDropdown()}};this.onToggleKeydown=async t=>{switch(t.key){case"ArrowUp":t.preventDefault();this.openDropdown();await n();this.focusLastItem();break;case"ArrowDown":t.preventDefault();this.openDropdown();await n();this.focusFirstItem();return;case"Escape":t.preventDefault();this.closeDropdown();break;case"Tab":if(this.open)this.closeDropdown();break}};this.openDropdown=()=>{if(this.open)return;this.open=true};this.additionalContext=undefined;this.alignment=undefined;this.ariaLabel=undefined;this.block=undefined;this.context=undefined;this.contextValue=undefined;this.disabled=undefined;this.hideLabel=undefined;this.icon=undefined;this.label=undefined;this.name=undefined;this.open=undefined;this.popDirection=undefined;this.popoverAlignment="left";this.popoverDirection=undefined;this.popoverMaxHeight=undefined;this.popoverMinHeight=150;this.popoverMode=null;this.resolvedType=undefined;this.type="icon"}componentWillLoad(){this.popDirectionHandler();this.alignmentHandler();this.ariaLabelHandler()}componentDidLoad(){this.orchestrateResolvedMenuItems();o(this.hostElement)}delegateFocus(t){if(!r(t,this.hostElement))return;this.focusToggle()}popoverStateHandler({detail:{open:t}}){var e;if(this.open!==t)this.open=t;(e=this.popoverElement)===null||e===void 0?void 0:e.scrollContainerTo({top:0})}async closePopover(){if(!this.open||this.disabled)return;this._togglePopover()}async openPopover(){if(this.open||this.disabled)return;this._togglePopover()}async selectItem(t){var e;const i=this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`);const s=i===null||i===void 0?void 0:i.shadowRoot.querySelector(".dropdown-item");if(!i||this.disabled)return;if(!this.open){(e=this.controlElement)===null||e===void 0?void 0:e.click();await n()}s.click();await n()}async selectRemoveItem(t){var e;const i=this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`);const s=i===null||i===void 0?void 0:i.shadowRoot.querySelector(".remove-dropdown-item");if(!i||!s||this.disabled)return;if(!this.open){(e=this.controlElement)===null||e===void 0?void 0:e.click();await n()}s.click();await n()}additionalContextHandler(){this.orchestrateResolvedMenuItems()}alignmentHandler(){a(this,"alignment","popoverAlignment")}ariaLabelHandler(){d(this)}contextHandler(){this.orchestrateResolvedMenuItems()}contextValueHandler(){this.orchestrateResolvedMenuItems()}nameHandler(){this.orchestrateResolvedMenuItems()}popDirectionHandler(){a(this,"popDirection","popoverDirection")}resolvedTypeHandler(){this.orchestrateResolvedMenuItems()}get determineDropdownItemCount(){return this.hostElement.querySelectorAll(this.dropdownItemSelector).length}get hasCustomControl(){return!!this.hostElement.querySelector("[slot=control]")}get toggleButtonProps(){const t=["primary","secondary","neutral"];const e=["icon","fab","custom",...t];const i=e.includes(this.type)?this.type:"";const s=i==="icon";const n=i==="fab";const o=i==="custom";let r;if(t.includes(i)){r=i==="neutral"?i:`workflow-${i}`}const a=this.open;const d=!!this.disabled;const h=this.open;const l=!s&&!n&&!r?"unstyled":"";return{icon:s,fab:n,intent:r,active:a,disabled:d,ariaExpanded:h,className:l,custom:o}}_togglePopover(){const{controlElement:t}=this;if(!t)return;t.click();t.focus();t.dispatchEvent(new FocusEvent("focus"))}focusAdjacentItem(t,e){const i=Array.from(this.hostElement.querySelectorAll(this.dropdownItemSelector));const s=i.indexOf(t);if(s===-1){return}let n=0;if(e==="next"){n=s<i.length-1?s+1:0}else if(e==="prev"){if(s>0){n=s-1}else{n=i.length-1}}const o=i[n];o&&o.dispatchEvent(new Event("focus"))}navigateTo(t,e,i){var s,n;return(n=(s=window.TectonElements)===null||s===void 0?void 0:s.navigateTo)===null||n===void 0?void 0:n.call(s,t,e,i)}orchestrateResolvedMenuItems(){if(!this.name||!this.context){this.removeResolvedElements();return}this.resolveMenuItemElements().then((t=>{this.removeResolvedElements();t.forEach((t=>{this.hostElement.appendChild(t)}))})).catch((t=>{this.removeResolvedElements();throw t}))}removeResolvedElements(){const t=this.hostElement.querySelectorAll("q2-dropdown-item.resolved-menu-item");t.forEach((t=>this.hostElement.removeChild(t)))}resolveMenu(){return this.name&&window.TectonElements&&window.TectonElements.resolveMenu(this.name,this.contextValue,this.resolvedType,this.additionalContext)}resolveMenuItemElements(){return this.resolveMenu().then((t=>t.map((t=>{let e;let i;if(t["tct-ctxid"]){i={};i[t.contextIdParamName]=t["tct-ctxid"]}switch(t.action){case"navigateTo":e=()=>this.navigateTo(t.featureName,t.moduleName,i);break;case"showOverpanel":e=()=>this.showOverpanel(`${t.featureName}.${t.moduleName}`,i);break}const s=document.createElement("q2-dropdown-item");s.setAttribute("value",t.itemLabel);s.classList.add("resolved-menu-item");s.textContent=t.itemLabel;s.onclick=e;return s}))))}showOverpanel(t,e){var i,s;return(s=(i=window.TectonElements)===null||i===void 0?void 0:i.showOverpanel)===null||s===void 0?void 0:s.call(i,t,e,undefined,true)}render(){const t=this.toggleButtonProps;return e("click-elsewhere",{key:"f3f6bb604359a216582ed5f93bfcb841ea9d4727",class:this.open?"dropdown-open":"",onChange:this.onClickElsewhere,"test-id":"dropdownContainer"},e("q2-btn",{key:"6dffde462115a3694e289475cd7d3de2d0e794ce",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?h(this.label):undefined,hideLabel:this.hideLabel,ariaHasPopup:"menu","test-id":"dropdownButton",block:this.block,description:h("tecton.element.dropdown.itemCount",[this.determineDropdownItemCount])},this.hasCustomControl?e("div",{"test-id":"dropdownControl",class:t.custom?"":"hidden"},e("slot",{name:"control"})):e(i,null,this.icon?e("q2-icon",{type:this.icon}):" ",this.label&&!this.hideLabel&&e("span",{class:"dropdown-button-text"},h(this.label)))),e("q2-popover",{key:"a3db16809091ecf21d7349e1df6bb19350fffcfe",ref:t=>this.popoverElement=t,controlElement:this.controlElement,open:this.open,"max-height":this.popoverMaxHeight,minHeight:this.popoverMinHeight,direction:this.popoverDirection,align:this.popoverAlignment,mode:this.popoverMode||undefined,block:this.block},e("div",{key:"2778a6aaf98bc01aed8f3d1a3d90324b7be7de38",onClick:this.onDropdownMenuClick,onKeyDown:this.onDropdownMenuKeydown,role:"menu","aria-label":h(this.label)||undefined},e("slot",{key:"e905dc9815b93be3f749147fa9a7f70e70e6aa97"}))))}get hostElement(){return s(this)}static get watchers(){return{additionalContext:["additionalContextHandler"],alignment:["alignmentHandler"],ariaLabel:["ariaLabelHandler"],context:["contextHandler"],contextValue:["contextValueHandler"],name:["nameHandler"],popDirection:["popDirectionHandler"],resolvedType:["resolvedTypeHandler"]}}};u.style=c;export{u as q2_dropdown};
-//# sourceMappingURL=p-1305f7ca.entry.js.map

package/dist/q2-tecton-elements/p-1305f7ca.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["q2DropdownCss","Q2DropdownStyle0","Q2Dropdown","this","dropdownItemSelector","closeDropdown","open","focusFirstItem","async","firstItem","hostElement","querySelector","waitForNextPaint","dispatchEvent","FocusEvent","focusLastItem","lastItem","focusToggle","controlElement","focus","onClickElsewhere","event","target","localName","stopPropagation","popoverElement","onDropdownMenuClick","item","disabled","separator","onDropdownMenuKeydown","key","preventDefault","focusAdjacentItem","onToggleClick","openDropdown","onToggleKeydown","componentWillLoad","popDirectionHandler","alignmentHandler","ariaLabelHandler","componentDidLoad","orchestrateResolvedMenuItems","overrideFocus","delegateFocus","isEventFromElement","popoverStateHandler","detail","_a","scrollContainerTo","top","closePopover","_togglePopover","openPopover","selectItem","value","itemBtn","shadowRoot","click","selectRemoveItem","removeButton","additionalContextHandler","handleRenamedProp","handleAriaLabel","contextHandler","contextValueHandler","nameHandler","resolvedTypeHandler","determineDropdownItemCount","querySelectorAll","length","hasCustomControl","toggleButtonProps","allowedIntents","allowedTypes","type","includes","icon","fab","custom","intent","active","ariaExpanded","className","activeItem","direction","dropdownItems","Array","from","activeIndex","indexOf","targetIndex","targetItem","Event","navigateTo","featureName","moduleName","queryParams","_b","window","TectonElements","call","name","context","removeResolvedElements","resolveMenuItemElements","then","data","forEach","element","appendChild","catch","err","resolvedElements","removeChild","resolveMenu","contextValue","resolvedType","additionalContext","datas","map","menuItemData","onClickFn","contextIdParamName","action","showOverpanel","newDropdownItem","document","createElement","setAttribute","itemLabel","classList","add","textContent","onclick","overpanelPath","params","undefined","render","btnProps","h","class","onChange","ref","el","onClick","onKeyDown","label","hideLabel","loc","ariaHasPopup","block","description","Fragment","popoverMaxHeight","minHeight","popoverMinHeight","popoverDirection","align","popoverAlignment","mode","popoverMode","role"],"sources":["src/components/q2-dropdown/q2-dropdown.scss?tag=q2-dropdown&encapsulation=shadow","src/components/q2-dropdown/q2-dropdown.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    display: inline-flex;\n}\n\n:host([block]) {\n    display: block;\n}\n\nclick-elsewhere {\n    position: relative;\n    display: block;\n}\n\nq2-popover {\n    --tct-popover-min-width: #{var-list(var-prefixer(dropdown-width))};\n}\n","import { Component, ComponentInterface, Prop, Method, Element, Watch, h, Fragment, Listen } from '@stencil/core';\nimport { IDict } from 'src/util';\nimport {\n    handleAriaLabel,\n    handleRenamedProp,\n    isEventFromElement,\n    loc,\n    overrideFocus,\n    waitForNextPaint,\n} from 'src/utils';\n\n@Component({ tag: 'q2-dropdown', shadow: true, styleUrl: 'q2-dropdown.scss' })\nexport class Q2Dropdown implements ComponentInterface {\n    // #region Own Properties\n\n    controlElement?: HTMLQ2BtnElement;\n    dropdownItemSelector: string = 'q2-dropdown-item:not([disabled]):not([separator])';\n    popoverElement?: HTMLQ2PopoverElement;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    @Prop({ reflect: true })\n    additionalContext: string;\n\n    /** @deprecated */\n    @Prop({ reflect: true })\n    alignment: 'left' | 'right';\n\n    /** @deprecated */\n    @Prop({ reflect: true, mutable: true })\n    ariaLabel: string;\n\n    /** If `true`, component expands to fill the width of its parent element. */\n    @Prop({ reflect: true })\n    block: boolean;\n\n    /**\n     * Tells the outlet what the type of object being passed in as contextValue.\n     * This will allow for the hierarchy resolution logic to work to determine if an option should or should not be shown.\n     *\n     * @info\n     * Only applicable when using `<q2-dropdown>` for outlets.\n     */\n    @Prop({ reflect: true })\n    context: string;\n\n    /**\n     * Passes important information to the outlet (e.g., pass an account id that your platform can use to look up what module to show for that account type).\n     *\n     * @info\n     * Only applicable when using `<q2-dropdown>` for outlets.\n     */\n    @Prop({ reflect: true })\n    contextValue: string;\n\n    /** Indicates the menu cannot be focused or interacted with. */\n    @Prop({ reflect: true })\n    disabled: boolean;\n\n    /**\n     * Hide's the field's `<label>` element from view.\n     * @warning\n     * Only use when a visible label is impractical.\n     */\n    @Prop({ reflect: true, mutable: true })\n    hideLabel: boolean;\n\n    /** The icon that will render within the toggle button. You may use any of the `q2-icon` types. */\n    @Prop({ reflect: true })\n    icon: string;\n\n    /**\n     * The text that appears within the button.\n     * @warning\n     * This property should not be used if the `type` is `icon`.\n     * @localizable\n     */\n    @Prop({ reflect: true, mutable: true })\n    label: string;\n\n    /**\n     * Identifies this menu as an outlet. Used in conjunction with context and, optionally, `contextValue`.\n     * @info\n     * Only applicable when using `<q2-dropdown>` for outlets.\n     */\n    @Prop({ reflect: true })\n    name: string;\n\n    /** Determine whether the popover is open or closed. */\n    @Prop({ reflect: true, mutable: true })\n    open: boolean;\n\n    /** @deprecated */\n    @Prop({ reflect: true })\n    popDirection: 'up' | 'down';\n\n    /** Aligns the popover dropdown to the left or right side of the input field. */\n    @Prop({ mutable: true })\n    popoverAlignment: 'left' | 'right' = 'left'; // being used in dropdown.scss\n\n    /**\n     * Force the direction of the popover dropdown when it opens.\n     * If no value is passed, the component will auto-detect the direction based on available space.\n     */\n    @Prop({ mutable: true })\n    popoverDirection: 'up' | 'down';\n\n    /**\n     * Force the maximum height of the popover. This value will be interpreted as pixels.\n     * If no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space.\n     */\n    @Prop()\n    popoverMaxHeight: number;\n\n    /** @deprecated */\n    @Prop()\n    popoverMinHeight: number = 150;\n\n    /**\n     * Determines the display mode of the popover.\n     *\n     * Providing a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning.\n     *\n     * @info\n     * This is a temporary solution to work around styling issues related to using fixed positioning for the popover\n     * when nested inside of elements with transform properties. This will be removed once the popover API is available\n     * for use.\n     */\n    @Prop({ mutable: true })\n    popoverMode: 'legacy' = null;\n\n    /**\n     * Use with `context` to tell the outlet where it appears. It will be matched with the appropriately configured module for that context.\n     * @info\n     * Only applicable when using `<q2-dropdown>` for outlets.\n     */\n    @Prop({ reflect: true })\n    resolvedType: string;\n\n    /** The type of button used as the menu toggle.\n     * @info\n     * Type must be \"custom\" to use the custom button slot.\n     */\n    @Prop({ reflect: true })\n    type: 'icon' | 'fab' | 'custom' | 'primary' | 'secondary' | 'neutral' = 'icon';\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentWillLoad() {\n        this.popDirectionHandler();\n        this.alignmentHandler();\n        this.ariaLabelHandler();\n    }\n\n    componentDidLoad() {\n        this.orchestrateResolvedMenuItems();\n        overrideFocus(this.hostElement);\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        this.focusToggle();\n    }\n\n    @Listen('popoverStateChanged')\n    popoverStateHandler({ detail: { open } }: CustomEvent<{ open: boolean }>) {\n        if (this.open !== open) this.open = open;\n        this.popoverElement?.scrollContainerTo({ top: 0 });\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Emulates clicking the dropdown `<button>` to hide the popover if it is showing.\n     * @testOnly\n     */\n    @Method()\n    async closePopover() {\n        if (!this.open || this.disabled) return;\n        this._togglePopover();\n    }\n\n    /**\n     * Emulates clicking the dropdown `<button>` to show the popover if it is hidden.\n     * @testOnly\n     */\n    @Method()\n    async openPopover() {\n        if (this.open || this.disabled) return;\n        this._togglePopover();\n    }\n\n    /**\n     * Emulates opening the dropdown and selecting a [Dropdown Item](https://tecton.q2developer.com/design-system/q2-dropdown-item/).\n     *\n     * If the dropdown is closed, this will open it before selecting the item.\n     *\n     * If the value does not match any item's value, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async selectItem(value: string) {\n        const item = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n            `${this.dropdownItemSelector}[value=\"${value}\"]`\n        );\n        const itemBtn = item?.shadowRoot.querySelector<HTMLButtonElement>('.dropdown-item');\n        if (!item || this.disabled) return;\n        if (!this.open) {\n            this.controlElement?.click();\n            await waitForNextPaint();\n        }\n        itemBtn.click();\n        await waitForNextPaint();\n    }\n\n    /**\n     * Emulates opening the dropdown and selecting a [Dropdown Item](https://tecton.q2developer.com/design-system/q2-dropdown-item/)'s *remove* button.\n     *\n     * If the dropdown is closed, this will open it before selecting the remove item button.\n     *\n     * Requirements for this method to work properly:\n     * - Provided `value` matches the item's `value` property\n     * - Item has the `removable` property enabled\n     * @testOnly\n     */\n    @Method()\n    async selectRemoveItem(value: string) {\n        const item = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n            `${this.dropdownItemSelector}[value=\"${value}\"]`\n        );\n        const removeButton = item?.shadowRoot.querySelector<HTMLButtonElement>('.remove-dropdown-item');\n        if (!item || !removeButton || this.disabled) return;\n        if (!this.open) {\n            this.controlElement?.click();\n            await waitForNextPaint();\n        }\n        removeButton.click();\n        await waitForNextPaint();\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('additionalContext')\n    additionalContextHandler() {\n        this.orchestrateResolvedMenuItems();\n    }\n\n    @Watch('alignment')\n    alignmentHandler() {\n        handleRenamedProp(this, 'alignment', 'popoverAlignment');\n    }\n\n    @Watch('ariaLabel')\n    ariaLabelHandler() {\n        handleAriaLabel(this);\n    }\n\n    @Watch('context')\n    contextHandler() {\n        this.orchestrateResolvedMenuItems();\n    }\n\n    @Watch('contextValue')\n    contextValueHandler() {\n        this.orchestrateResolvedMenuItems();\n    }\n\n    @Watch('name')\n    nameHandler() {\n        this.orchestrateResolvedMenuItems();\n    }\n\n    @Watch('popDirection')\n    popDirectionHandler() {\n        handleRenamedProp(this, 'popDirection', 'popoverDirection');\n    }\n\n    @Watch('resolvedType')\n    resolvedTypeHandler() {\n        this.orchestrateResolvedMenuItems();\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get determineDropdownItemCount() {\n        return this.hostElement.querySelectorAll(this.dropdownItemSelector).length;\n    }\n\n    get hasCustomControl() {\n        return !!this.hostElement.querySelector('[slot=control]');\n    }\n\n    get toggleButtonProps() {\n        const allowedIntents = ['primary', 'secondary', 'neutral'];\n        const allowedTypes = ['icon', 'fab', 'custom', ...allowedIntents];\n        const type = allowedTypes.includes(this.type) ? this.type : '';\n        const icon = type === 'icon';\n        const fab = type === 'fab';\n        const custom = type === 'custom';\n        let intent;\n        if (allowedIntents.includes(type)) {\n            intent = type === 'neutral' ? type : `workflow-${type}`;\n        }\n        const active = this.open;\n        const disabled = !!this.disabled;\n        const ariaExpanded = this.open;\n        const className = !icon && !fab && !intent ? 'unstyled' : '';\n\n        return {\n            icon,\n            fab,\n            intent,\n            active,\n            disabled,\n            ariaExpanded,\n            className,\n            custom,\n        };\n    }\n\n    _togglePopover() {\n        const { controlElement } = this;\n        if (!controlElement) return;\n        controlElement.click();\n        controlElement.focus();\n        controlElement.dispatchEvent(new FocusEvent('focus'));\n    }\n\n    closeDropdown = () => {\n        if (!this.open) return;\n        this.open = false;\n    };\n\n    focusAdjacentItem(activeItem: HTMLQ2DropdownItemElement, direction: 'next' | 'prev') {\n        const dropdownItems: HTMLQ2DropdownItemElement[] = Array.from(\n            this.hostElement.querySelectorAll(this.dropdownItemSelector)\n        );\n\n        const activeIndex = dropdownItems.indexOf(activeItem);\n\n        if (activeIndex === -1) {\n            return;\n        }\n\n        let targetIndex: number = 0;\n        if (direction === 'next') {\n            targetIndex = activeIndex < dropdownItems.length - 1 ? activeIndex + 1 : 0;\n        } else if (direction === 'prev') {\n            if (activeIndex > 0) {\n                targetIndex = activeIndex - 1;\n            } else {\n                targetIndex = dropdownItems.length - 1;\n            }\n        }\n        const targetItem = dropdownItems[targetIndex];\n        targetItem && targetItem.dispatchEvent(new Event('focus'));\n    }\n\n    focusFirstItem = async () => {\n        const firstItem = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n            `${this.dropdownItemSelector}:first-child`\n        );\n        if (!firstItem) return;\n        await waitForNextPaint();\n        firstItem.dispatchEvent(new FocusEvent('focus'));\n    };\n\n    focusLastItem = async () => {\n        const lastItem = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n            `${this.dropdownItemSelector}:last-child`\n        );\n        if (!lastItem) return;\n        await waitForNextPaint();\n        lastItem.dispatchEvent(new FocusEvent('focus'));\n    };\n\n    focusToggle = () => {\n        this.controlElement.focus();\n    };\n\n    navigateTo(featureName: string, moduleName?: string, queryParams?: IDict<string>) {\n        return window.TectonElements?.navigateTo?.(featureName, moduleName, queryParams);\n    }\n\n    onClickElsewhere = (event: CustomEvent) => {\n        const target = event.target as HTMLClickElsewhereElement;\n        if (target.localName === 'click-elsewhere') {\n            event.stopPropagation();\n            const { popoverElement } = this;\n            if (!popoverElement) return;\n            popoverElement.open = false;\n        }\n    };\n\n    onDropdownMenuClick = async (event: MouseEvent | CustomEvent) => {\n        const item = event.target as HTMLQ2DropdownItemElement;\n        if (item.disabled || item.separator) return;\n        this.closeDropdown();\n        await waitForNextPaint();\n        this.focusToggle();\n    };\n\n    onDropdownMenuKeydown = (event: KeyboardEvent) => {\n        const item = event.target as HTMLQ2DropdownItemElement;\n        switch (event.key) {\n            case 'Escape':\n                this.closeDropdown();\n                this.focusToggle();\n                break;\n\n            case 'Tab':\n                this.closeDropdown();\n                break;\n\n            case 'ArrowUp':\n                event.preventDefault();\n                this.focusAdjacentItem(item, 'prev');\n                break;\n\n            case 'ArrowDown':\n                event.preventDefault();\n                this.focusAdjacentItem(item, 'next');\n                break;\n\n            default:\n                break;\n        }\n    };\n\n    onToggleClick = () => {\n        if (this.open) {\n            this.closeDropdown();\n        } else {\n            this.openDropdown();\n        }\n    };\n\n    onToggleKeydown = async (event: KeyboardEvent) => {\n        switch (event.key) {\n            case 'ArrowUp':\n                event.preventDefault();\n                this.openDropdown();\n                await waitForNextPaint();\n                this.focusLastItem();\n                break;\n\n            case 'ArrowDown':\n                event.preventDefault();\n                this.openDropdown();\n                await waitForNextPaint();\n                this.focusFirstItem();\n                return;\n\n            case 'Escape':\n                event.preventDefault();\n                this.closeDropdown();\n                break;\n\n            case 'Tab':\n                if (this.open) this.closeDropdown();\n                break;\n\n            default:\n                break;\n        }\n    };\n\n    openDropdown = () => {\n        if (this.open) return;\n        this.open = true;\n    };\n\n    orchestrateResolvedMenuItems() {\n        if (!this.name || !this.context) {\n            // this is only for contextual menu outlets\n            this.removeResolvedElements();\n            return;\n        }\n\n        this.resolveMenuItemElements()\n            .then(data => {\n                this.removeResolvedElements();\n                data.forEach(element => {\n                    this.hostElement.appendChild(element);\n                });\n            })\n            .catch(err => {\n                this.removeResolvedElements();\n                throw err;\n            });\n    }\n\n    removeResolvedElements() {\n        const resolvedElements = this.hostElement.querySelectorAll('q2-dropdown-item.resolved-menu-item');\n        resolvedElements.forEach(element => this.hostElement.removeChild(element));\n    }\n\n    resolveMenu() {\n        return (\n            this.name &&\n            window.TectonElements &&\n            window.TectonElements.resolveMenu(this.name, this.contextValue, this.resolvedType, this.additionalContext)\n        );\n    }\n\n    resolveMenuItemElements() {\n        return this.resolveMenu().then(datas => {\n            return datas.map(menuItemData => {\n                let onClickFn;\n                let queryParams;\n                if (menuItemData['tct-ctxid']) {\n                    queryParams = {};\n                    queryParams[menuItemData.contextIdParamName] = menuItemData['tct-ctxid'];\n                }\n\n                switch (menuItemData.action) {\n                    case 'navigateTo':\n                        onClickFn = () =>\n                            this.navigateTo(menuItemData.featureName, menuItemData.moduleName, queryParams);\n                        break;\n                    case 'showOverpanel':\n                        onClickFn = () =>\n                            this.showOverpanel(`${menuItemData.featureName}.${menuItemData.moduleName}`, queryParams);\n                        break;\n                }\n\n                const newDropdownItem = document.createElement('q2-dropdown-item');\n                newDropdownItem.setAttribute('value', menuItemData.itemLabel);\n                newDropdownItem.classList.add('resolved-menu-item');\n                newDropdownItem.textContent = menuItemData.itemLabel;\n                newDropdownItem.onclick = onClickFn;\n\n                return newDropdownItem;\n            });\n        });\n    }\n\n    showOverpanel(overpanelPath: string, params: IDict<string>) {\n        return window.TectonElements?.showOverpanel?.(overpanelPath, params, undefined, true);\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const btnProps = this.toggleButtonProps;\n\n        return (\n            <click-elsewhere\n                class={this.open ? 'dropdown-open' : ''}\n                onChange={this.onClickElsewhere}\n                test-id=\"dropdownContainer\"\n            >\n                <q2-btn\n                    ref={el => (this.controlElement = el)}\n                    class={btnProps.className}\n                    onClick={this.onToggleClick}\n                    onKeyDown={this.onToggleKeydown}\n                    fab={btnProps.fab}\n                    intent={btnProps.intent}\n                    active={btnProps.active}\n                    disabled={btnProps.disabled}\n                    ariaExpanded={`${!!btnProps.ariaExpanded}`}\n                    label={this.hideLabel && this.label ? loc(this.label) : undefined}\n                    hideLabel={this.hideLabel}\n                    ariaHasPopup=\"menu\"\n                    test-id=\"dropdownButton\"\n                    block={this.block}\n                    description={loc('tecton.element.dropdown.itemCount', [this.determineDropdownItemCount])}\n                >\n                    {this.hasCustomControl ? (\n                        <div\n                            test-id=\"dropdownControl\"\n                            class={btnProps.custom ? '' : 'hidden'}\n                        >\n                            <slot name=\"control\" />\n                        </div>\n                    ) : (\n                        <Fragment>\n                            {this.icon ? <q2-icon type={this.icon} /> : ' '}\n                            {this.label && !this.hideLabel && (\n                                <span class=\"dropdown-button-text\">{loc(this.label)}</span>\n                            )}\n                        </Fragment>\n                    )}\n                </q2-btn>\n                <q2-popover\n                    ref={el => (this.popoverElement = el)}\n                    controlElement={this.controlElement}\n                    open={this.open}\n                    max-height={this.popoverMaxHeight}\n                    minHeight={this.popoverMinHeight}\n                    direction={this.popoverDirection}\n                    align={this.popoverAlignment}\n                    mode={this.popoverMode || undefined}\n                    block={this.block}\n                >\n                    <div\n                        onClick={this.onDropdownMenuClick}\n                        onKeyDown={this.onDropdownMenuKeydown}\n                        role=\"menu\"\n                        aria-label={loc(this.label) || undefined}\n                    >\n                        <slot />\n                    </div>\n                </q2-popover>\n            </click-elsewhere>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"2HAAA,MAAMA,EAAgB,u1BACtB,MAAAC,EAAeD,E,MCWFE,EAAU,M,yBAInBC,KAAAC,qBAA+B,oDAuU/BD,KAAAE,cAAgB,KACZ,IAAKF,KAAKG,KAAM,OAChBH,KAAKG,KAAO,KAAK,EA4BrBH,KAAAI,eAAiBC,UACb,MAAMC,EAAYN,KAAKO,YAAYC,cAC/B,GAAGR,KAAKC,oCAEZ,IAAKK,EAAW,aACVG,IACNH,EAAUI,cAAc,IAAIC,WAAW,SAAS,EAGpDX,KAAAY,cAAgBP,UACZ,MAAMQ,EAAWb,KAAKO,YAAYC,cAC9B,GAAGR,KAAKC,mCAEZ,IAAKY,EAAU,aACTJ,IACNI,EAASH,cAAc,IAAIC,WAAW,SAAS,EAGnDX,KAAAc,YAAc,KACVd,KAAKe,eAAeC,OAAO,EAO/BhB,KAAAiB,iBAAoBC,IAChB,MAAMC,EAASD,EAAMC,OACrB,GAAIA,EAAOC,YAAc,kBAAmB,CACxCF,EAAMG,kBACN,MAAMC,eAAEA,GAAmBtB,KAC3B,IAAKsB,EAAgB,OACrBA,EAAenB,KAAO,K,GAI9BH,KAAAuB,oBAAsBlB,MAAOa,IACzB,MAAMM,EAAON,EAAMC,OACnB,GAAIK,EAAKC,UAAYD,EAAKE,UAAW,OACrC1B,KAAKE,sBACCO,IACNT,KAAKc,aAAa,EAGtBd,KAAA2B,sBAAyBT,IACrB,MAAMM,EAAON,EAAMC,OACnB,OAAQD,EAAMU,KACV,IAAK,SACD5B,KAAKE,gBACLF,KAAKc,cACL,MAEJ,IAAK,MACDd,KAAKE,gBACL,MAEJ,IAAK,UACDgB,EAAMW,iBACN7B,KAAK8B,kBAAkBN,EAAM,QAC7B,MAEJ,IAAK,YACDN,EAAMW,iBACN7B,KAAK8B,kBAAkBN,EAAM,QAC7B,M,EAOZxB,KAAA+B,cAAgB,KACZ,GAAI/B,KAAKG,KAAM,CACXH,KAAKE,e,KACF,CACHF,KAAKgC,c,GAIbhC,KAAAiC,gBAAkB5B,MAAOa,IACrB,OAAQA,EAAMU,KACV,IAAK,UACDV,EAAMW,iBACN7B,KAAKgC,qBACCvB,IACNT,KAAKY,gBACL,MAEJ,IAAK,YACDM,EAAMW,iBACN7B,KAAKgC,qBACCvB,IACNT,KAAKI,iBACL,OAEJ,IAAK,SACDc,EAAMW,iBACN7B,KAAKE,gBACL,MAEJ,IAAK,MACD,GAAIF,KAAKG,KAAMH,KAAKE,gBACpB,M,EAOZF,KAAAgC,aAAe,KACX,GAAIhC,KAAKG,KAAM,OACfH,KAAKG,KAAO,IAAI,E,+UA3XiB,O,sFAkBV,I,iBAaH,K,sCAegD,M,CAKxE,iBAAA+B,GACIlC,KAAKmC,sBACLnC,KAAKoC,mBACLpC,KAAKqC,kB,CAGT,gBAAAC,GACItC,KAAKuC,+BACLC,EAAcxC,KAAKO,Y,CAOvB,aAAAkC,CAAcvB,GACV,IAAKwB,EAAmBxB,EAAOlB,KAAKO,aAAc,OAClDP,KAAKc,a,CAIT,mBAAA6B,EAAsBC,QAAQzC,KAAEA,K,MAC5B,GAAIH,KAAKG,OAASA,EAAMH,KAAKG,KAAOA,GACpC0C,EAAA7C,KAAKsB,kBAAc,MAAAuB,SAAA,SAAAA,EAAEC,kBAAkB,CAAEC,IAAK,G,CAWlD,kBAAMC,GACF,IAAKhD,KAAKG,MAAQH,KAAKyB,SAAU,OACjCzB,KAAKiD,gB,CAQT,iBAAMC,GACF,GAAIlD,KAAKG,MAAQH,KAAKyB,SAAU,OAChCzB,KAAKiD,gB,CAYT,gBAAME,CAAWC,G,MACb,MAAM5B,EAAOxB,KAAKO,YAAYC,cAC1B,GAAGR,KAAKC,+BAA+BmD,OAE3C,MAAMC,EAAU7B,IAAI,MAAJA,SAAI,SAAJA,EAAM8B,WAAW9C,cAAiC,kBAClE,IAAKgB,GAAQxB,KAAKyB,SAAU,OAC5B,IAAKzB,KAAKG,KAAM,EACZ0C,EAAA7C,KAAKe,kBAAc,MAAA8B,SAAA,SAAAA,EAAEU,cACf9C,G,CAEV4C,EAAQE,cACF9C,G,CAcV,sBAAM+C,CAAiBJ,G,MACnB,MAAM5B,EAAOxB,KAAKO,YAAYC,cAC1B,GAAGR,KAAKC,+BAA+BmD,OAE3C,MAAMK,EAAejC,IAAI,MAAJA,SAAI,SAAJA,EAAM8B,WAAW9C,cAAiC,yBACvE,IAAKgB,IAASiC,GAAgBzD,KAAKyB,SAAU,OAC7C,IAAKzB,KAAKG,KAAM,EACZ0C,EAAA7C,KAAKe,kBAAc,MAAA8B,SAAA,SAAAA,EAAEU,cACf9C,G,CAEVgD,EAAaF,cACP9C,G,CAOV,wBAAAiD,GACI1D,KAAKuC,8B,CAIT,gBAAAH,GACIuB,EAAkB3D,KAAM,YAAa,mB,CAIzC,gBAAAqC,GACIuB,EAAgB5D,K,CAIpB,cAAA6D,GACI7D,KAAKuC,8B,CAIT,mBAAAuB,GACI9D,KAAKuC,8B,CAIT,WAAAwB,GACI/D,KAAKuC,8B,CAIT,mBAAAJ,GACIwB,EAAkB3D,KAAM,eAAgB,mB,CAI5C,mBAAAgE,GACIhE,KAAKuC,8B,CAMT,8BAAI0B,GACA,OAAOjE,KAAKO,YAAY2D,iBAAiBlE,KAAKC,sBAAsBkE,M,CAGxE,oBAAIC,GACA,QAASpE,KAAKO,YAAYC,cAAc,iB,CAG5C,qBAAI6D,GACA,MAAMC,EAAiB,CAAC,UAAW,YAAa,WAChD,MAAMC,EAAe,CAAC,OAAQ,MAAO,YAAaD,GAClD,MAAME,EAAOD,EAAaE,SAASzE,KAAKwE,MAAQxE,KAAKwE,KAAO,GAC5D,MAAME,EAAOF,IAAS,OACtB,MAAMG,EAAMH,IAAS,MACrB,MAAMI,EAASJ,IAAS,SACxB,IAAIK,EACJ,GAAIP,EAAeG,SAASD,GAAO,CAC/BK,EAASL,IAAS,UAAYA,EAAO,YAAYA,G,CAErD,MAAMM,EAAS9E,KAAKG,KACpB,MAAMsB,IAAazB,KAAKyB,SACxB,MAAMsD,EAAe/E,KAAKG,KAC1B,MAAM6E,GAAaN,IAASC,IAAQE,EAAS,WAAa,GAE1D,MAAO,CACHH,OACAC,MACAE,SACAC,SACArD,WACAsD,eACAC,YACAJ,S,CAIR,cAAA3B,GACI,MAAMlC,eAAEA,GAAmBf,KAC3B,IAAKe,EAAgB,OACrBA,EAAewC,QACfxC,EAAeC,QACfD,EAAeL,cAAc,IAAIC,WAAW,S,CAQhD,iBAAAmB,CAAkBmD,EAAuCC,GACrD,MAAMC,EAA6CC,MAAMC,KACrDrF,KAAKO,YAAY2D,iBAAiBlE,KAAKC,uBAG3C,MAAMqF,EAAcH,EAAcI,QAAQN,GAE1C,GAAIK,KAAiB,EAAG,CACpB,M,CAGJ,IAAIE,EAAsB,EAC1B,GAAIN,IAAc,OAAQ,CACtBM,EAAcF,EAAcH,EAAchB,OAAS,EAAImB,EAAc,EAAI,C,MACtE,GAAIJ,IAAc,OAAQ,CAC7B,GAAII,EAAc,EAAG,CACjBE,EAAcF,EAAc,C,KACzB,CACHE,EAAcL,EAAchB,OAAS,C,EAG7C,MAAMsB,EAAaN,EAAcK,GACjCC,GAAcA,EAAW/E,cAAc,IAAIgF,MAAM,S,CAyBrD,UAAAC,CAAWC,EAAqBC,EAAqBC,G,QACjD,OAAOC,GAAAlD,EAAAmD,OAAOC,kBAAc,MAAApD,SAAA,SAAAA,EAAE8C,cAAU,MAAAI,SAAA,SAAAA,EAAAG,KAAArD,EAAG+C,EAAaC,EAAYC,E,CA2FxE,4BAAAvD,GACI,IAAKvC,KAAKmG,OAASnG,KAAKoG,QAAS,CAE7BpG,KAAKqG,yBACL,M,CAGJrG,KAAKsG,0BACAC,MAAKC,IACFxG,KAAKqG,yBACLG,EAAKC,SAAQC,IACT1G,KAAKO,YAAYoG,YAAYD,EAAQ,GACvC,IAELE,OAAMC,IACH7G,KAAKqG,yBACL,MAAMQ,CAAG,G,CAIrB,sBAAAR,GACI,MAAMS,EAAmB9G,KAAKO,YAAY2D,iBAAiB,uCAC3D4C,EAAiBL,SAAQC,GAAW1G,KAAKO,YAAYwG,YAAYL,I,CAGrE,WAAAM,GACI,OACIhH,KAAKmG,MACLH,OAAOC,gBACPD,OAAOC,eAAee,YAAYhH,KAAKmG,KAAMnG,KAAKiH,aAAcjH,KAAKkH,aAAclH,KAAKmH,kB,CAIhG,uBAAAb,GACI,OAAOtG,KAAKgH,cAAcT,MAAKa,GACpBA,EAAMC,KAAIC,IACb,IAAIC,EACJ,IAAIzB,EACJ,GAAIwB,EAAa,aAAc,CAC3BxB,EAAc,GACdA,EAAYwB,EAAaE,oBAAsBF,EAAa,Y,CAGhE,OAAQA,EAAaG,QACjB,IAAK,aACDF,EAAY,IACRvH,KAAK2F,WAAW2B,EAAa1B,YAAa0B,EAAazB,WAAYC,GACvE,MACJ,IAAK,gBACDyB,EAAY,IACRvH,KAAK0H,cAAc,GAAGJ,EAAa1B,eAAe0B,EAAazB,aAAcC,GACjF,MAGR,MAAM6B,EAAkBC,SAASC,cAAc,oBAC/CF,EAAgBG,aAAa,QAASR,EAAaS,WACnDJ,EAAgBK,UAAUC,IAAI,sBAC9BN,EAAgBO,YAAcZ,EAAaS,UAC3CJ,EAAgBQ,QAAUZ,EAE1B,OAAOI,CAAe,K,CAKlC,aAAAD,CAAcU,EAAuBC,G,QACjC,OAAOtC,GAAAlD,EAAAmD,OAAOC,kBAAc,MAAApD,SAAA,SAAAA,EAAE6E,iBAAa,MAAA3B,SAAA,SAAAA,EAAAG,KAAArD,EAAGuF,EAAeC,EAAQC,UAAW,K,CAMpF,MAAAC,GACI,MAAMC,EAAWxI,KAAKqE,kBAEtB,OACIoE,EAAA,mBAAA7G,IAAA,2CACI8G,MAAO1I,KAAKG,KAAO,gBAAkB,GACrCwI,SAAU3I,KAAKiB,iBAAgB,UACvB,qBAERwH,EAAA,UAAA7G,IAAA,2CACIgH,IAAKC,GAAO7I,KAAKe,eAAiB8H,EAClCH,MAAOF,EAASxD,UAChB8D,QAAS9I,KAAK+B,cACdgH,UAAW/I,KAAKiC,gBAChB0C,IAAK6D,EAAS7D,IACdE,OAAQ2D,EAAS3D,OACjBC,OAAQ0D,EAAS1D,OACjBrD,SAAU+G,EAAS/G,SACnBsD,aAAc,KAAKyD,EAASzD,eAC5BiE,MAAOhJ,KAAKiJ,WAAajJ,KAAKgJ,MAAQE,EAAIlJ,KAAKgJ,OAASV,UACxDW,UAAWjJ,KAAKiJ,UAChBE,aAAa,OAAM,UACX,iBACRC,MAAOpJ,KAAKoJ,MACZC,YAAaH,EAAI,oCAAqC,CAAClJ,KAAKiE,8BAE3DjE,KAAKoE,iBACFqE,EAAA,iBACY,kBACRC,MAAOF,EAAS5D,OAAS,GAAK,UAE9B6D,EAAA,QAAMtC,KAAK,aAGfsC,EAACa,EAAQ,KACJtJ,KAAK0E,KAAO+D,EAAA,WAASjE,KAAMxE,KAAK0E,OAAW,IAC3C1E,KAAKgJ,QAAUhJ,KAAKiJ,WACjBR,EAAA,QAAMC,MAAM,wBAAwBQ,EAAIlJ,KAAKgJ,UAK7DP,EAAA,cAAA7G,IAAA,2CACIgH,IAAKC,GAAO7I,KAAKsB,eAAiBuH,EAClC9H,eAAgBf,KAAKe,eACrBZ,KAAMH,KAAKG,KAAI,aACHH,KAAKuJ,iBACjBC,UAAWxJ,KAAKyJ,iBAChBvE,UAAWlF,KAAK0J,iBAChBC,MAAO3J,KAAK4J,iBACZC,KAAM7J,KAAK8J,aAAexB,UAC1Bc,MAAOpJ,KAAKoJ,OAEZX,EAAA,OAAA7G,IAAA,2CACIkH,QAAS9I,KAAKuB,oBACdwH,UAAW/I,KAAK2B,sBAChBoI,KAAK,OAAM,aACCb,EAAIlJ,KAAKgJ,QAAUV,WAE/BG,EAAA,QAAA7G,IAAA,+C"}

package/dist/q2-tecton-elements/p-15ac45d6.js

@@ -1,2 +0,0 @@
-import{h as e}from"./p-a5f18e27.js";const n=(e,n=300)=>{let i;return function(...o){clearTimeout(i);i=setTimeout((()=>{e(...o)}),n)}};function i(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|Mobile|IEMobile|Windows Phone|Opera Mini/i.test(navigator.userAgent)}function o(e,n){const i=e.type;const o=["focusin","focus"];const t=o.includes(i);const r=t?e.target:e.relatedTarget;const a=e=>{if(e===n)return true;if(e.parentElement){return a(e.parentElement)}return false};if(!(r instanceof HTMLElement))return true;return!a(r)}function t(e,n){return e.relatedTarget!==n&&!n.contains(e.relatedTarget)}function r(e,n){var i;return((i=e.composedPath)===null||i===void 0?void 0:i.call(e)[0])===n}function a(e){e.focus=()=>e===null||e===void 0?void 0:e.dispatchEvent(new FocusEvent("focus",{bubbles:false}))}function s(){const e=navigator.userAgent.toLowerCase();return e.includes("firefox")}function l(){return"ontouchstart"in window||navigator.maxTouchPoints>0}function u(e,n){if(e===undefined)return e;if(!n)return e!=="Symbol()"?e:undefined;return n.includes(e)||e===""?e:undefined}let d=1e3;function c(){return d++}function f(e){requestAnimationFrame((()=>{requestAnimationFrame(e)}))}function m(e){return e.offsetWidth>0||e.offsetHeight>0||e.getClientRects().length>0}function p(){return new Promise((e=>f(e)))}function b(e,n){var i,o,t;if(!e)return"";if(((i=window.Tecton)===null||i===void 0?void 0:i.noStrings)===true){return e}return(t=(o=window===null||window===void 0?void 0:window.TectonElements)===null||o===void 0?void 0:o.loc(e,n))!==null&&t!==void 0?t:e}function v(n){const{label:i,hideLabel:o,optional:t,readonly:r}=n;const a=["input-label"];let s="";let l=o;if(!l){const e=n.hostElement.querySelectorAll('[slot="label"]');const o=e.length>0;const t=!!i;l=t||o?false:true}if(l)a.push("sr");if(t){s=e("span",{class:"optional-tag"},b("tecton.element.input.optional"))}if(r){s=e("span",{class:"optional-tag"},b("tecton.element.input.readonly"));a.push("readonly-field")}return e("label",{htmlFor:n.inputId,class:a.join(" ")},e("slot",{name:"label"},i?b(i):undefined,s))}function h(e,n){return e.querySelector(`[slot="${n}"]`)!==null}function w(e){const{ariaLabel:n}=e;if(!n)return;const i=Symbol().toString();if(n===i){e.ariaLabel=undefined;return}if("hideLabel"in e)e.hideLabel=true;e.label=b(n);e.ariaLabel=undefined}function g(e,n,i,o){if(typeof e[n]==="undefined")return;if(e[n]){y(e,n,"prop")}e[i]=e[n];if(o){delete e[n]}}function y(e,n,i){if(window.location.hostname==="localhost"||window.location.host==="stack.q2developer.com"){if(e[n]==="undefined")return;const o=e.constructor.name.toLowerCase().slice(2);switch(i){case"prop":if(n==="size"&&o==="btn"){console.warn(`The property of size in q2-btn should not be typeof number, or typeof string containing a number. This functionality will be deprecated in an upcoming release. Instead, please use the value 'undefined', or typeof string with any of the following values: "small" / "medium" / "large" `)}else{console.warn(`The property ${n} in q2-${o} has been marked for deprecation and will be removed in an upcoming major release.`)}break;case"function":console.warn(`The function ${n} in ${o} has been marked for deprecation and will be removed in an upcoming major release.`);break;case"method":console.warn(`The method ${n} in ${o} has been marked for deprecation and will be removed in an upcoming major release.`);break;case"event":console.warn(`The event ${n} in ${o} has been marked for deprecation and will be removed in an upcoming major release.`);break;default:console.error(`handleDeprecationWarning --\x3e No type found for desired deprecation: ${n} in q2-${o}: deprecatedItemType = ${n}`)}}}function $(n){const i=n.hasError?"danger":"info";return e("div",{class:"messages-container"},e("q2-message",{appearance:"minimal",description:true,type:i,"test-id":"message"},e("ul",{id:n.inputDescribedBy},n.messages.map((n=>e("li",{"test-id":"messageListItem"},b(n)))))))}function k(e){const n=e.hostElement.shadowRoot.querySelector(".messages-container");const i=n.querySelector("q2-message");f((()=>{const o=e.showMessages&&e.hasFocus?i.getBoundingClientRect().height:0;if(n.style.getPropertyValue("height")===`${o}px`)return;if(o===0){i.classList.add("invisible");n.style.removeProperty("height")}else{i.classList.remove("invisible");n.style.setProperty("height",`${o}px`)}}))}const T=()=>{var e,n;return(n=(e=window.TectonElements)===null||e===void 0?void 0:e.resizeIframe)===null||n===void 0?void 0:n.call(e)};const q=e=>{if(!e.intent&&["primary","secondary"].includes(e.color)){e.intent=`workflow-${e.color}`;e.color=undefined}};export{w as a,q as b,c,i as d,h as e,v as f,u as g,y as h,r as i,g as j,l as k,b as l,T as m,f as n,a as o,n as p,t as q,$ as r,k as s,o as t,s as u,m as v,p as w};
-//# sourceMappingURL=p-15ac45d6.js.map

package/dist/q2-tecton-elements/p-15ac45d6.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["debounce","fn","delay","timeout","args","clearTimeout","setTimeout","isMobile","test","navigator","userAgent","isHostLosingFocus","event","hostElement","type","focusInTypes","isFocusIn","includes","elementGainingFocus","target","relatedTarget","isElementNestedInHostElement","element","parentElement","HTMLElement","isRelatedTargetWithinHost","contains","isEventFromElement","_a","composedPath","call","overrideFocus","focus","dispatchEvent","FocusEvent","bubbles","isFirefox","toLowerCase","isTouchDevice","window","maxTouchPoints","getAriaValueFromProp","prop","validValues","undefined","guid","createGuid","nextPaint","requestAnimationFrame","isVisible","offsetWidth","offsetHeight","getClientRects","length","waitForNextPaint","Promise","resolve","loc","key","subs","Tecton","noStrings","_c","_b","TectonElements","renderLabel","label","hideLabel","optional","readonly","labelClasses","helpText","shouldHideLabel","labelSlotElements","querySelectorAll","hasSlotContent","hasLabel","push","h","class","htmlFor","inputId","join","name","slotName","querySelector","handleAriaLabel","ariaLabel","FW_WRAPPERS_EMPTY_PROP","Symbol","toString","handleRenamedProp","oldProp","newProp","removeOldProp","handleDeprecationWarning","deprecatedItemName","deprecatedItemType","location","hostname","host","componentName","constructor","slice","console","warn","error","renderMessages","hasError","appearance","description","id","inputDescribedBy","messages","map","message","setMessageHeight","messageContainer","shadowRoot","q2Message","height","showMessages","hasFocus","getBoundingClientRect","style","getPropertyValue","classList","add","removeProperty","remove","setProperty","resizeIframe","handleColor","intent","color"],"sources":["src/utils/index.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { Q2Btn } from 'src/components/q2-btn/q2-btn';\nimport { Q2Calendar } from 'src/components/q2-calendar/q2-calendar';\nimport { Q2Carousel } from 'src/components/q2-carousel/q2-carousel';\nimport { Q2Checkbox } from 'src/components/q2-checkbox/q2-checkbox';\nimport { Q2CheckboxGroup } from 'src/components/q2-checkbox-group/q2-checkbox-group';\nimport { Q2RadioGroup } from 'src/components/q2-radio-group/q2-radio-group';\nimport { Q2Dropdown } from 'src/components/q2-dropdown/q2-dropdown';\nimport { Q2DropdownItem } from 'src/components/q2-dropdown-item/q2-dropdown-item';\nimport { Q2EditableField } from 'src/components/q2-editable-field/q2-editable-field';\nimport { Q2Input } from 'src/components/q2-input/q2-input';\nimport { Q2Loading } from 'src/components/q2-loading/q2-loading';\nimport { Q2Radio } from 'src/components/q2-radio/q2-radio';\nimport { Q2Select } from 'src/components/q2-select/q2-select';\nimport { FormFieldTypes, IDict } from 'src/util';\n\nexport const debounce = <F extends (...args: Parameters<F>) => ReturnType<F>>(fn: F, delay: number = 300) => {\n    let timeout: ReturnType<typeof setTimeout>;\n    return function (...args: Parameters<F>) {\n        clearTimeout(timeout);\n        timeout = setTimeout(() => {\n            fn(...args);\n        }, delay);\n    };\n};\n\nexport function isMobile(): boolean {\n    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|Mobile|IEMobile|Windows Phone|Opera Mini/i.test(\n        navigator.userAgent\n    );\n}\n\nexport function isHostLosingFocus(event: FocusEvent, hostElement: HTMLElement) {\n    const type = event.type;\n    const focusInTypes = ['focusin', 'focus'];\n    const isFocusIn = focusInTypes.includes(type);\n\n    // on focusin: `target` is element losing focus, `relatedTarget` is element gaining focus\n    // on focusout: `target` is element gaining focus, `relatedTarget` is element losing focus\n    const elementGainingFocus = isFocusIn ? event.target : event.relatedTarget;\n\n    const isElementNestedInHostElement = (element: HTMLElement) => {\n        if (element === hostElement) return true;\n        if (element.parentElement) {\n            return isElementNestedInHostElement(element.parentElement);\n        }\n        return false;\n    };\n\n    if (!(elementGainingFocus instanceof HTMLElement)) return true;\n    return !isElementNestedInHostElement(elementGainingFocus);\n}\n\nexport function isRelatedTargetWithinHost(event: FocusEvent, element: HTMLElement) {\n    return event.relatedTarget !== element && !element.contains(event.relatedTarget as Node);\n}\n\nexport function isEventFromElement(event: Event, element: HTMLElement): boolean {\n    return event.composedPath?.()[0] === element;\n}\n\nexport function overrideFocus(hostElement: HTMLElement) {\n    hostElement.focus = () => hostElement?.dispatchEvent(new FocusEvent('focus', { bubbles: false }));\n}\n\nexport function isFirefox() {\n    const userAgent = navigator.userAgent.toLowerCase();\n    return userAgent.includes('firefox');\n}\n\nexport function isTouchDevice() {\n    return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n}\n\nexport function isSafari() {\n    const userAgent = navigator.userAgent.toLowerCase();\n    return userAgent.includes('safari') && !userAgent.includes('chrome');\n}\n\n/**\n * Returns the value of a prop if it is defined and included in the `validValues`\n * array. This is used primarily to prevent Vue wrappers from setting aria props\n * to \"Symbol()\" when the prop is not set.\n */\nexport function getAriaValueFromProp(prop: string, validValues?: string[]) {\n    if (prop === undefined) return prop;\n    if (!validValues) return prop !== 'Symbol()' ? prop : undefined;\n    return validValues.includes(prop) || prop === '' ? prop : undefined;\n}\n\nlet guid: number = 1000;\nexport function createGuid(): number {\n    return guid++;\n}\n\nexport function nextPaint(fn: (value?: unknown) => void) {\n    requestAnimationFrame(() => {\n        requestAnimationFrame(fn);\n    });\n}\n\nexport function isVisible(element: HTMLElement) {\n    return element.offsetWidth > 0 || element.offsetHeight > 0 || element.getClientRects().length > 0;\n}\n\nexport function waitForNextPaint() {\n    return new Promise(resolve => nextPaint(resolve));\n}\n\nexport function capitalize(value: string) {\n    return `${value.charAt(0).toUpperCase()}${value.slice(1)}`;\n}\n\nexport function pick(props: string[]): (obj: object) => object {\n    return obj => {\n        return props.reduce((memo, prop) => {\n            return {\n                ...memo,\n                [prop]: obj[prop],\n            };\n        }, {});\n    };\n}\n\nexport function loc(key: string, subs?: IDict<any> | string[]) {\n    if (!key) return '';\n    if (window.Tecton?.noStrings === true) {\n        return key;\n    }\n    return window?.TectonElements?.loc(key, subs) ?? key;\n}\n\nexport function renderLabel(target: FormFieldTypes | Q2RadioGroup | Q2CheckboxGroup) {\n    const { label, hideLabel, optional, readonly } = target;\n    const labelClasses: string[] = ['input-label'];\n    let helpText = '';\n\n    let shouldHideLabel = hideLabel;\n    if (!shouldHideLabel) {\n        const labelSlotElements = target.hostElement.querySelectorAll<HTMLSlotElement>('[slot=\"label\"]');\n        const hasSlotContent = labelSlotElements.length > 0;\n        const hasLabel = !!label;\n\n        shouldHideLabel = hasLabel || hasSlotContent ? false : true;\n    }\n\n    if (shouldHideLabel) labelClasses.push('sr');\n    if (optional) {\n        helpText = <span class=\"optional-tag\">{loc('tecton.element.input.optional')}</span>;\n    }\n    if (readonly) {\n        helpText = <span class=\"optional-tag\">{loc('tecton.element.input.readonly')}</span>;\n        labelClasses.push('readonly-field');\n    }\n    return (\n        <label\n            htmlFor={target.inputId}\n            class={labelClasses.join(' ')}\n        >\n            <slot name=\"label\">\n                {label ? loc(label) : undefined}\n                {helpText}\n            </slot>\n        </label>\n    );\n}\n\nexport function hasSlotContent(target: HTMLElement, slotName: string) {\n    return target.querySelector(`[slot=\"${slotName}\"]`) !== null;\n}\n\nexport function handleAriaLabel(\n    target:\n        | Q2Input\n        | Q2Select\n        | Q2Radio\n        | Q2Checkbox\n        | Q2EditableField\n        | Q2Dropdown\n        | Q2DropdownItem\n        | Q2Loading\n        | Q2Carousel\n        | Q2Calendar\n        | Q2Btn\n) {\n    const { ariaLabel } = target;\n    if (!ariaLabel) return;\n\n    // If empty ariaLabel prop is set to primitive symbol by framework wrapper, set ariaLabel to undefined and return\n    const FW_WRAPPERS_EMPTY_PROP = Symbol().toString();\n    if (ariaLabel === FW_WRAPPERS_EMPTY_PROP) {\n        target.ariaLabel = undefined;\n        return;\n    }\n\n    // If ariaLabel is set, set hideLabel to true and set label to ariaLabel\n    if ('hideLabel' in target) target.hideLabel = true;\n    target.label = loc(ariaLabel);\n    target.ariaLabel = undefined;\n}\n\n/**\n * Handles when a prop has been renamed on a component without introducing a breaking change.\n */\nexport function handleRenamedProp(target: object, oldProp: string, newProp: string, removeOldProp?: boolean) {\n    if (typeof target[oldProp] === 'undefined') return;\n\n    // If old prop has value, aka set in component, call handleDeprecationWarning()\n    if (target[oldProp]) {\n        handleDeprecationWarning(target, oldProp, 'prop');\n    }\n\n    target[newProp] = target[oldProp];\n\n    if (removeOldProp) {\n        delete target[oldProp];\n    }\n}\n\nexport function handleDeprecationWarning(\n    target: object,\n    deprecatedItemName: string,\n    deprecatedItemType: 'function' | 'prop' | 'method' | 'event'\n) {\n    if (window.location.hostname === 'localhost' || window.location.host === 'stack.q2developer.com') {\n        if (target[deprecatedItemName] === 'undefined') return;\n\n        const componentName = target.constructor.name.toLowerCase().slice(2);\n\n        switch (deprecatedItemType) {\n            case 'prop':\n                if (deprecatedItemName === 'size' && componentName === 'btn') {\n                    console.warn(\n                        `The property of size in q2-btn should not be typeof number, or typeof string containing a number. This functionality will be deprecated in an upcoming release. Instead, please use the value 'undefined', or typeof string with any of the following values: \"small\" / \"medium\" / \"large\" `\n                    );\n                } else {\n                    console.warn(\n                        `The property ${deprecatedItemName} in q2-${componentName} has been marked for deprecation and will be removed in an upcoming major release.`\n                    );\n                }\n                break;\n\n            case 'function':\n                console.warn(\n                    `The function ${deprecatedItemName} in ${componentName} has been marked for deprecation and will be removed in an upcoming major release.`\n                );\n                break;\n\n            case 'method':\n                console.warn(\n                    `The method ${deprecatedItemName} in ${componentName} has been marked for deprecation and will be removed in an upcoming major release.`\n                );\n                break;\n\n            case 'event':\n                console.warn(\n                    `The event ${deprecatedItemName} in ${componentName} has been marked for deprecation and will be removed in an upcoming major release.`\n                );\n                break;\n\n            default:\n                console.error(\n                    `handleDeprecationWarning --> No type found for desired deprecation: ${deprecatedItemName} in q2-${componentName}: deprecatedItemType = ${deprecatedItemName}`\n                );\n        }\n    }\n}\n\nexport function renderMessages(target: FormFieldTypes) {\n    const type = target.hasError ? 'danger' : 'info';\n\n    return (\n        <div class=\"messages-container\">\n            <q2-message\n                appearance=\"minimal\"\n                description\n                type={type}\n                test-id=\"message\"\n            >\n                <ul id={target.inputDescribedBy}>\n                    {target.messages.map(message => (\n                        <li test-id=\"messageListItem\">{loc(message)}</li>\n                    ))}\n                </ul>\n            </q2-message>\n        </div>\n    );\n}\n\nexport function setMessageHeight(target: FormFieldTypes) {\n    const messageContainer = (target.hostElement.shadowRoot as ShadowRoot).querySelector<HTMLDivElement>(\n        '.messages-container'\n    );\n    const q2Message = messageContainer.querySelector('q2-message');\n    nextPaint(() => {\n        const height = target.showMessages && target.hasFocus ? q2Message.getBoundingClientRect().height : 0;\n\n        if (messageContainer.style.getPropertyValue('height') === `${height}px`) return;\n\n        if (height === 0) {\n            q2Message.classList.add('invisible');\n            messageContainer.style.removeProperty('height');\n        } else {\n            q2Message.classList.remove('invisible');\n            messageContainer.style.setProperty('height', `${height}px`);\n        }\n    });\n}\n\nexport const resizeIframe = () => {\n    return window.TectonElements?.resizeIframe?.();\n};\n\n// Handling color attribute (deprecated)\nexport const handleColor = (target: Q2Btn) => {\n    if (!target.intent && ['primary', 'secondary'].includes(target.color)) {\n        target.intent = `workflow-${target.color}` as HTMLQ2BtnElement['intent'];\n        target.color = undefined;\n    }\n};\n"],"mappings":"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"}

package/dist/q2-tecton-elements/p-16910682.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as r,g as i}from"./p-a5f18e27.js";import{o as a,i as n,l as o,d as s}from"./p-15ac45d6.js";import{br as l,W as c,_ as u,ay as h,bs as v,bt as f,b5 as d,bu as p,D as g,bv as b,x as m,a0 as y,I as x,bw as w,aM as S,bx as I,by as M,j as T,bz as C,E as k,bA as z,bB as A,bC as D,bD as N,d as O,bE as L,bF as B,bG as R,bH as U,bI as P,bJ as W,bK as F,bL as j,a as G,bM as Y,bN as H,bO as X,bP as E,bQ as _,bj as K,aK as $,bR as q,a$ as J,bS as V,bT as Z,bU as Q,a9 as tt,b0 as et,bV as rt,aA as it,bW as at,a4 as nt,m as ot,a6 as st,o as lt,y as ct,bX as ut,bY as ht,b as vt,bZ as ft,b2 as dt,b_ as pt,b$ as gt,c0 as bt,c as mt,ai as yt,G as xt,aB as wt,b6 as St,aC as It,c1 as Mt,b1 as Tt,u as Ct,c2 as kt,aw as zt,a3 as At,R as Dt,bm as Nt,i as Ot,s as Lt,z as Bt,t as Rt,g as Ut,be as Pt,c3 as Wt,V as Ft,b8 as jt,C as Gt,ak as Yt,am as Ht,c4 as Xt,c5 as Et,c6 as _t,S as Kt,c7 as $t,ab as qt,aa as Jt,ac as Vt,ad as Zt}from"./p-2941aafa.js";import{l as Qt,a as te,g as ee,s as re,b as ie,i as ae}from"./p-eea5aa01.js";function ne(t,e){var r=l(e.get("padding"));var i=e.getItemStyle(["color","opacity"]);i.fill=e.get("backgroundColor");t=new c({shape:{x:t.x-r[3],y:t.y-r[0],width:t.width+r[1]+r[3],height:t.height+r[0]+r[2],r:e.get("borderRadius")},style:i,silent:true,z2:-1});return t}var oe=function(t){u(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;return r}e.type="tooltip";e.dependencies=["axisPointer"];e.defaultOption={z:60,show:true,showContent:true,trigger:"item",triggerOn:"mousemove|click",alwaysShowContent:false,displayMode:"single",renderMode:"auto",confine:null,showDelay:0,hideDelay:100,transitionDuration:.4,enterable:false,backgroundColor:"#fff",shadowBlur:10,shadowColor:"rgba(0, 0, 0, .2)",shadowOffsetX:1,shadowOffsetY:2,borderRadius:4,borderWidth:1,padding:null,extraCssText:"",axisPointer:{type:"line",axis:"auto",animation:"auto",animationDurationUpdate:200,animationEasingUpdate:"exponentialOut",crossStyle:{color:"#999",width:1,type:"dashed",textStyle:{}}},textStyle:{color:"#666",fontSize:14}};return e}(h);const se=oe;function le(t){var e=t.get("confine");return e!=null?!!e:t.get("renderMode")==="richText"}function ce(t){if(!f.domSupported){return}var e=document.documentElement.style;for(var r=0,i=t.length;r<i;r++){if(t[r]in e){return t[r]}}}var ue=ce(["transform","webkitTransform","OTransform","MozTransform","msTransform"]);var he=ce(["webkitTransition","transition","OTransition","MozTransition","msTransition"]);function ve(t,e){if(!t){return e}e=v(e,true);var r=t.indexOf(e);t=r===-1?e:"-"+t.slice(0,r)+"-"+e;return t.toLowerCase()}function fe(t,e){var r=t.currentStyle||document.defaultView&&document.defaultView.getComputedStyle(t);return r?e?r[e]:r:null}var de=ve(he,"transition");var pe=ve(ue,"transform");var ge="position:absolute;display:block;border-style:solid;white-space:nowrap;z-index:9999999;"+(f.transform3dSupported?"will-change:transform;":"");function be(t){t=t==="left"?"right":t==="right"?"left":t==="top"?"bottom":"top";return t}function me(t,e,r){if(!d(r)||r==="inside"){return""}var i=t.get("backgroundColor");var a=t.get("borderWidth");e=m(e);var n=be(r);var o=Math.max(Math.round(a)*1.5,6);var s="";var l=pe+":";var c;if(S(["left","right"],n)>-1){s+="top:50%";l+="translateY(-50%) rotate("+(c=n==="left"?-225:-45)+"deg)"}else{s+="left:50%";l+="translateX(-50%) rotate("+(c=n==="top"?225:45)+"deg)"}var u=c*Math.PI/180;var h=o+a;var v=h*Math.abs(Math.cos(u))+h*Math.abs(Math.sin(u));var f=Math.round(((v-Math.SQRT2*a)/2+Math.SQRT2*a-(v-h)/2)*100)/100;s+=";"+n+":-"+f+"px";var p=e+" solid "+a+"px;";var g=["position:absolute;width:"+o+"px;height:"+o+"px;z-index:-1;",s+";"+l+";","border-bottom:"+p,"border-right:"+p,"background-color:"+i+";"];return'<div style="'+g.join("")+'"></div>'}function ye(t,e){var r="cubic-bezier(0.23,1,0.32,1)";var i=" "+t/2+"s "+r;var a="opacity"+i+",visibility"+i;if(!e){i=" "+t+"s "+r;a+=f.transformSupported?","+pe+i:",left"+i+",top"+i}return de+":"+a}function xe(t,e,r){var i=t.toFixed(0)+"px";var a=e.toFixed(0)+"px";if(!f.transformSupported){return r?"top:"+a+";left:"+i+";":[["top",a],["left",i]]}var n=f.transform3dSupported;var o="translate"+(n?"3d":"")+"("+i+","+a+(n?",0":"")+")";return r?"top:0;left:0;"+pe+":"+o+";":[["top",0],["left",0],[ue,o]]}function we(t){var e=[];var r=t.get("fontSize");var i=t.getTextColor();i&&e.push("color:"+i);e.push("font:"+t.getFont());r&&e.push("line-height:"+Math.round(r*3/2)+"px");var a=t.get("textShadowColor");var n=t.get("textShadowBlur")||0;var o=t.get("textShadowOffsetX")||0;var s=t.get("textShadowOffsetY")||0;a&&n&&e.push("text-shadow:"+o+"px "+s+"px "+n+"px "+a);x(["decoration","align"],(function(r){var i=t.get(r);i&&e.push("text-"+r+":"+i)}));return e.join(";")}function Se(t,e,r){var i=[];var a=t.get("transitionDuration");var n=t.get("backgroundColor");var o=t.get("shadowBlur");var s=t.get("shadowColor");var c=t.get("shadowOffsetX");var u=t.get("shadowOffsetY");var h=t.getModel("textStyle");var f=I(t,"html");var d=c+"px "+u+"px "+o+"px "+s;i.push("box-shadow:"+d);e&&a&&i.push(ye(a,r));if(n){i.push("background-color:"+n)}x(["width","color","radius"],(function(e){var r="border-"+e;var a=v(r);var n=t.get(a);n!=null&&i.push(r+":"+n+(e==="color"?"":"px"))}));i.push(we(h));if(f!=null){i.push("padding:"+l(f).join("px ")+"px")}return i.join(";")+";"}function Ie(t,e,r,i,a){var n=e&&e.painter;if(r){var o=n&&n.getViewportRoot();if(o){M(t,o,r,i,a)}}else{t[0]=i;t[1]=a;var s=n&&n.getViewportRootOffset();if(s){t[0]+=s.offsetLeft;t[1]+=s.offsetTop}}t[2]=t[0]/e.getWidth();t[3]=t[1]/e.getHeight()}var Me=function(){function t(t,e){this._show=false;this._styleCoord=[0,0,0,0];this._enterable=true;this._alwaysShowContent=false;this._firstShow=true;this._longHide=true;if(f.wxa){return null}var r=document.createElement("div");r.domBelongToZr=true;this.el=r;var i=this._zr=t.getZr();var a=e.appendTo;var n=a&&(d(a)?document.querySelector(a):p(a)?a:g(a)&&a(t.getDom()));Ie(this._styleCoord,i,n,t.getWidth()/2,t.getHeight()/2);(n||t.getDom()).appendChild(r);this._api=t;this._container=n;var o=this;r.onmouseenter=function(){if(o._enterable){clearTimeout(o._hideTimeout);o._show=true}o._inContent=true};r.onmousemove=function(t){t=t||window.event;if(!o._enterable){var e=i.handler;var r=i.painter.getViewportRoot();b(r,t,true);e.dispatch("mousemove",t)}};r.onmouseleave=function(){o._inContent=false;if(o._enterable){if(o._show){o.hideLater(o._hideDelay)}}}}t.prototype.update=function(t){if(!this._container){var e=this._api.getDom();var r=fe(e,"position");var i=e.style;if(i.position!=="absolute"&&r!=="absolute"){i.position="relative"}}var a=t.get("alwaysShowContent");a&&this._moveIfResized();this._alwaysShowContent=a;this.el.className=t.get("className")||""};t.prototype.show=function(t,e){clearTimeout(this._hideTimeout);clearTimeout(this._longHideTimeout);var r=this.el;var i=r.style;var a=this._styleCoord;if(!r.innerHTML){i.display="none"}else{i.cssText=ge+Se(t,!this._firstShow,this._longHide)+xe(a[0],a[1],true)+("border-color:"+m(e)+";")+(t.get("extraCssText")||"")+(";pointer-events:"+(this._enterable?"auto":"none"))}this._show=true;this._firstShow=false;this._longHide=false};t.prototype.setContent=function(t,e,r,i,a){var n=this.el;if(t==null){n.innerHTML="";return}var o="";if(d(a)&&r.get("trigger")==="item"&&!le(r)){o=me(r,i,a)}if(d(t)){n.innerHTML=t+o}else if(t){n.innerHTML="";if(!y(t)){t=[t]}for(var s=0;s<t.length;s++){if(p(t[s])&&t[s].parentNode!==n){n.appendChild(t[s])}}if(o&&n.childNodes.length){var l=document.createElement("div");l.innerHTML=o;n.appendChild(l)}}};t.prototype.setEnterable=function(t){this._enterable=t};t.prototype.getSize=function(){var t=this.el;return[t.offsetWidth,t.offsetHeight]};t.prototype.moveTo=function(t,e){var r=this._styleCoord;Ie(r,this._zr,this._container,t,e);if(r[0]!=null&&r[1]!=null){var i=this.el.style;var a=xe(r[0],r[1]);x(a,(function(t){i[t[0]]=t[1]}))}};t.prototype._moveIfResized=function(){var t=this._styleCoord[2];var e=this._styleCoord[3];this.moveTo(t*this._zr.getWidth(),e*this._zr.getHeight())};t.prototype.hide=function(){var t=this;var e=this.el.style;e.visibility="hidden";e.opacity="0";f.transform3dSupported&&(e.willChange="");this._show=false;this._longHideTimeout=setTimeout((function(){return t._longHide=true}),500)};t.prototype.hideLater=function(t){if(this._show&&!(this._inContent&&this._enterable)&&!this._alwaysShowContent){if(t){this._hideDelay=t;this._show=false;this._hideTimeout=setTimeout(w(this.hide,this),t)}else{this.hide()}}};t.prototype.isShow=function(){return this._show};t.prototype.dispose=function(){clearTimeout(this._hideTimeout);clearTimeout(this._longHideTimeout);var t=this.el.parentNode;t&&t.removeChild(this.el);this.el=this._container=null};return t}();const Te=Me;var Ce=function(){function t(t){this._show=false;this._styleCoord=[0,0,0,0];this._alwaysShowContent=false;this._enterable=true;this._zr=t.getZr();Ae(this._styleCoord,this._zr,t.getWidth()/2,t.getHeight()/2)}t.prototype.update=function(t){var e=t.get("alwaysShowContent");e&&this._moveIfResized();this._alwaysShowContent=e};t.prototype.show=function(){if(this._hideTimeout){clearTimeout(this._hideTimeout)}this.el.show();this._show=true};t.prototype.setContent=function(t,e,r,i,a){var n=this;if(T(t)){C("")}if(this.el){this._zr.remove(this.el)}var o=r.getModel("textStyle");this.el=new k({style:{rich:e.richTextStyles,text:t,lineHeight:22,borderWidth:1,borderColor:i,textShadowColor:o.get("textShadowColor"),fill:r.get(["textStyle","color"]),padding:I(r,"richText"),verticalAlign:"top",align:"left"},z:r.get("z")});x(["backgroundColor","borderRadius","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"],(function(t){n.el.style[t]=r.get(t)}));x(["textShadowBlur","textShadowOffsetX","textShadowOffsetY"],(function(t){n.el.style[t]=o.get(t)||0}));this._zr.add(this.el);var s=this;this.el.on("mouseover",(function(){if(s._enterable){clearTimeout(s._hideTimeout);s._show=true}s._inContent=true}));this.el.on("mouseout",(function(){if(s._enterable){if(s._show){s.hideLater(s._hideDelay)}}s._inContent=false}))};t.prototype.setEnterable=function(t){this._enterable=t};t.prototype.getSize=function(){var t=this.el;var e=this.el.getBoundingRect();var r=ze(t.style);return[e.width+r.left+r.right,e.height+r.top+r.bottom]};t.prototype.moveTo=function(t,e){var r=this.el;if(r){var i=this._styleCoord;Ae(i,this._zr,t,e);t=i[0];e=i[1];var a=r.style;var n=ke(a.borderWidth||0);var o=ze(a);r.x=t+n+o.left;r.y=e+n+o.top;r.markRedraw()}};t.prototype._moveIfResized=function(){var t=this._styleCoord[2];var e=this._styleCoord[3];this.moveTo(t*this._zr.getWidth(),e*this._zr.getHeight())};t.prototype.hide=function(){if(this.el){this.el.hide()}this._show=false};t.prototype.hideLater=function(t){if(this._show&&!(this._inContent&&this._enterable)&&!this._alwaysShowContent){if(t){this._hideDelay=t;this._show=false;this._hideTimeout=setTimeout(w(this.hide,this),t)}else{this.hide()}}};t.prototype.isShow=function(){return this._show};t.prototype.dispose=function(){this._zr.remove(this.el)};return t}();function ke(t){return Math.max(0,t)}function ze(t){var e=ke(t.shadowBlur||0);var r=ke(t.shadowOffsetX||0);var i=ke(t.shadowOffsetY||0);return{left:ke(e-r),right:ke(e+r),top:ke(e-i),bottom:ke(e+i)}}function Ae(t,e,r,i){t[0]=r;t[1]=i;t[2]=t[0]/e.getWidth();t[3]=t[1]/e.getHeight()}const De=Ce;var Ne=new c({shape:{x:-1,y:-1,width:2,height:2}});var Oe=function(t){u(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;return r}e.prototype.init=function(t,e){if(f.node||!e.getDom()){return}var r=t.getComponent("tooltip");var i=this._renderMode=z(r.get("renderMode"));this._tooltipContent=i==="richText"?new De(e):new Te(e,{appendTo:r.get("appendToBody",true)?"body":r.get("appendTo",true)})};e.prototype.render=function(t,e,r){if(f.node||!r.getDom()){return}this.group.removeAll();this._tooltipModel=t;this._ecModel=e;this._api=r;var i=this._tooltipContent;i.update(t);i.setEnterable(t.get("enterable"));this._initGlobalListener();this._keepShow();if(this._renderMode!=="richText"&&t.get("transitionDuration")){A(this,"_updatePosition",50,"fixRate")}else{D(this,"_updatePosition")}};e.prototype._initGlobalListener=function(){var t=this._tooltipModel;var e=t.get("triggerOn");N("itemTooltip",this._api,w((function(t,r,i){if(e!=="none"){if(e.indexOf(t)>=0){this._tryShow(r,i)}else if(t==="leave"){this._hide(i)}}}),this))};e.prototype._keepShow=function(){var t=this._tooltipModel;var e=this._ecModel;var r=this._api;var i=t.get("triggerOn");if(this._lastX!=null&&this._lastY!=null&&i!=="none"&&i!=="click"){var a=this;clearTimeout(this._refreshUpdateTimeout);this._refreshUpdateTimeout=setTimeout((function(){!r.isDisposed()&&a.manuallyShowTip(t,e,r,{x:a._lastX,y:a._lastY,dataByCoordSys:a._lastDataByCoordSys})}))}};e.prototype.manuallyShowTip=function(t,e,r,i){if(i.from===this.uid||f.node||!r.getDom()){return}var a=Be(i,r);this._ticket="";var n=i.dataByCoordSys;var o=Fe(i,e,r);if(o){var s=o.el.getBoundingRect().clone();s.applyTransform(o.el.transform);this._tryShow({offsetX:s.x+s.width/2,offsetY:s.y+s.height/2,target:o.el,position:i.position,positionDefault:"bottom"},a)}else if(i.tooltip&&i.x!=null&&i.y!=null){var l=Ne;l.x=i.x;l.y=i.y;l.update();O(l).tooltipConfig={name:null,option:i.tooltip};this._tryShow({offsetX:i.x,offsetY:i.y,target:l},a)}else if(n){this._tryShow({offsetX:i.x,offsetY:i.y,position:i.position,dataByCoordSys:n,tooltipOption:i.tooltipOption},a)}else if(i.seriesIndex!=null){if(this._manuallyAxisShowTip(t,e,r,i)){return}var c=L(i,e);var u=c.point[0];var h=c.point[1];if(u!=null&&h!=null){this._tryShow({offsetX:u,offsetY:h,target:c.el,position:i.position,positionDefault:"bottom"},a)}}else if(i.x!=null&&i.y!=null){r.dispatchAction({type:"updateAxisPointer",x:i.x,y:i.y});this._tryShow({offsetX:i.x,offsetY:i.y,position:i.position,target:r.getZr().findHover(i.x,i.y).target},a)}};e.prototype.manuallyHideTip=function(t,e,r,i){var a=this._tooltipContent;if(this._tooltipModel){a.hideLater(this._tooltipModel.get("hideDelay"))}this._lastX=this._lastY=this._lastDataByCoordSys=null;if(i.from!==this.uid){this._hide(Be(i,r))}};e.prototype._manuallyAxisShowTip=function(t,e,r,i){var a=i.seriesIndex;var n=i.dataIndex;var o=e.getComponent("axisPointer").coordSysAxesInfo;if(a==null||n==null||o==null){return}var s=e.getSeriesByIndex(a);if(!s){return}var l=s.getData();var c=Le([l.getItemModel(n),s,(s.coordinateSystem||{}).model],this._tooltipModel);if(c.get("trigger")!=="axis"){return}r.dispatchAction({type:"updateAxisPointer",seriesIndex:a,dataIndex:n,position:i.position});return true};e.prototype._tryShow=function(t,e){var r=t.target;var i=this._tooltipModel;if(!i){return}this._lastX=t.offsetX;this._lastY=t.offsetY;var a=t.dataByCoordSys;if(a&&a.length){this._showAxisTooltip(a,t)}else if(r){var n=O(r);if(n.ssrType==="legend"){return}this._lastDataByCoordSys=null;var o;var s;B(r,(function(t){if(O(t).dataIndex!=null){o=t;return true}if(O(t).tooltipConfig!=null){s=t;return true}}),true);if(o){this._showSeriesItemTooltip(t,o,e)}else if(s){this._showComponentItemTooltip(t,s,e)}else{this._hide(e)}}else{this._lastDataByCoordSys=null;this._hide(e)}};e.prototype._showOrMove=function(t,e){var r=t.get("showDelay");e=w(e,this);clearTimeout(this._showTimout);r>0?this._showTimout=setTimeout(e,r):e()};e.prototype._showAxisTooltip=function(t,e){var r=this._ecModel;var i=this._tooltipModel;var a=[e.offsetX,e.offsetY];var n=Le([e.tooltipOption],i);var o=this._renderMode;var s=[];var l=R("section",{blocks:[],noHeader:true});var c=[];var u=new U;x(t,(function(t){x(t.dataByAxis,(function(t){var e=r.getComponent(t.axisDim+"Axis",t.axisIndex);var a=t.value;if(!e||a==null){return}var n=P(a,e.axis,r,t.seriesDataIndices,t.valueLabelOpt);var h=R("section",{header:n,noHeader:!W(n),sortBlocks:true,blocks:[]});l.blocks.push(h);x(t.seriesDataIndices,(function(l){var v=r.getSeriesByIndex(l.seriesIndex);var f=l.dataIndexInside;var d=v.getDataParams(f);if(d.dataIndex<0){return}d.axisDim=t.axisDim;d.axisIndex=t.axisIndex;d.axisType=t.axisType;d.axisId=t.axisId;d.axisValue=F(e.axis,{value:a});d.axisValueLabel=n;d.marker=u.makeTooltipMarker("item",m(d.color),o);var p=j(v.formatTooltip(f,true,null));var g=p.frag;if(g){var b=Le([v],i).get("valueFormatter");h.blocks.push(b?G({valueFormatter:b},g):g)}if(p.text){c.push(p.text)}s.push(d)}))}))}));l.blocks.reverse();c.reverse();var h=e.position;var v=n.get("order");var f=Y(l,u,o,v,r.get("useUTC"),n.get("textStyle"));f&&c.unshift(f);var d=o==="richText"?"\n\n":"<br/>";var p=c.join(d);this._showOrMove(n,(function(){if(this._updateContentNotChangedOnAxis(t,s)){this._updatePosition(n,h,a[0],a[1],this._tooltipContent,s)}else{this._showTooltipContent(n,p,s,Math.random()+"",a[0],a[1],h,null,u)}}))};e.prototype._showSeriesItemTooltip=function(t,e,r){var i=this._ecModel;var a=O(e);var n=a.seriesIndex;var o=i.getSeriesByIndex(n);var s=a.dataModel||o;var l=a.dataIndex;var c=a.dataType;var u=s.getData(c);var h=this._renderMode;var v=t.positionDefault;var f=Le([u.getItemModel(l),s,o&&(o.coordinateSystem||{}).model],this._tooltipModel,v?{position:v}:null);var d=f.get("trigger");if(d!=null&&d!=="item"){return}var p=s.getDataParams(l,c);var g=new U;p.marker=g.makeTooltipMarker("item",m(p.color),h);var b=j(s.formatTooltip(l,false,c));var y=f.get("order");var x=f.get("valueFormatter");var w=b.frag;var S=w?Y(x?G({valueFormatter:x},w):w,g,h,y,i.get("useUTC"),f.get("textStyle")):b.text;var I="item_"+s.name+"_"+l;this._showOrMove(f,(function(){this._showTooltipContent(f,S,p,I,t.offsetX,t.offsetY,t.position,t.target,g)}));r({type:"showTip",dataIndexInside:l,dataIndex:u.getRawIndex(l),seriesIndex:n,from:this.uid})};e.prototype._showComponentItemTooltip=function(t,e,r){var i=this._renderMode==="html";var a=O(e);var n=a.tooltipConfig;var o=n.option||{};var s=o.encodeHTMLContent;if(d(o)){var l=o;o={content:l,formatter:l};s=true}if(s&&i&&o.content){o=H(o);o.content=X(o.content)}var c=[o];var u=this._ecModel.getComponent(a.componentMainType,a.componentIndex);if(u){c.push(u)}c.push({formatter:o.content});var h=t.positionDefault;var v=Le(c,this._tooltipModel,h?{position:h}:null);var f=v.get("content");var p=Math.random()+"";var g=new U;this._showOrMove(v,(function(){var r=H(v.get("formatterParams")||{});this._showTooltipContent(v,f,r,p,t.offsetX,t.offsetY,t.position,e,g)}));r({type:"showTip",from:this.uid})};e.prototype._showTooltipContent=function(t,e,r,i,a,n,o,s,l){this._ticket="";if(!t.get("showContent")||!t.get("show")){return}var c=this._tooltipContent;c.setEnterable(t.get("enterable"));var u=t.get("formatter");o=o||t.get("position");var h=e;var v=this._getNearestPoint([a,n],r,t.get("trigger"),t.get("borderColor"));var f=v.color;if(u){if(d(u)){var p=t.ecModel.get("useUTC");var b=y(r)?r[0]:r;var m=b&&b.axisType&&b.axisType.indexOf("time")>=0;h=u;if(m){h=E(b.axisValue,h,p)}h=_(h,r,true)}else if(g(u)){var x=w((function(e,i){if(e===this._ticket){c.setContent(i,l,t,f,o);this._updatePosition(t,o,a,n,c,r,s)}}),this);this._ticket=i;h=u(r,i,x)}else{h=u}}c.setContent(h,l,t,f,o);c.show(t,f);this._updatePosition(t,o,a,n,c,r,s)};e.prototype._getNearestPoint=function(t,e,r,i){if(r==="axis"||y(e)){return{color:i||(this._renderMode==="html"?"#fff":"none")}}if(!y(e)){return{color:i||e.color||e.borderColor}}};e.prototype._updatePosition=function(t,e,r,i,a,n,o){var s=this._api.getWidth();var l=this._api.getHeight();e=e||t.get("position");var c=a.getSize();var u=t.get("align");var h=t.get("verticalAlign");var v=o&&o.getBoundingRect().clone();o&&v.applyTransform(o.transform);if(g(e)){e=e([r,i],n,a.el,v,{viewSize:[s,l],contentSize:c.slice()})}if(y(e)){r=K(e[0],s);i=K(e[1],l)}else if(T(e)){var f=e;f.width=c[0];f.height=c[1];var p=$(f,{width:s,height:l});r=p.x;i=p.y;u=null;h=null}else if(d(e)&&o){var b=Pe(e,v,c,t.get("borderWidth"));r=b[0];i=b[1]}else{var b=Re(r,i,a,s,l,u?null:20,h?null:20);r=b[0];i=b[1]}u&&(r-=We(u)?c[0]/2:u==="right"?c[0]:0);h&&(i-=We(h)?c[1]/2:h==="bottom"?c[1]:0);if(le(t)){var b=Ue(r,i,a,s,l);r=b[0];i=b[1]}a.moveTo(r,i)};e.prototype._updateContentNotChangedOnAxis=function(t,e){var r=this._lastDataByCoordSys;var i=this._cbParamsList;var a=!!r&&r.length===t.length;a&&x(r,(function(r,n){var o=r.dataByAxis||[];var s=t[n]||{};var l=s.dataByAxis||[];a=a&&o.length===l.length;a&&x(o,(function(t,r){var n=l[r]||{};var o=t.seriesDataIndices||[];var s=n.seriesDataIndices||[];a=a&&t.value===n.value&&t.axisType===n.axisType&&t.axisId===n.axisId&&o.length===s.length;a&&x(o,(function(t,e){var r=s[e];a=a&&t.seriesIndex===r.seriesIndex&&t.dataIndex===r.dataIndex}));i&&x(t.seriesDataIndices,(function(t){var r=t.seriesIndex;var n=e[r];var o=i[r];if(n&&o&&o.data!==n.data){a=false}}))}))}));this._lastDataByCoordSys=t;this._cbParamsList=e;return!!a};e.prototype._hide=function(t){this._lastDataByCoordSys=null;t({type:"hideTip",from:this.uid})};e.prototype.dispose=function(t,e){if(f.node||!e.getDom()){return}D(this,"_updatePosition");this._tooltipContent.dispose();q("itemTooltip",e)};e.type="tooltip";return e}(J);function Le(t,e,r){var i=e.ecModel;var a;if(r){a=new V(r,i,i);a=new V(e.option,a,i)}else{a=e}for(var n=t.length-1;n>=0;n--){var o=t[n];if(o){if(o instanceof V){o=o.get("tooltip",true)}if(d(o)){o={formatter:o}}if(o){a=new V(o,a,i)}}}return a}function Be(t,e){return t.dispatchAction||w(e.dispatchAction,e)}function Re(t,e,r,i,a,n,o){var s=r.getSize();var l=s[0];var c=s[1];if(n!=null){if(t+l+n+2>i){t-=l+n}else{t+=n}}if(o!=null){if(e+c+o>a){e-=c+o}else{e+=o}}return[t,e]}function Ue(t,e,r,i,a){var n=r.getSize();var o=n[0];var s=n[1];t=Math.min(t+o,i)-o;e=Math.min(e+s,a)-s;t=Math.max(t,0);e=Math.max(e,0);return[t,e]}function Pe(t,e,r,i){var a=r[0];var n=r[1];var o=Math.ceil(Math.SQRT2*i)+8;var s=0;var l=0;var c=e.width;var u=e.height;switch(t){case"inside":s=e.x+c/2-a/2;l=e.y+u/2-n/2;break;case"top":s=e.x+c/2-a/2;l=e.y-n-o;break;case"bottom":s=e.x+c/2-a/2;l=e.y+u+o;break;case"left":s=e.x-a-o;l=e.y+u/2-n/2;break;case"right":s=e.x+c+o;l=e.y+u/2-n/2}return[s,l]}function We(t){return t==="center"||t==="middle"}function Fe(t,e,r){var i=Z(t).queryOptionMap;var a=i.keys()[0];if(!a||a==="series"){return}var n=Q(e,a,i.get(a),{useDefault:false,enableAll:false,enableNone:false});var o=n.models[0];if(!o){return}var s=r.getViewOfComponentModel(o);var l;s.group.traverse((function(e){var r=O(e).tooltipConfig;if(r&&r.name===t.name){l=e;return true}}));if(l){return{componentMainType:a,componentIndex:o.componentIndex,el:l}}}const je=Oe;function Ge(t){tt(et);t.registerComponentModel(se);t.registerComponentView(je);t.registerAction({type:"showTip",event:"showTip",update:"tooltip:manuallyShowTip"},rt);t.registerAction({type:"hideTip",event:"hideTip",update:"tooltip:manuallyHideTip"},rt)}var Ye=function(t,e){if(e==="all"){return{type:"all",title:t.getLocaleModel().get(["legend","selector","all"])}}else if(e==="inverse"){return{type:"inverse",title:t.getLocaleModel().get(["legend","selector","inverse"])}}};var He=function(t){u(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;r.layoutMode={type:"box",ignoreSize:true};return r}e.prototype.init=function(t,e,r){this.mergeDefaultAndTheme(t,r);t.selected=t.selected||{};this._updateSelector(t)};e.prototype.mergeOption=function(e,r){t.prototype.mergeOption.call(this,e,r);this._updateSelector(e)};e.prototype._updateSelector=function(t){var e=t.selector;var r=this.ecModel;if(e===true){e=t.selector=["all","inverse"]}if(y(e)){x(e,(function(t,i){d(t)&&(t={type:t});e[i]=it(t,Ye(r,t.type))}))}};e.prototype.optionUpdated=function(){this._updateData(this.ecModel);var t=this._data;if(t[0]&&this.get("selectedMode")==="single"){var e=false;for(var r=0;r<t.length;r++){var i=t[r].get("name");if(this.isSelected(i)){this.select(i);e=true;break}}!e&&this.select(t[0].get("name"))}};e.prototype._updateData=function(t){var e=[];var r=[];t.eachRawSeries((function(i){var a=i.name;r.push(a);var n;if(i.legendVisualProvider){var o=i.legendVisualProvider;var s=o.getAllNames();if(!t.isSeriesFiltered(i)){r=r.concat(s)}if(s.length){e=e.concat(s)}else{n=true}}else{n=true}if(n&&at(i)){e.push(i.name)}}));this._availableNames=r;var i=this.get("data")||e;var a=nt();var n=ot(i,(function(t){if(d(t)||lt(t)){t={name:t}}if(a.get(t.name)){return null}a.set(t.name,true);return new V(t,this,this.ecModel)}),this);this._data=st(n,(function(t){return!!t}))};e.prototype.getData=function(){return this._data};e.prototype.select=function(t){var e=this.option.selected;var r=this.get("selectedMode");if(r==="single"){var i=this._data;x(i,(function(t){e[t.get("name")]=false}))}e[t]=true};e.prototype.unSelect=function(t){if(this.get("selectedMode")!=="single"){this.option.selected[t]=false}};e.prototype.toggleSelected=function(t){var e=this.option.selected;if(!e.hasOwnProperty(t)){e[t]=true}this[e[t]?"unSelect":"select"](t)};e.prototype.allSelect=function(){var t=this._data;var e=this.option.selected;x(t,(function(t){e[t.get("name",true)]=true}))};e.prototype.inverseSelect=function(){var t=this._data;var e=this.option.selected;x(t,(function(t){var r=t.get("name",true);if(!e.hasOwnProperty(r)){e[r]=true}e[r]=!e[r]}))};e.prototype.isSelected=function(t){var e=this.option.selected;return!(e.hasOwnProperty(t)&&!e[t])&&S(this._availableNames,t)>=0};e.prototype.getOrient=function(){return this.get("orient")==="vertical"?{index:1,name:"vertical"}:{index:0,name:"horizontal"}};e.type="legend.plain";e.dependencies=["series"];e.defaultOption={z:4,show:true,orient:"horizontal",left:"center",top:0,align:"auto",backgroundColor:"rgba(0,0,0,0)",borderColor:"#ccc",borderRadius:0,borderWidth:0,padding:5,itemGap:10,itemWidth:25,itemHeight:14,symbolRotate:"inherit",symbolKeepAspect:true,inactiveColor:"#ccc",inactiveBorderColor:"#ccc",inactiveBorderWidth:"auto",itemStyle:{color:"inherit",opacity:"inherit",borderColor:"inherit",borderWidth:"auto",borderCap:"inherit",borderJoin:"inherit",borderDashOffset:"inherit",borderMiterLimit:"inherit"},lineStyle:{width:"auto",color:"inherit",inactiveColor:"#ccc",inactiveWidth:2,opacity:"inherit",type:"inherit",cap:"inherit",join:"inherit",dashOffset:"inherit",miterLimit:"inherit"},textStyle:{color:"#333"},selectedMode:true,selector:false,selectorLabel:{show:true,borderRadius:10,padding:[3,5,3,5],fontSize:12,fontFamily:"sans-serif",color:"#666",borderWidth:1,borderColor:"#666"},emphasis:{selectorLabel:{show:true,color:"#eee",backgroundColor:"#666"}},selectorPosition:"auto",selectorItemGap:7,selectorButtonGap:10,tooltip:{show:false}};return e}(h);const Xe=He;var Ee=yt;var _e=x;var Ke=xt;var $e=function(t){u(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;r.newlineDisabled=false;return r}e.prototype.init=function(){this.group.add(this._contentGroup=new Ke);this.group.add(this._selectorGroup=new Ke);this._isFirstRender=true};e.prototype.getContentGroup=function(){return this._contentGroup};e.prototype.getSelectorGroup=function(){return this._selectorGroup};e.prototype.render=function(t,e,r){var i=this._isFirstRender;this._isFirstRender=false;this.resetInner();if(!t.get("show",true)){return}var a=t.get("align");var n=t.get("orient");if(!a||a==="auto"){a=t.get("left")==="right"&&n==="vertical"?"right":"left"}var o=t.get("selector",true);var s=t.get("selectorPosition",true);if(o&&(!s||s==="auto")){s=n==="horizontal"?"end":"start"}this.renderInner(a,t,e,r,o,n,s);var l=t.getBoxLayoutParams();var c={width:r.getWidth(),height:r.getHeight()};var u=t.get("padding");var h=$(l,c,u);var v=this.layoutInner(t,a,h,i,o,s);var f=$(ct({width:v.width,height:v.height},l),c,u);this.group.x=f.x-v.x;this.group.y=f.y-v.y;this.group.markRedraw();this.group.add(this._backgroundEl=ne(v,t))};e.prototype.resetInner=function(){this.getContentGroup().removeAll();this._backgroundEl&&this.group.remove(this._backgroundEl);this.getSelectorGroup().removeAll()};e.prototype.renderInner=function(t,e,r,i,a,n,o){var s=this.getContentGroup();var l=nt();var c=e.get("selectedMode");var u=[];r.eachRawSeries((function(t){!t.get("legendHoverLink")&&u.push(t.id)}));_e(e.getData(),(function(a,n){var o=a.get("name");if(!this.newlineDisabled&&(o===""||o==="\n")){var h=new Ke;h.newline=true;s.add(h);return}var v=r.getSeriesByName(o)[0];if(l.get(o)){return}if(v){var f=v.getData();var d=f.getVisual("legendLineStyle")||{};var p=f.getVisual("legendIcon");var g=f.getVisual("style");var b=this._createItem(v,o,n,a,e,t,d,g,p,c,i);b.on("click",Ee(Ve,o,null,i,u)).on("mouseover",Ee(Qe,v.name,null,i,u)).on("mouseout",Ee(tr,v.name,null,i,u));if(r.ssr){b.eachChild((function(t){var e=O(t);e.seriesIndex=v.seriesIndex;e.dataIndex=n;e.ssrType="legend"}))}l.set(o,true)}else{r.eachRawSeries((function(s){if(l.get(o)){return}if(s.legendVisualProvider){var h=s.legendVisualProvider;if(!h.containName(o)){return}var v=h.indexOfName(o);var f=h.getItemVisual(v,"style");var d=h.getItemVisual(v,"legendIcon");var p=ut(f.fill);if(p&&p[3]===0){p[3]=.2;f=G(G({},f),{fill:ht(p,"rgba")})}var g=this._createItem(s,o,n,a,e,t,{},f,d,c,i);g.on("click",Ee(Ve,null,o,i,u)).on("mouseover",Ee(Qe,null,o,i,u)).on("mouseout",Ee(tr,null,o,i,u));if(r.ssr){g.eachChild((function(t){var e=O(t);e.seriesIndex=s.seriesIndex;e.dataIndex=n;e.ssrType="legend"}))}l.set(o,true)}}),this)}}),this);if(a){this._createSelector(a,e,i,n,o)}};e.prototype._createSelector=function(t,e,r,i,a){var n=this.getSelectorGroup();_e(t,(function t(i){var a=i.type;var o=new k({style:{x:0,y:0,align:"center",verticalAlign:"middle"},onclick:function(){r.dispatchAction({type:a==="all"?"legendAllSelect":"legendInverseSelect"})}});n.add(o);var s=e.getModel("selectorLabel");var l=e.getModel(["emphasis","selectorLabel"]);vt(o,{normal:s,emphasis:l},{defaultText:i.title});ft(o)}))};e.prototype._createItem=function(t,e,r,i,a,n,o,s,l,u,h){var v=t.visualDrawType;var f=a.get("itemWidth");var p=a.get("itemHeight");var b=a.isSelected(e);var m=i.get("symbolRotate");var y=i.get("symbolKeepAspect");var x=i.get("icon");l=x||l||"roundRect";var w=qe(l,i,o,s,v,b,h);var S=new Ke;var I=i.getModel("textStyle");if(g(t.getLegendIcon)&&(!x||x==="inherit")){S.add(t.getLegendIcon({itemWidth:f,itemHeight:p,icon:l,iconRotate:m,itemStyle:w.itemStyle,lineStyle:w.lineStyle,symbolKeepAspect:y}))}else{var M=x==="inherit"&&t.getData().getVisual("symbol")?m==="inherit"?t.getData().getVisual("symbolRotate"):m:0;S.add(Je({itemWidth:f,itemHeight:p,icon:l,iconRotate:M,itemStyle:w.itemStyle,lineStyle:w.lineStyle,symbolKeepAspect:y}))}var T=n==="left"?f+5:-5;var C=n;var z=a.get("formatter");var A=e;if(d(z)&&z){A=z.replace("{name}",e!=null?e:"")}else if(g(z)){A=z(e)}var D=b?I.getTextColor():i.get("inactiveColor");S.add(new k({style:dt(I,{text:A,x:T,y:p/2,fill:D,align:C,verticalAlign:"middle"},{inheritColor:D})}));var N=new c({shape:S.getBoundingRect(),style:{fill:"transparent"}});var O=i.getModel("tooltip");if(O.get("show")){pt({el:N,componentModel:a,itemName:e,itemTooltipOption:O.option})}S.add(N);S.eachChild((function(t){t.silent=true}));N.silent=!u;this.getContentGroup().add(S);ft(S);S.__legendDataIndex=r;return S};e.prototype.layoutInner=function(t,e,r,i,a,n){var o=this.getContentGroup();var s=this.getSelectorGroup();gt(t.get("orient"),o,t.get("itemGap"),r.width,r.height);var l=o.getBoundingRect();var c=[-l.x,-l.y];s.markRedraw();o.markRedraw();if(a){gt("horizontal",s,t.get("selectorItemGap",true));var u=s.getBoundingRect();var h=[-u.x,-u.y];var v=t.get("selectorButtonGap",true);var f=t.getOrient().index;var d=f===0?"width":"height";var p=f===0?"height":"width";var g=f===0?"y":"x";if(n==="end"){h[f]+=l[d]+v}else{c[f]+=u[d]+v}h[1-f]+=l[p]/2-u[p]/2;s.x=h[0];s.y=h[1];o.x=c[0];o.y=c[1];var b={x:0,y:0};b[d]=l[d]+v+u[d];b[p]=Math.max(l[p],u[p]);b[g]=Math.min(0,u[g]+h[1-f]);return b}else{o.x=c[0];o.y=c[1];return this.group.getBoundingRect()}};e.prototype.remove=function(){this.getContentGroup().removeAll();this._isFirstRender=true};e.type="legend.plain";return e}(J);function qe(t,e,r,i,a,n,o){function s(t,e){if(t.lineWidth==="auto"){t.lineWidth=e.lineWidth>0?2:0}_e(t,(function(r,i){t[i]==="inherit"&&(t[i]=e[i])}))}var l=e.getModel("itemStyle");var c=l.getItemStyle();var u=t.lastIndexOf("empty",0)===0?"fill":"stroke";var h=l.getShallow("decal");c.decal=!h||h==="inherit"?i.decal:bt(h,o);if(c.fill==="inherit"){c.fill=i[a]}if(c.stroke==="inherit"){c.stroke=i[u]}if(c.opacity==="inherit"){c.opacity=(a==="fill"?i:r).opacity}s(c,i);var v=e.getModel("lineStyle");var f=v.getLineStyle();s(f,r);c.fill==="auto"&&(c.fill=i.fill);c.stroke==="auto"&&(c.stroke=i.fill);f.stroke==="auto"&&(f.stroke=i.fill);if(!n){var d=e.get("inactiveBorderWidth");var p=c[u];c.lineWidth=d==="auto"?i.lineWidth>0&&p?2:0:c.lineWidth;c.fill=e.get("inactiveColor");c.stroke=e.get("inactiveBorderColor");f.stroke=v.get("inactiveColor");f.lineWidth=v.get("inactiveWidth")}return{itemStyle:c,lineStyle:f}}function Je(t){var e=t.icon||"roundRect";var r=mt(e,0,0,t.itemWidth,t.itemHeight,t.itemStyle.fill,t.symbolKeepAspect);r.setStyle(t.itemStyle);r.rotation=(t.iconRotate||0)*Math.PI/180;r.setOrigin([t.itemWidth/2,t.itemHeight/2]);if(e.indexOf("empty")>-1){r.style.stroke=r.style.fill;r.style.fill="#fff";r.style.lineWidth=2}return r}function Ve(t,e,r,i){tr(t,e,r,i);r.dispatchAction({type:"legendToggleSelect",name:t!=null?t:e});Qe(t,e,r,i)}function Ze(t){var e=t.getZr().storage.getDisplayList();var r;var i=0;var a=e.length;while(i<a&&!(r=e[i].states.emphasis)){i++}return r&&r.hoverLayer}function Qe(t,e,r,i){if(!Ze(r)){r.dispatchAction({type:"highlight",seriesName:t,name:e,excludeSeriesId:i})}}function tr(t,e,r,i){if(!Ze(r)){r.dispatchAction({type:"downplay",seriesName:t,name:e,excludeSeriesId:i})}}const er=$e;function rr(t){var e=t.findComponents({mainType:"legend"});if(e&&e.length){t.filterSeries((function(t){for(var r=0;r<e.length;r++){if(!e[r].isSelected(t.name)){return false}}return true}))}}function ir(t,e,r){var i={};var a=t==="toggleSelected";var n;r.eachComponent("legend",(function(r){if(a&&n!=null){r[n?"select":"unSelect"](e.name)}else if(t==="allSelect"||t==="inverseSelect"){r[t]()}else{r[t](e.name);n=r.isSelected(e.name)}var o=r.getData();x(o,(function(t){var e=t.get("name");if(e==="\n"||e===""){return}var a=r.isSelected(e);if(i.hasOwnProperty(e)){i[e]=i[e]&&a}else{i[e]=a}}))}));return t==="allSelect"||t==="inverseSelect"?{selected:i}:{name:e.name,selected:i}}function ar(t){t.registerAction("legendToggleSelect","legendselectchanged",yt(ir,"toggleSelected"));t.registerAction("legendAllSelect","legendselectall",yt(ir,"allSelect"));t.registerAction("legendInverseSelect","legendinverseselect",yt(ir,"inverseSelect"));t.registerAction("legendSelect","legendselected",yt(ir,"select"));t.registerAction("legendUnSelect","legendunselected",yt(ir,"unSelect"))}function nr(t){t.registerComponentModel(Xe);t.registerComponentView(er);t.registerProcessor(t.PRIORITY.PROCESSOR.SERIES_FILTER,rr);t.registerSubTypeDefaulter("legend",(function(){return"plain"}));ar(t)}var or=function(t){u(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;return r}e.prototype.setScrollDataIndex=function(t){this.option.scrollDataIndex=t};e.prototype.init=function(e,r,i){var a=wt(e);t.prototype.init.call(this,e,r,i);sr(this,e,a)};e.prototype.mergeOption=function(e,r){t.prototype.mergeOption.call(this,e,r);sr(this,this.option,e)};e.type="legend.scroll";e.defaultOption=St(Xe.defaultOption,{scrollDataIndex:0,pageButtonItemGap:5,pageButtonGap:null,pageButtonPosition:"end",pageFormatter:"{current}/{total}",pageIcons:{horizontal:["M0,0L12,-10L12,10z","M0,0L-12,-10L-12,10z"],vertical:["M0,0L20,0L10,-20z","M0,0L20,0L10,20z"]},pageIconColor:"#2f4554",pageIconInactiveColor:"#aaa",pageIconSize:15,pageTextStyle:{color:"#333"},animationDurationUpdate:800});return e}(Xe);function sr(t,e,r){var i=t.getOrient();var a=[1,1];a[i.index]=0;It(e,r,{type:"box",ignoreSize:!!a})}const lr=or;var cr=xt;var ur=["width","height"];var hr=["x","y"];var vr=function(t){u(e,t);function e(){var r=t!==null&&t.apply(this,arguments)||this;r.type=e.type;r.newlineDisabled=true;r._currentIndex=0;return r}e.prototype.init=function(){t.prototype.init.call(this);this.group.add(this._containerGroup=new cr);this._containerGroup.add(this.getContentGroup());this.group.add(this._controllerGroup=new cr)};e.prototype.resetInner=function(){t.prototype.resetInner.call(this);this._controllerGroup.removeAll();this._containerGroup.removeClipPath();this._containerGroup.__rectSize=null};e.prototype.renderInner=function(e,r,i,a,n,o,s){var l=this;t.prototype.renderInner.call(this,e,r,i,a,n,o,s);var c=this._controllerGroup;var u=r.get("pageIconSize",true);var h=y(u)?u:[u,u];f("pagePrev",0);var v=r.getModel("pageTextStyle");c.add(new k({name:"pageText",style:{text:"xx/xx",fill:v.getTextColor(),font:v.getFont(),verticalAlign:"middle",align:"center"},silent:true}));f("pageNext",1);function f(t,e){var i=t+"DataIndex";var n=Mt(r.get("pageIcons",true)[r.getOrient().name][e],{onclick:w(l._pageGo,l,i,r,a)},{x:-h[0]/2,y:-h[1]/2,width:h[0],height:h[1]});n.name=t;c.add(n)}};e.prototype.layoutInner=function(t,e,r,i,a,n){var o=this.getSelectorGroup();var s=t.getOrient().index;var l=ur[s];var c=hr[s];var u=ur[1-s];var h=hr[1-s];a&&gt("horizontal",o,t.get("selectorItemGap",true));var v=t.get("selectorButtonGap",true);var f=o.getBoundingRect();var d=[-f.x,-f.y];var p=H(r);a&&(p[l]=r[l]-f[l]-v);var g=this._layoutContentAndController(t,i,p,s,l,u,h,c);if(a){if(n==="end"){d[s]+=g[l]+v}else{var b=f[l]+v;d[s]-=b;g[c]-=b}g[l]+=f[l]+v;d[1-s]+=g[h]+g[u]/2-f[u]/2;g[u]=Math.max(g[u],f[u]);g[h]=Math.min(g[h],f[h]+d[1-s]);o.x=d[0];o.y=d[1];o.markRedraw()}return g};e.prototype._layoutContentAndController=function(t,e,r,i,a,n,o,s){var l=this.getContentGroup();var u=this._containerGroup;var h=this._controllerGroup;gt(t.get("orient"),l,t.get("itemGap"),!i?null:r.width,i?null:r.height);gt("horizontal",h,t.get("pageButtonItemGap",true));var v=l.getBoundingRect();var f=h.getBoundingRect();var d=this._showController=v[a]>r[a];var p=[-v.x,-v.y];if(!e){p[i]=l[s]}var g=[0,0];var b=[-f.x,-f.y];var m=Tt(t.get("pageButtonGap",true),t.get("itemGap",true));if(d){var y=t.get("pageButtonPosition",true);if(y==="end"){b[i]+=r[a]-f[a]}else{g[i]+=f[a]+m}}b[1-i]+=v[n]/2-f[n]/2;l.setPosition(p);u.setPosition(g);h.setPosition(b);var x={x:0,y:0};x[a]=d?r[a]:v[a];x[n]=Math.max(v[n],f[n]);x[o]=Math.min(0,f[o]+b[1-i]);u.__rectSize=r[a];if(d){var w={x:0,y:0};w[a]=Math.max(r[a]-f[a]-m,0);w[n]=x[n];u.setClipPath(new c({shape:w}));u.__rectSize=w[a]}else{h.eachChild((function(t){t.attr({invisible:true,silent:true})}))}var S=this._getPageInfo(t);S.pageIndex!=null&&Ct(l,{x:S.contentPosition[0],y:S.contentPosition[1]},d?t:null);this._updatePageInfoView(t,S);return x};e.prototype._pageGo=function(t,e,r){var i=this._getPageInfo(e)[t];i!=null&&r.dispatchAction({type:"legendScroll",scrollDataIndex:i,legendId:e.id})};e.prototype._updatePageInfoView=function(t,e){var r=this._controllerGroup;x(["pagePrev","pageNext"],(function(i){var a=i+"DataIndex";var n=e[a]!=null;var o=r.childOfName(i);if(o){o.setStyle("fill",n?t.get("pageIconColor",true):t.get("pageIconInactiveColor",true));o.cursor=n?"pointer":"default"}}));var i=r.childOfName("pageText");var a=t.get("pageFormatter");var n=e.pageIndex;var o=n!=null?n+1:0;var s=e.pageCount;i&&a&&i.setStyle("text",d(a)?a.replace("{current}",o==null?"":o+"").replace("{total}",s==null?"":s+""):a({current:o,total:s}))};e.prototype._getPageInfo=function(t){var e=t.get("scrollDataIndex",true);var r=this.getContentGroup();var i=this._containerGroup.__rectSize;var a=t.getOrient().index;var n=ur[a];var o=hr[a];var s=this._findTargetItemIndex(e);var l=r.children();var c=l[s];var u=l.length;var h=!u?0:1;var v={contentPosition:[r.x,r.y],pageCount:h,pageIndex:h-1,pagePrevDataIndex:null,pageNextDataIndex:null};if(!c){return v}var f=m(c);v.contentPosition[a]=-f.s;for(var d=s+1,p=f,g=f,b=null;d<=u;++d){b=m(l[d]);if(!b&&g.e>p.s+i||b&&!y(b,p.s)){if(g.i>p.i){p=g}else{p=b}if(p){if(v.pageNextDataIndex==null){v.pageNextDataIndex=p.i}++v.pageCount}}g=b}for(var d=s-1,p=f,g=f,b=null;d>=-1;--d){b=m(l[d]);if((!b||!y(g,b.s))&&p.i<g.i){g=p;if(v.pagePrevDataIndex==null){v.pagePrevDataIndex=p.i}++v.pageCount;++v.pageIndex}p=b}return v;function m(t){if(t){var e=t.getBoundingRect();var r=e[o]+t[o];return{s:r,e:r+e[n],i:t.__legendDataIndex}}}function y(t,e){return t.e>=e&&t.s<=e+i}};e.prototype._findTargetItemIndex=function(t){if(!this._showController){return 0}var e;var r=this.getContentGroup();var i;r.eachChild((function(r,a){var n=r.__legendDataIndex;if(i==null&&n!=null){i=a}if(n===t){e=a}}));return e!=null?e:i};e.type="legend.scroll";return e}(er);const fr=vr;function dr(t){t.registerAction("legendScroll","legendscroll",(function(t,e){var r=t.scrollDataIndex;r!=null&&e.eachComponent({mainType:"legend",subType:"scroll",query:t},(function(t){t.setScrollDataIndex(r)}))}))}function pr(t){tt(nr);t.registerComponentModel(lr);t.registerComponentView(fr);dr(t)}function gr(t){tt(nr);tt(pr)}var br=Math.PI*2;var mr=Math.PI/180;function yr(t,e){return $(t.getBoxLayoutParams(),{width:e.getWidth(),height:e.getHeight()})}function xr(t,e){var r=yr(t,e);var i=t.get("center");var a=t.get("radius");if(!y(a)){a=[0,a]}var n=K(r.width,e.getWidth());var o=K(r.height,e.getHeight());var s=Math.min(n,o);var l=K(a[0],s/2);var c=K(a[1],s/2);var u;var h;var v=t.coordinateSystem;if(v){var f=v.dataToPoint(i);u=f[0]||0;h=f[1]||0}else{if(!y(i)){i=[i,i]}u=K(i[0],n)+r.x;h=K(i[1],o)+r.y}return{cx:u,cy:h,r0:l,r:c}}function wr(t,e,r){e.eachSeriesByType(t,(function(t){var e=t.getData();var i=e.mapDimension("value");var a=yr(t,r);var n=xr(t,r),o=n.cx,s=n.cy,l=n.r,c=n.r0;var u=-t.get("startAngle")*mr;var h=t.get("endAngle");var v=t.get("padAngle")*mr;h=h==="auto"?u-br:-h*mr;var f=t.get("minAngle")*mr;var d=f+v;var p=0;e.each(i,(function(t){!isNaN(t)&&p++}));var g=e.getSum(i);var b=Math.PI/(g||p)*2;var m=t.get("clockwise");var y=t.get("roseType");var x=t.get("stillShowZeroSum");var w=e.getDataExtent(i);w[0]=0;var S=m?1:-1;var I=[u,h];var M=S*v/2;kt(I,!m);u=I[0],h=I[1];var T=Sr(t);T.startAngle=u;T.endAngle=h;T.clockwise=m;var C=Math.abs(h-u);var k=C;var z=0;var A=u;e.setLayout({viewRect:a,r:l});e.each(i,(function(t,r){var i;if(isNaN(t)){e.setItemLayout(r,{angle:NaN,startAngle:NaN,endAngle:NaN,clockwise:m,cx:o,cy:s,r0:c,r:y?NaN:l});return}if(y!=="area"){i=g===0&&x?b:t*b}else{i=C/p}if(i<d){i=d;k-=d}else{z+=t}var a=A+S*i;var n=0;var u=0;if(v>i){n=A+S*i/2;u=n}else{n=A+M;u=a-M}e.setItemLayout(r,{angle:i,startAngle:n,endAngle:u,clockwise:m,cx:o,cy:s,r0:c,r:y?zt(t,w,[c,l]):l});A=a}));if(k<br&&p){if(k<=.001){var D=C/p;e.each(i,(function(t,r){if(!isNaN(t)){var i=e.getItemLayout(r);i.angle=D;var a=0;var n=0;if(D<v){a=u+S*(r+1/2)*D;n=a}else{a=u+S*r*D+M;n=u+S*(r+1)*D-M}i.startAngle=a;i.endAngle=n}}))}else{b=k/z;A=u;e.each(i,(function(t,r){if(!isNaN(t)){var i=e.getItemLayout(r);var a=i.angle===d?d:t*b;var n=0;var o=0;if(a<v){n=A+S*a/2;o=n}else{n=A+M;o=A+S*a-M}i.startAngle=n;i.endAngle=o;A+=S*a}}))}}}))}var Sr=At();function Ir(t){return{seriesType:t,reset:function(t,e){var r=e.findComponents({mainType:"legend"});if(!r||!r.length){return}var i=t.getData();i.filterSelf((function(t){var e=i.getName(t);for(var a=0;a<r.length;a++){if(!r[a].isSelected(e)){return false}}return true}))}}}var Mr=Math.PI/180;function Tr(t,e,r,i,a,n,o,s,l,c){if(t.length<2){return}function u(t){var n=t.rB;var o=n*n;for(var s=0;s<t.list.length;s++){var l=t.list[s];var c=Math.abs(l.label.y-r);var u=i+l.len;var h=u*u;var v=Math.sqrt((1-Math.abs(c*c/o))*h);var f=e+(v+l.len2)*a;var d=f-l.label.x;var p=l.targetTextWidth-d*a;kr(l,p,true);l.label.x=f}}function h(t){var n={list:[],maxY:0};var o={list:[],maxY:0};for(var s=0;s<t.length;s++){if(t[s].labelAlignTo!=="none"){continue}var l=t[s];var c=l.label.y>r?o:n;var h=Math.abs(l.label.y-r);if(h>=c.maxY){var v=l.label.x-e-l.len2*a;var f=i+l.len;var d=Math.abs(v)<f?Math.sqrt(h*h/(1-v*v/f/f)):f;c.rB=d;c.maxY=h}c.list.push(l)}u(n);u(o)}var v=t.length;for(var f=0;f<v;f++){if(t[f].position==="outer"&&t[f].labelAlignTo==="labelLine"){var d=t[f].label.x-c;t[f].linePoints[1][0]+=d;t[f].label.x=c}}if(Nt(t,l,l+o)){h(t)}}function Cr(t,e,r,i,a,n,o,s){var l=[];var c=[];var u=Number.MAX_VALUE;var h=-Number.MAX_VALUE;for(var v=0;v<t.length;v++){var f=t[v].label;if(zr(t[v])){continue}if(f.x<e){u=Math.min(u,f.x);l.push(t[v])}else{h=Math.max(h,f.x);c.push(t[v])}}for(var v=0;v<t.length;v++){var d=t[v];if(!zr(d)&&d.linePoints){if(d.labelStyleWidth!=null){continue}var f=d.label;var p=d.linePoints;var g=void 0;if(d.labelAlignTo==="edge"){if(f.x<e){g=p[2][0]-d.labelDistance-o-d.edgeDistance}else{g=o+a-d.edgeDistance-p[2][0]-d.labelDistance}}else if(d.labelAlignTo==="labelLine"){if(f.x<e){g=u-o-d.bleedMargin}else{g=o+a-h-d.bleedMargin}}else{if(f.x<e){g=f.x-o-d.bleedMargin}else{g=o+a-f.x-d.bleedMargin}}d.targetTextWidth=g;kr(d,g)}}Tr(c,e,r,i,1,a,n,o,s,h);Tr(l,e,r,i,-1,a,n,o,s,u);for(var v=0;v<t.length;v++){var d=t[v];if(!zr(d)&&d.linePoints){var f=d.label;var p=d.linePoints;var b=d.labelAlignTo==="edge";var m=f.style.padding;var y=m?m[1]+m[3]:0;var x=f.style.backgroundColor?0:y;var w=d.rect.width+x;var S=p[1][0]-p[2][0];if(b){if(f.x<e){p[2][0]=o+d.edgeDistance+w+d.labelDistance}else{p[2][0]=o+a-d.edgeDistance-w-d.labelDistance}}else{if(f.x<e){p[2][0]=f.x+d.labelDistance}else{p[2][0]=f.x-d.labelDistance}p[1][0]=p[2][0]+S}p[1][1]=p[2][1]=f.y}}}function kr(t,e,r){if(r===void 0){r=false}if(t.labelStyleWidth!=null){return}var i=t.label;var a=i.style;var n=t.rect;var o=a.backgroundColor;var s=a.padding;var l=s?s[1]+s[3]:0;var c=a.overflow;var u=n.width+(o?0:l);if(e<u||r){var h=n.height;if(c&&c.match("break")){i.setStyle("backgroundColor",null);i.setStyle("width",e-l);var v=i.getBoundingRect();i.setStyle("width",Math.ceil(v.width));i.setStyle("backgroundColor",o)}else{var f=e-l;var d=e<u?f:r?f>t.unconstrainedWidth?null:f:null;i.setStyle("width",d)}var p=i.getBoundingRect();n.width=p.width;var g=(i.style.margin||0)+2.1;n.height=p.height+g;n.y-=(n.height-h)/2}}function zr(t){return t.position==="center"}function Ar(t){var e=t.getData();var r=[];var i;var a;var n=false;var o=(t.get("minShowLabelAngle")||0)*Mr;var s=e.getLayout("viewRect");var l=e.getLayout("r");var c=s.width;var u=s.x;var h=s.y;var v=s.height;function f(t){t.ignore=true}function d(t){if(!t.ignore){return true}for(var e in t.states){if(t.states[e].ignore===false){return true}}return false}e.each((function(t){var s=e.getItemGraphicEl(t);var h=s.shape;var v=s.getTextContent();var p=s.getTextGuideLine();var g=e.getItemModel(t);var b=g.getModel("label");var m=b.get("position")||g.get(["emphasis","label","position"]);var y=b.get("distanceToLabelLine");var w=b.get("alignTo");var S=K(b.get("edgeDistance"),c);var I=b.get("bleedMargin");var M=g.getModel("labelLine");var T=M.get("length");T=K(T,c);var C=M.get("length2");C=K(C,c);if(Math.abs(h.endAngle-h.startAngle)<o){x(v.states,f);v.ignore=true;if(p){x(p.states,f);p.ignore=true}return}if(!d(v)){return}var k=(h.startAngle+h.endAngle)/2;var z=Math.cos(k);var A=Math.sin(k);var D;var N;var O;var L;i=h.cx;a=h.cy;var B=m==="inside"||m==="inner";if(m==="center"){D=h.cx;N=h.cy;L="center"}else{var R=(B?(h.r+h.r0)/2*z:h.r*z)+i;var U=(B?(h.r+h.r0)/2*A:h.r*A)+a;D=R+z*3;N=U+A*3;if(!B){var P=R+z*(T+l-h.r);var W=U+A*(T+l-h.r);var F=P+(z<0?-1:1)*C;var j=W;if(w==="edge"){D=z<0?u+S:u+c-S}else{D=F+(z<0?-y:y)}N=j;O=[[R,U],[P,W],[F,j]]}L=B?"center":w==="edge"?z>0?"right":"left":z>0?"left":"right"}var G=Math.PI;var Y=0;var H=b.get("rotate");if(lt(H)){Y=H*(G/180)}else if(m==="center"){Y=0}else if(H==="radial"||H===true){var X=z<0?-k+G:-k;Y=X}else if(H==="tangential"&&m!=="outside"&&m!=="outer"){var E=Math.atan2(z,A);if(E<0){E=G*2+E}var _=A>0;if(_){E=G+E}Y=E-G}n=!!Y;v.x=D;v.y=N;v.rotation=Y;v.setStyle({verticalAlign:"middle"});if(!B){var $=v.getBoundingRect().clone();$.applyTransform(v.getComputedTransform());var q=(v.style.margin||0)+2.1;$.y-=q/2;$.height+=q;r.push({label:v,labelLine:p,position:m,len:T,len2:C,minTurnAngle:M.get("minTurnAngle"),maxSurfaceAngle:M.get("maxSurfaceAngle"),surfaceNormal:new Dt(z,A),linePoints:O,textAlign:L,labelDistance:y,labelAlignTo:w,edgeDistance:S,bleedMargin:I,rect:$,unconstrainedWidth:$.width,labelStyleWidth:v.style.width})}else{v.setStyle({align:L});var J=v.states.select;if(J){J.x+=v.x;J.y+=v.y}}s.setTextConfig({inside:B})}));if(!n&&t.get("avoidLabelOverlap")){Cr(r,i,a,l,c,v,u,h)}for(var p=0;p<r.length;p++){var g=r[p];var b=g.label;var m=g.labelLine;var y=isNaN(b.x)||isNaN(b.y);if(b){b.setStyle({align:g.textAlign});if(y){x(b.states,f);b.ignore=true}var w=b.states.select;if(w){w.x+=b.x;w.y+=b.y}}if(m){var S=g.linePoints;if(y||!S){x(m.states,f);m.ignore=true}else{Qt(S,g.minTurnAngle);te(S,g.surfaceNormal,g.maxSurfaceAngle);m.setShape({points:S});b.__hostTarget.textGuideLineConfig={anchor:new Dt(S[0][0],S[0][1])}}}}}var Dr=function(t){u(e,t);function e(e,r,i){var a=t.call(this)||this;a.z2=2;var n=new k;a.setTextContent(n);a.updateData(e,r,i,true);return a}e.prototype.updateData=function(t,e,r,i){var a=this;var n=t.hostModel;var o=t.getItemModel(e);var s=o.getModel("emphasis");var l=t.getItemLayout(e);var c=G(ee(o.getModel("itemStyle"),l,true),l);if(isNaN(c.startAngle)){a.setShape(c);return}if(i){a.setShape(c);var u=n.getShallow("animationType");if(n.ecModel.ssr){Ot(a,{scaleX:0,scaleY:0},n,{dataIndex:e,isFrom:true});a.originX=c.cx;a.originY=c.cy}else if(u==="scale"){a.shape.r=l.r0;Ot(a,{shape:{r:l.r}},n,e)}else{if(r!=null){a.setShape({startAngle:r,endAngle:r});Ot(a,{shape:{startAngle:l.startAngle,endAngle:l.endAngle}},n,e)}else{a.shape.endAngle=l.startAngle;Ct(a,{shape:{endAngle:l.endAngle}},n,e)}}}else{Lt(a);Ct(a,{shape:c},n,e)}a.useStyle(t.getItemVisual(e,"style"));Bt(a,o);var h=(l.startAngle+l.endAngle)/2;var v=n.get("selectedOffset");var f=Math.cos(h)*v;var d=Math.sin(h)*v;var p=o.getShallow("cursor");p&&a.attr("cursor",p);this._updateLabel(n,t,e);a.ensureState("emphasis").shape=G({r:l.r+(s.get("scale")?s.get("scaleSize")||0:0)},ee(s.getModel("itemStyle"),l));G(a.ensureState("select"),{x:f,y:d,shape:ee(o.getModel(["select","itemStyle"]),l)});G(a.ensureState("blur"),{shape:ee(o.getModel(["blur","itemStyle"]),l)});var g=a.getTextGuideLine();var b=a.getTextContent();g&&G(g.ensureState("select"),{x:f,y:d});G(b.ensureState("select"),{x:f,y:d});Rt(this,s.get("focus"),s.get("blurScope"),s.get("disabled"))};e.prototype._updateLabel=function(t,e,r){var i=this;var a=e.getItemModel(r);var n=a.getModel("labelLine");var o=e.getItemVisual(r,"style");var s=o&&o.fill;var l=o&&o.opacity;vt(i,Ut(a),{labelFetcher:e.hostModel,labelDataIndex:r,inheritColor:s,defaultOpacity:l,defaultText:t.getFormattedLabel(r,"normal")||e.getName(r)});var c=i.getTextContent();i.setTextConfig({position:null,rotation:null});c.attr({z2:10});var u=t.get(["label","position"]);if(u!=="outside"&&u!=="outer"){i.removeTextGuideLine()}else{var h=this.getTextGuideLine();if(!h){h=new Pt;this.setTextGuideLine(h)}re(this,ie(a),{stroke:s,opacity:Wt(n.get(["lineStyle","opacity"]),l,1)})}};return e}(Ft);var Nr=function(t){u(e,t);function e(){var e=t!==null&&t.apply(this,arguments)||this;e.ignoreLabelLineUpdate=true;return e}e.prototype.render=function(t,e,r,i){var a=t.getData();var n=this._data;var o=this.group;var s;if(!n&&a.count()>0){var l=a.getItemLayout(0);for(var c=1;isNaN(l&&l.startAngle)&&c<a.count();++c){l=a.getItemLayout(c)}if(l){s=l.startAngle}}if(this._emptyCircleSector){o.remove(this._emptyCircleSector)}if(a.count()===0&&t.get("showEmptyCircle")){var u=Sr(t);var h=new Ft({shape:G(xr(t,r),u)});h.useStyle(t.getModel("emptyCircleStyle").getItemStyle());this._emptyCircleSector=h;o.add(h)}a.diff(n).add((function(t){var e=new Dr(a,t,s);a.setItemGraphicEl(t,e);o.add(e)})).update((function(t,e){var r=n.getItemGraphicEl(e);r.updateData(a,t,s);r.off("click");o.add(r);a.setItemGraphicEl(t,r)})).remove((function(e){var r=n.getItemGraphicEl(e);jt(r,t,e)})).execute();Ar(t);if(t.get("animationTypeUpdate")!=="expansion"){this._data=a}};e.prototype.dispose=function(){};e.prototype.containPoint=function(t,e){var r=e.getData();var i=r.getItemLayout(0);if(i){var a=t[0]-i.cx;var n=t[1]-i.cy;var o=Math.sqrt(a*a+n*n);return o<=i.r&&o>=i.r0}};e.type="pie";return e}(Gt);const Or=Nr;function Lr(t,e,r){e=y(e)&&{coordDimensions:e}||G({encodeDefine:t.getEncode()},e);var i=t.getSource();var a=Yt(i,e).dimensions;var n=new Ht(a,t);n.initData(i,r);return n}var Br=function(){function t(t,e){this._getDataWithEncodedVisual=t;this._getRawData=e}t.prototype.getAllNames=function(){var t=this._getRawData();return t.mapArray(t.getName)};t.prototype.containName=function(t){var e=this._getRawData();return e.indexOfName(t)>=0};t.prototype.indexOfName=function(t){var e=this._getDataWithEncodedVisual();return e.indexOfName(t)};t.prototype.getItemVisual=function(t,e){var r=this._getDataWithEncodedVisual();return r.getItemVisual(t,e)};return t}();const Rr=Br;var Ur=At();var Pr=function(t){u(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}e.prototype.init=function(e){t.prototype.init.apply(this,arguments);this.legendVisualProvider=new Rr(w(this.getData,this),w(this.getRawData,this));this._defaultLabelLine(e)};e.prototype.mergeOption=function(){t.prototype.mergeOption.apply(this,arguments)};e.prototype.getInitialData=function(){return Lr(this,{coordDimensions:["value"],encodeDefaulter:yt(Xt,this)})};e.prototype.getDataParams=function(e){var r=this.getData();var i=Ur(r);var a=i.seats;if(!a){var n=[];r.each(r.mapDimension("value"),(function(t){n.push(t)}));a=i.seats=Et(n,r.hostModel.get("percentPrecision"))}var o=t.prototype.getDataParams.call(this,e);o.percent=a[e]||0;o.$vars.push("percent");return o};e.prototype._defaultLabelLine=function(t){_t(t,"labelLine",["show"]);var e=t.labelLine;var r=t.emphasis.labelLine;e.show=e.show&&t.label.show;r.show=r.show&&t.emphasis.label.show};e.type="series.pie";e.defaultOption={z:2,legendHoverLink:true,colorBy:"data",center:["50%","50%"],radius:[0,"75%"],clockwise:true,startAngle:90,endAngle:"auto",padAngle:0,minAngle:0,minShowLabelAngle:0,selectedOffset:10,percentPrecision:2,stillShowZeroSum:true,left:0,top:0,right:0,bottom:0,width:null,height:null,label:{rotate:0,show:true,overflow:"truncate",position:"outer",alignTo:"none",edgeDistance:"25%",bleedMargin:10,distanceToLabelLine:5},labelLine:{show:true,length:15,length2:15,smooth:false,minTurnAngle:90,maxSurfaceAngle:90,lineStyle:{width:1,type:"solid"}},itemStyle:{borderWidth:1,borderJoin:"round"},showEmptyCircle:true,emptyCircleStyle:{color:"lightgray",opacity:1},labelLayout:{hideOverlap:true},emphasis:{scale:true,scaleSize:5},avoidLabelOverlap:true,animationType:"expansion",animationDuration:1e3,animationTypeUpdate:"transition",animationEasingUpdate:"cubicInOut",animationDurationUpdate:500,animationEasing:"cubicInOut"};return e}(Kt);const Wr=Pr;function Fr(t){return{seriesType:t,reset:function(t,e){var r=t.getData();r.filterSelf((function(t){var e=r.mapDimension("value");var i=r.get(e,t);if(lt(i)&&!isNaN(i)&&i<0){return false}return true}))}}}function jr(t){t.registerChartView(Or);t.registerSeriesModel(Wr);$t("pie",t.registerAction);t.registerLayout(yt(wr,"pie"));t.registerProcessor(Ir("pie"));t.registerProcessor(Fr("pie"))}const Gr="*{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 #0066cc)}: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{position:relative;width:100%;display:block}.container{aspect-ratio:1/1;width:100%;display:flex;justify-content:center;align-items:center;position:relative}.chart-container{width:100%;height:100%;--comp-color-1:var(--tct-chart-donut-color-1, var(--t-chart-donut-color-1, var(--t-accent-1, #e05252)));--comp-color-2:var(--tct-chart-donut-color-2, var(--t-chart-donut-color-2, var(--t-accent-2, #e09952)));--comp-color-3:var(--tct-chart-donut-color-3, var(--t-chart-donut-color-3, var(--t-accent-3, #e0e052)));--comp-color-4:var(--tct-chart-donut-color-4, var(--t-chart-donut-color-4, var(--t-accent-4, #99e052)));--comp-color-5:var(--tct-chart-donut-color-5, var(--t-chart-donut-color-5, var(--t-accent-5, #52e052)));--comp-color-6:var(--tct-chart-donut-color-6, var(--t-chart-donut-color-6, var(--t-accent-6, #52e099)));--comp-color-7:var(--tct-chart-donut-color-7, var(--t-chart-donut-color-7, var(--t-accent-7, #52e0e0)));--comp-color-8:var(--tct-chart-donut-color-8, var(--t-chart-donut-color-8, var(--t-accent-8, #5299e0)));--comp-color-9:var(--tct-chart-donut-color-9, var(--t-chart-donut-color-9, var(--t-accent-9, #5252e0)));--comp-color-10:var(--tct-chart-donut-color-10, var(--t-chart-donut-color-10, var(--t-accent-10, #9952e0)));--comp-color-11:var(--tct-chart-donut-color-11, var(--t-chart-donut-color-11, var(--t-accent-11, #e052e0)));--comp-color-12:var(--tct-chart-donut-color-12, var(--t-chart-donut-color-12, var(--t-accent-12, #e05299)))}.chart-container,.center-card{--comp-background-color:var(--tct-chart-donut-border-color, var(--t-chart-donut-border-color, var(--t-base, #ffffff)))}button{--comp-button-padding:var(--tct-chart-donut-button-padding, var(--tct-chart-donut-button-vertical-padding, var(--t-chart-donut-button-vertical-padding, var(--app-scale-1x, 5px))) 0);transition:box-shadow var(--tct-chart-donut-button-tween, var(--t-chart-donut-button-tween, var(--app-tween-1, 0.2s ease)));padding:var(--comp-button-padding)}button:active{box-shadow:var(--const-double-focus-ring), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}button:hover{box-shadow:var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}button:focus{box-shadow:var(--const-double-focus-ring), var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}.center-card-container{position:absolute;top:50%;transform:translateY(-50%);padding:var(--tct-chart-donut-button-container-padding, var(--t-chart-donut-button-container-padding, var(--app-scale-1x, 5px)))}.center-card{width:100%;text-align:center;color:var(--tct-chart-donut-text-color, var(--t-chart-donut-text-color, var(--t-text, #4d4d4d)));margin-inline:auto;display:block}.center-card:is(button){cursor:pointer;background:var(--comp-background-color);border:0;border-radius:var(--tct-chart-donut-button-border-radius, var(--t-chart-donut-button-border-radius, var(--app-border-radius-1, 4px)))}q2-icon{--tct-icon-size:var(--tct-chart-donut-icon-size, var(--t-chart-donut-icon-size, 26px));--comp-icon-margin:var(--tct-chart-donut-icon-margin, 0 0 var(--tct-chart-donut-icon-margin-bottom, var(--t-chart-donut-icon-margin-bottom, var(--app-scale-1x, 5px))));margin:var(--comp-icon-margin)}.name{font-size:var(--tct-chart-donut-name-font-size, var(--t-chart-donut-name-font-size, 14px))}.value{font-size:var(--tct-chart-donut-value-font-size, var(--t-chart-donut-value-font-size, 21px))}figure{margin:0}.legend{margin-top:var(--tct-chart-donut-legend-margin-top, var(--app-scale-0x, 0))}";const Yr=Gr;tt([Ge,gr,jr,qt,Jt,ae]);const Hr=class{constructor(r){t(this,r);this.change=e(this,"change",7);this.click=e(this,"click",7);this.defaultRecord={id:null,value:null,name:null};this.onButtonClick=t=>{t.stopPropagation();const{selectedId:e}=this;const r=e?this.getDataById(e):Object.assign({},this.defaultRecord);this.click.emit(r)};this.onButtonKeyDown=t=>{const{selectedId:e,data:r}=this;let i=this.getIndexById(e)||0;switch(t.key){case"ArrowUp":case"ArrowDown":t.preventDefault();break;case"ArrowLeft":t.preventDefault();i--;if(i<0)i=r.length-1;this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:i});break;case"ArrowRight":t.preventDefault();i++;if(i>r.length-1)i=0;this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:i});break;case"Escape":this.clearSelection();break;case" ":t.preventDefault();break;default:return}};this.onClickElsewhere=t=>{t.stopPropagation();this.clearSelection()};this.onContainerClick=t=>{if(this.isInChangeEvent)return;if(!(t.target instanceof HTMLElement))return;this.clearSelection();t.stopPropagation()};this.onLegendClick=t=>{t.stopPropagation();if(t.detail){const e=this.getDataIndexForId(t.detail.id);this.selectedId=t.detail.id;this.chart.dispatchAction({type:"select",seriesIndex:0,dataIndex:e})}else{const t=this.getDataIndexForId(this.selectedId);this.hoveredId=this.selectedId;this.selectedId=null;this.chart.dispatchAction({type:"unselect",seriesIndex:0,dataIndex:t})}};this.onLegendMouseenter=t=>{const e=this.getDataIndexForId(t.detail.id);this.hoveredId=t.detail.id;this.chart.dispatchAction({type:"highlight",seriesIndex:0,dataIndex:e})};this.onLegendMouseleave=t=>{const e=this.getDataIndexForId(t.detail.id);this.hoveredId=this.selectedId;this.chart.dispatchAction({type:"downplay",seriesIndex:0,dataIndex:e})};this.hoveredId=undefined;this.legendData=undefined;this.chartName=undefined;this.data=[];this.format=undefined;this.hoverScaleSize=5;this.innerRadius="70%";this.isClickable=undefined;this.minSliceSize="2.5%";this.outerRadius="85%";this.selectedId=undefined;this.selectedOffset=10;this.showLegend=false;this.summaryIcon=undefined;this.summaryName=undefined}disconnectedCallback(){this.resizeObserver=null}componentDidLoad(){const t=Vt(this.chartContainer);this.cacheComputedStyles();this.colors=this.getColors();this.resizeObserver=new ResizeObserver((()=>this.resizeChart()));this.resizeObserver.observe(this.hostElement);this.updateChart(t);this.setupChartEvents(t);this.checkSelectedId();this.chart=t;this.setLegendData();this.selectById(this.selectedId);a(this.hostElement)}delegateFocus(t){var e;if(!n(t,this.hostElement))return;if(!this.isClickable)return;(e=this.centerButtonElement)===null||e===void 0?void 0:e.focus()}async clearSelection(){const{selectedId:t}=this;if(!t)return;this.chart.dispatchAction({type:"unselect",seriesId:"pie",dataIndex:this.getIndexById(t)})}async getChartOptions(){return this.chart.getOption()}async selectById(t){const e=this.getIndexById(t);if(e===-1)return;this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:e})}async selectByIndex(t){const e=this.data[t]?t:null;if(!e)return;this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:e})}propsUpdates(){this.updateChart(this.chart)}dataUpdated(){this.colors=this.getColors();this.updateChart(this.chart);this.setLegendData()}innerRadiusUpdated(){const{innerRadius:t,outerRadius:e}=this;const r=parseFloat(t);const i=parseFloat(e);if(r>=i){this.innerRadius=`${i-15}%`}}outerRadiusUpdated(){const{innerRadius:t,outerRadius:e}=this;const r=parseFloat(t);const i=parseFloat(e);if(i<=r){this.outerRadius=`${r+15}%`}}checkSelectedId(){if(!!this.selectedId){this.hoveredId=this.selectedId;if(this.chart){this.selectById(this.selectedId)}}else{if(this.chart){this.chart.dispatchAction({type:"unselect",seriesId:"pie",dataIndex:this.getIndexById(this.hoveredId)})}this.hoveredId=null}}get centerData(){const{hoveredId:t,data:e}=this;const r=t;const i=this.getIndexById(r);return r?Object.assign(Object.assign({},this.getDataById(r)),{color:this.colors[i]}):{name:o(this.summaryName||"tecton.element.chartDonut.button.summaryName"),icon:this.summaryIcon,value:e.reduce(((t,e)=>t+e.value),0),color:null}}get isMobile(){return s()}get legendHoveredId(){return this.hoveredId===this.selectedId?null:this.hoveredId}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer);this.hostElementStyles=getComputedStyle(this.hostElement)}displayValue(t){const e=parseFloat(t.toString());if(isNaN(e))return;if(this.format==="currency"){return Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(e)}else{return Intl.NumberFormat("en-US").format(e)}}getColors(){const t=[1,3,8,4,2,10,7,11,6,9,12,5].map((t=>`--comp-color-${t}`));return this.data.reduce(((e,r,i)=>{let a=t[i%t.length];if(r.color)a=r.color;e.push(Zt(a,this.chartContainerStyles,this.hostElementStyles)||a);return e}),[])}getCSSProperty(t){let e;if(t.startsWith("var(")&&t.endsWith(")")){const r=/var\((.*)\)/g;const i=r.exec(t);const a=i.length>=2?i[1].split(","):[];t=a[0];e=a[1]}let r=this.chartContainerStyles.getPropertyValue(t).trim();if(!r)r=this.hostElementStyles.getPropertyValue(t).trim();return r||e}getDataById(t){if(!t)return;return this.data.find((e=>e.id===t))}getDataByIndex(t){if(typeof t!=="number")return;return this.data[t]}getDataIndexForId(t){return this.data.findIndex((e=>e.id===t))}getIndexById(t){return this.data.findIndex((e=>e.id===t))}getMinSliceSizeAsAngle(){return parseFloat(this.minSliceSize)/100*360}resizeChart(){this.chart.resize()}setLegendData(){const t=this.chart.getOption().series[0].color;this.legendData=this.data.map(((e,r)=>{const i=Object.assign({},e);if(!i.color)i.color=t[r];return i}))}setupChartEvents(t){if(!this.isMobile){t.on("mouseover",(t=>{this.hoveredId=t.data.id}));t.on("mouseout",(()=>{this.hoveredId=this.selectedId}))}t.on("click",(t=>{t.event.stop()}));t.on("selectchanged",(t=>{var e,r,i,a;const n=(a=(i=(r=(e=t.selected)===null||e===void 0?void 0:e[0])===null||r===void 0?void 0:r.dataIndex)===null||i===void 0?void 0:i[0])!==null&&a!==void 0?a:null;const o=typeof n==="number"?this.getDataByIndex(n):Object.assign({},this.defaultRecord);this.selectedId=o.id;this.isInChangeEvent=true;this.change.emit(o);setTimeout((()=>{this.isInChangeEvent=false}),0)}));t.on("finished",(()=>{var e;const r=t.getDom().querySelector("canvas");if((e=r===null||r===void 0?void 0:r.hasAttribute("aria-hidden"))!==null&&e!==void 0?e:false)return;r.setAttribute("aria-hidden","true")}))}validateColor(){if(this.data.length>Object.keys(this.data.reduce(((t,e)=>{t[e.name]=e.name;return t}),{})).length){this.data.forEach(((t,e)=>{t.itemStyle=Object.assign(Object.assign({},t.itemStyle),{color:t.color||this.colors[e]})}))}}updateChart(t){this.validateColor();return t.setOption({tooltip:{show:false},legend:{show:false},aria:{enabled:true},series:[{name:this.chartName,animationType:"scale",color:this.colors,id:"pie",type:"pie",selectedOffset:this.selectedOffset,selectedMode:"single",radius:[this.innerRadius,this.outerRadius],label:{show:false},labelLine:{show:false},itemStyle:{borderWidth:5,borderColor:Zt("--comp-background-color",this.chartContainerStyles,this.hostElementStyles)},emphasis:{disabled:this.isMobile,scaleSize:this.hoverScaleSize,itemStyle:{color:"inherit"}},minAngle:this.getMinSliceSizeAsAngle(),data:this.data}]})}renderCenterBlock(){const{icon:t,name:e,value:i,color:a}=this.centerData;const{isClickable:n}=this;const s=n?"button":"div";const l=this.displayValue(i);const c=n?{onKeyDown:this.onButtonKeyDown,onClick:this.onButtonClick,ref:t=>this.centerButtonElement=t,"aria-describedby":"center-card-description","aria-roledescription":o("tecton.element.chartDonut.button.roleDescription")}:null;return r("div",{class:"center-card-container",style:{width:`calc(${this.innerRadius} - 10%)`}},r("div",{id:"center-card-description",class:"sr"},o("tecton.element.chartDonut.button.description")),r(s,Object.assign({class:"center-card","test-id":"centerCard"},c),!!t&&r("q2-icon",{type:t,style:a&&{"--tct-icon-stroke-primary":a,"--tct-icon-stroke-secondary":a,color:a}}),!!e&&r("div",{class:"name"},e),!isNaN(i)&&r("div",{class:"value"},l)))}render(){return r("click-elsewhere",{key:"653843d0844777cd5a1eca08ff2212af8866a30a",onChange:this.onClickElsewhere},r("figure",{key:"3189ea33feae10932fe45ed1a6930badb4a9b438"},r("div",{key:"3be03652e90ae4a776b9bf87ec575863c8f03621",class:"container"},r("div",{key:"2e08d9019dfaabefd989ba51870bc778fa04905c",ref:t=>this.chartContainer=t,"aria-describedby":!this.isClickable?"center-card-description":undefined,class:"chart-container",role:"img","test-id":"chartContainer",onClick:this.onContainerClick,tabIndex:!this.isClickable?0:undefined,onKeyDown:!this.isClickable?this.onButtonKeyDown:undefined}),this.renderCenterBlock()),this.showLegend&&r("figcaption",{key:"158058ae81b1c016474f73c943d1452c6955022b"},r("q2-legend",{key:"2d3f38b153a808c6eb15c69cc5450cc6838a5166",class:"legend",data:this.legendData,format:this.format,hoveredItemId:this.legendHoveredId,onClick:this.onLegendClick,onMouseleave:this.onLegendMouseleave,onMouseenter:this.onLegendMouseenter,selectedItemId:this.selectedId}))))}get hostElement(){return i(this)}static get watchers(){return{chartName:["propsUpdates"],innerRadius:["propsUpdates","innerRadiusUpdated"],outerRadius:["propsUpdates","outerRadiusUpdated"],minSliceSize:["propsUpdates"],hoverScaleSize:["propsUpdates"],selectedOffset:["propsUpdates"],data:["dataUpdated"],selectedId:["checkSelectedId"]}}};Hr.style=Yr;export{Hr as q2_chart_donut};
-//# sourceMappingURL=p-16910682.entry.js.map