@carbon/charts-vue 1.13.18 → 1.13.19

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.13.19 (2024-01-11)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 ## 1.13.18 (2024-01-03)
 
 **Note:** Version bump only for package @carbon/charts-vue

package/dist/index.mjs

@@ -11453,7 +11453,7 @@ const XD = "DONT_STYLE_ME_css_styles_verifier";
 let D = class ec extends Tn {
   // initialized in initializeID() called by init()
   constructor(t, n) {
-    super(t, n), this.chartID = "";
+    super(t, n);
   }
   static getHTMLElementSize(t) {
     return {
@@ -11533,7 +11533,7 @@ let D = class ec extends Tn {
     return r;
   }
   init() {
-    this.styleHolderElement(), this.initializeID(), this.addMainContainer(), this.model.getOptions().resizable && this.addResizeListener(), this.addHolderListeners(), this.handleFullscreenChange();
+    this.initializeID(), this.styleHolderElement(), this.addMainContainer(), this.model.getOptions().resizable && this.addResizeListener(), this.addHolderListeners(), this.handleFullscreenChange();
   }
   getChartID() {
     return this.chartID;
@@ -14753,7 +14753,8 @@ const gN = pN;
 class vo extends dt {
   constructor(t, n, r) {
     super(t, n, r), this.type = "modal", this.isEventListenerAdded = !1, this.handleShowModal = () => {
-      this.modal.attr("data-modal", !0).attr("class", "cds--modal").attr("role", "dialog").attr("aria-modal", !0).attr("aria-labelledby", "modal-title").attr("aria-describedby", "modal-description").attr("tabindex", -1), this.modal.html(this.getModalHTML()), this.modal.select("div.cds--modal-footer button.cds--btn").on("click", () => this.model.exportToCSV()), gN.create(this.modal.node()).show(), document.addEventListener("modal-hidden", this.handleHideModal);
+      const i = this.services.domUtils.getChartID();
+      this.modal.attr("data-modal", !0).attr("class", "cds--modal").attr("role", "dialog").attr("aria-modal", !0).attr("aria-labelledby", `${i}__modal-title`).attr("aria-describedby", `${i}__modal-description`).attr("tabindex", -1), this.modal.html(this.getModalHTML()), this.modal.select("div.cds--modal-footer button.cds--btn").on("click", () => this.model.exportToCSV()), gN.create(this.modal.node()).show(), document.addEventListener("modal-hidden", this.handleHideModal);
     }, this.handleHideModal = () => {
       this.modal.attr("role", null).attr("aria-modal", null).attr("aria-labelledby", null).attr("aria-describedby", null).attr("tabindex", null), document.removeEventListener("modal-hidden", this.handleHideModal);
     }, this.init();
@@ -14765,14 +14766,14 @@ class vo extends dt {
     this.services.events.removeEventListener(O.Modal.SHOW, this.handleShowModal);
   }
   getModalHTML() {
-    const t = this.model.getOptions(), n = b(t, "style", "prefix"), r = this.model.getTabularDataArray();
+    const t = this.services.domUtils.getChartID(), n = this.model.getOptions(), r = b(n, "style", "prefix"), i = this.model.getTabularDataArray();
     return `
 		<div class="cds--modal-container cds--modal-container">
 			<div class="cds--modal-header cds--modal-header">
-				<p class="cds--modal-header__label cds--type-delta cds--modal-header__label cds--type-delta" id="modal-title">Tabular representation</p>
+				<p class="cds--modal-header__label cds--type-delta cds--modal-header__label cds--type-delta" id="${t}__modal-title">Tabular representation</p>
 
-				<p class="cds--modal-header__heading cds--type-beta cds--modal-header__heading cds--type-beta" id="modal-description">${Ze(
-      t.title
+				<p class="cds--modal-header__heading cds--type-beta cds--modal-header__heading cds--type-beta" id="${t}__modal-description">${Ze(
+      n.title
     )}</p>
 
 				<button class="cds--modal-close cds--modal-close" type="button" data-modal-close aria-label="close modal"  data-modal-primary-focus>
@@ -14786,18 +14787,18 @@ class vo extends dt {
 				<table class="cds--data-table cds--data-table--no-border cds--data-table cds--data-table--no-border">
 					<thead>
 						<tr>
-							${Tt(r, 0).map(
-      (i) => `<th scope="col">
-								<div class="cds--table-header-label cds--table-header-label">${Ze(i)}</div>
+							${Tt(i, 0).map(
+      (s) => `<th scope="col">
+								<div class="cds--table-header-label cds--table-header-label">${Ze(s)}</div>
 							</th>`
     ).join("")}
 						</tr>
 					</thead>
 
-					<tbody>${r.slice(1).map(
-      (i) => `
+					<tbody>${i.slice(1).map(
+      (s) => `
 							<tr>
-								${i.map((s) => `<td>${Ze(s)}</td>`).join("")}
+								${s.map((a) => `<td>${Ze(a)}</td>`).join("")}
 							</tr>`
     ).join("")}
 					</tbody>
@@ -14805,7 +14806,7 @@ class vo extends dt {
 			</div>
 
 			<div class="cds--modal-footer cds--modal-footer">
-			  <div class="${oe}--${n}-modal-footer-spacer"></div>
+			  <div class="${oe}--${r}-modal-footer-spacer"></div>
 			  <button class="cds--btn cds--btn--primary cds--btn cds--btn--primary" type="button" data-modal-primary-focus>Download as CSV</button>
 			</div>
 		</div>`;