@patternfly-java/charts 0.0.2 → 0.0.4

package/dist/charts.js

@@ -23359,7 +23359,8 @@ function serializer(replacer, cycleReplacer) {
  *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *  See the License for the specific language governing permissions and
  *  limitations under the License.
- */ /*
+ */ // Base class for J2CL JsInterop base class
+/*
  *  Copyright 2023 Red Hat
  *
  *  Licensed under the Apache License, Version 2.0 (the "License");
@@ -24026,7 +24027,6 @@ $ee9385893c2288c2$var$checkDCE();
 $ee9385893c2288c2$exports = (parcelRequire("7sVKC"));
 
 
-const $aaba5b6591196695$export$ccab7a0ef1eb8a1d = (str)=>str.replace(/-([a-z])/g, (_, c)=>c.toUpperCase());
 const $aaba5b6591196695$export$1cbb2dc5eee9b134 = (name, value)=>{
     if (value === '' || value === undefined || value === null) // boolean attribute presence => true
     return true;
@@ -24042,55 +24042,140 @@ const $aaba5b6591196695$export$1cbb2dc5eee9b134 = (name, value)=>{
     }
     return value;
 };
-const $aaba5b6591196695$export$5b7a8ac5c1f59ce8 = (el)=>{
+// Build props from attributes of an element
+const $aaba5b6591196695$var$_buildPropsFromAttributes = (el)=>{
     const props = {};
     for (const attr of el.attributes){
-        const camel = $aaba5b6591196695$export$ccab7a0ef1eb8a1d(attr.name);
+        const camel = $aaba5b6591196695$var$_dashToCamel(attr.name);
         // skip standard attributes not relevant to React props
         if (camel === 'class' || camel === 'style') continue;
         props[camel] = $aaba5b6591196695$export$1cbb2dc5eee9b134(camel, attr.value);
     }
     return props;
 };
-// Props we currently do not support because they expect functions or React elements
+const $aaba5b6591196695$var$_dashToCamel = (str)=>str.replace(/-([a-z])/g, (_, c)=>c.toUpperCase());
+// Props we currently do not support because they expect React elements
 const $aaba5b6591196695$var$disallowedProps = new Set([
-    'events',
     'containerComponent',
-    'legendComponent',
+    'desc',
+    'events',
+    'groupComponent',
     'labelComponent',
-    'titleComponent',
+    'legendComponent',
     'subTitleComponent',
-    'groupComponent',
-    'desc' // container-composed
+    'titleComponent'
 ]);
 class $aaba5b6591196695$export$b3924c9296aeb2b8 extends (0, $b40526c413eb1c4e$export$3f2f9f5909897157) {
     static styles = (0, $e706d93a16dc6562$export$dbf350e5966cf602)`
-    :host { display: inline-block; }
-    .container { width: 100%; height: 100%; }
-  `;
+        :host {
+            display: inline-block;
+        }
+
+        .container {
+            width: 100%;
+            height: 100%;
+        }
+    `;
     constructor(){
         super();
         this._root = null;
         this._container = null;
         this._observer = null;
         this._component = null;
-    }
+        // Common properties applicable to all React chart components that are
+        //  a) either complex attributes such as a function or structured (JSON) data or
+        //  b) trigger a re-render when changed.
+        this._categories = undefined; // string[]
+        this._data = undefined; // any | any[]
+        this._height = undefined; // number
+        this._labels = undefined; // (data: any) => string
+        this._legendAllowWrap = undefined; // boolean
+        this._legendData = undefined; // { name?: string; symbol?: { fill?: string; type?: string; }; }[]
+        this._legendOrientation = undefined; // string
+        this._legendPosition = undefined; // string
+        this._padding = undefined; // { top?: number; bottom?: number; left?: number; right?: number }
+        this._subTitle = undefined; // string
+        this._subTitlePosition = undefined; // string
+        this._themeColor = undefined; // string
+        this._title = undefined; // string
+        this._width = undefined; // number
+    }
+    // ------------------------------------------------------ render
     createRenderRoot() {
-        // Use shadow root to encapsulate, but allow React to mount inside
+        // Use shadow root to encapsulate but allow React to mount inside
         return super.createRenderRoot();
     }
     render() {
-        return (0, $9c96c2653cffd18a$export$c0bb0b647f701bb5)`<div class="container" part="container"></div>`;
+        return (0, $9c96c2653cffd18a$export$c0bb0b647f701bb5)`
+            <div class="container"></div>
+            <slot style="display: none;"></slot>`;
+    }
+    // Must be implemented by subclasses to return [ReactComponent, extraProps]
+    getReactComponent() {
+        throw new Error('getReactComponent() must be implemented by subclass');
     }
-    firstUpdated() {
+    // central render method for standalone and slotted elements.
+    _renderReact() {
+        if (!this._root) return;
+        const rawProps = $aaba5b6591196695$var$_buildPropsFromAttributes(this);
+        const commonProps = this._commonProps();
+        const [Component, extraProps = {}] = this.getReactComponent();
+        const props = {
+            ...rawProps,
+            ...commonProps,
+            ...extraProps
+        };
+        for (const key of Object.keys(props))if ($aaba5b6591196695$var$disallowedProps.has(key)) delete props[key];
+        const children = this._getReactChildren();
+        this._root.render(/*#__PURE__*/ (0, (/*@__PURE__*/$parcel$interopDefault($6Yugf))).createElement(Component, props, ...children));
+    }
+    _getReactChildren() {
+        const slot = this.renderRoot.querySelector('slot');
+        if (!slot) return [];
+        const assignedElements = slot.assignedElements();
+        const reactChildren = [];
+        for (const el of assignedElements)if (el instanceof $aaba5b6591196695$export$b3924c9296aeb2b8) {
+            const childRawProps = $aaba5b6591196695$var$_buildPropsFromAttributes(el);
+            const childCommonProps = el._commonProps(); // Use child's common props, not parent's!
+            const [ChildComponent, childExtraProps = {}] = el.getReactComponent();
+            const childProps = {
+                ...childRawProps,
+                ...childCommonProps,
+                ...childExtraProps
+            };
+            for (const key of Object.keys(childProps))if ($aaba5b6591196695$var$disallowedProps.has(key)) delete childProps[key];
+            reactChildren.push(/*#__PURE__*/ (0, (/*@__PURE__*/$parcel$interopDefault($6Yugf))).createElement(ChildComponent, childProps));
+        }
+        return reactChildren;
+    }
+    // ------------------------------------------------------ lifecycle
+    firstUpdated(_changedProperties) {
         this._container = this.renderRoot.querySelector('.container');
-        this._root = (0, $ee9385893c2288c2$exports.createRoot)(this._container);
-        // Observe attribute changes dynamically (no need for observedAttributes)
-        this._observer = new MutationObserver(()=>this._renderReact());
-        this._observer.observe(this, {
-            attributes: true
-        });
-        this._renderReact();
+        // Check if this element is slotted into a parent that will handle rendering
+        const isSlotted = this._isSlottedChild();
+        if (isSlotted) {
+            // If slotted, DON'T create a React root - parent will handle rendering
+            this._observer = new MutationObserver(()=>{
+                const parent = this.parentElement;
+                if (parent && parent instanceof $aaba5b6591196695$export$b3924c9296aeb2b8 && parent._renderReact) parent._renderReact();
+            });
+            this._observer.observe(this, {
+                attributes: true
+            });
+        } else {
+            // If standalone, create React root and render normally
+            this._root = (0, $ee9385893c2288c2$exports.createRoot)(this._container);
+            this._observer = new MutationObserver(()=>this._renderReact());
+            this._observer.observe(this, {
+                attributes: true,
+                childList: true,
+                subtree: true
+            });
+            // Listen to slot changes to re-render when children change
+            const slot = this.renderRoot.querySelector('slot');
+            if (slot) slot.addEventListener('slotchange', ()=>this._renderReact());
+            this._renderReact();
+        }
     }
     disconnectedCallback() {
         if (this._observer) {
@@ -24103,25 +24188,137 @@ class $aaba5b6591196695$export$b3924c9296aeb2b8 extends (0, $b40526c413eb1c4e$ex
         }
         super.disconnectedCallback();
     }
-    // Implemented by subclasses to return [ReactComponent, extraProps]
-    getReactComponent() {
-        throw new Error('getReactComponent() must be implemented by subclass');
+    _isSlottedChild() {
+        // Check if this element's parent is also a ReactWrapperElement
+        const parent = this.parentElement;
+        return parent && parent instanceof $aaba5b6591196695$export$b3924c9296aeb2b8;
     }
-    _renderReact() {
-        if (!this._root) return;
-        const [Component, extraProps = {}] = this.getReactComponent();
-        const rawProps = $aaba5b6591196695$export$5b7a8ac5c1f59ce8(this);
-        const props = {
-            ...rawProps,
-            ...extraProps
-        };
-        // Drop disallowed props and likely-function strings
-        for (const key of Object.keys(props))if ($aaba5b6591196695$var$disallowedProps.has(key)) delete props[key];
-        // Ensure numeric sizing, default size if none set via style
-        if (props.width) props.width = Number(props.width);
-        if (props.height) props.height = Number(props.height);
-        // Render React component
-        this._root.render(/*#__PURE__*/ (0, (/*@__PURE__*/$parcel$interopDefault($6Yugf))).createElement(Component, props));
+    _notifyChange() {
+        const parent = this.parentElement;
+        if (parent && parent instanceof $aaba5b6591196695$export$b3924c9296aeb2b8 && parent._renderReact) // If slotted, notify the parent to re-render
+        parent._renderReact();
+        else if (this._renderReact) // If standalone, render self
+        this._renderReact();
+    }
+    // ------------------------------------------------------ getters/setters
+    get categories() {
+        return this._categories;
+    }
+    set categories(value) {
+        this._categories = value;
+        this._notifyChange();
+    }
+    get data() {
+        return this._data;
+    }
+    set data(value) {
+        this._data = value;
+        this._notifyChange();
+    }
+    get height() {
+        return this._height;
+    }
+    set height(value) {
+        this._height = value;
+        this._notifyChange();
+    }
+    get labels() {
+        return this._labels;
+    }
+    set labels(value) {
+        this._labels = value;
+        this._notifyChange();
+    }
+    get legendAllowWrap() {
+        return this._legendAllowWrap;
+    }
+    set legendAllowWrap(value) {
+        this._legendAllowWrap = value;
+        this._notifyChange();
+    }
+    get legendData() {
+        return this._legendData;
+    }
+    set legendData(value) {
+        this._legendData = value;
+        this._notifyChange();
+    }
+    get legendOrientation() {
+        return this._legendOrientation;
+    }
+    set legendOrientation(value) {
+        this._legendOrientation = value;
+        this._notifyChange();
+    }
+    get legendPosition() {
+        return this._legendPosition;
+    }
+    set legendPosition(value) {
+        this._legendPosition = value;
+        this._notifyChange();
+    }
+    get padding() {
+        return this._padding;
+    }
+    set padding(value) {
+        this._padding = value;
+        this._notifyChange();
+    }
+    get subTitle() {
+        return this._subTitle;
+    }
+    set subTitle(value) {
+        this._subTitle = value;
+        this._notifyChange();
+    }
+    get subTitlePosition() {
+        return this._subTitlePosition;
+    }
+    set subTitlePosition(value) {
+        this._subTitlePosition = value;
+        this._notifyChange();
+    }
+    get themeColor() {
+        return this._themeColor;
+    }
+    set themeColor(value) {
+        this._themeColor = value;
+        this._notifyChange();
+    }
+    get title() {
+        return this._title;
+    }
+    set title(value) {
+        this._title = value;
+        this._notifyChange();
+    }
+    get width() {
+        return this._width;
+    }
+    set width(value) {
+        this._width = value;
+        this._notifyChange();
+    }
+    _commonProps() {
+        const commonProps = {};
+        if (this._categories && typeof this._categories !== 'string') commonProps.categories = this._categories;
+        else if (this.getAttribute('categories')) commonProps.categories = $aaba5b6591196695$export$1cbb2dc5eee9b134('categories', this.getAttribute('categories'));
+        if (this._data && typeof this._data !== 'string') commonProps.data = this._data;
+        else if (this.getAttribute('data')) commonProps.data = $aaba5b6591196695$export$1cbb2dc5eee9b134('data', this.getAttribute('data'));
+        if (this._height !== undefined) commonProps.height = Number(this._height);
+        if (this._labels !== undefined) commonProps.labels = this._labels;
+        if (this._legendAllowWrap !== undefined) commonProps.legendAllowWrap = this._legendAllowWrap;
+        if (this._legendData && typeof this._legendData !== 'string') commonProps.legendData = this._legendData;
+        else if (this.getAttribute('legend-data')) commonProps.legendData = $aaba5b6591196695$export$1cbb2dc5eee9b134('legend-data', this.getAttribute('legend-data'));
+        if (this._legendOrientation !== undefined) commonProps.legendOrientation = this._legendOrientation;
+        if (this._legendPosition !== undefined) commonProps.legendPosition = this._legendPosition;
+        if (this._padding !== undefined) commonProps.padding = this._padding;
+        if (this._subTitle !== undefined) commonProps.subTitle = this._subTitle;
+        if (this._subTitlePosition !== undefined) commonProps.subTitlePosition = this._subTitlePosition;
+        if (this._themeColor !== undefined) commonProps.themeColor = this._themeColor;
+        if (this._title !== undefined) commonProps.title = this._title;
+        if (this._width !== undefined) commonProps.width = Number(this._width);
+        return commonProps;
     }
 }
 
@@ -44441,38 +44638,15 @@ $dd5da699045065c8$export$fec472aca6f2ecb1.displayName = 'ChartDonut';
 (0, (/*@__PURE__*/$parcel$interopDefault($9c299e56048e10e9$exports)))($dd5da699045065c8$export$fec472aca6f2ecb1, (0, $5116abe858fe723f$export$9f1f200213e0db8e));
 
 
-class $2354123da8d3e4af$export$8d6789422ca55e6b extends (0, $aaba5b6591196695$export$b3924c9296aeb2b8) {
-    constructor(){
-        super();
-        this._labels = undefined;
-    }
-    // Support function-valued 'labels' via direct property assignment on this element only
-    get labels() {
-        return this._labels;
-    }
-    set labels(fn) {
-        this._labels = fn;
-        this._renderReact();
-    }
-    // Provide defaults for common props via extraProps
+class $8dc91b3b3627b924$export$30e1f08cd2b3c4e7 extends (0, $aaba5b6591196695$export$b3924c9296aeb2b8) {
     getReactComponent() {
-        const extraProps = {};
-        // allow setting data via property as object (not only attribute)
-        if (this.data && typeof this.data !== 'string') extraProps.data = this.data;
-        else if (this.getAttribute('data')) {
-            // data can be object or array; parse
-            const parsed = (0, $aaba5b6591196695$export$1cbb2dc5eee9b134)('data', this.getAttribute('data'));
-            extraProps.data = parsed;
-        }
-        // If a function-valued labels property was assigned, prefer it over attribute value
-        if (typeof this._labels === 'function') extraProps.labels = this._labels;
         return [
             (0, $dd5da699045065c8$export$fec472aca6f2ecb1),
-            extraProps
+            {}
         ];
     }
 }
-customElements.define('pf-chart-donut', $2354123da8d3e4af$export$8d6789422ca55e6b);
+customElements.define('pfj-chart-donut', $8dc91b3b3627b924$export$30e1f08cd2b3c4e7);
 
 
 /*
@@ -44621,20 +44795,215 @@ $1e05812a04d92a6f$export$b6d62f0c53606837.displayName = 'ChartDonutUtilization';
 (0, (/*@__PURE__*/$parcel$interopDefault($9c299e56048e10e9$exports)))($1e05812a04d92a6f$export$b6d62f0c53606837, (0, $5116abe858fe723f$export$9f1f200213e0db8e));
 
 
-class $0260144d187cc421$export$19767e694ed6f9d2 extends (0, $aaba5b6591196695$export$b3924c9296aeb2b8) {
+class $6b285b23bf94172b$export$2957d0d4890a4071 extends (0, $aaba5b6591196695$export$b3924c9296aeb2b8) {
+    constructor(){
+        super();
+        this._thresholds = undefined;
+    }
     getReactComponent() {
         const extraProps = {};
-        if (!this.width) extraProps.width = 230;
-        if (!this.height) extraProps.height = 230;
-        if (this.data && typeof this.data !== 'string') extraProps.data = this.data;
-        else if (this.getAttribute('data')) extraProps.data = (0, $aaba5b6591196695$export$1cbb2dc5eee9b134)('data', this.getAttribute('data'));
+        if (this._thresholds && typeof this._thresholds !== 'string') extraProps.thresholds = this._thresholds;
+        else if (this.getAttribute('thresholds')) extraProps.thresholds = (0, $aaba5b6591196695$export$1cbb2dc5eee9b134)('thresholds', this.getAttribute('thresholds'));
         return [
             (0, $1e05812a04d92a6f$export$b6d62f0c53606837),
             extraProps
         ];
     }
+    get thresholds() {
+        return this._thresholds;
+    }
+    set thresholds(value) {
+        this._thresholds = value;
+        this._notifyChange();
+    }
+}
+customElements.define('pfj-chart-donut-utilization', $6b285b23bf94172b$export$2957d0d4890a4071);
+
+
+/*
+ *  Copyright 2023 Red Hat
+ *
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *
+ *      https://www.apache.org/licenses/LICENSE-2.0
+ *
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */ 
+
+
+
+var $6Yugf = parcelRequire("6Yugf");
+
+
+
+
+
+
+
+
+const $cccd5b275d56a186$export$3e52c148922ca244 = (_a)=>{
+    var { allowTooltip: allowTooltip = true, ariaDesc: ariaDesc, ariaTitle: ariaTitle, children: children, colorScale: colorScale, constrainToVisibleArea: constrainToVisibleArea = false, containerComponent: containerComponent = (0, $f908afe81556ce49$exports.jsx)((0, $83b8b7b15b8691db$export$57a8e701bcb0acd5), {}), data: data = [], hasPatterns: hasPatterns, invert: invert = false, labels: labels = [], name: name, padding: padding, radius: radius, standalone: standalone = true, subTitlePosition: subTitlePosition = (0, $1b68cdf529ddf842$export$60e8d3c1940269ca).label.subTitlePosition, themeColor: themeColor, x: x, y: y, theme: // destructure last
+    theme = (0, $a08c5b5d17a46f47$export$46cba25477f56a82)(themeColor, invert), height: height = theme.pie.height, width: width = theme.pie.width } = _a, rest = (0, $1a6c3fdd079e304e$export$3c9a16f847548506)(_a, [
+        "allowTooltip",
+        "ariaDesc",
+        "ariaTitle",
+        "children",
+        "colorScale",
+        "constrainToVisibleArea",
+        "containerComponent",
+        "data",
+        "hasPatterns",
+        "invert",
+        "labels",
+        "name",
+        "padding",
+        "radius",
+        "standalone",
+        "subTitlePosition",
+        "themeColor",
+        "x",
+        "y",
+        "theme",
+        "height",
+        "width"
+    ]);
+    const defaultPadding = {
+        bottom: (0, $f4f80d05129de877$export$f0561fab6613117)('bottom', padding, theme.pie.padding),
+        left: (0, $f4f80d05129de877$export$f0561fab6613117)('left', padding, theme.pie.padding),
+        right: (0, $f4f80d05129de877$export$f0561fab6613117)('right', padding, theme.pie.padding),
+        top: (0, $f4f80d05129de877$export$f0561fab6613117)('top', padding, theme.pie.padding)
+    };
+    const chartRadius = (0, $e97c18231d574110$exports).evaluateProp(radius, undefined) || (0, $e97c18231d574110$exports).getRadius({
+        height: height,
+        width: width,
+        padding: defaultPadding
+    });
+    // Returns computed data representing pie chart slices
+    const getComputedData = ()=>{
+        // Format and sort data. Sorting ensures thresholds are displayed in the correct order and simplifies calculations.
+        const datum = (0, $cff6cd34dc747a7b$exports).formatData(data, Object.assign({
+            x: x,
+            y: y
+        }, rest), [
+            'x',
+            'y'
+        ]).sort((a, b)=>a._y - b._y);
+        // Data must be offset so that the sum of all data point y-values (including the final slice) == 100.
+        const [prev, computedData] = datum.reduce((acc, dataPoint)=>[
+                dataPoint._y,
+                [
+                    ...acc[1],
+                    {
+                        x: dataPoint._x,
+                        y: dataPoint._y - acc[0] // Must be offset by previous value
+                    }
+                ]
+            ], [
+            0,
+            []
+        ]);
+        return [
+            ...computedData,
+            {
+                y: prev ? 100 - prev : 0
+            }
+        ];
+    };
+    // Render dynamic utilization donut cart
+    const computedData = getComputedData();
+    const renderChildren = ()=>(0, $6Yugf.Children).toArray(children).map((child, index)=>{
+            if ((0, $6Yugf.isValidElement)(child)) {
+                const _a = child.props, { data: childData } = _a, childProps = (0, $1a6c3fdd079e304e$export$3c9a16f847548506)(_a, [
+                    "data"
+                ]);
+                const datum = (0, $cff6cd34dc747a7b$exports).formatData([
+                    childData
+                ], childProps, [
+                    'x',
+                    'y'
+                ]); // Format child data independently of this component's props
+                const dynamicTheme = childProps.theme || (0, $a08c5b5d17a46f47$export$e54087fd64115284)(childProps.themeColor || themeColor);
+                return (0, $6Yugf.cloneElement)(child, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, hasPatterns && {
+                    hasPatterns: true
+                }), {
+                    constrainToVisibleArea: constrainToVisibleArea,
+                    data: childData,
+                    endAngle: 360 * (datum[0]._y ? datum[0]._y / 100 : 0),
+                    height: height
+                }), name && (child.name, true) && {
+                    name: `${name}-${child.type.displayName}-${index}`
+                }), {
+                    invert: invert,
+                    isStatic: false,
+                    key: `pf-chart-donut-threshold-child-${index}`,
+                    padding: defaultPadding,
+                    patternUnshiftIndex: computedData.length,
+                    radius: chartRadius - 14,
+                    standalone: false,
+                    subTitlePosition: childProps.subTitlePosition || subTitlePosition,
+                    theme: dynamicTheme,
+                    themeColor: themeColor,
+                    width: width
+                }), childProps));
+            }
+            return child;
+        });
+    // Static threshold donut chart
+    const chart = (0, $f908afe81556ce49$exports.jsx)((0, $dd5da699045065c8$export$fec472aca6f2ecb1), Object.assign({
+        allowTooltip: allowTooltip,
+        colorScale: colorScale,
+        constrainToVisibleArea: constrainToVisibleArea,
+        data: computedData,
+        height: height,
+        hasPatterns: hasPatterns,
+        labels: labels,
+        name: name,
+        padding: defaultPadding,
+        standalone: false,
+        theme: theme,
+        themeColor: themeColor,
+        width: width
+    }, rest), "pf-chart-donut-threshold");
+    // Clone so users can override container props
+    const container = (0, $6Yugf.cloneElement)(containerComponent, Object.assign({
+        desc: ariaDesc,
+        height: height,
+        title: ariaTitle,
+        width: width,
+        theme: theme
+    }, containerComponent.props), [
+        chart,
+        renderChildren()
+    ]);
+    return standalone ? (0, $f908afe81556ce49$exports.jsx)((0, $6Yugf.Fragment), {
+        children: container
+    }) : (0, $f908afe81556ce49$exports.jsxs)((0, $6Yugf.Fragment), {
+        children: [
+            chart,
+            renderChildren()
+        ]
+    });
+};
+$cccd5b275d56a186$export$3e52c148922ca244.displayName = 'ChartDonutThreshold';
+// Note: VictoryPie.role must be hoisted
+(0, (/*@__PURE__*/$parcel$interopDefault($9c299e56048e10e9$exports)))($cccd5b275d56a186$export$3e52c148922ca244, (0, $5116abe858fe723f$export$9f1f200213e0db8e));
+
+
+class $67511bc35416927b$export$197c14b6cca009e8 extends (0, $aaba5b6591196695$export$b3924c9296aeb2b8) {
+    getReactComponent() {
+        return [
+            (0, $cccd5b275d56a186$export$3e52c148922ca244),
+            {}
+        ];
+    }
 }
