q2-tecton-elements 1.22.2 → 1.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/charting-d02cba1f.js +3127 -0
- package/dist/cjs/{installCanvasRenderer-b4d10c92.js → installCanvasRenderer-6c4fbcc9.js} +230 -1130
- package/dist/cjs/installLabelLayout-d6b548fe.js +1048 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/q2-btn_2.cjs.entry.js +1 -1
- package/dist/cjs/q2-card.cjs.entry.js +1 -1
- package/dist/cjs/q2-chart-area.cjs.entry.js +4569 -0
- package/dist/cjs/q2-chart-bar.cjs.entry.js +24 -3132
- package/dist/cjs/q2-chart-donut.cjs.entry.js +8 -7
- package/dist/cjs/q2-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/q2-loading-element.cjs.entry.js +1 -1
- package/dist/cjs/q2-select.cjs.entry.js +2 -1
- package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/q2-card/index.js +1 -1
- package/dist/collection/components/q2-chart-area/index.js +622 -0
- package/dist/collection/components/q2-chart-area/styles.css +82 -0
- package/dist/collection/components/q2-chart-bar/index.js +4 -4
- package/dist/collection/components/q2-chart-bar/styles.css +3 -6
- package/dist/collection/components/q2-chart-donut/index.js +1 -1
- package/dist/collection/components/q2-checkbox/styles.css +1 -0
- package/dist/collection/components/q2-loading/skeleton/q2-loading-element/styles.css +4 -0
- package/dist/collection/components/q2-loading/styles.css +4 -0
- package/dist/collection/components/q2-select/index.js +19 -1
- package/dist/components/charting.js +3113 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/index9.js +1 -1
- package/dist/components/installCanvasRenderer.js +188 -1123
- package/dist/components/installLabelLayout.js +1042 -0
- package/dist/components/q2-card.js +1 -1
- package/dist/components/q2-chart-area.d.ts +11 -0
- package/dist/components/q2-chart-area.js +4604 -0
- package/dist/components/q2-chart-bar.js +10 -3118
- package/dist/components/q2-chart-donut.js +3 -2
- package/dist/components/q2-checkbox.js +1 -1
- package/dist/components/q2-loading-element.js +1 -1
- package/dist/components/q2-select.js +3 -1
- package/dist/esm/charting-2a73ba8e.js +3113 -0
- package/dist/esm/{installCanvasRenderer-0143b52d.js → installCanvasRenderer-4a470516.js} +188 -1123
- package/dist/esm/installLabelLayout-d660eaad.js +1042 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/q2-btn_2.entry.js +1 -1
- package/dist/esm/q2-card.entry.js +1 -1
- package/dist/esm/q2-chart-area.entry.js +4565 -0
- package/dist/esm/q2-chart-bar.entry.js +10 -3118
- package/dist/esm/q2-chart-donut.entry.js +3 -2
- package/dist/esm/q2-checkbox.entry.js +1 -1
- package/dist/esm/q2-loading-element.entry.js +1 -1
- package/dist/esm/q2-select.entry.js +2 -1
- package/dist/esm/q2-tecton-elements.js +1 -1
- package/dist/q2-tecton-elements/p-458b1987.js +1 -0
- package/dist/q2-tecton-elements/p-52063431.js +39 -0
- package/dist/q2-tecton-elements/p-604b22a8.entry.js +1 -0
- package/dist/q2-tecton-elements/p-6be86940.entry.js +1 -0
- package/dist/q2-tecton-elements/p-70b01387.entry.js +1 -0
- package/dist/q2-tecton-elements/p-833398d1.js +1 -0
- package/dist/q2-tecton-elements/{p-2cb7163e.entry.js → p-acc77332.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-bbdae095.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-84b19eff.entry.js → p-d68b5eb3.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-d88e4383.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-6e6b5b80.entry.js → p-f0ec4d2c.entry.js} +1 -1
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
- package/dist/types/components/q2-card/index.d.ts +1 -1
- package/dist/types/components/q2-chart-area/index.d.ts +40 -0
- package/dist/types/components/q2-chart-bar/index.d.ts +2 -2
- package/dist/types/components/q2-chart-donut/index.d.ts +1 -1
- package/dist/types/components/q2-select/index.d.ts +1 -0
- package/dist/types/components.d.ts +58 -0
- package/package.json +2 -2
- package/dist/q2-tecton-elements/p-1f303a21.entry.js +0 -1
- package/dist/q2-tecton-elements/p-1f85cced.js +0 -39
- package/dist/q2-tecton-elements/p-91d830c3.entry.js +0 -1
- package/dist/q2-tecton-elements/p-aec145e9.entry.js +0 -1
- package/dist/q2-tecton-elements/p-cd1c68d2.entry.js +0 -1
- /package/dist/types/workspace/workspace/{tecton-production_release_1.22.x → Tecton_tecton-production_master}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as a,h as r,F as i,g as o}from"./p-926a3e80.js";import{a as e,o as s,i as c}from"./p-a510290a.js";const n=["primary","secondary","tertiary","accent-1","accent-2","accent-3","accent-4","accent-5","accent-6","accent-7","accent-8","accent-9","accent-10","accent-11","accent-12"],d=["info","success","warning","alert"],h=class{constructor(r){t(this,r),this.click=a(this,"click",7),this.handleClick=t=>{if(this.url)return!0;t.preventDefault(),t.stopPropagation(),this.click.emit()},this.title=void 0,this.description=void 0,this.avatarName=void 0,this.avatarInitials=void 0,this.avatarIcon=void 0,this.avatarSrc=void 0,this.isSmall=void 0,this.bar=void 0,this.isStatic=void 0,this.isTouch=e(),this.url=void 0,this.target=void 0,this.isAutoTouch=!1,this.isAutoSmall=!1}componentWillLoad(){this.checkBar()}componentDidLoad(){const{hostElement:t,clickableElement:a}=this;t.click=()=>a.click(),s(this.hostElement),this.resizeObserver=new ResizeObserver((()=>this.determineAutoSmall())),this.resizeObserver.observe(this.hostElement)}disconnectedCallback(){this.resizeObserver=null}onHostElementFocus(t){c(t,this.hostElement)&&this.clickableElement.focus()}checkBar(){const{bar:t}=this;t&&(this.barColor=n.includes(t)?`var(--t-${t})`:d.includes(t)?`var(--const-stoplight-${t})`:t)}determineAutoTouch(){this.hostElement.hasAttribute("is-touch")||(this.isAutoTouch=e())}determineAutoSmall(){var t,a;if(this.isStatic)return;if(this.hostElement.hasAttribute("is-small"))return;const{containerElement:r,avatarElement:i}=this,o=null!==(t=null==i?void 0:i.offsetWidth)&&void 0!==t?t:0,e=null!==(a=null==r?void 0:r.offsetWidth)&&void 0!==a?a:0;this.isAutoSmall=o+e<350}generateAvatar(){const{avatarName:t,avatarInitials:a,avatarSrc:i,avatarIcon:o}=this;return o?r("q2-icon",{type:o,ref:t=>this.avatarElement=t,"test-id":"avatar"}):t||a||i?r("q2-avatar",{name:t,initials:a,src:i,ref:t=>this.avatarElement=t,"test-id":"avatar"}):void 0}generateContent(){return r(i,null,this.bar&&r("div",{class:"bar","test-id":"bar",style:{"--comp-bar-color":this.barColor}}),this.generateAvatar(),r("div",{class:"content","test-id":"contentContainer",ref:t=>this.containerElement=t},this.title&&r("h3",{"test-id":"title"},this.title),this.description&&r("p",{"test-id":"description"},this.description),r("slot",null)),this.isTouch&&!this.isStatic&&r("q2-icon",{"test-id":"touchIndicator",type:"chevron-right",class:"touch-indicator"}))}generateContainerClasses(){const{isSmall:t,isAutoSmall:a,avatarName:r,avatarInitials:i,avatarSrc:o,avatarIcon:e,isTouch:s,isAutoTouch:c,isStatic:n}=this,d=["container"],h=s||c,v=r||i||o||e;return(t||a)&&d.push("is-small"),h&&!n&&d.push("is-touch"),v&&d.push("has-avatar"),d.join(" ")}render(){const{url:t,isStatic:a}=this;return t?r("a",{ref:t=>this.clickableElement=t,href:this.url,class:this.generateContainerClasses(),target:this.target,rel:"noopener noreferrer","test-id":"clickableElement",onClick:this.handleClick},this.generateContent()):a?r("div",{ref:t=>this.clickableElement=t,class:this.generateContainerClasses(),"test-id":"clickableElement"},this.generateContent()):r("button",{ref:t=>this.clickableElement=t,class:this.generateContainerClasses(),"test-id":"clickableElement",type:"button",onClick:this.handleClick},this.generateContent())}get hostElement(){return o(this)}static get watchers(){return{bar:["checkBar"]}}};h.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.container{position:relative;width:100%;text-align:start;height:100%;display:grid;gap:var(--tct-card-gap, var(--t-card-gap, var(--app-scale-3x, 15px)));margin:0;color:var(--tct-card-color, var(--t-card-color, var(--t-text, #4d4d4d)));--comp-avatar-size:var(--tct-card-avatar-size, var(--t-card-avatar-size, 44px));--comp-chevron-size:0;--comp-bar-width:var(--tct-card-bar-width, var(--t-card-bar-width, var(--app-scale-2x, 10px)));--comp-card-padding:var(--tct-card-padding, var(--t-card-padding, var(--app-scale-4x, 20px)))}.container.is-small{--comp-avatar-size:var(--tct-card-avatar-size, var(--t-card-avatar-size, 26px))}.container.has-avatar{grid-template-columns:var(--comp-avatar-size) 1fr;--tct-avatar-width:var(--comp-avatar-size);--tct-avatar-height:var(--comp-avatar-size);--tct-icon-size:var(--comp-avatar-size)}:host([bar][is-static]) .container{padding-left:var(--comp-card-padding)}.container:is(button),.container:is(a){--comp-border-radius:var(--tct-card-border-radius, var(--t-card-border-radius, var(--app-border-radius-1, 3px)));--comp-border-width:var(--tct-card-border-width, var(--t-card-border-width, 0px));cursor:pointer;border:none;background:var(--tct-card-background, var(--t-card-background, var(--t-base, #ffffff)));padding:var(--comp-card-padding);text-decoration:none;border-width:var(--comp-border-width);border-color:var(--tct-card-border-color, var(--t-card-border-color, transparent));border-style:solid;border-radius:var(--comp-border-radius);transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));box-shadow:var(--tct-card-box-shadow, var(--t-card-box-shadow, var(--app-shadow-2, 0 3px 6px rgba(0, 0, 0, 0.3))))}@media (hover: hover){.container:is(button),.container:is(a){--comp-card-hover-box-shadow:var(--tct-card-hover-box-shadow, var(--t-card-hover-box-shadow, var(--app-shadow-3, 0 4px 12px rgba(0, 0, 0, 0.3))))}.container:is(button):hover,.container:is(button):active,.container:is(button):focus,.container:is(a):hover,.container:is(a):active,.container:is(a):focus{color:var(--tct-card-color, var(--t-card-color, var(--t-text, #4d4d4d)));box-shadow:var(--const-double-focus-ring)}.container:is(button):hover,.container:is(a):hover{box-shadow:var(--comp-card-hover-box-shadow)}.container:is(button):focus:hover,.container:is(a):focus:hover{box-shadow:var(--const-double-focus-ring), var(--comp-card-hover-box-shadow)}.container:is(button):active,.container:is(a):active{box-shadow:var(--tct-card-active-box-shadow, var(--t-card-active-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}}.container:is(button).is-touch,.container:is(a).is-touch{--comp-chevron-size:var(--tct-card-chevron-size, var(--t-card-chevron-size, 26px));grid-template-columns:1fr var(--comp-chevron-size)}.container:is(button).has-avatar.is-touch,.container:is(a).has-avatar.is-touch{grid-template-columns:var(--comp-avatar-size) 1fr var(--comp-chevron-size)}.content{overflow:hidden;display:grid;gap:var(--tct-card-content-gap, var(--t-card-content-gap, var(--app-scale-1x, 5px)));align-content:start}h3,p{margin:0;padding:0;line-height:var(--tct-card-font-height, var(--t-card-font-height, 20px))}h3{font-weight:var(--tct-card-font-weight, var(--t-card-font-weight, 600));font-size:var(--tct-card-font-size, var(--t-card-font-size, 17px));text-overflow:ellipsis;overflow:hidden;white-space:nowrap}p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bar{--comp-bar-border-radius:calc(var(--comp-border-radius) - var(--comp-border-width));border-radius:var(--comp-bar-border-radius) 0 0 var(--comp-bar-border-radius);position:absolute;inset:0 auto auto 0;width:var(--comp-bar-width);background:var(--comp-bar-color);height:100%}.touch-indicator{align-self:center;--tct-icon-size:var(--comp-chevron-size)}";export{h as q2_card}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as r,g as n}from"./p-926a3e80.js";import{o as a,l as e}from"./p-a510290a.js";import{g as o,c as s,a as u,i as f,b as l,d as h,e as c,f as v,h as d,j as p,k as m,l as y}from"./p-458b1987.js";import{_ as b,c as w,e as M,l as g,u as x,s as S,i as N,g as k,n as I,Z as T,a as L,b as D,t as C,d as O,r as A,f as U,G as z,h as G,j as P,S as _,m as F,k as j,o as X,p as Y,q as E,P as R,v as Z,w as J,x as K,y as V,z as q,A as H,C as W,B,D as Q,E as $,F as tt,H as it,I as rt,L as nt,J as at,K as et,M as ot,N as st,O as ut,Q as ft,R as lt,T as ht,U as ct,V as vt,W as dt,X as pt,Y as mt,$ as yt,a0 as bt,a1 as wt,a2 as Mt,a3 as gt,a4 as xt,a5 as St,a6 as Nt,a7 as kt,a8 as It,a9 as Tt,aa as Lt,ab as Dt,ac as Ct}from"./p-52063431.js";var Ot=function(t){function i(i,r,n,a){var e=t.call(this)||this;return e.updateData(i,r,n,a),e}return b(i,t),i.prototype._createSymbol=function(t,i,r,n,a){this.removeAll();var e=w(t,-1,-1,2,2,null,a);e.attr({z2:100,culling:!0,scaleX:n[0]/2,scaleY:n[1]/2}),e.drift=At,this._symbolType=t,this.add(e)},i.prototype.stopSymbolAnimation=function(t){this.childAt(0).stopAnimation(null,t)},i.prototype.getSymbolType=function(){return this._symbolType},i.prototype.getSymbolPath=function(){return this.childAt(0)},i.prototype.highlight=function(){M(this.childAt(0))},i.prototype.downplay=function(){g(this.childAt(0))},i.prototype.setZ=function(t,i){var r=this.childAt(0);r.zlevel=t,r.z=i},i.prototype.setDraggable=function(t,i){var r=this.childAt(0);r.draggable=t,r.cursor=!i&&t?"move":r.cursor},i.prototype.updateData=function(t,r,n,a){this.silent=!1;var e=t.getItemVisual(r,"symbol")||"circle",o=t.hostModel,s=i.getSymbolSize(t,r),u=e!==this._symbolType,f=a&&a.disableAnimation;if(u){var l=t.getItemVisual(r,"symbolKeepAspect");this._createSymbol(e,t,r,s,l)}else{(c=this.childAt(0)).silent=!1;var h={scaleX:s[0]/2,scaleY:s[1]/2};f?c.attr(h):x(c,h,o,r),S(c)}if(this._updateCommon(t,r,s,n,a),u){var c=this.childAt(0);f||(h={scaleX:this._sizeX,scaleY:this._sizeY,style:{opacity:c.style.opacity}},c.scaleX=c.scaleY=0,c.style.opacity=0,N(c,h,o,r))}f&&this.childAt(0).stopAnimation("leave")},i.prototype._updateCommon=function(t,i,r,n,a){var e,s,u,f,l,h,c,v,d,p=this.childAt(0),m=t.hostModel;if(n&&(e=n.emphasisItemStyle,s=n.blurItemStyle,u=n.selectItemStyle,f=n.focus,l=n.blurScope,c=n.labelStatesModels,v=n.hoverScale,d=n.cursorStyle,h=n.emphasisDisabled),!n||t.hasItemOption){var y=n&&n.itemModel?n.itemModel:t.getItemModel(i),b=y.getModel("emphasis");e=b.getModel("itemStyle").getItemStyle(),u=y.getModel(["select","itemStyle"]).getItemStyle(),s=y.getModel(["blur","itemStyle"]).getItemStyle(),f=b.get("focus"),l=b.get("blurScope"),h=b.get("disabled"),c=k(y),v=b.getShallow("scale"),d=y.getShallow("cursor")}var w=t.getItemVisual(i,"symbolRotate");p.attr("rotation",(w||0)*Math.PI/180||0);var M=I(t.getItemVisual(i,"symbolOffset"),r);M&&(p.x=M[0],p.y=M[1]),d&&p.attr("cursor",d);var g=t.getItemVisual(i,"style"),x=g.fill;if(p instanceof T){var S=p.style;p.useStyle(L({image:S.image,x:S.x,y:S.y,width:S.width,height:S.height},g))}else p.useStyle(p.__isEmptyBrush?L({},g):g),p.style.decal=null,p.setColor(x,a&&a.symbolInnerColor),p.style.strokeNoScale=!0;var N=t.getItemVisual(i,"liftZ"),O=this._z2;null!=N?null==O&&(this._z2=p.z2,p.z2+=N):null!=O&&(p.z2=O,this._z2=null);var A=a&&a.useNameLabel;D(p,c,{labelFetcher:m,labelDataIndex:i,defaultText:function(i){return A?t.getName(i):o(t,i)},inheritColor:x,defaultOpacity:g.opacity}),this._sizeX=r[0]/2,this._sizeY=r[1]/2;var U=p.ensureState("emphasis");U.style=e,p.ensureState("select").style=u,p.ensureState("blur").style=s;var z=null==v||!0===v?Math.max(1.1,3/this._sizeY):isFinite(v)&&v>0?+v:1;U.scaleX=this._sizeX*z,U.scaleY=this._sizeY*z,this.setSymbolScale(1),C(this,f,l,h)},i.prototype.setSymbolScale=function(t){this.scaleX=this.scaleY=t},i.prototype.fadeOut=function(t,i,r){var n=this.childAt(0),a=O(this).dataIndex,e=r&&r.animation;if(this.silent=n.silent=!0,r&&r.fadeLabel){var o=n.getTextContent();o&&A(o,{style:{opacity:0}},i,{dataIndex:a,removeOpt:e,cb:function(){n.removeTextContent()}})}else n.removeTextContent();A(n,{style:{opacity:0},scaleX:0,scaleY:0},i,{dataIndex:a,cb:t,removeOpt:e})},i.getSymbolSize=function(t,i){return U(t.getItemVisual(i,"symbolSize"))},i}(z);function At(t,i){this.parent.drift(t,i)}function Ut(t,i,r,n){return i&&!isNaN(i[0])&&!isNaN(i[1])&&!(n.isIgnore&&n.isIgnore(r))&&!(n.clipShape&&!n.clipShape.contain(i[0],i[1]))&&"none"!==t.getItemVisual(r,"symbol")}function zt(t){return null==t||P(t)||(t={isIgnore:t}),t||{}}function Gt(t){var i=t.hostModel,r=i.getModel("emphasis");return{emphasisItemStyle:r.getModel("itemStyle").getItemStyle(),blurItemStyle:i.getModel(["blur","itemStyle"]).getItemStyle(),selectItemStyle:i.getModel(["select","itemStyle"]).getItemStyle(),focus:r.get("focus"),blurScope:r.get("blurScope"),emphasisDisabled:r.get("disabled"),hoverScale:r.get("scale"),labelStatesModels:k(i),cursorStyle:i.get("cursor")}}var Pt=function(){function t(t){this.group=new z,this._SymbolCtor=t||Ot}return t.prototype.updateData=function(t,i){this._progressiveEls=null,i=zt(i);var r=this.group,n=t.hostModel,a=this._data,e=this._SymbolCtor,o=i.disableAnimation,s=Gt(t),u={disableAnimation:o},f=i.getSymbolPoint||function(i){return t.getItemLayout(i)};a||r.removeAll(),t.diff(a).add((function(n){var a=f(n);if(Ut(t,a,n,i)){var o=new e(t,n,s,u);o.setPosition(a),t.setItemGraphicEl(n,o),r.add(o)}})).update((function(l,h){var c=a.getItemGraphicEl(h),v=f(l);if(Ut(t,v,l,i)){var d=t.getItemVisual(l,"symbol")||"circle",p=c&&c.getSymbolType&&c.getSymbolType();if(!c||p&&p!==d)r.remove(c),(c=new e(t,l,s,u)).setPosition(v);else{c.updateData(t,l,s,u);var m={x:v[0],y:v[1]};o?c.attr(m):x(c,m,n)}r.add(c),t.setItemGraphicEl(l,c)}else r.remove(c)})).remove((function(t){var i=a.getItemGraphicEl(t);i&&i.fadeOut((function(){r.remove(i)}),n)})).execute(),this._getSymbolPoint=f,this._data=t},t.prototype.updateLayout=function(){var t=this,i=this._data;i&&i.eachItemGraphicEl((function(i,r){var n=t._getSymbolPoint(r);i.setPosition(n),i.markRedraw()}))},t.prototype.incrementalPrepareUpdate=function(t){this._seriesScope=Gt(t),this._data=null,this.group.removeAll()},t.prototype.incrementalUpdate=function(t,i,r){function n(t){t.isGroup||(t.incremental=!0,t.ensureState("emphasis").hoverLayer=!0)}this._progressiveEls=[],r=zt(r);for(var a=t.start;a<t.end;a++){var e=i.getItemLayout(a);if(Ut(i,e,a,r)){var o=new this._SymbolCtor(i,a,this._seriesScope);o.traverse(n),o.setPosition(e),this.group.add(o),i.setItemGraphicEl(a,o),this._progressiveEls.push(o)}}},t.prototype.eachRendered=function(t){G(this._progressiveEls||this.group,t)},t.prototype.remove=function(t){var i=this.group,r=this._data;r&&t?r.eachItemGraphicEl((function(t){t.fadeOut((function(){i.remove(t)}),r.hostModel)})):i.removeAll()},t}(),_t=function(t){function i(){var r=null!==t&&t.apply(this,arguments)||this;return r.type=i.type,r.hasSymbolVisual=!0,r}return b(i,t),i.prototype.getInitialData=function(){return s(null,this,{useEncodeDefaulter:!0})},i.prototype.getLegendIcon=function(t){var i=new z,r=w("line",0,t.itemHeight/2,t.itemWidth,0,t.lineStyle.stroke,!1);i.add(r),r.setStyle(t.lineStyle);var n=this.getData().getVisual("symbol"),a=this.getData().getVisual("symbolRotate"),e="none"===n?"circle":n,o=.8*t.itemHeight,s=w(e,(t.itemWidth-o)/2,(t.itemHeight-o)/2,o,o,t.itemStyle.fill);return i.add(s),s.setStyle(t.itemStyle),s.rotation=("inherit"===t.iconRotate?a:t.iconRotate||0)*Math.PI/180,s.setOrigin([t.itemWidth/2,t.itemHeight/2]),e.indexOf("empty")>-1&&(s.style.stroke=s.style.fill,s.style.fill="#fff",s.style.lineWidth=2),i},i.type="series.line",i.dependencies=["grid","polar"],i.defaultOption={z:3,coordinateSystem:"cartesian2d",legendHoverLink:!0,clip:!0,label:{position:"top"},endLabel:{show:!1,valueAnimation:!0,distance:8},lineStyle:{width:2,type:"solid"},emphasis:{scale:!0},step:!1,smooth:!1,smoothMonotone:null,symbol:"emptyCircle",symbolSize:4,symbolRotate:null,showSymbol:!0,showAllSymbol:"auto",connectNulls:!1,sampling:"none",animationEasing:"linear",progressive:0,hoverLayerThreshold:1/0,universalTransition:{divideShape:"clone"},triggerLineEvent:!1},i}(_);function Ft(t,i,r){var n=t.getBaseAxis(),a=t.getOtherAxis(n),e=function(t,i){var r=0,n=t.scale.getExtent();return"start"===i?r=n[0]:"end"===i?r=n[1]:X(i)&&!isNaN(i)?r=i:n[0]>0?r=n[0]:n[1]<0&&(r=n[1]),r}(a,r),o=n.dim,s=a.dim,u=i.mapDimension(s),f=i.mapDimension(o),l="x"===s||"radius"===s?1:0,h=F(t.dimensions,(function(t){return i.mapDimension(t)})),c=!1,v=i.getCalculationInfo("stackResultDimension");return j(i,h[0])&&(c=!0,h[0]=v),j(i,h[1])&&(c=!0,h[1]=v),{dataDimsForPoint:h,valueStart:e,valueAxisDim:s,baseAxisDim:o,stacked:!!c,valueDim:u,baseDim:f,baseDataOffset:l,stackedOverDimension:i.getCalculationInfo("stackedOverDimension")}}function jt(t,i,r,n){var a=NaN;t.stacked&&(a=r.get(r.getCalculationInfo("stackedOverDimension"),n)),isNaN(a)&&(a=t.valueStart);var e=t.baseDataOffset,o=[];return o[e]=r.get(t.baseDim,n),o[1-e]=a,i.dataToPoint(o)}var Xt=Math.min,Yt=Math.max;function Et(t,i){return isNaN(t)||isNaN(i)}function Rt(t,i,r,n,a,e,o,s,u){for(var f,l,h,c,v,d,p=r,m=0;m<n;m++){var y=i[2*p],b=i[2*p+1];if(p>=a||p<0)break;if(Et(y,b)){if(u){p+=e;continue}break}if(p===r)t[e>0?"moveTo":"lineTo"](y,b),h=y,c=b;else{var w=y-f,M=b-l;if(w*w+M*M<.5){p+=e;continue}if(o>0){for(var g=p+e,x=i[2*g],S=i[2*g+1];x===y&&S===b&&m<n;)m++,x=i[2*(g+=e)],S=i[2*g+1],w=(y=i[2*(p+=e)])-f,M=(b=i[2*p+1])-l;var N=m+1;if(u)for(;Et(x,S)&&N<n;)N++,x=i[2*(g+=e)],S=i[2*g+1];var k=.5,I=0,T=0,L=void 0,D=void 0;if(N>=n||Et(x,S))v=y,d=b;else{I=x-f,T=S-l;var C=y-f,O=x-y,A=b-l,U=S-b,z=void 0,G=void 0;if("x"===s){var P=I>0?1:-1;v=y-P*(z=Math.abs(C))*o,d=b,L=y+P*(G=Math.abs(O))*o,D=b}else if("y"===s){var _=T>0?1:-1;v=y,d=b-_*(z=Math.abs(A))*o,L=y,D=b+_*(G=Math.abs(U))*o}else z=Math.sqrt(C*C+A*A),v=y-I*o*(1-(k=(G=Math.sqrt(O*O+U*U))/(G+z))),d=b-T*o*(1-k),D=b+T*o*k,L=Xt(L=y+I*o*k,Yt(x,y)),D=Xt(D,Yt(S,b)),L=Yt(L,Xt(x,y)),d=b-(T=(D=Yt(D,Xt(S,b)))-b)*z/G,v=Xt(v=y-(I=L-y)*z/G,Yt(f,y)),d=Xt(d,Yt(l,b)),L=y+(I=y-(v=Yt(v,Xt(f,y))))*G/z,D=b+(T=b-(d=Yt(d,Xt(l,b))))*G/z}t.bezierCurveTo(h,c,v,d,y,b),h=L,c=D}else t.lineTo(y,b)}f=y,l=b,p+=e}return m}var Zt=function(){this.smooth=0,this.smoothConstraint=!0},Jt=function(t){function i(i){var r=t.call(this,i)||this;return r.type="ec-polyline",r}return b(i,t),i.prototype.getDefaultStyle=function(){return{stroke:"#000",fill:null}},i.prototype.getDefaultShape=function(){return new Zt},i.prototype.buildPath=function(t,i){var r=i.points,n=0,a=r.length/2;if(i.connectNulls){for(;a>0&&Et(r[2*a-2],r[2*a-1]);a--);for(;n<a&&Et(r[2*n],r[2*n+1]);n++);}for(;n<a;)n+=Rt(t,r,n,a,a,1,i.smooth,i.smoothMonotone,i.connectNulls)+1},i.prototype.getPointOn=function(t,i){this.path||(this.createPathProxy(),this.buildPath(this.path,this.shape));for(var r,n,a=this.path.data,e=Z.CMD,o="x"===i,s=[],u=0;u<a.length;){var f=void 0,l=void 0,h=void 0,c=void 0,v=void 0,d=void 0,p=void 0;switch(a[u++]){case e.M:r=a[u++],n=a[u++];break;case e.L:if(f=a[u++],l=a[u++],(p=o?(t-r)/(f-r):(t-n)/(l-n))<=1&&p>=0){var m=o?(l-n)*p+n:(f-r)*p+r;return o?[t,m]:[m,t]}r=f,n=l;break;case e.C:f=a[u++],l=a[u++],h=a[u++],c=a[u++],v=a[u++],d=a[u++];var y=o?E(r,f,h,v,t,s):E(n,l,c,d,t,s);if(y>0)for(var b=0;b<y;b++){var w=s[b];if(w<=1&&w>=0)return m=o?J(n,l,c,d,w):J(r,f,h,v,w),o?[t,m]:[m,t]}r=v,n=d}}},i}(R),Kt=function(t){function i(){return null!==t&&t.apply(this,arguments)||this}return b(i,t),i}(Zt),Vt=function(t){function i(i){var r=t.call(this,i)||this;return r.type="ec-polygon",r}return b(i,t),i.prototype.getDefaultShape=function(){return new Kt},i.prototype.buildPath=function(t,i){var r=i.points,n=i.stackedOnPoints,a=0,e=r.length/2,o=i.smoothMonotone;if(i.connectNulls){for(;e>0&&Et(r[2*e-2],r[2*e-1]);e--);for(;a<e&&Et(r[2*a],r[2*a+1]);a++);}for(;a<e;){var s=Rt(t,r,a,e,e,1,i.smooth,o,i.connectNulls);Rt(t,n,a+s-1,s,e,-1,i.stackedOnSmooth,o,i.connectNulls),a+=s+1,t.closePath()}},i}(R);function qt(t,i){if(t.length===i.length){for(var r=0;r<t.length;r++)if(t[r]!==i[r])return;return!0}}function Ht(t){for(var i=1/0,r=1/0,n=-1/0,a=-1/0,e=0;e<t.length;){var o=t[e++],s=t[e++];isNaN(o)||(i=Math.min(o,i),n=Math.max(o,n)),isNaN(s)||(r=Math.min(s,r),a=Math.max(s,a))}return[[i,r],[n,a]]}function Wt(t,i){var r=Ht(t),n=r[0],a=r[1],e=Ht(i),o=e[0],s=e[1];return Math.max(Math.abs(n[0]-o[0]),Math.abs(n[1]-o[1]),Math.abs(a[0]-s[0]),Math.abs(a[1]-s[1]))}function Bt(t){return X(t)?t:t?.5:0}function Qt(t,i,r,n){var a=i.getBaseAxis(),e="x"===a.dim||"radius"===a.dim?0:1,o=[],s=0,u=[],f=[],l=[],h=[];if(n){for(s=0;s<t.length;s+=2)isNaN(t[s])||isNaN(t[s+1])||h.push(t[s],t[s+1]);t=h}for(s=0;s<t.length-2;s+=2)switch(l[0]=t[s+2],l[1]=t[s+3],f[0]=t[s],f[1]=t[s+1],o.push(f[0],f[1]),r){case"end":u[e]=l[e],u[1-e]=f[1-e],o.push(u[0],u[1]);break;case"middle":var c=[];u[e]=c[e]=(f[e]+l[e])/2,u[1-e]=f[1-e],c[1-e]=l[1-e],o.push(u[0],u[1]),o.push(c[0],c[1]);break;default:u[e]=f[e],u[1-e]=l[1-e],o.push(u[0],u[1])}return o.push(t[s++],t[s++]),o}function $t(t,i){return[t[2*i],t[2*i+1]]}function ti(t){if(t.get(["endLabel","show"]))return!0;for(var i=0;i<at.length;i++)if(t.get([at[i],"endLabel","show"]))return!0;return!1}function ii(t,i,r,n){if(f(i,"cartesian2d")){var a=n.getModel("endLabel"),e=a.get("valueAnimation"),o=n.getData(),s={lastFrameIndex:0},u=ti(n)?function(r,n){t._endLabelOnDuring(r,n,o,s,e,a,i)}:null,c=i.getBaseAxis().isHorizontal(),v=l(i,r,n,(function(){var i=t._endLabel;i&&r&&null!=s.originalX&&i.attr({x:s.originalX,y:s.originalY})}),u);if(!n.get("clip",!0)){var d=v.shape,p=Math.max(d.width,d.height);c?(d.y-=p,d.height+=2*p):(d.x-=p,d.width+=2*p)}return u&&u(1,v),v}return h(i,r,n)}var ri=function(t){function i(){return null!==t&&t.apply(this,arguments)||this}return b(i,t),i.prototype.init=function(){var t=new z,i=new Pt;this.group.add(i.group),this._symbolDraw=i,this._lineGroup=t},i.prototype.render=function(t,i,r){var n=this,a=t.coordinateSystem,e=this.group,o=t.getData(),s=t.getModel("lineStyle"),u=t.getModel("areaStyle"),f=o.getLayout("points")||[],l="polar"===a.type,h=this._coordSys,c=this._symbolDraw,v=this._polyline,d=this._polygon,p=this._lineGroup,m=t.get("animation"),y=!u.isEmpty(),b=u.get("origin"),w=Ft(a,o,b),M=y&&function(t,i,r){if(!r.valueDim)return[];for(var n=i.count(),a=Y(2*n),e=0;e<n;e++){var o=jt(r,t,i,e);a[2*e]=o[0],a[2*e+1]=o[1]}return a}(a,o,w),g=t.get("showSymbol"),x=t.get("connectNulls"),S=g&&!l&&function(t,i,r){var n=t.get("showAllSymbol"),a="auto"===n;if(!n||a){var e=r.getAxesByScale("ordinal")[0];if(e&&(!a||!function(t,i){var r=t.getExtent(),n=Math.abs(r[1]-r[0])/t.scale.count();isNaN(n)&&(n=0);for(var a=i.count(),e=Math.max(1,Math.round(a/5)),o=0;o<a;o+=e)if(1.5*Ot.getSymbolSize(i,o)[t.isHorizontal()?1:0]>n)return!1;return!0}(e,i))){var o=i.mapDimension(e.dim),s={};return rt(e.getViewLabels(),(function(t){var i=e.scale.getRawOrdinalNumber(t.tickValue);s[i]=1})),function(t){return!s.hasOwnProperty(i.get(o,t))}}}}(t,o,a),k=this._data;k&&k.eachItemGraphicEl((function(t,i){t.__temp&&(e.remove(t),k.setItemGraphicEl(i,null))})),g||c.remove(),e.add(p);var I,T=!l&&t.get("step");a&&a.getArea&&t.get("clip",!0)&&(null!=(I=a.getArea()).width?(I.x-=.1,I.y-=.1,I.width+=.2,I.height+=.2):I.r0&&(I.r0-=.5,I.r+=.5)),this._clipShapeForSymbol=I;var L=function(t,i,r){var n=t.getVisual("visualMeta");if(n&&n.length&&t.count()&&"cartesian2d"===i.type){for(var a,e,o=n.length-1;o>=0;o--){var s=t.getDimensionInfo(n[o].dimension);if("x"===(a=s&&s.coordDim)||"y"===a){e=n[o];break}}if(e){var u=i.getAxis(a),f=F(e.stops,(function(t){return{coord:u.toGlobalCoord(u.dataToCoord(t.value)),color:t.color}})),l=f.length,h=e.outerColors.slice();l&&f[0].coord>f[l-1].coord&&(f.reverse(),h.reverse());var c=function(t,i){var r,n,a=[],e=t.length;function o(t,i,r){var n=t.coord;return{coord:r,color:et((r-n)/(i.coord-n),[t.color,i.color])}}for(var s=0;s<e;s++){var u=t[s],f=u.coord;if(f<0)r=u;else{if(f>i){n?a.push(o(n,u,i)):r&&a.push(o(r,u,0),o(r,u,i));break}r&&(a.push(o(r,u,0)),r=null),a.push(u),n=u}}return a}(f,"x"===a?r.getWidth():r.getHeight()),v=c.length;if(!v&&l)return f[0].coord<0?h[1]?h[1]:f[l-1].color:h[0]?h[0]:f[0].color;var d=c[0].coord-10,p=c[v-1].coord+10,m=p-d;if(m<.001)return"transparent";rt(c,(function(t){t.offset=(t.coord-d)/m})),c.push({offset:v?c[v-1].offset:.5,color:h[1]||"transparent"}),c.unshift({offset:v?c[0].offset:.5,color:h[0]||"transparent"});var y=new nt(0,0,0,0,c,!0);return y[a]=d,y[a+"2"]=p,y}}}(o,a,r)||o.getVisual("style")[o.getVisual("drawType")];if(v&&h.type===a.type&&T===this._step){y&&!d?d=this._newPolygon(f,M):d&&!y&&(p.remove(d),d=this._polygon=null),l||this._initOrUpdateEndLabel(t,a,K(L));var D=p.getClipPath();if(D){var A=ii(this,a,!1,t);N(D,{shape:A.shape},t)}else p.setClipPath(ii(this,a,!0,t));g&&c.updateData(o,{isIgnore:S,clipShape:I,disableAnimation:!0,getSymbolPoint:function(t){return[f[2*t],f[2*t+1]]}}),qt(this._stackedOnPoints,M)&&qt(this._points,f)||(m?this._doUpdateAnimation(o,M,a,r,T,b,x):(T&&(f=Qt(f,a,T,x),M&&(M=Qt(M,a,T,x))),v.setShape({points:f}),d&&d.setShape({points:f,stackedOnPoints:M})))}else g&&c.updateData(o,{isIgnore:S,clipShape:I,disableAnimation:!0,getSymbolPoint:function(t){return[f[2*t],f[2*t+1]]}}),m&&this._initSymbolLabelAnimation(o,a,I),T&&(f=Qt(f,a,T,x),M&&(M=Qt(M,a,T,x))),v=this._newPolyline(f),y?d=this._newPolygon(f,M):d&&(p.remove(d),d=this._polygon=null),l||this._initOrUpdateEndLabel(t,a,K(L)),p.setClipPath(ii(this,a,!0,t));var U=t.getModel("emphasis"),z=U.get("focus"),G=U.get("blurScope"),P=U.get("disabled");v.useStyle(V(s.getLineStyle(),{fill:"none",stroke:L,lineJoin:"bevel"})),q(v,t,"lineStyle"),v.style.lineWidth>0&&"bolder"===t.get(["emphasis","lineStyle","width"])&&(v.getState("emphasis").style.lineWidth=+v.style.lineWidth+1),O(v).seriesIndex=t.seriesIndex,C(v,z,G,P);var _=Bt(t.get("smooth")),j=t.get("smoothMonotone");if(v.setShape({smooth:_,smoothMonotone:j,connectNulls:x}),d){var X=o.getCalculationInfo("stackedOnSeries"),E=0;d.useStyle(V(u.getAreaStyle(),{fill:L,opacity:.7,lineJoin:"bevel",decal:o.getVisual("style").decal})),X&&(E=Bt(X.get("smooth"))),d.setShape({smooth:_,stackedOnSmooth:E,smoothMonotone:j,connectNulls:x}),q(d,t,"areaStyle"),O(d).seriesIndex=t.seriesIndex,C(d,z,G,P)}var R=function(t){n._changePolyState(t)};o.eachItemGraphicEl((function(t){t&&(t.onHoverStateChange=R)})),this._polyline.onHoverStateChange=R,this._data=o,this._coordSys=a,this._stackedOnPoints=M,this._points=f,this._step=T,this._valueOrigin=b,t.get("triggerLineEvent")&&(this.packEventData(t,v),d&&this.packEventData(t,d))},i.prototype.packEventData=function(t,i){O(i).eventData={componentType:"series",componentSubType:"line",componentIndex:t.componentIndex,seriesIndex:t.seriesIndex,seriesName:t.name,seriesType:"line"}},i.prototype.highlight=function(t,i,r,n){var a=t.getData(),e=H(a,n);if(this._changePolyState("emphasis"),!(e instanceof Array)&&null!=e&&e>=0){var o=a.getLayout("points"),s=a.getItemGraphicEl(e);if(!s){var u=o[2*e],f=o[2*e+1];if(isNaN(u)||isNaN(f))return;if(this._clipShapeForSymbol&&!this._clipShapeForSymbol.contain(u,f))return;var l=t.get("zlevel")||0,h=t.get("z")||0;(s=new Ot(a,e)).x=u,s.y=f,s.setZ(l,h);var c=s.getSymbolPath().getTextContent();c&&(c.zlevel=l,c.z=h,c.z2=this._polyline.z2+1),s.__temp=!0,a.setItemGraphicEl(e,s),s.stopSymbolAnimation(!0),this.group.add(s)}s.highlight()}else W.prototype.highlight.call(this,t,i,r,n)},i.prototype.downplay=function(t,i,r,n){var a=t.getData(),e=H(a,n);if(this._changePolyState("normal"),null!=e&&e>=0){var o=a.getItemGraphicEl(e);o&&(o.__temp?(a.setItemGraphicEl(e,null),this.group.remove(o)):o.downplay())}else W.prototype.downplay.call(this,t,i,r,n)},i.prototype._changePolyState=function(t){var i=this._polygon;B(this._polyline,t),i&&B(i,t)},i.prototype._newPolyline=function(t){var i=this._polyline;return i&&this._lineGroup.remove(i),i=new Jt({shape:{points:t},segmentIgnoreThreshold:2,z2:10}),this._lineGroup.add(i),this._polyline=i,i},i.prototype._newPolygon=function(t,i){var r=this._polygon;return r&&this._lineGroup.remove(r),r=new Vt({shape:{points:t,stackedOnPoints:i},segmentIgnoreThreshold:2}),this._lineGroup.add(r),this._polygon=r,r},i.prototype._initSymbolLabelAnimation=function(t,i,r){var n,a,e=i.getBaseAxis(),o=e.inverse;"cartesian2d"===i.type?(n=e.isHorizontal(),a=!1):"polar"===i.type&&(n="angle"===e.dim,a=!0);var s=t.hostModel,u=s.get("animationDuration");Q(u)&&(u=u(null));var f=s.get("animationDelay")||0,l=Q(f)?f(null):f;t.eachItemGraphicEl((function(t,e){var s=t;if(s){var h=void 0,c=void 0,v=void 0;if(r)if(a){var d=r,p=i.pointToCoord([t.x,t.y]);n?(h=d.startAngle,c=d.endAngle,v=-p[1]/180*Math.PI):(h=d.r0,c=d.r,v=p[0])}else n?(h=r.x,c=r.x+r.width,v=t.x):(h=r.y+r.height,c=r.y,v=t.y);var m=c===h?0:(v-h)/(c-h);o&&(m=1-m);var y=Q(f)?f(e):u*m+l,b=s.getSymbolPath(),w=b.getTextContent();s.attr({scaleX:0,scaleY:0}),s.animateTo({scaleX:1,scaleY:1},{duration:200,setToFinal:!0,delay:y}),w&&w.animateFrom({style:{opacity:0}},{duration:300,delay:y}),b.disableLabelAnimation=!0}}))},i.prototype._initOrUpdateEndLabel=function(t,i,r){var n=t.getModel("endLabel");if(ti(t)){var a=t.getData(),e=this._polyline,s=a.getLayout("points");if(!s)return e.removeTextContent(),void(this._endLabel=null);var f=this._endLabel;f||((f=this._endLabel=new $({z2:200})).ignoreClip=!0,e.setTextContent(this._endLabel),e.disableLabelAnimation=!0);var l=function(t){for(var i,r=t.length/2;r>0&&(i=t[2*r-1],isNaN(t[2*r-2])||isNaN(i));r--);return r-1}(s);l>=0&&(D(e,k(t,"endLabel"),{inheritColor:r,labelFetcher:t,labelDataIndex:l,defaultText:function(t,i,r){return null!=r?u(a,r):o(a,t)},enableTextSetter:!0},function(t,i){var r=i.getBaseAxis(),n=r.isHorizontal(),a=r.inverse,e=n?a?"right":"left":"center",o=n?"middle":a?"top":"bottom";return{normal:{align:t.get("align")||e,verticalAlign:t.get("verticalAlign")||o}}}(n,i)),e.textConfig.position=null)}else this._endLabel&&(this._polyline.removeTextContent(),this._endLabel=null)},i.prototype._endLabelOnDuring=function(t,i,r,n,a,e,o){var s=this._endLabel,u=this._polyline;if(s){t<1&&null==n.originalX&&(n.originalX=s.x,n.originalY=s.y);var f=r.getLayout("points"),l=r.hostModel,h=l.get("connectNulls"),c=e.get("precision"),v=e.get("distance")||0,d=o.getBaseAxis(),p=d.isHorizontal(),m=d.inverse,y=i.shape,b=m?p?y.x:y.y+y.height:p?y.x+y.width:y.y,w=(p?v:0)*(m?-1:1),M=(p?0:-v)*(m?-1:1),g=p?"x":"y",x=function(t,i,r){for(var n,a,e=t.length/2,o="x"===r?0:1,s=0,u=-1,f=0;f<e;f++)if(a=t[2*f+o],!isNaN(a)&&!isNaN(t[2*f+1-o]))if(0!==f){if(n<=i&&a>=i||n>=i&&a<=i){u=f;break}s=f,n=a}else n=a;return{range:[s,u],t:(i-n)/(a-n)}}(f,b,g),S=x.range,N=S[1]-S[0],k=void 0;if(N>=1){if(N>1&&!h){var I=$t(f,S[0]);s.attr({x:I[0]+w,y:I[1]+M}),a&&(k=l.getRawValue(S[0]))}else{(I=u.getPointOn(b,g))&&s.attr({x:I[0]+w,y:I[1]+M});var T=l.getRawValue(S[0]),L=l.getRawValue(S[1]);a&&(k=tt(r,c,T,L,x.t))}n.lastFrameIndex=S[0]}else{var D=1===t||n.lastFrameIndex>0?S[0]:0;I=$t(f,D),a&&(k=l.getRawValue(D)),s.attr({x:I[0]+w,y:I[1]+M})}a&&it(s).setLabelText(k)}},i.prototype._doUpdateAnimation=function(t,i,r,n,a,e,o){var s=this._polyline,u=this._polygon,f=t.hostModel,l=function(t,i,r,n,a,e,o){for(var s=function(t,i){var r=[];return i.diff(t).add((function(t){r.push({cmd:"+",idx:t})})).update((function(t,i){r.push({cmd:"=",idx:i,idx1:t})})).remove((function(t){r.push({cmd:"-",idx:t})})).execute(),r}(t,i),u=[],f=[],l=[],h=[],c=[],v=[],d=[],p=Ft(a,i,o),m=t.getLayout("points")||[],y=i.getLayout("points")||[],b=0;b<s.length;b++){var w=s[b],M=!0,g=void 0,x=void 0;switch(w.cmd){case"=":var S=m[g=2*w.idx],N=m[g+1],k=y[x=2*w.idx1],I=y[x+1];(isNaN(S)||isNaN(N))&&(S=k,N=I),u.push(S,N),f.push(k,I),l.push(r[g],r[g+1]),h.push(n[x],n[x+1]),d.push(i.getRawIndex(w.idx1));break;case"+":var T=w.idx,L=p.dataDimsForPoint,D=a.dataToPoint([i.get(L[0],T),i.get(L[1],T)]);x=2*T,u.push(D[0],D[1]),f.push(y[x],y[x+1]);var C=jt(p,a,i,T);l.push(C[0],C[1]),h.push(n[x],n[x+1]),d.push(i.getRawIndex(T));break;case"-":M=!1}M&&(c.push(w),v.push(v.length))}v.sort((function(t,i){return d[t]-d[i]}));var O=u.length,A=Y(O),U=Y(O),z=Y(O),G=Y(O),P=[];for(b=0;b<v.length;b++){var _=v[b],F=2*b,j=2*_;A[F]=u[j],A[F+1]=u[j+1],U[F]=f[j],U[F+1]=f[j+1],z[F]=l[j],z[F+1]=l[j+1],G[F]=h[j],G[F+1]=h[j+1],P[b]=c[_]}return{current:A,next:U,stackedOnCurrent:z,stackedOnNext:G,status:P}}(this._data,t,this._stackedOnPoints,i,this._coordSys,0,this._valueOrigin),h=l.current,c=l.stackedOnCurrent,v=l.next,d=l.stackedOnNext;if(a&&(h=Qt(l.current,r,a,o),c=Qt(l.stackedOnCurrent,r,a,o),v=Qt(l.next,r,a,o),d=Qt(l.stackedOnNext,r,a,o)),Wt(h,v)>3e3||u&&Wt(c,d)>3e3)return s.stopAnimation(),s.setShape({points:v}),void(u&&(u.stopAnimation(),u.setShape({points:v,stackedOnPoints:d})));s.shape.__points=l.current,s.shape.points=h;var p={shape:{points:v}};l.current!==h&&(p.shape.__points=l.next),s.stopAnimation(),x(s,p,f),u&&(u.setShape({points:h,stackedOnPoints:c}),u.stopAnimation(),x(u,{shape:{stackedOnPoints:d}},f),s.shape.points!==u.shape.points&&(u.shape.points=s.shape.points));for(var m=[],y=l.status,b=0;b<y.length;b++)if("="===y[b].cmd){var w=t.getItemGraphicEl(y[b].idx1);w&&m.push({el:w,ptIdx:b})}s.animators&&s.animators.length&&s.animators[0].during((function(){u&&u.dirtyShape();for(var t=s.shape.__points,i=0;i<m.length;i++){var r=m[i].el,n=2*m[i].ptIdx;r.x=t[n],r.y=t[n+1],r.markRedraw()}}))},i.prototype.remove=function(){var t=this.group,i=this._data;this._lineGroup.removeAll(),this._symbolDraw.remove(!0),i&&i.eachItemGraphicEl((function(r,n){r.__temp&&(t.remove(r),i.setItemGraphicEl(n,null))})),this._polyline=this._polygon=this._coordSys=this._points=this._stackedOnPoints=this._endLabel=this._data=null},i.type="line",i}(W),ni=Z.CMD;function ai(t,i){return Math.abs(t-i)<1e-5}function ei(t){var i,r,n,a,e,o=t.data,s=t.len(),u=[],f=0,l=0,h=0,c=0;function v(t,r){i&&i.length>2&&u.push(i),i=[t,r]}function d(t,r,n,a){ai(t,n)&&ai(r,a)||i.push(t,r,n,a,n,a)}function p(t,r,n,a,e,o){var s=Math.abs(r-t),u=4*Math.tan(s/4)/3,f=r<t?-1:1,l=Math.cos(t),h=Math.sin(t),c=Math.cos(r),v=Math.sin(r),d=c*e+n,p=v*o+a,m=e*u*f,y=o*u*f;i.push(l*e+n-m*h,h*o+a+y*l,d+m*v,p-y*c,d,p)}for(var m=0;m<s;){var y=o[m++],b=1===m;switch(b&&(h=f=o[m],c=l=o[m+1],y!==ni.L&&y!==ni.C&&y!==ni.Q||(i=[h,c])),y){case ni.M:f=h=o[m++],l=c=o[m++],v(h,c);break;case ni.L:d(f,l,r=o[m++],n=o[m++]),f=r,l=n;break;case ni.C:i.push(o[m++],o[m++],o[m++],o[m++],f=o[m++],l=o[m++]);break;case ni.Q:r=o[m++],n=o[m++],a=o[m++],e=o[m++],i.push(f+2/3*(r-f),l+2/3*(n-l),a+2/3*(r-a),e+2/3*(n-e),a,e),f=a,l=e;break;case ni.A:var w=o[m++],M=o[m++],g=o[m++],x=o[m++],S=o[m++],N=o[m++]+S;m+=1;var k=!o[m++];r=Math.cos(S)*g+w,n=Math.sin(S)*x+M,b?v(h=r,c=n):d(f,l,r,n),f=Math.cos(N)*g+w,l=Math.sin(N)*x+M;for(var I=(k?-1:1)*Math.PI/2,T=S;k?T>N:T<N;T+=I)p(T,k?Math.max(T+I,N):Math.min(T+I,N),w,M,g,x);break;case ni.R:h=f=o[m++],c=l=o[m++],r=h+o[m++],n=c+o[m++],v(r,c),d(r,c,r,n),d(r,n,h,n),d(h,n,h,c),d(h,c,r,c);break;case ni.Z:i&&d(f,l,h,c),f=h,l=c}}return i&&i.length>2&&u.push(i),u}function oi(t,i,r,n,a,e,o,s,u,f){if(ai(t,r)&&ai(i,n)&&ai(a,o)&&ai(e,s))u.push(o,s);else{var l=2/f,h=l*l,c=o-t,v=s-i,d=Math.sqrt(c*c+v*v);c/=d,v/=d;var p=r-t,m=n-i,y=a-o,b=e-s,w=p*p+m*m,M=y*y+b*b;if(w<h&&M<h)u.push(o,s);else{var g=c*p+v*m,x=-c*y-v*b;if(w-g*g<h&&g>=0&&M-x*x<h&&x>=0)u.push(o,s);else{var S=[],N=[];st(t,r,a,o,.5,S),st(i,n,e,s,.5,N),oi(S[0],N[0],S[1],N[1],S[2],N[2],S[3],N[3],u,f),oi(S[4],N[4],S[5],N[5],S[6],N[6],S[7],N[7],u,f)}}}}function si(t,i,r){var n=Math.abs(t[i]/t[1-i]),a=Math.ceil(Math.sqrt(n*r)),e=Math.floor(r/a);0===e&&(e=1,a=r);for(var o=[],s=0;s<a;s++)o.push(e);var u=r-a*e;if(u>0)for(s=0;s<u;s++)o[s%a]+=1;return o}function ui(t,i,r){for(var n=t.r0,a=t.r,e=t.startAngle,o=Math.abs(t.endAngle-e),s=o*a,u=a-n,f=s>Math.abs(u),l=si([s,u],f?0:1,i),h=(f?o:u)/l.length,c=0;c<l.length;c++)for(var v=(f?u:o)/l[c],d=0;d<l[c];d++){var p={};f?(p.startAngle=e+h*c,p.endAngle=e+h*(c+1),p.r0=n+v*d,p.r=n+v*(d+1)):(p.startAngle=e+v*d,p.endAngle=e+v*(d+1),p.r0=n+h*c,p.r=n+h*(c+1)),p.clockwise=t.clockwise,p.cx=t.cx,p.cy=t.cy,r.push(p)}}function fi(t,i,r,n){return t*n-r*i}function li(t,i,r,n,a,e,o,s){var u=r-t,f=n-i,l=o-a,h=s-e,c=fi(l,h,u,f);if(Math.abs(c)<1e-6)return null;var v=fi(t-a,i-e,l,h)/c;return v<0||v>1?null:new dt(v*u+t,v*f+i)}function hi(t,i,r){var n=new dt;dt.sub(n,r,i),n.normalize();var a=new dt;return dt.sub(a,t,i),a.dot(n)}function ci(t,i){var r=t[t.length-1];r&&r[0]===i[0]&&r[1]===i[1]||t.push(i)}function vi(t){var i=t.points,r=[],n=[];ut(i,r,n);var a=new ft(r[0],r[1],n[0]-r[0],n[1]-r[1]),e=a.width,o=a.height,s=a.x,u=a.y,f=new dt,l=new dt;return e>o?(f.x=l.x=s+e/2,f.y=u,l.y=u+o):(f.y=l.y=u+o/2,f.x=s,l.x=s+e),function(t,i,r){for(var n=t.length,a=[],e=0;e<n;e++){var o=t[e],s=t[(e+1)%n],u=li(o[0],o[1],s[0],s[1],i.x,i.y,r.x,r.y);u&&a.push({projPt:hi(u,i,r),pt:u,idx:e})}if(a.length<2)return[{points:t},{points:t}];a.sort((function(t,i){return t.projPt-i.projPt}));var f=a[0],l=a[a.length-1];if(l.idx<f.idx){var h=f;f=l,l=h}var c=[f.pt.x,f.pt.y],v=[l.pt.x,l.pt.y],d=[c],p=[v];for(e=f.idx+1;e<=l.idx;e++)ci(d,t[e].slice());for(ci(d,v),ci(d,c),e=l.idx+1;e<=f.idx+n;e++)ci(p,t[e%n].slice());return ci(p,c),ci(p,v),[{points:d},{points:p}]}(i,f,l)}function di(t,i,r,n){if(1===r)n.push(i);else{var a=Math.floor(r/2),e=t(i);di(t,e[0],a,n),di(t,e[1],r-a,n)}return n}function pi(t,i){var r=t.length,n=i.length;if(r===n)return[t,i];for(var a=[],e=[],o=r<n?t:i,s=Math.min(r,n),u=Math.abs(n-r)/6,f=Math.ceil(u/((s-2)/6))+1,l=[o[0],o[1]],h=u,c=2;c<s;){var v=o[c-2],d=o[c-1],p=o[c++],m=o[c++],y=o[c++],b=o[c++],w=o[c++],M=o[c++];if(h<=0)l.push(p,m,y,b,w,M);else{for(var g=Math.min(h,f-1)+1,x=1;x<=g;x++){var S=x/g;st(v,p,y,w,S,a),st(d,m,b,M,S,e),l.push(a[1],e[1],a[2],e[2],v=a[3],d=e[3]),p=a[5],m=e[5],y=a[6],b=e[6]}h-=g-1}}return o===t?[l,i]:[t,l]}function mi(t,i){for(var r=t.length,n=t[r-2],a=t[r-1],e=[],o=0;o<i.length;)e[o++]=n,e[o++]=a;return e}function yi(t){for(var i=0,r=0,n=0,a=t.length,e=0,o=a-2;e<a;o=e,e+=2){var s=t[o],u=t[o+1],f=t[e],l=t[e+1],h=s*l-f*u;i+=h,r+=(s+f)*h,n+=(u+l)*h}return 0===i?[t[0]||0,t[1]||0]:[r/i/3,n/i/3,i]}function bi(t,i,r,n){for(var a=(t.length-2)/6,e=1/0,o=0,s=t.length,u=s-2,f=0;f<a;f++){for(var l=6*f,h=0,c=0;c<s;c+=2){var v=0===c?l:(l+c-2)%u+2,d=i[c]-n[0]-(t[v]-r[0]),p=i[c+1]-n[1]-(t[v+1]-r[1]);h+=d*d+p*p}h<e&&(e=h,o=f)}return o}function wi(t){for(var i=[],r=t.length,n=0;n<r;n+=2)i[n]=t[r-n-2],i[n+1]=t[r-n-1];return i}function Mi(t){return t.__isCombineMorphing}function gi(t,i,r){var n="__mOriginal_"+i,a=t[n]||t[i];t[n]||(t[n]=t[i]);var e=r.replace,o=r.after,s=r.before;t[i]=function(){var t,i=arguments;return s&&s.apply(this,i),t=e?e.apply(this,i):a.apply(this,i),o&&o.apply(this,i),t}}function xi(t,i){var r="__mOriginal_"+i;t[r]&&(t[i]=t[r],t[r]=null)}function Si(t,i){for(var r=0;r<t.length;r++)for(var n=t[r],a=0;a<n.length;){var e=n[a],o=n[a+1];n[a++]=i[0]*e+i[2]*o+i[4],n[a++]=i[1]*e+i[3]*o+i[5]}}function Ni(t,i){var r=t.getUpdatedPathProxy(),n=i.getUpdatedPathProxy(),a=function(t,i){for(var r,n,a,e=[],o=[],s=0;s<Math.max(t.length,i.length);s++){var u=t[s],f=i[s],l=void 0,h=void 0;u?f?(n=l=(r=pi(u,f))[0],a=h=r[1]):(h=mi(a||u,u),l=u):(l=mi(n||f,f),h=f),e.push(l),o.push(h)}return[e,o]}(ei(r),ei(n)),e=a[0],o=a[1],s=t.getComputedTransform(),u=i.getComputedTransform();s&&Si(e,s),u&&Si(o,u),gi(i,"updateTransform",{replace:function(){this.transform=null}}),i.transform=null;var f=function(t,i,r,n){for(var a,e=[],o=0;o<t.length;o++){var s=t[o],u=i[o],f=yi(s),l=yi(u);null==a&&(a=f[2]<0!=l[2]<0);var h=[],c=[],v=0,d=1/0,p=[],m=s.length;a&&(s=wi(s));for(var y=6*bi(s,u,f,l),b=m-2,w=0;w<b;w+=2){var M=(y+w)%b+2;h[w+2]=s[M]-f[0],h[w+3]=s[M+1]-f[1]}h[0]=s[y]-f[0],h[1]=s[y+1]-f[1];for(var g=n/10,x=-n/2;x<=n/2;x+=g){var S=Math.sin(x),N=Math.cos(x),k=0;for(w=0;w<s.length;w+=2){var I=h[w],T=h[w+1],L=u[w]-l[0],D=u[w+1]-l[1],C=L*N-D*S,O=L*S+D*N;p[w]=C,p[w+1]=O;var A=C-I,U=O-T;k+=A*A+U*U}if(k<d){d=k,v=x;for(var z=0;z<p.length;z++)c[z]=p[z]}}e.push({from:h,to:c,fromCp:f,toCp:l,rotation:-v})}return e}(e,o,0,Math.PI),l=[];gi(i,"buildPath",{replace:function(t){for(var r=i.__morphT,n=1-r,a=[],e=0;e<f.length;e++){var o=f[e],s=o.from,u=o.to,h=o.rotation*r,c=o.fromCp,v=o.toCp,d=Math.sin(h),p=Math.cos(h);mt(a,c,v,r);for(var m=0;m<s.length;m+=2){var y=s[m]*n+(g=u[m])*r,b=s[m+1]*n+(x=u[m+1])*r;l[m]=y*p-b*d+a[0],l[m+1]=y*d+b*p+a[1]}var w=l[0],M=l[1];for(t.moveTo(w,M),m=2;m<s.length;){var g=l[m++],x=l[m++],S=l[m++],N=l[m++],k=l[m++],I=l[m++];w===g&&M===x&&S===k&&N===I?t.lineTo(k,I):t.bezierCurveTo(g,x,S,N,k,I),w=k,M=I}}}})}function ki(t,i,r){if(!t||!i)return i;var n=r.done,a=r.during;return Ni(t,i),i.__morphT=0,i.animateTo({__morphT:1},V({during:function(t){i.dirtyShape(),a&&a(t)},done:function(){xi(i,"buildPath"),xi(i,"updateTransform"),i.__morphT=-1,i.createPathProxy(),i.dirtyShape(),n&&n()}},r)),i}function Ii(t,i,r,n,a,e){t=a===r?0:Math.round(32767*(t-r)/(a-r)),i=e===n?0:Math.round(32767*(i-n)/(e-n));for(var o,s=0,u=32768;u>0;u/=2){var f=0,l=0;(t&u)>0&&(f=1),(i&u)>0&&(l=1),s+=u*u*(3*f^l),0===l&&(1===f&&(t=u-1-t,i=u-1-i),o=t,t=i,i=o)}return s}function Ti(t){var i=1/0,r=1/0,n=-1/0,a=-1/0,e=F(t,(function(t){var e=t.getBoundingRect(),o=t.getComputedTransform(),s=e.x+e.width/2+(o?o[4]:0),u=e.y+e.height/2+(o?o[5]:0);return i=Math.min(s,i),r=Math.min(u,r),n=Math.max(s,n),a=Math.max(u,a),[s,u]}));return F(e,(function(e,o){return{cp:e,z:Ii(e[0],e[1],i,r,n,a),path:t[o]}})).sort((function(t,i){return t.z-i.z})).map((function(t){return t.path}))}function Li(t){return function(t,i){var r,n=[],a=t.shape;switch(t.type){case"rect":!function(t,i,r){for(var n=t.width,a=t.height,e=n>a,o=si([n,a],e?0:1,i),s=e?"width":"height",u=e?"height":"width",f=e?"x":"y",l=e?"y":"x",h=t[s]/o.length,c=0;c<o.length;c++)for(var v=t[u]/o[c],d=0;d<o[c];d++){var p={};p[f]=c*h,p[l]=d*v,p[s]=h,p[u]=v,p.x+=t.x,p.y+=t.y,r.push(p)}}(a,i,n),r=vt;break;case"sector":ui(a,i,n),r=ct;break;case"circle":ui({r0:0,r:a.r,startAngle:0,endAngle:2*Math.PI,cx:a.cx,cy:a.cy},i,n),r=ct;break;default:var e=t.getComputedTransform(),o=e?Math.sqrt(Math.max(e[0]*e[0]+e[1]*e[1],e[2]*e[2]+e[3]*e[3])):1,s=F(function(t,i){var r=ei(t),n=[];i=i||1;for(var a=0;a<r.length;a++){var e=r[a],o=[],s=e[0],u=e[1];o.push(s,u);for(var f=2;f<e.length;){var l=e[f++],h=e[f++],c=e[f++],v=e[f++],d=e[f++],p=e[f++];oi(s,u,l,h,c,v,d,p,o,i),s=d,u=p}n.push(o)}return n}(t.getUpdatedPathProxy(),o),(function(t){return function(t){for(var i=[],r=0;r<t.length;)i.push([t[r++],t[r++]]);return i}(t)})),u=s.length;if(0===u)di(vi,{points:s[0]},i,n);else if(u===i)for(var f=0;f<u;f++)n.push({points:s[f]});else{var l=0,h=F(s,(function(t){var i=[],r=[];ut(t,i,r);var n=(r[1]-i[1])*(r[0]-i[0]);return l+=n,{poly:t,area:n}}));h.sort((function(t,i){return i.area-t.area}));var c=i;for(f=0;f<u;f++){var v=h[f];if(c<=0)break;var d=f===u-1?c:Math.ceil(v.area/l*i);d<0||(di(vi,{points:v.poly},d,n),c-=d)}}r=ht}if(!r)return function(t,i){for(var r=[],n=0;n<i;n++)r.push(lt(t));return r}(t,i);var p,m,y=[];for(f=0;f<n.length;f++){var b=new r;b.setShape(n[f]),(m=b).setStyle((p=t).style),m.z=p.z,m.z2=p.z2,m.zlevel=p.zlevel,y.push(b)}return y}(t.path,t.count)}function Di(t){return bt(t[0])}function Ci(t,i){for(var r=[],n=t.length,a=0;a<n;a++)r.push({one:t[a],many:[]});for(a=0;a<i.length;a++){var e=i[a].length,o=void 0;for(o=0;o<e;o++)r[o%n].many.push(i[a][o])}var s=0;for(a=n-1;a>=0;a--)if(!r[a].many.length){var u=r[s].many;if(u.length<=1){if(!s)return r;s=0}e=u.length;var f=Math.ceil(e/2);r[a].many=u.slice(f,e),r[s].many=u.slice(0,f),s++}return r}var Oi={clone:function(t){for(var i=[],r=1-Math.pow(1-t.path.style.opacity,1/t.count),n=0;n<t.count;n++){var a=lt(t.path);a.setStyle("opacity",r),i.push(a)}return i},split:null};function Ai(t,i,r,n,a,e){if(t.length&&i.length){var o=yt("update",n,a);if(o&&o.duration>0){var s,u,f=n.getModel("universalTransition").get("delay"),l=Object.assign({setToFinal:!0},o);Di(t)&&(s=t,u=i),Di(i)&&(s=i,u=t);for(var h=s?s===t:t.length>i.length,c=s?Ci(u,s):Ci(h?i:t,[h?t:i]),v=0,d=0;d<c.length;d++)v+=c[d].many.length;var p=0;for(d=0;d<c.length;d++)m(c[d],h,p,v),p+=c[d].many.length}}function m(t,i,n,a,o){var s=t.many,u=t.one;if(1!==s.length||o)for(var h=V({dividePath:Oi[r],individualDelay:f&&function(t){return f(t+n,a)}},l),c=i?function(t,i,r){var n=[];!function t(i){for(var r=0;r<i.length;r++){var a=i[r];Mi(a)?t(a.childrenRef()):a instanceof R&&n.push(a)}}(t);var a=n.length;if(!a)return{fromIndividuals:[],toIndividuals:[],count:0};var e=(r.dividePath||Li)({path:i,count:a});if(e.length!==a)return console.error("Invalid morphing: unmatched splitted path"),{fromIndividuals:[],toIndividuals:[],count:0};n=Ti(n),e=Ti(e);for(var o=r.done,s=r.during,u=r.individualDelay,f=new pt,l=0;l<a;l++){var h=n[l],c=e[l];c.parent=i,c.copyTransform(f),u||Ni(h,c)}function v(t){for(var i=0;i<e.length;i++)e[i].addSelfToZr(t)}function d(){i.__isCombineMorphing=!1,i.__morphT=-1,i.childrenRef=null,xi(i,"addSelfToZr"),xi(i,"removeSelfFromZr")}i.__isCombineMorphing=!0,i.childrenRef=function(){return e},gi(i,"addSelfToZr",{after:function(t){v(t)}}),gi(i,"removeSelfFromZr",{after:function(t){for(var i=0;i<e.length;i++)e[i].removeSelfFromZr(t)}});var p=e.length;if(u){var m=p,y=function(){0==--m&&(d(),o&&o())};for(l=0;l<p;l++){var b=u?V({delay:(r.delay||0)+u(l,p,n[l],e[l]),done:y},r):r;ki(n[l],e[l],b)}}else i.__morphT=0,i.animateTo({__morphT:1},V({during:function(t){for(var r=0;r<p;r++){var n=e[r];n.__morphT=i.__morphT,n.dirtyShape()}s&&s(t)},done:function(){d();for(var i=0;i<t.length;i++)xi(t[i],"updateTransform");o&&o()}},r));return i.__zr&&v(i.__zr),{fromIndividuals:n,toIndividuals:e,count:p}}(s,u,h):function(t,i,r){var n=i.length,a=[],e=r.dividePath||Li;if(Mi(t)){!function t(i){for(var r=0;r<i.length;r++){var n=i[r];Mi(n)?t(n.childrenRef()):n instanceof R&&a.push(n)}}(t.childrenRef());var o=a.length;if(o<n)for(var s=0,u=o;u<n;u++)a.push(lt(a[s++%o]));a.length=n}else{a=e({path:t,count:n});var f=t.getComputedTransform();for(u=0;u<a.length;u++)a[u].setLocalTransform(f);if(a.length!==n)return console.error("Invalid morphing: unmatched splitted path"),{fromIndividuals:[],toIndividuals:[],count:0}}a=Ti(a),i=Ti(i);var l=r.individualDelay;for(u=0;u<n;u++){var h=l?V({delay:(r.delay||0)+l(u,n,a[u],i[u])},r):r;ki(a[u],i[u],h)}return{fromIndividuals:a,toIndividuals:i,count:i.length}}(u,s,h),v=c.fromIndividuals,d=c.toIndividuals,p=v.length,y=0;y<p;y++)b=f?V({delay:f(y,p)},l):l,e(v[y],d[y],i?s[y]:t.one,i?t.one:s[y],b);else{var b,w=i?s[0]:u,M=i?u:s[0];Mi(w)?m({many:[w],one:M},!0,n,a,!0):(ki(w,M,b=f?V({delay:f(n,a)},l):l),e(w,M,w,M,b))}}}function Ui(t){if(!t)return[];if(bt(t)){for(var i=[],r=0;r<t.length;r++)i.push(Ui(t[r]));return i}var n=[];return t.traverse((function(t){t instanceof R&&!t.disableMorphing&&!t.invisible&&!t.ignore&&n.push(t)})),n}var zi=gt();function Gi(t){var i=[];return rt(t,(function(t){var r=t.data;if(!(r.count()>1e4))for(var n=r.getIndices(),a=function(t){for(var i=t.dimensions,r=0;r<i.length;r++){var n=t.getDimensionInfo(i[r]);if(n&&0===n.otherDims.itemGroupId)return i[r]}}(r),e=0;e<n.length;e++)i.push({dataGroupId:t.dataGroupId,data:r,dim:t.dim||a,divide:t.divide,dataIndex:e})})),i}function Pi(t,i,r){t.traverse((function(t){t instanceof R&&N(t,{style:{opacity:0}},i,{dataIndex:r,isFrom:!0})}))}function _i(t){if(t.parent){var i=t.getComputedTransform();t.setLocalTransform(i),t.parent.remove(t)}}function Fi(t){t.stopAnimation(),t.isGroup&&t.traverse((function(t){t.stopAnimation()}))}function ji(t,i,r){var n=Gi(t),a=Gi(i);function e(t,i,r,n,a){(r||t)&&i.animateFrom({style:r&&r!==t?L(L({},r.style),t.style):t.style},a)}function o(t){for(var i=0;i<t.length;i++)if(t[i].dim)return t[i].dim}var s=o(n),u=o(a),f=!1;function l(t,i){return function(r){var n=r.data,a=r.dataIndex;if(i)return n.getId(a);var e=r.dataGroupId,o=t?s||u:u||s,f=o&&n.getDimensionInfo(o),l=f&&f.ordinalMeta;if(f){var h=n.get(f.name,a);return l&&l.categories[h]||h+""}var c=n.getRawDataItem(a);return c&&c.groupId?c.groupId+"":e||n.getId(a)}}var h=function(t,i){var r=t.length;if(r!==i.length)return!1;for(var n=0;n<r;n++){var a=t[n],e=i[n];if(a.data.getId(a.dataIndex)!==e.data.getId(e.dataIndex))return!1}return!0}(n,a),c={};if(!h)for(var v=0;v<a.length;v++){var d=a[v],p=d.data.getItemGraphicEl(d.dataIndex);p&&(c[p.id]=!0)}function m(t,i){var r=n[i],o=a[t],s=o.data.hostModel,u=r.data.getItemGraphicEl(r.dataIndex),l=o.data.getItemGraphicEl(o.dataIndex);u!==l?u&&c[u.id]||l&&(Fi(l),u?(Fi(u),_i(u),f=!0,Ai(Ui(u),Ui(l),o.divide,s,t,e)):Pi(l,s,t)):l&&function(t,i,r){var n=yt("update",r,i);n&&t.traverse((function(t){if(t instanceof kt){var i=It(t);i&&t.animateFrom({style:i},n)}}))}(l,o.dataIndex,s)}new xt(n,a,l(!0,h),l(!1,h),null,"multiple").update(m).updateManyToOne((function(t,i){var r=a[t],o=r.data,s=o.hostModel,u=o.getItemGraphicEl(r.dataIndex),l=St(F(i,(function(t){return n[t].data.getItemGraphicEl(n[t].dataIndex)})),(function(t){return t&&t!==u&&!c[t.id]}));u&&(Fi(u),l.length?(rt(l,(function(t){Fi(t),_i(t)})),f=!0,Ai(Ui(l),Ui(u),r.divide,s,t,e)):Pi(u,s,r.dataIndex))})).updateOneToMany((function(t,i){var r=n[i],o=r.data.getItemGraphicEl(r.dataIndex);if(!o||!c[o.id]){var s=St(F(t,(function(t){return a[t].data.getItemGraphicEl(a[t].dataIndex)})),(function(t){return t&&t!==o})),u=a[t[0]].data.hostModel;s.length&&(rt(s,(function(t){return Fi(t)})),o?(Fi(o),_i(o),f=!0,Ai(Ui(o),Ui(s),r.divide,u,t[0],e)):rt(s,(function(i){return Pi(i,u,t[0])})))}})).updateManyToMany((function(t,i){new xt(i,t,(function(t){return n[t].data.getId(n[t].dataIndex)}),(function(t){return a[t].data.getId(a[t].dataIndex)})).update((function(r,n){m(t[r],i[n])})).execute()})).execute(),f&&rt(i,(function(t){var i=t.data.hostModel,n=i&&r.getViewOfSeriesModel(i),a=yt("update",i,0);n&&i.isAnimationEnabled()&&a&&a.duration>0&&n.group.traverse((function(t){t instanceof R&&!t.animators.length&&t.animateFrom({style:{opacity:0}},a)}))}))}function Xi(t){return t.getModel("universalTransition").get("seriesKey")||t.id}function Yi(t){return bt(t)?t.sort().join(","):t}function Ei(t){if(t.hostModel)return t.hostModel.getModel("universalTransition").get("divideShape")}function Ri(t,i){for(var r=0;r<t.length;r++)if(null!=i.seriesIndex&&i.seriesIndex===t[r].seriesIndex||null!=i.seriesId&&i.seriesId===t[r].id)return r}Tt([Dt,function(t){t.registerChartView(ri),t.registerSeriesModel(_t),t.registerLayout((!0,{seriesType:"line",plan:ot(),reset:function(t){var i=t.getData(),r=t.coordinateSystem;if(r){var n=F(r.dimensions,(function(t){return i.mapDimension(t)})).slice(0,2),a=n.length,e=i.getCalculationInfo("stackResultDimension");j(i,n[0])&&(n[0]=e),j(i,n[1])&&(n[1]=e);var o=i.getStore(),s=i.getDimensionIndex(n[0]),u=i.getDimensionIndex(n[1]);return a&&{progress:function(t,i){for(var n=Y((t.end-t.start)*a),e=[],f=[],l=t.start,h=0;l<t.end;l++){var c=void 0;if(1===a){var v=o.get(s,l);c=r.dataToPoint(v,null,f)}else e[0]=o.get(s,l),e[1]=o.get(u,l),c=r.dataToPoint(e,null,f);n[h++]=c[0],n[h++]=c[1]}i.setLayout("points",n)}}}}})),t.registerVisual({seriesType:"line",reset:function(t){var i=t.getData(),r=t.getModel("lineStyle").getLineStyle();r&&!r.stroke&&(r.stroke=i.getVisual("style").fill),i.setVisual("legendLineStyle",r)}}),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,c("line"))},Ct,function(t){t.registerUpdateLifecycle("series:beforeupdate",(function(t,i,r){rt(wt(r.seriesTransition),(function(t){rt(wt(t.to),(function(t){for(var i=r.updatedSeries,n=0;n<i.length;n++)(null!=t.seriesIndex&&t.seriesIndex===i[n].seriesIndex||null!=t.seriesId&&t.seriesId===i[n].id)&&(i[n][Mt]=!0)}))}))})),t.registerUpdateLifecycle("series:transition",(function(t,i,r){var n=zi(i);if(n.oldSeries&&r.updatedSeries&&r.optionChanged){var a=r.seriesTransition;if(a)rt(wt(a),(function(t){!function(t,i,r,n){var a=[],e=[];rt(wt(t.from),(function(t){var r=Ri(i.oldSeries,t);r>=0&&a.push({dataGroupId:i.oldDataGroupIds[r],data:i.oldData[r],divide:Ei(i.oldData[r]),dim:t.dimension})})),rt(wt(t.to),(function(t){var n=Ri(r.updatedSeries,t);if(n>=0){var a=r.updatedSeries[n].getData();e.push({dataGroupId:i.oldDataGroupIds[n],data:a,divide:Ei(a),dim:t.dimension})}})),a.length>0&&e.length>0&&ji(a,e,n)}(t,n,r,i)}));else{var e=function(t,i){var r=Nt(),n=Nt(),a=Nt();return rt(t.oldSeries,(function(i,r){var e=t.oldDataGroupIds[r],o=t.oldData[r],s=Xi(i),u=Yi(s);n.set(u,{dataGroupId:e,data:o}),bt(s)&&rt(s,(function(t){a.set(t,{key:u,dataGroupId:e,data:o})}))})),rt(i.updatedSeries,(function(t){if(t.isUniversalTransitionEnabled()&&t.isAnimationEnabled()){var i=t.get("dataGroupId"),e=t.getData(),o=Xi(t),s=Yi(o),u=n.get(s);if(u)r.set(s,{oldSeries:[{dataGroupId:u.dataGroupId,divide:Ei(u.data),data:u.data}],newSeries:[{dataGroupId:i,divide:Ei(e),data:e}]});else if(bt(o)){var f=[];rt(o,(function(t){var i=n.get(t);i.data&&f.push({dataGroupId:i.dataGroupId,divide:Ei(i.data),data:i.data})})),f.length&&r.set(s,{oldSeries:f,newSeries:[{dataGroupId:i,data:e,divide:Ei(e)}]})}else{var l=a.get(o);if(l){var h=r.get(l.key);h||(h={oldSeries:[{dataGroupId:l.dataGroupId,data:l.data,divide:Ei(l.data)}],newSeries:[]},r.set(l.key,h)),h.newSeries.push({dataGroupId:i,data:e,divide:Ei(e)})}}}})),r}(n,r);rt(e.keys(),(function(t){var r=e.get(t);ji(r.oldSeries,r.newSeries,i)}))}rt(r.updatedSeries,(function(t){t[Mt]&&(t[Mt]=!1)}))}for(var o=t.getSeries(),s=n.oldSeries=[],u=n.oldDataGroupIds=[],f=n.oldData=[],l=0;l<o.length;l++){var h=o[l].getData();h.count()<1e4&&(s.push(o[l]),u.push(o[l].get("dataGroupId")),f.push(h))}}))},m,y]);const Zi=class{constructor(r){t(this,r),this.change=i(this,"change",7),this.data=[],this.alignChartName=void 0,this.chartName=void 0,this.lineColor=void 0,this.pointerLineColor=void 0,this.pointerLineStyle=void 0,this.areaColor=void 0,this.dataNamesOverflow=void 0,this.dataNamesWidth=void 0,this.format=void 0,this.formatModifier=void 0,this.hideNameAxisLabels=!1,this.hideValueAxisLabels=!1,this.offsetDataNames=!1,this.offsetDataValues=!1,this.showChartName=!1,this.showDatapointLabels=!1,this.showGradient=!1,this.gridLines=void 0}componentDidLoad(){const t=Lt(this.chartContainer);this.chart=t,this.resizeEventListener=()=>this.resizeChart(),window.addEventListener("resize",this.resizeEventListener),this.cacheComputedStyles(),this.updateChart(t),a(this.hostElement)}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer),this.hostElementStyles=getComputedStyle(this.hostElement)}getAreaFill(){return this.showGradient?{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:this.getColor(this.areaColor)},{offset:1,color:"white"}],global:!1}:this.getColor(this.areaColor)}getColor(t){const i=v("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles);return v(t,this.chartContainerStyles,this.hostElementStyles)||(d(t)?t:i)}updateChart(t){var i;const r=(null===(i=this.formatModifier)||void 0===i?void 0:i.includes("dec"))?this.formatModifier.replace("dec",""):0,n={type:"value",axisLabel:{formatter:t=>p(t,{type:this.format,decimals:r}),rotate:this.offsetDataValues?45:0,margin:this.offsetDataValues?15:8,show:!this.hideValueAxisLabels},splitLine:{show:"horizontal"===this.gridLines||!this.gridLines}},a={type:"category",boundaryGap:!1,data:this.data.map((t=>e(t.name)||"")),axisLabel:{rotate:this.offsetDataNames?45:0,margin:this.offsetDataNames?15:8,width:this.dataNamesWidth||50,overflow:this.dataNamesOverflow||"none",truncate:"ellipsis",show:!this.hideNameAxisLabels},axisLine:{show:!this.hideNameAxisLabels},axisTick:{show:!this.hideNameAxisLabels},axisPointer:{show:!0,type:"line",label:{show:!1,formatter:t=>{const i=t.seriesData[0].dataIndex;this.change.emit({index:i,data:this.data[i]})}},lineStyle:{color:this.getColor(this.pointerLineColor||"var(--t-gray-10)"),type:this.pointerLineStyle||"solid",width:1.5},z:1},splitLine:{show:"vertical"===this.gridLines}};return t.setOption({aria:{enabled:!0},title:{text:this.chartName,show:this.showChartName,left:this.alignChartName},grid:{containLabel:!0},xAxis:a,yAxis:n,series:[{data:this.data.map((t=>t.value||0)),id:"area",type:"line",lineStyle:{color:this.getColor(this.lineColor)},itemStyle:{color:this.getColor(this.lineColor)},areaStyle:{color:this.getAreaFill()},symbolSize:10,showSymbol:!1,label:{show:this.showDatapointLabels,position:"right",formatter:t=>p(t.value,{type:this.format,decimals:r})}}]})}resizeChart(){this.chart.resize()}propsUpdates(){this.updateChart(this.chart)}render(){return r("div",{class:"container"},r("div",{ref:t=>this.chartContainer=t,class:"chart-container","test-id":"areaChartContainer"}))}get hostElement(){return n(this)}static get watchers(){return{data:["propsUpdates"],alignChartName:["propsUpdates"],chartName:["propsUpdates"],lineColor:["propsUpdates"],pointerLineColor:["propsUpdates"],pointerLineStyle:["propsUpdates"],areaColor:["propsUpdates"],dataNamesOverflow:["propsUpdates"],dataNamesWidth:["propsUpdates"],format:["propsUpdates"],formatModifier:["propsUpdates"],hideNameAxisLabels:["propsUpdates"],hideValueAxisLabels:["propsUpdates"],offsetDataNames:["propsUpdates"],offsetDataValues:["propsUpdates"],showChartName:["propsUpdates"],showDatapointLabels:["propsUpdates"],showGradient:["propsUpdates"],gridLines:["propsUpdates"]}}};Zi.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{width:var(--tct-area-chart-width, 100%);height:var(--tct-area-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";export{Zi as q2_chart_area}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as r,g as i}from"./p-926a3e80.js";import{o as e,l as a}from"./p-a510290a.js";import{c as n,m as s,g as o,i as h,a as u,e as c,f as d,h as l,j as f,k as p,l as v}from"./p-458b1987.js";import{_ as b,I as g,S as m,b3 as y,P as w,b4 as x,o as A,a0 as M,h as k,i as S,u as C,s as N,H as z,b5 as U,G as I,m as O,d as T,C as E,V as L,a as _,g as D,b as j,b6 as B,t as P,z as W,b7 as H,U as R,af as V,b8 as q,b9 as F,a9 as G,aa as X,ab as Y,ac as J}from"./p-52063431.js";import{i as K}from"./p-833398d1.js";var Q=function(t){function r(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=r.type,i}return b(r,t),r.prototype.getInitialData=function(){return n(null,this,{useEncodeDefaulter:!0})},r.prototype.getMarkerPosition=function(t,r,i){var e=this.coordinateSystem;if(e&&e.clampData){var a=e.dataToPoint(e.clampData(t));if(i)g(e.getAxes(),(function(i,n){if("category"===i.type){var s=i.getTicksCoords(),o=e.clampData(t)[n];!r||"x1"!==r[n]&&"y1"!==r[n]||(o+=1),o>s.length-1&&(o=s.length-1),o<0&&(o=0),s[o]&&(a[n]=i.toGlobalCoord(s[o].coord))}}));else{var n=this.getData(),s=n.getLayout("offset"),o=n.getLayout("size"),h=e.getBaseAxis().isHorizontal()?0:1;a[h]+=s+o/2}return a}return[NaN,NaN]},r.type="series.__base_bar__",r.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:!0,barMinHeight:0,barMinAngle:0,large:!1,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod"},r}(m);m.registerClass(Q);var Z=function(t){function r(){var i=null!==t&&t.apply(this,arguments)||this;return i.type=r.type,i}return b(r,t),r.prototype.getInitialData=function(){return n(null,this,{useEncodeDefaulter:!0,createInvertedIndices:!!this.get("realtimeSort",!0)||null})},r.prototype.getProgressive=function(){return!!this.get("large")&&this.get("progressive")},r.prototype.getProgressiveThreshold=function(){var t=this.get("progressiveThreshold"),r=this.get("largeThreshold");return r>t&&(t=r),t},r.prototype.brushSelector=function(t,r,i){return i.rect(r.getItemLayout(t))},r.type="series.bar",r.dependencies=["grid","polar"],r.defaultOption=y(Q.defaultOption,{clip:!0,roundCap:!1,showBackground:!1,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:"#212121"}},realtimeSort:!1}),r}(Q),$=function(){this.cx=0,this.cy=0,this.r0=0,this.r=0,this.startAngle=0,this.endAngle=2*Math.PI,this.clockwise=!0},tt=function(t){function r(r){var i=t.call(this,r)||this;return i.type="sausage",i}return b(r,t),r.prototype.getDefaultShape=function(){return new $},r.prototype.buildPath=function(t,r){var i=r.cx,e=r.cy,a=Math.max(r.r0||0,0),n=Math.max(r.r,0),s=.5*(n-a),o=a+s,h=r.startAngle,u=r.endAngle,c=r.clockwise,d=2*Math.PI,l=c?u-h<d:h-u<d;l||(h=u-(c?d:-d));var f=Math.cos(h),p=Math.sin(h),v=Math.cos(u),b=Math.sin(u);l?(t.moveTo(f*a+i,p*a+e),t.arc(f*o+i,p*o+e,s,-Math.PI+h,h,!c)):t.moveTo(f*n+i,p*n+e),t.arc(i,e,n,h,u,!c),t.arc(v*o+i,b*o+e,s,u-2*Math.PI,u-Math.PI,!c),0!==a&&t.arc(i,e,a,u,h,c)},r}(w);function rt(t,r,i){return r*Math.sin(t)*(i?-1:1)}function it(t,r,i){return r*Math.cos(t)*(i?1:-1)}var et=Math.max,at=Math.min,nt=function(t){function r(){var i=t.call(this)||this;return i.type=r.type,i._isFirstFrame=!0,i}return b(r,t),r.prototype.render=function(t,r,i,e){this._model=t,this._removeOnRenderedListener(i),this._updateDrawMode(t);var a=t.get("coordinateSystem");"cartesian2d"!==a&&"polar"!==a||(this._progressiveEls=null,this._isLargeDraw?this._renderLarge(t,r,i):this._renderNormal(t,r,i,e))},r.prototype.incrementalPrepareRender=function(t){this._clear(),this._updateDrawMode(t),this._updateLargeClip(t)},r.prototype.incrementalRender=function(t,r){this._progressiveEls=[],this._incrementalRenderLarge(t,r)},r.prototype.eachRendered=function(t){k(this._progressiveEls||this.group,t)},r.prototype._updateDrawMode=function(t){var r=t.pipelineContext.large;null!=this._isLargeDraw&&r===this._isLargeDraw||(this._isLargeDraw=r,this._clear())},r.prototype._renderNormal=function(t,r,i,e){var a,n=this.group,s=t.getData(),o=this._data,u=t.coordinateSystem,c=u.getBaseAxis();"cartesian2d"===u.type?a=c.isHorizontal():"polar"===u.type&&(a="angle"===c.dim);var d=t.isAnimationEnabled()?t:null,l=function(t,r){var i=t.get("realtimeSort",!0),e=r.getBaseAxis();if(i&&"category"===e.type&&"cartesian2d"===r.type)return{baseAxis:e,otherAxis:r.getOtherAxis(e)}}(t,u);l&&this._enableRealtimeSort(l,s,i);var f=t.get("clip",!0)||l,p=function(t,r){var i=t.getArea&&t.getArea();if(h(t,"cartesian2d")){var e=t.getBaseAxis();if("category"!==e.type||!e.onBand){var a=r.getLayout("bandWidth");e.isHorizontal()?(i.x-=a,i.width+=2*a):(i.y-=a,i.height+=2*a)}}return i}(u,s);n.removeClipPath();var v=t.get("roundCap",!0),b=t.get("showBackground",!0),g=t.getModel("backgroundStyle"),m=g.get("borderRadius")||0,y=[],w=this._backgroundEls,x=e&&e.isInitSort,A=e&&"changeAxisOrder"===e.type;function M(t){var r=ft[u.type](s,t),i=function(t,r,i){return new("polar"===t.type?R:L)({shape:wt(r,i,t),silent:!0,z2:0})}(u,a,r);return i.useStyle(g.getItemStyle()),"cartesian2d"===u.type&&i.setShape("r",m),y[t]=i,i}s.diff(o).add((function(r){var i=s.getItemModel(r),e=ft[u.type](s,r,i);if(b&&M(r),s.hasValue(r)&<[u.type](e)){var o=!1;f&&(o=st[u.type](p,e));var h=ot[u.type](t,s,r,e,a,d,c.model,!1,v);l&&(h.forceLabelAnimation=!0),vt(h,s,r,i,e,t,a,"polar"===u.type),x?h.attr({shape:e}):l?ht(l,d,h,e,r,a,!1,!1):S(h,{shape:e},t,r),s.setItemGraphicEl(r,h),n.add(h),h.ignore=o}})).update((function(r,i){var e=s.getItemModel(r),h=ft[u.type](s,r,e);if(b){var k=void 0;0===w.length?k=M(i):((k=w[i]).useStyle(g.getItemStyle()),"cartesian2d"===u.type&&k.setShape("r",m),y[r]=k);var S=ft[u.type](s,r),U=wt(a,S,u);C(k,{shape:U},d,r)}var I=o.getItemGraphicEl(i);if(s.hasValue(r)&<[u.type](h)){var O=!1;if(f&&(O=st[u.type](p,h))&&n.remove(I),I?N(I):I=ot[u.type](t,s,r,h,a,d,c.model,!!I,v),l&&(I.forceLabelAnimation=!0),A){var T=I.getTextContent();if(T){var E=z(T);null!=E.prevValue&&(E.prevValue=E.value)}}else vt(I,s,r,e,h,t,a,"polar"===u.type);x?I.attr({shape:h}):l?ht(l,d,I,h,r,a,!0,A):C(I,{shape:h},t,r,null),s.setItemGraphicEl(r,I),I.ignore=O,n.add(I)}else n.remove(I)})).remove((function(r){var i=o.getItemGraphicEl(r);i&&U(i,t,r)})).execute();var k=this._backgroundGroup||(this._backgroundGroup=new I);k.removeAll();for(var O=0;O<y.length;++O)k.add(y[O]);n.add(k),this._backgroundEls=y,this._data=s},r.prototype._renderLarge=function(t){this._clear(),mt(t,this.group),this._updateLargeClip(t)},r.prototype._incrementalRenderLarge=function(t,r){this._removeBackground(),mt(r,this.group,this._progressiveEls,!0)},r.prototype._updateLargeClip=function(t){var r=t.get("clip",!0)&&s(t.coordinateSystem,!1,t),i=this.group;r?i.setClipPath(r):i.removeClipPath()},r.prototype._enableRealtimeSort=function(t,r,i){var e=this;if(r.count()){var a=t.baseAxis;if(this._isFirstFrame)this._dispatchInitSort(r,t,i),this._isFirstFrame=!1;else{var n=function(t){var i=r.getItemGraphicEl(t),e=i&&i.shape;return e&&Math.abs(a.isHorizontal()?e.height:e.width)||0};this._onRendered=function(){e._updateSortWithinSameData(r,n,a,i)},i.getZr().on("rendered",this._onRendered)}}},r.prototype._dataSort=function(t,r,i){var e=[];return t.each(t.mapDimension(r.dim),(function(t,r){var a=i(r);e.push({dataIndex:r,mappedValue:a=null==a?NaN:a,ordinalNumber:t})})),e.sort((function(t,r){return r.mappedValue-t.mappedValue})),{ordinalNumbers:O(e,(function(t){return t.ordinalNumber}))}},r.prototype._isOrderChangedWithinSameData=function(t,r,i){for(var e=i.scale,a=t.mapDimension(i.dim),n=Number.MAX_VALUE,s=0,o=e.getOrdinalMeta().categories.length;s<o;++s){var h=t.rawIndexOf(a,e.getRawOrdinalNumber(s)),u=h<0?Number.MIN_VALUE:r(t.indexOfRawIndex(h));if(u>n)return!0;n=u}return!1},r.prototype._isOrderDifferentInView=function(t,r){for(var i=r.scale,e=i.getExtent(),a=Math.max(0,e[0]),n=Math.min(e[1],i.getOrdinalMeta().categories.length-1);a<=n;++a)if(t.ordinalNumbers[a]!==i.getRawOrdinalNumber(a))return!0},r.prototype._updateSortWithinSameData=function(t,r,i,e){if(this._isOrderChangedWithinSameData(t,r,i)){var a=this._dataSort(t,i,r);this._isOrderDifferentInView(a,i)&&(this._removeOnRenderedListener(e),e.dispatchAction({type:"changeAxisOrder",componentType:i.dim+"Axis",axisId:i.index,sortInfo:a}))}},r.prototype._dispatchInitSort=function(t,r,i){var e=r.baseAxis,a=this._dataSort(t,e,(function(i){return t.get(t.mapDimension(r.otherAxis.dim),i)}));i.dispatchAction({type:"changeAxisOrder",componentType:e.dim+"Axis",isInitSort:!0,axisId:e.index,sortInfo:a})},r.prototype.remove=function(t,r){this._clear(this._model),this._removeOnRenderedListener(r)},r.prototype.dispose=function(t,r){this._removeOnRenderedListener(r)},r.prototype._removeOnRenderedListener=function(t){this._onRendered&&(t.getZr().off("rendered",this._onRendered),this._onRendered=null)},r.prototype._clear=function(t){var r=this.group,i=this._data;t&&t.isAnimationEnabled()&&i&&!this._isLargeDraw?(this._removeBackground(),this._backgroundEls=[],i.eachItemGraphicEl((function(r){U(r,t,T(r).dataIndex)}))):r.removeAll(),this._data=null,this._isFirstFrame=!0},r.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup),this._backgroundGroup=null},r.type="bar",r}(E),st={cartesian2d:function(t,r){var i=r.width<0?-1:1,e=r.height<0?-1:1;i<0&&(r.x+=r.width,r.width=-r.width),e<0&&(r.y+=r.height,r.height=-r.height);var a=t.x+t.width,n=t.y+t.height,s=et(r.x,t.x),o=at(r.x+r.width,a),h=et(r.y,t.y),u=at(r.y+r.height,n),c=o<s,d=u<h;return r.x=c&&s>a?o:s,r.y=d&&h>n?u:h,r.width=c?0:o-s,r.height=d?0:u-h,i<0&&(r.x+=r.width,r.width=-r.width),e<0&&(r.y+=r.height,r.height=-r.height),c||d},polar:function(t,r){var i=r.r0<=r.r?1:-1;if(i<0){var e=r.r;r.r=r.r0,r.r0=e}var a=at(r.r,t.r),n=et(r.r0,t.r0);r.r=a,r.r0=n;var s=a-n<0;return i<0&&(e=r.r,r.r=r.r0,r.r0=e),s}},ot={cartesian2d:function(t,r,i,e,a,n){var s=new L({shape:_({},e),z2:1});return s.__dataIndex=i,s.name="item",n&&(s.shape[a?"height":"width"]=0),s},polar:function(t,r,i,e,a,n,s,o,h){var u=!a&&h?tt:R,c=new u({shape:e,z2:1});c.name="item";var d,l,f=pt(a);if(c.calculateTextPosition=(d=f,l=({isRoundCap:u===tt}||{}).isRoundCap,function(t,r,i){var e=r.position;if(!e||e instanceof Array)return x(t,r,i);var a=d(e),n=null!=r.distance?r.distance:5,s=this.shape,o=s.cx,h=s.cy,u=s.r,c=s.r0,f=(u+c)/2,p=s.startAngle,v=s.endAngle,b=(p+v)/2,g=l?Math.abs(u-c)/2:0,m=Math.cos,y=Math.sin,w=o+u*m(p),A=h+u*y(p),M="left",k="top";switch(a){case"startArc":w=o+(c-n)*m(b),A=h+(c-n)*y(b),M="center",k="top";break;case"insideStartArc":w=o+(c+n)*m(b),A=h+(c+n)*y(b),M="center",k="bottom";break;case"startAngle":w=o+f*m(p)+rt(p,n+g,!1),A=h+f*y(p)+it(p,n+g,!1),M="right",k="middle";break;case"insideStartAngle":w=o+f*m(p)+rt(p,-n+g,!1),A=h+f*y(p)+it(p,-n+g,!1),M="left",k="middle";break;case"middle":w=o+f*m(b),A=h+f*y(b),M="center",k="middle";break;case"endArc":w=o+(u+n)*m(b),A=h+(u+n)*y(b),M="center",k="bottom";break;case"insideEndArc":w=o+(u-n)*m(b),A=h+(u-n)*y(b),M="center",k="top";break;case"endAngle":w=o+f*m(v)+rt(v,n+g,!0),A=h+f*y(v)+it(v,n+g,!0),M="left",k="middle";break;case"insideEndAngle":w=o+f*m(v)+rt(v,-n+g,!0),A=h+f*y(v)+it(v,-n+g,!0),M="right",k="middle";break;default:return x(t,r,i)}return(t=t||{}).x=w,t.y=A,t.align=M,t.verticalAlign=k,t}),n){var p=a?"r":"endAngle",v={};c.shape[p]=a?0:e.startAngle,v[p]=e[p],(o?C:S)(c,{shape:v},n)}return c}};function ht(t,r,i,e,a,n,s,o){var h,u;n?(u={x:e.x,width:e.width},h={y:e.y,height:e.height}):(u={y:e.y,height:e.height},h={x:e.x,width:e.width}),o||(s?C:S)(i,{shape:h},r,a,null),(s?C:S)(i,{shape:u},r?t.baseAxis.model:null,a)}function ut(t,r){for(var i=0;i<r.length;i++)if(!isFinite(t[r[i]]))return!0;return!1}var ct=["x","y","width","height"],dt=["cx","cy","r","startAngle","endAngle"],lt={cartesian2d:function(t){return!ut(t,ct)},polar:function(t){return!ut(t,dt)}},ft={cartesian2d:function(t,r,i){var e=t.getItemLayout(r),a=i?function(t,r){var i=t.get(["itemStyle","borderColor"]);if(!i||"none"===i)return 0;var e=t.get(["itemStyle","borderWidth"])||0,a=isNaN(r.width)?Number.MAX_VALUE:Math.abs(r.width),n=isNaN(r.height)?Number.MAX_VALUE:Math.abs(r.height);return Math.min(e,a,n)}(i,e):0,n=e.width>0?1:-1,s=e.height>0?1:-1;return{x:e.x+n*a/2,y:e.y+s*a/2,width:e.width-n*a,height:e.height-s*a}},polar:function(t,r){var i=t.getItemLayout(r);return{cx:i.cx,cy:i.cy,r0:i.r0,r:i.r,startAngle:i.startAngle,endAngle:i.endAngle,clockwise:i.clockwise}}};function pt(t){return function(t){var r=t?"Arc":"Angle";return function(t){switch(t){case"start":case"insideStart":case"end":case"insideEnd":return t+r;default:return t}}}(t)}function vt(t,r,i,e,a,n,s,h){var c=r.getItemVisual(i,"style");h||t.setShape("r",e.get(["itemStyle","borderRadius"])||0),t.useStyle(c);var d=e.getShallow("cursor");d&&t.attr("cursor",d);var l=h?s?a.r>=a.r0?"endArc":"startArc":a.endAngle>=a.startAngle?"endAngle":"startAngle":s?a.height>=0?"bottom":"top":a.width>=0?"right":"left",f=D(e);j(t,f,{labelFetcher:n,labelDataIndex:i,defaultText:o(n.getData(),i),inheritColor:c.fill,defaultOpacity:c.opacity,defaultOutsidePosition:l});var p=t.getTextContent();if(h&&p){var v=e.get(["label","position"]);t.textConfig.inside="middle"===v||null,function(t,r,i,e){if(A(e))t.setTextConfig({rotation:e});else if(M(r))t.setTextConfig({rotation:0});else{var a,n=t.shape,s=n.clockwise?n.startAngle:n.endAngle,o=n.clockwise?n.endAngle:n.startAngle,h=(s+o)/2,u=i(r);switch(u){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":a=h;break;case"startAngle":case"insideStartAngle":a=s;break;case"endAngle":case"insideEndAngle":a=o;break;default:return void t.setTextConfig({rotation:0})}var c=1.5*Math.PI-a;"middle"===u&&c>Math.PI/2&&c<1.5*Math.PI&&(c-=Math.PI),t.setTextConfig({rotation:c})}}(t,"outside"===v?l:v,pt(s),e.get(["label","rotate"]))}B(p,f,n.getRawValue(i),(function(t){return u(r,t)}));var b=e.getModel(["emphasis"]);P(t,b.get("focus"),b.get("blurScope"),b.get("disabled")),W(t,e),function(t){return null!=t.startAngle&&null!=t.endAngle&&t.startAngle===t.endAngle}(a)&&(t.style.fill="none",t.style.stroke="none",g(t.states,(function(t){t.style&&(t.style.fill=t.style.stroke="none")})))}var bt=function(){},gt=function(t){function r(r){var i=t.call(this,r)||this;return i.type="largeBar",i}return b(r,t),r.prototype.getDefaultShape=function(){return new bt},r.prototype.buildPath=function(t,r){for(var i=r.points,e=this.baseDimIdx,a=1-this.baseDimIdx,n=[],s=[],o=this.barWidth,h=0;h<i.length;h+=3)s[e]=o,s[a]=i[h+2],n[e]=i[h+e],n[a]=i[h+a],t.rect(n[0],n[1],s[0],s[1])},r}(w);function mt(t,r,i,e){var a=t.getData(),n=a.getLayout("valueAxisHorizontal")?1:0,s=a.getLayout("largeDataIndices"),o=a.getLayout("size"),h=t.getModel("backgroundStyle"),u=a.getLayout("largeBackgroundPoints");if(u){var c=new gt({shape:{points:u},incremental:!!e,silent:!0,z2:0});c.baseDimIdx=n,c.largeDataIndices=s,c.barWidth=o,c.useStyle(h.getItemStyle()),r.add(c),i&&i.push(c)}var d=new gt({shape:{points:a.getLayout("largePoints")},incremental:!!e,ignoreCoarsePointer:!0,z2:1});d.baseDimIdx=n,d.largeDataIndices=s,d.barWidth=o,r.add(d),d.useStyle(a.getVisual("style")),T(d).seriesIndex=t.seriesIndex,t.get("silent")||(d.on("mousedown",yt),d.on("mousemove",yt)),i&&i.push(d)}var yt=H((function(t){var r=function(t,r,i){for(var e=t.baseDimIdx,a=1-e,n=t.shape.points,s=t.largeDataIndices,o=[],h=[],u=t.barWidth,c=0,d=n.length/3;c<d;c++){var l=3*c;if(h[e]=u,h[a]=n[l+2],o[e]=n[l+e],o[a]=n[l+a],h[a]<0&&(o[a]+=h[a],h[a]=-h[a]),r>=o[0]&&r<=o[0]+h[0]&&i>=o[1]&&i<=o[1]+h[1])return s[c]}return-1}(this,t.offsetX,t.offsetY);T(this).dataIndex=r>=0?r:null}),30,!1);function wt(t,r,i){if(h(i,"cartesian2d")){var e=r,a=i.getArea();return{x:t?e.x:a.x,y:t?a.y:e.y,width:t?e.width:a.width,height:t?a.height:e.height}}return{cx:(a=i.getArea()).cx,cy:a.cy,r0:t?a.r0:r.r0,r:t?a.r:r.r,startAngle:t?r.startAngle:0,endAngle:t?r.endAngle:2*Math.PI}}G([Y,function(t){t.registerChartView(nt),t.registerSeriesModel(Z),t.registerLayout(t.PRIORITY.VISUAL.LAYOUT,V(F,"bar")),t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,q("bar")),t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC,c("bar")),t.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(t,r){r.eachComponent({mainType:t.componentType||"series",query:t},(function(r){t.sortInfo&&r.axis.setCategorySortInfo(t.sortInfo)}))}))},J,K,p,v]);const xt=class{constructor(r){t(this,r),this.data=[],this.alignChartName=void 0,this.chartName=void 0,this.color=void 0,this.dataNamesOverflow=void 0,this.dataNamesWidth=void 0,this.format=void 0,this.formatModifier=void 0,this.hideBarLabels=!1,this.hideValueAxisLabels=!1,this.offsetDataNames=!1,this.offsetDataValues=!1,this.orientation=void 0,this.showChartName=!1,this.sort=!1}componentDidLoad(){const t=X(this.chartContainer);this.chart=t,this.resizeEventListener=()=>this.resizeChart(),window.addEventListener("resize",this.resizeEventListener),this.cacheComputedStyles(),this.updateChart(t),e(this.hostElement)}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer),this.hostElementStyles=getComputedStyle(this.hostElement)}getColor(t){const r=d("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles),i=d(this.color,this.chartContainerStyles,this.hostElementStyles);return d(t,this.chartContainerStyles,this.hostElementStyles)||(l(t)?t:i||(l(this.color)?this.color:r))}processData(t){return t.map((t=>({value:t.value||0,itemStyle:{color:this.getColor(t.color)}})))}updateChart(t){var r;const i=(null===(r=this.formatModifier)||void 0===r?void 0:r.includes("dec"))?this.formatModifier.replace("dec",""):0,e={type:"value",axisLabel:{formatter:t=>f(t,{type:this.format,decimals:i}),rotate:this.offsetDataValues?45:0,margin:this.offsetDataValues?15:8,show:!this.hideValueAxisLabels}},n={type:"category",data:this.data.map((t=>a(t.name)||"")),axisLabel:{rotate:this.offsetDataNames?45:0,margin:this.offsetDataNames?15:8,interval:0,width:this.dataNamesWidth||50,overflow:this.dataNamesOverflow||"none",truncate:"ellipsis"},axisTick:{alignWithLabel:this.offsetDataNames}};return t.setOption({aria:{enabled:!0},title:{text:this.chartName,show:this.showChartName,left:this.alignChartName},grid:{containLabel:!0},xAxis:"horizontal"===this.orientation?e:n,yAxis:"horizontal"===this.orientation?n:e,series:[{data:this.processData(this.data),id:"bar",type:"bar",label:{show:!this.hideBarLabels,position:"top",fontWeight:"bold",formatter:t=>f(t.value,{type:this.format,decimals:i})},realtimeSort:this.sort}]})}resizeChart(){this.chart.resize()}propsUpdates(){this.updateChart(this.chart)}render(){return r("div",{class:"container"},r("div",{ref:t=>this.chartContainer=t,class:"chart-container","test-id":"barChartContainer"}))}get hostElement(){return i(this)}static get watchers(){return{chartName:["propsUpdates"],color:["propsUpdates"],hideBarLabels:["propsUpdates"],showChartName:["propsUpdates"],alignChartName:["propsUpdates"],orientation:["propsUpdates"],format:["propsUpdates"],sort:["propsUpdates"],data:["propsUpdates"],offsetDataNames:["propsUpdates"],hideValueAxisLabels:["propsUpdates"],formatModifier:["propsUpdates"],dataNamesOverflow:["propsUpdates"]}}};xt.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{width:var(--tct-bar-chart-width, 100%);height:var(--tct-bar-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";export{xt as q2_chart_bar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{W as a,ba as t,a_ as r,bb as n,y as i,J as e,aC as s,P as o,Y as f,bc as v,bd as l,be as u,v as c,bf as h,a3 as b,Q as M,D as d,aP as p,d as y,bg as g,bh as w,a5 as m,bi as k,bj as x,bk as L,I as A,bl as I,H as P,i as N,aJ as T,u as R,bm as S,X}from"./p-52063431.js";var Y=2*Math.PI,j=c.CMD,z=["top","right","bottom","left"];function J(a,t,r,n,i){var e=r.width,s=r.height;switch(a){case"top":n.set(r.x+e/2,r.y-t),i.set(0,-1);break;case"bottom":n.set(r.x+e/2,r.y+s+t),i.set(0,1);break;case"left":n.set(r.x-t,r.y+s/2),i.set(-1,0);break;case"right":n.set(r.x+e+t,r.y+s/2),i.set(1,0)}}function O(a,t,r,n,i,e,s,o,f){s-=a,o-=t;var v=Math.sqrt(s*s+o*o),l=(s/=v)*r+a,u=(o/=v)*r+t;if(Math.abs(n-i)%Y<1e-4)return f[0]=l,f[1]=u,v-r;if(e){var c=n;n=h(i),i=h(c)}else n=h(n),i=h(i);n>i&&(i+=Y);var b=Math.atan2(o,s);if(b<0&&(b+=Y),b>=n&&b<=i||b+Y>=n&&b+Y<=i)return f[0]=l,f[1]=u,v-r;var M=r*Math.cos(n)+a,d=r*Math.sin(n)+t,p=r*Math.cos(i)+a,y=r*Math.sin(i)+t,g=(M-s)*(M-s)+(d-o)*(d-o),w=(p-s)*(p-s)+(y-o)*(y-o);return g<w?(f[0]=M,f[1]=d,Math.sqrt(g)):(f[0]=p,f[1]=y,Math.sqrt(w))}function C(a,t,r,n,i,e,s,o){var f=i-a,v=e-t,l=r-a,u=n-t,c=Math.sqrt(l*l+u*u),h=(f*(l/=c)+v*(u/=c))/c;o&&(h=Math.min(Math.max(h,0),1));var b=s[0]=a+(h*=c)*l,M=s[1]=t+h*u;return Math.sqrt((b-i)*(b-i)+(M-e)*(M-e))}function D(a,t,r,n,i,e,s){r<0&&(a+=r,r=-r),n<0&&(t+=n,n=-n);var o=a+r,f=t+n,v=s[0]=Math.min(Math.max(i,a),o),l=s[1]=Math.min(Math.max(e,t),f);return Math.sqrt((v-i)*(v-i)+(l-e)*(l-e))}var G=[];function H(a,t,r){var n=D(t.x,t.y,t.width,t.height,a.x,a.y,G);return r.set(G[0],G[1]),n}function Q(a,t,r){for(var n,i,e=0,s=0,o=0,f=0,u=1/0,c=t.data,h=a.x,b=a.y,M=0;M<c.length;){var d=c[M++];1===M&&(o=e=c[M],f=s=c[M+1]);var p=u;switch(d){case j.M:e=o=c[M++],s=f=c[M++];break;case j.L:p=C(e,s,c[M],c[M+1],h,b,G,!0),e=c[M++],s=c[M++];break;case j.C:p=l(e,s,c[M++],c[M++],c[M++],c[M++],c[M],c[M+1],h,b,G),e=c[M++],s=c[M++];break;case j.Q:p=v(e,s,c[M++],c[M++],c[M],c[M+1],h,b,G),e=c[M++],s=c[M++];break;case j.A:var y=c[M++],g=c[M++],w=c[M++],m=c[M++],k=c[M++],x=c[M++];M+=1;var L=!!(1-c[M++]);n=Math.cos(k)*w+y,i=Math.sin(k)*m+g,M<=1&&(o=n,f=i),p=O(y,g,m,k,k+x,L,(h-y)*m/w+y,b,G),e=Math.cos(k+x)*w+y,s=Math.sin(k+x)*m+g;break;case j.R:p=D(o=e=c[M++],f=s=c[M++],c[M++],c[M++],h,b,G);break;case j.Z:p=C(e,s,o,f,h,b,G,!0),e=o,s=f}p<u&&(u=p,r.set(G[0],G[1]))}return u}var W=new a,_=new a,q=new a,B=new a,E=new a;function F(t,r){if(t){var n=t.getTextGuideLine(),i=t.getTextContent();if(i&&n){var e=t.textGuideLineConfig||{},f=[[0,0],[0,0],[0,0]],v=e.candidates||z,l=i.getBoundingRect().clone();l.applyTransform(i.getComputedTransform());var u=1/0,c=e.anchor,h=t.getComputedTransform(),b=h&&s([],h),M=r.get("length2")||0;c&&q.copy(c);for(var d=0;d<v.length;d++){J(v[d],0,l,W,B),a.scaleAndAdd(_,W,B,M),_.transform(b);var p=t.getBoundingRect(),y=c?c.distance(_):t instanceof o?Q(_,t.path,q):H(_,p,q);y<u&&(u=y,_.transform(h),q.transform(h),q.toArray(f[0]),_.toArray(f[1]),W.toArray(f[2]))}V(f,r.get("minTurnAngle")),n.setShape({points:f})}}}var K=[],U=new a;function V(t,r){if(r<=180&&r>0){r=r/180*Math.PI,W.fromArray(t[0]),_.fromArray(t[1]),q.fromArray(t[2]),a.sub(B,W,_),a.sub(E,q,_);var n=B.len(),i=E.len();if(!(n<.001||i<.001)){B.scale(1/n),E.scale(1/i);var e=B.dot(E);if(Math.cos(r)<e){var s=C(_.x,_.y,q.x,q.y,W.x,W.y,K,!1);U.fromArray(K),U.scaleAndAdd(E,s/Math.tan(Math.PI-r));var o=q.x!==_.x?(U.x-_.x)/(q.x-_.x):(U.y-_.y)/(q.y-_.y);if(isNaN(o))return;o<0?a.copy(U,_):o>1&&a.copy(U,q),U.toArray(t[1])}}}}function Z(t,r,n){if(n<=180&&n>0){n=n/180*Math.PI,W.fromArray(t[0]),_.fromArray(t[1]),q.fromArray(t[2]),a.sub(B,_,W),a.sub(E,q,_);var i=B.len(),e=E.len();if(!(i<.001||e<.001)&&(B.scale(1/i),E.scale(1/e),B.dot(r)<Math.cos(n))){var s=C(_.x,_.y,q.x,q.y,W.x,W.y,K,!1);U.fromArray(K);var o=Math.PI/2,f=o+Math.acos(E.dot(r))-n;if(f>=o)a.copy(U,q);else{U.scaleAndAdd(E,s/Math.tan(Math.PI/2-f));var v=q.x!==_.x?(U.x-_.x)/(q.x-_.x):(U.y-_.y)/(q.y-_.y);if(isNaN(v))return;v<0?a.copy(U,_):v>1&&a.copy(U,q)}U.toArray(t[1])}}}function $(a,t,r,n){var i="normal"===r,e=i?a:a.ensureState(r);e.ignore=t;var s=n.get("smooth");s&&!0===s&&(s=.3),e.shape=e.shape||{},s>0&&(e.shape.smooth=s);var o=n.getModel("lineStyle").getLineStyle();i?a.useStyle(o):e.style=o}function aa(a,t){var r=t.smooth,n=t.points;if(n)if(a.moveTo(n[0][0],n[0][1]),r>0&&n.length>=3){var i=u(n[0],n[1]),e=u(n[1],n[2]);if(!i||!e)return a.lineTo(n[1][0],n[1][1]),void a.lineTo(n[2][0],n[2][1]);var s=Math.min(i,e)*r,o=f([],n[1],n[0],s/i),v=f([],n[1],n[2],s/e),l=f([],o,v,.5);a.bezierCurveTo(o[0],o[1],o[0],o[1],l[0],l[1]),a.bezierCurveTo(v[0],v[1],v[0],v[1],n[2][0],n[2][1])}else for(var c=1;c<n.length;c++)a.lineTo(n[c][0],n[c][1])}function ta(a,e,s){var o=a.getTextGuideLine(),f=a.getTextContent();if(f){for(var v=e.normal,l=v.get("show"),u=f.ignore,c=0;c<t.length;c++){var h=t[c],b=e[h],M="normal"===h;if(b){var d=b.get("show");if((M?u:r(f.states[h]&&f.states[h].ignore,u))||!r(d,l)){var p=M?o:o&&o.states[h];p&&(p.ignore=!0);continue}o||(o=new n,a.setTextGuideLine(o),M||!u&&l||$(o,!0,"normal",e.normal),a.stateProxy&&(o.stateProxy=a.stateProxy)),$(o,!1,h,b)}}if(o){i(o.style,s),o.style.fill=null;var y=v.get("showAbove");(a.textGuideLineConfig=a.textGuideLineConfig||{}).showAbove=y||!1,o.buildPath=aa}}else o&&a.removeTextGuideLine()}function ra(a,t){for(var r={normal:a.getModel(t=t||"labelLine")},n=0;n<e.length;n++){var i=e[n];r[i]=a.getModel([i,t])}return r}function na(a){if(a){for(var t=[],r=0;r<a.length;r++)t.push(a[r].slice());return t}}function ia(a,t){var r=a.label,n=t&&t.getTextGuideLine();return{dataIndex:a.dataIndex,dataType:a.dataType,seriesIndex:a.seriesModel.seriesIndex,text:a.label.style.text,rect:a.hostRect,labelRect:a.rect,align:r.style.align,verticalAlign:r.style.verticalAlign,labelLinePoints:na(n&&n.shape.points)}}var ea=["align","verticalAlign","width","height","fontSize"],sa=new X,oa=b(),fa=b();function va(a,t,r){for(var n=0;n<r.length;n++){var i=r[n];null!=t[i]&&(a[i]=t[i])}}var la=["x","y","rotation"],ua=function(){function a(){this._labelList=[],this._chartViewList=[]}return a.prototype.clearLabels=function(){this._labelList=[],this._chartViewList=[]},a.prototype._addLabel=function(a,t,r,n,i){var e=n.style,s=n.__hostTarget.textConfig||{},o=n.getComputedTransform(),f=n.getBoundingRect().plain();M.applyTransform(f,f,o),o?sa.setLocalTransform(o):(sa.x=sa.y=sa.rotation=sa.originX=sa.originY=0,sa.scaleX=sa.scaleY=1);var v,l=n.__hostTarget;if(l){v=l.getBoundingRect().plain();var u=l.getComputedTransform();M.applyTransform(v,v,u)}var c=v&&l.getTextGuideLine();this._labelList.push({label:n,labelLine:c,seriesModel:r,dataIndex:a,dataType:t,layoutOption:i,computedLayoutOption:null,rect:f,hostRect:v,priority:v?v.width*v.height:0,defaultAttr:{ignore:n.ignore,labelGuideIgnore:c&&c.ignore,x:sa.x,y:sa.y,scaleX:sa.scaleX,scaleY:sa.scaleY,rotation:sa.rotation,style:{x:e.x,y:e.y,align:e.align,verticalAlign:e.verticalAlign,width:e.width,height:e.height,fontSize:e.fontSize},cursor:n.cursor,attachedPos:s.position,attachedRot:s.rotation}})},a.prototype.addLabelsOfSeries=function(a){var t=this;this._chartViewList.push(a);var r=a.__model,n=r.get("labelLayout");(d(n)||p(n).length)&&a.group.traverse((function(a){if(a.ignore)return!0;var i=a.getTextContent(),e=y(a);i&&!i.disableLabelLayout&&t._addLabel(e.dataIndex,e.dataType,r,i,n)}))},a.prototype.updateLayoutConfig=function(a){var t=a.getWidth(),r=a.getHeight();function n(a,t){return function(){F(a,t)}}for(var i=0;i<this._labelList.length;i++){var e=this._labelList[i],s=e.label,o=s.__hostTarget,f=e.defaultAttr,v=void 0;v=d(e.layoutOption)?e.layoutOption(ia(e,o)):e.layoutOption,e.computedLayoutOption=v=v||{};var l=Math.PI/180;o&&o.setTextConfig({local:!1,position:null!=v.x||null!=v.y?null:f.attachedPos,rotation:null!=v.rotate?v.rotate*l:f.attachedRot,offset:[v.dx||0,v.dy||0]});var u=!1;if(null!=v.x?(s.x=g(v.x,t),s.setStyle("x",0),u=!0):(s.x=f.x,s.setStyle("x",f.style.x)),null!=v.y?(s.y=g(v.y,r),s.setStyle("y",0),u=!0):(s.y=f.y,s.setStyle("y",f.style.y)),v.labelLinePoints){var c=o.getTextGuideLine();c&&(c.setShape({points:v.labelLinePoints}),u=!1)}oa(s).needsUpdateLabelLine=u,s.rotation=null!=v.rotate?v.rotate*l:f.rotation,s.scaleX=f.scaleX,s.scaleY=f.scaleY;for(var h=0;h<ea.length;h++){var b=ea[h];s.setStyle(b,null!=v[b]?v[b]:f.style[b])}if(v.draggable){if(s.draggable=!0,s.cursor="move",o){var M=e.seriesModel;null!=e.dataIndex&&(M=e.seriesModel.getData(e.dataType).getItemModel(e.dataIndex)),s.on("drag",n(o,M.getModel("labelLine")))}}else s.off("drag"),s.cursor=f.cursor}},a.prototype.layout=function(a){var t=a.getWidth(),r=a.getHeight(),n=w(this._labelList),i=m(n,(function(a){return"shiftX"===a.layoutOption.moveOverlap})),e=m(n,(function(a){return"shiftY"===a.layoutOption.moveOverlap}));k(i,0,t),x(e,0,r);var s=m(n,(function(a){return a.layoutOption.hideOverlap}));L(s)},a.prototype.processLabelsOverall=function(){var a=this;A(this._chartViewList,(function(t){var r=t.__model,n=t.ignoreLabelLineUpdate,i=r.isAnimationEnabled();t.group.traverse((function(t){if(t.ignore&&!t.forceLabelAnimation)return!0;var e=!n,s=t.getTextContent();!e&&s&&(e=oa(s).needsUpdateLabelLine),e&&a._updateLabelLine(t,r),i&&a._animateLabels(t,r)}))}))},a.prototype._updateLabelLine=function(a,t){var r=a.getTextContent(),n=y(a),i=n.dataIndex;if(r&&null!=i){var e=t.getData(n.dataType),s=e.getItemModel(i),o={},f=e.getItemVisual(i,"style"),v=e.getVisual("drawType");o.stroke=f[v];var l=s.getModel("labelLine");ta(a,ra(s),o),F(a,l)}},a.prototype._animateLabels=function(a,t){var n=a.getTextContent(),i=a.getTextGuideLine();if(n&&(a.forceLabelAnimation||!n.ignore&&!n.invisible&&!a.disableLabelAnimation&&!I(a))){var e=(b=oa(n)).oldLayout,s=y(a),o=s.dataIndex,f={x:n.x,y:n.y,rotation:n.rotation},v=t.getData(s.dataType);if(e){n.attr(e);var l=a.prevStates;l&&(T(l,"select")>=0&&n.attr(b.oldLayoutSelect),T(l,"emphasis")>=0&&n.attr(b.oldLayoutEmphasis)),R(n,f,t,o)}else if(n.attr(f),!P(n).valueAnimation){var u=r(n.style.opacity,1);n.style.opacity=0,N(n,{style:{opacity:u}},t,o)}if(b.oldLayout=f,n.states.select){var c=b.oldLayoutSelect={};va(c,f,la),va(c,n.states.select,la)}if(n.states.emphasis){var h=b.oldLayoutEmphasis={};va(h,f,la),va(h,n.states.emphasis,la)}S(n,o,v,t,t)}if(i&&!i.ignore&&!i.invisible){var b=fa(i),M={points:i.shape.points};(e=b.oldLayout)?(i.attr({shape:e}),R(i,{shape:M},t)):(i.setShape(M),i.style.strokePercent=0,N(i,{style:{strokePercent:1}},t)),b.oldLayout=M}},a}(),ca=b();function ha(a){a.registerUpdateLifecycle("series:beforeupdate",(function(a,t){var r=ca(t).labelManager;r||(r=ca(t).labelManager=new ua),r.clearLabels()})),a.registerUpdateLifecycle("series:layoutlabels",(function(a,t,r){var n=ca(t).labelManager;r.updatedSeries.forEach((function(a){n.addLabelsOfSeries(t.getViewOfSeriesModel(a))})),n.updateLayoutConfig(t),n.layout(t),n.processLabelsOverall()}))}export{Z as a,ra as g,ha as i,V as l,ta as s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,g as r}from"./p-926a3e80.js";import{h as a,j as e,o as n,i,l as s}from"./p-a510290a.js";import{s as l}from"./p-92e1faf8.js";const c=class{constructor(o){t(this,o),this.handleSlotChange=()=>{this.handleIcons()},this.ariaExpanded=void 0,this.ariaHasPopup=void 0,this.ariaControls=void 0,this.ariaSelected=void 0,this.label=void 0,this.hideLabel=void 0,this.ariaLabel=void 0,this.tabIndex=void 0,this.intent=void 0,this.color=void 0,this.disabled=void 0,this.type=void 0,this.loading=void 0,this.badge=void 0,this.active=void 0,this.fab=void 0,this.block=void 0,this.iconPosition=void 0}componentWillLoad(){this.handleIcons(),a(this),e(this)}componentDidLoad(){n(this.hostElement)}disable(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){i(t,this.hostElement)&&this.hostElement.shadowRoot.querySelector("button").focus()}ariaLabelObserver(){a(this)}handleIcons(){const t=Array.from(this.hostElement.querySelectorAll(":scope > q2-icon")).reduce(((t,o)=>(t?o.remove():t=o,t)),null),o=!!t,r=!!this.hostElement.querySelector("q2-loc"),a=!!this.hostElement.textContent.trim(),e=(r||a)&&o&&this.hostElement.firstElementChild===t,n=(r||a)&&o&&this.hostElement.lastElementChild===t;let i;e||n||!o?e?i="left":n&&(i="right"):i="only",this.iconPosition=i}render(){const{ariaExpanded:t,ariaHasPopup:r,ariaSelected:a,disabled:e,type:n,tabindex:i}=this.buttonAttributes,{iconPosition:l,loading:c,badge:b,label:d,hideLabel:h}=this,v=l||c,p=!l||b;return o("button",{"aria-expanded":t,"aria-haspopup":r,"aria-label":h&&s(d),"aria-selected":a,disabled:e,type:n,tabindex:i,"test-id":"q2BtnInnerButton",class:l?`icon-${l}`:""},o("div",null,v&&o("q2-loading",{hidden:!c,modifiers:p?"inline":void 0}),!h&&d?s(d):o("slot",{onSlotchange:this.handleSlotChange})))}get buttonAttributes(){var t,o,r;return{ariaExpanded:void 0!==this.ariaExpanded?`${"true"===(null===(t=this.ariaExpanded)||void 0===t?void 0:t.toString())}`:void 0,ariaHasPopup:void 0!==this.ariaHasPopup?`${"true"===(null===(o=this.ariaHasPopup)||void 0===o?void 0:o.toString())}`:void 0,ariaLabel:this.label&&this.hideLabel?s(this.label):void 0,ariaSelected:void 0!==this.ariaSelected?`${"true"===(null===(r=this.ariaSelected)||void 0===r?void 0:r.toString())}`:void 0,disabled:this.disabled||!1,type:this.type||"button",tabindex:this.tabIndex||void 0}}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};c.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}:host([hidden]){display:none}:host([block]){display:block;width:100%}:host{--comp-btn-primary-bg:var(--tct-btn-primary-bg, var(--t-btn-primary-bg, #2e2e2e));--comp-btn-primary-font-color:var(--tct-btn-primary-font-color, var(--t-btn-primary-font-color, var(--tct-white, var(--app-white, #ffffff))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-btn-fallback-hover-box-shadow:0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);--comp-btn-neutral-fallback-hover-box-shadow:0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36);--comp-btn-primary-box-shadow:var(--tct-btn-primary-box-shadow, var(--t-btn-primary-box-shadow, var(--comp-btn-fallback-box-shadow)));--comp-btn-primary-hover-box-shadow:var(--tct-btn-primary-hover-box-shadow, var(--t-btn-primary-hover-box-shadow, var(--comp-btn-fallback-hover-box-shadow)));--comp-btn-secondary-bg:var(--tct-btn-secondary-bg, var(--t-button-default-bg, #cccccc));--comp-btn-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-btn-secondary-font-color, var(--t-button-default-font-color, #2e2e2e)));--comp-btn-secondary-box-shadow:var(--tct-btn-secondary-box-shadow, var(--t-btn-secondary-box-shadow, var(--comp-btn-fallback-box-shadow)));--comp-btn-secondary-hover-box-shadow:var(--tct-btn-secondary-hover-box-shadow, var(--t-btn-secondary-hover-box-shadow, var(--comp-btn-fallback-hover-box-shadow)));--comp-btn-tween:var(--tct-btn-tween, var(--t-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));--comp-btn-neutral-bg:var(--tct-btn-neutral-bg, transparent);--comp-btn-neutral-font-color:var(--tct-btn-neutral-font-color, var(--t-btn-neutral-font-color, var(--t-button-default-font-color, #2e2e2e)));--comp-btn-neutral-box-shadow:var(--tct-btn-neutral-box-shadow, var(--t-btn-neutral-box-shadow, var(--comp-btn-fallback-box-shadow)));--comp-btn-neutral-hover-box-shadow:var(--tct-btn-neutral-hover-box-shadow, var(--t-btn-neutral-hover-box-shadow, var(--comp-btn-neutral-fallback-hover-box-shadow)))}button{margin:var(--tct-scale-0, var(--app-scale-0x, 0));padding:var(--tct-scale-0, var(--app-scale-0x, 0));display:inline-block;width:100%;hyphens:auto;border:0;background:transparent;box-shadow:none;border-radius:0;font-weight:400;color:inherit;cursor:pointer;transition:var(--comp-btn-tween);transition-property:background, color, box-shadow, fill, border-color, border-width;outline:0}button:disabled{opacity:var(--tct-btn-disabled-opacity, var(--t-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));cursor:not-allowed}:host([size="1"]) button{padding:var(--tct-scale-1, var(--app-scale-1x, 5px))}:host([color]:not([size])) button,:host([intent]:not([size])) button{padding:var(--tct-btn-padding, var(--t-btn-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))))}:host([size="2"]) button{padding:var(--tct-scale-2, var(--app-scale-2x, 10px))}:host([size="3"]) button{padding:var(--tct-scale-3, var(--app-scale-3x, 15px))}:host([size="4x"]) button{padding:var(--tct-scale-4x, var(--app-scale-4x, 20px))}:host([size="4"]) button{padding:var(--tct-scale-6x, var(--app-scale-6x, 30px))}:host([color]) button,:host([intent]) button{border-style:solid;font-size:var(--tct-btn-font-size, var(--t-btn-font-size, inherit))}:host([color=primary]) button,:host([intent=workflow-primary]) button{background:var(--comp-btn-primary-bg);color:var(--comp-btn-primary-font-color);border-color:var(--tct-btn-primary-border-color, var(--t-btn-primary-border-color, transparent));border-width:var(--tct-btn-primary-border-width, var(--t-btn-primary-border-width, 0));border-radius:var(--tct-btn-primary-border-radius, var(--t-btn-primary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));box-shadow:var(--comp-btn-primary-box-shadow);font-weight:var(--tct-btn-primary-font-weight, var(--t-btn-primary-font-weight, 600));text-transform:var(--tct-btn-primary-text-transform, var(--t-btn-primary-text-transform, none));letter-spacing:var(--tct-btn-primary-letter-spacing, var(--t-btn-primary-letter-spacing, normal))}:host([color=primary]) button:enabled:hover,:host([color=primary]) button:enabled:focus,:host([color=primary]) button:enabled:active,:host([intent=workflow-primary]) button:enabled:hover,:host([intent=workflow-primary]) button:enabled:focus,:host([intent=workflow-primary]) button:enabled:active{background:var(--tct-btn-primary-hover-bg, var(--t-btn-primary-hover-bg, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-primary-hover-font-color, var(--t-btn-primary-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-primary-hover-border-color, var(--t-btn-primary-hover-border-color, var(--tct-btn-primary-border-color, var(--t-btn-primary-border-color, transparent))))}:host([color=primary]) button:hover:enabled,:host([color=primary]) button:active:enabled,:host([intent=workflow-primary]) button:hover:enabled,:host([intent=workflow-primary]) button:active:enabled{box-shadow:var(--comp-btn-primary-hover-box-shadow)}:host([color=primary]) button:focus,:host([color=primary]) button:focus:hover:enabled,:host([color=primary]) button:focus:active:enabled,:host([intent=workflow-primary]) button:focus,:host([intent=workflow-primary]) button:focus:hover:enabled,:host([intent=workflow-primary]) button:focus:active:enabled{box-shadow:var(--const-double-focus-ring), var(--comp-btn-primary-hover-box-shadow)}:host([color=primary]) button:disabled,:host([intent=workflow-primary]) button:disabled{background:var(--tct-btn-primary-disabled-bg, var(--t-btn-primary-disabled-bg, var(--comp-btn-primary-bg)));color:var(--tct-btn-primary-disabled-font-color, var(--t-btn-primary-disabled-font-color, var(--comp-btn-primary-font-color)));box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--t-btn-primary-disabled-box-shadow, var(--comp-btn-primary-box-shadow)))}:host([color=secondary]) button,:host([intent=workflow-secondary]) button{background:var(--comp-btn-secondary-bg);color:var(--comp-btn-secondary-font-color, var(--tct-btn-secondary-font-color, var(--t-btn-secondary-font-color, var(--tct-white, var(--app-white, #ffffff)))));border-color:var(--tct-btn-secondary-border-color, var(--t-btn-secondary-border-color, transparent));border-width:var(--tct-btn-secondary-border-width, var(--t-btn-secondary-border-width, 0));border-radius:var(--tct-btn-secondary-border-radius, var(--t-btn-secondary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));box-shadow:var(--comp-btn-secondary-box-shadow);font-weight:var(--tct-btn-secondary-font-weight, var(--t-btn-secondary-font-weight, 600));text-transform:var(--tct-btn-secondary-text-transform, var(--t-btn-secondary-text-transform, none));letter-spacing:var(--tct-btn-secondary-letter-spacing, var(--t-btn-secondary-letter-spacing, normal))}:host([color=secondary]) button:enabled:hover,:host([color=secondary]) button:enabled:focus,:host([color=secondary]) button:enabled:active,:host([intent=workflow-secondary]) button:enabled:hover,:host([intent=workflow-secondary]) button:enabled:focus,:host([intent=workflow-secondary]) button:enabled:active{background:var(--tct-btn-secondary-hover-bg, var(--t-btn-secondary-hover-bg, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-secondary-hover-font-color, var(--t-btn-secondary-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #ffffff)))));border-color:var(--tct-btn-secondary-hover-border-color, var(--t-btn-secondary-hover-border-color, var(--tct-btn-secondary-border-color, var(--t-btn-secondary-border-color, transparent))))}:host([color=secondary]) button:hover:enabled,:host([color=secondary]) button:active:enabled,:host([intent=workflow-secondary]) button:hover:enabled,:host([intent=workflow-secondary]) button:active:enabled{box-shadow:var(--comp-btn-secondary-hover-box-shadow)}:host([color=secondary]) button:focus,:host([color=secondary]) button:focus:hover:enabled,:host([color=secondary]) button:focus:active:enabled,:host([intent=workflow-secondary]) button:focus,:host([intent=workflow-secondary]) button:focus:hover:enabled,:host([intent=workflow-secondary]) button:focus:active:enabled{box-shadow:var(--const-double-focus-ring), var(--comp-btn-secondary-hover-box-shadow)}:host([color=secondary]) button:disabled,:host([intent=workflow-secondary]) button:disabled{background:var(--tct-btn-secondary-disabled-bg, var(--t-btn-secondary-disabled-bg, var(--comp-btn-secondary-bg)));color:var(--tct-btn-secondary-disabled-font-color, var(--t-btn-secondary-disabled-font-color, var(--comp-btn-secondary-font-color)));box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--t-btn-secondary-disabled-box-shadow, var(--comp-btn-secondary-box-shadow)))}:host([intent=neutral]) button{background:var(--comp-btn-neutral-bg, var(--tct-btn-neutral-bg, var(--t-btn-neutral-bg, transparent)));color:var(--comp-btn-neutral-font-color, var(--tct-btn-neutral-font-color, var(--t-btn-neutral-font-color, var(--tct-gray-1, var(--t-gray-1, var(--tct-black, var(--app-black, #0d0d0d)))))));border-color:var(--tct-btn-neutral-border-color, var(--t-btn-neutral-border-color, transparent));border-width:var(--tct-btn-neutral-border-width, var(--t-btn-neutral-border-width, 0));border-radius:var(--tct-btn-neutral-border-radius, var(--t-btn-neutral-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));box-shadow:var(--comp-btn-neutral-box-shadow);font-weight:var(--tct-btn-neutral-font-weight, var(--t-btn-neutral-font-weight, 600));text-transform:var(--tct-btn-neutral-text-transform, var(--t-btn-neutral-text-transform, none));letter-spacing:var(--tct-btn-neutral-letter-spacing, var(--t-btn-neutral-letter-spacing, normal))}:host([intent=neutral]) button:enabled:hover,:host([intent=neutral]) button:enabled:focus,:host([intent=neutral]) button:enabled:active{background:var(--tct-btn-neutral-hover-bg, var(--t-btn-neutral-hover-bg, transparent));color:var(--tct-btn-neutral-hover-font-color, var(--t-btn-neutral-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-neutral-hover-border-color, var(--t-btn-neutral-hover-border-color, var(--tct-btn-neutral-border-color, var(--t-btn-neutral-border-color, transparent))))}:host([intent=neutral]) button:hover:enabled,:host([intent=neutral]) button:active:enabled{box-shadow:var(--comp-btn-neutral-hover-box-shadow)}:host([intent=neutral]) button:focus,:host([intent=neutral]) button:focus:hover:enabled,:host([intent=neutral]) button:focus:active:enabled{box-shadow:var(--const-double-focus-ring), var(--comp-btn-neutral-hover-box-shadow)}:host([intent=neutral]) button:disabled{background:var(--tct-btn-neutral-disabled-bg, var(--t-btn-neutral-disabled-bg, var(--comp-btn-neutral-bg)));color:var(--tct-btn-neutral-disabled-font-color, var(--t-btn-neutral-disabled-font-color, var(--comp-btn-neutral-font-color)));box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--comp-btn-neutral-box-shadow))}:host button.icon-only{width:var(--tct-btn-icon-width, var(--t-btn-icon-width, 44px));height:var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px));border-radius:var(--tct-btn-icon-border-radius, var(--t-btn-icon-border-radius, 0))}:host button.icon-only:hover,:host button.icon-only:focus{background-color:var(--tct-btn-icon-hover-bg, var(--t-btn-icon-hover-bg, var(--tct-gray-13, var(--t-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))}:host(:not([intent])[active]) button.icon-only{background-color:var(--tct-btn-icon-active-bg, var(--t-btn-icon-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))}:host(:not([intent])) button.icon-only:hover *,:host(:not([intent])) button.icon-only:focus *,:host(:not([intent])[active]) button.icon-only *{color:var(--tct-btn-icon-hover-color, var(--t-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color, #080808))))}:host([badge]) button{padding:var(--tct-btn-badge-padding, var(--t-btn-badge-padding, 2px 5px));font-size:var(--tct-btn-badge-font-size, var(--t-btn-badge-font-size, var(--tct-btn-font-size, var(--t-btn-font-size, inherit))));border-radius:var(--tct-btn-badge-border-radius, var(--t-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));background-color:var(--tct-btn-badge-bg, var(--t-btn-badge-bg, transparent));color:var(--tct-btn-badge-font-color, var(--t-btn-badge-font-color, inherit))}:host([badge]) button ::slotted(q2-icon){--tct-icon-size:1em}:host([badge]:hover) button:enabled{background-color:var(--tct-btn-badge-hover-bg, var(--t-btn-badge-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));color:var(--tct-btn-badge-hover-font-color, var(--t-btn-badge-hover-font-color, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))))}:host(.selected[badge]) button,:host([active][badge]) button{background-color:var(--tct-btn-badge-active-bg, var(--t-btn-badge-active-bg, var(--comp-btn-primary-bg)));color:var(--tct-btn-badge-active-font-color, var(--t-btn-badge-active-font-color, var(--comp-btn-primary-font-color)))}div{display:flex;align-items:center;justify-content:center;gap:var(--app-scale-1x, 5px)}:host([loading]) .icon-right div{flex-direction:row-reverse}q2-loading{--tct-loading-primary-color:currentColor;--tct-loading-secondary-color:currentColor;--tct-loading-spinner-size:24px}:host([loading]) ::slotted(q2-icon){display:none}:host([loading]) button{pointer-events:none}:host([block]) button,:host([block]) button.icon-only{display:block;width:100%}';const b=class{constructor(r){t(this,r),this.halfCircleSpinner=()=>o("div",{class:"q2-loading-animation half-circle-spinner","aria-label":this.localizedLabel},o("div",{class:"circle circle-1"}),o("div",{class:"circle circle-2"})),this.spinner=()=>this.halfCircleSpinner(),this.skeletonLoader=()=>o("div",{class:"q2-loading-skeleton","aria-label":this.localizedLabel},"custom"===this.shape?o("slot",null):this.skeletonShape,o("div",{class:"q2-loading-skeleton-shimmer"})),this.type=void 0,this.shape=void 0,this.modifiers=void 0,this.counts=void 0,this.label=void 0,this.ariaLabel=void 0,this.inline=void 0}get loader(){const t={default:this.spinner,spinner:this.spinner,skeleton:this.skeletonLoader};return t[this.type]||t.default}get modifiersSet(){if("skeleton"===this.type&&this.modifiers)return new Set(this.modifiers.split("-"))}get countsArray(){if("skeleton"===this.type&&this.counts)return this.counts.split("x").map(Number)}get skeletonShape(){var t,o;return null!==(o=null===(t=l[this.shape])||void 0===t?void 0:t.call(l,this.countsArray,this.modifiersSet))&&void 0!==o?o:""}get spinnerShape(){const t={default:this.halfCircleSpinner,"half-circle":this.halfCircleSpinner};return t[this.type]||t.default}get localizedLabel(){return s(this.label||"tecton.element.loading.ariaLabel")}componentWillLoad(){a(this)}ariaLabelObserver(){a(this)}render(){return this.loader()}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};b.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.flex{display:flex}.flex-center{justify-content:center}.flex-left{justify-content:flex-start}.flex-right{justify-content:flex-end}.flex-v-center{align-items:center}.no-margin{margin:0}:host{display:block}:host([inline]),:host([modifiers*=inline]){display:inline-block}:host([hidden]){display:none}:host(:not([inline]):not([modifiers*=inline])){font-size:var(--tct-loading-spinner-size, var(--t-loading-spinner-size, var(--app-scale-12x, 60px)))}.q2-loading-animation{height:1em;width:1em}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{border-radius:100%;position:relative}.half-circle-spinner .circle{position:absolute;width:100%;height:100%;border-radius:100%;border:0.0833333333em solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--tct-loading-primary-color, var(--t-loading-primary-color, var(--t-primary, #0079c1)));animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(--tct-loading-secondary-color, var(--t-loading-secondary-color, #9ddd4f));animation:half-circle-spinner-animation 1s infinite alternate}@keyframes half-circle-spinner-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.q2-loading-skeleton{position:relative;width:100%;height:100%;overflow:hidden;--comp-loading-skeleton-shimmer-color:var(--tct-loading-skeleton-shimmer-color, var(--t-base, rgba(255, 255, 255, 0.5)));--comp-loading-skeleton-vertical-gap:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px));--comp-loading-skeleton-horizontal-gap:var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.q2-loading-skeleton-shimmer{position:absolute;width:1rem;height:100%;top:0;left:-100px;animation:skeletonShimmer 3s ease-in-out infinite;background-color:var(--comp-loading-skeleton-shimmer-color);box-shadow:0 0 25px 20px var(--comp-loading-skeleton-shimmer-color);transform:rotate(10deg)}.skeleton-shape.rectangle:not(.no-margin){margin:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px)) var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background-color:var(--tct-loading-skeleton-element-bg, var(--tct-gray-l3, var(--t-gray-14, #f2f2f2)))}.skeleton-shape.circle{border-radius:50%;padding-top:100%}.flex .rectangle{flex-grow:1}.skeleton-table-row .rectangle{margin:var(--comp-loading-skeleton-vertical-gap) var(--comp-loading-skeleton-horizontal-gap)}.skeleton-table-row .rectangle:not(:first-child):not(:last-child){flex-grow:2}.skeleton-table-row-border .skeleton-shape{margin:0 var(--comp-loading-skeleton-horizontal-gap)}.form{flex-wrap:wrap}.form .field{margin:var(--comp-loading-skeleton-vertical-gap) 0}.form.columns-1 .field{flex-basis:100%}.form.columns-2 .field{flex-basis:50%}.form.columns-3 .field{flex-basis:33.3333%}.form.columns-4 .field{flex-basis:25%}.form.columns-5 .field{flex-basis:20%}.text .rectangle{margin-bottom:0}.text .header.center{margin:0 auto}.text .header.right{margin-left:auto}.text .header{height:1.5rem}.text .header.smaller{height:1rem}.detailed-item{flex-wrap:wrap}.detailed-item.right{flex-flow:row-reverse}.detailed-item-image{flex:0 0 auto;display:inline-flex}.center .detailed-item-image{flex-basis:100%;display:flex}.detailed-item-image .rectangle{flex-grow:0}.detailed-item-text>div{width:100%}.detailed-item-text{flex:1 1 auto}.detailed-item-text .text{margin-top:0;margin-bottom:0}.label-value{flex-wrap:wrap}.label-value .rectangle{flex-basis:calc(50% - 2 * var(--comp-loading-skeleton-horizontal-gap))}@keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}";export{c as q2_btn,b as q2_loading}
|
|
1
|
+
import{r as t,h as o,g as r}from"./p-926a3e80.js";import{h as a,j as e,o as n,i,l as s}from"./p-a510290a.js";import{s as l}from"./p-92e1faf8.js";const c=class{constructor(o){t(this,o),this.handleSlotChange=()=>{this.handleIcons()},this.ariaExpanded=void 0,this.ariaHasPopup=void 0,this.ariaControls=void 0,this.ariaSelected=void 0,this.label=void 0,this.hideLabel=void 0,this.ariaLabel=void 0,this.tabIndex=void 0,this.intent=void 0,this.color=void 0,this.disabled=void 0,this.type=void 0,this.loading=void 0,this.badge=void 0,this.active=void 0,this.fab=void 0,this.block=void 0,this.iconPosition=void 0}componentWillLoad(){this.handleIcons(),a(this),e(this)}componentDidLoad(){n(this.hostElement)}disable(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){i(t,this.hostElement)&&this.hostElement.shadowRoot.querySelector("button").focus()}ariaLabelObserver(){a(this)}handleIcons(){const t=Array.from(this.hostElement.querySelectorAll(":scope > q2-icon")).reduce(((t,o)=>(t?o.remove():t=o,t)),null),o=!!t,r=!!this.hostElement.querySelector("q2-loc"),a=!!this.hostElement.textContent.trim(),e=(r||a)&&o&&this.hostElement.firstElementChild===t,n=(r||a)&&o&&this.hostElement.lastElementChild===t;let i;e||n||!o?e?i="left":n&&(i="right"):i="only",this.iconPosition=i}render(){const{ariaExpanded:t,ariaHasPopup:r,ariaSelected:a,disabled:e,type:n,tabindex:i}=this.buttonAttributes,{iconPosition:l,loading:c,badge:b,label:d,hideLabel:h}=this,v=l||c,p=!l||b;return o("button",{"aria-expanded":t,"aria-haspopup":r,"aria-label":h&&s(d),"aria-selected":a,disabled:e,type:n,tabindex:i,"test-id":"q2BtnInnerButton",class:l?`icon-${l}`:""},o("div",null,v&&o("q2-loading",{hidden:!c,modifiers:p?"inline":void 0}),!h&&d?s(d):o("slot",{onSlotchange:this.handleSlotChange})))}get buttonAttributes(){var t,o,r;return{ariaExpanded:void 0!==this.ariaExpanded?`${"true"===(null===(t=this.ariaExpanded)||void 0===t?void 0:t.toString())}`:void 0,ariaHasPopup:void 0!==this.ariaHasPopup?`${"true"===(null===(o=this.ariaHasPopup)||void 0===o?void 0:o.toString())}`:void 0,ariaLabel:this.label&&this.hideLabel?s(this.label):void 0,ariaSelected:void 0!==this.ariaSelected?`${"true"===(null===(r=this.ariaSelected)||void 0===r?void 0:r.toString())}`:void 0,disabled:this.disabled||!1,type:this.type||"button",tabindex:this.tabIndex||void 0}}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};c.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}:host([hidden]){display:none}:host([block]){display:block;width:100%}:host{--comp-btn-primary-bg:var(--tct-btn-primary-bg, var(--t-btn-primary-bg, #2e2e2e));--comp-btn-primary-font-color:var(--tct-btn-primary-font-color, var(--t-btn-primary-font-color, var(--tct-white, var(--app-white, #ffffff))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-btn-fallback-hover-box-shadow:0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);--comp-btn-neutral-fallback-hover-box-shadow:0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36);--comp-btn-primary-box-shadow:var(--tct-btn-primary-box-shadow, var(--t-btn-primary-box-shadow, var(--comp-btn-fallback-box-shadow)));--comp-btn-primary-hover-box-shadow:var(--tct-btn-primary-hover-box-shadow, var(--t-btn-primary-hover-box-shadow, var(--comp-btn-fallback-hover-box-shadow)));--comp-btn-secondary-bg:var(--tct-btn-secondary-bg, var(--t-button-default-bg, #cccccc));--comp-btn-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-btn-secondary-font-color, var(--t-button-default-font-color, #2e2e2e)));--comp-btn-secondary-box-shadow:var(--tct-btn-secondary-box-shadow, var(--t-btn-secondary-box-shadow, var(--comp-btn-fallback-box-shadow)));--comp-btn-secondary-hover-box-shadow:var(--tct-btn-secondary-hover-box-shadow, var(--t-btn-secondary-hover-box-shadow, var(--comp-btn-fallback-hover-box-shadow)));--comp-btn-tween:var(--tct-btn-tween, var(--t-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));--comp-btn-neutral-bg:var(--tct-btn-neutral-bg, transparent);--comp-btn-neutral-font-color:var(--tct-btn-neutral-font-color, var(--t-btn-neutral-font-color, var(--t-button-default-font-color, #2e2e2e)));--comp-btn-neutral-box-shadow:var(--tct-btn-neutral-box-shadow, var(--t-btn-neutral-box-shadow, var(--comp-btn-fallback-box-shadow)));--comp-btn-neutral-hover-box-shadow:var(--tct-btn-neutral-hover-box-shadow, var(--t-btn-neutral-hover-box-shadow, var(--comp-btn-neutral-fallback-hover-box-shadow)))}button{margin:var(--tct-scale-0, var(--app-scale-0x, 0));padding:var(--tct-scale-0, var(--app-scale-0x, 0));display:inline-block;width:100%;hyphens:auto;border:0;background:transparent;box-shadow:none;border-radius:0;font-weight:400;color:inherit;cursor:pointer;transition:var(--comp-btn-tween);transition-property:background, color, box-shadow, fill, border-color, border-width;outline:0}button:disabled{opacity:var(--tct-btn-disabled-opacity, var(--t-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));cursor:not-allowed}:host([size="1"]) button{padding:var(--tct-scale-1, var(--app-scale-1x, 5px))}:host([color]:not([size])) button,:host([intent]:not([size])) button{padding:var(--tct-btn-padding, var(--t-btn-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))))}:host([size="2"]) button{padding:var(--tct-scale-2, var(--app-scale-2x, 10px))}:host([size="3"]) button{padding:var(--tct-scale-3, var(--app-scale-3x, 15px))}:host([size="4x"]) button{padding:var(--tct-scale-4x, var(--app-scale-4x, 20px))}:host([size="4"]) button{padding:var(--tct-scale-6x, var(--app-scale-6x, 30px))}:host([color]) button,:host([intent]) button{border-style:solid;font-size:var(--tct-btn-font-size, var(--t-btn-font-size, inherit))}:host([color=primary]) button,:host([intent=workflow-primary]) button{background:var(--comp-btn-primary-bg);color:var(--comp-btn-primary-font-color);border-color:var(--tct-btn-primary-border-color, var(--t-btn-primary-border-color, transparent));border-width:var(--tct-btn-primary-border-width, var(--t-btn-primary-border-width, 0));border-radius:var(--tct-btn-primary-border-radius, var(--t-btn-primary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));box-shadow:var(--comp-btn-primary-box-shadow);font-weight:var(--tct-btn-primary-font-weight, var(--t-btn-primary-font-weight, 600));text-transform:var(--tct-btn-primary-text-transform, var(--t-btn-primary-text-transform, none));letter-spacing:var(--tct-btn-primary-letter-spacing, var(--t-btn-primary-letter-spacing, normal))}:host([color=primary]) button:enabled:hover,:host([color=primary]) button:enabled:focus,:host([color=primary]) button:enabled:active,:host([intent=workflow-primary]) button:enabled:hover,:host([intent=workflow-primary]) button:enabled:focus,:host([intent=workflow-primary]) button:enabled:active{background:var(--tct-btn-primary-hover-bg, var(--t-btn-primary-hover-bg, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-primary-hover-font-color, var(--t-btn-primary-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-primary-hover-border-color, var(--t-btn-primary-hover-border-color, var(--tct-btn-primary-border-color, var(--t-btn-primary-border-color, transparent))))}:host([color=primary]) button:hover:enabled,:host([color=primary]) button:active:enabled,:host([intent=workflow-primary]) button:hover:enabled,:host([intent=workflow-primary]) button:active:enabled{box-shadow:var(--comp-btn-primary-hover-box-shadow)}:host([color=primary]) button:focus,:host([color=primary]) button:focus:hover:enabled,:host([color=primary]) button:focus:active:enabled,:host([intent=workflow-primary]) button:focus,:host([intent=workflow-primary]) button:focus:hover:enabled,:host([intent=workflow-primary]) button:focus:active:enabled{box-shadow:var(--const-double-focus-ring), var(--comp-btn-primary-hover-box-shadow)}:host([color=primary]) button:disabled,:host([intent=workflow-primary]) button:disabled{background:var(--tct-btn-primary-disabled-bg, var(--t-btn-primary-disabled-bg, var(--comp-btn-primary-bg)));color:var(--tct-btn-primary-disabled-font-color, var(--t-btn-primary-disabled-font-color, var(--comp-btn-primary-font-color)));box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--t-btn-primary-disabled-box-shadow, var(--comp-btn-primary-box-shadow)))}:host([color=secondary]) button,:host([intent=workflow-secondary]) button{background:var(--comp-btn-secondary-bg);color:var(--comp-btn-secondary-font-color, var(--tct-btn-secondary-font-color, var(--t-btn-secondary-font-color, var(--tct-white, var(--app-white, #ffffff)))));border-color:var(--tct-btn-secondary-border-color, var(--t-btn-secondary-border-color, transparent));border-width:var(--tct-btn-secondary-border-width, var(--t-btn-secondary-border-width, 0));border-radius:var(--tct-btn-secondary-border-radius, var(--t-btn-secondary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));box-shadow:var(--comp-btn-secondary-box-shadow);font-weight:var(--tct-btn-secondary-font-weight, var(--t-btn-secondary-font-weight, 600));text-transform:var(--tct-btn-secondary-text-transform, var(--t-btn-secondary-text-transform, none));letter-spacing:var(--tct-btn-secondary-letter-spacing, var(--t-btn-secondary-letter-spacing, normal))}:host([color=secondary]) button:enabled:hover,:host([color=secondary]) button:enabled:focus,:host([color=secondary]) button:enabled:active,:host([intent=workflow-secondary]) button:enabled:hover,:host([intent=workflow-secondary]) button:enabled:focus,:host([intent=workflow-secondary]) button:enabled:active{background:var(--tct-btn-secondary-hover-bg, var(--t-btn-secondary-hover-bg, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-secondary-hover-font-color, var(--t-btn-secondary-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #ffffff)))));border-color:var(--tct-btn-secondary-hover-border-color, var(--t-btn-secondary-hover-border-color, var(--tct-btn-secondary-border-color, var(--t-btn-secondary-border-color, transparent))))}:host([color=secondary]) button:hover:enabled,:host([color=secondary]) button:active:enabled,:host([intent=workflow-secondary]) button:hover:enabled,:host([intent=workflow-secondary]) button:active:enabled{box-shadow:var(--comp-btn-secondary-hover-box-shadow)}:host([color=secondary]) button:focus,:host([color=secondary]) button:focus:hover:enabled,:host([color=secondary]) button:focus:active:enabled,:host([intent=workflow-secondary]) button:focus,:host([intent=workflow-secondary]) button:focus:hover:enabled,:host([intent=workflow-secondary]) button:focus:active:enabled{box-shadow:var(--const-double-focus-ring), var(--comp-btn-secondary-hover-box-shadow)}:host([color=secondary]) button:disabled,:host([intent=workflow-secondary]) button:disabled{background:var(--tct-btn-secondary-disabled-bg, var(--t-btn-secondary-disabled-bg, var(--comp-btn-secondary-bg)));color:var(--tct-btn-secondary-disabled-font-color, var(--t-btn-secondary-disabled-font-color, var(--comp-btn-secondary-font-color)));box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--t-btn-secondary-disabled-box-shadow, var(--comp-btn-secondary-box-shadow)))}:host([intent=neutral]) button{background:var(--comp-btn-neutral-bg, var(--tct-btn-neutral-bg, var(--t-btn-neutral-bg, transparent)));color:var(--comp-btn-neutral-font-color, var(--tct-btn-neutral-font-color, var(--t-btn-neutral-font-color, var(--tct-gray-1, var(--t-gray-1, var(--tct-black, var(--app-black, #0d0d0d)))))));border-color:var(--tct-btn-neutral-border-color, var(--t-btn-neutral-border-color, transparent));border-width:var(--tct-btn-neutral-border-width, var(--t-btn-neutral-border-width, 0));border-radius:var(--tct-btn-neutral-border-radius, var(--t-btn-neutral-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));box-shadow:var(--comp-btn-neutral-box-shadow);font-weight:var(--tct-btn-neutral-font-weight, var(--t-btn-neutral-font-weight, 600));text-transform:var(--tct-btn-neutral-text-transform, var(--t-btn-neutral-text-transform, none));letter-spacing:var(--tct-btn-neutral-letter-spacing, var(--t-btn-neutral-letter-spacing, normal))}:host([intent=neutral]) button:enabled:hover,:host([intent=neutral]) button:enabled:focus,:host([intent=neutral]) button:enabled:active{background:var(--tct-btn-neutral-hover-bg, var(--t-btn-neutral-hover-bg, transparent));color:var(--tct-btn-neutral-hover-font-color, var(--t-btn-neutral-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-neutral-hover-border-color, var(--t-btn-neutral-hover-border-color, var(--tct-btn-neutral-border-color, var(--t-btn-neutral-border-color, transparent))))}:host([intent=neutral]) button:hover:enabled,:host([intent=neutral]) button:active:enabled{box-shadow:var(--comp-btn-neutral-hover-box-shadow)}:host([intent=neutral]) button:focus,:host([intent=neutral]) button:focus:hover:enabled,:host([intent=neutral]) button:focus:active:enabled{box-shadow:var(--const-double-focus-ring), var(--comp-btn-neutral-hover-box-shadow)}:host([intent=neutral]) button:disabled{background:var(--tct-btn-neutral-disabled-bg, var(--t-btn-neutral-disabled-bg, var(--comp-btn-neutral-bg)));color:var(--tct-btn-neutral-disabled-font-color, var(--t-btn-neutral-disabled-font-color, var(--comp-btn-neutral-font-color)));box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--comp-btn-neutral-box-shadow))}:host button.icon-only{width:var(--tct-btn-icon-width, var(--t-btn-icon-width, 44px));height:var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px));border-radius:var(--tct-btn-icon-border-radius, var(--t-btn-icon-border-radius, 0))}:host button.icon-only:hover,:host button.icon-only:focus{background-color:var(--tct-btn-icon-hover-bg, var(--t-btn-icon-hover-bg, var(--tct-gray-13, var(--t-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))}:host(:not([intent])[active]) button.icon-only{background-color:var(--tct-btn-icon-active-bg, var(--t-btn-icon-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))}:host(:not([intent])) button.icon-only:hover *,:host(:not([intent])) button.icon-only:focus *,:host(:not([intent])[active]) button.icon-only *{color:var(--tct-btn-icon-hover-color, var(--t-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color, #080808))))}:host([badge]) button{padding:var(--tct-btn-badge-padding, var(--t-btn-badge-padding, 2px 5px));font-size:var(--tct-btn-badge-font-size, var(--t-btn-badge-font-size, var(--tct-btn-font-size, var(--t-btn-font-size, inherit))));border-radius:var(--tct-btn-badge-border-radius, var(--t-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));background-color:var(--tct-btn-badge-bg, var(--t-btn-badge-bg, transparent));color:var(--tct-btn-badge-font-color, var(--t-btn-badge-font-color, inherit))}:host([badge]) button ::slotted(q2-icon){--tct-icon-size:1em}:host([badge]:hover) button:enabled{background-color:var(--tct-btn-badge-hover-bg, var(--t-btn-badge-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));color:var(--tct-btn-badge-hover-font-color, var(--t-btn-badge-hover-font-color, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))))}:host(.selected[badge]) button,:host([active][badge]) button{background-color:var(--tct-btn-badge-active-bg, var(--t-btn-badge-active-bg, var(--comp-btn-primary-bg)));color:var(--tct-btn-badge-active-font-color, var(--t-btn-badge-active-font-color, var(--comp-btn-primary-font-color)))}div{display:flex;align-items:center;justify-content:center;gap:var(--app-scale-1x, 5px)}:host([loading]) .icon-right div{flex-direction:row-reverse}q2-loading{--tct-loading-primary-color:currentColor;--tct-loading-secondary-color:currentColor;--tct-loading-spinner-size:24px}:host([loading]) ::slotted(q2-icon){display:none}:host([loading]) button{pointer-events:none}:host([block]) button,:host([block]) button.icon-only{display:block;width:100%}';const b=class{constructor(r){t(this,r),this.halfCircleSpinner=()=>o("div",{class:"q2-loading-animation half-circle-spinner","aria-label":this.localizedLabel},o("div",{class:"circle circle-1"}),o("div",{class:"circle circle-2"})),this.spinner=()=>this.halfCircleSpinner(),this.skeletonLoader=()=>o("div",{class:"q2-loading-skeleton","aria-label":this.localizedLabel},"custom"===this.shape?o("slot",null):this.skeletonShape,o("div",{class:"q2-loading-skeleton-shimmer"})),this.type=void 0,this.shape=void 0,this.modifiers=void 0,this.counts=void 0,this.label=void 0,this.ariaLabel=void 0,this.inline=void 0}get loader(){const t={default:this.spinner,spinner:this.spinner,skeleton:this.skeletonLoader};return t[this.type]||t.default}get modifiersSet(){if("skeleton"===this.type&&this.modifiers)return new Set(this.modifiers.split("-"))}get countsArray(){if("skeleton"===this.type&&this.counts)return this.counts.split("x").map(Number)}get skeletonShape(){var t,o;return null!==(o=null===(t=l[this.shape])||void 0===t?void 0:t.call(l,this.countsArray,this.modifiersSet))&&void 0!==o?o:""}get spinnerShape(){const t={default:this.halfCircleSpinner,"half-circle":this.halfCircleSpinner};return t[this.type]||t.default}get localizedLabel(){return s(this.label||"tecton.element.loading.ariaLabel")}componentWillLoad(){a(this)}ariaLabelObserver(){a(this)}render(){return this.loader()}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};b.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.flex{display:flex}.flex-center{justify-content:center}.flex-left{justify-content:flex-start}.flex-right{justify-content:flex-end}.flex-v-center{align-items:center}.no-margin{margin:0}:host{display:block}:host([inline]),:host([modifiers*=inline]){display:inline-block}:host([hidden]){display:none}:host(:not([inline]):not([modifiers*=inline])){font-size:var(--tct-loading-spinner-size, var(--t-loading-spinner-size, var(--app-scale-12x, 60px)))}.q2-loading-animation{height:1em;width:1em}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{border-radius:100%;position:relative}.half-circle-spinner .circle{position:absolute;width:100%;height:100%;border-radius:100%;border:0.0833333333em solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--tct-loading-primary-color, var(--t-loading-primary-color, var(--t-primary, #0079c1)));animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(--tct-loading-secondary-color, var(--t-loading-secondary-color, #9ddd4f));animation:half-circle-spinner-animation 1s infinite alternate}@keyframes half-circle-spinner-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.q2-loading-skeleton{position:relative;width:100%;height:100%;overflow:hidden;--comp-loading-skeleton-shimmer-color:var(--tct-loading-skeleton-shimmer-color, var(--t-base, rgba(255, 255, 255, 0.5)));--comp-loading-skeleton-vertical-gap:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px));--comp-loading-skeleton-horizontal-gap:var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.q2-loading-skeleton-shimmer{position:absolute;width:1rem;height:100%;top:0;left:-100px;animation:skeletonShimmer 3s ease-in-out infinite;background-color:var(--comp-loading-skeleton-shimmer-color);box-shadow:0 0 25px 20px var(--comp-loading-skeleton-shimmer-color);transform:rotate(10deg)}.skeleton-shape.rectangle:not(.no-margin){margin:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px)) var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background-color:var(--tct-loading-skeleton-element-bg, var(--tct-gray-l3, var(--t-gray-14, #f2f2f2)))}.skeleton-shape.rectangle{min-height:var(--tct-loading-skeleton-rectangle-min-height, 20px)}.skeleton-shape.circle{border-radius:50%;padding-top:100%}.flex .rectangle{flex-grow:1}.skeleton-table-row .rectangle{margin:var(--comp-loading-skeleton-vertical-gap) var(--comp-loading-skeleton-horizontal-gap)}.skeleton-table-row .rectangle:not(:first-child):not(:last-child){flex-grow:2}.skeleton-table-row-border .skeleton-shape{margin:0 var(--comp-loading-skeleton-horizontal-gap)}.form{flex-wrap:wrap}.form .field{margin:var(--comp-loading-skeleton-vertical-gap) 0}.form.columns-1 .field{flex-basis:100%}.form.columns-2 .field{flex-basis:50%}.form.columns-3 .field{flex-basis:33.3333%}.form.columns-4 .field{flex-basis:25%}.form.columns-5 .field{flex-basis:20%}.text .rectangle{margin-bottom:0}.text .header.center{margin:0 auto}.text .header.right{margin-left:auto}.text .header{height:1.5rem}.text .header.smaller{height:1rem}.detailed-item{flex-wrap:wrap}.detailed-item.right{flex-flow:row-reverse}.detailed-item-image{flex:0 0 auto;display:inline-flex}.center .detailed-item-image{flex-basis:100%;display:flex}.detailed-item-image .rectangle{flex-grow:0}.detailed-item-text>div{width:100%}.detailed-item-text{flex:1 1 auto}.detailed-item-text .text{margin-top:0;margin-bottom:0}.label-value{flex-wrap:wrap}.label-value .rectangle{flex-basis:calc(50% - 2 * var(--comp-loading-skeleton-horizontal-gap))}@keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}";export{c as q2_btn,b as q2_loading}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,g as s}from"./p-926a3e80.js";import{c as o,s as l,h,o as n,l as a,b as r,i as c,r as d}from"./p-a510290a.js";const p=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.input=e(this,"input",7),this.scheduledAfterRender=[],this.keyStore={queue:[],lastPressedAt:new Date},this.guid=o(),this.onMutationObserved=()=>{const t=this.hostElement.querySelector(".custom-display-content"),e=this.hostElement.shadowRoot.querySelector('slot[name="q2-select-display"]'),i=e?e.assignedNodes().length>0:t.children.length>0;if(this.hasCustomDisplay!==i&&(this.hasCustomDisplay=i),this.multiple)return void this.updateMultipleOptionAttrs();this.updateSingleOptionAttrs();const s=this.optionElements[this.activeIndex];s&&s.id===this.activeOptionId||(this.activeIndex=this.getDefaultActiveIndex(),this.setActiveOption())},this.searchAndFocus=t=>{(()=>{const e=new Date;e.getTime()-this.keyStore.lastPressedAt.getTime()>1e3&&(this.keyStore.queue=[]),1===this.keyStore.queue.length&&this.keyStore.queue[0]===t||this.keyStore.queue.push(t),this.keyStore.lastPressedAt=e})();const e=(t=>t.find((t=>!t.element.disabled&&t.element.display&&t.element.display.replace(/\s/g,"").match(new RegExp(`^${this.keyStore.queue.join("")}`,"i")))))((()=>{this.pivotIndex=void 0===this.pivotIndex?0:(this.activeIndex||0)+1;const t=this.optionElements.map(((t,e)=>({element:t,index:e})));return[...t.slice(this.pivotIndex),...t.slice(0,this.pivotIndex)]})());e&&(({element:t,index:e})=>{this.dropdownOpen||this.multiple?this.openDropdownWithActiveElement(e):(this.activeIndex=e,this.change.emit({value:t.value}))})(e)},this.dropdownFocusoutHandler=t=>{const{relatedTarget:e}=t,i=this.dropdownContainer.contains(e),s=!i&&this.hostElement.contains(e);i||s||this.dropdownOpen&&this.closeDropdown()},this.dropdownKeydownHandler=t=>{t.stopPropagation();const{activeIndex:e,searchable:i,optionElements:s,multiSelectHeader:o}=this,{key:l,shiftKey:h}=t;if(!(this.readonly||o&&o.contains(t.target)&&[" ","Enter"].includes(l)))switch(l){case" ":case"Enter":t.preventDefault();const o=this.hostElement.querySelector(`[option-id="${this.activeOptionId}"]`);if(!o||o.disabled)break;this.selectOption(o,!0);break;case"ArrowUp":if(t.preventDefault(),0===e)break;if(void 0!==e){const t=this.getNextVisibleIndex(-1);if(-1===t)break;this.adjustActiveOptionAndScroll(t-e)}else this.setDefaultActiveElement();break;case"ArrowDown":if(t.preventDefault(),e===s.length-1)break;if(void 0!==e){const t=this.getNextVisibleIndex(1);if(-1===t)break;this.adjustActiveOptionAndScroll(t-e)}else this.setDefaultActiveElement();break;case"Home":t.preventDefault(),this.openDropdownWithActiveElement(0);break;case"End":t.preventDefault(),this.openDropdownWithActiveElement(s.length-1);break;case"PageUp":t.preventDefault(),this.openDropdownWithActiveElement(Math.max(e-10,0));break;case"PageDown":t.preventDefault(),this.openDropdownWithActiveElement(Math.min(e+10,s.length-1));break;case"Tab":if(h)break;const n=this.hostElement.querySelector(`[option-id="${this.activeOptionId}"]`);if(!n||n.disabled)return;if(n.selected)return;this.selectOption(n);break;case"Esc":case"Escape":this.closeDropdown(),this.focusInput();break;default:if(i)break;if(!l.match(/^[A-Za-z0-9]$/))break;this.searchAndFocus(l)}},this.inputKeydownHandler=t=>{t.stopPropagation();const{key:e}=t,{optionElements:i,searchable:s}=this;switch(e){case"ArrowDown":t.preventDefault(),this.openDropdownWithActiveElement(this.getDefaultActiveIndex());break;case"ArrowUp":t.preventDefault(),this.openDropdownWithActiveElement(this.getLastEnabledIndex()),this.setFocusedOption();break;case"Home":t.preventDefault(),this.openDropdownWithActiveElement(0);break;case"End":t.preventDefault(),this.openDropdownWithActiveElement(i.length-1);break;case"Escape":case"Esc":case"Tab":this.closeDropdown();break;default:if(!e.match(/^[A-Za-z0-9]$/))break;if(s){this.openDropdownWithoutActiveElement();break}this.searchAndFocus(e)}},this.inputClickHandler=t=>{t.stopPropagation(),l(this),this.toggleDropdown(),this.focusInput()},this.inputInputHandler=t=>{t.stopPropagation();const e=t.detail.value;!!this.value&&this.inputField.value!==e&&this.selectOption(null),this.dropdownOpen||this.openDropdownWithoutActiveElement(),this.prioritizeSearch=!0,this.searchText=e,this.input.emit({query:e})},this.inputFocusHandler=()=>{this.inputFocused=!0},this.inputBlurHandler=()=>{this.inputFocused=!1},this.inputChangeHandler=t=>{t.stopPropagation()},this.clickedElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.dropdownOpen&&this.closeDropdown())},this.onCustomDisplayClick=t=>{t.stopPropagation(),this.focusInput(),this.toggleDropdown()},this.showSelectedOptions=t=>{t.stopImmediatePropagation(),this.onlyShowingSelected=!0,this.optionElements.forEach((t=>{t._multiSelectHidden=!t.selected}))},this.showAllOptions=t=>{t.stopPropagation(),this.onlyShowingSelected=!1,this.optionElements.forEach((t=>{t._multiSelectHidden=!1}))},this.label=void 0,this.hideLabel=void 0,this.value=void 0,this.ariaLabel=void 0,this.selectedOptions=[],this.disabled=!1,this.readonly=!1,this.invalid=void 0,this.errors=void 0,this.multiple=!1,this.minRows=3,this.popDirection=void 0,this.searchable=!1,this.multilineOptions=!1,this.optional=!1,this.placeholder=void 0,this.dropdownOpen=!1,this.onlyShowingSelected=!1,this.activeOptionId=void 0,this.searchText="",this.hasCustomDisplay=!1,this.inputFocused=!1,this.statusMessage=void 0,this.prioritizeSearch=!1}componentWillLoad(){h(this)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0,subtree:!0}),this.mutationObserver=t,this.onMutationObserved(),n(this.hostElement),setTimeout((()=>this.checkSelectedDisplay()),0)}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}),25)}disconnectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.disconnect(),this.mutationObserver=null}get isComponentFocused(){return document.activeElement===this.hostElement||!!this.hostElement.querySelector(":focus")}get isSearchMode(){return this.searchable&&this.inputFocused||this.searchText}get badgeValue(){if(!this.multiple)return;const t=this.selectedOptions.length;return this.dropdownOpen&&this.searchable?t||null:t>1?"+"+(t-1):null}get minPopHeight(){const{minRows:t}=this,e=this.hostElement.querySelector("q2-option:not([hidden])"),i=e?window.getComputedStyle(e).minHeight:"44px";return t*parseInt(i)}get selectedDisplay(){return this.prioritizeSearch||this.searchText?this.searchText:this.hasCustomDisplay?"":this.multiple?this.calculateMultiSelectSelectedDisplay():this.calculateSingleSelectSelectedDisplay()}get selectedDisplaySlot(){return this.hostElement.querySelector('[slot="_selected-display"]')}get firstSelectedValue(){var t,e;return this.multiple?null!==(e=null===(t=this.selectedOptions)||void 0===t?void 0:t[0])&&void 0!==e?e:null:this.value}get firstSelectedOptionElement(){const{firstSelectedValue:t}=this;return t?this.optionElements.find((({value:e})=>e===t)):null}get optionElements(){return Array.from(this.hostElement.querySelectorAll("q2-option"))}get visibleOptionElements(){return Array.from(this.hostElement.querySelectorAll("q2-option:not([_multiselecthidden])"))}get wrapperClasses(){const{errors:t}=this,e=["q2-select-container"];return this.dropdownOpen&&e.push("dropdown-open"),Array.isArray(t)&&t.length>0&&e.push("has-error"),this.inputFocused&&e.push("is-focused"),this.searchable&&e.push("is-searchable"),e.join(" ")}ariaLabelObserver(){h(this)}valueUpdated(){this.multiple||this.updateSingleOptionAttrs()}selectedOptionsUpdated(){this.multiple&&this.updateMultipleOptionAttrs()}multilineOptionsChanged(t,e){t!==e&&this.optionElements.forEach((e=>e.multiline=t))}dropdownOpenChanged(t){this.scheduledAfterRender.push((()=>{const{multiple:e,multiSelectHeader:i,dropdownContainer:s}=this,o=t&&e&&(null==i?void 0:i.offsetHeight)||0;o?s.style.setProperty("--comp-multi-select-header-height",`${o}px`):s.style.removeProperty("--comp-multi-select-header-height")}))}keydownHandler(t){this.inputKeydownHandler(t)}onHostElementChange(t){this.readonly||t.target!==this.hostElement||this.hostElement.onchange||(this.multiple?this.selectedOptions=t.detail.selectedOptions:this.value=t.detail.value)}onHostElementInput(t){if(!this.searchable||t.target!==this.hostElement||this.hostElement.oninput)return;const e=this.optionElements,i=this.searchText.trim().toLocaleLowerCase();let s=0;e.forEach((t=>{var e;if(""===i)return void(t.hidden=!1);const o="Q2-CARD"===(null===(e=t.firstElementChild)||void 0===e?void 0:e.tagName)?t.firstElementChild.title:null,{display:l="",innerText:h=""}=t,n=[l,o,h].some((t=>{var e;return null!==(e=null==t?void 0:t.toLocaleLowerCase().includes(i))&&void 0!==e&&e}));t.hidden=!n,n&&s++})),this.setStatusMessage(a(i?"tecton.element.select.searchable.results":"tecton.element.select.allOptions",[i?s:e.length]))}delegateFocus(t){const e=r(t,this.hostElement);(this.prioritizeSearch=e&&this.searchable)?this.clearSelectedDisplay():c(t,this.hostElement)&&this.inputField.shadowRoot.querySelector(".input-field").focus()}handleFocusout(t){this.prioritizeSearch=!r(t,this.hostElement)&&this.searchable}clickHandler(t){const e=t.target.closest("q2-option");!e||e.hasAttribute("disabled")&&"false"!==e.getAttribute("disabled")||this.selectOption(e,!0)}getDefaultActiveIndex(){const t=this.optionElements.findIndex((t=>t.selected&&!t.hidden));if(t>-1)return t;const e=this.optionElements.findIndex((t=>!t.hidden));return e>-1?e:0}getLastEnabledIndex(){const t=this.optionElements.reduce(((t,e,i)=>(e.hidden||e.disabled||t.push(i),t)),[]);return t[t.length-1]}setActiveOption(){if(!this.dropdownOpen)return;const t=this.activeIndex;this.optionElements.forEach(((e,i)=>{t===i?(e.active=!0,this.activeOptionId=e.optionId):e.active=!1}))}setFocusedOption(){const t=this.optionElements[this.activeIndex];t&&(t.dispatchEvent(new FocusEvent("focus")),t.focus())}calculateMultiSelectSelectedDisplay(){var t;const{firstSelectedOptionElement:e,firstSelectedValue:i,multilineOptions:s}=this;return i?(null==e?void 0:e.display)?a(e.display):s&&this.searchable?this.searchText:s?"":null!==(t=null==e?void 0:e.value)&&void 0!==t?t:i:""}calculateSingleSelectSelectedDisplay(){const{firstSelectedOptionElement:t}=this;return(null==t?void 0:t.display)&&a(t.display)||this.value||""}updateSingleOptionAttrs(){const{value:t,guid:e,multilineOptions:i}=this;this.optionElements.forEach(((s,o)=>{s.selected=s.value===t,s.optionId=`q2-select-${e}-option-${o}`,s.multiline=i}))}updateMultipleOptionAttrs(){0===this.selectedOptions.length&&(this.onlyShowingSelected=!1);const{selectedOptions:t,onlyShowingSelected:e,guid:i,multilineOptions:s}=this;this.optionElements.forEach(((o,l)=>{o.selected=t.includes(o.value),o._multiSelectHidden=!!e&&!o.selected,o.optionId=`q2-select-${i}-option-${l}`,o.multiline=s}))}focusSelectedSibling(t){if(!this.onlyShowingSelected)return;const{visibleOptionElements:e}=this;if(e.length<2)return;const i=e.indexOf(t),s=this.optionElements.indexOf(e[i?i-1:i+1]);this.activeIndex=s,this.setFocusedOption()}selectOption(t,e=!1){var i;const s=null!==(i=null==t?void 0:t.value)&&void 0!==i?i:"";this.multiple?this.selectedOptions.includes(s)?(this.focusSelectedSibling(t),this.change.emit({selectedOptions:this.selectedOptions.filter((t=>t!==s))})):s&&this.change.emit({selectedOptions:[...this.selectedOptions,s]}):(this.change.emit({value:s}),this.closeDropdown(),e&&this.focusInput())}scrollToActiveOption(){const t=this.optionElements[this.activeIndex];null==t||t.scrollIntoView({block:"nearest"})}openDropdownWithoutActiveElement(){this.readonly||(this.activeIndex=void 0,this.setActiveOption(),this.dropdownOpen=!0,this.scheduledAfterRender.push(d))}openDropdownWithActiveElement(t){this.readonly||(this.activeIndex=t,this.dropdownOpen=!0,this.setActiveOption(),this.scheduledAfterRender.push((()=>{this.setFocusedOption(),this.scrollToActiveOption(),d()})))}closeDropdown(){this.dropdownOpen=!1,this.searchText&&(this.searchText="",this.input.emit({query:""})),this.scheduledAfterRender.push(d)}toggleDropdown(){this.disabled||(this.dropdownOpen&&!this.searchText?this.closeDropdown():this.openDropdownWithoutActiveElement())}adjustActiveOptionAndScroll(t){this.activeIndex+=t,this.setActiveOption(),this.setFocusedOption(),this.scrollToActiveOption()}setDefaultActiveElement(){this.activeIndex=this.getDefaultActiveIndex(),this.setActiveOption(),this.setFocusedOption()}focusInput(){var t;null===(t=this.inputField)||void 0===t||t.dispatchEvent(new FocusEvent("focus"))}getNextVisibleIndex(t){let e=this.activeIndex+t;const{optionElements:i}=this;for(;e>=0&&e<=i.length-1;){const{display:s,visibility:o}=window.getComputedStyle(i[e]);if("none"!==s&&"hidden"!==o)return e;e+=t}return-1}setStatusMessage(t){clearTimeout(this.statusMessageTimer),this.statusMessage="",this.statusMessageTimer=setTimeout((()=>{this.statusMessage=t}),1e3)}clearSelectedDisplay(){var t;null===(t=this.selectedDisplaySlot)||void 0===t||t.remove()}checkSelectedDisplay(){let t=this.selectedDisplaySlot;const{value:e,multiple:i,selectedOptions:s,multilineOptions:o,firstSelectedOptionElement:l,prioritizeSearch:h}=this;if(h||!o||!e&&i&&!s.length)return this.clearSelectedDisplay();if(!l||l.display)return this.clearSelectedDisplay();const n=l.firstElementChild.cloneNode(!0);return n.querySelectorAll("[hide-on-select]").forEach((t=>t.remove())),t?(t.style.setProperty("--comp-selected-display-height",0===t.clientHeight?"auto":`${t.clientHeight}px`),t.firstElementChild.outerHTML!==n.outerHTML&&t.replaceChild(n,t.firstElementChild)):(t=document.createElement("div"),t.slot="_selected-display",t.appendChild(n),this.hostElement.appendChild(t)),t}checkSelectedDisplayHeight(){const{selectedDisplaySlot:t}=this;t&&t.style.setProperty("--comp-selected-display-height","44px")}renderCustomDisplay(){if(this.checkSelectedDisplay())return this.checkSelectedDisplayHeight(),i("slot",{name:"_selected-display",slot:"custom-display"})}render(){const t=!this.searchable;return i("click-elsewhere",{class:this.wrapperClasses,onChange:this.clickedElsewhere},i("div",{"aria-live":"polite","aria-atomic":"true",role:"status",class:"sr"},this.statusMessage),i("q2-input",{ref:t=>this.inputField=t,class:"q2-select-input",label:this.label&&a(this.label)||"",value:this.selectedDisplay,errors:Array.isArray(this.errors)&&this.errors.length>0&&this.errors.map((t=>a(t)))||this.invalid&&["tecton.element.select.invalid"]||[],disabled:this.disabled,optional:this.optional,readonly:this.readonly,placeholder:this.placeholder||void 0,hideLabel:this.hideLabel,ariaExpanded:`${!!this.dropdownOpen}`,ariaOwns:"dropdown",ariaHaspopup:"listbox",role:this.searchable?"combobox":null,pseudo:t,"test-id":"toggleDropdown","hide-messages":!0,iconRight:"chevron-down",onClick:this.inputClickHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeydownHandler,onFocus:this.inputFocusHandler,onBlur:this.inputBlurHandler,onChange:this.inputChangeHandler,badgeValue:this.badgeValue,badgeTheme:this.isComponentFocused?"primary":void 0},this.renderCustomDisplay()),i("div",{class:"custom-display-content",hidden:!this.hasCustomDisplay||!!this.searchText,onClick:this.onCustomDisplayClick},i("slot",{name:"q2-select-display"})),this.optionsDropdown())}optionsDropdown(){return i("div",{class:"q2-select-dropdown q2-element-dropdown "+("up"===this.privatePopDirection?"dropup":""),ref:t=>this.dropdownContainer=t,onKeyDown:this.dropdownKeydownHandler,onFocusout:this.dropdownFocusoutHandler},this.multiple?this.visibilityToggle():"",i("div",{class:"q2-select-options",id:"dropdown",role:"listbox"},i("slot",null)))}visibilityToggle(){const t=this.selectedOptions.length;return i("div",{class:"multi-select-header",ref:t=>this.multiSelectHeader=t},a("tecton.element.select.multiHeader.showing"),i("q2-btn",{class:"show-all-options"+(this.onlyShowingSelected?"":" selected"),badge:!0,"aria-selected":!this.onlyShowingSelected||void 0,"test-id":"allOptionsButton",onClick:this.showAllOptions,label:a("tecton.element.select.multiHeader.allAriaLabel"),"hide-label":!0},a("tecton.element.select.multiHeader.all")),i("q2-btn",{class:"show-selected-options"+(this.onlyShowingSelected?" selected":""),"aria-selected":this.onlyShowingSelected||void 0,disabled:0===this.selectedOptions.length,badge:!0,"test-id":"selectedOptionsButton",onClick:this.showSelectedOptions,label:a("tecton.element.select.multiHeader.selectedAriaLabel",[t]),"hide-label":!0},a("tecton.element.select.multiHeader.selected",[t])))}get hostElement(){return s(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],value:["valueUpdated"],selectedOptions:["selectedOptionsUpdated"],multilineOptions:["multilineOptionsChanged"],dropdownOpen:["dropdownOpenChanged"]}}};p.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white, #ffffff);color:var(--t-text, #4d4d4d);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3));height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-dropdown-border-radius, --t-dropdown-border-radius, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host([block]) q2-btn,:host([block]){display:block}:host{display:block;margin-top:var(--tct-select-margin-top, var(--app-scale-4, 30px));margin-bottom:var(--tct-select-margin-bottom, var(--app-scale-4, 30px))}.q2-select-container{position:relative;display:block}.q2-select-input{margin:0;--tct-input-min-height:var(--tct-select-input-min-height, var(--t-select-input-min-height));--tct-input-max-height:var(--tct-select-input-max-height, var(--t-select-input-max-height, 100px))}::slotted([slot=_selected-display]){width:100%;min-height:var(--comp-selected-display-height, 44px)}.custom-display-content{position:absolute;bottom:0;left:calc(var(--tct-scale-2, var(--app-scale-2x, 10px)) + 1px);height:44px;width:calc(100% - 34px - var(--tct-scale-3, var(--app-scale-3x, 15px)));overflow:hidden;cursor:pointer;transition:left var(--tct-tween-2, var(--app-tween-1, 0.2s ease))}.custom-display-content:not([hidden]){display:flex;align-items:center}.is-searchable.is-focused .custom-display-content,.is-searchable .custom-display-content:active{left:calc(var(--tct-scale-3, var(--app-scale-3x, 15px)) + 1px)}.has-error .custom-display-content{width:calc(100% - 68px - var(--tct-scale-3, var(--app-scale-3x, 15px)))}.dropdown-open .q2-select-dropdown{overflow-y:auto;max-height:300px}.multi-select-header{padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) var(--tct-scale-2, var(--app-scale-2x, 10px));position:sticky;top:0;z-index:5;background:var(--app-white)}.show-all-options{margin-right:var(--tct-scale-1, var(--app-scale-1x, 5px));margin-left:var(--tct-scale-2, var(--app-scale-2x, 10px))}.q2-element-dropdown.dropup{bottom:var(--comp-dropup-offset)}";export{p as q2_select}
|
|
@@ -1 +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-a510290a.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}
|
|
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-a510290a.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;text-align:initial}.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}
|