q2-tecton-elements 1.21.1 → 1.22.0

package/dist/q2-tecton-elements/{p-89608314.entry.js → p-4625184b.entry.js}

@@ -1 +1 @@
-import{r as o,c,h as e,g as t}from"./p-926a3e80.js";import{c as r,h as i,o as a,i as h,l}from"./p-5e374fbd.js";const s=class{constructor(e){o(this,e),this.change=c(this,"change",7),this.id=`checkbox-${r()}`,this.onInputClick=o=>{const c=this.disabled||this.readonly;if((c||!!this.hostElement.onchange)&&o.preventDefault(),c)return;if(!(o.target instanceof HTMLInputElement))return;const{value:e,checked:t}=o.target;this.change.emit({value:e,checked:t}),this.inputElement.focus()},this.checked=!1,this.type=void 0,this.label=void 0,this.hideLabel=void 0,this.ariaLabel=void 0,this.indeterminate=void 0,this.disabled=void 0,this.readonly=void 0,this.value=void 0,this.name=void 0,this.hasError=void 0,this.groupDisabled=void 0,this.alignment=void 0,this.description=void 0}componentWillLoad(){i(this)}componentDidLoad(){a(this.hostElement),this.hostElement.click=()=>this.inputElement.click()}defaultChangeHandler(o){this.readonly||o.target!==this.hostElement||this.hostElement.onchange||!o.detail||(this.checked=o.detail.checked)}delegateFocus(o){h(o,this.hostElement)&&this.hostElement.shadowRoot.querySelector("input").focus()}ariaLabelObserver(){i(this)}render(){const o=["label-text"];return this.hideLabel&&o.push("sr"),e("div",{class:"container"},e("input",{ref:o=>this.inputElement=o,id:this.id,type:"checkbox",checked:this.indeterminate||this.checked||!1,disabled:!!this.disabled||!!this.groupDisabled,class:"sr",value:this.value,name:this.name||this.id,"aria-describedby":this.description?"description":void 0,"test-id":"q2CheckboxInnerCheckBox",onClick:this.onInputClick}),e("label",{htmlFor:this.id,class:"label-control","test-id":"checkboxButton"},this.generateCheckboxSVG()),e("div",{class:o.join(" ")},e("label",{"test-id":"checkboxLabel",htmlFor:this.id},l(this.label),e("slot",null))),this.description&&e("div",{class:"description-text","test-id":"checkboxDescription",id:"description"},l(this.description)))}generateCheckboxSVG(){return"favorite"===this.type?e("q2-icon",{type:"star",class:"checkbox-icon"}):"toggle"===this.type?this.generateToggleSVG():e("svg",{"aria-hidden":"true",width:"20",height:"20",viewBox:"0 0 20 20",class:"checkbox-icon",focusable:"false"},e("rect",{x:"1",y:"1",width:"18",height:"18",rx:"3"}),(this.checked||this.indeterminate)&&this.generateCheckBoxSVGFill())}generateCheckBoxSVGFill(){return this.indeterminate?e("line",{class:"checkbox-fill indeterminate-fill",x1:"4",y1:"10",x2:"16",y2:"10"}):e("polyline",{class:"checkbox-fill checked-fill",points:"5 11 8.5 14.5 15 6"})}generateToggleSVG(){return e("div",{class:"toggle-svg"},e("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 46 14",class:"toggle-track"},e("rect",{width:"36",height:"14",rx:"7",x:"5"})),e("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 30 30",class:"toggle-indicator"},e("circle",{class:"toggle-circle",width:"20",height:"20",cx:"15",cy:"15",r:"10"}),e("line",{class:"off checked-fill",x1:"12",y1:"18",x2:"18",y2:"12"}),e("line",{class:"off checked-fill",x1:"12",y1:"12",x2:"18",y2:"18"}),e("polyline",{class:"on checked-fill",points:"11,16 14,19 18,12 14,19"})))}get hostElement(){return t(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};s.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative;padding:var(--tct-checkbox-vertical-padding, var(--t-checkbox-vertical-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)))) 0}.container{--comp-checkbox-size:var(--tct-checkbox-size, var(--t-checkbox-size, 20px));--comp-checkbox-default-column-gap:var(--app-scale-2x, 10px);--comp-checkbox-default-row-gap:0;--comp-checkbox-default-gap:var(--comp-checkbox-default-row-gap) var(--comp-checkbox-default-column-gap);--comp-checkbox-tween:var(--tct-tween-1, var(--app-tween-1, 0.2s ease));--comp-checkbox-toggle-width:var(--tct-checkbox-toggle-width, var(--t-checkbox-toggle-width, 46px));--comp-checkbox-gap:var(--tct-checkbox-gap, var(--t-checkbox-gap, var(--comp-checkbox-default-gap)));--comp-checkbox-outer-stroke-color:var(--tct-checkbox-outer-stroke-color, var(--t-checkbox-outer-stroke-color, var(--t-a11y-gray-color-AA, #949494)));--comp-checkbox-outer-fill-color:var(--tct-checkbox-outer-fill-color, var(--t-checkbox-outer-fill-color, var(--tct-white, var(--app-white, #ffffff))));--comp-checkbox-checked-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, var(--t-a11y-active-gray-color-AA, #404040))));--comp-control-width:var(--comp-checkbox-size);display:grid;grid-template-areas:"svg label" "svg description";align-items:center;gap:var(--comp-checkbox-gap);grid-template-columns:var(--comp-control-width) calc(100% - var(--comp-control-width) - var(--comp-checkbox-default-column-gap))}:host([type=favorite]) .container{--comp-checkbox-favorite-stroke-color:var(--tct-checkbox-favorite-stroke-color, var(--t-checkbox-favorite-stroke-color, var(--t-a11y-gray-color-AA, #949494)));--comp-checkbox-favorite-fill-color:var(--tct-checkbox-favorite-fill-color, var(--t-checkbox-favorite-fill-color, #db7d24))}:host([type=toggle]) .container{--comp-control-width:var(--comp-checkbox-toggle-width)}:host([alignment=right]) .container,:host([type=toggle]:not([alignment])) .container{grid-template-areas:"label svg" "description svg";grid-template-columns:calc(100% - var(--comp-control-width) - var(--comp-checkbox-default-column-gap)) var(--comp-control-width)}.label-control{align-items:center;display:flex}.label-text{grid-area:label}:host([description]) .label-text{font-weight:var(--tct-checkbox-label-font-weight, var(--t-checkbox-label-font-weight, 600))}:host([checked]) .label-text{font-weight:var(--tct-checkbox-checked-label-font-weight, var(--t-checkbox-checked-label-font-weight, 600))}.description-text{grid-area:description;font-weight:var(--tct-checkbox-description-font-weight, var(--t-checkbox-description-font-weight, 400))}label{cursor:pointer}:host([disabled]),:host([group-disabled]){opacity:var(--tct-checkbox-disabled-opacity, var(--t-checkbox-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))))}.checkbox-icon{--t-icon-stroke-primary:var(--comp-checkbox-outer-stroke-color);width:var(--comp-checkbox-size);height:var(--comp-checkbox-size);border-radius:var(--tct-checkbox-outer-border-radius, var(--t-checkbox-outer-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));stroke:var(--comp-checkbox-outer-stroke-color);color:var(--comp-checkbox-outer-stroke-color);stroke-width:var(--tct-checkbox-outer-stroke-width, var(--t-checkbox-outer-stroke-width, 2));fill:var(--comp-checkbox-outer-fill-color);flex-shrink:0}:host([checked]) .checkbox-icon{fill:var(--tct-checkbox-checked-outer-fill-color, var(--t-checkbox-checked-outer-fill-color, var(--comp-checkbox-outer-fill-color)));stroke:var(--tct-checkbox-checked-outer-stroke-color, var(--t-checkbox-checked-outer-stroke-color, var(--comp-checkbox-outer-stroke-color)))}:host(:focus-within) .checkbox-icon{box-shadow:var(--const-double-focus-ring), var(--tct-global-focus, 0 0 0 2px #33b4ff);stroke:var(--tct-checkbox-focused-outer-stroke-color, var(--t-checkbox-focused-outer-stroke-color, var(--comp-checkbox-checked-color)))}:host([type=favorite]) .checkbox-icon{--tct-icon-stroke-width:var(--tct-checkbox-favorite-stroke-width, var(--t-checkbox-favorite-stroke-width, 1));--tct-icon-stroke-primary:var(--comp-checkbox-favorite-stroke-color);transition:fill var(--comp-checkbox-tween), color var(--comp-checkbox-tween), stroke var(--comp-checkbox-tween)}:host([type=favorite]:focus-within) .checkbox-icon,:host([type=favorite]:hover) .checkbox-icon{--tct-icon-stroke-primary:var(--comp-checkbox-favorite-fill-color);--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, var(--t-checkbox-favorite-hover-stroke-width, 2))}:host([checked][type=favorite]) .checkbox-icon{--tct-icon-stroke-primary:var(--comp-checkbox-favorite-fill-color);fill:var(--comp-checkbox-favorite-fill-color);transition:fill var(--comp-checkbox-tween), color var(--comp-checkbox-tween), stroke var(--comp-checkbox-tween)}:host([checked][type=favorite]:focus-within) .checkbox-icon,:host([checked][type=favorite]:hover) .checkbox-icon{--tct-icon-stroke-primary:var(--comp-checkbox-favorite-stroke-color);--tct-icon-fill-primary:var(--comp-checkbox-favorite-fill-color);--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, var(--t-checkbox-favorite-hover-stroke-width, 2))}.checkbox-fill{stroke:var(--comp-checkbox-checked-color)}.checked-fill{stroke-width:var(--tct-checkbox-check-stroke-width, var(--t-checkbox-check-stroke-width, 2.5));stroke-linecap:round;stroke-linejoin:round}:host([type=toggle]) .checked-fill{stroke:var(--tct-checkbox-toggle-icon-stroke, var(--t-checkbox-toggle-icon-stroke, var(--tct-white, var(--app-white, #ffffff))));transition:opacity var(--comp-checkbox-tween)}:host([type=toggle][checked]) .checked-fill{stroke:var(--tct-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-text, var(--tct-white, var(--app-white, #ffffff)))))}.indeterminate-fill{stroke-width:var(--tct-checkbox-indeterminate-stroke-width, var(--t-checkbox-indeterminate-stroke-width, 3.5))}.toggle-svg{height:30px;width:var(--comp-checkbox-toggle-width);position:relative}.toggle-track,.toggle-indicator{position:absolute;top:50%;transform:translateY(-50%)}.toggle-track{fill:var(--tct-checkbox-toggle-track-color, var(--t-checkbox-toggle-track-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));height:14px;width:46px}:host([checked]) .toggle-track{fill:var(--tct-checkbox-toggle-checked-color, var(--t-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color)));opacity:0.5}.toggle-indicator{transition:left var(--comp-checkbox-tween);height:30px;width:30px;left:0;border-radius:50%}:host([checked]) .toggle-indicator{left:21px}.toggle-circle{fill:var(--tct-checkbox-toggle-circle-color, var(--t-checkbox-toggle-circle-color, var(--t-a11y-gray-color-AA, #949494)))}:host([checked]) .toggle-circle{fill:var(--tct-checkbox-toggle-checked-color, var(--t-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color)))}:host(:focus-within) .toggle-circle{stroke:var(--tct-checkbox-toggle-checked-color, var(--t-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color)));stroke-width:10px;stroke-opacity:0.5}:host(:not([checked]):focus-within) .toggle-circle{stroke:var(--tct-checkbox-toggle-circle-color, var(--t-checkbox-toggle-circle-color, var(--t-a11y-gray-color-AA, #949494)))}:host([checked]) .off,:host(:not([checked])) .on{opacity:0}';export{s as q2_checkbox}
+import{r as o,c,h as e,g as t}from"./p-926a3e80.js";import{c as r,h as i,o as a,i as h,l}from"./p-5e374fbd.js";const s=class{constructor(e){o(this,e),this.change=c(this,"change",7),this.id=`checkbox-${r()}`,this.onInputClick=o=>{const c=this.disabled||this.readonly;if((c||!!this.hostElement.onchange)&&o.preventDefault(),c)return;if(!(o.target instanceof HTMLInputElement))return;const{value:e,checked:t}=o.target;this.change.emit({value:e,checked:t}),this.inputElement.focus()},this.checked=!1,this.type=void 0,this.label=void 0,this.hideLabel=void 0,this.ariaLabel=void 0,this.indeterminate=void 0,this.disabled=void 0,this.readonly=void 0,this.value=void 0,this.name=void 0,this.hasError=void 0,this.groupDisabled=void 0,this.alignment=void 0,this.description=void 0}componentWillLoad(){i(this)}componentDidLoad(){a(this.hostElement),this.hostElement.click=()=>this.inputElement.click()}defaultChangeHandler(o){this.readonly||o.target!==this.hostElement||this.hostElement.onchange||!o.detail||(this.checked=o.detail.checked)}delegateFocus(o){h(o,this.hostElement)&&this.hostElement.shadowRoot.querySelector("input").focus()}ariaLabelObserver(){i(this)}render(){const o=["label-text"];return this.hideLabel&&o.push("sr"),e("div",{class:"container"},e("input",{ref:o=>this.inputElement=o,id:this.id,type:"checkbox",checked:this.indeterminate||this.checked||!1,disabled:!!this.disabled||!!this.groupDisabled,class:"sr",value:this.value,name:this.name||this.id,"aria-describedby":this.description?"description":void 0,"test-id":"q2CheckboxInnerCheckBox",onClick:this.onInputClick}),e("label",{htmlFor:this.id,class:"label-control","test-id":"checkboxButton"},this.generateCheckboxSVG()),e("div",{class:o.join(" ")},e("label",{"test-id":"checkboxLabel",htmlFor:this.id},l(this.label),e("slot",null))),this.description&&e("div",{class:"description-text","test-id":"checkboxDescription",id:"description"},l(this.description)))}generateCheckboxSVG(){return"favorite"===this.type?e("q2-icon",{type:"star",class:"checkbox-icon"}):"toggle"===this.type?this.generateToggleSVG():e("svg",{"aria-hidden":"true",width:"20",height:"20",viewBox:"0 0 20 20",class:"checkbox-icon",focusable:"false"},e("rect",{x:"1",y:"1",width:"18",height:"18",rx:"3"}),(this.checked||this.indeterminate)&&this.generateCheckBoxSVGFill())}generateCheckBoxSVGFill(){return this.indeterminate?e("line",{class:"checkbox-fill indeterminate-fill",x1:"4",y1:"10",x2:"16",y2:"10"}):e("polyline",{class:"checkbox-fill checked-fill",points:"5 11 8.5 14.5 15 6"})}generateToggleSVG(){return e("div",{class:"toggle-svg"},e("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 46 14",class:"toggle-track"},e("rect",{width:"36",height:"14",rx:"7",x:"5"})),e("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 30 30",class:"toggle-indicator"},e("circle",{class:"toggle-circle",width:"20",height:"20",cx:"15",cy:"15",r:"10"}),e("line",{class:"off checked-fill",x1:"12",y1:"18",x2:"18",y2:"12"}),e("line",{class:"off checked-fill",x1:"12",y1:"12",x2:"18",y2:"18"}),e("polyline",{class:"on checked-fill",points:"11,16 14,19 18,12 14,19"})))}get hostElement(){return t(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};s.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative;padding:var(--tct-checkbox-vertical-padding, var(--t-checkbox-vertical-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)))) 0}.container{--comp-checkbox-size:var(--tct-checkbox-size, var(--t-checkbox-size, 20px));--comp-checkbox-default-column-gap:var(--app-scale-2x, 10px);--comp-checkbox-default-row-gap:0;--comp-checkbox-default-gap:var(--comp-checkbox-default-row-gap) var(--comp-checkbox-default-column-gap);--comp-checkbox-tween:var(--tct-tween-1, var(--app-tween-1, 0.2s ease));--comp-checkbox-toggle-width:var(--tct-checkbox-toggle-width, var(--t-checkbox-toggle-width, 46px));--comp-checkbox-gap:var(--tct-checkbox-gap, var(--t-checkbox-gap, var(--comp-checkbox-default-gap)));--comp-checkbox-outer-stroke-color:var(--tct-checkbox-outer-stroke-color, var(--t-checkbox-outer-stroke-color, var(--t-a11y-gray-color-AA, #949494)));--comp-checkbox-outer-fill-color:var(--tct-checkbox-outer-fill-color, var(--t-checkbox-outer-fill-color, var(--tct-white, var(--app-white, #ffffff))));--comp-checkbox-checked-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, var(--t-a11y-active-gray-color-AA, #404040))));--comp-control-width:var(--comp-checkbox-size);display:grid;grid-template-areas:"svg label" "svg description";align-items:center;gap:var(--comp-checkbox-gap);grid-template-columns:var(--comp-control-width) calc(100% - var(--comp-control-width) - var(--comp-checkbox-default-column-gap))}:host([type=favorite]) .container{--comp-checkbox-favorite-stroke-color:var(--tct-checkbox-favorite-stroke-color, var(--t-checkbox-favorite-stroke-color, var(--t-a11y-gray-color-AA, #949494)));--comp-checkbox-favorite-fill-color:var(--tct-checkbox-favorite-fill-color, var(--t-checkbox-favorite-fill-color, #db7d24))}:host([type=toggle]) .container{--comp-control-width:var(--comp-checkbox-toggle-width)}:host([alignment=right]) .container,:host([type=toggle]:not([alignment])) .container{grid-template-areas:"label svg" "description svg";grid-template-columns:calc(100% - var(--comp-control-width) - var(--comp-checkbox-default-column-gap)) var(--comp-control-width)}.label-control{align-items:center;display:flex}.label-text{grid-area:label}:host([description]) .label-text{font-weight:var(--tct-checkbox-label-font-weight, var(--t-checkbox-label-font-weight, 600))}:host([checked]) .label-text{font-weight:var(--tct-checkbox-checked-label-font-weight, var(--t-checkbox-checked-label-font-weight, 600))}.description-text{grid-area:description;font-weight:var(--tct-checkbox-description-font-weight, var(--t-checkbox-description-font-weight, 400))}label{cursor:pointer}:host([disabled]:not([disabled=false])),:host([group-disabled]){opacity:var(--tct-checkbox-disabled-opacity, var(--t-checkbox-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))))}:host([disabled]:not([disabled=false])) label,:host([group-disabled]) label{cursor:not-allowed}.checkbox-icon{--t-icon-stroke-primary:var(--comp-checkbox-outer-stroke-color);width:var(--comp-checkbox-size);height:var(--comp-checkbox-size);border-radius:var(--tct-checkbox-outer-border-radius, var(--t-checkbox-outer-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));stroke:var(--comp-checkbox-outer-stroke-color);color:var(--comp-checkbox-outer-stroke-color);stroke-width:var(--tct-checkbox-outer-stroke-width, var(--t-checkbox-outer-stroke-width, 2));fill:var(--comp-checkbox-outer-fill-color);flex-shrink:0}:host([checked]) .checkbox-icon{fill:var(--tct-checkbox-checked-outer-fill-color, var(--t-checkbox-checked-outer-fill-color, var(--comp-checkbox-outer-fill-color)));stroke:var(--tct-checkbox-checked-outer-stroke-color, var(--t-checkbox-checked-outer-stroke-color, var(--comp-checkbox-outer-stroke-color)))}:host(:focus-within) .checkbox-icon{box-shadow:var(--const-double-focus-ring), var(--tct-global-focus, 0 0 0 2px #33b4ff);stroke:var(--tct-checkbox-focused-outer-stroke-color, var(--t-checkbox-focused-outer-stroke-color, var(--comp-checkbox-checked-color)))}:host([type=favorite]) .checkbox-icon{--tct-icon-stroke-width:var(--tct-checkbox-favorite-stroke-width, var(--t-checkbox-favorite-stroke-width, 1));--tct-icon-stroke-primary:var(--comp-checkbox-favorite-stroke-color);transition:fill var(--comp-checkbox-tween), color var(--comp-checkbox-tween), stroke var(--comp-checkbox-tween)}:host([type=favorite]:focus-within) .checkbox-icon,:host([type=favorite]:hover) .checkbox-icon{--tct-icon-stroke-primary:var(--comp-checkbox-favorite-fill-color);--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, var(--t-checkbox-favorite-hover-stroke-width, 2))}:host([checked][type=favorite]) .checkbox-icon{--tct-icon-stroke-primary:var(--comp-checkbox-favorite-fill-color);fill:var(--comp-checkbox-favorite-fill-color);transition:fill var(--comp-checkbox-tween), color var(--comp-checkbox-tween), stroke var(--comp-checkbox-tween)}:host([checked][type=favorite]:focus-within) .checkbox-icon,:host([checked][type=favorite]:hover) .checkbox-icon{--tct-icon-stroke-primary:var(--comp-checkbox-favorite-stroke-color);--tct-icon-fill-primary:var(--comp-checkbox-favorite-fill-color);--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, var(--t-checkbox-favorite-hover-stroke-width, 2))}.checkbox-fill{stroke:var(--comp-checkbox-checked-color)}.checked-fill{stroke-width:var(--tct-checkbox-check-stroke-width, var(--t-checkbox-check-stroke-width, 2.5));stroke-linecap:round;stroke-linejoin:round}:host([type=toggle]) .checked-fill{stroke:var(--tct-checkbox-toggle-icon-stroke, var(--t-checkbox-toggle-icon-stroke, var(--tct-white, var(--app-white, #ffffff))));transition:opacity var(--comp-checkbox-tween)}:host([type=toggle][checked]) .checked-fill{stroke:var(--tct-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-text, var(--tct-white, var(--app-white, #ffffff)))))}.indeterminate-fill{stroke-width:var(--tct-checkbox-indeterminate-stroke-width, var(--t-checkbox-indeterminate-stroke-width, 3.5))}.toggle-svg{height:30px;width:var(--comp-checkbox-toggle-width);position:relative}.toggle-track,.toggle-indicator{position:absolute;top:50%;transform:translateY(-50%)}.toggle-track{fill:var(--tct-checkbox-toggle-track-color, var(--t-checkbox-toggle-track-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));height:14px;width:46px}:host([checked]) .toggle-track{fill:var(--tct-checkbox-toggle-checked-color, var(--t-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color)));opacity:0.5}.toggle-indicator{transition:left var(--comp-checkbox-tween);height:30px;width:30px;left:0;border-radius:50%}:host([checked]) .toggle-indicator{left:21px}.toggle-circle{fill:var(--tct-checkbox-toggle-circle-color, var(--t-checkbox-toggle-circle-color, var(--t-a11y-gray-color-AA, #949494)))}:host([checked]) .toggle-circle{fill:var(--tct-checkbox-toggle-checked-color, var(--t-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color)))}:host(:focus-within) .toggle-circle{stroke:var(--tct-checkbox-toggle-checked-color, var(--t-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color)));stroke-width:10px;stroke-opacity:0.5}:host(:not([checked]):focus-within) .toggle-circle{stroke:var(--tct-checkbox-toggle-circle-color, var(--t-checkbox-toggle-circle-color, var(--t-a11y-gray-color-AA, #949494)))}:host([checked]) .off,:host(:not([checked])) .on{opacity:0}';export{s as q2_checkbox}

package/dist/q2-tecton-elements/{p-9772b15f.entry.js → p-520c40f6.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as r,g as i}from"./p-926a3e80.js";import{c as o,h as a,o as c,l as s}from"./p-5e374fbd.js";const n=class{constructor(r){t(this,r),this.change=e(this,"change",7),this.id=`radio-${o()}`,this.isLoaded=!1,this.inputChange=t=>{if(t.stopPropagation(),this.groupReadonly)return t.preventDefault(),!1;t.target instanceof HTMLInputElement&&(this.checked=t.target.checked)},this.label=void 0,this.hideLabel=void 0,this.value=void 0,this.disabled=!1,this.checked=!1,this.name=void 0,this.ariaLabel=void 0,this.groupDisabled=!1,this.groupReadonly=!1,this.groupTileLayout=!1}componentWillLoad(){a(this)}componentDidLoad(){this.isLoaded=!0,c(this.hostElement),this.hostElement.click=()=>this.inputField.click()}ariaLabelObserver(){a(this)}checkedObserver(){this.isLoaded&&this.checked&&this.change.emit({value:this.value})}onHostClick(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){t.target===this.hostElement&&this.inputField.focus()}render(){return r("div",{class:this.groupTileLayout?"radio-tile":"radio-container"},r("input",{ref:t=>this.inputField=t,class:"sr",id:this.id,type:"radio",name:this.name,value:this.value,disabled:this.disabled||this.groupDisabled,checked:this.checked,"aria-label":this.label&&this.hideLabel?s(this.label):void 0,onChange:this.inputChange,"test-id":"q2RadioInnerRadioBox"}),r("label",{htmlFor:this.id,"test-id":"radioButton"},!this.groupTileLayout&&r("svg",{viewBox:"0 0 18 18"},r("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"8"}),r("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"4"})),!this.hideLabel&&r("div",{class:"label-content"},this.label&&s(this.label)||"",r("slot",null))))}get hostElement(){return i(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],checked:["checkedObserver"]}}};n.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.radio-container{margin-top:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));margin-right:var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px));margin-bottom:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px))}.radio-container label[for]{font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));align-items:center;cursor:pointer;margin-right:1rem;display:grid;grid-template-columns:18px 1fr;gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}.radio-container svg{border-radius:50%;transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;width:100%}.radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))))}.radio-container input:focus+label svg{box-shadow:var(--const-double-focus-ring)}.radio-container input:focus+label circle:nth-child(1){stroke:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-container input:checked+label circle:nth-child(1){background-color:var(--tct-radio-checked-bg, transparent);stroke:var(--tct-radio-checked-stroke-color, var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))))}.radio-container input:checked+label .label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}.radio-container input:checked+label circle:nth-child(2){fill:var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-tile{flex-basis:100px;flex-grow:0;flex-wrap:wrap}.radio-tile label[for]{align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));cursor:pointer;display:block;padding:10px;position:relative;text-align:center;transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}.radio-tile input:focus+label,.radio-tile input:focus:checked+label{border-color:#0079c1;box-shadow:var(--const-double-focus-ring), var(--tct-global-focus, 0 0 0 2px #33b4ff)}.radio-tile input:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e));box-shadow:inset 0 0 0 2px #ffffff}.radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid #0079c1;border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:"";height:0;left:50%;margin-left:-5px;position:absolute;width:0}input:disabled+label{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}';export{n as q2_radio}
+import{r as t,c as e,h as r,g as i}from"./p-926a3e80.js";import{c as o,h as a,o as c,l as s}from"./p-5e374fbd.js";const n=class{constructor(r){t(this,r),this.change=e(this,"change",7),this.id=`radio-${o()}`,this.isLoaded=!1,this.inputChange=t=>{if(t.stopPropagation(),this.groupReadonly)return t.preventDefault(),!1;t.target instanceof HTMLInputElement&&(this.checked=t.target.checked)},this.label=void 0,this.hideLabel=void 0,this.value=void 0,this.disabled=!1,this.checked=!1,this.name=void 0,this.ariaLabel=void 0,this.groupDisabled=!1,this.groupReadonly=!1,this.groupTileLayout=!1}componentWillLoad(){a(this)}componentDidLoad(){this.isLoaded=!0,c(this.hostElement),this.hostElement.click=()=>this.inputField.click()}ariaLabelObserver(){a(this)}checkedObserver(){this.isLoaded&&this.checked&&this.change.emit({value:this.value})}onHostClick(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){t.target===this.hostElement&&this.inputField.focus()}render(){return r("div",{class:this.groupTileLayout?"radio-tile":"radio-container"},r("input",{ref:t=>this.inputField=t,class:"sr",id:this.id,type:"radio",name:this.name,value:this.value,disabled:this.disabled||this.groupDisabled,checked:this.checked,"aria-label":this.label&&this.hideLabel?s(this.label):void 0,onChange:this.inputChange,"test-id":"q2RadioInnerRadioBox"}),r("label",{htmlFor:this.id,"test-id":"radioButton"},!this.groupTileLayout&&r("svg",{viewBox:"0 0 18 18"},r("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"8"}),r("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"4"})),!this.hideLabel&&r("div",{class:"label-content"},this.label&&s(this.label)||"",r("slot",null))))}get hostElement(){return i(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],checked:["checkedObserver"]}}};n.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.radio-container{margin-top:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));margin-right:var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px));margin-bottom:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px))}.radio-container label[for]{font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));align-items:center;cursor:pointer;margin-right:1rem;display:grid;grid-template-columns:18px 1fr;gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}.radio-container svg{border-radius:50%;transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;width:100%}.radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))))}.radio-container input:focus+label svg{box-shadow:var(--const-double-focus-ring)}.radio-container input:focus+label circle:nth-child(1){stroke:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-container input:checked+label circle:nth-child(1){background-color:var(--tct-radio-checked-bg, transparent);stroke:var(--tct-radio-checked-stroke-color, var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))))}.radio-container input:checked+label .label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}.radio-container input:checked+label circle:nth-child(2){fill:var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-tile{flex-basis:100px;flex-grow:0;flex-wrap:wrap}.radio-tile label[for]{align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));cursor:pointer;display:block;padding:10px;position:relative;text-align:center;transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}.radio-tile input:focus+label,.radio-tile input:focus:checked+label{border-color:#0079c1;box-shadow:var(--const-double-focus-ring), var(--tct-global-focus, 0 0 0 2px #33b4ff)}.radio-tile input:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e));box-shadow:inset 0 0 0 2px #ffffff}.radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid #0079c1;border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:"";height:0;left:50%;margin-left:-5px;position:absolute;width:0}input:disabled+label[for]{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}';export{n as q2_radio}

package/dist/q2-tecton-elements/p-6b52a262.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as i,g as n}from"./p-926a3e80.js";import{o,l as r,i as a}from"./p-5e374fbd.js";import{aG as s,Z as l,_ as c,w as h,aH as u,aI as d,aJ as f,aK as v,ai as p,j as m,aL as g,e as b,aM as y,P as x,aN as w,aO as S,N as T,aP as M,ab as C,aQ as I,aR as k,aS as z,aT as A,ae as D,aU as N,aV as L,aW as O,aX as B,aY as R,aZ as U,a_ as P,a$ as W,b0 as F,b1 as Y,b2 as j,i as G,b3 as X,L as E,b4 as H,a7 as _,b5 as q,b6 as K,b7 as Z,b8 as $,a2 as J,a8 as V,a9 as Q,b9 as tt,y as et,ba as it,c as nt,g as ot,E as rt,an as at,z as st,bb as lt,bc as ct,av as ht,bd as ut,ac as dt,be as ft,bf as vt,bg as pt,bh as mt,b as gt,$ as bt,A as yt,ak as xt,B as wt,bi as St,aa as Tt,ap as Mt,u as Ct,bj as It,bk as kt,bl as zt,bm as At,bn as Dt,ag as Nt,aq as Lt,ay as Ot,ax as Bt,au as Rt,bo as Ut,bp as Pt,bq as Wt,br as Ft,ah as Yt,as as jt,at as Gt,p as Xt,f as Et,n as Ht,bs as _t,bt as qt,bu as Kt,aj as Zt,bv as $t,aC as Jt,aE as Vt,aD as Qt,aF as te}from"./p-1f85cced.js";var ee=function(t){function e(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=e.type,i}return c(e,t),e.type="tooltip",e.dependencies=["axisPointer"],e.defaultOption={z:60,show:!0,showContent:!0,trigger:"item",triggerOn:"mousemove|click",alwaysShowContent:!1,displayMode:"single",renderMode:"auto",confine:null,showDelay:0,hideDelay:100,transitionDuration:.4,enterable:!1,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}},e}(h);function ie(t){var e=t.get("confine");return null!=e?!!e:"richText"===t.get("renderMode")}function ne(t){if(d.domSupported)for(var e=document.documentElement.style,i=0,n=t.length;i<n;i++)if(t[i]in e)return t[i]}var oe=ne(["transform","webkitTransform","OTransform","MozTransform","msTransform"]);function re(t,e){if(!t)return e;e=u(e,!0);var i=t.indexOf(e);return(t=-1===i?e:"-"+t.slice(0,i)+"-"+e).toLowerCase()}var ae=re(ne(["webkitTransition","transition","OTransition","MozTransition","msTransition"]),"transition"),se=re(oe,"transform"),le="position:absolute;display:block;border-style:solid;white-space:nowrap;z-index:9999999;"+(d.transform3dSupported?"will-change:transform;":"");function ce(t,e,i){var n=t.toFixed(0)+"px",o=e.toFixed(0)+"px";if(!d.transformSupported)return i?"top:"+o+";left:"+n+";":[["top",o],["left",n]];var r=d.transform3dSupported,a="translate"+(r?"3d":"")+"("+n+","+o+(r?",0":"")+")";return i?"top:0;left:0;"+se+":"+a+";":[["top",0],["left",0],[oe,a]]}function he(t,e,i,n,o){var r=e&&e.painter;if(i){var a=r&&r.getViewportRoot();a&&S(t,a,document.body,n,o)}else{t[0]=n,t[1]=o;var s=r&&r.getViewportRootOffset();s&&(t[0]+=s.offsetLeft,t[1]+=s.offsetTop)}t[2]=t[0]/e.getWidth(),t[3]=t[1]/e.getHeight()}var ue=function(){function t(t,e,i){if(this._show=!1,this._styleCoord=[0,0,0,0],this._enterable=!0,this._firstShow=!0,this._longHide=!0,d.wxa)return null;var n=document.createElement("div");n.domBelongToZr=!0,this.el=n;var o=this._zr=e.getZr(),r=this._appendToBody=i&&i.appendToBody;he(this._styleCoord,o,r,e.getWidth()/2,e.getHeight()/2),r?document.body.appendChild(n):t.appendChild(n),this._container=t;var a=this;n.onmouseenter=function(){a._enterable&&(clearTimeout(a._hideTimeout),a._show=!0),a._inContent=!0},n.onmousemove=function(t){if(t=t||window.event,!a._enterable){var e=o.handler,i=o.painter.getViewportRoot();f(i,t,!0),e.dispatch("mousemove",t)}},n.onmouseleave=function(){a._inContent=!1,a._enterable&&a._show&&a.hideLater(a._hideDelay)}}return t.prototype.update=function(t){var e,i,n,o=this._container,r=(i="position",(n=(e=o).currentStyle||document.defaultView&&document.defaultView.getComputedStyle(e))?n[i]:null),a=o.style;"absolute"!==a.position&&"absolute"!==r&&(a.position="relative"),t.get("alwaysShowContent")&&this._moveIfResized(),this.el.className=t.get("className")||""},t.prototype.show=function(t,e){clearTimeout(this._hideTimeout),clearTimeout(this._longHideTimeout);var i=this.el,n=i.style,o=this._styleCoord;i.innerHTML?n.cssText=le+function(t,e,i){var n=[],o=t.get("transitionDuration"),r=t.get("backgroundColor"),a=t.get("shadowBlur"),l=t.get("shadowColor"),c=t.get("shadowOffsetX"),h=t.get("shadowOffsetY"),f=t.getModel("textStyle"),v=w(t,"html");return n.push("box-shadow:"+c+"px "+h+"px "+a+"px "+l),e&&o&&n.push(function(t,e){var i="cubic-bezier(0.23,1,0.32,1)",n=" "+t/2+"s "+i,o="opacity"+n+",visibility"+n;return e||(n=" "+t+"s "+i,o+=d.transformSupported?","+se+n:",left"+n+",top"+n),ae+":"+o}(o,i)),r&&n.push("background-color:"+r),b(["width","color","radius"],(function(e){var i="border-"+e,o=u(i),r=t.get(o);null!=r&&n.push(i+":"+r+("color"===e?"":"px"))})),n.push(function(t){var e=[],i=t.get("fontSize"),n=t.getTextColor();n&&e.push("color:"+n),e.push("font:"+t.getFont()),i&&e.push("line-height:"+Math.round(3*i/2)+"px");var o=t.get("textShadowColor"),r=t.get("textShadowBlur")||0,a=t.get("textShadowOffsetX")||0,s=t.get("textShadowOffsetY")||0;return o&&r&&e.push("text-shadow:"+a+"px "+s+"px "+r+"px "+o),b(["decoration","align"],(function(i){var n=t.get(i);n&&e.push("text-"+i+":"+n)})),e.join(";")}(f)),null!=v&&n.push("padding:"+s(v).join("px ")+"px"),n.join(";")+";"}(t,!this._firstShow,this._longHide)+ce(o[0],o[1],!0)+"border-color:"+v(e)+";"+(t.get("extraCssText")||"")+";pointer-events:"+(this._enterable?"auto":"none"):n.display="none",this._show=!0,this._firstShow=!1,this._longHide=!1},t.prototype.setContent=function(t,e,i,n,o){var r=this.el;if(null!=t){var a="";if(p(o)&&"item"===i.get("trigger")&&!ie(i)&&(a=function(t,e,i){if(!p(i)||"inside"===i)return"";var n=t.get("backgroundColor"),o=t.get("borderWidth");e=v(e);var r,a,s="left"===(r=i)?"right":"right"===r?"left":"top"===r?"bottom":"top",l=Math.max(1.5*Math.round(o),6),c="",h=se+":";x(["left","right"],s)>-1?(c+="top:50%",h+="translateY(-50%) rotate("+(a="left"===s?-225:-45)+"deg)"):(c+="left:50%",h+="translateX(-50%) rotate("+(a="top"===s?225:45)+"deg)");var u=a*Math.PI/180,d=l+o,f=d*Math.abs(Math.cos(u))+d*Math.abs(Math.sin(u)),m=e+" solid "+o+"px;";return'<div style="'+["position:absolute;width:"+l+"px;height:"+l+"px;z-index:-1;",(c+=";"+s+":-"+Math.round(100*((f-Math.SQRT2*o)/2+Math.SQRT2*o-(f-d)/2))/100+"px")+";"+h+";","border-bottom:"+m,"border-right:"+m,"background-color:"+n+";"].join("")+'"></div>'}(i,n,o)),p(t))r.innerHTML=t+a;else if(t){r.innerHTML="",m(t)||(t=[t]);for(var s=0;s<t.length;s++)g(t[s])&&t[s].parentNode!==r&&r.appendChild(t[s]);if(a&&r.childNodes.length){var l=document.createElement("div");l.innerHTML=a,r.appendChild(l)}}}else r.innerHTML=""},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 i=this._styleCoord;if(he(i,this._zr,this._appendToBody,t,e),null!=i[0]&&null!=i[1]){var n=this.el.style,o=ce(i[0],i[1]);b(o,(function(t){n[t[0]]=t[1]}))}},t.prototype._moveIfResized=function(){var t=this._styleCoord[3];this.moveTo(this._styleCoord[2]*this._zr.getWidth(),t*this._zr.getHeight())},t.prototype.hide=function(){var t=this,e=this.el.style;e.visibility="hidden",e.opacity="0",d.transform3dSupported&&(e.willChange=""),this._show=!1,this._longHideTimeout=setTimeout((function(){return t._longHide=!0}),500)},t.prototype.hideLater=function(t){!this._show||this._inContent&&this._enterable||(t?(this._hideDelay=t,this._show=!1,this._hideTimeout=setTimeout(y(this.hide,this),t)):this.hide())},t.prototype.isShow=function(){return this._show},t.prototype.dispose=function(){this.el.parentNode.removeChild(this.el)},t}(),de=function(){function t(t){this._show=!1,this._styleCoord=[0,0,0,0],this._enterable=!0,this._zr=t.getZr(),pe(this._styleCoord,this._zr,t.getWidth()/2,t.getHeight()/2)}return t.prototype.update=function(t){t.get("alwaysShowContent")&&this._moveIfResized()},t.prototype.show=function(){this._hideTimeout&&clearTimeout(this._hideTimeout),this.el.show(),this._show=!0},t.prototype.setContent=function(t,e,i,n){var o=this;T(t)&&M(""),this.el&&this._zr.remove(this.el);var r=i.getModel("textStyle");this.el=new C({style:{rich:e.richTextStyles,text:t,lineHeight:22,borderWidth:1,borderColor:n,textShadowColor:r.get("textShadowColor"),fill:i.get(["textStyle","color"]),padding:w(i,"richText"),verticalAlign:"top",align:"left"},z:i.get("z")}),b(["backgroundColor","borderRadius","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY"],(function(t){o.el.style[t]=i.get(t)})),b(["textShadowBlur","textShadowOffsetX","textShadowOffsetY"],(function(t){o.el.style[t]=r.get(t)||0})),this._zr.add(this.el);var a=this;this.el.on("mouseover",(function(){a._enterable&&(clearTimeout(a._hideTimeout),a._show=!0),a._inContent=!0})),this.el.on("mouseout",(function(){a._enterable&&a._show&&a.hideLater(a._hideDelay),a._inContent=!1}))},t.prototype.setEnterable=function(t){this._enterable=t},t.prototype.getSize=function(){var t=this.el,e=this.el.getBoundingRect(),i=ve(t.style);return[e.width+i.left+i.right,e.height+i.top+i.bottom]},t.prototype.moveTo=function(t,e){var i=this.el;if(i){var n=this._styleCoord;pe(n,this._zr,t,e),t=n[0],e=n[1];var o=i.style,r=fe(o.borderWidth||0),a=ve(o);i.x=t+r+a.left,i.y=e+r+a.top,i.markRedraw()}},t.prototype._moveIfResized=function(){var t=this._styleCoord[3];this.moveTo(this._styleCoord[2]*this._zr.getWidth(),t*this._zr.getHeight())},t.prototype.hide=function(){this.el&&this.el.hide(),this._show=!1},t.prototype.hideLater=function(t){!this._show||this._inContent&&this._enterable||(t?(this._hideDelay=t,this._show=!1,this._hideTimeout=setTimeout(y(this.hide,this),t)):this.hide())},t.prototype.isShow=function(){return this._show},t.prototype.dispose=function(){this._zr.remove(this.el)},t}();function fe(t){return Math.max(0,t)}function ve(t){var e=fe(t.shadowBlur||0),i=fe(t.shadowOffsetX||0),n=fe(t.shadowOffsetY||0);return{left:fe(e-i),right:fe(e+i),top:fe(e-n),bottom:fe(e+n)}}function pe(t,e,i,n){t[0]=i,t[1]=n,t[2]=t[0]/e.getWidth(),t[3]=t[1]/e.getHeight()}var me=new l({shape:{x:-1,y:-1,width:2,height:2}}),ge=function(t){function e(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=e.type,i}return c(e,t),e.prototype.init=function(t,e){if(!d.node&&e.getDom()){var i=t.getComponent("tooltip"),n=this._renderMode=I(i.get("renderMode"));this._tooltipContent="richText"===n?new de(e):new ue(e.getDom(),e,{appendToBody:i.get("appendToBody",!0)})}},e.prototype.render=function(t,e,i){if(!d.node&&i.getDom()){this.group.removeAll(),this._tooltipModel=t,this._ecModel=e,this._api=i,this._alwaysShowContent=t.get("alwaysShowContent");var n=this._tooltipContent;n.update(t),n.setEnterable(t.get("enterable")),this._initGlobalListener(),this._keepShow(),"richText"!==this._renderMode&&t.get("transitionDuration")?k(this,"_updatePosition",50,"fixRate"):z(this,"_updatePosition")}},e.prototype._initGlobalListener=function(){var t=this._tooltipModel.get("triggerOn");A("itemTooltip",this._api,y((function(e,i,n){"none"!==t&&(t.indexOf(e)>=0?this._tryShow(i,n):"leave"===e&&this._hide(n))}),this))},e.prototype._keepShow=function(){var t=this._tooltipModel,e=this._ecModel,i=this._api,n=t.get("triggerOn");if(null!=this._lastX&&null!=this._lastY&&"none"!==n&&"click"!==n){var o=this;clearTimeout(this._refreshUpdateTimeout),this._refreshUpdateTimeout=setTimeout((function(){!i.isDisposed()&&o.manuallyShowTip(t,e,i,{x:o._lastX,y:o._lastY,dataByCoordSys:o._lastDataByCoordSys})}))}},e.prototype.manuallyShowTip=function(t,e,i,n){if(n.from!==this.uid&&!d.node&&i.getDom()){var o=ye(n,i);this._ticket="";var r=n.dataByCoordSys,a=function(t,e,i){var n=K(t).queryOptionMap,o=n.keys()[0];if(o&&"series"!==o){var r,a=Z(e,o,n.get(o),{useDefault:!1,enableAll:!1,enableNone:!1}).models[0];if(a)return i.getViewOfComponentModel(a).group.traverse((function(e){var i=D(e).tooltipConfig;if(i&&i.name===t.name)return r=e,!0})),r?{componentMainType:o,componentIndex:a.componentIndex,el:r}:void 0}}(n,e,i);if(a){var s=a.el.getBoundingRect().clone();s.applyTransform(a.el.transform),this._tryShow({offsetX:s.x+s.width/2,offsetY:s.y+s.height/2,target:a.el,position:n.position,positionDefault:"bottom"},o)}else if(n.tooltip&&null!=n.x&&null!=n.y){var l=me;l.x=n.x,l.y=n.y,l.update(),D(l).tooltipConfig={name:null,option:n.tooltip},this._tryShow({offsetX:n.x,offsetY:n.y,target:l},o)}else if(r)this._tryShow({offsetX:n.x,offsetY:n.y,position:n.position,dataByCoordSys:r,tooltipOption:n.tooltipOption},o);else if(null!=n.seriesIndex){if(this._manuallyAxisShowTip(t,e,i,n))return;var c=N(n,e),h=c.point[0],u=c.point[1];null!=h&&null!=u&&this._tryShow({offsetX:h,offsetY:u,target:c.el,position:n.position,positionDefault:"bottom"},o)}else null!=n.x&&null!=n.y&&(i.dispatchAction({type:"updateAxisPointer",x:n.x,y:n.y}),this._tryShow({offsetX:n.x,offsetY:n.y,position:n.position,target:i.getZr().findHover(n.x,n.y).target},o))}},e.prototype.manuallyHideTip=function(t,e,i,n){!this._alwaysShowContent&&this._tooltipModel&&this._tooltipContent.hideLater(this._tooltipModel.get("hideDelay")),this._lastX=this._lastY=this._lastDataByCoordSys=null,n.from!==this.uid&&this._hide(ye(n,i))},e.prototype._manuallyAxisShowTip=function(t,e,i,n){var o=n.seriesIndex,r=n.dataIndex,a=e.getComponent("axisPointer").coordSysAxesInfo;if(null!=o&&null!=r&&null!=a){var s=e.getSeriesByIndex(o);if(s&&"axis"===be([s.getData().getItemModel(r),s,(s.coordinateSystem||{}).model],this._tooltipModel).get("trigger"))return i.dispatchAction({type:"updateAxisPointer",seriesIndex:o,dataIndex:r,position:n.position}),!0}},e.prototype._tryShow=function(t,e){var i=t.target;if(this._tooltipModel){this._lastX=t.offsetX,this._lastY=t.offsetY;var n=t.dataByCoordSys;if(n&&n.length)this._showAxisTooltip(n,t);else if(i){var o,r;this._lastDataByCoordSys=null,L(i,(function(t){return null!=D(t).dataIndex?(o=t,!0):null!=D(t).tooltipConfig?(r=t,!0):void 0}),!0),o?this._showSeriesItemTooltip(t,o,e):r?this._showComponentItemTooltip(t,r,e):this._hide(e)}else this._lastDataByCoordSys=null,this._hide(e)}},e.prototype._showOrMove=function(t,e){var i=t.get("showDelay");e=y(e,this),clearTimeout(this._showTimout),i>0?this._showTimout=setTimeout(e,i):e()},e.prototype._showAxisTooltip=function(t,e){var i=this._ecModel,n=this._tooltipModel,o=[e.offsetX,e.offsetY],r=be([e.tooltipOption],n),a=this._renderMode,s=[],l=O("section",{blocks:[],noHeader:!0}),c=[],h=new $;b(t,(function(t){b(t.dataByAxis,(function(t){var e=i.getComponent(t.axisDim+"Axis",t.axisIndex),o=t.value;if(e&&null!=o){var r=B(o,e.axis,i,t.seriesDataIndices,t.valueLabelOpt),u=O("section",{header:r,noHeader:!R(r),sortBlocks:!0,blocks:[]});l.blocks.push(u),b(t.seriesDataIndices,(function(l){var d=i.getSeriesByIndex(l.seriesIndex),f=l.dataIndexInside,p=d.getDataParams(f);if(!(p.dataIndex<0)){p.axisDim=t.axisDim,p.axisIndex=t.axisIndex,p.axisType=t.axisType,p.axisId=t.axisId,p.axisValue=U(e.axis,{value:o}),p.axisValueLabel=r,p.marker=h.makeTooltipMarker("item",v(p.color),a);var m=P(d.formatTooltip(f,!0,null)),g=m.frag;if(g){var b=be([d],n).get("valueFormatter");u.blocks.push(b?J({valueFormatter:b},g):g)}m.text&&c.push(m.text),s.push(p)}}))}}))})),l.blocks.reverse(),c.reverse();var u=e.position,d=r.get("order"),f=W(l,h,a,d,i.get("useUTC"),r.get("textStyle"));f&&c.unshift(f);var p=c.join("richText"===a?"\n\n":"<br/>");this._showOrMove(r,(function(){this._updateContentNotChangedOnAxis(t,s)?this._updatePosition(r,u,o[0],o[1],this._tooltipContent,s):this._showTooltipContent(r,p,s,Math.random()+"",o[0],o[1],u,null,h)}))},e.prototype._showSeriesItemTooltip=function(t,e,i){var n=this._ecModel,o=D(e),r=o.seriesIndex,a=n.getSeriesByIndex(r),s=o.dataModel||a,l=o.dataIndex,c=o.dataType,h=s.getData(c),u=this._renderMode,d=t.positionDefault,f=be([h.getItemModel(l),s,a&&(a.coordinateSystem||{}).model],this._tooltipModel,d?{position:d}:null),p=f.get("trigger");if(null==p||"item"===p){var m=s.getDataParams(l,c),g=new $;m.marker=g.makeTooltipMarker("item",v(m.color),u);var b=P(s.formatTooltip(l,!1,c)),y=f.get("order"),x=f.get("valueFormatter"),w=b.frag,S=w?W(x?J({valueFormatter:x},w):w,g,u,y,n.get("useUTC"),f.get("textStyle")):b.text,T="item_"+s.name+"_"+l;this._showOrMove(f,(function(){this._showTooltipContent(f,S,m,T,t.offsetX,t.offsetY,t.position,t.target,g)})),i({type:"showTip",dataIndexInside:l,dataIndex:h.getRawIndex(l),seriesIndex:r,from:this.uid})}},e.prototype._showComponentItemTooltip=function(t,e,i){var n=D(e),o=n.tooltipConfig.option||{};p(o)&&(o={content:o,formatter:o});var r=[o],a=this._ecModel.getComponent(n.componentMainType,n.componentIndex);a&&r.push(a),r.push({formatter:o.content});var s=t.positionDefault,l=be(r,this._tooltipModel,s?{position:s}:null),c=l.get("content"),h=Math.random()+"",u=new $;this._showOrMove(l,(function(){var i=F(l.get("formatterParams")||{});this._showTooltipContent(l,c,i,h,t.offsetX,t.offsetY,t.position,e,u)})),i({type:"showTip",from:this.uid})},e.prototype._showTooltipContent=function(t,e,i,n,o,r,a,s,l){if(this._ticket="",t.get("showContent")&&t.get("show")){var c=this._tooltipContent;c.setEnterable(t.get("enterable"));var h=t.get("formatter");a=a||t.get("position");var u=e,d=this._getNearestPoint([o,r],i,t.get("trigger"),t.get("borderColor")).color;if(h)if(p(h)){var f=t.ecModel.get("useUTC"),v=m(i)?i[0]:i;u=h,v&&v.axisType&&v.axisType.indexOf("time")>=0&&(u=Y(v.axisValue,u,f)),u=j(u,i,!0)}else if(G(h)){var g=y((function(e,n){e===this._ticket&&(c.setContent(n,l,t,d,a),this._updatePosition(t,a,o,r,c,i,s))}),this);this._ticket=n,u=h(i,n,g)}else u=h;c.setContent(u,l,t,d,a),c.show(t,d),this._updatePosition(t,a,o,r,c,i,s)}},e.prototype._getNearestPoint=function(t,e,i,n){return"axis"===i||m(e)?{color:n||("html"===this._renderMode?"#fff":"none")}:m(e)?void 0:{color:n||e.color||e.borderColor}},e.prototype._updatePosition=function(t,e,i,n,o,r,a){var s=this._api.getWidth(),l=this._api.getHeight();e=e||t.get("position");var c=o.getSize(),h=t.get("align"),u=t.get("verticalAlign"),d=a&&a.getBoundingRect().clone();if(a&&d.applyTransform(a.transform),G(e)&&(e=e([i,n],r,o.el,d,{viewSize:[s,l],contentSize:c.slice()})),m(e))i=X(e[0],s),n=X(e[1],l);else if(T(e)){var f=e;f.width=c[0],f.height=c[1];var v=E(f,{width:s,height:l});i=v.x,n=v.y,h=null,u=null}else if(p(e)&&a){var g=function(t,e,i,n){var o=i[0],r=i[1],a=Math.ceil(Math.SQRT2*n)+8,s=0,l=0,c=e.width,h=e.height;switch(t){case"inside":s=e.x+c/2-o/2,l=e.y+h/2-r/2;break;case"top":s=e.x+c/2-o/2,l=e.y-r-a;break;case"bottom":s=e.x+c/2-o/2,l=e.y+h+a;break;case"left":s=e.x-o-a,l=e.y+h/2-r/2;break;case"right":s=e.x+c+a,l=e.y+h/2-r/2}return[s,l]}(e,d,c,t.get("borderWidth"));i=g[0],n=g[1]}else g=function(t,e,i,n,o,r,a){var s=i.getSize(),l=s[0],c=s[1];return null!=r&&(t+l+r+2>n?t-=l+r:t+=r),null!=a&&(e+c+a>o?e-=c+a:e+=a),[t,e]}(i,n,o,s,l,h?null:20,u?null:20),i=g[0],n=g[1];h&&(i-=xe(h)?c[0]/2:"right"===h?c[0]:0),u&&(n-=xe(u)?c[1]/2:"bottom"===u?c[1]:0),ie(t)&&(g=function(t,e,i,n,o){var r=i.getSize(),a=r[0],s=r[1];return t=Math.min(t+a,n)-a,e=Math.min(e+s,o)-s,[t=Math.max(t,0),e=Math.max(e,0)]}(i,n,o,s,l),i=g[0],n=g[1]),o.moveTo(i,n)},e.prototype._updateContentNotChangedOnAxis=function(t,e){var i=this._lastDataByCoordSys,n=this._cbParamsList,o=!!i&&i.length===t.length;return o&&b(i,(function(i,r){var a=i.dataByAxis||[],s=(t[r]||{}).dataByAxis||[];(o=o&&a.length===s.length)&&b(a,(function(t,i){var r=s[i]||{},a=t.seriesDataIndices||[],l=r.seriesDataIndices||[];(o=o&&t.value===r.value&&t.axisType===r.axisType&&t.axisId===r.axisId&&a.length===l.length)&&b(a,(function(t,e){var i=l[e];o=o&&t.seriesIndex===i.seriesIndex&&t.dataIndex===i.dataIndex})),n&&b(t.seriesDataIndices,(function(t){var i=t.seriesIndex,r=e[i],a=n[i];r&&a&&a.data!==r.data&&(o=!1)}))}))})),this._lastDataByCoordSys=t,this._cbParamsList=e,!!o},e.prototype._hide=function(t){this._lastDataByCoordSys=null,t({type:"hideTip",from:this.uid})},e.prototype.dispose=function(t,e){!d.node&&e.getDom()&&(z(this,"_updatePosition"),this._tooltipContent.dispose(),H("itemTooltip",e))},e.type="tooltip",e}(_);function be(t,e,i){var n,o=e.ecModel;i?(n=new q(i,o,o),n=new q(e.option,n,o)):n=e;for(var r=t.length-1;r>=0;r--){var a=t[r];a&&(a instanceof q&&(a=a.get("tooltip",!0)),p(a)&&(a={formatter:a}),a&&(n=new q(a,n,o)))}return n}function ye(t,e){return t.dispatchAction||y(e.dispatchAction,e)}function xe(t){return"center"===t||"middle"===t}var we=function(t){function e(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=e.type,i.layoutMode={type:"box",ignoreSize:!0},i}return c(e,t),e.prototype.init=function(t,e,i){this.mergeDefaultAndTheme(t,i),t.selected=t.selected||{},this._updateSelector(t)},e.prototype.mergeOption=function(e,i){t.prototype.mergeOption.call(this,e,i),this._updateSelector(e)},e.prototype._updateSelector=function(t){var e=t.selector,i=this.ecModel;!0===e&&(e=t.selector=["all","inverse"]),m(e)&&b(e,(function(t,n){p(t)&&(t={type:t}),e[n]=et(t,function(t,e){return"all"===e?{type:"all",title:t.getLocaleModel().get(["legend","selector","all"])}:"inverse"===e?{type:"inverse",title:t.getLocaleModel().get(["legend","selector","inverse"])}:void 0}(i,t.type))}))},e.prototype.optionUpdated=function(){this._updateData(this.ecModel);var t=this._data;if(t[0]&&"single"===this.get("selectedMode")){for(var e=!1,i=0;i<t.length;i++){var n=t[i].get("name");if(this.isSelected(n)){this.select(n),e=!0;break}}!e&&this.select(t[0].get("name"))}},e.prototype._updateData=function(t){var e=[],i=[];t.eachRawSeries((function(n){var o;if(i.push(n.name),n.legendVisualProvider){var r=n.legendVisualProvider.getAllNames();t.isSeriesFiltered(n)||(i=i.concat(r)),r.length?e=e.concat(r):o=!0}else o=!0;o&&it(n)&&e.push(n.name)})),this._availableNames=i;var n=this.get("data")||e,o=nt(),r=ot(n,(function(t){return(p(t)||at(t))&&(t={name:t}),o.get(t.name)?null:(o.set(t.name,!0),new q(t,this,this.ecModel))}),this);this._data=rt(r,(function(t){return!!t}))},e.prototype.getData=function(){return this._data},e.prototype.select=function(t){var e=this.option.selected;"single"===this.get("selectedMode")&&b(this._data,(function(t){e[t.get("name")]=!1})),e[t]=!0},e.prototype.unSelect=function(t){"single"!==this.get("selectedMode")&&(this.option.selected[t]=!1)},e.prototype.toggleSelected=function(t){var e=this.option.selected;e.hasOwnProperty(t)||(e[t]=!0),this[e[t]?"unSelect":"select"](t)},e.prototype.allSelect=function(){var t=this.option.selected;b(this._data,(function(e){t[e.get("name",!0)]=!0}))},e.prototype.inverseSelect=function(){var t=this.option.selected;b(this._data,(function(e){var i=e.get("name",!0);t.hasOwnProperty(i)||(t[i]=!0),t[i]=!t[i]}))},e.prototype.isSelected=function(t){var e=this.option.selected;return!(e.hasOwnProperty(t)&&!e[t])&&x(this._availableNames,t)>=0},e.prototype.getOrient=function(){return"vertical"===this.get("orient")?{index:1,name:"vertical"}:{index:0,name:"horizontal"}},e.type="legend.plain",e.dependencies=["series"],e.defaultOption={z:4,show:!0,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:!0,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:!0,selector:!1,selectorLabel:{show:!0,borderRadius:10,padding:[3,5,3,5],fontSize:12,fontFamily:"sans-serif",color:"#666",borderWidth:1,borderColor:"#666"},emphasis:{selectorLabel:{show:!0,color:"#eee",backgroundColor:"#666"}},selectorPosition:"auto",selectorItemGap:7,selectorButtonGap:10,tooltip:{show:!1}},e}(h),Se=gt,Te=b,Me=bt,Ce=function(t){function e(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=e.type,i.newlineDisabled=!1,i}return c(e,t),e.prototype.init=function(){this.group.add(this._contentGroup=new Me),this.group.add(this._selectorGroup=new Me),this._isFirstRender=!0},e.prototype.getContentGroup=function(){return this._contentGroup},e.prototype.getSelectorGroup=function(){return this._selectorGroup},e.prototype.render=function(t,e,i){var n=this._isFirstRender;if(this._isFirstRender=!1,this.resetInner(),t.get("show",!0)){var o=t.get("align"),r=t.get("orient");o&&"auto"!==o||(o="right"===t.get("left")&&"vertical"===r?"right":"left");var a=t.get("selector",!0),c=t.get("selectorPosition",!0);!a||c&&"auto"!==c||(c="horizontal"===r?"end":"start"),this.renderInner(o,t,e,i,a,r,c);var h=t.getBoxLayoutParams(),u={width:i.getWidth(),height:i.getHeight()},d=t.get("padding"),f=E(h,u,d),v=this.layoutInner(t,o,f,n,a,c),p=E(st({width:v.width,height:v.height},h),u,d);this.group.x=p.x-v.x,this.group.y=p.y-v.y,this.group.markRedraw(),this.group.add(this._backgroundEl=function(t,e){var i=s(e.get("padding")),n=e.getItemStyle(["color","opacity"]);return n.fill=e.get("backgroundColor"),new l({shape:{x:t.x-i[3],y:t.y-i[0],width:t.width+i[1]+i[3],height:t.height+i[0]+i[2],r:e.get("borderRadius")},style:n,silent:!0,z2:-1})}(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,i,n,o,r,a){var s=this.getContentGroup(),l=nt(),c=e.get("selectedMode"),h=[];i.eachRawSeries((function(t){!t.get("legendHoverLink")&&h.push(t.id)})),Te(e.getData(),(function(o,r){var a=o.get("name");if(!this.newlineDisabled&&(""===a||"\n"===a)){var u=new Me;return u.newline=!0,void s.add(u)}var d=i.getSeriesByName(a)[0];if(!l.get(a))if(d){var f=d.getData(),v=f.getVisual("legendLineStyle")||{},p=f.getVisual("legendIcon"),m=f.getVisual("style");this._createItem(d,a,r,o,e,t,v,m,p,c,n).on("click",Se(Ie,a,null,n,h)).on("mouseover",Se(ze,d.name,null,n,h)).on("mouseout",Se(Ae,d.name,null,n,h)),l.set(a,!0)}else i.eachRawSeries((function(i){if(!l.get(a)&&i.legendVisualProvider){var s=i.legendVisualProvider;if(!s.containName(a))return;var u=s.indexOfName(a),d=s.getItemVisual(u,"style"),f=s.getItemVisual(u,"legendIcon"),v=lt(d.fill);v&&0===v[3]&&(v[3]=.2,d=J(J({},d),{fill:ct(v,"rgba")})),this._createItem(i,a,r,o,e,t,{},d,f,c,n).on("click",Se(Ie,null,a,n,h)).on("mouseover",Se(ze,null,a,n,h)).on("mouseout",Se(Ae,null,a,n,h)),l.set(a,!0)}}),this)}),this),o&&this._createSelector(o,e,n,r,a)},e.prototype._createSelector=function(t,e,i){var n=this.getSelectorGroup();Te(t,(function(t){var o=t.type,r=new C({style:{x:0,y:0,align:"center",verticalAlign:"middle"},onclick:function(){i.dispatchAction({type:"all"===o?"legendAllSelect":"legendInverseSelect"})}});n.add(r);var a=e.getModel("selectorLabel"),s=e.getModel(["emphasis","selectorLabel"]);ht(r,{normal:a,emphasis:s},{defaultText:t.title}),ut(r)}))},e.prototype._createItem=function(t,e,i,n,o,r,a,s,c,h,u){var d,f,v,m=t.visualDrawType,g=o.get("itemWidth"),b=o.get("itemHeight"),y=o.isSelected(e),x=n.get("symbolRotate"),w=n.get("symbolKeepAspect"),S=n.get("icon"),T=function(t,e,i,n,o,r,a){function s(t,e){"auto"===t.lineWidth&&(t.lineWidth=e.lineWidth>0?2:0),Te(t,(function(i,n){"inherit"===t[n]&&(t[n]=e[n])}))}var l=e.getModel("itemStyle"),c=l.getItemStyle(),h=0===t.lastIndexOf("empty",0)?"fill":"stroke",u=l.getShallow("decal");c.decal=u&&"inherit"!==u?pt(u,a):n.decal,"inherit"===c.fill&&(c.fill=n[o]),"inherit"===c.stroke&&(c.stroke=n[h]),"inherit"===c.opacity&&(c.opacity=("fill"===o?n:i).opacity),s(c,n);var d=e.getModel("lineStyle"),f=d.getLineStyle();if(s(f,i),"auto"===c.fill&&(c.fill=n.fill),"auto"===c.stroke&&(c.stroke=n.fill),"auto"===f.stroke&&(f.stroke=n.fill),!r){var v=e.get("inactiveBorderWidth");c.lineWidth="auto"===v?n.lineWidth>0&&c[h]?2:0:c.lineWidth,c.fill=e.get("inactiveColor"),c.stroke=e.get("inactiveBorderColor"),f.stroke=d.get("inactiveColor"),f.lineWidth=d.get("inactiveWidth")}return{itemStyle:c,lineStyle:f}}(c=S||c||"roundRect",n,a,s,m,y,u),M=new Me,I=n.getModel("textStyle");if(!G(t.getLegendIcon)||S&&"inherit"!==S){var k="inherit"===S&&t.getData().getVisual("symbol")?"inherit"===x?t.getData().getVisual("symbolRotate"):x:0;M.add(((v=mt(f=(d={itemWidth:g,itemHeight:b,icon:c,iconRotate:k,itemStyle:T.itemStyle,lineStyle:T.lineStyle,symbolKeepAspect:w}).icon||"roundRect",0,0,d.itemWidth,d.itemHeight,d.itemStyle.fill,d.symbolKeepAspect)).setStyle(d.itemStyle),v.rotation=(d.iconRotate||0)*Math.PI/180,v.setOrigin([d.itemWidth/2,d.itemHeight/2]),f.indexOf("empty")>-1&&(v.style.stroke=v.style.fill,v.style.fill="#fff",v.style.lineWidth=2),v))}else M.add(t.getLegendIcon({itemWidth:g,itemHeight:b,icon:c,iconRotate:x,itemStyle:T.itemStyle,lineStyle:T.lineStyle,symbolKeepAspect:w}));var z="left"===r?g+5:-5,A=r,D=o.get("formatter"),N=e;p(D)&&D?N=D.replace("{name}",null!=e?e:""):G(D)&&(N=D(e));var L=n.get("inactiveColor");M.add(new C({style:dt(I,{text:N,x:z,y:b/2,fill:y?I.getTextColor():L,align:A,verticalAlign:"middle"})}));var O=new l({shape:M.getBoundingRect(),invisible:!0}),B=n.getModel("tooltip");return B.get("show")&&ft({el:O,componentModel:o,itemName:e,itemTooltipOption:B.option}),M.add(O),M.eachChild((function(t){t.silent=!0})),O.silent=!h,this.getContentGroup().add(M),ut(M),M.__legendDataIndex=i,M},e.prototype.layoutInner=function(t,e,i,n,o,r){var a=this.getContentGroup(),s=this.getSelectorGroup();vt(t.get("orient"),a,t.get("itemGap"),i.width,i.height);var l=a.getBoundingRect(),c=[-l.x,-l.y];if(s.markRedraw(),a.markRedraw(),o){vt("horizontal",s,t.get("selectorItemGap",!0));var h=s.getBoundingRect(),u=[-h.x,-h.y],d=t.get("selectorButtonGap",!0),f=t.getOrient().index,v=0===f?"width":"height",p=0===f?"height":"width",m=0===f?"y":"x";"end"===r?u[f]+=l[v]+d:c[f]+=h[v]+d,u[1-f]+=l[p]/2-h[p]/2,s.x=u[0],s.y=u[1],a.x=c[0],a.y=c[1];var g={x:0,y:0};return g[v]=l[v]+d+h[v],g[p]=Math.max(l[p],h[p]),g[m]=Math.min(0,h[m]+u[1-f]),g}return a.x=c[0],a.y=c[1],this.group.getBoundingRect()},e.prototype.remove=function(){this.getContentGroup().removeAll(),this._isFirstRender=!0},e.type="legend.plain",e}(_);function Ie(t,e,i,n){Ae(t,e,i,n),i.dispatchAction({type:"legendToggleSelect",name:null!=t?t:e}),ze(t,e,i,n)}function ke(t){for(var e,i=t.getZr().storage.getDisplayList(),n=0,o=i.length;n<o&&!(e=i[n].states.emphasis);)n++;return e&&e.hoverLayer}function ze(t,e,i,n){ke(i)||i.dispatchAction({type:"highlight",seriesName:t,name:e,excludeSeriesId:n})}function Ae(t,e,i,n){ke(i)||i.dispatchAction({type:"downplay",seriesName:t,name:e,excludeSeriesId:n})}function De(t){var e=t.findComponents({mainType:"legend"});e&&e.length&&t.filterSeries((function(t){for(var i=0;i<e.length;i++)if(!e[i].isSelected(t.name))return!1;return!0}))}function Ne(t,e,i){var n,o={},r="toggleSelected"===t;return i.eachComponent("legend",(function(i){r&&null!=n?i[n?"select":"unSelect"](e.name):"allSelect"===t||"inverseSelect"===t?i[t]():(i[t](e.name),n=i.isSelected(e.name));var a=i.getData();b(a,(function(t){var e=t.get("name");if("\n"!==e&&""!==e){var n=i.isSelected(e);o[e]=o.hasOwnProperty(e)?o[e]&&n:n}}))})),"allSelect"===t||"inverseSelect"===t?{selected:o}:{name:e.name,selected:o}}function Le(t){t.registerComponentModel(we),t.registerComponentView(Ce),t.registerProcessor(t.PRIORITY.PROCESSOR.SERIES_FILTER,De),t.registerSubTypeDefaulter("legend",(function(){return"plain"})),function(t){t.registerAction("legendToggleSelect","legendselectchanged",gt(Ne,"toggleSelected")),t.registerAction("legendAllSelect","legendselectall",gt(Ne,"allSelect")),t.registerAction("legendInverseSelect","legendinverseselect",gt(Ne,"inverseSelect")),t.registerAction("legendSelect","legendselected",gt(Ne,"select")),t.registerAction("legendUnSelect","legendunselected",gt(Ne,"unSelect"))}(t)}var Oe=function(t){function e(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=e.type,i}return c(e,t),e.prototype.setScrollDataIndex=function(t){this.option.scrollDataIndex=t},e.prototype.init=function(e,i,n){var o=yt(e);t.prototype.init.call(this,e,i,n),Be(this,e,o)},e.prototype.mergeOption=function(e,i){t.prototype.mergeOption.call(this,e,i),Be(this,this.option,e)},e.type="legend.scroll",e.defaultOption=xt(we.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}),e}(we);function Be(t,e,i){var n=[1,1];n[t.getOrient().index]=0,wt(e,i,{type:"box",ignoreSize:!!n})}var Re=bt,Ue=["width","height"],Pe=["x","y"],We=function(t){function e(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=e.type,i.newlineDisabled=!0,i._currentIndex=0,i}return c(e,t),e.prototype.init=function(){t.prototype.init.call(this),this.group.add(this._containerGroup=new Re),this._containerGroup.add(this.getContentGroup()),this.group.add(this._controllerGroup=new Re)},e.prototype.resetInner=function(){t.prototype.resetInner.call(this),this._controllerGroup.removeAll(),this._containerGroup.removeClipPath(),this._containerGroup.__rectSize=null},e.prototype.renderInner=function(e,i,n,o,r,a,s){var l=this;t.prototype.renderInner.call(this,e,i,n,o,r,a,s);var c=this._controllerGroup,h=i.get("pageIconSize",!0),u=m(h)?h:[h,h];f("pagePrev",0);var d=i.getModel("pageTextStyle");function f(t,e){var n=t+"DataIndex",r=St(i.get("pageIcons",!0)[i.getOrient().name][e],{onclick:y(l._pageGo,l,n,i,o)},{x:-u[0]/2,y:-u[1]/2,width:u[0],height:u[1]});r.name=t,c.add(r)}c.add(new C({name:"pageText",style:{text:"xx/xx",fill:d.getTextColor(),font:d.getFont(),verticalAlign:"middle",align:"center"},silent:!0})),f("pageNext",1)},e.prototype.layoutInner=function(t,e,i,n,o,r){var a=this.getSelectorGroup(),s=t.getOrient().index,l=Ue[s],c=Pe[s],h=Ue[1-s],u=Pe[1-s];o&&vt("horizontal",a,t.get("selectorItemGap",!0));var d=t.get("selectorButtonGap",!0),f=a.getBoundingRect(),v=[-f.x,-f.y],p=F(i);o&&(p[l]=i[l]-f[l]-d);var m=this._layoutContentAndController(t,n,p,s,l,h,u,c);if(o){if("end"===r)v[s]+=m[l]+d;else{var g=f[l]+d;v[s]-=g,m[c]-=g}m[l]+=f[l]+d,v[1-s]+=m[u]+m[h]/2-f[h]/2,m[h]=Math.max(m[h],f[h]),m[u]=Math.min(m[u],f[u]+v[1-s]),a.x=v[0],a.y=v[1],a.markRedraw()}return m},e.prototype._layoutContentAndController=function(t,e,i,n,o,r,a,s){var c=this.getContentGroup(),h=this._containerGroup,u=this._controllerGroup;vt(t.get("orient"),c,t.get("itemGap"),n?i.width:null,n?null:i.height),vt("horizontal",u,t.get("pageButtonItemGap",!0));var d=c.getBoundingRect(),f=u.getBoundingRect(),v=this._showController=d[o]>i[o],p=[-d.x,-d.y];e||(p[n]=c[s]);var m=[0,0],g=[-f.x,-f.y],b=Tt(t.get("pageButtonGap",!0),t.get("itemGap",!0));v&&("end"===t.get("pageButtonPosition",!0)?g[n]+=i[o]-f[o]:m[n]+=f[o]+b),g[1-n]+=d[r]/2-f[r]/2,c.setPosition(p),h.setPosition(m),u.setPosition(g);var y={x:0,y:0};if(y[o]=v?i[o]:d[o],y[r]=Math.max(d[r],f[r]),y[a]=Math.min(0,f[a]+g[1-n]),h.__rectSize=i[o],v){var x={x:0,y:0};x[o]=Math.max(i[o]-f[o]-b,0),x[r]=y[r],h.setClipPath(new l({shape:x})),h.__rectSize=x[o]}else u.eachChild((function(t){t.attr({invisible:!0,silent:!0})}));var w=this._getPageInfo(t);return null!=w.pageIndex&&Mt(c,{x:w.contentPosition[0],y:w.contentPosition[1]},v?t:null),this._updatePageInfoView(t,w),y},e.prototype._pageGo=function(t,e,i){var n=this._getPageInfo(e)[t];null!=n&&i.dispatchAction({type:"legendScroll",scrollDataIndex:n,legendId:e.id})},e.prototype._updatePageInfoView=function(t,e){var i=this._controllerGroup;b(["pagePrev","pageNext"],(function(n){var o=null!=e[n+"DataIndex"],r=i.childOfName(n);r&&(r.setStyle("fill",t.get(o?"pageIconColor":"pageIconInactiveColor",!0)),r.cursor=o?"pointer":"default")}));var n=i.childOfName("pageText"),o=t.get("pageFormatter"),r=e.pageIndex,a=null!=r?r+1:0,s=e.pageCount;n&&o&&n.setStyle("text",p(o)?o.replace("{current}",null==a?"":a+"").replace("{total}",null==s?"":s+""):o({current:a,total:s}))},e.prototype._getPageInfo=function(t){var e=t.get("scrollDataIndex",!0),i=this.getContentGroup(),n=this._containerGroup.__rectSize,o=t.getOrient().index,r=Ue[o],a=Pe[o],s=this._findTargetItemIndex(e),l=i.children(),c=l[s],h=l.length,u=h?1:0,d={contentPosition:[i.x,i.y],pageCount:u,pageIndex:u-1,pagePrevDataIndex:null,pageNextDataIndex:null};if(!c)return d;var f=b(c);d.contentPosition[o]=-f.s;for(var v=s+1,p=f,m=f,g=null;v<=h;++v)(!(g=b(l[v]))&&m.e>p.s+n||g&&!y(g,p.s))&&(p=m.i>p.i?m:g)&&(null==d.pageNextDataIndex&&(d.pageNextDataIndex=p.i),++d.pageCount),m=g;for(v=s-1,p=f,m=f,g=null;v>=-1;--v)(g=b(l[v]))&&y(m,g.s)||!(p.i<m.i)||(m=p,null==d.pagePrevDataIndex&&(d.pagePrevDataIndex=p.i),++d.pageCount,++d.pageIndex),p=g;return d;function b(t){if(t){var e=t.getBoundingRect(),i=e[a]+t[a];return{s:i,e:i+e[r],i:t.__legendDataIndex}}}function y(t,e){return t.e>=e&&t.s<=e+n}},e.prototype._findTargetItemIndex=function(t){return this._showController?(this.getContentGroup().eachChild((function(n,o){var r=n.__legendDataIndex;null==i&&null!=r&&(i=o),r===t&&(e=o)})),null!=e?e:i):0;var e,i},e.type="legend.scroll",e}(Ce);function Fe(t){V(Le),t.registerComponentModel(Oe),t.registerComponentView(We),function(t){t.registerAction("legendScroll","legendscroll",(function(t,e){var i=t.scrollDataIndex;null!=i&&e.eachComponent({mainType:"legend",subType:"scroll",query:t},(function(t){t.setScrollDataIndex(i)}))}))}(t)}var Ye=2*Math.PI,je=Math.PI/180;function Ge(t,e){return E(t.getBoxLayoutParams(),{width:e.getWidth(),height:e.getHeight()})}function Xe(t,e){var i=Ge(t,e),n=t.get("center"),o=t.get("radius");m(o)||(o=[0,o]);var r,a,s=X(i.width,e.getWidth()),l=X(i.height,e.getHeight()),c=Math.min(s,l),h=X(o[0],c/2),u=X(o[1],c/2),d=t.coordinateSystem;if(d){var f=d.dataToPoint(n);r=f[0]||0,a=f[1]||0}else m(n)||(n=[n,n]),r=X(n[0],s)+i.x,a=X(n[1],l)+i.y;return{cx:r,cy:a,r0:h,r:u}}function Ee(t,e,i){e.eachSeriesByType(t,(function(t){var e=t.getData(),n=e.mapDimension("value"),o=Ge(t,i),r=Xe(t,i),a=r.cx,s=r.cy,l=r.r,c=r.r0,h=-t.get("startAngle")*je,u=t.get("minAngle")*je,d=0;e.each(n,(function(t){!isNaN(t)&&d++}));var f=e.getSum(n),v=Math.PI/(f||d)*2,p=t.get("clockwise"),m=t.get("roseType"),g=t.get("stillShowZeroSum"),b=e.getDataExtent(n);b[0]=0;var y=Ye,x=0,w=h,S=p?1:-1;if(e.setLayout({viewRect:o,r:l}),e.each(n,(function(t,i){var n;if(isNaN(t))e.setItemLayout(i,{angle:NaN,startAngle:NaN,endAngle:NaN,clockwise:p,cx:a,cy:s,r0:c,r:m?NaN:l});else{(n="area"!==m?0===f&&g?v:t*v:Ye/d)<u?(n=u,y-=u):x+=t;var o=w+S*n;e.setItemLayout(i,{angle:n,startAngle:w,endAngle:o,clockwise:p,cx:a,cy:s,r0:c,r:m?Ct(t,b,[c,l]):l}),w=o}})),y<Ye&&d)if(y<=.001){var T=Ye/d;e.each(n,(function(t,i){if(!isNaN(t)){var n=e.getItemLayout(i);n.angle=T,n.startAngle=h+S*i*T,n.endAngle=h+S*(i+1)*T}}))}else v=y/x,w=h,e.each(n,(function(t,i){if(!isNaN(t)){var n=e.getItemLayout(i),o=n.angle===u?u:t*v;n.startAngle=w,n.endAngle=w+S*o,w+=S*o}}))}))}var He=Math.PI/180;function _e(t,e,i,n,o,r,a,s,l,c){if(!(t.length<2)){for(var h=t.length,u=0;u<h;u++)"outer"===t[u].position&&"labelLine"===t[u].labelAlignTo&&(t[u].linePoints[1][0]+=t[u].label.x-c,t[u].label.x=c);At(t,l,l+a)&&function(t){for(var r={list:[],maxY:0},a={list:[],maxY:0},s=0;s<t.length;s++)if("none"===t[s].labelAlignTo){var l=t[s],c=l.label.y>i?a:r,h=Math.abs(l.label.y-i);if(h>=c.maxY){var u=l.label.x-e-l.len2*o,f=n+l.len,v=Math.abs(u)<f?Math.sqrt(h*h/(1-u*u/f/f)):f;c.rB=v,c.maxY=h}c.list.push(l)}d(r),d(a)}(t)}function d(t){for(var r=t.rB,a=r*r,s=0;s<t.list.length;s++){var l=t.list[s],c=Math.abs(l.label.y-i),h=n+l.len,u=h*h,d=Math.sqrt((1-Math.abs(c*c/a))*u),f=e+(d+l.len2)*o;qe(l,l.targetTextWidth-(f-l.label.x)*o,!0),l.label.x=f}}}function qe(t,e,i){if(void 0===i&&(i=!1),null==t.labelStyleWidth){var n=t.label,o=n.style,r=t.rect,a=o.backgroundColor,s=o.padding,l=s?s[1]+s[3]:0,c=o.overflow,h=r.width+(a?0:l);if(e<h||i){var u=r.height;if(c&&c.match("break")){n.setStyle("backgroundColor",null),n.setStyle("width",e-l);var d=n.getBoundingRect();n.setStyle("width",Math.ceil(d.width)),n.setStyle("backgroundColor",a)}else{var f=e-l;n.setStyle("width",e<h?f:i?f>t.unconstrainedWidth?null:f:null)}var v=n.getBoundingRect();r.width=v.width,r.height=v.height+((n.style.margin||0)+2.1),r.y-=(r.height-u)/2}}}function Ke(t){return"center"===t.position}function Ze(t,e,i){var n=t.get("borderRadius");if(null==n)return i?{cornerRadius:0}:null;m(n)||(n=[n,n,n,n]);var o=Math.abs(e.r||0-e.r0||0);return{cornerRadius:ot(n,(function(t){return Dt(t,o)}))}}var $e=function(t){function e(e,i,n){var o=t.call(this)||this;o.z2=2;var r=new C;return o.setTextContent(r),o.updateData(e,i,n,!0),o}return c(e,t),e.prototype.updateData=function(t,e,i,n){var o=this,r=t.hostModel,a=t.getItemModel(e),s=a.getModel("emphasis"),l=t.getItemLayout(e),c=J(Ze(a.getModel("itemStyle"),l,!0),l);if(isNaN(c.startAngle))o.setShape(c);else{if(n){o.setShape(c);var h=r.getShallow("animationType");r.ecModel.ssr?(Nt(o,{scaleX:0,scaleY:0},r,{dataIndex:e,isFrom:!0}),o.originX=c.cx,o.originY=c.cy):"scale"===h?(o.shape.r=l.r0,Nt(o,{shape:{r:l.r}},r,e)):null!=i?(o.setShape({startAngle:i,endAngle:i}),Nt(o,{shape:{startAngle:l.startAngle,endAngle:l.endAngle}},r,e)):(o.shape.endAngle=l.startAngle,Mt(o,{shape:{endAngle:l.endAngle}},r,e))}else Lt(o),Mt(o,{shape:c},r,e);o.useStyle(t.getItemVisual(e,"style")),Ot(o,a);var u=(l.startAngle+l.endAngle)/2,d=r.get("selectedOffset"),f=Math.cos(u)*d,v=Math.sin(u)*d,p=a.getShallow("cursor");p&&o.attr("cursor",p),this._updateLabel(r,t,e),o.ensureState("emphasis").shape=J({r:l.r+(s.get("scale")&&s.get("scaleSize")||0)},Ze(s.getModel("itemStyle"),l)),J(o.ensureState("select"),{x:f,y:v,shape:Ze(a.getModel(["select","itemStyle"]),l)}),J(o.ensureState("blur"),{shape:Ze(a.getModel(["blur","itemStyle"]),l)});var m=o.getTextGuideLine(),g=o.getTextContent();m&&J(m.ensureState("select"),{x:f,y:v}),J(g.ensureState("select"),{x:f,y:v}),Bt(this,s.get("focus"),s.get("blurScope"),s.get("disabled"))}},e.prototype._updateLabel=function(t,e,i){var n=this,o=e.getItemModel(i),r=o.getModel("labelLine"),a=e.getItemVisual(i,"style"),s=a&&a.fill,l=a&&a.opacity;ht(n,Rt(o),{labelFetcher:e.hostModel,labelDataIndex:i,inheritColor:s,defaultOpacity:l,defaultText:t.getFormattedLabel(i,"normal")||e.getName(i)});var c=n.getTextContent();n.setTextConfig({position:null,rotation:null}),c.attr({z2:10});var h=t.get(["label","position"]);if("outside"!==h&&"outer"!==h)n.removeTextGuideLine();else{var u=this.getTextGuideLine();u||(u=new Ut,this.setTextGuideLine(u)),Pt(this,Ft(o),{stroke:s,opacity:Wt(r.get(["lineStyle","opacity"]),l,1)})}},e}(Yt),Je=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.ignoreLabelLineUpdate=!0,e}return c(e,t),e.prototype.render=function(t,e,i){var n,o=t.getData(),r=this._data,a=this.group;if(!r&&o.count()>0){for(var s=o.getItemLayout(0),l=1;isNaN(s&&s.startAngle)&&l<o.count();++l)s=o.getItemLayout(l);s&&(n=s.startAngle)}if(this._emptyCircleSector&&a.remove(this._emptyCircleSector),0===o.count()&&t.get("showEmptyCircle")){var c=new Yt({shape:Xe(t,i)});c.useStyle(t.getModel("emptyCircleStyle").getItemStyle()),this._emptyCircleSector=c,a.add(c)}o.diff(r).add((function(t){var e=new $e(o,t,n);o.setItemGraphicEl(t,e),a.add(e)})).update((function(t,e){var i=r.getItemGraphicEl(e);i.updateData(o,t,n),i.off("click"),a.add(i),o.setItemGraphicEl(t,i)})).remove((function(e){var i=r.getItemGraphicEl(e);jt(i,t,e)})).execute(),function(t){var e,i,n=t.getData(),o=[],r=!1,a=(t.get("minShowLabelAngle")||0)*He,s=n.getLayout("viewRect"),l=n.getLayout("r"),c=s.width,h=s.x,u=s.y,d=s.height;function f(t){t.ignore=!0}n.each((function(t){var s=n.getItemGraphicEl(t),u=s.shape,d=s.getTextContent(),v=s.getTextGuideLine(),p=n.getItemModel(t),m=p.getModel("label"),g=m.get("position")||p.get(["emphasis","label","position"]),y=m.get("distanceToLabelLine"),x=m.get("alignTo"),w=X(m.get("edgeDistance"),c),S=m.get("bleedMargin"),T=p.getModel("labelLine"),M=T.get("length");M=X(M,c);var C=T.get("length2");if(C=X(C,c),Math.abs(u.endAngle-u.startAngle)<a)return b(d.states,f),d.ignore=!0,void(v&&(b(v.states,f),v.ignore=!0));if(function(t){if(!t.ignore)return!0;for(var e in t.states)if(!1===t.states[e].ignore)return!0;return!1}(d)){var I,k,z,A,D=(u.startAngle+u.endAngle)/2,N=Math.cos(D),L=Math.sin(D);e=u.cx,i=u.cy;var O="inside"===g||"inner"===g;if("center"===g)I=u.cx,k=u.cy,A="center";else{var B=(O?(u.r+u.r0)/2*N:u.r*N)+e,R=(O?(u.r+u.r0)/2*L:u.r*L)+i;if(I=B+3*N,k=R+3*L,!O){var U=B+N*(M+l-u.r),P=R+L*(M+l-u.r),W=U+(N<0?-1:1)*C;I="edge"===x?N<0?h+w:h+c-w:W+(N<0?-y:y),k=P,z=[[B,R],[U,P],[W,P]]}A=O?"center":"edge"===x?N>0?"right":"left":N>0?"left":"right"}var F=Math.PI,Y=0,j=m.get("rotate");if(at(j))Y=j*(F/180);else if("center"===g)Y=0;else if("radial"===j||!0===j)Y=N<0?-D+F:-D;else if("tangential"===j&&"outside"!==g&&"outer"!==g){var G=Math.atan2(N,L);G<0&&(G=2*F+G),L>0&&(G=F+G),Y=G-F}if(r=!!Y,d.x=I,d.y=k,d.rotation=Y,d.setStyle({verticalAlign:"middle"}),O){d.setStyle({align:A});var E=d.states.select;E&&(E.x+=d.x,E.y+=d.y)}else{var H=d.getBoundingRect().clone();H.applyTransform(d.getComputedTransform());var _=(d.style.margin||0)+2.1;H.y-=_/2,H.height+=_,o.push({label:d,labelLine:v,position:g,len:M,len2:C,minTurnAngle:T.get("minTurnAngle"),maxSurfaceAngle:T.get("maxSurfaceAngle"),surfaceNormal:new It(N,L),linePoints:z,textAlign:A,labelDistance:y,labelAlignTo:x,edgeDistance:w,bleedMargin:S,rect:H,unconstrainedWidth:H.width,labelStyleWidth:d.style.width})}s.setTextConfig({inside:O})}})),!r&&t.get("avoidLabelOverlap")&&function(t,e,i,n,o,r,a,s){for(var l=[],c=[],h=Number.MAX_VALUE,u=-Number.MAX_VALUE,d=0;d<t.length;d++){var f=t[d].label;Ke(t[d])||(f.x<e?(h=Math.min(h,f.x),l.push(t[d])):(u=Math.max(u,f.x),c.push(t[d])))}for(d=0;d<t.length;d++)if(!Ke(m=t[d])&&m.linePoints){if(null!=m.labelStyleWidth)continue;f=m.label;var v,p=m.linePoints;m.targetTextWidth=v="edge"===m.labelAlignTo?f.x<e?p[2][0]-m.labelDistance-a-m.edgeDistance:a+o-m.edgeDistance-p[2][0]-m.labelDistance:"labelLine"===m.labelAlignTo?f.x<e?h-a-m.bleedMargin:a+o-u-m.bleedMargin:f.x<e?f.x-a-m.bleedMargin:a+o-f.x-m.bleedMargin,qe(m,v)}for(_e(c,e,i,n,1,0,r,0,s,u),_e(l,e,i,n,-1,0,r,0,s,h),d=0;d<t.length;d++){var m;if(!Ke(m=t[d])&&m.linePoints){var g=(f=m.label).style.padding,b=m.rect.width+(f.style.backgroundColor?0:g?g[1]+g[3]:0),y=(p=m.linePoints)[1][0]-p[2][0];"edge"===m.labelAlignTo?p[2][0]=f.x<e?a+m.edgeDistance+b+m.labelDistance:a+o-m.edgeDistance-b-m.labelDistance:(p[2][0]=f.x<e?f.x+m.labelDistance:f.x-m.labelDistance,p[1][0]=p[2][0]+y),p[1][1]=p[2][1]=f.y}}}(o,e,i,l,c,d,h,u);for(var v=0;v<o.length;v++){var p=o[v],m=p.label,g=p.labelLine,y=isNaN(m.x)||isNaN(m.y);if(m){m.setStyle({align:p.textAlign}),y&&(b(m.states,f),m.ignore=!0);var x=m.states.select;x&&(x.x+=m.x,x.y+=m.y)}if(g){var w=p.linePoints;y||!w?(b(g.states,f),g.ignore=!0):(kt(w,p.minTurnAngle),zt(w,p.surfaceNormal,p.maxSurfaceAngle),g.setShape({points:w}),m.__hostTarget.textGuideLineConfig={anchor:new It(w[0][0],w[0][1])})}}}(t),"expansion"!==t.get("animationTypeUpdate")&&(this._data=o)},e.prototype.dispose=function(){},e.prototype.containPoint=function(t,e){var i=e.getData().getItemLayout(0);if(i){var n=t[0]-i.cx,o=t[1]-i.cy,r=Math.sqrt(n*n+o*o);return r<=i.r&&r>=i.r0}},e.type="pie",e}(Gt),Ve=function(){function t(t,e){this._getDataWithEncodedVisual=t,this._getRawData=e}return t.prototype.getAllNames=function(){var t=this._getRawData();return t.mapArray(t.getName)},t.prototype.containName=function(t){return this._getRawData().indexOfName(t)>=0},t.prototype.indexOfName=function(t){return this._getDataWithEncodedVisual().indexOfName(t)},t.prototype.getItemVisual=function(t,e){return this._getDataWithEncodedVisual().getItemVisual(t,e)},t}(),Qe=Ht(),ti=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.init=function(e){t.prototype.init.apply(this,arguments),this.legendVisualProvider=new Ve(y(this.getData,this),y(this.getRawData,this)),this._defaultLabelLine(e)},e.prototype.mergeOption=function(){t.prototype.mergeOption.apply(this,arguments)},e.prototype.getInitialData=function(){return function(t,e){e=m(e)&&{coordDimensions:e}||J({encodeDefine:t.getEncode()},e);var i=t.getSource(),n=Xt(i,e).dimensions,o=new Et(n,t);return o.initData(i,void 0),o}(this,{coordDimensions:["value"],encodeDefaulter:gt(_t,this)})},e.prototype.getDataParams=function(e){var i=this.getData(),n=Qe(i),o=n.seats;if(!o){var r=[];i.each(i.mapDimension("value"),(function(t){r.push(t)})),o=n.seats=qt(r,i.hostModel.get("percentPrecision"))}var a=t.prototype.getDataParams.call(this,e);return a.percent=o[e]||0,a.$vars.push("percent"),a},e.prototype._defaultLabelLine=function(t){Kt(t,"labelLine",["show"]);var e=t.labelLine,i=t.emphasis.labelLine;e.show=e.show&&t.label.show,i.show=i.show&&t.emphasis.label.show},e.type="series.pie",e.defaultOption={z:2,legendHoverLink:!0,colorBy:"data",center:["50%","50%"],radius:[0,"75%"],clockwise:!0,startAngle:90,minAngle:0,minShowLabelAngle:0,selectedOffset:10,percentPrecision:2,stillShowZeroSum:!0,left:0,top:0,right:0,bottom:0,width:null,height:null,label:{rotate:0,show:!0,overflow:"truncate",position:"outer",alignTo:"none",edgeDistance:"25%",bleedMargin:10,distanceToLabelLine:5},labelLine:{show:!0,length:15,length2:15,smooth:!1,minTurnAngle:90,maxSurfaceAngle:90,lineStyle:{width:1,type:"solid"}},itemStyle:{borderWidth:1,borderJoin:"round"},showEmptyCircle:!0,emptyCircleStyle:{color:"lightgray",opacity:1},labelLayout:{hideOverlap:!0},emphasis:{scale:!0,scaleSize:5},avoidLabelOverlap:!0,animationType:"expansion",animationDuration:1e3,animationTypeUpdate:"transition",animationEasingUpdate:"cubicInOut",animationDurationUpdate:500,animationEasing:"cubicInOut"},e}(Zt);V([function(t){V(Q),t.registerComponentModel(ee),t.registerComponentView(ge),t.registerAction({type:"showTip",event:"showTip",update:"tooltip:manuallyShowTip"},tt),t.registerAction({type:"hideTip",event:"hideTip",update:"tooltip:manuallyHideTip"},tt)},function(){V(Le),V(Fe)},function(t){t.registerChartView(Je),t.registerSeriesModel(ti),$t("pie",t.registerAction),t.registerLayout(gt(Ee,"pie")),t.registerProcessor({seriesType:"pie",reset:function(t,e){var i=e.findComponents({mainType:"legend"});if(i&&i.length){var n=t.getData();n.filterSelf((function(t){for(var e=n.getName(t),o=0;o<i.length;o++)if(!i[o].isSelected(e))return!1;return!0}))}}}),t.registerProcessor({seriesType:"pie",reset:function(t){var e=t.getData();e.filterSelf((function(t){var i=e.mapDimension("value"),n=e.get(i,t);return!(at(n)&&!isNaN(n)&&n<0)}))}})},Vt,Qt,te]);const ei=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.click=e(this,"click",7),this.defaultRecord={id:null,value:null,name:null},this.onClickElsewhere=t=>{t.stopPropagation(),this.clearSelection()},this.onButtonKeyUp=t=>{const{selectedId:e,data:i}=this;let n=this.getIndexById(e)||0;switch(t.key){case"ArrowLeft":case"ArrowUp":n--,n<0&&(n=i.length-1),this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:n});break;case"ArrowRight":case"ArrowDown":n++,n>i.length-1&&(n=0),this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:n});break;case"Escape":this.clearSelection();break;default:return}},this.onButtonClick=t=>{t.stopPropagation();const{selectedId:e}=this,i=e?this.getDataById(e):Object.assign({},this.defaultRecord);this.click.emit(i)},this.onContainerClick=t=>{this.isInChangeEvent||t.target instanceof HTMLElement&&(this.clearSelection(),t.stopPropagation())},this.chartName=void 0,this.summaryIcon=void 0,this.summaryName=void 0,this.innerRadius="70%",this.outerRadius="85%",this.minSliceSize="2.5%",this.selectedOffset=10,this.hoverScaleSize=5,this.format=void 0,this.isClickable=void 0,this.data=[],this.selectedId=void 0,this.hoveredId=void 0}componentDidLoad(){const t=Jt(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.chart=t,o(this.hostElement)}willDestroyElement(){this.resizeObserver=null}get centerData(){const{selectedId:t,hoveredId:e,data:i}=this,n=e||t,o=this.getIndexById(n);return n?Object.assign(Object.assign({},this.getDataById(n)),{color:this.colors[o]}):{name:r(this.summaryName||"tecton.element.chartDonut.button.summaryName"),icon:this.summaryIcon,value:i.reduce(((t,e)=>t+e.value),0),color:null}}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer),this.hostElementStyles=getComputedStyle(this.hostElement)}displayValue(t){const e=parseFloat(t.toString());if(!isNaN(e))return"currency"===this.format?Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(e):Intl.NumberFormat("en-US").format(e)}getCSSProperty(t){let e;if(t.startsWith("var(")&&t.endsWith(")")){const i=/var\((.*)\)/g.exec(t),n=i.length>=2?i[1].split(","):[];t=n[0],e=n[1]}let i=this.chartContainerStyles.getPropertyValue(t).trim();return i||(i=this.hostElementStyles.getPropertyValue(t).trim()),i||e}getIndexById(t){return this.data.findIndex((e=>e.id===t))}getDataByIndex(t){if("number"==typeof t)return this.data[t]}getDataById(t){if(t)return this.data.find((e=>e.id===t))}getColors(){const t=["--comp-color-1","--comp-color-2","--comp-color-3","--comp-color-4","--comp-color-5","--comp-color-6","--comp-color-7","--comp-color-8","--comp-color-9","--comp-color-10","--comp-color-11","--comp-color-12"];return this.data.reduce(((e,i)=>{let n=t.shift();return i.color&&(n=i.color),e.push(this.getCSSProperty(n)||n),e}),[])}setupChartEvents(t){t.on("mouseover",(t=>{this.hoveredId=t.data.id})),t.on("click",(t=>{t.event.event.stopPropagation()})),t.on("mouseout",(()=>{this.hoveredId=null})),t.on("selectchanged",(t=>{var e,i,n,o;const r=null!==(o=null===(n=null===(i=null===(e=t.selected)||void 0===e?void 0:e[0])||void 0===i?void 0:i.dataIndex)||void 0===n?void 0:n[0])&&void 0!==o?o:null,a="number"==typeof r?this.getDataByIndex(r):Object.assign({},this.defaultRecord);this.selectedId=a.id,this.isInChangeEvent=!0,this.change.emit(a),setTimeout((()=>{this.isInChangeEvent=!1}),0)}))}cleanData(t){const{minSliceSize:e}=this,i=parseFloat(e||"2.5%")/100,n=t.reduce(((t,e)=>t+e.value),0)*i;return t.map((t=>t.value<n?Object.assign(Object.assign({},t),{value:n}):t))}updateChart(t){return t.setOption({tooltip:{show:!1},legend:{show:!1},aria:{enabled:!0},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:!1},labelLine:{show:!1},itemStyle:{borderWidth:5,borderColor:this.getCSSProperty("--comp-background-color")},emphasis:{scaleSize:this.hoverScaleSize,itemStyle:{color:"inherit"}},data:this.cleanData(this.data)}]})}resizeChart(){this.chart.resize()}propsUpdates(){this.updateChart(this.chart)}dataUpdated(){this.colors=this.getColors()}innerRadiusUpdated(){const{innerRadius:t,outerRadius:e}=this,i=parseFloat(t),n=parseFloat(e);i>=n&&(this.innerRadius=n-15+"%")}outerRadiusUpdated(){const{innerRadius:t,outerRadius:e}=this,i=parseFloat(t);parseFloat(e)<=i&&(this.outerRadius=`${i+15}%`)}delegateFocus(t){var e;a(t,this.hostElement)&&this.isClickable&&(null===(e=this.centerButtonElement)||void 0===e||e.focus())}async selectById(t){const e=this.getIndexById(t);-1!==e&&this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:e})}async selectByIndex(t){const e=this.data[t]?t:null;e&&this.chart.dispatchAction({type:"select",seriesId:"pie",dataIndex:e})}async clearSelection(){const{selectedId:t}=this;t&&this.chart.dispatchAction({type:"unselect",seriesId:"pie",dataIndex:this.getIndexById(t)})}renderCenterBlock(){const{icon:t,name:e,value:n,color:o}=this.centerData,{isClickable:a}=this,s=a?"button":"div",l=this.displayValue(n),c=a?{onKeyUp:this.onButtonKeyUp,onClick:this.onButtonClick,ref:t=>this.centerButtonElement=t,"aria-description":r("tecton.element.chartDonut.button.description"),"aria-roledescription":r("tecton.element.chartDonut.button.roleDescription")}:null;return i("div",{class:"center-card-container",style:{width:`calc(${this.innerRadius} - 10%)`}},i(s,Object.assign({class:"center-card","test-id":"centerCard"},c),t&&i("q2-icon",{type:t,style:o&&{"--tct-icon-stroke-primary":o,"--tct-icon-stroke-secondary":o,color:o}}),e&&i("div",{class:"name"},e),n&&i("div",{class:"value"},l)))}render(){return i("click-elsewhere",{onChange:this.onClickElsewhere},i("div",{class:"container"},i("div",{ref:t=>this.chartContainer=t,class:"chart-container","test-id":"chartContainer",onClick:this.onContainerClick}),this.renderCenterBlock()))}get hostElement(){return n(this)}static get watchers(){return{chartName:["propsUpdates"],innerRadius:["propsUpdates","innerRadiusUpdated"],outerRadius:["propsUpdates","outerRadiusUpdated"],minSliceSize:["propsUpdates"],hoverScaleSize:["propsUpdates"],selectedOffset:["propsUpdates"],data:["propsUpdates","dataUpdated"]}}};ei.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{position:relative;width:100%;display:block}.container{aspect-ratio:1/1;width:100%;display:flex;justify-content:center;align-items:center}.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-vertical-padding:var(--tct-chart-donut-button-vertical-padding, var(--t-chart-donut-button-vertical-padding, var(--app-scale-1x, 5px)));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-vertical-padding) 0}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, 0 2px 4px rgba(0, 0, 0, 0.3))))}button:hover{box-shadow:var(--tct-chart-donut-button-hover-box-shadow, var(--t-chart-donut-button-hover-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}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, 0 2px 4px rgba(0, 0, 0, 0.3))))}.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, 3px)))}q2-icon{--tct-icon-size:var(--tct-chart-donut-icon-size, var(--t-chart-donut-icon-size, 26px));margin-bottom:var(--tct-chart-donut-icon-margin-bottom, var(--t-chart-donut-icon-margin-bottom, var(--app-scale-1x, 5px)))}.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))}";export{ei as q2_chart_donut}

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

