axidio-styleguide-library1-v2 0.0.943 → 0.0.945

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.
Files changed (5) hide show
  1. package/esm2022/lib/group-chart/group-chart.component.mjs +50 -43
  2. package/esm2022/lib/horizontal-grouped-bar-with-scroll-zoom/horizontal-grouped-bar-with-scroll-zoom.component.mjs +55 -48
  3. package/fesm2022/axidio-styleguide-library1-v2.mjs +103 -89
  4. package/fesm2022/axidio-styleguide-library1-v2.mjs.map +1 -1
  5. package/package.json +1 -1
package/fesm2022/axidio-styleguide-library1-v2.mjs CHANGED
@@ -4572,48 +4572,55 @@ class GroupChartComponent extends ComponentUniqueId {
4572
4572
  * display data values on mouse over
4573
4573
  * used by dashboard charts
4574
4574
  */
4575
- if (this.chartConfiguration.textsOnBar == undefined &&
4576
- this.chartConfiguration.displayTitleOnTop == undefined) {
4577
- state
4578
- .selectAll('rect')
4579
- .on('mouseout', function (d) {
4580
- state.selectAll('.barstext').remove();
4581
- })
4582
- .on('mouseover', function (d1) {
4583
- state
4584
- .selectAll('text')
4585
- .data(function (d) {
4586
- let newList = [];
4587
- subgroups.map(function (key) {
4588
- if (key !== 'name' &&
4589
- d1.key == key &&
4590
- d1.value == d[key] &&
4591
- d1.name == d.name) {
4592
- let obj = { key: key, value: d[key], name: d.name };
4593
- newList.push(obj);
4594
- }
4595
- });
4596
- return newList;
4597
- })
4598
- .enter()
4599
- .append('text')
4600
- .attr('class', 'barstext')
4601
- .attr('x', function (d) {
4602
- return xSubgroup(d.key);
4603
- })
4604
- .attr('y', function (d) {
4605
- return y(d.value);
4606
- })
4607
- .attr('style', 'font-size: ' + '.85em' + ';' + ' font-weight:' + 'bold' + ';')
4608
- .style('fill', function (d) {
4609
- return metaData.colors[d.key];
4610
- })
4611
- .attr('width', xSubgroup.bandwidth())
4612
- .text(function (d) {
4613
- return d.value;
4614
- });
4615
- });
4616
- }
4575
+ // if (
4576
+ // this.chartConfiguration.textsOnBar == undefined &&
4577
+ // this.chartConfiguration.displayTitleOnTop == undefined
4578
+ // ) {
4579
+ // state
4580
+ // .selectAll('rect')
4581
+ // .on('mouseout', function (d) {
4582
+ // state.selectAll('.barstext').remove();
4583
+ // })
4584
+ // .on('mouseover', function (d1) {
4585
+ // state
4586
+ // .selectAll('text')
4587
+ // .data(function (d) {
4588
+ // let newList: any = [];
4589
+ // subgroups.map(function (key) {
4590
+ // if (
4591
+ // key !== 'name' &&
4592
+ // d1.key == key &&
4593
+ // d1.value == d[key] &&
4594
+ // d1.name == d.name
4595
+ // ) {
4596
+ // let obj: any = { key: key, value: d[key], name: d.name };
4597
+ // newList.push(obj);
4598
+ // }
4599
+ // });
4600
+ // return newList;
4601
+ // })
4602
+ // .enter()
4603
+ // .append('text')
4604
+ // .attr('class', 'barstext')
4605
+ // .attr('x', function (d) {
4606
+ // return xSubgroup(d.key);
4607
+ // })
4608
+ // .attr('y', function (d) {
4609
+ // return y(d.value);
4610
+ // })
4611
+ // .attr(
4612
+ // 'style',
4613
+ // 'font-size: ' + '.85em' + ';' + ' font-weight:' + 'bold' + ';'
4614
+ // )
4615
+ // .style('fill', function (d) {
4616
+ // return metaData.colors[d.key];
4617
+ // })
4618
+ // .attr('width', xSubgroup.bandwidth())
4619
+ // .text(function (d) {
4620
+ // return d.value;
4621
+ // });
4622
+ // });
4623
+ // }
4617
4624
  svg
4618
4625
  .append('g')
4619
4626
  .attr('class', 'x2 axis2')
@@ -9396,12 +9403,9 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
9396
9403
  .attr('class', 'title')
9397
9404
  .style('z-index', 99)
9398
9405
  .html(function () {
9399
- // Show the x-axis label (bar name) for this bar, not the date or any other value
9400
- let barLabel = d.key; // This is the x-axis label for the bar
9406
+ let barLabel = d.key;
9401
9407
  let dataType = metaData.dataType ? metaData.dataType : '';
9402
9408
  let value = d.value;
9403
- let key = d.key;
9404
- // Tooltip: show x-axis label and value, but do not show date
9405
9409
  let desiredText = '<span class="title-bar-name">' + barLabel + '</span>';
9406
9410
  desiredText +=
9407
9411
  '<span class="title-bar-value"><span>' +
@@ -9422,49 +9426,59 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
9422
9426
  * display data values on mouse over
9423
9427
  * used by dashboard charts
9424
9428
  */
9425
- if (this.chartConfiguration.textsOnBar == undefined &&
9426
- this.chartConfiguration.displayTitleOnTop == undefined) {
9427
- state
9428
- .selectAll('rect')
9429
- .on('mouseout', function (d) {
9430
- state.selectAll('.barstext').remove();
9431
- })
9432
- .on('mouseover', function (d1) {
9433
- state
9434
- .selectAll('text')
9435
- .data(function (d) {
9436
- let newList = [];
9437
- subgroups.map(function (key) {
9438
- if (key !== 'name' &&
9439
- d1.key == key &&
9440
- d1.value == d[key] &&
9441
- d1.name == d.name) {
9442
- let obj = { key: key, value: d[key], name: d.name };
9443
- newList.push(obj);
9444
- }
9445
- });
9446
- return newList;
9447
- })
9448
- .enter()
9449
- .append('text')
9450
- .attr('fill', 'var(--chart-text-color)')
9451
- .attr('class', 'barstext')
9452
- .attr('x', function (d) {
9453
- return xSubgroup(d.key);
9454
- })
9455
- .attr('y', function (d) {
9456
- return y(d.value);
9457
- })
9458
- .attr('style', 'font-size: ' + '.85em' + ';' + ' font-weight:' + 'bold' + ';')
9459
- .style('fill', function (d) {
9460
- return metaData.colors[d.key];
9461
- })
9462
- .attr('width', self.isZoomedOut ? xSubgroup.bandwidth() : xSubgroup.bandwidth())
9463
- .text(function (d) {
9464
- return d.value;
9465
- });
9466
- });
9467
- }
9429
+ // if (
9430
+ // this.chartConfiguration.textsOnBar == undefined &&
9431
+ // this.chartConfiguration.displayTitleOnTop == undefined
9432
+ // ) {
9433
+ // state
9434
+ // .selectAll('rect')
9435
+ // .on('mouseout', function (d) {
9436
+ // state.selectAll('.barstext').remove();
9437
+ // })
9438
+ // .on('mouseover', function (d1) {
9439
+ // state
9440
+ // .selectAll('text')
9441
+ // .data(function (d) {
9442
+ // let newList: any = [];
9443
+ // subgroups.map(function (key) {
9444
+ // if (
9445
+ // key !== 'name' &&
9446
+ // d1.key == key &&
9447
+ // d1.value == d[key] &&
9448
+ // d1.name == d.name
9449
+ // ) {
9450
+ // let obj: any = { key: key, value: d[key], name: d.name };
9451
+ // newList.push(obj);
9452
+ // }
9453
+ // });
9454
+ // return newList;
9455
+ // })
9456
+ // .enter()
9457
+ // .append('text')
9458
+ // .attr('fill', 'var(--chart-text-color)')
9459
+ // .attr('class', 'barstext')
9460
+ // .attr('x', function (d) {
9461
+ // return xSubgroup(d.key);
9462
+ // })
9463
+ // .attr('y', function (d) {
9464
+ // return y(d.value);
9465
+ // })
9466
+ // .attr(
9467
+ // 'style',
9468
+ // 'font-size: ' + '.85em' + ';' + ' font-weight:' + 'bold' + ';'
9469
+ // )
9470
+ // .style('fill', function (d) {
9471
+ // return metaData.colors[d.key];
9472
+ // })
9473
+ // .attr(
9474
+ // 'width',
9475
+ // self.isZoomedOut ? xSubgroup.bandwidth() : xSubgroup.bandwidth()
9476
+ // )
9477
+ // .text(function (d) {
9478
+ // return d.value;
9479
+ // });
9480
+ // });
9481
+ // }
9468
9482
  svg
9469
9483
  .append('g')
9470
9484
  .attr('class', 'x2 axis2')