@oracle/oraclejet-core-pack 16.1.4 → 17.0.0

package/oj-c/tab-bar/component.json

@@ -0,0 +1,223 @@
+{
+  "name": "tab-bar",
+  "version": "17.0.0",
+  "jetVersion": "^17.0.0",
+  "pack": "oj-c",
+  "type": "composite",
+  "dependencyScope": "runtime",
+  "license": "https://opensource.org/licenses/UPL",
+  "implements": [
+    "CTabBarElement"
+  ],
+  "description": "A tab bar allows navigation between different content sections.",
+  "displayName": "Tab Bar",
+  "help": "oj-c.TabBar.html",
+  "main": "oj-c/tab-bar",
+  "status": [
+    {
+      "type": "candidate",
+      "since": "17.0.0"
+    }
+  ],
+  "since": "17.0.0",
+  "properties": {
+    "data": {
+      "type": "Array<object>|DataProvider",
+      "description": "An array of tabs",
+      "displayName": "data",
+      "help": "data",
+      "value": []
+    },
+    "selection": {
+      "type": "any",
+      "description": "The key of the selected tab",
+      "displayName": "Selected Tab",
+      "help": "#selection",
+      "writeback": true
+    },
+    "reorderable": {
+      "type": "string",
+      "description": "The reorderable configuration for tabs.",
+      "displayName": "reorderable",
+      "propertyEditorValues": {
+        "enabled": {
+          "description": "Enables reordering of items in tabbar.",
+          "displayName": "Enabled"
+        },
+        "disabled": {
+          "description": "Disables reordering of items in tabbar.",
+          "displayName": "Disabled"
+        }
+      },
+      "enumValues": [
+        "disabled",
+        "enabled"
+      ],
+      "value": "disabled"
+    },
+    "overflow": {
+      "type": "string",
+      "description": "Specifies the overflow behavior.",
+      "displayName": "Layout",
+      "enumValues": [
+        "hidden",
+        "popup",
+        "conveyor"
+      ],
+      "value": "hidden"
+    },
+    "display": {
+      "type": "string",
+      "description": "The display configuration for tabs.",
+      "displayName": "Tabs Display",
+      "propertyEditorValues": {
+        "standard": {
+          "description": "Label and icon are shown for all tabs.",
+          "displayName": "Standard"
+        },
+        "icons": {
+          "description": "Only icons are shown for all tabs.",
+          "displayName": "Icons"
+        },
+        "stacked": {
+          "description": "Stacks the badge over the icon and icon over the label when applicable.",
+          "displayName": "Stacked"
+        }
+      },
+      "enumValues": [
+        "standard",
+        "icons",
+        "stacked"
+      ],
+      "value": "standard"
+    },
+    "layout": {
+      "type": "string",
+      "description": "The layout configuration for tabs.",
+      "displayName": "Layout",
+      "propertyEditorValues": {
+        "stretch": {
+          "description": "Stretches the tab bar items to occupy available space ",
+          "displayName": "Stretch"
+        },
+        "condense": {
+          "description": "Condenses the space occupied by tab bar items",
+          "displayName": "Condense"
+        }
+      },
+      "enumValues": [
+        "stretch",
+        "condense"
+      ],
+      "value": "stretch"
+    },
+    "edge": {
+      "type": "string",
+      "description": "The edge configuration for tabs.",
+      "displayName": "Edge",
+      "enumValues": [
+        "top",
+        "bottom"
+      ],
+      "value": "top"
+    }
+  },
+  "events": {
+    "ojBeforeSelect": {
+      "cancelable": true,
+      "description": "Triggered before a tab is selected.",
+      "displayName": "Before Select",
+      "help": "#event:beforeSelect",
+      "detail": {
+        "accept": {
+          "description": "This method can be called with an application-created Promise to cancel this event asynchronously.  The Promise should be resolved or rejected to accept or cancel the event, respectively.",
+          "type": "function"
+        },
+        "key": {
+          "type": "any"
+        }
+      }
+    },
+    "ojRemove": {
+      "description": "Triggered when user performs a remove gesture on a tab.",
+      "displayName": "Remove",
+      "help": "#event:remove",
+      "detail": {
+        "key": {
+          "type": "any"
+        }
+      }
+    },
+    "ojReorder": {
+      "description": "Triggered when user performs a reorder gesture on a tab.",
+      "displayName": "Reorder",
+      "help": "#event:reorder",
+      "detail": {
+        "reorderedKeys": {
+          "type": "Array<any>"
+        }
+      }
+    },
+    "ojSelectionAction": {
+      "description": "Triggered when user performs an action gesture on a tab.",
+      "displayName": "Selection Action",
+      "help": "#event:selectionAction",
+      "detail": {
+        "previousValue": {
+          "type": "any"
+        },
+        "value": {
+          "type": "any"
+        }
+      }
+    }
+  },
+  "methods": {
+    "setProperty": {
+      "description": "Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.",
+      "help": "#setProperty",
+      "params": [
+        {
+          "name": "property",
+          "description": "The property name to set. Supports dot notation for subproperty access.",
+          "type": "string"
+        },
+        {
+          "name": "value",
+          "description": "The new value to set the property to.",
+          "type": "any"
+        }
+      ],
+      "return": "void"
+    },
+    "getProperty": {
+      "description": "Retrieves the value of a property or a subproperty.",
+      "help": "#getProperty",
+      "params": [
+        {
+          "name": "property",
+          "description": "The property name to get. Supports dot notation for subproperty access.",
+          "type": "string"
+        }
+      ],
+      "return": "any"
+    },
+    "setProperties": {
+      "description": "Performs a batch set of properties.",
+      "help": "#setProperties",
+      "params": [
+        {
+          "name": "properties",
+          "description": "An object containing the property and value pairs to set.",
+          "type": "object"
+        }
+      ],
+      "return": "void"
+    }
+  },
+  "extension": {
+    "webelement": {
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/TabBarWebElement.html"
+    }
+  }
+}

