genesys-spark-components 3.14.1 → 3.14.4

package/dist/cjs/gux-table-beta.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-525cfec0.js');
-const index$1 = require('./index-0d3a5385.js');
+const index = require('./index-262c2e3a.js');
+const index$1 = require('./index-03fd0894.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const usageTracking = require('./usage-tracking-03ed419d.js');
-const en = require('./en-808055be.js');
+const usageTracking = require('./usage-tracking-70c83486.js');
+const en = require('./en-dc1f49b7.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const guxTableCss = ":host{display:block;isolation:isolate}:host .gux-table{position:relative;height:inherit}:host .gux-table .gux-table-scroll-left,:host .gux-table .gux-table-scroll-right{position:absolute;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;min-width:0;height:40px;padding:0;color:#2e394c;cursor:pointer;border-radius:4px}:host .gux-table .gux-table-scroll-left gux-icon,:host .gux-table .gux-table-scroll-right gux-icon{width:8px;height:8px}:host .gux-table .gux-table-scroll-left{border-top-left-radius:0;border-bottom-left-radius:0}:host .gux-table .gux-table-scroll-right{right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host .gux-table .gux-table-container{width:100%;max-height:100%;overflow-x:hidden;scrollbar-color:rgba(32, 41, 55, 0.24) #fdfdfd;scrollbar-width:thin}:host .gux-table .gux-table-container::-webkit-scrollbar{width:4px}:host .gux-table .gux-table-container::-webkit-scrollbar-track{background:#fdfdfd}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb{background:rgba(32, 41, 55, 0.24)}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb:hover{background:rgba(32, 41, 55, 0.48)}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;height:150px;color:#596373;background:#fdfdfd;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}";
@@ -59,7 +59,6 @@ const GuxTable = class {
     if (this.resizableColumns) {
       this.prepareResizableColumns();
     }
-    this.prepareSortableColumns();
     this.prepareSelectableRows();
     this.checkHorizontalScroll();
     this.checkVerticalScroll();
@@ -131,12 +130,6 @@ const GuxTable = class {
   get tableColumns() {
     return Array.from(this.slottedTable.querySelectorAll('thead th'));
   }
-  get tableColumnsDataSortable() {
-    return Array.from(this.slottedTable.querySelectorAll('thead th[data-sortable]'));
-  }
-  get sortControlCol() {
-    return Array.from(this.slottedTable.querySelectorAll('thead th gux-sort-control'));
-  }
   get rowCheckboxes() {
     return Array.from(this.slottedTable.querySelectorAll('tbody tr td gux-row-select'));
   }
@@ -328,66 +321,6 @@ const GuxTable = class {
   getElementComputedWidth(element) {
     return parseInt(window.getComputedStyle(element).getPropertyValue('width').split('px')[0], 10);
   }
-  /******************************* Sortable Columns *******************************/
-  prepareSortableColumns() {
-    let sortControlSelected = [];
-    const sortControl = document.querySelector('gux-sort-control');
-    sortControl
-      ? (sortControlSelected = this.sortControlCol)
-      : (sortControlSelected = this.tableColumnsDataSortable);
-    /* Only apply sortable styles if the data-sortable way of sorting is being used(ie the old way) and not the <gux-sort-control /> */
-    this.tableColumnsDataSortable.forEach((tableHeader) => {
-      if (tableHeader.hasAttribute('data-sortable')) {
-        this.prepareSortableColumnsStyles();
-      }
-    });
-    sortControlSelected.forEach((column) => {
-      column.onclick = (event) => {
-        if (!this.columnResizeHover) {
-          const button = event.target;
-          const columnElement = column.hasAttribute('data-sortable')
-            ? event.currentTarget
-            : button.parentElement;
-          const sortDirection = columnElement.getAttribute('aria-sort') || '';
-          let newSortDirection = null;
-          switch (sortDirection) {
-            case '':
-            case 'descending':
-              newSortDirection = 'ascending';
-              break;
-            case 'ascending':
-              newSortDirection = 'descending';
-              break;
-          }
-          this.guxsortchanged.emit({
-            columnName: columnElement.dataset.columnName,
-            sortDirection: newSortDirection
-          });
-        }
-      };
-    });
-  }
-  /**
-   * Create sort styles if they don't exist. We can't make these static because we need to look up
-   * asset paths to generate the urls
-   */
-  prepareSortableColumnsStyles() {
-    const styleId = 'gux-table-sortable-styles';
-    if (document.getElementById(styleId) == null) {
-      const styleElement = document.createElement('style');
-      styleElement.id = styleId;
-      const ascArrowIcon = index.getAssetPath(`./icons/arrow-solid-down.svg`);
-      const descArrowIcon = index.getAssetPath(`./icons/arrow-solid-up.svg`);
-      const sortAscContent = this.i18n('sortAsc');
-      const sortDescContent = this.i18n('sortDesc');
-      styleElement.innerHTML = `
-      th[data-sortable]:focus-within:after{content: "${sortAscContent}";background-image: url("${ascArrowIcon}");}
-      th[aria-sort="ascending"]:after{background-image:url("${ascArrowIcon}")!important;content:"${sortAscContent}"!important;}
-      th[aria-sort="descending"]:after{background-image:url("${descArrowIcon}")!important;content:"${sortDescContent}"!important;}
-    `;
-      document.querySelector('head').appendChild(styleElement);
-    }
-  }
   setResizableColumnsStyles() {
     const styleElement = document.getElementById(`${this.tableId}-resizable-styles`);
     let columnsStyles = '';

package/dist/cjs/gux-table-select-menu.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-525cfec0.js');
-const index$1 = require('./index-0d3a5385.js');
+const index = require('./index-262c2e3a.js');
+const index$1 = require('./index-03fd0894.js');
 const eventIsFrom = require('./event-is-from-ad1044f2.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const en = require('./en-808055be.js');
+const en = require('./en-dc1f49b7.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const guxTableSelectMenuCss = "gux-table-select-menu{display:inline-flex;font-weight:400}gux-table-select-menu .gux-select-menu-button{width:24px;height:24px;padding:0;color:#6b7585;background-color:inherit;border:none;border-radius:4px;outline:none}gux-table-select-menu .gux-select-menu-button:disabled{color:rgba(107, 117, 133, 0.5)}gux-table-select-menu .gux-select-menu-button:hover:not(gux-table-select-menu .gux-select-menu-button:disabled){color:#2e394c}gux-table-select-menu .gux-select-menu-button:focus gux-icon{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff;border-radius:4px}gux-table-select-menu .gux-select-menu-button gux-icon{width:16px;height:16px}";

package/dist/cjs/gux-table-select-popover.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-525cfec0.js');
-const onClickOutside = require('./on-click-outside-e0d28eff.js');
+const index = require('./index-262c2e3a.js');
+const onClickOutside = require('./on-click-outside-0d16a176.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
 const popper = require('./popper-71bf3058.js');
 

package/dist/cjs/gux-tabs-advanced.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-525cfec0.js');
-const usageTracking = require('./usage-tracking-03ed419d.js');
+const index = require('./index-262c2e3a.js');
+const usageTracking = require('./usage-tracking-70c83486.js');
 
 const guxTabsAdvancedCss = "gux-tabs-advanced{-custom-noop:noop}";
 

package/dist/cjs/gux-tabs-legacy.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-525cfec0.js');
+const index = require('./index-262c2e3a.js');
 const sortable_esm = require('./sortable.esm-d03e1767.js');
-const usageTracking = require('./usage-tracking-03ed419d.js');
-const index$1 = require('./index-0d3a5385.js');
+const usageTracking = require('./usage-tracking-70c83486.js');
+const index$1 = require('./index-03fd0894.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 require('./get-closest-element-ab4b2eee.js');
 

package/dist/cjs/gux-tabs.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-525cfec0.js');
-const usageTracking = require('./usage-tracking-03ed419d.js');
+const index = require('./index-262c2e3a.js');
+const usageTracking = require('./usage-tracking-70c83486.js');
 
 const guxTabsCss = ".gux-tabs.gux-vertical{display:flex;height:100%}";
 

package/dist/cjs/gux-tag-beta.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-525cfec0.js');
-const index$1 = require('./index-0d3a5385.js');
-const usageTracking = require('./usage-tracking-03ed419d.js');
+const index = require('./index-262c2e3a.js');
+const index$1 = require('./index-03fd0894.js');
+const usageTracking = require('./usage-tracking-70c83486.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const tag = "tag with label: {label}";

package/dist/cjs/gux-text-highlight.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-525cfec0.js');
+const index = require('./index-262c2e3a.js');
 const search = require('./search-a2ed7f26.js');
-const usageTracking = require('./usage-tracking-03ed419d.js');
+const usageTracking = require('./usage-tracking-70c83486.js');
 
 const GuxTextHighlight = class {
   constructor(hostRef) {

package/dist/cjs/gux-text-label-legacy.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-525cfec0.js');
-const usageTracking = require('./usage-tracking-03ed419d.js');
+const index = require('./index-262c2e3a.js');
+const usageTracking = require('./usage-tracking-70c83486.js');
 
 const guxTextLabelCss = "gux-text-label-legacy .gux-label{margin-right:8px}gux-text-label-legacy .gux-text-label-container.gux-beside{display:flex;flex-direction:row;align-items:baseline}gux-text-label-legacy .gux-text-label-container.gux-beside .gux-labeled-component{flex:1 1 auto}.gux-text-label-dark-theme{color:#fdfdfd}.gux-dark-theme gux-text-label-legacy{color:#fdfdfd}gux-text-label-legacy.gux-dark-theme{color:#fdfdfd}.gux-text-label-light-theme{color:#2e394c}.gux-light-theme gux-text-label-legacy{color:#2e394c}gux-text-label-legacy.gux-light-theme{color:#2e394c}gux-text-label-legacy{color:#2e394c}";
 

package/dist/cjs/gux-time-picker-beta.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-525cfec0.js');
-const onClickOutside = require('./on-click-outside-e0d28eff.js');
-const usageTracking = require('./usage-tracking-03ed419d.js');
-const index$1 = require('./index-0d3a5385.js');
+const index = require('./index-262c2e3a.js');
+const onClickOutside = require('./on-click-outside-0d16a176.js');
+const usageTracking = require('./usage-tracking-70c83486.js');
+const index$1 = require('./index-03fd0894.js');
 require('./get-closest-element-ab4b2eee.js');
 
 /********************************************************

package/dist/cjs/gux-toggle-slider.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-525cfec0.js');
+const index = require('./index-262c2e3a.js');
 
 const guxToggleSliderCss = "gux-toggle-slider{padding:2px;outline:none}gux-toggle-slider .gux-toggle-slider{position:relative;display:inline-block;flex:0 1 auto;align-self:auto;order:0;width:30px;height:16px;border-radius:8px}gux-toggle-slider .gux-toggle-slider.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-toggle-slider .gux-toggle-slider:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}gux-toggle-slider .gux-toggle-slider .gux-slider{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#6b7585;border-radius:8px;transition:background-color 0.5s ease}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch{position:absolute;bottom:1px;left:1px;width:14px;height:14px;content:'';background-color:#fdfdfd;border-radius:50%;transition:0.5s}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch gux-icon{position:absolute;top:0;right:0;bottom:0;left:0;width:12px;height:12px;padding:1px;color:#fdfdfd;opacity:0;transition:color 0.5s linear}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider{background-color:#2a60c8}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch{transform:translateX(14px)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch gux-icon{color:#2a60c8;opacity:1;transition:opacity 0.25s linear;transition-delay:0.25s}";
 

package/dist/cjs/gux-toggle.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-525cfec0.js');
-const usageTracking = require('./usage-tracking-03ed419d.js');
+const index = require('./index-262c2e3a.js');
+const usageTracking = require('./usage-tracking-70c83486.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const index$1 = require('./index-0d3a5385.js');
+const index$1 = require('./index-03fd0894.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const defaultAriaLabel = "Toggle Switch";

package/dist/cjs/gux-tooltip_2.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-525cfec0.js');
+const index = require('./index-262c2e3a.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const usageTracking = require('./usage-tracking-03ed419d.js');
+const usageTracking = require('./usage-tracking-70c83486.js');
 const popper = require('./popper-71bf3058.js');
 const logError = require('./log-error-a57681bf.js');
-const onMutation = require('./on-mutation-347de78d.js');
+const onMutation = require('./on-mutation-230d7667.js');
 
 const guxTooltipCss = ":host{z-index:1;box-sizing:border-box;max-width:250px;padding:6px 12px;font-size:12px;color:#2e394c;pointer-events:none;visibility:hidden !important;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24);opacity:0;transition:opacity 0.25s ease-in-out}:host(.gux-show){visibility:visible !important;opacity:1}";
 

package/dist/cjs/gux-visualization-beta.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$2 = require('./index-525cfec0.js');
+const index$2 = require('./index-262c2e3a.js');
 const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
-const index$3 = require('./index-0d3a5385.js');
-const usageTracking = require('./usage-tracking-03ed419d.js');
+const index$3 = require('./index-03fd0894.js');
+const usageTracking = require('./usage-tracking-70c83486.js');
 require('./get-closest-element-ab4b2eee.js');
 
 /*!
@@ -46414,13 +46414,13 @@ const devDependencies$1 = {
 	"rollup-plugin-bundle-size": "^1.0.3",
 	"rollup-plugin-sourcemaps": "^0.6.3",
 	"rollup-plugin-terser": "^7.0.2",
-	serve: "^13.0.2",
+	serve: "^14.0.1",
 	terser: "^5.12.1",
 	"ts-jest": "^27.1.3",
 	"ts-json-schema-generator": "^1.0.0",
 	"vega-cli": "^5.22.0",
 	typescript: "~4.7.2",
-	"vega-datasets": "~2.3.0",
+	"vega-datasets": "~2.4.0",
 	"vega-embed": "^6.20.8",
 	"vega-tooltip": "^0.28.0",
 	"yaml-front-matter": "^4.1.1"
@@ -49607,6 +49607,20 @@ function formatSignalRef({ fieldOrDatumDef, format, formatType, expr, normalizeS
     }
     const field = fieldToFormat(fieldOrDatumDef, expr, normalizeStack);
     const type = channelDefType(fieldOrDatumDef);
+    if (normalizeStack &&
+        type === 'quantitative' &&
+        format === undefined &&
+        formatType === undefined &&
+        config.customFormatTypes &&
+        config.normalizedNumberFormatType) {
+        return formatCustomType({
+            fieldOrDatumDef,
+            format: config.normalizedNumberFormat,
+            formatType: config.normalizedNumberFormatType,
+            expr,
+            config
+        });
+    }
     if (type === 'quantitative' &&
         format === undefined &&
         formatType === undefined &&
@@ -49624,7 +49638,7 @@ function formatSignalRef({ fieldOrDatumDef, format, formatType, expr, normalizeS
         const signal = timeFormatExpression(field, isFieldDef(fieldOrDatumDef) ? (_a = normalizeTimeUnit(fieldOrDatumDef.timeUnit)) === null || _a === void 0 ? void 0 : _a.unit : undefined, format, config.timeFormat, isScaleFieldDef(fieldOrDatumDef) && ((_b = fieldOrDatumDef.scale) === null || _b === void 0 ? void 0 : _b.type) === ScaleType.UTC);
         return signal ? { signal } : undefined;
     }
-    format = numberFormat(type, format, config);
+    format = numberFormat({ type, specifiedFormat: format, config, normalizeStack });
     if (isFieldDef(fieldOrDatumDef) && isBinning(fieldOrDatumDef.bin)) {
         const endField = vgField(fieldOrDatumDef, { expr, binSuffix: 'end' });
         return {
@@ -49674,14 +49688,33 @@ function guideFormat(fieldOrDatumDef, type, format, formatType, config, omitTime
     if (isCustomFormatType(formatType)) {
         return undefined; // handled in encode block
     }
-    else if (format === undefined && formatType === undefined && config.numberFormatType && config.customFormatTypes) {
-        return undefined; // handled in encode block
+    else if (format === undefined &&
+        formatType === undefined &&
+        config.customFormatTypes &&
+        channelDefType(fieldOrDatumDef) === 'quantitative') {
+        if (config.normalizedNumberFormatType &&
+            isPositionFieldOrDatumDef(fieldOrDatumDef) &&
+            fieldOrDatumDef.stack === 'normalize') {
+            return undefined; // handled in encode block
+        }
+        if (config.numberFormatType) {
+            return undefined; // handled in encode block
+        }
+    }
+    if (isPositionFieldOrDatumDef(fieldOrDatumDef) &&
+        fieldOrDatumDef.stack === 'normalize' &&
+        config.normalizedNumberFormat) {
+        return numberFormat({
+            type: 'quantitative',
+            config,
+            normalizeStack: true
+        });
     }
     if (isFieldOrDatumDefForTimeFormat(fieldOrDatumDef)) {
         const timeUnit = isFieldDef(fieldOrDatumDef) ? (_a = normalizeTimeUnit(fieldOrDatumDef.timeUnit)) === null || _a === void 0 ? void 0 : _a.unit : undefined;
         return timeFormat(format, timeUnit, config, omitTimeFormatConfig);
     }
-    return numberFormat(type, format, config);
+    return numberFormat({ type, specifiedFormat: format, config });
 }
 function guideFormatType(formatType, fieldOrDatumDef, scaleType) {
     var _a;
@@ -49696,14 +49729,14 @@ function guideFormatType(formatType, fieldOrDatumDef, scaleType) {
 /**
  * Returns number format for a fieldDef.
  */
-function numberFormat(type, specifiedFormat, config) {
+function numberFormat({ type, specifiedFormat, config, normalizeStack }) {
     // Specified format in axis/legend has higher precedence than fieldDef.format
     if (isString(specifiedFormat)) {
         return specifiedFormat;
     }
     if (type === QUANTITATIVE) {
         // we only apply the default if the field is quantitative
-        return config.numberFormat;
+        return normalizeStack ? config.normalizedNumberFormat : config.numberFormat;
     }
     return undefined;
 }
@@ -52350,7 +52383,8 @@ const defaultConfig = {
     style: {},
     title: {},
     facet: { spacing: DEFAULT_SPACING },
-    concat: { spacing: DEFAULT_SPACING }
+    concat: { spacing: DEFAULT_SPACING },
+    normalizedNumberFormat: '.0%'
 };
 // Tableau10 color palette, copied from `vegaScale.scheme('tableau10')`
 const tab10 = [
@@ -52581,6 +52615,8 @@ const VL_ONLY_CONFIG_PROPERTIES = [
     'concat',
     'numberFormat',
     'numberFormatType',
+    'normalizedNumberFormat',
+    'normalizedNumberFormatType',
     'timeFormat',
     'countTitle',
     'header',
@@ -54863,7 +54899,7 @@ const point$1 = {
         }, [])
             .map(b => `indexof(item().mark.name, '${b}') < 0`)
             .join(' && ');
-        const test = `datum && item().mark.marktype !== 'group'${brushes ? ` && ${brushes}` : ''}`;
+        const test = `datum && item().mark.marktype !== 'group' && indexof(item().mark.role, 'legend') < 0${brushes ? ` && ${brushes}` : ''}`;
         let update = `unit: ${unitName(model)}, `;
         if (selCmpt.project.hasSelectionId) {
             update += `${SELECTION_ID}: ${datum}[${$(SELECTION_ID)}]`;
@@ -55011,17 +55047,20 @@ function tooltipData(encoding, stack, config, { reactiveGeom } = {}) {
                 value = binFormatExpression(startField, endField, format, formatType, config);
                 toSkip[channel2] = true;
             }
-            else if (stack && stack.fieldChannel === channel && stack.offset === 'normalize') {
-                const { format, formatType } = getFormatMixins(fieldDef);
-                value = formatSignalRef({
-                    fieldOrDatumDef: fieldDef,
-                    format,
-                    formatType,
-                    expr,
-                    config,
-                    normalizeStack: true
-                }).signal;
-            }
+        }
+        if ((isXorY(channel) || channel === THETA || channel === RADIUS) &&
+            stack &&
+            stack.fieldChannel === channel &&
+            stack.offset === 'normalize') {
+            const { format, formatType } = getFormatMixins(fieldDef);
+            value = formatSignalRef({
+                fieldOrDatumDef: fieldDef,
+                format,
+                formatType,
+                expr,
+                config,
+                normalizeStack: true
+            }).signal;
         }
         value !== null && value !== void 0 ? value : (value = textRef(fieldDef, config, expr).signal);
         tuples.push({ channel, key, value });
@@ -57489,7 +57528,11 @@ function labels$1(specifiedlabelsSpec, { fieldOrDatumDef, model, channel, legend
             config
         });
     }
-    else if (format === undefined && formatType === undefined && config.customFormatTypes && config.numberFormatType) {
+    else if (fieldOrDatumDef.type === 'quantitative' &&
+        format === undefined &&
+        formatType === undefined &&
+        config.customFormatTypes &&
+        config.numberFormatType) {
         text = formatCustomType({
             fieldOrDatumDef,
             field: 'datum.value',
@@ -63867,16 +63910,28 @@ function labels(model, channel, specifiedLabelsSpec) {
     }
     else if (format === undefined &&
         formatType === undefined &&
-        config.customFormatTypes &&
-        config.numberFormatType &&
-        channelDefType(fieldOrDatumDef) === 'quantitative') {
-        return Object.assign({ text: formatCustomType({
-                fieldOrDatumDef,
-                field: 'datum.value',
-                format: config.numberFormat,
-                formatType: config.numberFormatType,
-                config
-            }) }, specifiedLabelsSpec);
+        channelDefType(fieldOrDatumDef) === 'quantitative' &&
+        config.customFormatTypes) {
+        if (isPositionFieldOrDatumDef(fieldOrDatumDef) &&
+            fieldOrDatumDef.stack === 'normalize' &&
+            config.normalizedNumberFormatType) {
+            return Object.assign({ text: formatCustomType({
+                    fieldOrDatumDef,
+                    field: 'datum.value',
+                    format: config.normalizedNumberFormat,
+                    formatType: config.normalizedNumberFormatType,
+                    config
+                }) }, specifiedLabelsSpec);
+        }
+        else if (config.numberFormatType) {
+            return Object.assign({ text: formatCustomType({
+                    fieldOrDatumDef,
+                    field: 'datum.value',
+                    format: config.numberFormat,
+                    formatType: config.numberFormatType,
+                    config
+                }) }, specifiedLabelsSpec);
+        }
     }
     return specifiedLabelsSpec;
 }

package/dist/cjs/{index-0d3a5385.js → index-03fd0894.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-525cfec0.js');
+const index = require('./index-262c2e3a.js');
 const getClosestElement = require('./get-closest-element-ab4b2eee.js');
 
 /******************************************************************************

package/dist/cjs/{index-525cfec0.js → index-262c2e3a.js}

@@ -42,10 +42,10 @@ const plt = {
     ce: (eventName, opts) => new CustomEvent(eventName, opts),
 };
 const promiseResolve = (v) => Promise.resolve(v);
-const supportsConstructibleStylesheets = /*@__PURE__*/ (() => {
+const supportsConstructableStylesheets = /*@__PURE__*/ (() => {
         try {
             new CSSStyleSheet();
-            return typeof new CSSStyleSheet().replace === 'function';
+            return typeof new CSSStyleSheet().replaceSync === 'function';
         }
         catch (e) { }
         return false;
@@ -81,8 +81,6 @@ const hostListenerProxy = (hostRef, methodName) => (ev) => {
 const getHostListenerTarget = (elm, flags) => {
     if (flags & 8 /* TargetWindow */)
         return win;
-    if (flags & 16 /* TargetBody */)
-        return doc.body;
     return elm;
 };
 // prettier-ignore
@@ -105,9 +103,14 @@ const uniqueTime = (key, measureText) => {
 const rootAppliedStyles = new WeakMap();
 const registerStyle = (scopeId, cssText, allowCS) => {
     let style = styles.get(scopeId);
-    if (supportsConstructibleStylesheets && allowCS) {
+    if (supportsConstructableStylesheets && allowCS) {
         style = (style || new CSSStyleSheet());
-        style.replace(cssText);
+        if (typeof style === 'string') {
+            style = cssText;
+        }
+        else {
+            style.replaceSync(cssText);
+        }
     }
     else {
         style = cssText;