@circutor/charts 0.1.0 → 0.3.0

package/dist/esm/itic-chart.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index--cwjvYaF.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-BPCJmLvQ.js';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -719,7 +719,7 @@ function disableUserSelect(dom) {
     domStyle.webkitTapHighlightColor = 'rgba(0,0,0,0)';
     domStyle['-webkit-touch-callout'] = 'none';
 }
-function hasOwn(own, prop) {
+function hasOwn$1(own, prop) {
     return own.hasOwnProperty(prop);
 }
 function noop() { }
@@ -14808,7 +14808,7 @@ function setTooltipConfig(opt) {
   var formatterParamsExtra = opt.formatterParamsExtra;
   if (formatterParamsExtra) {
     each$4(keys(formatterParamsExtra), function (key) {
-      if (!hasOwn(formatterParams, key)) {
+      if (!hasOwn$1(formatterParams, key)) {
         formatterParams[key] = formatterParamsExtra[key];
         formatterParams.$vars.push(key);
       }
@@ -16138,12 +16138,12 @@ var langZH = {
 
 var LOCALE_ZH = 'ZH';
 var LOCALE_EN = 'EN';
-var DEFAULT_LOCALE = LOCALE_EN;
+var DEFAULT_LOCALE$1 = LOCALE_EN;
 var localeStorage = {};
 var localeModels = {};
-var SYSTEM_LANG = !env.domSupported ? DEFAULT_LOCALE : function () {
-  var langStr = (document.documentElement.lang || navigator.language || navigator.browserLanguage || DEFAULT_LOCALE).toUpperCase();
-  return langStr.indexOf(LOCALE_ZH) > -1 ? LOCALE_ZH : DEFAULT_LOCALE;
+var SYSTEM_LANG = !env.domSupported ? DEFAULT_LOCALE$1 : function () {
+  var langStr = (document.documentElement.lang || navigator.language || navigator.browserLanguage || DEFAULT_LOCALE$1).toUpperCase();
+  return langStr.indexOf(LOCALE_ZH) > -1 ? LOCALE_ZH : DEFAULT_LOCALE$1;
 }();
 function registerLocale(locale, localeObj) {
   locale = locale.toUpperCase();
@@ -16159,17 +16159,17 @@ function createLocaleObject(locale) {
     if (locale === LOCALE_ZH || locale === LOCALE_EN) {
       return clone$2(localeObj);
     } else {
-      return merge(clone$2(localeObj), clone$2(localeStorage[DEFAULT_LOCALE]), false);
+      return merge(clone$2(localeObj), clone$2(localeStorage[DEFAULT_LOCALE$1]), false);
     }
   } else {
-    return merge(clone$2(locale), clone$2(localeStorage[DEFAULT_LOCALE]), false);
+    return merge(clone$2(locale), clone$2(localeStorage[DEFAULT_LOCALE$1]), false);
   }
 }
 function getLocaleModel(lang) {
   return localeModels[lang];
 }
 function getDefaultLocaleModel() {
-  return localeModels[DEFAULT_LOCALE];
+  return localeModels[DEFAULT_LOCALE$1];
 }
 // Default locale
 registerLocale(LOCALE_EN, langEN);
@@ -17205,7 +17205,7 @@ function mergeLayoutParam(targetOption, newOption, opt) {
     each$3(names, function (name) {
       // Consider case: newOption.width is null, which is
       // set by user for removing width setting.
-      hasOwn(newOption, name) && (newParams[name] = merged[name] = newOption[name]);
+      hasOwn$1(newOption, name) && (newParams[name] = merged[name] = newOption[name]);
       hasValue(newParams, name) && newValueCount++;
       hasValue(merged, name) && mergedValueCount++;
     });
@@ -17234,7 +17234,7 @@ function mergeLayoutParam(targetOption, newOption, opt) {
       // Chose another param from targetOption by priority.
       for (var i = 0; i < names.length; i++) {
         var name_1 = names[i];
-        if (!hasOwn(newParams, name_1) && hasOwn(targetOption, name_1)) {
+        if (!hasOwn$1(newParams, name_1) && hasOwn$1(targetOption, name_1)) {
           newParams[name_1] = targetOption[name_1];
           break;
         }
@@ -17264,7 +17264,7 @@ function getLayoutParams(source) {
  */
 function copyLayoutParams(target, source) {
   source && target && each$3(LOCATION_PARAMS, function (name) {
-    hasOwn(source, name) && (target[name] = source[name]);
+    hasOwn$1(source, name) && (target[name] = source[name]);
   });
   return target;
 }
@@ -18831,13 +18831,13 @@ function applyMediaQuery(query, ecWidth, ecHeight) {
     }
     var operator = matched[1];
     var realAttr = matched[2].toLowerCase();
-    if (!compare(realMap[realAttr], value, operator)) {
+    if (!compare$1(realMap[realAttr], value, operator)) {
       applicable = false;
     }
   });
   return applicable;
 }
-function compare(real, expect, operator) {
+function compare$1(real, expect, operator) {
   if (operator === 'min') {
     return real >= expect;
   } else if (operator === 'max') {
@@ -19485,7 +19485,7 @@ function detectSourceFormat(data) {
     }
   } else if (isObject$2(data)) {
     for (var key in data) {
-      if (hasOwn(data, key) && isArrayLike(data[key])) {
+      if (hasOwn$1(data, key) && isArrayLike(data[key])) {
         sourceFormat = SOURCE_FORMAT_KEYED_COLUMNS;
         break;
       }
@@ -20597,7 +20597,7 @@ function createExternalSource(internalSource, externalTransform) {
         // For simplicity, data transform forbids name duplication, do not generate
         // new name like module `completeDimensions.ts` did, but just tell users.
         var errMsg_1 = '';
-        if (hasOwn(dimsByName, name)) {
+        if (hasOwn$1(dimsByName, name)) {
           throwError(errMsg_1);
         }
         dimsByName[name] = dimDefExt;
@@ -20683,9 +20683,9 @@ function getDimensionInfo(dimensions, dimsByName, dim) {
   // Keep the same logic as `List::getDimension` did.
   if (isNumber(dim)
   // If being a number-like string but not being defined a dimension name.
-  || !isNaN(dim) && !hasOwn(dimsByName, dim)) {
+  || !isNaN(dim) && !hasOwn$1(dimsByName, dim)) {
     return dimensions[dim];
-  } else if (hasOwn(dimsByName, dim)) {
+  } else if (hasOwn$1(dimsByName, dim)) {
     return dimsByName[dim];
   }
 }
@@ -22217,7 +22217,7 @@ function buildSection(ctx, fragment, topMarginForOuterGap, toolTipTextStyle) {
       valueAsc: 'asc',
       valueDesc: 'desc'
     };
-    if (hasOwn(orderMap, orderMode)) {
+    if (hasOwn$1(orderMap, orderMode)) {
       var comparator_1 = new SortOrderComparator(orderMap[orderMode], null);
       subBlocks.sort(function (a, b) {
         return comparator_1.evaluate(a.sortParam, b.sortParam);
@@ -31936,7 +31936,7 @@ function determineAxisType(model) {
   // PENDING: Theoretically, a customized `Scale` is probably impossible, since
   // the interface of `Scale` does not guarantee stability. But we still literally
   // support it for backward compat, though type incorrect.
-  || !hasOwn(AXIS_TYPES, type) && !Scale.getClass(type)) {
+  || !hasOwn$1(AXIS_TYPES, type) && !Scale.getClass(type)) {
     type = 'value';
   }
   return type;
@@ -39091,7 +39091,7 @@ onZeroRecords) {
   } else {
     // Find the first available other axis.
     for (var idx in otherAxes) {
-      if (hasOwn(otherAxes, idx) && canOnZeroToAxis(onZero, otherAxes[idx])
+      if (hasOwn$1(otherAxes, idx) && canOnZeroToAxis(onZero, otherAxes[idx])
       // Consider that two Y axes on one value axis,
       // if both onZero, the two Y axes overlap.
       && !onZeroRecords[getOnZeroRecordKey(otherAxes[idx])]) {
@@ -43535,7 +43535,7 @@ function makeSelectedMap(legendModel, out) {
       return;
     }
     var isItemSelected = legendModel.isSelected(name);
-    if (hasOwn(selectedMap, name)) {
+    if (hasOwn$1(selectedMap, name)) {
       // Unselected if any legend is unselected
       selectedMap[name] = selectedMap[name] && isItemSelected;
     } else {
@@ -45097,28 +45097,299 @@ function install(registers) {
   registers.registerPainter('canvas', CanvasPainter);
 }
 
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
+const ariaLabel$5 = "Corba ITIC";
+const xAxisName$5 = "Durada (ms)";
+const yAxisName$5 = "Voltatge (% del voltatge nominal)";
+const tooltip$5 = {
+	asset: "Actiu",
+	date: "Data",
+	eventType: "Esdeveniment",
+	duration: "Durada",
+	voltage: "Voltatge",
+	status: "Estat",
+	phase: "Fase",
+	min: "Mín.",
+	max: "Màx."
+};
+const eventTypes$5 = {
+	VOLTAGE_DIP: "Buit de tensió",
+	VOLTAGE_SWELL: "Augment de tensió",
+	POWER_INTERRUPT: "Interrupció",
+	VOLTAGE_TRANSIENT: "Transitori de voltatge",
+	VOLTAGE_VARIATION: "Variació de voltatge",
+	OVER_VOLTAGE: "Sobretensió",
+	SUB_VOLTAGE: "Subtensió"
+};
+const phases$5 = {
+	ALL: "Totes",
+	NONE: ""
+};
+var ca = {
+	ariaLabel: ariaLabel$5,
+	xAxisName: xAxisName$5,
+	yAxisName: yAxisName$5,
+	tooltip: tooltip$5,
+	eventTypes: eventTypes$5,
+	phases: phases$5
+};
 
-var dayjs_min$1 = {exports: {}};
+const ariaLabel$4 = "ITIC-Diagramm";
+const xAxisName$4 = "Dauer (ms)";
+const yAxisName$4 = "Spannung (% der Nennspannung)";
+const tooltip$4 = {
+	asset: "Vermögenswert",
+	date: "Datum",
+	eventType: "Ereignis",
+	duration: "Dauer",
+	voltage: "Spannung",
+	status: "Status",
+	phase: "Phase",
+	min: "Min.",
+	max: "Max."
+};
+const eventTypes$4 = {
+	VOLTAGE_DIP: "Spannungseinbruch",
+	VOLTAGE_SWELL: "Spannungserhöhung",
+	POWER_INTERRUPT: "Stromunterbrechung",
+	VOLTAGE_TRANSIENT: "Spannungstransient",
+	VOLTAGE_VARIATION: "Spannungsschwankung",
+	OVER_VOLTAGE: "Überspannung",
+	SUB_VOLTAGE: "Unterspannung"
+};
+const phases$4 = {
+	ALL: "Alle",
+	NONE: ""
+};
+var de = {
+	ariaLabel: ariaLabel$4,
+	xAxisName: xAxisName$4,
+	yAxisName: yAxisName$4,
+	tooltip: tooltip$4,
+	eventTypes: eventTypes$4,
+	phases: phases$4
+};
 
-var dayjs_min = dayjs_min$1.exports;
+const ariaLabel$3 = "ITIC chart";
+const xAxisName$3 = "Duration (ms)";
+const yAxisName$3 = "Voltage (% of nominal voltage)";
+const tooltip$3 = {
+	asset: "Asset",
+	date: "Date",
+	eventType: "Event",
+	duration: "Duration",
+	voltage: "Voltage",
+	status: "Status",
+	phase: "Phase",
+	min: "Min",
+	max: "Max"
+};
+const eventTypes$3 = {
+	VOLTAGE_DIP: "Voltage dip",
+	VOLTAGE_SWELL: "Voltage swell",
+	POWER_INTERRUPT: "Power interruption",
+	VOLTAGE_TRANSIENT: "Voltage transient",
+	VOLTAGE_VARIATION: "Voltage variation",
+	OVER_VOLTAGE: "Overvoltage",
+	SUB_VOLTAGE: "Subvoltage"
+};
+const phases$3 = {
+	ALL: "All",
+	NONE: ""
+};
+var en = {
+	ariaLabel: ariaLabel$3,
+	xAxisName: xAxisName$3,
+	yAxisName: yAxisName$3,
+	tooltip: tooltip$3,
+	eventTypes: eventTypes$3,
+	phases: phases$3
+};
 
-var hasRequiredDayjs_min;
+const ariaLabel$2 = "Curva ITIC";
+const xAxisName$2 = "Duración (ms)";
+const yAxisName$2 = "Voltaje (% del voltaje nominal)";
+const tooltip$2 = {
+	asset: "Activo",
+	date: "Fecha",
+	eventType: "Evento",
+	duration: "Duración",
+	voltage: "Voltaje",
+	status: "Estado",
+	phase: "Fase",
+	min: "Mín.",
+	max: "Máx."
+};
+const eventTypes$2 = {
+	VOLTAGE_DIP: "Hueco de tensión",
+	VOLTAGE_SWELL: "Aumento de tensión",
+	POWER_INTERRUPT: "Interrupción",
+	VOLTAGE_TRANSIENT: "Transitorio de voltaje",
+	VOLTAGE_VARIATION: "Variación de voltaje",
+	OVER_VOLTAGE: "Sobretensión",
+	SUB_VOLTAGE: "Subtensión"
+};
+const phases$2 = {
+	ALL: "Todas",
+	NONE: ""
+};
+var es = {
+	ariaLabel: ariaLabel$2,
+	xAxisName: xAxisName$2,
+	yAxisName: yAxisName$2,
+	tooltip: tooltip$2,
+	eventTypes: eventTypes$2,
+	phases: phases$2
+};
 
-function requireDayjs_min () {
-	if (hasRequiredDayjs_min) return dayjs_min$1.exports;
-	hasRequiredDayjs_min = 1;
-	(function (module, exports) {
-		!function(t,e){module.exports=e();}(dayjs_min,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|YYYY|YY|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,true),this.parse(t),this.$x=this.$x||t.x||{},this[p]=true;}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,false)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case "YY":return String(e.$y).slice(-2);case "YYYY":return b.s(e.$y,4,"0");case "M":return a+1;case "MM":return b.s(a+1,2,"0");case "MMM":return h(n.monthsShort,a,c,3);case "MMMM":return h(c,a);case "D":return e.$D;case "DD":return b.s(e.$D,2,"0");case "d":return String(e.$W);case "dd":return h(n.weekdaysMin,e.$W,o,2);case "ddd":return h(n.weekdaysShort,e.$W,o,3);case "dddd":return o[e.$W];case "H":return String(s);case "HH":return b.s(s,2,"0");case "h":return d(1);case "hh":return d(2);case "a":return $(s,u,true);case "A":return $(s,u,false);case "m":return String(u);case "mm":return b.s(u,2,"0");case "s":return String(e.$s);case "ss":return b.s(e.$s,2,"0");case "SSS":return b.s(e.$ms,3,"0");case "Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,true);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),Y=_.prototype;return O.prototype=Y,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){Y[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=true),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O})); 
-	} (dayjs_min$1));
-	return dayjs_min$1.exports;
-}
+const ariaLabel$1 = "Courbe ITIC";
+const xAxisName$1 = "Durée (ms)";
+const yAxisName$1 = "Tension (% de la tension nominale)";
+const tooltip$1 = {
+	asset: "Dispositif",
+	date: "Date",
+	eventType: "Événement",
+	duration: "Durée",
+	voltage: "Tension",
+	status: "Statut",
+	phase: "Phase",
+	min: "Min.",
+	max: "Max."
+};
+const eventTypes$1 = {
+	VOLTAGE_DIP: "Creux de tension",
+	VOLTAGE_SWELL: "Augmentation de tension",
+	POWER_INTERRUPT: "Interruption",
+	VOLTAGE_TRANSIENT: "Tension transitoire",
+	VOLTAGE_VARIATION: "Variation de tension",
+	OVER_VOLTAGE: "Surtension",
+	SUB_VOLTAGE: "Sous-tension"
+};
+const phases$1 = {
+	ALL: "Toutes",
+	NONE: ""
+};
+var fr = {
+	ariaLabel: ariaLabel$1,
+	xAxisName: xAxisName$1,
+	yAxisName: yAxisName$1,
+	tooltip: tooltip$1,
+	eventTypes: eventTypes$1,
+	phases: phases$1
+};
 
-var dayjs_minExports = requireDayjs_min();
-var dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
+const ariaLabel = "Curva ITIC";
+const xAxisName = "Duração (ms)";
+const yAxisName = "Tensão (% da tensão nominal)";
+const tooltip = {
+	asset: "Ativo",
+	date: "Data",
+	eventType: "Evento",
+	duration: "Duração",
+	voltage: "Tensão",
+	status: "Status",
+	phase: "Fase",
+	min: "Mín.",
+	max: "Máx."
+};
+const eventTypes = {
+	VOLTAGE_DIP: "Queda de tensão",
+	VOLTAGE_SWELL: "Aumento de tensão",
+	POWER_INTERRUPT: "Interrupção",
+	VOLTAGE_TRANSIENT: "Tensão transitória",
+	VOLTAGE_VARIATION: "Variação de tensão",
+	OVER_VOLTAGE: "Sobretensão",
+	SUB_VOLTAGE: "Subtensão"
+};
+const phases = {
+	ALL: "Todas",
+	NONE: ""
+};
+var pt = {
+	ariaLabel: ariaLabel,
+	xAxisName: xAxisName,
+	yAxisName: yAxisName,
+	tooltip: tooltip,
+	eventTypes: eventTypes,
+	phases: phases
+};
 
+const LOCALES = ['ca', 'de', 'en', 'es', 'fr', 'pt'];
+const DEFAULT_LOCALE = 'en';
+const MESSAGES = { ca, de, en, es, fr, pt };
+/** Keeps the language of a locale (`es-ES` → `es`), falling back to `en` when it isn't translated. */
+function normalizeLocale(locale) {
+    const language = String(locale !== null && locale !== void 0 ? locale : '')
+        .split(/[-_]/)[0]
+        .toLowerCase();
+    return LOCALES.includes(language) ? language : DEFAULT_LOCALE;
+}
+const getMessages = (locale) => MESSAGES[locale];
+const hasOwn = (object, key) => Object.prototype.hasOwnProperty.call(object, key);
+/** Translated event type, or the code as is when it isn't in the catalog. */
+function translateEventType(messages, code) {
+    return hasOwn(messages.eventTypes, code) ? messages.eventTypes[code] : code;
+}
+/** Translated name of a phase code that has one (`ALL`, `NONE`), or `undefined`. */
+function translatePhase(messages, code) {
+    return hasOwn(messages.phases, code) ? messages.phases[code] : undefined;
+}
+
+const L1 = '#a67c52';
+const L2 = '#20262C';
+const L3 = '#B9BDC0';
+const THREE_PHASE = '#00B388';
+// Same catalog as Scout. Names that change with the language (`ALL`, `NONE`) are in the i18n JSON files.
+const PHASES = {
+    AN: { name: 'L1', color: L1 },
+    BN: { name: 'L2', color: L2 },
+    CN: { name: 'L3', color: L3 },
+    AB: { name: 'L1', color: L1 },
+    BC: { name: 'L2', color: L2 },
+    CA: { name: 'L3', color: L3 },
+    'AN,BN,CN': { name: 'L1,L2,L3', color: THREE_PHASE },
+    'AB,BC,CA': { name: 'L1,L2,L3', color: THREE_PHASE },
+    ALL: { name: '', color: '#4C5CC5' },
+    A: { name: 'L1' },
+    B: { name: 'L2' },
+    C: { name: 'L3' },
+    'AN,BN': { name: 'L1,L2' },
+    'AN,CN': { name: 'L1,L3' },
+    'BN,CN': { name: 'L2,L3' },
+    'AB,BC': { name: 'L1,L2' },
+    'AB,CA': { name: 'L1,L3' },
+    'BC,CA': { name: 'L2,L3' },
+    NONE: { name: '' },
+};
+const phaseCode = (phase) => (phase == null ? '' : String(phase));
+// Unknown codes keep the code as name and have no color
+const catalogPhase = (code) => Object.prototype.hasOwnProperty.call(PHASES, code) ? PHASES[code] : { name: code };
+/** Name, in the given language, and color of a phase code. */
+function getPhase(phase, messages) {
+    var _a;
+    const code = phaseCode(phase);
+    const known = catalogPhase(code);
+    return Object.assign(Object.assign({}, known), { name: (_a = translatePhase(messages, code)) !== null && _a !== void 0 ? _a : known.name });
+}
+// `NONE` (no name) goes after the named phases and `ALL` always last. Only these two names are translated,
+// so ranking them by code keeps the order the same in every language.
+const rank = (code) => (code === 'ALL' ? 2 : code === 'NONE' ? 1 : 0);
+/**
+ * Sorts groups by phase name, then by code (e.g. `AN` and `AB` are both "L1"), with `NONE` and `ALL` last.
+ * Compares characters, not with a locale's rules, so the legend is the same in every language.
+ * Returns a new array with the same group objects; groups with the same code keep their order.
+ */
+function sortGroups(groups) {
+    const keyed = groups.map(group => {
+        const code = phaseCode(group.phase);
+        return { group, code, rank: rank(code), name: catalogPhase(code).name };
+    });
+    return keyed
+        .sort((a, b) => a.rank - b.rank || compare(a.name, b.name) || compare(a.code, b.code))
+        .map(({ group }) => group);
+}
+const compare = (a, b) => (a < b ? -1 : a > b ? 1 : 0);
+
+const DEFAULT_SETTINGS = { locale: DEFAULT_LOCALE };
 /**
  * Normalizes the `groups` prop, which arrives as an array from JS/React
  * or as a JSON string when set as an HTML attribute.
@@ -45133,6 +45404,14 @@ function parseGroups(groups) {
     }
     return parsed;
 }
+function isValidTimeZone(timeZone) {
+    try {
+        return true;
+    }
+    catch (_a) {
+        return false;
+    }
+}
 function escapeHtml(value) {
     return value
         .replace(/&/g, '&amp;')
@@ -45141,36 +45420,101 @@ function escapeHtml(value) {
         .replace(/"/g, '&quot;')
         .replace(/'/g, '&#39;');
 }
-function formatTooltip(groupName, [duration, voltage, ts]) {
-    const rows = {
-        phase: escapeHtml(groupName),
-        duration: `${duration} ms`,
-        voltage: `${Math.round(voltage * 10) / 10}%`,
-        ts: dayjs(ts).locale('en').format('DD MMM, HH:mm:ss.SSS'),
-    };
-    return Object.entries(rows)
-        .map(([label, value]) => ` <strong>${label}</strong>: ${value}`)
-        .join('<br/>');
-}
-function buildChartOptions(groups) {
-    return Object.assign(Object.assign({}, BASE_OPTIONS), { series: [
+const isBlank = (value) => value == null || value === '';
+/**
+ * Returns the tooltip HTML of a point: one row per field, in the chart's language. Rows without a value
+ * are left out, and every value is escaped, since it comes from the consumer's data.
+ */
+function createTooltipFormatter({ locale, timeZone }) {
+    const messages = getMessages(locale);
+    const dateFormat = new Intl.DateTimeFormat(locale, {
+        day: '2-digit',
+        month: 'short',
+        hour: '2-digit',
+        minute: '2-digit',
+        second: '2-digit',
+        // Short events are milliseconds apart
+        fractionalSecondDigits: 3,
+        hourCycle: 'h23',
+        timeZone,
+    });
+    const durationFormat = new Intl.NumberFormat(locale, { style: 'unit', unit: 'millisecond', maximumFractionDigits: 3 });
+    const voltageFormat = new Intl.NumberFormat(locale, { style: 'percent', maximumFractionDigits: 1 });
+    // `volt` isn't a unit supported by Intl
+    const voltsFormat = new Intl.NumberFormat(locale, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+    const formatDate = (ts) => {
+        const date = new Date(ts);
+        return Number.isNaN(date.getTime()) ? String(ts !== null && ts !== void 0 ? ts : '') : dateFormat.format(date);
+    };
+    const formatVolts = (value) => (Number(value) ? `${voltsFormat.format(Number(value))} V` : undefined);
+    return (point, group) => {
+        const rows = [
+            ['asset', isBlank(group.assetName) ? undefined : String(group.assetName)],
+            ['date', formatDate(point.ts)],
+            ['eventType', isBlank(point.eventType) ? undefined : translateEventType(messages, String(point.eventType))],
+            ['duration', durationFormat.format(Number(point.duration))],
+            // The value is already in %
+            ['voltage', voltageFormat.format(Number(point.voltage) / 100)],
+            ['status', isBlank(point.status) ? undefined : String(point.status)],
+            ['phase', getPhase(group.phase, messages).name || '-'],
+            ['min', formatVolts(point.min)],
+            ['max', formatVolts(point.max)],
+        ];
+        return rows
+            .filter((row) => row[1] !== undefined)
+            .map(([key, value]) => ` <strong>${messages.tooltip[key]}</strong>: ${escapeHtml(value)}`)
+            .join('<br/>');
+    };
+}
+/** Formats the axis labels in the chart's language; ECharts always uses English separators. */
+function createAxisLabelFormatter(locale) {
+    const numberFormat = new Intl.NumberFormat(locale);
+    return value => numberFormat.format(value);
+}
+const isClickable = (point) => point.clickable !== false;
+function buildChartOptions(groups, settings = DEFAULT_SETTINGS) {
+    const messages = getMessages(settings.locale);
+    const formatTooltip = createTooltipFormatter(settings);
+    const axisLabel = { formatter: createAxisLabelFormatter(settings.locale) };
+    return Object.assign(Object.assign({}, BASE_OPTIONS), { xAxis: Object.assign(Object.assign({}, BASE_OPTIONS.xAxis), { name: messages.xAxisName, axisLabel }), yAxis: Object.assign(Object.assign({}, BASE_OPTIONS.yAxis), { name: messages.yAxisName, axisLabel }), series: [
             ...CURVE_SERIES,
-            ...groups.map(({ groupName, points, color }) => ({
-                type: 'scatter',
-                name: groupName,
-                data: points.map(point => [point.duration, point.voltage, point.ts]),
-                symbolSize: 12,
-                z: 4,
-                itemStyle: {
-                    color,
-                    opacity: 1,
-                },
-                tooltip: {
-                    formatter: params => formatTooltip(groupName, params.value),
-                },
-            })),
+            ...sortGroups(groups).map((group) => {
+                const { name, color } = getPhase(group.phase, messages);
+                return {
+                    type: 'scatter',
+                    name,
+                    // ECharts 6 reads `cursor` per data item, although its types only declare it per series
+                    data: group.points.map(point => ({
+                        value: [point.duration, point.voltage],
+                        cursor: isClickable(point) ? 'pointer' : 'default',
+                    })),
+                    symbolSize: 12,
+                    z: 4,
+                    // Phases without a color take the next one of the ECharts palette
+                    itemStyle: color ? { color, opacity: 1 } : { opacity: 1 },
+                    tooltip: {
+                        formatter: params => formatTooltip(group.points[params.dataIndex], group),
+                    },
+                };
+            }),
         ] });
 }
+/**
+ * Maps an ECharts click back to the original point and group. `buildChartOptions` draws the groups as
+ * scatter series after the ITIC curve series, sorted with `sortGroups`.
+ * Returns `undefined` for clicks outside the points and on points that aren't clickable.
+ */
+function findClickedPoint(groups, { componentType, seriesIndex, dataIndex }) {
+    if (componentType !== 'series' || seriesIndex == null || dataIndex == null) {
+        return undefined;
+    }
+    const group = sortGroups(groups)[seriesIndex - CURVE_SERIES.length];
+    const point = group === null || group === void 0 ? void 0 : group.points[dataIndex];
+    if (!point || !isClickable(point)) {
+        return undefined;
+    }
+    return { point, group };
+}
 const ITIC_CURVE_PROHIBITED_REGION = [
     [0.167, 500],
     [1, 200],
@@ -45189,23 +45533,24 @@ const ITIC_CURVE_NODAMAGE_REGION = [
     [10000, 90],
     [100000, 90],
 ];
+// Fixed ranges, as in Scout: ECharts clips points outside them (duration < 1 ms or voltage > 200%)
 const BASE_OPTIONS = {
     animation: false,
     grid: {
-        right: '40px',
+        right: '20px',
         left: '60px',
     },
     // ECharts 6 moved the default legend to the bottom; keep it on top as in previous versions
     legend: { top: 0 },
-    tooltip: {},
+    // Outside the shadow root, so containers with `overflow: hidden` don't clip it. Its styles are inline.
+    tooltip: { appendTo: 'body' },
     textStyle: {
         fontFamily: 'CDS-Regular, Arial',
     },
     xAxis: {
         type: 'log',
-        min: 0.1,
+        min: 1,
         max: 100000,
-        name: 'Duration (ms)',
         nameGap: 30,
         nameLocation: 'middle',
         nameTextStyle: {
@@ -45216,17 +45561,17 @@ const BASE_OPTIONS = {
     yAxis: {
         type: 'value',
         min: 0,
-        max: 500,
+        max: 200,
         nameTextStyle: {
             fontSize: 16,
             fontWeight: 'bold',
         },
-        name: 'Voltage (% of nominal voltage)',
         nameRotate: 90,
         nameGap: 40,
         nameLocation: 'middle',
     },
 };
+// `silent`: the curve doesn't react to the mouse (no tooltip, cursor or click)
 const CURVE_SERIES = [
     {
         type: 'line',
@@ -45238,6 +45583,7 @@ const CURVE_SERIES = [
         lineStyle: {
             color: '#000',
         },
+        silent: true,
         showSymbol: false,
         emphasis: {
             disabled: true,
@@ -45250,6 +45596,7 @@ const CURVE_SERIES = [
             origin: 'start',
             color: '#FFF5DF',
         },
+        silent: true,
         showSymbol: false,
         lineStyle: {
             color: '#000',
@@ -45265,6 +45612,7 @@ const CURVE_SERIES = [
             origin: 100,
             color: '#DDFAF1',
         },
+        silent: true,
         showSymbol: false,
         lineStyle: {
             color: '#000',
@@ -45280,6 +45628,7 @@ const CURVE_SERIES = [
             origin: 100,
             color: '#DDFAF1',
         },
+        silent: true,
         showSymbol: false,
         lineStyle: {
             color: '#000',
@@ -45298,6 +45647,7 @@ const CURVE_SERIES = [
             origin: 100,
             color: '#DDFAF1',
         },
+        silent: true,
         showSymbol: false,
         lineStyle: {
             color: 'transparent',
@@ -45316,6 +45666,7 @@ const CURVE_SERIES = [
             origin: 100,
             color: '#DDFAF1',
         },
+        silent: true,
         showSymbol: false,
         lineStyle: {
             color: 'transparent',
@@ -45326,21 +45677,44 @@ const CURVE_SERIES = [
     },
 ];
 
-const iticChartCss = () => `:host{display:block;height:400px}.chart{width:100%;height:100%}`;
+const iticChartCss = () => `:host{display:block;height:400px;background:var(--itic-chart-background, transparent)}.chart{width:100%;height:100%}`;
 
 // Register only what this chart uses, so bundles don't ship all of ECharts
 use([install$9, install$7, install$5, install$1, install$4, install]);
 const IticChart = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.pointClick = createEvent(this, "pointClick");
+        /**
+         * Language of the texts, dates and numbers: `ca`, `de`, `en`, `es`, `fr` or `pt`. Only the language
+         * is used (`es-ES` → `es`); any other value falls back to `en`.
+         */
+        this.locale = 'en';
+        this.parsedGroups = [];
     }
     onGroupsChange() {
         this.updateChart();
     }
+    onLocaleChange() {
+        this.updateAriaLabel();
+        this.updateChart();
+    }
+    onTimeZoneChange() {
+        this.validateTimeZone();
+        this.updateChart();
+    }
     connectedCallback() {
+        // The chart is a canvas: expose it as an image, labelled with `aria-label`, unless the consumer sets a role
+        if (!this.el.hasAttribute('role')) {
+            this.el.setAttribute('role', 'img');
+        }
+        this.updateAriaLabel();
         // componentDidLoad only fires once, so re-create the chart when the element is re-attached
         this.initChart();
     }
+    componentWillLoad() {
+        this.validateTimeZone();
+    }
     componentDidLoad() {
         this.initChart();
     }
@@ -45351,11 +45725,38 @@ const IticChart = class {
         (_b = this.chart) === null || _b === void 0 ? void 0 : _b.dispose();
         this.chart = undefined;
     }
+    updateAriaLabel() {
+        const current = this.el.getAttribute('aria-label');
+        if (current !== null && current !== this.defaultAriaLabel) {
+            return;
+        }
+        this.defaultAriaLabel = getMessages(normalizeLocale(this.locale)).ariaLabel;
+        this.el.setAttribute('aria-label', this.defaultAriaLabel);
+    }
+    // Validated when it changes, not on every redraw, so an invalid value is only reported once
+    validateTimeZone() {
+        this.validTimeZone = undefined;
+        if (!this.timeZone) {
+            return;
+        }
+        if (isValidTimeZone()) {
+            this.validTimeZone = this.timeZone;
+        }
+        else {
+            console.error(`[itic-chart] Invalid "timeZone" prop: "${this.timeZone}". Using the browser's time zone.`);
+        }
+    }
     initChart() {
         if (!this.container || this.chart) {
             return;
         }
         this.chart = init(this.container);
+        this.chart.on('click', params => {
+            const detail = findClickedPoint(this.parsedGroups, params);
+            if (detail) {
+                this.pointClick.emit(detail);
+            }
+        });
         if (typeof ResizeObserver !== 'undefined') {
             this.resizeObserver = new ResizeObserver(() => { var _a; return (_a = this.chart) === null || _a === void 0 ? void 0 : _a.resize(); });
             this.resizeObserver.observe(this.container);
@@ -45366,21 +45767,32 @@ const IticChart = class {
         if (!this.chart) {
             return;
         }
-        let groups = [];
+        this.parsedGroups = [];
         try {
-            groups = parseGroups(this.groups);
+            this.parsedGroups = parseGroups(this.groups);
         }
         catch (error) {
             console.error('[itic-chart] Invalid "groups" prop:', error);
         }
-        this.chart.setOption(buildChartOptions(groups), { notMerge: true });
+        const options = buildChartOptions(this.parsedGroups, {
+            locale: normalizeLocale(this.locale),
+            timeZone: this.validTimeZone,
+        });
+        this.chart.setOption(options, { notMerge: true });
     }
     render() {
-        return h("div", { key: '98e14b7d6df922dc2a17dd09913bfad089ec4bf2', class: "chart", ref: el => (this.container = el) });
+        return h("div", { key: '2bb964d590a36c9c9501761c3f848ad364a29030', class: "chart", ref: el => (this.container = el) });
     }
+    get el() { return getElement(this); }
     static get watchers() { return {
         "groups": [{
                 "onGroupsChange": 0
+            }],
+        "locale": [{
+                "onLocaleChange": 0
+            }],
+        "timeZone": [{
+                "onTimeZoneChange": 0
             }]
     }; }
 };