package/oj-c/tab-bar/index.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "./tab-bar"], function (require, exports, tab_bar_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.TabBar = void 0;
+    Object.defineProperty(exports, "TabBar", { enumerable: true, get: function () { return tab_bar_1.TabBar; } });
+});

package/oj-c/tab-bar/tab-bar-styles.css

@@ -0,0 +1,11 @@
+oj-c-tab-bar:not(.oj-complete) {
+  visibility: hidden;
+}
+
+oj-c-tab-bar {
+  display: block;
+}
+
+oj-c-tab-bar [hidden] {
+  display: none;
+}

package/oj-c/tab-bar/tab-bar.js

@@ -0,0 +1,70 @@
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "ojs/ojvcomponent", "oj-c/hooks/UNSAFE_useDataProvider/useDataProvider", "ojs/ojcontext", "./DataTabBar", "preact/hooks"], function (require, exports, jsx_runtime_1, translationBundle_1, ojvcomponent_1, useDataProvider_1, Context, DataTabBar_1, hooks_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.TabBar = void 0;
+    function isDataProvider(data) {
+        return data && 'fetchFirst' in data;
+    }
+    exports.TabBar = (0, ojvcomponent_1.registerCustomElement)('oj-c-tab-bar', ({ data = [], onOjBeforeSelect, onOjRemove, onOjReorder, onOjSelectionAction, onSelectionChanged, reorderable = 'disabled', overflow = 'hidden', selection, display = 'standard', layout = 'stretch', edge = 'top', 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby }) => {
+        const rootRef = (0, hooks_1.useRef)();
+        const addBusyState = (0, hooks_1.useCallback)((description = 'MessageBanner: busyState') => {
+            return rootRef.current
+                ? Context.getContext(rootRef.current).getBusyContext().addBusyState({ description })
+                : () => { };
+        }, []);
+        const { data: tabData } = (0, useDataProvider_1.useDataProvider)({
+            data: !Array.isArray(data) && isDataProvider(data) ? data : undefined,
+            addBusyState
+        });
+        const dataArr = (0, hooks_1.useMemo)(() => {
+            let retDataArr = [];
+            if (Array.isArray(data)) {
+                retDataArr = data;
+            }
+            else {
+                if (isDataProvider(data)) {
+                    retDataArr = tabData.map((item) => {
+                        return { ...item.data };
+                    });
+                }
+            }
+            return retDataArr;
+        }, [data, tabData]);
+        const handleRemove = (event) => {
+            if (onOjRemove) {
+                onOjRemove({ key: event.value });
+            }
+        };
+        const handleReorder = (event) => {
+            if (onOjReorder) {
+                onOjReorder({ reorderedKeys: event.reorderedKeys });
+            }
+        };
+        const handleSelect = (event) => {
+            if (onOjSelectionAction) {
+                onOjSelectionAction({ previousValue: selection || '', value: event.value });
+            }
+            if (selection === event.value) {
+                return;
+            }
+            (async () => {
+                handleOnSelectionChanged: {
+                    if (onOjBeforeSelect) {
+                        try {
+                            await onOjBeforeSelect({ key: event.value });
+                        }
+                        catch {
+                            break handleOnSelectionChanged;
+                        }
+                    }
+                    if (onSelectionChanged) {
+                        onSelectionChanged(event.value);
+                    }
+                }
+            })();
+        };
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, children: (0, jsx_runtime_1.jsx)(DataTabBar_1.DataTabBar, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, data: dataArr, onRemove: handleRemove, onReorder: handleReorder, onSelect: handleSelect, reorderable: reorderable, selection: selection, display: display, edge: edge, layout: layout, overflow: overflow }) }));
+    }, "TabBar", { "properties": { "data": { "type": "Array<object>|DataProvider" }, "selection": { "type": "any", "writeback": true }, "reorderable": { "type": "string", "enumValues": ["disabled", "enabled"] }, "overflow": { "type": "string", "enumValues": ["hidden", "popup", "conveyor"] }, "display": { "type": "string", "enumValues": ["standard", "icons", "stacked"] }, "layout": { "type": "string", "enumValues": ["stretch", "condense"] }, "edge": { "type": "string", "enumValues": ["top", "bottom"] } }, "events": { "ojBeforeSelect": { "cancelable": true }, "ojRemove": {}, "ojReorder": {}, "ojSelectionAction": {} }, "extension": { "_WRITEBACK_PROPS": ["selection"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "id", "aria-labelledby"] } }, { "data": [], "reorderable": "disabled", "overflow": "hidden", "display": "standard", "layout": "stretch", "edge": "top" }, {
+        '@oracle/oraclejet-preact': translationBundle_1.default
+    });
+});

package/oj-c/tab-bar-mixed/DataTabBarMixed.js

@@ -37,7 +37,7 @@ define(["require", "exports", "preact/jsx-runtime", "preact/hooks", "@oracle/ora
                                 badge: tab.badge ? tab.badge.toString() : undefined,
                                 label: tab.label,
                                 isRemovable: true
-                            })) }))] }), dynamicTabsOverflow === 'conveyor' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isDividerVisible && (0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.TabBarMixedSeparator, { padding: separatorPadding }), (0, jsx_runtime_1.jsx)(UNSAFE_ConveyorBelt_1.ConveyorBelt, { children: (0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.TabBarLayout, { display: "standard", layout: "condense", children: dynamicTabs.map((tab) => ((0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.RemovableTabBarItem, { badge: tab.badge ? tab.badge.toString() : undefined, itemKey: tab.itemKey, label: tab.label, "aria-controls": tab.tabPanelId }))) }) })] }))] }));
+                            })) }))] }), dynamicTabsOverflow === 'conveyor' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isDividerVisible && (0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.TabBarMixedSeparator, { padding: separatorPadding }), (0, jsx_runtime_1.jsx)(UNSAFE_ConveyorBelt_1.ConveyorBelt, { children: (0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.TabBarLayout, { display: "standard", layout: "condense", children: dynamicTabs.map((tab) => ((0, jsx_runtime_1.jsx)(UNSAFE_TabBarMixed_1.RemovableTabBarItem, { "aria-controls": tab.tabPanelId, badge: tab.badge ? tab.badge.toString() : undefined, itemKey: tab.itemKey, label: tab.label }))) }) })] }))] }));
     }
     exports.DataTabBarMixed = DataTabBarMixed;
 });