-customElements.define('pf-chart-donut-utilization', $0260144d187cc421$export$19767e694ed6f9d2);
+customElements.define('pfj-chart-donut-threshold', $67511bc35416927b$export$197c14b6cca009e8);
 
 
 /*
@@ -50371,36 +50740,74 @@ $eae4461abcc661fa$export$8ba7478c61efac8a.displayName = 'ChartBullet';
 (0, (/*@__PURE__*/$parcel$interopDefault($9c299e56048e10e9$exports)))($eae4461abcc661fa$export$8ba7478c61efac8a, (0, $71b328f0c5f737a3$export$fcee0f6ad310645a));
 
 
-class $1e030bc14105804e$export$928df182a35e59e7 extends (0, $aaba5b6591196695$export$b3924c9296aeb2b8) {
+class $cf2f773b9c977cf3$export$d61b38f69c7f8e15 extends (0, $aaba5b6591196695$export$b3924c9296aeb2b8) {
+    constructor(){
+        super();
+        this._comparativeErrorMeasureData = undefined;
+        this._comparativeWarningMeasureData = undefined;
+        this._primaryDotMeasureData = undefined;
+        this._primarySegmentedMeasureData = undefined;
+        this._qualitativeRangeData = undefined;
+    }
     getReactComponent() {
         const extraProps = {};
-        // defaults matching examples
-        if (!this.width) extraProps.width = 600;
-        if (!this.height) extraProps.height = 150;
-        // allow setting various data props via property assignment or data-* attributes in JSON
-        const keys = [
-            'data',
-            'primaryDotMeasureData',
-            'primarySegmentedMeasureData',
-            'comparativeErrorMeasureData',
-            'comparativeWarningMeasureData',
-            'qualitativeRangeData',
-            'legendData'
-        ];
-        for (const key of keys){
-            const attr = this.getAttribute(key.replace(/[A-Z]/g, (m)=>`-${m.toLowerCase()}`));
-            if (this[key] && typeof this[key] !== 'string') extraProps[key] = this[key];
-            else if (attr) extraProps[key] = (0, $aaba5b6591196695$export$1cbb2dc5eee9b134)(key, attr);
-        }
+        if (this._comparativeErrorMeasureData && typeof this._comparativeErrorMeasureData !== 'string') extraProps.comparativeErrorMeasureData = this._comparativeErrorMeasureData;
+        else if (this.getAttribute('comparative-error-measure-data')) extraProps.thresholds = (0, $aaba5b6591196695$export$1cbb2dc5eee9b134)('comparative-error-measure-data', this.getAttribute('comparative-error-measure-data'));
+        if (this._comparativeWarningMeasureData && typeof this._comparativeWarningMeasureData !== 'string') extraProps.comparativeWarningMeasureData = this._comparativeWarningMeasureData;
+        else if (this.getAttribute('comparative-warning-measure-data')) extraProps.thresholds = (0, $aaba5b6591196695$export$1cbb2dc5eee9b134)('comparative-warning-measure-data', this.getAttribute('comparative-warning-measure-data'));
+        if (this._primaryDotMeasureData && typeof this._primaryDotMeasureData !== 'string') extraProps.primaryDotMeasureData = this._primaryDotMeasureData;
+        else if (this.getAttribute('primary-dot-measure-data')) extraProps.thresholds = (0, $aaba5b6591196695$export$1cbb2dc5eee9b134)('primary-dot-measure-data', this.getAttribute('primary-dot-measure-data'));
+        if (this._primarySegmentedMeasureData && typeof this._primarySegmentedMeasureData !== 'string') extraProps.primarySegmentedMeasureData = this._primarySegmentedMeasureData;
+        else if (this.getAttribute('primary-segmented-measure-data')) extraProps.thresholds = (0, $aaba5b6591196695$export$1cbb2dc5eee9b134)('primary-segmented-measure-data', this.getAttribute('primary-segmented-measure-data'));
+        if (this._qualitativeRangeData && typeof this._qualitativeRangeData !== 'string') extraProps.qualitativeRangeData = this._qualitativeRangeData;
+        else if (this.getAttribute('qualitative-range-data')) extraProps.thresholds = (0, $aaba5b6591196695$export$1cbb2dc5eee9b134)('qualitative-range-data', this.getAttribute('qualitative-range-data'));
         return [
             (0, $eae4461abcc661fa$export$8ba7478c61efac8a),
             extraProps
         ];
     }
+    get comparativeErrorMeasureData() {
+        return this._comparativeErrorMeasureData;
+    }
+    set comparativeErrorMeasureData(value) {
+        this._comparativeErrorMeasureData = value;
+        this._notifyChange();
+    }
+    get comparativeWarningMeasureData() {
+        return this._comparativeWarningMeasureData;
+    }
+    set comparativeWarningMeasureData(value) {
+        this._comparativeWarningMeasureData = value;
+        this._notifyChange();
+    }
+    get primaryDotMeasureData() {
+        return this._primaryDotMeasureData;
+    }
+    set primaryDotMeasureData(value) {
+        this._primaryDotMeasureData = value;
+        this._notifyChange();
+    }
+    get primarySegmentedMeasureData() {
+        return this._primarySegmentedMeasureData;
+    }
+    set primarySegmentedMeasureData(value) {
+        this._primarySegmentedMeasureData = value;
+        this._notifyChange();
+    }
+    get qualitativeRangeData() {
+        return this._qualitativeRangeData;
+    }
+    set qualitativeRangeData(value) {
+        this._qualitativeRangeData = value;
+        this._notifyChange();
+    }
 }
-customElements.define('pf-chart-bullet', $1e030bc14105804e$export$928df182a35e59e7);
+customElements.define('pfj-chart-bullet', $cf2f773b9c977cf3$export$d61b38f69c7f8e15);
 
 
+class $a45b9a89eb76584c$var$ChartElement extends HTMLElement {
+}
+window.ChartElement = $a45b9a89eb76584c$var$ChartElement;
 
 })();
 //# sourceMappingURL=charts.js.map