@watermarkinsights/ripple 5.17.0 → 5.18.0-alpha.1

package/dist/collection/components/wm-tag-input/wm-tag-input.js

@@ -853,15 +853,9 @@ export class TagInput {
             tabindex: this.filteredOptionEls.length ? "0" : undefined, onKeyDown: (ev) => this.handleTableWrapperKeyDown(ev) }, h("table", { id: "table", role: "grid", class: `${this.colWidths ? "fixed-widths" : ""}`, "aria-label": this.label, "aria-multiselectable": "true" }, this.renderTableHeaders(), this.filteredOptionEls.length ? (this.filteredOptionEls.map((o) => this.renderTableRow(o))) : (h("div", { class: "no-results" }, this.noResultsMessage)))));
     }
     renderTableHeaders() {
-        return (h("tr", { class: "headers", role: "row" }, csvToArray(this.colHeaders).map((header, idx) => {
-            let overflowRule = "wrap";
-            if (this.colWrap && csvToArray(this.colWrap)[idx]) {
-                overflowRule = csvToArray(this.colWrap)[idx];
-            }
-            return (h("th", { class: `header-cell ${overflowRule}`, role: "columnheader",
-                // @ts-ignore
-                width: this.colWidths ? csvToArray(this.colWidths)[idx] : "" }, header));
-        })));
+        return (h("tr", { class: "headers", role: "row" }, csvToArray(this.colHeaders).map((header, idx) => (h("th", { class: "header-cell", role: "columnheader",
+            // @ts-ignore
+            width: this.colWidths ? csvToArray(this.colWidths)[idx] : "" }, header)))));
     }
     renderTag(o) {
         const focused = this.focusedTag && this.focusedTag.id === "tag-" + o.id ? "focused" : "";
@@ -899,6 +893,7 @@ export class TagInput {
     }
     renderTableCells(o) {
         const colValues = [o.col1, o.col2, o.col3, o.col4].filter((val) => !!val);
+        const colHeaders = csvToArray(this.colHeaders);
         return colValues.map((val, idx) => {
             const cellId = `${o.id}-col${idx + 1}`;
             let overflowRule = "wrap";
@@ -908,7 +903,7 @@ export class TagInput {
             const classes = {
                 focused: !!this._focusedCell && cellId === this._focusedCell.id,
             };
-            return (h("td", { id: cellId, class: classes, role: "gridcell", "aria-describedby": `${cellId}-description`, "aria-selected": o.selected ? "true" : "false", "aria-readonly": o.locked ? "true" : null, onMouseEnter: (ev) => this.handleCellMouseEnter(ev), onMouseLeave: () => hideTooltip() }, h("div", { class: `cell-content-wrapper ${overflowRule}` }, o.locked && idx == 0 && h("div", { class: "svg-icon svg-locked" }), val), h("div", { class: "description", id: `${cellId}-description` }, o.locked ? globalMessages.locked : "")));
+            return (h("td", { id: cellId, class: classes, role: "gridcell", "aria-describedby": `${cellId}-description`, "aria-selected": o.selected ? "true" : "false", "aria-readonly": o.locked ? "true" : null, onMouseEnter: (ev) => this.handleCellMouseEnter(ev), onMouseLeave: () => hideTooltip() }, h("div", { class: "column-label" }, colHeaders[idx] || `Column ${idx + 1}`), h("div", { class: `cell-content-wrapper ${overflowRule}` }, o.locked && idx == 0 && h("div", { class: "svg-icon svg-locked" }), val), h("div", { class: "description", id: `${cellId}-description` }, o.locked ? globalMessages.locked : "")));
         });
     }
     renderTableRow(o) {
@@ -926,12 +921,12 @@ export class TagInput {
         }
     }
     render() {
-        return (h("div", { key: 'da4fae0604edc5cd9bc7724967b86d29f2022f98', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'e0a85a87c35585625ba0f6afcc5828a6da335f94', class: "label-wrapper" }, h("label", { key: '96b7f0453c064abaec364997778a1e09ce8d1d73', class: "label", htmlFor: "input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), this.requiredField && (h("div", { key: '6c0fab88d092e7a8b4bba0c7422b8e8bb2abb0c3', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '92cb4eec063d59b7e00085f2fbeec71e1a5f101f', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: '50aedc08e2a887cab27eb6b1743e656dd266bff5', class: "upper-row" }, h("div", { key: '4c37ae703e3055e8d6c975ff482259f0fa8652f3', class: "svg-icon svg-search" }), h("div", { key: '8e2542afd89ad63091d0f114d159e9fbeb4b5168', class: `tags-and-input-wrapper ${this.inModal ? "in-modal" : ""}` }, h("ul", { key: '7d1923e7e26f7f0580f6db07a8c0bb9e0b91ddd2', ref: (el) => (this.tagAreaEl = el), class: `tag-area ${this.taggedOptions.length === 0 && "empty"} ${this.isKeying ? "user-is-keying" : ""}`, role: "listbox", "aria-activedescendant": this.focusedTag ? this.focusedTag.id : null, "aria-orientation": "horizontal", "aria-label": `${this.label} ${this.tagAreaInstructions}`, tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
+        return (h("div", { key: 'a9ced1fc52a6520284167ee5e69789762fcb4f00', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '2ba75b9cc36d2cb82e45ad18097a1429959bb7d6', class: "label-wrapper" }, h("label", { key: 'a9094a6a006f8adcc522ca75bbd16c1ab43b7737', class: "label", htmlFor: "input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), this.requiredField && (h("div", { key: 'e490661a59daa1ed24de0dbebaa552913e724d00', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '57d96c64853df41a55d4dadd426d8805807276d8', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: 'b8caf491fb7df33ef559c7a474e3a2fcaadcab94', class: "upper-row" }, h("div", { key: '34e19b149f063f839b6eef73fa72ef350ffa8afe', class: "svg-icon svg-search" }), h("div", { key: '686119691dd3082634efa78978f1e230746225d5', class: `tags-and-input-wrapper ${this.inModal ? "in-modal" : ""}` }, h("ul", { key: '6056fc7fcd5a720a07b5760af7ff0f14c3503606', ref: (el) => (this.tagAreaEl = el), class: `tag-area ${this.taggedOptions.length === 0 && "empty"} ${this.isKeying ? "user-is-keying" : ""}`, role: "listbox", "aria-activedescendant": this.focusedTag ? this.focusedTag.id : null, "aria-orientation": "horizontal", "aria-label": `${this.label} ${this.tagAreaInstructions}`, tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
                 this.focusedTagIndex = undefined;
                 this.handleBlur(ev);
-            }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), h("input", { key: '7e157fb49f0398fa7c04cb52d502b9c9fb49940b', id: "input", class: "input", role: "combobox", ref: (el) => (this.inputEl = el), autocomplete: "off", "aria-required": this.requiredField ? "true" : null, "aria-controls": this.tagInputType, "aria-describedby": `help-text${this.errorMessage ? " error " : ""} max-tags`, "aria-label": `${this.label} ${this.isDropdown ? globalMessages.getCharacterLimit(this.characterLimit) : ""}`, "aria-expanded": this.isDropdown ? this.isExpanded.toString() : null, "aria-activedescendant": this.inputActiveDescendantId, placeholder: this.placeholder, maxLength: this.isDropdown ? this.characterLimit : undefined, onInput: (ev) => this.handleInputChanged(ev), onBlur: (ev) => {
+            }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), h("input", { key: '84b342b81a16a8653b28481c38b41c1503bf1eec', id: "input", class: "input", role: "combobox", ref: (el) => (this.inputEl = el), autocomplete: "off", "aria-required": this.requiredField ? "true" : null, "aria-controls": this.tagInputType, "aria-describedby": `help-text${this.errorMessage ? " error " : ""} max-tags`, "aria-label": `${this.label} ${this.isDropdown ? globalMessages.getCharacterLimit(this.characterLimit) : ""}`, "aria-expanded": this.isDropdown ? this.isExpanded.toString() : null, "aria-activedescendant": this.inputActiveDescendantId, placeholder: this.placeholder, maxLength: this.isDropdown ? this.characterLimit : undefined, onInput: (ev) => this.handleInputChanged(ev), onBlur: (ev) => {
                 this.handleBlur(ev);
-            }, onFocus: () => this.handleInputFocus(), onKeyDown: (ev) => this.handleInputKeyDown(ev) })), this.isDropdown && (h("div", { key: 'b1d9146b38bb147be3604654577ffae68bc1627b', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: '993aefd066e3d11ff106e6ee6e7da09c0a4ccafc', id: "info", class: "info-text" }, this.info)), h("div", { key: 'e962129e9720eea0f8c8b38236e1931ee1031a3d', id: "error" }, this.errorMessage), h("div", { key: '7cf6b126c7e38f5205562fb4326922903fef4081', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
+            }, onFocus: () => this.handleInputFocus(), onKeyDown: (ev) => this.handleInputKeyDown(ev) })), this.isDropdown && (h("div", { key: '692c6d03e766e774089942c3d246c9837ce6ce60', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: '38cfb19a5fdf547eb785ad35465d71514f602347', id: "info", class: "info-text" }, this.info)), h("div", { key: '21aa1b9905c8ee7e0835868f82e4a8cfc992ad1a', id: "error" }, this.errorMessage), h("div", { key: 'ef99fb851ac43cb3aef752c43db8c99ac5d0f252', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
     }
     static get is() { return "wm-tag-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/esm/{app-globals-99f67b1c.js → app-globals-861acd4f.js}

@@ -1,6 +1,6 @@
 import './index-130e07bb.js';
 
-const version = "5.17.0";
+const version = "5.18.0-alpha.1";
 
 // PRINT RIPPLE VERSION IN CONSOLE
 // test envs return 0 for plugin.length

package/dist/esm/loader.js

@@ -1,6 +1,6 @@
 import { b as bootstrapLazy } from './index-130e07bb.js';
 export { s as setNonce } from './index-130e07bb.js';
-import { g as globalScripts } from './app-globals-99f67b1c.js';
+import { g as globalScripts } from './app-globals-861acd4f.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/esm/ripple.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-130e07bb.js';
 export { s as setNonce } from './index-130e07bb.js';
-import { g as globalScripts } from './app-globals-99f67b1c.js';
+import { g as globalScripts } from './app-globals-861acd4f.js';
 
 /*
  Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com