package/oj-c/tab-bar-mixed/component.json

@@ -1,7 +1,7 @@
 {
   "name": "tab-bar-mixed",
-  "version": "16.1.4",
-  "jetVersion": "^16.1.4",
+  "version": "17.0.0",
+  "jetVersion": "^17.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -13,12 +13,21 @@
   "displayName": "Tab Bar Mixed",
   "help": "oj-c.TabBarMixed.html",
   "main": "oj-c/tab-bar-mixed",
+  "status": [
+    {
+      "type": "candidate",
+      "since": "17.0.0"
+    }
+  ],
   "extension": {
     "catalog": {
       "category": "Layout & Nav"
     },
     "vbdt": {
       "module": "oj-c/tab-bar-mixed"
+    },
+    "webelement": {
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/TabBarMixedWebElement.html"
     }
   },
   "since": "16.1.0",

package/oj-c/tab-bar-mixed/sumBadge.js

@@ -1,4 +1,4 @@
-define(["require", "exports"], function (require, exports) {
+define(["require", "exports", "ojs/ojlogger"], function (require, exports, Logger) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.sumBadge = void 0;
@@ -9,11 +9,11 @@ define(["require", "exports"], function (require, exports) {
             }
             const num = Number(item.badge);
             if (!Number.isInteger(num)) {
-                console.warn(`Item with itemKey ${item.itemKey} provided a badge of '${item.badge}', expected integer`);
+                Logger.warn(`Tab item with itemKey '${item.itemKey}' provided a badge of '${item.badge}', expected integer`);
                 return total;
             }
             if (num < 0) {
-                console.warn(`Item with itemKey ${item.itemKey} provided a negative numerical badge value of '${item.badge}', expected positive integer. This will be discarded from total.`);
+                Logger.warn(`Tab item with itemKey '${item.itemKey}' provided a negative numerical badge value of '${item.badge}', expected positive integer. This will be discarded from total.`);
                 return total;
             }
             return total + item.badge;

package/oj-c/tab-bar-mixed/tab-bar-mixed.js

@@ -32,7 +32,7 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
                 }
             })();
         };
-        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: (0, jsx_runtime_1.jsx)(DataTabBarMixed_1.DataTabBarMixed, { dynamicTabs: dynamicTabs, dynamicTabsOverflow: dynamicTabsOverflow, dynamicTabsOverflowIcon: dynamicTabsOverflowIcon, onRemove: handleRemove, onSelect: handleSelect, selection: selection, separatorPadding: separatorPadding, size: size, staticTabs: staticTabs, staticTabsDisplay: staticTabsDisplay, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby }) }));
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { children: (0, jsx_runtime_1.jsx)(DataTabBarMixed_1.DataTabBarMixed, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, dynamicTabs: dynamicTabs, dynamicTabsOverflow: dynamicTabsOverflow, dynamicTabsOverflowIcon: dynamicTabsOverflowIcon, onRemove: handleRemove, onSelect: handleSelect, selection: selection, separatorPadding: separatorPadding, size: size, staticTabs: staticTabs, staticTabsDisplay: staticTabsDisplay }) }));
     }, "TabBarMixed", { "properties": { "dynamicTabs": { "type": "Array<object>" }, "dynamicTabsOverflow": { "type": "string", "enumValues": ["popup", "conveyor"] }, "dynamicTabsOverflowIcon": { "type": "object" }, "size": { "type": "string", "enumValues": ["md", "lg"] }, "selection": { "type": "any", "writeback": true }, "separatorPadding": { "type": "string" }, "staticTabs": { "type": "Array<object>" }, "staticTabsDisplay": { "type": "string", "enumValues": ["standard", "icons"] } }, "events": { "ojBeforeSelect": { "cancelable": true }, "ojRemove": {}, "ojSelectionAction": {} }, "extension": { "_WRITEBACK_PROPS": ["selection"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "id", "aria-labelledby"] } }, undefined, {
         '@oracle/oraclejet-preact': translationBundle_1.default
     });