@@ -0,0 +1 @@
+import{r as t,h as r,g as a,c as e,F as i}from"./p-926a3e80.js";import{c as s,e as o,h as p,o as n,l as d,i as c,m as f,f as l}from"./p-5e374fbd.js";const u=class{constructor(r){t(this,r),this.value=0,this.maxLength=void 0,this.position=void 0,this.size=void 0,this.theme=void 0,this.status=void 0}get badgeText(){const t=Math.pow(10,this.maxLength||2)-1;let r=this.value||0;return r=isNaN(r)||r<=0?"":r<=t?Number(r).toLocaleString():Number(t).toLocaleString()+"+",r}render(){const t=["badge"];return"large"===this.size&&t.push("size-large"),r("div",{class:"badge-wrapper"},r("div",{class:t.join(" ")},r("span",{class:"badge-text"},r("slot",null,this.badgeText))))}get hostElement(){return a(this)}};function m(t="",r={prefix:"",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:"",allowDecimal:!1,allowNegative:!0},a=!1){const e="-"===t[0];let i=t;const s=!!r.allowDecimal&&!!r.decimals;if(a){const t=i.replace(/[^\d.]/g,"");i=t&&Number(t).toFixed(s?r.decimals:0)||""}i=i.replace(/[^\d]/g,"");let{integerString:o,decimalString:p}=function(t,r=!1,a){if(!r)return{integerString:t,decimalString:""};const e=t.length-a;let i=t.substring(0,e).padStart(1,"0");i.length>1&&"0"===i[0]&&(i=i.substring(1));return{integerString:i,decimalString:t.substring(e).padStart(a,"0")}}(i,s,r.decimals),n=r.decimalSeparator;s||(n="",p="");const d=r.allowNegative&&e?"-":"";i=`${d}${o}${n}${p}`,o=o.replace(/\B(?=(\d{3})+(?!\d))/g,r.thousandsSeparator);const c=d||o?`${d}${o}${n}${p}`:"";let f=c.length-i.length;return n&&(f+=r.decimalSeparator.length),{value:i,formattedValue:c,fullyFormattedValue:d||o?`${d}${r.prefix}${o}${n}${p}${r.suffix}`:"",prefix:r.prefix||r.suffix,suffix:"",formattingCharacterCount:f,maxlength:Number.MAX_SAFE_INTEGER.toString().length+f+p.length,unformattedValue:`${o.replace(/[^0-9]/g,"")}${p}`.replace(/^0+/,"")}}function h(t="",r="",a){const e=a&&a.prefix||"",i=a&&a.suffix||"";if(!t||!r)return{value:t,formattedValue:t,fullyFormattedValue:`${e}${t}${i}`,prefix:e.trim()||i.trim(),formattingCharacterCount:0,unformattedValue:t};const{unformattedValue:s,formattedValue:o,formattingCharacterCount:p}=function(t,r){const a=r.split(""),e=function(t){const r=b.join("|"),a=t.replace(new RegExp(`[${r}]`,"g"),"").split("");return new Set(a)}(r);let i=0,s=0,o="";const p=a.reduce(((r,a)=>{if(i>=t.length)return r;if(function(t){return x.includes(t)}(a)&&S(t[i],e))return r;if(function(t){return b.includes(t)}(a)){if(i=v(t,i,e),i>=t.length)return r;const s=function(t,r){switch(r){case"#":t=t.replace(/[^\d]/g,"");break;case"@":t=t.toUpperCase().replace(/[^A-Z]+/g,"");break;case"*":t=t.toUpperCase().replace(/[^\dA-Z]+/g,"");break;case"?":t=t.replace(/[^\d]/g,"");break;default:return t}return t}(t[i],a);r+=s,o+=s,i++}else r+=a,s++,a===t[i]&&i++;return r}),"");return{unformattedValue:o,formattedValue:p,formattingCharacterCount:s}}(t,r),n=`${e}${o}${i}`,d=r.length,c=function(t,r,a){return t.replace(new RegExp(`[${x.join("|")}]`,"g"),"").length+r.length+a.length}(r,e,i);return{value:s,formattedValue:o,fullyFormattedValue:n,prefix:e.trim()||i.trim(),formattingCharacterCount:p,maxlength:d,minFormattedLength:c,unformattedValue:s}}u.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}.badge-wrapper{--comp-badge-background:var(--t-gray8, #61c4ff);--comp-badge-color:var(--t-base, #ffffff);--comp-badge-border-color:var(--t-secondary-l1, #9a9898)}:host([status=info]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-info, #0079C1);--comp-badge-color:var(--const-stoplight-info-text, #ffffff);--comp-badge-border-color:var(--const-stoplight-info-l1, #3a9bd6)}:host([status=alert]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-alert, #C30000);--comp-badge-color:var(--const-stoplight-alert-text, #ffffff);--comp-badge-border-color:var(--const-stoplight-alert-l1, #e42929)}:host([status=warning]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-warning, #F0B400);--comp-badge-color:var(--const-stoplight-warning-text, #423535);--comp-badge-border-color:var(--const-stoplight-warning-l1, #f9ce4c)}:host([status=success]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-success, #57fc45);--comp-badge-color:var(--const-stoplight-success-text, #ffffff);--comp-badge-border-color:var(--const-stoplight-success-l1, #2eaa21)}:host([theme=primary]) .badge-wrapper{--comp-badge-background:var(--t-primary, #0079c2);--comp-badge-color:var(--t-primary-text, #ffffff);--comp-badge-border-color:var(--t-primary-l1, #3a9bd6)}:host([theme=secondary]) .badge-wrapper{--comp-badge-background:var(--t-secondary, #b4c2cd);--comp-badge-color:var(--t-secondary-text, #ffffff);--comp-badge-border-color:var(--t-secondary-l1, #c6d1db)}:host([theme=tertiary]) .badge-wrapper{--comp-badge-background:var(--t-tertiary, #e9f5fc);--comp-badge-color:var(--t-tertiary-text, #000000);--comp-badge-border-color:var(--t-tertiary-l1, #f3f4f5)}.badge{font-size:10px;line-height:16px;height:16px;min-width:16px;text-align:center;padding:0 4px;color:var(--comp-badge-color);background-color:var(--comp-badge-background);border-style:solid;border-color:var(--comp-badge-border-color);border-width:var(--tct-badge-border-width, var(--t-badge-border-width, 1px));border-radius:var(--tct-badge-border-radius, var(--t-badge-border-radius, 8px))}.badge.size-large{font-size:14px;height:22px;min-width:22px;border-radius:var(--tct-badge-border-radius, var(--t-badge-border-radius, 11px));line-height:22px;padding:0 6px;border-color:var(--comp-badge-border-color)}.badge-wrapper{display:flex;align-items:center;justify-content:center}";const x=["?"],b=["#","@","*",...x];function S(t,r){return r.has(t)}function v(t,r,a){return S(t[r],a)?v(t,++r,a):r}const g={AED:{prefix:"",suffix:"د.إ",decimals:2,decimalSeparator:".",thousandsSeparator:","},AFN:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ALL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AMD:{prefix:"դր.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ANG:{prefix:"ƒ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AOA:{prefix:"Kz",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ARS:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AUD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AWG:{prefix:"ƒ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AZN:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BAM:{prefix:"КМ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BBD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BDT:{prefix:"৳",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BGN:{prefix:"৳",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BHD:{prefix:"",suffix:"ب.د",decimals:3,decimalSeparator:".",thousandsSeparator:","},BIF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},BMD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BND:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BOB:{prefix:"Bs.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BRL:{prefix:"R$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BSD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BTN:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BWP:{prefix:"P",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BYN:{prefix:"Br",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},BZD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CAD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CDF:{prefix:"Fr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CHF:{prefix:"Fr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CLF:{prefix:"Fr",suffix:"",decimals:4,decimalSeparator:".",thousandsSeparator:","},CLP:{prefix:"$",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},CNY:{prefix:"¥",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},COP:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CRC:{prefix:"₡",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CUC:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CUP:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CVE:{prefix:"$",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},CZK:{prefix:"Kč",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},DJF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},DKK:{prefix:"kr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},DOP:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},DZD:{prefix:"",suffix:"د.ج",decimals:2,decimalSeparator:".",thousandsSeparator:","},EEK:{prefix:"KR",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},EGP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ERN:{prefix:"Nfk",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ETB:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},EUR:{prefix:"€",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},FJD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},FKP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GBP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GEL:{prefix:"ლ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GHS:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GIP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GMD:{prefix:"D",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GNF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},GTQ:{prefix:"Q",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GYD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HKD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HNL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HRK:{prefix:"kn",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HTG:{prefix:"G",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HUF:{prefix:"Ft",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},IDR:{prefix:"Rs",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ILS:{prefix:"₪",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},INR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},IQD:{prefix:"",suffix:"ع.د",decimals:3,decimalSeparator:".",thousandsSeparator:","},IRR:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ISK:{prefix:"kr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},JMD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},JOD:{prefix:"",suffix:"د.ا",decimals:3,decimalSeparator:".",thousandsSeparator:","},JPY:{prefix:"¥",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},KES:{prefix:"Sh",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KGS:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KHR:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KMF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},KPW:{prefix:"₩",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KRW:{prefix:"₩",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},KWD:{prefix:"د.ك",suffix:"",decimals:3,decimalSeparator:".",thousandsSeparator:","},KYD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KZT:{prefix:"〒",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LAK:{prefix:"₭",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LBP:{prefix:"",suffix:"ل.ل",decimals:2,decimalSeparator:".",thousandsSeparator:","},LKR:{prefix:"Rs",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LRD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LSL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LTL:{prefix:"Lt",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LVL:{prefix:"Ls",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LYD:{prefix:"",suffix:"ل.د",decimals:3,decimalSeparator:".",thousandsSeparator:","},MAD:{prefix:"",suffix:"د.م.",decimals:2,decimalSeparator:".",thousandsSeparator:","},MDL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MGA:{prefix:"¤",suffix:"",decimals:1,decimalSeparator:".",thousandsSeparator:","},MKD:{prefix:"ден",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MMK:{prefix:"K",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MNT:{prefix:"₮",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MOP:{prefix:"P",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MRU:{prefix:"UM",suffix:"",decimals:1,decimalSeparator:".",thousandsSeparator:","},MUR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MVR:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MWK:{prefix:"MK",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MXN:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MYR:{prefix:"RM",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MZN:{prefix:"MTn",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NAD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NGN:{prefix:"₦",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NIO:{prefix:"C$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NOK:{prefix:"kr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NPR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NZD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},OMR:{prefix:"",suffix:"ر.ع.",decimals:3,decimalSeparator:".",thousandsSeparator:","},PAB:{prefix:"B/.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PEN:{prefix:"S/.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PGK:{prefix:"K",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PHP:{prefix:"p",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PKR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PLN:{prefix:"zł",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PYG:{prefix:"¤",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},QAR:{prefix:"",suffix:"ر.ق",decimals:2,decimalSeparator:".",thousandsSeparator:","},RON:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},RSD:{prefix:"дин.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},RUB:{prefix:"руб.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},RWF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},SAR:{prefix:"",suffix:"ر.س",decimals:2,decimalSeparator:".",thousandsSeparator:","},SBD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SCR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SDG:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SEK:{prefix:"kr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SGD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SHP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SKK:{prefix:"Sk",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SLL:{prefix:"Le",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SOS:{prefix:"Sh",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SRD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},STN:{prefix:"Db",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SVC:{prefix:"₡",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SYP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SZL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},THB:{prefix:"฿",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TJS:{prefix:"ЅМ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TMM:{prefix:"m",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TND:{prefix:"",suffix:"د.ت",decimals:3,decimalSeparator:".",thousandsSeparator:","},TOP:{prefix:"T$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TRY:{prefix:"YTL",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TTD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TWD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TZS:{prefix:"Sh",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},UAH:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},UGX:{prefix:"Sh",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},USD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},UYU:{prefix:"$",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},UZS:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},VEF:{prefix:"Bs F",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},VND:{prefix:"₫",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},VUV:{prefix:"Vt",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},WST:{prefix:"T",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},XAF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},XCD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},XOF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},XPF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},YER:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ZAR:{prefix:"R",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ZMW:{prefix:"ZK",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ZWD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","}};function k(t,r="USD",a=!1){let e=r||"",i=!0;e.includes("-integer")&&(e=e.split("-integer")[0],i=!1);const s=g[e];return s?m(t,Object.assign(Object.assign({},s),{allowDecimal:i&&s.decimals>0,allowNegative:!1}),a):h(t)}const w={AF:{mask:"(##) #######",prefix:"+93 "},AL:{mask:"#######",prefix:"+355 "},DZ:{mask:"(##) ###-###",prefix:"+213 "},AD:{mask:"(#) #####",prefix:"+376 "},AO:{mask:"#########",prefix:"+244 "},AI:{mask:"(###) ###-####",prefix:"+1 "},AG:{mask:"(###) ###-####",prefix:"+1 "},AR:{mask:"##########",prefix:"+54 "},AM:{mask:"########",prefix:"+375 "},AQ:{mask:"##-####",prefix:"+672 "},AW:{mask:"###-####",prefix:"+297 "},AU:{mask:"(##) ####-####",prefix:"+61 "},AT:{mask:"#############",prefix:"+43 "},AZ:{mask:"#########",prefix:"+994 "},BS:{mask:"(###) ###-####",prefix:"+1 "},BH:{mask:"####-####",prefix:"+973 "},BD:{mask:"#########",prefix:"+880 "},BB:{mask:"(###) ###-####",prefix:"+1 "},BY:{mask:"#########",prefix:"+375 "},BE:{mask:"########??",prefix:"+32 "},BZ:{mask:"#######",prefix:"+501 "},BJ:{mask:"(##) ###-###",prefix:"+229 "},BM:{mask:"(###) ###-####",prefix:"+1 "},BT:{mask:"(#) ###-###",prefix:"+975 "},BO:{mask:"(#) ###-####",prefix:"+591 "},BA:{mask:"(##) ##-##-##",prefix:"+387 "},BW:{mask:"########",prefix:"+267 "},BR:{mask:"(##) ####-####",prefix:"+55 "},BN:{mask:"###-####",prefix:"+673 "},BG:{mask:"#######?",prefix:"+359 "},BF:{mask:"##-##-##-##",prefix:"+226 "},BI:{mask:"####-####",prefix:"+257 "},KH:{mask:"(##) ######",prefix:"+855 "},CM:{mask:"####-####",prefix:"+237 "},CA:{mask:"(###) ###-####",prefix:"+1 "},CV:{mask:"###-####",prefix:"+238 "},KY:{mask:"(###) ###-####",prefix:"+1 "},CF:{mask:"###-###",prefix:"+236 "},TD:{mask:"###-##-##",prefix:"+235 "},CL:{mask:"#########",prefix:"+56 "},CN:{mask:"###########",prefix:"+86 "},CO:{mask:"##########",prefix:"57 "},KM:{mask:"###-####",prefix:"+269 "},CD:{mask:"###-####",prefix:"+243 "},CG:{mask:"###-####",prefix:"+242 "},CR:{mask:"####-####",prefix:"+506 "},CI:{mask:"####-####",prefix:"+225 "},HR:{mask:"########?",prefix:"+385 "},CU:{mask:"###########",prefix:"+53 "},CY:{mask:"####-####",prefix:"+357 "},CZ:{mask:"#########",prefix:"+420 "},DK:{mask:"####-####",prefix:"+45 "},DJ:{mask:"##-##-##-##",prefix:"+253 "},DM:{mask:"(###) ###-####",prefix:"+1 "},DO:{mask:"(###) ###-####",prefix:"+1 "},TL:{mask:"###-####",prefix:"+670 "},EC:{mask:"(##) ###-####",prefix:"+593 "},EG:{mask:"##########",prefix:"+20 "},SV:{mask:"####-####",prefix:"+503 "},GQ:{mask:"##-####",prefix:"+240 "},EE:{mask:"#######?",prefix:"+372 "},ET:{mask:"(##) ###-####",prefix:"+251 "},FK:{mask:"#####",prefix:"+500 "},FO:{mask:"######",prefix:"+298 "},FJ:{mask:"###-####",prefix:"+679 "},FI:{mask:"############",prefix:"+358 "},FR:{mask:"#########",prefix:"+33 "},GF:{mask:"##########",prefix:"+594 "},PF:{mask:"######",prefix:"+689 "},GA:{mask:"######?",prefix:"+241 "},GM:{mask:"###-####",prefix:"+220 "},GE:{mask:"########",prefix:"+995 "},DE:{mask:"###########",prefix:"+49 "},GH:{mask:"#########",prefix:"+233 "},GI:{mask:"####-####",prefix:"+350 "},GR:{mask:"##########",prefix:"+30 "},GL:{mask:"###-###",prefix:"+299 "},GD:{mask:"(###) ###-####",prefix:"+1 "},GP:{mask:"##########",prefix:"+590 "},GU:{mask:"(###) ###-####",prefix:"+1 "},GT:{mask:"####-####",prefix:"+502 "},GN:{mask:"####-####",prefix:"+224 "},GW:{mask:"###-####",prefix:"+245 "},GY:{mask:"(###) ####",prefix:"+592 "},HK:{mask:"####-####",prefix:"+852 "},HN:{mask:"########",prefix:"+504 "},HT:{mask:"####-####",prefix:"+509 "},HU:{mask:"########??",prefix:"+36 "},IS:{mask:"#########",prefix:"+354 "},IN:{mask:"##########",prefix:"+91 "},ID:{mask:"#######??????",prefix:"+62 "},IR:{mask:"##########",prefix:"+98 "},IQ:{mask:"##########",prefix:"+964 "},IE:{mask:"#########",prefix:"+353 "},IL:{mask:"#########",prefix:"+972 "},IT:{mask:"##########",prefix:"+39 "},JM:{mask:"(###) ###-####",prefix:"+1 "},JP:{mask:"#########",prefix:"+81 "},JO:{mask:"#########",prefix:"+962 "},KZ:{mask:"(###) ####-###",prefix:"+7 "},KE:{mask:"##########",prefix:"+254 "},KI:{mask:"##-###",prefix:"+686 "},KR:{mask:"##########",prefix:"+82 "},KW:{mask:"####-####",prefix:"+965 "},KG:{mask:"#########",prefix:"+996 "},LA:{mask:"########?",prefix:"+856 "},LV:{mask:"####-####",prefix:"+371 "},LB:{mask:"#######?",prefix:"+961 "},LS:{mask:"##-###-###",prefix:"+266 "},LY:{mask:"########?",prefix:"+218 "},LI:{mask:"###-####",prefix:"+423 "},LT:{mask:"########",prefix:"+370 "},LU:{mask:"###########",prefix:"+352 "},MO:{mask:"####-####",prefix:"+853 "},MK:{mask:"########",prefix:"+389 "},MG:{mask:"##-##-###-##",prefix:"+261 "},MW:{mask:"#########",prefix:"+265 "},MY:{mask:"##########",prefix:"+60 "},MV:{mask:"###-####",prefix:"+960 "},ML:{mask:"####-####",prefix:"+223 "},MT:{mask:"##-##-##-##",prefix:"+356 "},MH:{mask:"###-####",prefix:"+692 "},MQ:{mask:"###-######",prefix:"+596 "},MU:{mask:"###-####",prefix:"+230 "},MX:{mask:"(###) ###-####",prefix:"+52 "},MD:{mask:"########",prefix:"+373 "},MC:{mask:"####-####",prefix:"+377 "},MN:{mask:"###########",prefix:"+976 "},MS:{mask:"(###) ###-####",prefix:"+1 "},MA:{mask:"#########?",prefix:"+212 "},MZ:{mask:"#########",prefix:"+258 "},MM:{mask:"########",prefix:"+95 "},NA:{mask:"##########",prefix:"+264 "},NP:{mask:"##########",prefix:"+977 "},NL:{mask:"#########",prefix:"+31 "},AN:{mask:"########",prefix:"+599 "},NC:{mask:"###-###",prefix:"+687 "},NZ:{mask:"##########",prefix:"+64 "},NI:{mask:"####-####",prefix:"+505 "},NE:{mask:"##-###-###",prefix:"+227 "},NG:{mask:"##########",prefix:"+234 "},MP:{mask:"(###) ###-####",prefix:"+1 "},NO:{mask:"####-####",prefix:"+47 "},OM:{mask:"####-####",prefix:"+968 "},PK:{mask:"##########",prefix:"+92 "},PW:{mask:"###-####",prefix:"+680 "},PA:{mask:"########",prefix:"+507 "},PG:{mask:"########",prefix:"+675 "},PE:{mask:"###########",prefix:"+51 "},PH:{mask:"##########",prefix:"+63 "},PL:{mask:"#########",prefix:"+48 "},PT:{mask:"#-####-####",prefix:"+351 "},PR:{mask:"(###) ###-####",prefix:"+1 "},QA:{mask:"###-####",prefix:"+974 "},RE:{mask:"###-###-###",prefix:"+262 "},RO:{mask:"#########",prefix:"+40 "},RU:{mask:"##########",prefix:"+7 "},RW:{mask:"###-###-###",prefix:"+250 "},SH:{mask:"#-###",prefix:"+290 "},KN:{mask:"(###) ###-####",prefix:"+1 "},LC:{mask:"(###) ###-####",prefix:"+1 "},VC:{mask:"(###) ###-####",prefix:"+1 "},ST:{mask:"##-####",prefix:"+239 "},SA:{mask:"#########",prefix:"+966 "},SN:{mask:"##-###-####",prefix:"+221 "},SC:{mask:"###-###",prefix:"+248 "},SL:{mask:"(##) ###-###",prefix:"+232 "},SG:{mask:"####-####",prefix:"+65 "},SK:{mask:"#########",prefix:"+421 "},SI:{mask:"########",prefix:"+386 "},SB:{mask:"##-###",prefix:"+677 "},ZA:{mask:"(##) ###-####",prefix:"+27 "},ES:{mask:"###-###-###",prefix:"+34 "},LK:{mask:"(##) ###-####",prefix:"+94 "},SD:{mask:"##-###-####",prefix:"+249 "},SR:{mask:"######?",prefix:"+597 "},SZ:{mask:"###-####",prefix:"+268 "},SE:{mask:"###########",prefix:"+46 "},CH:{mask:"(##) ###-####",prefix:"+41 "},SY:{mask:"#########",prefix:"+963 "},TJ:{mask:"#########",prefix:"+992 "},TZ:{mask:"#########",prefix:"+255 "},TH:{mask:"#########",prefix:"+66 "},TG:{mask:"###-####",prefix:"+228 "},TT:{mask:"(###) ###-####",prefix:"+1 "},TN:{mask:"##-###-###",prefix:"+216 "},TR:{mask:"(###) ###-####",prefix:"+90 "},TM:{mask:"########",prefix:"+993 "},TC:{mask:"(###) ###-####",prefix:"+1 "},UG:{mask:"#########",prefix:"+256 "},UA:{mask:"(##) ###-####",prefix:"+380 "},AE:{mask:"#########",prefix:"+971 "},GB:{mask:"#########????",prefix:"+44 "},UY:{mask:"########?",prefix:"+598 "},UZ:{mask:"(##) ###-####",prefix:"+998 "},VE:{mask:"(###) ###-####",prefix:"+58 "},VN:{mask:"#######????",prefix:"+84 "},VG:{mask:"(###) ###-####",prefix:"+1 "},VI:{mask:"(###) ###-####",prefix:"+1 "},YE:{mask:"#########",prefix:"+967 "},ZM:{mask:"#########",prefix:"+260 "},ZW:{mask:"#########",prefix:"+263 "},AC:{mask:"####",prefix:"+247 "},ME:{mask:"(##) ###-####",prefix:"+382 "},PS:{mask:"#########",prefix:"+970 "},RS:{mask:"#########",prefix:"+381 "},TW:{mask:"#########",prefix:"+886 "},CW:{mask:"#-###-####",prefix:"+599 "},US:{mask:"(###) ###-####",prefix:""}};function y(t,r="US"){const{mask:a,prefix:e}=w[r]||w.US,i={prefix:e},s=t||"";return"BR"===r&&11===s.replace(/[^0-9]/g,"").length?h(s,"(##) #####-####",i):h(s,a,i)}function M(t){return h(t,"###-##-####")}function D(t){return h((t||"").replace(/[^\da-zA-Z]/g,""))}function C(t,r){let a=t||"";return a=a.replace("spaced"===r?/[^a-zA-Z ]/g:/[^a-zA-Z]/g,""),h(a)}const A={delimited:{prefix:"",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:",",allowDecimal:!1,allowNegative:!0},integer:{prefix:"",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:"",allowDecimal:!0,allowNegative:!0},dec:{prefix:"",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:",",allowDecimal:!0,allowNegative:!0}};function Y(t){let r;t.includes("dec")&&(r=Number(t.replace("dec","")),t="dec");let a=A[t];if(a)return a=Object.assign({},a),r&&(a.decimals=r),a}function L(t="",r="",a=!1){const e=Y(r);return e?m(t,e,a):h((t||"").replace(/[^\d.,-]/g,""))}function N(t="",r="",a=!1){const e=Y(r);return e?(e.suffix="%",m(t,e,a)):h((t||"").replace(/[^\d.,-]/g,""),void 0,{suffix:"%"})}const I={AF:"####",AL:"####",DZ:"#####",AC:"ASCN 1ZZ",AD:"AD###",AR:"####","AR+":"@####@@@",AI:"AI-2640",AM:"####",AS:"#####","AS+4":"#####-####",AU:"####",AT:"####",AZ:"AZ ####",BH:"###?",BD:"####",BB:"BB#####",BY:"######",BE:"####",BM:"@@ **",BT:"#####",BA:"######",BR:"#####","BR+3":"#####-###",VG:"VG####",BN:"@@####",BG:"####",KH:"#####",KY:"KY#-####",CA:"@#@ #@#",CL:"###-####",CN:"######",CX:"####",CC:"####",CO:"######",CR:"#####","CR+4":"#####-####",CV:"####",HR:"#####",CU:"#####",CY:"####",CZ:"### ##",DK:"####",DO:"#####",EC:"######",SV:"####",EG:"#####",EE:"#####",ET:"####",FK:"FIQQ 1ZZ",FO:"###",FI:"#####",FR:"#####",GF:"973##",PF:"987##",GI:"GX11 1AA",GE:"####",DE:"#####",GR:"### ##",GL:"####",GP:"971##",GU:"#####","GU+4":"#####-####",GT:"#####",GG:"GY#? #@@",GN:"###",GS:"SIQQ 1ZZ",GW:"####",HT:"####",HN:"@@####","HN-":"#####",HU:"####",IS:"###",IN:"### ###",ID:"#####",IE:"*** ****",IR:"##########",IQ:"#####",IM:"IM#? #@@",IL:"#######",IT:"#####",JM:"##",JP:"###-####",JE:"JE#? #@@",JO:"#####",KZ:"######",KE:"#####",KR:"#####",KN:"KN####",XK:"#####",KW:"#####",KG:"######",LA:"#####",LV:"LV-####",LB:"####? ????",LS:"###",LR:"####",LI:"####",LT:"#####",LU:"####",MK:"####",MG:"###",MY:"#####",MV:"#####",MT:"@@@ ####",MH:"#####","MH+4":"#####-####",MU:"#####",MQ:"972##",MW:"######",YT:"976##",MX:"#####",FM:"#####","FM+4":"#####-####",MD:"####",MC:"980##",MN:"#####",ME:"#####",MA:"#####",MZ:"####",MM:"#####",NA:"#####",NP:"#####",NC:"988##",NZ:"####",NI:"#####",NE:"####",NG:"######",NF:"####",MP:"#####",NO:"####",OM:"###",PK:"#####",PW:"#####","PW+4":"#####-####",PS:"###",PA:"####",PG:"###",PY:"####",PE:"#####","PE+":"####",PH:"####",PL:"##-###",PT:"####","PT+3":"####-###",PR:"#####","PR+4":"#####-####",RE:"974##",PM:"975##",PN:"PCRN 1ZZ",RO:"######",RU:"######",LC:"LC## ###",VC:"####",WS:"####",SM:"4879#",SA:"#####","SA+4":"#####-####",SN:"#####",RS:"#####",SG:"######",SH:"@@@@ 1ZZ",SK:"### ##",SI:"####",SO:"@@ #####",ZA:"####",ES:"#####",LK:"#####",SD:"#####",SZ:"@###",SE:"### ##",CH:"####",SJ:"####",TW:"###","TW+2":"###-##?",TJ:"######",TZ:"#####",TH:"#####",TT:"######",TN:"####",TR:"#####",TM:"######",UA:"#####",UY:"#####",VI:"#####","VI+4":"#####-####",UZ:"######",VE:"####","VE-":"####-@",VN:"#####?",YU:"#####",WF:"986##",ZM:"#####",US:"#####","US+4":"#####-####"};function R(t,r="US"){const a=I[r];return a?h(t,a):D(t)}const $={"MM/DD/YYYY":"##/##/####","M/D/YYYY":"#?/#?/####","MM/DD/YY":"##/##/##","M/D/YY":"#?/#?/##","MM/YY":"##/##","M/YY":"#?/##","DD/MM/YYYY":"##/##/####","D/M/YYYY":"#?/#?/####","DD/MM/YY":"##/##/##","D/M/YY":"#?/#?/##","MM-DD-YYYY":"##-##-####","M-D-YYYY":"#?-#?-####","MM-DD-YY":"##-##-##","M-D-YY":"#?-#?-##","MM-YY":"##-##","M-YY":"#?-##","DD-MM-YYYY":"##-##-####","D-M-YYYY":"#?-#?-####","DD-MM-YY":"##-##-##","D-M-YY":"#?-#?-##"};function F(t,r="MM/DD/YYYY"){const a=h(t,$[r]||$["MM/DD/YYYY"]);return Object.assign(Object.assign({},a),{value:a.formattedValue})}const G=function(t){const r=h(t,"#### #### #### ####");return Object.assign(Object.assign({},r),{type:"unknown",leftIcon:"card-unknown",leftIconMuted:t.length<16})},B=function(t){const r=h(t,"#### ###### #####");return Object.assign(Object.assign({},r),{type:"amex",leftIcon:"card-amex-color",leftIconMuted:t.length<15})},P=function(t){const r=h(t,"#### #### #### ####");return Object.assign(Object.assign({},r),{type:"discover",leftIcon:"card-discover-color",leftIconMuted:t.length<16})},T=function(t){const r=h(t,"#### #### #### ####");return Object.assign(Object.assign({},r),{type:"masterCard",leftIcon:"card-mastercard-color",leftIconMuted:t.length<16})},K=function(t){const r=h(t,"#### #### #### ####");return Object.assign(Object.assign({},r),{type:"visa",leftIcon:"card-visa-color",leftIconMuted:t.length<16})},O=function(t){const r=h(t,"#### ###### ####");return Object.assign(Object.assign({},r),{type:"dinersClub",leftIcon:"card-dinersclub-color",leftIconMuted:t.length<14})},E={discover:P,amex:B,masterCard:T,visa:K,dinersClub:O,unknown:G},V={detectCreditCardTypeFromValue:function(t){const r=parseInt(t.charAt(0)),a=parseInt(t.charAt(1));switch(r){case 2:if(a>1&&a<8){if(!(t.length>=4))return"masterCard";{const r=parseInt(t.substr(0,4));if(r>=2221&&r<2721)return"masterCard"}}break;case 3:if(4===a||7===a)return"amex";if(0===a){if(!(t.length>2))return"dinersClub";{const r=parseInt(t.charAt(2));if(r<6||9===r)return"dinersClub"}}if(6===a||8===a||9===a)return"dinersClub";break;case 4:return"visa";case 5:if(a>0&&a<6)return"masterCard";break;case 6:if(0===a){if(!(t.length>3))return"discover";if("6011"===t.substr(0,4))return"discover"}if(4===a){if(!(t.length>2))return"discover";if(parseInt(t.substr(0,3))>643)return"discover"}if(5===a)return"discover";if(2===a){if(!(t.length>5))return"discover";{const r=parseInt(t.substr(0,6));if(r>=622126&&r<=622925)return"discover"}}break;default:return"unknown"}return"unknown"},format:function(t){const r=V.detectCreditCardTypeFromValue(t),a=E[r](t);return t.length<2&&"unknown"===r&&(a.leftIcon="card"),a},amexFormatter:B,dinersClubInternationalFormatter:O,discoverFormatter:P,masterCardFormatter:T,visaFormatter:K,unknownFormatter:G},Z=class{constructor(r){t(this,r),this.input=e(this,"input",7),this.change=e(this,"change",7),this.clear=e(this,"clear",7),this.scheduledAfterRender=[],this.guid=s(),this.onToggleVisibility=()=>{this.textHidden=!this.textHidden},this.onInputFocus=()=>{this.scheduledAfterRender.push((()=>{this.setCursorPosition(this.calculateCursorPositionOnFocus())})),this.hasFocus=!0,o(this),this.valueOnFocus=this.value},this.onInputBlur=()=>{this.hasFocus=!1,o(this),this.valueOnFocus!==this.formattedValueObject.value&&(this.valueOnFocus=this.formattedValueObject.value,this.change.emit(Object.assign({value:this.formattedValueObject.value,formattedValue:this.formattedValueObject.fullyFormattedValue,minFormattedLength:this.formattedValueObject.minFormattedLength},this.formattedValueObject.type&&{type:this.formattedValueObject.type})))},this.onInputInput=t=>{t.stopPropagation();const r=this.getFormattedValue(t.target.value,!1);this.handleDataInput(r)},this.onInputPaste=t=>{if("currency"===this.type){const r=t.clipboardData.getData("text"),a=this.getFormattedValue(r,!0);t.preventDefault(),this.handleDataInput(a)}},this.onInputKeydown=t=>{"Enter"===t.key&&this.valueOnFocus!==this.formattedValueObject.value&&(this.valueOnFocus=this.formattedValueObject.value,this.change.emit(Object.assign({value:this.formattedValueObject.value,formattedValue:this.formattedValueObject.fullyFormattedValue,minFormattedLength:this.formattedValueObject.minFormattedLength},this.formattedValueObject.type&&{type:this.formattedValueObject.type})))},this.onClearInput=()=>{const t={value:"",formattedValue:"",minFormattedLength:this.formattedValueObject.minFormattedLength};this.input.emit(t),this.change.emit(t),this.clear.emit(),this.inputField.focus()},this.value=void 0,this.label=void 0,this.hideLabel=void 0,this.type="text",this.placeholder=void 0,this.disabled=!1,this.autocomplete=void 0,this.autocorrect=void 0,this.autocapitalize=void 0,this.hideMessages=void 0,this.iconLeft=void 0,this.iconRight=void 0,this.readonly=void 0,this.clearable=void 0,this.optional=void 0,this.min=void 0,this.max=void 0,this.step=void 0,this.formatModifier=void 0,this.maxlength=void 0,this.pseudo=void 0,this.showVisibilityToggle=!1,this.textHidden=void 0,this.badgeValue=void 0,this.badgeTheme=void 0,this.ariaControls=void 0,this.role=void 0,this.ariaOwns=void 0,this.ariaLabel=void 0,this.ariaHaspopup=void 0,this.ariaExpanded=void 0,this.ariaActivedescendant=void 0,this.current=void 0,this.errors=void 0,this.hints=void 0,this.formattedValueObject=void 0,this.hasFocus=void 0}componentWillLoad(){isNaN(this.maxlength)&&(this.maxlength=void 0),this.formattedValueObject=this.getFormattedValue(this.stringValue,!0),p(this),void 0===this.textHidden&&(this.textHidden="password"===this.type)}componentDidLoad(){this.pseudo||(this.inputField.value=this.formattedValueObject.formattedValue),n(this.hostElement)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}getFormattedValue(t,r){const a={currency:k,phone:y,ssn:M,alphanumeric:D,alpha:C,numeric:L,percentage:N,postal:R,date:F,"credit-card":V.format};return a[this.type]?a[this.type](t,this.formatModifier,r):{value:t,formattedValue:t,fullyFormattedValue:t,formattingCharacterCount:0,unformattedValue:t}}get canClear(){return this.clearable&&!!this.value}get hasError(){return Array.isArray(this.errors)&&this.errors.length>0}get messages(){return this.errors&&this.errors.length>0&&this.errors||this.hints&&this.hints.length>0&&this.hints||[]}get inputField(){return this.hostElement.shadowRoot.querySelector(".input-field")}get showMessages(){return this.messages.length>0&&!this.hideMessages}get inputId(){return`input-guid-${this.guid}`}get inputDescribedBy(){return this.showMessages?`${this.inputId}-description`:void 0}get isMaskedType(){return["currency","phone","ssn","alphanumeric","alpha","numeric","percentage","postal","date","credit-card"].includes(this.type)}get wrapperClasses(){const t=["field-container"];return this.hasError&&t.push("has-error"),this.value&&t.push("has-value"),this.clearable&&this.value&&t.push("has-clear"),this.hasFocus&&t.push("has-focus"),this.formattedValueObject.prefix&&t.push("has-prefix"),this.computedIconLeft&&t.push("has-icon-left"),this.showIconSeparator&&t.push("has-icon-separator"),this.formattedValueObject.suffix&&t.push("has-suffix"),!this.formattedValueObject.suffix&&this.iconRight&&t.push("has-icon-right"),t.push("currency"===this.type?"right-aligned":"left-aligned"),this.hasCustomDisplaySlot&&t.push("has-custom-display"),t.join(" ")}get computedType(){return["password","text","ssn"].includes(this.type)&&this.textHidden?"password":this.type&&{text:"text",tel:"tel",number:"number",password:"text",search:"search",url:"url",email:"email",currency:"tel",phone:"tel",ssn:"tel",alphanumeric:"text",alpha:"text",numeric:"tel",percentage:"tel",postal:"tel",date:"tel","credit-card":"tel"}[this.type]||"text"}get computedAutocomplete(){return"currency"===this.type?"transaction-amount":this.autocomplete||"off"}get computedIconLeft(){if(!this.formattedValueObject.prefix)return"search"===this.type?"search":this.formattedValueObject.leftIcon?this.formattedValueObject.leftIcon:this.iconLeft}get showIconSeparator(){return"credit-card"===this.type||!!this.formattedValueObject.prefix}get computedClassForIconLeft(){let t="icon-left";return this.formattedValueObject.leftIconMuted&&(t+=" icon-left-muted"),t}get stringValue(){return this.value&&String(this.value)||""}get canSetSelection(){return!["email","number"].includes(this.computedType)}get visibilityToggleText(){return d("tecton.element.input.toggle."+(this.textHidden?"show":"hide"))}formatAndUpdateValueFromProp(){this.formattedValueObject=this.getFormattedValue(this.stringValue,!0),this.pseudo||(this.inputField.value=this.formattedValueObject.formattedValue)}ariaLabelObserver(){p(this)}valueObserver(){this.formatAndUpdateValueFromProp()}typeObserver(){this.formatAndUpdateValueFromProp()}formatModifierObserver(){this.formatAndUpdateValueFromProp()}hintsObserver(){this.hasFocus&&this.scheduledAfterRender.push((()=>o(this)))}errorsObserver(){this.hasFocus&&this.scheduledAfterRender.push((()=>o(this)))}onHostElementFocus(t){c(t,this.hostElement)&&this.inputField.focus()}onHostElementChange(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail.value)}handleDataInput(t){void 0===this.maxlength||t.unformattedValue.length<=this.maxlength||t.unformattedValue.length<=this.formattedValueObject.unformattedValue.length?this.formattedValueObject=t:this.maxlength&&(t=this.getFormattedValue(t.unformattedValue.substring(0,this.maxlength),!1),this.formattedValueObject=t);const r=this.calculateCursorPositionOnInput();this.inputField.value=this.formattedValueObject.formattedValue,this.input.emit(Object.assign({value:this.formattedValueObject.value,formattedValue:this.formattedValueObject.fullyFormattedValue,minFormattedLength:this.formattedValueObject.minFormattedLength},this.formattedValueObject.type&&{type:this.formattedValueObject.type})),this.setCursorPosition(r)}render(){return r("div",{class:this.wrapperClasses},l(this),this.inputContainerDOM(),f(this))}get hasCustomDisplaySlot(){return!!this.hostElement.querySelector("[slot=custom-display]")}inputContainerDOM(){return r("div",{class:"input-container"},r("div",{class:"input-icons-container-left"},this.formattedValueObject.prefix&&r("span",{class:"input-prefix"},this.formattedValueObject.prefix),this.computedIconLeft&&r("q2-icon",{type:this.computedIconLeft,class:this.computedClassForIconLeft}),this.showIconSeparator&&r("div",{class:"vertical-separator"}),this.hasError&&"currency"===this.type&&r("q2-icon",{type:"error",class:"icon-error"})),this.pseudo?this.pseudoInputDOM():this.standardInputDOM(),r("div",{class:"input-icons-container-right"},this.canClear&&r("q2-btn",{class:"btn-clear",ariaLabel:d("tecton.element.input.clear",[this.label]),"test-id":"clearButton",onClick:this.onClearInput},r("q2-icon",{type:"close",class:"icon-clear"})),["password","text","ssn"].includes(this.type)&&this.showVisibilityToggle&&r("q2-btn",{class:"btn-visibility-toggle","test-id":"toggleVisibilityButton",onClick:this.onToggleVisibility},this.visibilityToggleText),this.formattedValueObject.suffix&&r("span",{class:"input-suffix"},this.formattedValueObject.suffix),this.badgeValue&&r("q2-badge",{size:"large",theme:this.badgeTheme},this.badgeValue),this.iconRight&&!this.formattedValueObject.suffix&&r("q2-icon",{type:this.iconRight,class:"icon-right"}),this.hasError&&"currency"!==this.type&&r("q2-icon",{type:"error",class:"icon-error"})))}standardInputDOM(){const{hasCustomDisplaySlot:t}=this,a=["input-field"];return t&&a.push("sr"),r(i,null,t&&r("div",{class:"custom-display-container"},r("slot",{name:"custom-display"})),r("input",{class:a.join(" "),id:this.inputId,type:this.computedType,size:this.formattedValueObject.prefix?10:void 0,max:this.max,min:this.min,step:this.step,"aria-current":this.current||void 0,"aria-describedby":this.inputDescribedBy,"aria-required":`${!this.optional}`,"aria-invalid":`${this.hasError}`,"aria-controls":this.ariaControls&&`${this.ariaControls}`||void 0,"aria-owns":this.ariaOwns&&`${this.ariaOwns}`||void 0,"aria-haspopup":this.ariaHaspopup&&`${this.ariaHaspopup}`||void 0,"aria-expanded":!!this.ariaExpanded&&`${!!this.ariaExpanded}`||void 0,"aria-activedescendant":this.ariaActivedescendant&&`${this.ariaActivedescendant}`,"aria-label":this.hideLabel&&this.label?d(this.label):void 0,autocomplete:this.computedAutocomplete,autocapitalize:"on"===this.autocapitalize?"on":"off",autocorrect:"on"===this.autocorrect?"on":"off",placeholder:this.placeholder&&d(this.placeholder)||void 0,role:this.role&&`${this.role}`||void 0,"test-id":"inputField",readonly:!!this.readonly,disabled:!!this.disabled,onFocus:this.onInputFocus,onBlur:this.onInputBlur,onKeyDown:this.onInputKeydown,onInput:this.onInputInput,onPaste:this.onInputPaste}))}pseudoInputDOM(){const t=!this.value&&!!this.placeholder;let a="";return this.optional&&(a=d("tecton.element.input.optional")),this.readonly&&(a=d("tecton.element.input.readonly")),r("div",{class:"pseudo-input-container"},r("button",{class:"input-field",type:"button",id:this.inputId,"aria-describedby":this.inputDescribedBy,"aria-invalid":`${this.hasError}`,"aria-controls":this.ariaControls&&`${this.ariaControls}`||void 0,"aria-owns":this.ariaOwns&&`${this.ariaOwns}`||void 0,"aria-haspopup":this.ariaHaspopup&&`${this.ariaHaspopup}`||void 0,"aria-expanded":"true"===this.ariaExpanded?"true":void 0,"aria-activedescendant":this.ariaActivedescendant&&`${this.ariaActivedescendant}`,"aria-label":`${this.value}, ${this.label&&d(this.label)||""}${a}`,role:this.role&&`${this.role}`||void 0,disabled:!!this.disabled,"test-id":"q2InputInnerClearButton"},r("div",{class:"custom-display-container"},r("slot",{name:"custom-display"},r("span",{class:t?"placeholder-text":""},t?this.placeholder:this.value)))))}calculateCursorPositionOnInput(){const t=this.inputField,r=this.formattedValueObject.formattedValue.length;return{startingPosition:t&&t.selectionStart||("currency"===this.type?r:0),valueLength:r,previousValueLength:t&&t.value.length,hasSelection:!1}}calculateCursorPositionOnFocus(){const t=this.inputField,r=t&&t.value?t.value.length:0;return{startingPosition:t&&t.selectionStart||r,valueLength:r,previousValueLength:r,hasSelection:getSelection().toString().length>0}}setCursorPosition(t){if(this.canSetSelection&&!t.hasSelection){const r=this.inputField,{valueLength:a,previousValueLength:e,startingPosition:i}=t;if(i===a&&a>=e&&"currency"===this.type)r.setSelectionRange(a,a);else{const t=a-e,s=i+(t>0?t:0);r.setSelectionRange(s,s)}}}get hostElement(){return a(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],value:["valueObserver"],type:["typeObserver"],formatModifier:["formatModifierObserver"],hints:["hintsObserver"],errors:["errorsObserver"]}}};Z.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;margin-top:var(--tct-input-margin-top, var(--t-input-margin-top, var(--app-scale-6x, 30px)));margin-bottom:var(--tct-input-margin-bottom, var(--t-input-margin-bottom, var(--app-scale-6x, 30px)));font-size:var(--tct-input-font-size, var(--t-input-font-size, var(--app-font-size, inherit)))}:host([hidden]){display:none}.field-container,.input-container{position:relative}.field-container{--comp-input-tween:var(--tct-input-tween, var(--t-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))))}label{display:block;padding-left:var(--tct-input-label-padding-left, var(--t-input-label-padding-left, 0));padding-right:var(--tct-input-label-padding-right, var(--t-input-label-padding-right, 0));margin-top:var(--tct-input-label-margin-top, var(--t-input-label-margin-top, 0));margin-bottom:var(--tct-input-label-margin-bottom, var(--t-input-label-margin-bottom, var(--tct-scale-1, var(--app-scale-1x, 5px))));color:var(--tct-input-label-font-color, var(--t-input-label-font-color, inherit));font-size:var(--tct-input-label-font-size, var(--t-input-label-font-size, inherit));font-weight:var(--tct-input-label-font-weight, var(--t-input-label-font-weight, 600));text-transform:var(--tct-input-label-text-transform, var(--t-input-label-text-transform, none));letter-spacing:var(--tct-input-label-letter-spacing, var(--t-input-label-letter-spacing, normal));transition:color var(--comp-input-tween)}.optional-tag{margin-left:var(--tct-input-label-optional-margin-left, var(--t-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px))));color:var(--tct-input-label-optional-font-color, var(--t-input-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-input-label-optional-font-size, var(--t-input-label-optional-font-size, 12px));font-weight:var(--tct-input-label-optional-font-weight, var(--t-input-label-optional-font-weight, 400))}.input-container{background-color:var(--tct-input-bg, var(--t-input-bg, var(--t-gray-14, #fcfcfd)));display:flex;align-items:center;--comp-input-horizontal-gap:var(--tct-input-horizontal-gap, var(--t-input-horizontal-gap, 8px));--comp-input-border-top-left-radius:var(--tct-input-border-top-left-radius, var(--t-input-border-top-left-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));--comp-input-border-top-right-radius:var(--tct-input-border-top-right-radius, var(--t-input-border-top-right-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));--comp-input-border-bottom-right-radius:var(--tct-input-border-bottom-right-radius, var(--t-input-border-bottom-right-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));--comp-input-border-bottom-left-radius:var(--tct-input-border-bottom-left-radius, var(--t-input-border-bottom-left-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));--comp-input-border-radius:var(--comp-input-border-top-left-radius) var(--comp-input-border-top-right-radius)\n      var(--comp-input-border-bottom-right-radius) var(--comp-input-border-bottom-left-radius);--comp-input-border-width:var(--tct-input-border-top-width, 1px) var(--tct-input-border-right-width, 1px)\n      var(--tct-input-border-bottom-width, 1px) var(--tct-input-border-left-width, 1px);--comp-input-focus-border-width:var(--tct-input-focus-border-top-width, 1px)\n      var(--tct-input-focus-border-right-width, 1px) var(--tct-input-focus-border-bottom-width, 1px)\n      var(--tct-input-focus-border-left-width, 1px);--comp-input-prefix-clearance:calc(3 * var(--tct-input-prefix-font-size, 14px) + var(--tct-scale-1, 5px));--comp-input-icon-clearance:34px;--comp-input-min-height:var(--tct-input-min-height, var(--t-input-min-height, 44px));--comp-input-max-height:var(--tct-input-max-height, var(--t-input-max-height));border-width:var(--comp-input-border-width);border-style:solid;border-color:var(--tct-input-border-color, var(--t-input-border-color, var(--t-a11y-gray-color-AA, #949494)));border-radius:var(--comp-input-border-radius);box-shadow:var(--tct-input-box-shadow, var(--t-input-box-shadow, none));transition:border-width var(--comp-input-tween), border-color var(--comp-input-tween), box-shadow var(--comp-input-tween)}:host([disabled]:not([disabled=false])) .input-container{cursor:not-allowed;opacity:var(--tct-input-disabled-opacity, var(--t-input-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))))}.input-field{flex:1;border:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;min-height:var(--comp-input-min-height);max-height:var(--comp-input-max-height);overflow-y:hidden;height:var(--tct-input-height, var(--t-input-height, 44px));width:100%;padding:0 var(--tct-input-horizontal-padding, var(--t-input-horizontal-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))));background-color:transparent;color:var(--tct-input-font-color, var(--t-input-font-color, var(--t-text, inherit)));display:inline-block;text-align:var(--tct-input-align, "start");font-weight:var(--tct-input-font-weight, var(--t-input-font-weight, 400));}.input-field:focus{outline:none;box-shadow:none}.input-field::-webkit-outer-spin-button,.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[type=number]{-moz-appearance:textfield}.input-field::-ms-clear{display:none}.input-field[type=search]::-webkit-search-decoration,.input-field[type=search]::-webkit-search-cancel-button,.input-field[type=search]::-webkit-search-results-button,.input-field[type=search]::-webkit-search-results-decoration{display:none}.input-field[disabled]:not([disabled=false]){cursor:not-allowed}.right-aligned .input-field{text-align:right}.input-field:is(input){flex:1}.input-field:is(button){display:inline-flex;align-items:center}.has-custom-display .input-field:is(button){height:auto;padding:0}.input-field:is(button) span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.has-custom-display .custom-display-container{--comp-default-padding:var(--app-scale-2x, 10px) var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);padding:var(--tct-input-padding, var(--t-input-padding, var(--comp-default-padding)));width:100%}.input-container:focus-within{border-width:var(--comp-input-focus-border-width, 1px);border-color:var(--tct-input-focus-border-color, var(--t-input-focus-border-color, var(--t-a11y-active-gray-color-AA, #404040)));box-shadow:var(--const-double-focus-ring), var(--tct-input-focus-box-shadow, var(--t-input-focus-box-shadow, 0 0 transparent))}.input-field::placeholder,.placeholder-text{color:var(--tct-input-placeholder-font-color, var(--t-input-placeholder-font-color, var(--t-textA, var(--app-gray-d1, rgba(77, 77, 77, 0.77)))))}.pseudo-input-container{min-width:0;flex:1}.input-icons-container-left,.input-icons-container-right{display:flex;flex-direction:row;align-items:center;gap:var(--comp-input-horizontal-gap)}.input-icons-container-left:empty,.input-icons-container-right:empty{display:none}.input-icons-container-left{padding-left:var(--comp-input-horizontal-gap)}.input-icons-container-right{padding-right:var(--comp-input-horizontal-gap)}.input-icons-container-right .btn-visibility-toggle{color:var(--tct-primary, var(--t-primary, #006eb2));font-size:12px}q2-icon{margin-top:calc(var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) / 2);pointer-events:none;color:var(--tct-input-icon-stroke-primary, var(--t-input-icon-stroke-primary, var(--t-textA, var(--app-gray, rgba(77, 77, 77, 0.77)))));--tct-icon-stroke-primary:var(--tct-input-icon-stroke-primary, var(--t-input-icon-stroke-primary, var(--t-textA, var(--app-gray, rgba(77, 77, 77, 0.77)))))}.icon-left-muted{opacity:0.5}.input-prefix,.input-suffix{margin-left:calc(var(--comp-input-horizontal-gap) * -1);margin-right:calc(var(--comp-input-horizontal-gap) * -1);width:3em;display:inline-flex;align-items:center;justify-content:center;min-height:calc(\n        var(--comp-input-min-height) - var(--tct-input-focus-border-top-width, var(--t-input-focus-border-top-width, 1px)) - var(--tct-input-focus-border-bottom-width, var(--t-input-focus-border-bottom-width, 1px))\n    );height:calc(\n        var(--tct-input-height, var(--t-input-height, 44px)) - var(--tct-input-focus-border-top-width, var(--t-input-focus-border-top-width, 1px)) - var(--tct-input-focus-border-bottom-width, var(--t-input-focus-border-bottom-width, 1px))\n    );font-size:var(--tct-input-prefix-font-size, var(--t-input-prefix-font-size, inherit));color:var(--tct-input-prefix-font-color, var(--t-input-prefix-font-color, inherit));background-color:var(--tct-input-prefix-bg, var(--t-input-prefix-bg, var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2))))));transition:color var(--comp-input-tween), background-color var(--comp-input-tween)}.input-prefix{border-top-left-radius:calc(\n        var(--comp-input-border-top-left-radius) - var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) - var(--tct-input-border-left-width, var(--t-input-border-left-width, 1px))\n    );border-bottom-left-radius:calc(\n        var(--comp-input-border-bottom-left-radius) - var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) - var(--tct-input-border-left-width, var(--t-input-border-left-width, 1px))\n    );pointer-events:none;}.input-suffix{border-top-right-radius:calc(\n        var(--comp-input-border-top-right-radius) - var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) - var(--tct-input-border-right-width, var(--t-input-border-right-width, 1px))\n    );border-bottom-right-radius:calc(\n        var(--comp-input-border-bottom-right-radius) - var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) - var(--tct-input-border-right-width, var(--t-input-border-right-width, 1px))\n    )}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}.pw-show{position:absolute;margin-right:var(--tct-scale-2, var(--app-scale-2x, 10px))}.btn-clear{margin-top:calc(var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) / 2);height:22px;--tct-btn-icon-width:17px;--tct-btn-icon-height:22px;--tct-icon-size:17px}.messages-container{height:0px;overflow:hidden;background-color:var(--tct-message-bg, var(--t-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));box-shadow:var(--tct-input-message-box-shadow, var(--t-input-message-box-shadow, var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))));transition:height var(--tct-input-messages-tween, var(--t-input-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));margin-top:2px;z-index:1;position:absolute;width:100%;color:var(--tct-input-messages-font-color, var(--t-input-messages-font-color, inherit))}.has-error label{color:var(--tct-input-error-label-font-color, var(--t-input-error-label-font-color, var(--tct-input-label-font-color, var(--t-input-label-font-color, inherit))))}.has-error:not(.has-focus) .input-prefix,.has-error:not(.has-focus) .input-suffix{color:var(--tct-input-error-prefix-font-color, var(--t-input-error-prefix-font-color, inherit));background-color:var(--tct-input-error-prefix-bg, var(--t-input-error-prefix-bg, var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))))}.has-error .input-container:not(:focus-within){border-color:var(--tct-input-error-border-color, var(--t-input-error-border-color, var(--const-stoplight-alert, #c30000)))}.icon-left{width:26px;height:26px}.vertical-separator{height:calc(var(--comp-input-min-height) - 2px);border-right:1px solid var(--tct-input-prefix-border-color, var(--t-input-prefix-border-color, var(--tct-input-border-color, var(--t-input-border-color, var(--t-a11y-gray-color-AA, #949494)))))}';export{u as q2_badge,Z as q2_input}

package/dist/q2-tecton-elements/{p-7e8f43d1.entry.js → p-cf41970f.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e,g as s}from"./p-926a3e80.js";import{l as n,h,o as a,i as r}from"./p-5e374fbd.js";const l=class{constructor(e){t(this,e),this.input=i(this,"input",7),this.change=i(this,"change",7),this.scheduledAfterRender=[],this.defaultValue=this.value,this.inputInput=t=>{t.stopPropagation(),this.input.emit(t.detail),this.formattedValue=t.detail.formattedValue,this.innerValue=t.detail.value},this.inputChange=t=>{t.stopPropagation()},this.inputKeyDown=t=>"Escape"===t.key||"Esc"===t.key?(t.preventDefault(),void this.cancelClick()):"Enter"===t.key?(t.preventDefault(),void this.saveClick()):void 0,this.inputClick=t=>{t.stopPropagation()},this.saveClick=t=>{t&&t.stopPropagation();const i=this.hostElement.shadowRoot.querySelector("q2-input").value;this.defaultValue=i,this.change.emit({editing:!1,name:"save",value:this.innerValue||i,formattedValue:this.formattedValue||i}),setTimeout((()=>{const{errors:t=[]}=this;t.length&&this.hostElement.focus()}),1)},this.editClick=t=>{null==t||t.stopPropagation(),this.change.emit({editing:!0,name:"edit"})},this.cancelClick=t=>{null==t||t.stopPropagation(),this.change.emit({editing:!1,name:"cancel"}),this.hostElement.shadowRoot.querySelector("q2-input").value=this.defaultValue},this.value="",this.editing=!1,this.label="",this.hideLabel=void 0,this.ariaLabel=void 0,this.type=void 0,this.formatModifier=void 0,this.truncated=void 0,this.maxlength=void 0,this.persistentLabel=void 0,this.disabled=void 0,this.hints=void 0,this.errors=void 0}get locLabel(){return this.label&&n(this.label)||""}componentWillLoad(){h(this)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}componentDidLoad(){a(this.hostElement)}errorsObserver(){var t;const{editing:i,errors:e=[]}=this,s=this.hostElement.shadowRoot.activeElement;(null===(t="Q2-INPUT"===(null==s?void 0:s.tagName))||void 0===t||!t)&&s&&i&&e.length&&this.q2InputElement.focus()}ariaLabelObserver(){h(this)}observesEditing(t,i){t!==i&&this.scheduledAfterRender.push(this.hostElement.focus)}get wrapperClass(){return"q2-editable-field-wrapper "+(this.editing?"editing":"")}onHostElementChange(t){if(r(t,this.hostElement)&&!this.hostElement.onchange){switch(t.detail.name){case"save":this.value=t.detail.value;break;case"cancel":this.q2InputElement.value=this.value}this.editing=t.detail.editing}}delegateFocus(t){r(t,this.hostElement)&&this.hostElement.shadowRoot.querySelector(this.editing?"q2-input":"q2-btn.begin-edit").focus()}render(){return e("div",null,this.generateEditStateDOM(),this.generateReadStateDOM())}generateEditStateDOM(){return e("div",{class:this.wrapperClass,hidden:!this.editing},e("q2-input",{ref:t=>this.q2InputElement=t,label:this.locLabel,hideLabel:this.hideLabel,value:this.value,hints:Array.isArray(this.hints)&&this.hints.map((t=>n(t)))||void 0,errors:Array.isArray(this.errors)&&this.errors.map((t=>n(t)))||void 0,type:this.type,disabled:this.disabled,formatModifier:this.formatModifier,maxlength:this.maxlength,"test-id":"editableInput",onInput:this.inputInput,onChange:this.inputChange,onKeyDown:this.inputKeyDown,onClick:this.inputClick}),e("q2-btn",{class:"cancel-edit",label:`${n("tecton.element.editableField.cancel")} ${this.locLabel}`,"hide-label":!0,"test-id":"cancelButton",onClick:this.cancelClick},e("q2-icon",{type:"close"})),e("q2-btn",{class:"save-edit",label:`${n("tecton.element.editableField.save")} ${this.locLabel}`,"hide-label":!0,"test-id":"saveButton",onClick:this.saveClick},e("q2-icon",{type:"checkmark"})))}generateReadStateDOM(){return this.persistentLabel&&this.locLabel?e("div",{class:this.wrapperClass,hidden:this.editing},e("dl",null,e("dt",{class:"read-state-label"},this.locLabel),e("dd",null,e("span",{class:"text-wrapper"},this.value),this.generateEditBtn()))):e("div",{class:this.wrapperClass,hidden:this.editing},e("div",{class:"text-wrapper"},this.value),this.generateEditBtn())}generateEditBtn(){return e("q2-btn",{ref:t=>this.q2EditBtnElement=t,class:"begin-edit",label:`${n("tecton.element.editableField.edit")} ${this.locLabel}`,"hide-label":!0,disabled:this.disabled,"test-id":"editButton",onClick:this.editClick},e("q2-icon",{type:"edit"}))}get hostElement(){return s(this)}static get watchers(){return{errors:["errorsObserver"],ariaLabel:["ariaLabelObserver"],editing:["observesEditing"]}}};l.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;max-width:100%}.q2-editable-field-wrapper:not([hidden]){display:flex}.q2-editable-field-wrapper.editing{align-items:flex-end}q2-input,.text-wrapper{margin:0 var(--tct-scale-2, var(--app-scale-2x, 10px)) 0 0}q2-input{flex:1 0 auto;min-width:170px}.text-wrapper{flex:0 auto;align-self:center;display:inline-block}:host([truncated]) .text-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}q2-btn{flex:0 0 44px}dl{margin:var(--tct-scale-0, var(--app-scale-0x, 0))}dt{font-weight:600}dd{margin-left:var(--tct-scale-0, var(--app-scale-0x, 0));display:flex;align-items:center}";export{l as q2_editable_field}
+import{r as t,c as i,h as e,g as s}from"./p-926a3e80.js";import{l as n,h,o as a,i as r}from"./p-5e374fbd.js";const l=class{constructor(e){t(this,e),this.input=i(this,"input",7),this.change=i(this,"change",7),this.scheduledAfterRender=[],this.defaultValue=this.value,this.inputInput=t=>{t.stopPropagation(),this.input.emit(t.detail),this.formattedValue=t.detail.formattedValue,this.innerValue=t.detail.value},this.inputChange=t=>{t.stopPropagation()},this.inputKeyDown=t=>"Escape"===t.key||"Esc"===t.key?(t.preventDefault(),void this.cancelClick()):"Enter"===t.key?(t.preventDefault(),void this.saveClick()):void 0,this.inputClick=t=>{t.stopPropagation()},this.saveClick=t=>{t&&t.stopPropagation();const i=this.hostElement.shadowRoot.querySelector("q2-input").value;this.defaultValue=i,this.change.emit({editing:!1,name:"save",value:this.innerValue||i,formattedValue:this.formattedValue||i}),setTimeout((()=>{const{errors:t=[]}=this;t.length&&this.hostElement.focus()}),1)},this.editClick=t=>{null==t||t.stopPropagation(),this.change.emit({editing:!0,name:"edit"})},this.cancelClick=t=>{null==t||t.stopPropagation(),this.change.emit({editing:!1,name:"cancel"}),this.hostElement.shadowRoot.querySelector("q2-input").value=this.defaultValue},this.value="",this.editing=!1,this.label="",this.hideLabel=void 0,this.ariaLabel=void 0,this.type=void 0,this.formatModifier=void 0,this.truncated=void 0,this.maxlength=void 0,this.persistentLabel=void 0,this.disabled=void 0,this.hints=void 0,this.errors=void 0}get locLabel(){return this.label&&n(this.label)||""}componentWillLoad(){h(this)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}componentDidLoad(){a(this.hostElement)}errorsObserver(){var t;const{editing:i,errors:e=[]}=this,s=this.hostElement.shadowRoot.activeElement;(null===(t="Q2-INPUT"===(null==s?void 0:s.tagName))||void 0===t||!t)&&s&&i&&e.length&&this.q2InputElement.focus()}ariaLabelObserver(){h(this)}observesEditing(t,i){t!==i&&this.scheduledAfterRender.push(this.hostElement.focus)}get wrapperClass(){return"q2-editable-field-wrapper "+(this.editing?"editing":"")}onHostElementChange(t){if(r(t,this.hostElement)&&!this.hostElement.onchange){switch(t.detail.name){case"save":this.value=t.detail.value;break;case"cancel":this.q2InputElement.value=this.value}this.editing=t.detail.editing}}delegateFocus(t){r(t,this.hostElement)&&this.hostElement.shadowRoot.querySelector(this.editing?"q2-input":"q2-btn.begin-edit").focus()}render(){return e("div",null,this.generateEditStateDOM(),this.generateReadStateDOM())}generateEditStateDOM(){return e("div",{class:this.wrapperClass,hidden:!this.editing},e("q2-input",{ref:t=>this.q2InputElement=t,label:this.locLabel,hideLabel:this.hideLabel,value:this.value,hints:Array.isArray(this.hints)&&this.hints.map((t=>n(t)))||void 0,errors:Array.isArray(this.errors)&&this.errors.map((t=>n(t)))||void 0,type:this.type,disabled:this.disabled,formatModifier:this.formatModifier,maxlength:this.maxlength,"test-id":"editableInput",onInput:this.inputInput,onChange:this.inputChange,onKeyDown:this.inputKeyDown,onClick:this.inputClick}),e("q2-btn",{class:"cancel-edit",label:`${n("tecton.element.editableField.cancel")} ${this.locLabel}`,"hide-label":!0,"test-id":"cancelButton",onClick:this.cancelClick},e("q2-icon",{type:"close"})),e("q2-btn",{class:"save-edit",label:`${n("tecton.element.editableField.save")} ${this.locLabel}`,"hide-label":!0,"test-id":"saveButton",onClick:this.saveClick},e("q2-icon",{type:"checkmark"})))}generateReadStateDOM(){return this.persistentLabel&&this.locLabel?e("div",{class:this.wrapperClass,hidden:this.editing},e("dl",null,e("dt",{class:"read-state-label"},this.locLabel),e("dd",null,e("span",{class:"text-wrapper"},this.value),this.generateEditBtn()))):e("div",{class:this.wrapperClass,hidden:this.editing},e("div",{class:"text-wrapper"},this.value),this.generateEditBtn())}generateEditBtn(){return e("q2-btn",{ref:t=>this.q2EditBtnElement=t,class:"begin-edit",label:`${n("tecton.element.editableField.edit")} ${this.locLabel}`,"hide-label":!0,disabled:this.disabled,"test-id":"editButton",onClick:this.editClick},e("q2-icon",{type:"edit"}))}get hostElement(){return s(this)}static get watchers(){return{errors:["errorsObserver"],ariaLabel:["ariaLabelObserver"],editing:["observesEditing"]}}};l.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;max-width:100%}.q2-editable-field-wrapper:not([hidden]){display:flex}.q2-editable-field-wrapper.editing{align-items:flex-end}q2-input,.text-wrapper{margin:0 var(--tct-scale-2, var(--app-scale-2x, 10px)) 0 0}q2-input{flex:1 1 auto;min-width:170px}.text-wrapper{flex:0 auto;align-self:center;display:inline-block}:host([truncated]) .text-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}q2-btn{flex:0 0 44px}dl{margin:var(--tct-scale-0, var(--app-scale-0x, 0))}dt{font-weight:600}dd{margin-left:var(--tct-scale-0, var(--app-scale-0x, 0));display:flex;align-items:center}";export{l as q2_editable_field}