package/oj-c/tab-bar-mixed.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "./tab-bar-mixed/tab-bar-mixed"], function (require, exports, tab_bar_mixed_1) {
+define(["require", "exports", "oj-c/tab-bar-mixed/tab-bar-mixed"], function (require, exports, tab_bar_mixed_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.TabBarMixed = void 0;

package/oj-c/tab-bar.js

@@ -0,0 +1,6 @@
+define(["require", "exports", "oj-c/tab-bar/tab-bar"], function (require, exports, tab_bar_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.TabBar = void 0;
+    Object.defineProperty(exports, "TabBar", { enumerable: true, get: function () { return tab_bar_1.TabBar; } });
+});

package/oj-c/tag-cloud/component.json

@@ -1,7 +1,7 @@
 {
   "name": "tag-cloud",
-  "version": "16.1.4",
-  "jetVersion": "^16.1.4",
+  "version": "17.0.0",
+  "jetVersion": "^17.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -13,6 +13,12 @@
   "displayName": "Tag Cloud",
   "main": "oj-c/tag-cloud",
   "help": "oj-c.TagCloud.html",
+  "status": [
+    {
+      "type": "candidate",
+      "since": "17.0.0"
+    }
+  ],
   "extension": {
     "catalog": {
       "category": "Visualizations"
@@ -27,6 +33,9 @@
       "uxSpecs": [
         "tag-cloud"
       ]
+    },
+    "webelement": {
+      "docUrl": "https://www.oracle.com/webfolder/technetwork/jet-1700/cpwdtsdoc/classes/TagCloudWebElement.html"
     }
   },
   "propertyLayout": [

package/oj-c/tag-cloud/tag-cloud.js

@@ -1,16 +1,10 @@
-define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "preact/hooks", "preact/compat", "@oracle/oraclejet-preact/UNSAFE_TagCloud", "ojs/ojcontext", "./utils", "@oracle/oraclejet-preact/UNSAFE_VisStatusMessage", "../hooks/UNSAFE_useVizCategories/useVizCategories", "ojs/ojvcomponent", "./utils", "../hooks/UNSAFE_useDataProvider/useDataProvider", "../utils/UNSAFE_vizUtils/TemplateHandler", "css!oj-c/tag-cloud/tag-cloud-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, hooks_1, compat_1, UNSAFE_TagCloud_1, Context, utils_1, UNSAFE_VisStatusMessage_1, useVizCategories_1, ojvcomponent_1, utils_2, useDataProvider_1, TemplateHandler_1) {
+define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/translationBundle', "preact/hooks", "preact/compat", "@oracle/oraclejet-preact/UNSAFE_TagCloud", "../hooks/UNSAFE_useVisBusyState/useVisBusyState", "./utils", "@oracle/oraclejet-preact/UNSAFE_VisStatusMessage", "../hooks/UNSAFE_useVizCategories/useVizCategories", "ojs/ojvcomponent", "./utils", "../hooks/UNSAFE_useDataProvider/useDataProvider", "../utils/UNSAFE_vizUtils/TemplateHandler", "css!oj-c/tag-cloud/tag-cloud-styles.css"], function (require, exports, jsx_runtime_1, translationBundle_1, hooks_1, compat_1, UNSAFE_TagCloud_1, useVisBusyState_1, utils_1, UNSAFE_VisStatusMessage_1, useVizCategories_1, ojvcomponent_1, utils_2, useDataProvider_1, TemplateHandler_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.TagCloud = void 0;
     function TagCloudComp({ hiddenCategories = [], data = null, highlightedCategories = [], hoverBehavior = 'none', layout = 'rectangular', selection = [], selectionMode = 'none', highlightMatch = 'all', ...props }) {
         const rootRef = (0, hooks_1.useRef)(null);
-        const addBusyState = (0, hooks_1.useCallback)((description) => {
-            return rootRef.current
-                ? Context.getContext(rootRef.current)
-                    .getBusyContext()
-                    .addBusyState({ description: description })
-                : () => { };
-        }, []);
+        const addBusyState = (0, useVisBusyState_1.useVisBusyState)(rootRef, 'oj-c-tag-cloud');
         const { data: compData } = (0, useDataProvider_1.useDataProvider)({
             data: data ? data : undefined,
             addBusyState: addBusyState
@@ -68,7 +62,7 @@ define(["require", "exports", "preact/jsx-runtime", '@oracle/oraclejet-preact/tr
                 };
             }
             : undefined;
-        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, children: !data || items.length === 0 ? ((0, jsx_runtime_1.jsx)(UNSAFE_VisStatusMessage_1.VisNoData, { "aria-label": props['aria-label'] })) : ((0, jsx_runtime_1.jsx)(UNSAFE_TagCloud_1.TagCloud, { layout: layout, datatip: datatip, highlightedIds: isHighlightOn ? highlightedIds : undefined, hiddenIds: hiddenIds, accessibleLabel: props['aria-label'], "aria-describedBy": props['aria-describedby'], "aria-labelledBy": props['aria-labelledby'], items: preactItems, selectionMode: selectionMode, onSelectionChange: selectionChangeHandler, onItemAction: hasUrl ? itemActionHandler : undefined, onItemInput: inputHandler, selectedIds: selectionMode === 'none' ? undefined : selection, width: "100%", height: "100%" })) }));
+        return ((0, jsx_runtime_1.jsx)(ojvcomponent_1.Root, { ref: rootRef, children: !data || items.length === 0 ? ((0, jsx_runtime_1.jsx)(UNSAFE_VisStatusMessage_1.VisNoData, { "aria-label": props['aria-label'], "aria-describedby": props['aria-describedby'], "aria-labelledby": props['aria-labelledby'] })) : ((0, jsx_runtime_1.jsx)(UNSAFE_TagCloud_1.TagCloud, { layout: layout, datatip: datatip, highlightedIds: isHighlightOn ? highlightedIds : undefined, accessibleLabel: props['aria-label'], "aria-describedBy": props['aria-describedby'], "aria-labelledBy": props['aria-labelledby'], items: preactItems.filter((i) => !hiddenIds?.includes(i.id)), selectionMode: selectionMode, onSelectionChange: selectionChangeHandler, onItemAction: hasUrl ? itemActionHandler : undefined, onItemFocus: inputHandler, onItemHover: inputHandler, selectedIds: selectionMode === 'none' ? undefined : selection, width: "100%", height: "100%" })) }));
     }
     exports.TagCloud = (0, ojvcomponent_1.registerCustomElement)('oj-c-tag-cloud', TagCloudComp, "TagCloud", { "properties": { "data": { "type": "DataProvider|null" }, "datatip": { "type": "function" }, "hiddenCategories": { "type": "Array<string>", "writeback": true }, "touchResponse": { "type": "string", "enumValues": ["auto", "touchStart"] }, "highlightMatch": { "type": "string", "enumValues": ["all", "any"] }, "highlightedCategories": { "type": "Array<string>", "writeback": true }, "hoverBehavior": { "type": "string", "enumValues": ["none", "dim"] }, "layout": { "type": "string", "enumValues": ["cloud", "rectangular"] }, "selectionMode": { "type": "string", "enumValues": ["none", "multiple", "single"] }, "selection": { "type": "Array<any>", "writeback": true } }, "slots": { "itemTemplate": { "data": {} } }, "extension": { "_WRITEBACK_PROPS": ["hiddenCategories", "highlightedCategories", "selection"], "_READ_ONLY_PROPS": [], "_OBSERVED_GLOBAL_PROPS": ["aria-label", "aria-describedby", "aria-labelledby"] } }, { "hiddenCategories": [], "data": null, "highlightedCategories": [], "hoverBehavior": "none", "layout": "rectangular", "selection": [], "selectionMode": "none", "highlightMatch": "all" }, {
         '@oracle/oraclejet-preact': translationBundle_1.default

package/oj-c/tag-cloud-item/component.json

@@ -1,7 +1,7 @@
 {
   "name": "tag-cloud-item",
-  "version": "16.1.4",
-  "jetVersion": "^16.1.4",
+  "version": "17.0.0",
+  "jetVersion": "^17.0.0",
   "pack": "oj-c",
   "type": "composite",
   "dependencyScope": "runtime",
@@ -14,6 +14,12 @@
   "displayName": "TagCloudItem",
   "main": "oj-c/tag-cloud-item",
   "help": "oj-c.TagCloudItem.html",
+  "status": [
+    {
+      "type": "candidate",
+      "since": "17.0.0"
+    }
+  ],
   "extension": {
     "catalog": {
       "category": "Visualizations"

package/oj-c/tag-cloud-item.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "./tag-cloud-item/tag-cloud-item"], function (require, exports, tag_cloud_item_1) {
+define(["require", "exports", "oj-c/tag-cloud-item/tag-cloud-item"], function (require, exports, tag_cloud_item_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.TagCloudItem = void 0;

package/oj-c/tag-cloud.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "./tag-cloud/tag-cloud"], function (require, exports, tag_cloud_1) {
+define(["require", "exports", "oj-c/tag-cloud/tag-cloud"], function (require, exports, tag_cloud_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.TagCloud = void 0;

package/oj-c/text-area/__webdriver__/TextAreaWebElementBase.d.ts

@@ -167,13 +167,6 @@ export declare class TextAreaWebElementBase extends OjWebElement {
      *
      */
     getTextAlign(): Promise<string>;
-    /**
-     * Gets the value of <code>unsafe_labelledBy</code> property.
-     *
-     * @return The value of <code>unsafe_labelledBy</code> property.
-     *
-     */
-    getUnsafeLabelledBy(): Promise<string>;
     /**
      * Gets the value of <code>userAssistanceDensity</code> property.
      * Specifies the density of the form component's user assistance presentation.

package/oj-c/text-area/__webdriver__/TextAreaWebElementBase.js

@@ -216,15 +216,6 @@ class TextAreaWebElementBase extends elements_1.OjWebElement {
     getTextAlign() {
         return this.getProperty('textAlign');
     }
-    /**
-     * Gets the value of <code>unsafe_labelledBy</code> property.
-     *
-     * @return The value of <code>unsafe_labelledBy</code> property.
-     *
-     */
-    getUnsafeLabelledBy() {
-        return this.getProperty('unsafe_labelledBy');
-    }
     /**
      * Gets the value of <code>userAssistanceDensity</code> property.
      * Specifies the density of the form component's user assistance presentation.

package/oj-c/text-area/__webdriver__/TextAreaWebElementBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaWebElementBase.js","sourceRoot":"","sources":["TextAreaWebElementBase.ts"],"names":[],"mappings":"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","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-text-area WebElement, and is generated from the\n * component's metadata. Do not modify these contents since they'll be replaced\n * during the next generation.\n * Put overrides into the WebElements's subclass, TextAreaWebElement.ts.\n */\nexport class TextAreaWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>autocomplete</code> property.\n   * Dictates component's autocomplete state\n   * @return The value of <code>autocomplete</code> property.\n   *\n   */\n  public getAutocomplete(): Promise<string> {\n    return this.getProperty<string>('autocomplete');\n  }\n\n  /**\n   * Gets the value of <code>columnSpan</code> property.\n   * Specifies how many columns this component should span.\n   * @return The value of <code>columnSpan</code> property.\n   *\n   */\n  public getColumnSpan(): Promise<number> {\n    return this.getProperty<number>('columnSpan');\n  }\n\n  /**\n   * Gets the value of <code>containerReadonly</code> property.\n   * Specifies whether an ancestor container, like oj-c-form-layout, is readonly.\n   * @return The value of <code>containerReadonly</code> property.\n   *\n   */\n  public getContainerReadonly(): Promise<boolean> {\n    return this.getProperty<boolean>('containerReadonly');\n  }\n\n  /**\n   * Gets the value of <code>converter</code> property.\n   * Specifies the converter instance.\n   * @return The value of <code>converter</code> property.\n   *\n   */\n  public getConverter(): Promise<object | null> {\n    return this.getProperty<object | null>('converter');\n  }\n\n  /**\n   * Gets the value of <code>disabled</code> property.\n   * Specifies whether the component is disabled.\n   * @return The value of <code>disabled</code> property.\n   *\n   */\n  public getDisabled(): Promise<boolean> {\n    return this.getProperty<boolean>('disabled');\n  }\n\n  /**\n   * Gets the value of <code>displayOptions</code> property.\n   * Display options for auxiliary content that determines whether or not it should be displayed.\n   * @return The value of <code>displayOptions</code> property.\n   *\n   */\n  public getDisplayOptions(): Promise<DisplayOptions> {\n    return this.getProperty<DisplayOptions>('displayOptions');\n  }\n\n  /**\n   * Gets the value of <code>help</code> property.\n   * Form component help information.\n   * @return The value of <code>help</code> property.\n   *\n   */\n  public getHelp(): Promise<Help> {\n    return this.getProperty<Help>('help');\n  }\n\n  /**\n   * Gets the value of <code>helpHints</code> property.\n   * The helpHints object contains a definition property and a source property.\n   * @return The value of <code>helpHints</code> property.\n   *\n   */\n  public getHelpHints(): Promise<HelpHints> {\n    return this.getProperty<HelpHints>('helpHints');\n  }\n\n  /**\n   * Gets the value of <code>labelEdge</code> property.\n   * Specifies how the label is positioned for the component\n   * @return The value of <code>labelEdge</code> property.\n   *\n   */\n  public getLabelEdge(): Promise<string> {\n    return this.getProperty<string>('labelEdge');\n  }\n\n  /**\n   * Gets the value of <code>labelHint</code> property.\n   * Represents a hint for rendering a label on the component.\n   * @return The value of <code>labelHint</code> property.\n   *\n   */\n  public getLabelHint(): Promise<string> {\n    return this.getProperty<string>('labelHint');\n  }\n\n  /**\n   * Gets the value of <code>labelStartWidth</code> property.\n   * The width of the label when labelEdge is 'start'.\n   * @return The value of <code>labelStartWidth</code> property.\n   *\n   */\n  public getLabelStartWidth(): Promise<number | string> {\n    return this.getProperty<number | string>('labelStartWidth');\n  }\n\n  /**\n   * Gets the value of <code>labelWrapping</code> property.\n   * Should the labels wrap or truncate when there is not enough available space.\n   * @return The value of <code>labelWrapping</code> property.\n   *\n   */\n  public getLabelWrapping(): Promise<string> {\n    return this.getProperty<string>('labelWrapping');\n  }\n\n  /**\n   * Gets the value of <code>length</code> property.\n   * Defines the length limit for the field\n   * @return The value of <code>length</code> property.\n   *\n   */\n  public getLength(): Promise<Length> {\n    return this.getProperty<Length>('length');\n  }\n\n  /**\n   * Gets the value of <code>maxRows</code> property.\n   * The maximum number of visible text lines of the textarea.\n   * @return The value of <code>maxRows</code> property.\n   *\n   */\n  public getMaxRows(): Promise<number> {\n    return this.getProperty<number>('maxRows');\n  }\n\n  /**\n   * Sets the value of <code>messagesCustom</code> property.\n   * List of custom component messages\n   * @param messagesCustom The value to set for <code>messagesCustom</code>\n   *\n   */\n  public changeMessagesCustom(messagesCustom: Array<MessagesCustom>): Promise<void> {\n    return this.setProperty<Array<MessagesCustom>>('messagesCustom', messagesCustom);\n  }\n\n  /**\n   * Gets the value of <code>messagesCustom</code> property.\n   * List of custom component messages\n   * @return The value of <code>messagesCustom</code> property.\n   *\n   */\n  public getMessagesCustom(): Promise<Array<MessagesCustom>> {\n    return this.getProperty<Array<MessagesCustom>>('messagesCustom');\n  }\n\n  /**\n   * Gets the value of <code>placeholder</code> property.\n   * The placeholder text to set on the element.\n   * @return The value of <code>placeholder</code> property.\n   *\n   */\n  public getPlaceholder(): Promise<string> {\n    return this.getProperty<string>('placeholder');\n  }\n\n  /**\n   * Gets the value of <code>readonly</code> property.\n   * Whether the component is readonly\n   * @return The value of <code>readonly</code> property.\n   *\n   */\n  public getReadonly(): Promise<boolean> {\n    return this.getProperty<boolean>('readonly');\n  }\n\n  /**\n   * Gets the value of <code>required</code> property.\n   * Specifies whether or not the component is required.\n   * @return The value of <code>required</code> property.\n   *\n   */\n  public getRequired(): Promise<boolean> {\n    return this.getProperty<boolean>('required');\n  }\n\n  /**\n   * Gets the value of <code>requiredMessageDetail</code> property.\n   * Overrides the default Required error message.\n   * @return The value of <code>requiredMessageDetail</code> property.\n   *\n   */\n  public getRequiredMessageDetail(): Promise<string> {\n    return this.getProperty<string>('requiredMessageDetail');\n  }\n\n  /**\n   * Gets the value of <code>resizeBehavior</code> property.\n   * Defines the resizeBehavior of the textarea.\n   * @return The value of <code>resizeBehavior</code> property.\n   *\n   */\n  public getResizeBehavior(): Promise<string> {\n    return this.getProperty<string>('resizeBehavior');\n  }\n\n  /**\n   * Gets the value of <code>rows</code> property.\n   * The number of visible text lines in the textarea.\n   * @return The value of <code>rows</code> property.\n   *\n   */\n  public getRows(): Promise<number> {\n    return this.getProperty<number>('rows');\n  }\n\n  /**\n   * Gets the value of <code>textAlign</code> property.\n   * Specifies how the text is aligned within the text field\n   * @return The value of <code>textAlign</code> property.\n   *\n   */\n  public getTextAlign(): Promise<string> {\n    return this.getProperty<string>('textAlign');\n  }\n\n  /**\n   * Gets the value of <code>unsafe_labelledBy</code> property.\n   *\n   * @return The value of <code>unsafe_labelledBy</code> property.\n   *\n   */\n  public getUnsafeLabelledBy(): Promise<string> {\n    return this.getProperty<string>('unsafe_labelledBy');\n  }\n\n  /**\n   * Gets the value of <code>userAssistanceDensity</code> property.\n   * Specifies the density of the form component's user assistance presentation.\n   * @return The value of <code>userAssistanceDensity</code> property.\n   *\n   */\n  public getUserAssistanceDensity(): Promise<string> {\n    return this.getProperty<string>('userAssistanceDensity');\n  }\n\n  /**\n   * Gets the value of <code>validators</code> property.\n   * Specifies the validators for the component.\n   * @return The value of <code>validators</code> property.\n   *\n   */\n  public getValidators(): Promise<Array<object> | null> {\n    return this.getProperty<Array<object> | null>('validators');\n  }\n\n  /**\n   * Sets the value of <code>value</code> property.\n   * The value of the component.\n   * @param value The value to set for <code>value</code>\n   *\n   */\n  public changeValue(value: any): Promise<void> {\n    return this.setProperty<any>('value', value);\n  }\n\n  /**\n   * Gets the value of <code>value</code> property.\n   * The value of the component.\n   * @return The value of <code>value</code> property.\n   *\n   */\n  public getValue(): Promise<any> {\n    return this.getProperty<any>('value');\n  }\n\n  /**\n   * Gets the value of <code>rawValue</code> property.\n   * Specifies how the raw value of the component\n   * @return The value of <code>rawValue</code> property.\n   *\n   */\n  public getRawValue(): Promise<string> {\n    return this.getProperty<string>('rawValue');\n  }\n\n  /**\n   * Gets the value of <code>valid</code> property.\n   * Specifies how the valid state of the component\n   * @return The value of <code>valid</code> property.\n   *\n   */\n  public getValid(): Promise<string> {\n    return this.getProperty<string>('valid');\n  }\n}\nexport interface DisplayOptions {\n  /**\n   *\n   */\n  converterHint: string;\n  /**\n   *\n   */\n  messages: string;\n  /**\n   *\n   */\n  validatorHint: string;\n}\nexport interface Help {\n  /**\n   *\n   */\n  instruction: string;\n}\nexport interface HelpHints {\n  /**\n   *\n   */\n  definition: string;\n  /**\n   *\n   */\n  source: string;\n  /**\n   *\n   */\n  sourceText: string;\n}\nexport interface Length {\n  /**\n   *\n   */\n  countBy: string;\n  /**\n   *\n   */\n  counter: string;\n  /**\n   *\n   */\n  max: number | null;\n}\nexport interface MessagesCustom {\n  /**\n   *\n   */\n  summary: string;\n  /**\n   *\n   */\n  detail: string;\n  /**\n   *\n   */\n  severity: string;\n}\n"]}
+{"version":3,"file":"TextAreaWebElementBase.js","sourceRoot":"","sources":["TextAreaWebElementBase.ts"],"names":[],"mappings":"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","sourcesContent":["import { OjWebElement } from '@oracle/oraclejet-webdriver/elements';\n\n/**\n * This is the base class for oj-c-text-area WebElement, and is generated from the\n * component's metadata. Do not modify these contents since they'll be replaced\n * during the next generation.\n * Put overrides into the WebElements's subclass, TextAreaWebElement.ts.\n */\nexport class TextAreaWebElementBase extends OjWebElement {\n  /**\n   * Gets the value of <code>autocomplete</code> property.\n   * Dictates component's autocomplete state\n   * @return The value of <code>autocomplete</code> property.\n   *\n   */\n  public getAutocomplete(): Promise<string> {\n    return this.getProperty<string>('autocomplete');\n  }\n\n  /**\n   * Gets the value of <code>columnSpan</code> property.\n   * Specifies how many columns this component should span.\n   * @return The value of <code>columnSpan</code> property.\n   *\n   */\n  public getColumnSpan(): Promise<number> {\n    return this.getProperty<number>('columnSpan');\n  }\n\n  /**\n   * Gets the value of <code>containerReadonly</code> property.\n   * Specifies whether an ancestor container, like oj-c-form-layout, is readonly.\n   * @return The value of <code>containerReadonly</code> property.\n   *\n   */\n  public getContainerReadonly(): Promise<boolean> {\n    return this.getProperty<boolean>('containerReadonly');\n  }\n\n  /**\n   * Gets the value of <code>converter</code> property.\n   * Specifies the converter instance.\n   * @return The value of <code>converter</code> property.\n   *\n   */\n  public getConverter(): Promise<object | null> {\n    return this.getProperty<object | null>('converter');\n  }\n\n  /**\n   * Gets the value of <code>disabled</code> property.\n   * Specifies whether the component is disabled.\n   * @return The value of <code>disabled</code> property.\n   *\n   */\n  public getDisabled(): Promise<boolean> {\n    return this.getProperty<boolean>('disabled');\n  }\n\n  /**\n   * Gets the value of <code>displayOptions</code> property.\n   * Display options for auxiliary content that determines whether or not it should be displayed.\n   * @return The value of <code>displayOptions</code> property.\n   *\n   */\n  public getDisplayOptions(): Promise<DisplayOptions> {\n    return this.getProperty<DisplayOptions>('displayOptions');\n  }\n\n  /**\n   * Gets the value of <code>help</code> property.\n   * Form component help information.\n   * @return The value of <code>help</code> property.\n   *\n   */\n  public getHelp(): Promise<Help> {\n    return this.getProperty<Help>('help');\n  }\n\n  /**\n   * Gets the value of <code>helpHints</code> property.\n   * The helpHints object contains a definition property and a source property.\n   * @return The value of <code>helpHints</code> property.\n   *\n   */\n  public getHelpHints(): Promise<HelpHints> {\n    return this.getProperty<HelpHints>('helpHints');\n  }\n\n  /**\n   * Gets the value of <code>labelEdge</code> property.\n   * Specifies how the label is positioned for the component\n   * @return The value of <code>labelEdge</code> property.\n   *\n   */\n  public getLabelEdge(): Promise<string> {\n    return this.getProperty<string>('labelEdge');\n  }\n\n  /**\n   * Gets the value of <code>labelHint</code> property.\n   * Represents a hint for rendering a label on the component.\n   * @return The value of <code>labelHint</code> property.\n   *\n   */\n  public getLabelHint(): Promise<string> {\n    return this.getProperty<string>('labelHint');\n  }\n\n  /**\n   * Gets the value of <code>labelStartWidth</code> property.\n   * The width of the label when labelEdge is 'start'.\n   * @return The value of <code>labelStartWidth</code> property.\n   *\n   */\n  public getLabelStartWidth(): Promise<number | string> {\n    return this.getProperty<number | string>('labelStartWidth');\n  }\n\n  /**\n   * Gets the value of <code>labelWrapping</code> property.\n   * Should the labels wrap or truncate when there is not enough available space.\n   * @return The value of <code>labelWrapping</code> property.\n   *\n   */\n  public getLabelWrapping(): Promise<string> {\n    return this.getProperty<string>('labelWrapping');\n  }\n\n  /**\n   * Gets the value of <code>length</code> property.\n   * Defines the length limit for the field\n   * @return The value of <code>length</code> property.\n   *\n   */\n  public getLength(): Promise<Length> {\n    return this.getProperty<Length>('length');\n  }\n\n  /**\n   * Gets the value of <code>maxRows</code> property.\n   * The maximum number of visible text lines of the textarea.\n   * @return The value of <code>maxRows</code> property.\n   *\n   */\n  public getMaxRows(): Promise<number> {\n    return this.getProperty<number>('maxRows');\n  }\n\n  /**\n   * Sets the value of <code>messagesCustom</code> property.\n   * List of custom component messages\n   * @param messagesCustom The value to set for <code>messagesCustom</code>\n   *\n   */\n  public changeMessagesCustom(messagesCustom: Array<MessagesCustom>): Promise<void> {\n    return this.setProperty<Array<MessagesCustom>>('messagesCustom', messagesCustom);\n  }\n\n  /**\n   * Gets the value of <code>messagesCustom</code> property.\n   * List of custom component messages\n   * @return The value of <code>messagesCustom</code> property.\n   *\n   */\n  public getMessagesCustom(): Promise<Array<MessagesCustom>> {\n    return this.getProperty<Array<MessagesCustom>>('messagesCustom');\n  }\n\n  /**\n   * Gets the value of <code>placeholder</code> property.\n   * The placeholder text to set on the element.\n   * @return The value of <code>placeholder</code> property.\n   *\n   */\n  public getPlaceholder(): Promise<string> {\n    return this.getProperty<string>('placeholder');\n  }\n\n  /**\n   * Gets the value of <code>readonly</code> property.\n   * Whether the component is readonly\n   * @return The value of <code>readonly</code> property.\n   *\n   */\n  public getReadonly(): Promise<boolean> {\n    return this.getProperty<boolean>('readonly');\n  }\n\n  /**\n   * Gets the value of <code>required</code> property.\n   * Specifies whether or not the component is required.\n   * @return The value of <code>required</code> property.\n   *\n   */\n  public getRequired(): Promise<boolean> {\n    return this.getProperty<boolean>('required');\n  }\n\n  /**\n   * Gets the value of <code>requiredMessageDetail</code> property.\n   * Overrides the default Required error message.\n   * @return The value of <code>requiredMessageDetail</code> property.\n   *\n   */\n  public getRequiredMessageDetail(): Promise<string> {\n    return this.getProperty<string>('requiredMessageDetail');\n  }\n\n  /**\n   * Gets the value of <code>resizeBehavior</code> property.\n   * Defines the resizeBehavior of the textarea.\n   * @return The value of <code>resizeBehavior</code> property.\n   *\n   */\n  public getResizeBehavior(): Promise<string> {\n    return this.getProperty<string>('resizeBehavior');\n  }\n\n  /**\n   * Gets the value of <code>rows</code> property.\n   * The number of visible text lines in the textarea.\n   * @return The value of <code>rows</code> property.\n   *\n   */\n  public getRows(): Promise<number> {\n    return this.getProperty<number>('rows');\n  }\n\n  /**\n   * Gets the value of <code>textAlign</code> property.\n   * Specifies how the text is aligned within the text field\n   * @return The value of <code>textAlign</code> property.\n   *\n   */\n  public getTextAlign(): Promise<string> {\n    return this.getProperty<string>('textAlign');\n  }\n\n  /**\n   * Gets the value of <code>userAssistanceDensity</code> property.\n   * Specifies the density of the form component's user assistance presentation.\n   * @return The value of <code>userAssistanceDensity</code> property.\n   *\n   */\n  public getUserAssistanceDensity(): Promise<string> {\n    return this.getProperty<string>('userAssistanceDensity');\n  }\n\n  /**\n   * Gets the value of <code>validators</code> property.\n   * Specifies the validators for the component.\n   * @return The value of <code>validators</code> property.\n   *\n   */\n  public getValidators(): Promise<Array<object> | null> {\n    return this.getProperty<Array<object> | null>('validators');\n  }\n\n  /**\n   * Sets the value of <code>value</code> property.\n   * The value of the component.\n   * @param value The value to set for <code>value</code>\n   *\n   */\n  public changeValue(value: any): Promise<void> {\n    return this.setProperty<any>('value', value);\n  }\n\n  /**\n   * Gets the value of <code>value</code> property.\n   * The value of the component.\n   * @return The value of <code>value</code> property.\n   *\n   */\n  public getValue(): Promise<any> {\n    return this.getProperty<any>('value');\n  }\n\n  /**\n   * Gets the value of <code>rawValue</code> property.\n   * Specifies how the raw value of the component\n   * @return The value of <code>rawValue</code> property.\n   *\n   */\n  public getRawValue(): Promise<string> {\n    return this.getProperty<string>('rawValue');\n  }\n\n  /**\n   * Gets the value of <code>valid</code> property.\n   * Specifies how the valid state of the component\n   * @return The value of <code>valid</code> property.\n   *\n   */\n  public getValid(): Promise<string> {\n    return this.getProperty<string>('valid');\n  }\n}\nexport interface DisplayOptions {\n  /**\n   *\n   */\n  converterHint: string;\n  /**\n   *\n   */\n  messages: string;\n  /**\n   *\n   */\n  validatorHint: string;\n}\nexport interface Help {\n  /**\n   *\n   */\n  instruction: string;\n}\nexport interface HelpHints {\n  /**\n   *\n   */\n  definition: string;\n  /**\n   *\n   */\n  source: string;\n  /**\n   *\n   */\n  sourceText: string;\n}\nexport interface Length {\n  /**\n   *\n   */\n  countBy: string;\n  /**\n   *\n   */\n  counter: string;\n  /**\n   *\n   */\n  max: number | null;\n}\nexport interface MessagesCustom {\n  /**\n   *\n   */\n  summary: string;\n  /**\n   *\n   */\n  detail: string;\n  /**\n   *\n   */\n  severity: string;\n}\n"]}