udp-stencil-component-library 25.18.1 → 25.18.2-beta.10

package/dist/cjs/search-method-grid.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var apiUtils = require('./apiUtils-DT-fLJOw.js');
 var getCurrentApiCatalogId = require('./getCurrentApiCatalogId-D7xHCEzs.js');
 var makeApiCall = require('./makeApiCall-CFfg9gI0.js');
@@ -289,6 +289,7 @@ const createSearchMethodDataSource = (options) => {
                     let finalRowData = response.pageList;
                     const columnDefs = params.api.getColumnDefs();
                     finalRowData = await processLookupsInData(response.pageList, columnDefs);
+                    params.api.setGridOption('context', Object.assign(Object.assign({}, params.api.getGridOption('context')), { rowCount: parseInt(response.total) }));
                     params.success({
                         rowData: finalRowData,
                         rowCount: parseInt(response.total),
@@ -363,6 +364,7 @@ const SearchMethodGrid = class {
                 externalSearchObject: {
                     filterElements: customSearchObject === null || customSearchObject === void 0 ? void 0 : customSearchObject.filterElements,
                     filterGroups: customSearchObject === null || customSearchObject === void 0 ? void 0 : customSearchObject.filterGroups,
+                    logicalSearchOperator: customSearchObject === null || customSearchObject === void 0 ? void 0 : customSearchObject.logicalSearchOperator,
                     eagerLoad: (customSearchObject === null || customSearchObject === void 0 ? void 0 : customSearchObject.eagerLoad) || false,
                 },
             });
@@ -382,12 +384,13 @@ const SearchMethodGrid = class {
         }
     }
     render() {
-        return (index.h("server-side-grid", { key: 'cc189dd7b3dd77673da2f632c367a566ab17a082', onGridReady: e => this.handleGridReady(e), dataSource: this.dataSource, gridFunctions: this.gridFunctions, columnDefs: this.columnDefs, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
+        return (index.h("server-side-grid", { key: '01d53dbfb1d9d8b959cb2c9ac3e75c229fff23f6', onGridReady: e => this.handleGridReady(e), dataSource: this.dataSource, gridFunctions: this.gridFunctions, columnDefs: this.columnDefs, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
     }
     static get watchers() { return {
-        "searchMethodConfig": ["handleSearchMethodUpdate"]
+        "searchMethodConfig": [{
+                "handleSearchMethodUpdate": 0
+            }]
     }; }
 };
 
 exports.search_method_grid = SearchMethodGrid;
-//# sourceMappingURL=search-method-grid.entry.cjs.js.map

package/dist/cjs/server-side-grid.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 
 const ServerSideGrid = class {
     constructor(hostRef) {
@@ -22,12 +22,13 @@ const ServerSideGrid = class {
         this.serverSideConfig = Object.assign(Object.assign({ paginationAutoPageSize: true, suppressSetFilterByDefault: true }, this.gridOptions), { rowModelType: 'serverSide' });
     }
     render() {
-        return (index.h("ag-grid-base", { key: 'ab64e567484590408a8491efb8d2f71cb8966a48', columnDefs: this.columnDefs, gridOptions: this.serverSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
+        return (index.h("ag-grid-base", { key: '0bfa6d155e587a57d13906d85ba55e939d72f566', columnDefs: this.columnDefs, gridOptions: this.serverSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
     }
     static get watchers() { return {
-        "dataSource": ["updateDataSource"]
+        "dataSource": [{
+                "updateDataSource": 0
+            }]
     }; }
 };
 
 exports.server_side_grid = ServerSideGrid;
-//# sourceMappingURL=server-side-grid.entry.cjs.js.map

package/dist/cjs/side-sheet-container.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 
-const sideSheetContainerCss = "/* @import '../../../../../../node_modules/ag-grid-enterprise/styles/ag-grid.css';\n@import '../../../../../../node_modules/ag-grid-enterprise/styles/ag-theme-material.css'; */\n\n.container {\n    width: 100%;\n    height: 100%;\n    background-color: #f2f2f2; /* light grey background */\n    overflow: auto; /* enable scrolling */\n  \n    /* Hide scrollbar for Chrome, Safari and Opera */\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  \n    /* Hide scrollbar for Firefox */\n    scrollbar-width: none;\n  \n    /* Hide scrollbar for IE and Edge */\n    -ms-overflow-style: none;\n  }\n  ";
+const sideSheetContainerCss = () => `.container{width:100%;height:100%;background-color:#f2f2f2;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;::-webkit-scrollbar{display:none}}`;
 
 const SideSheetContainer = class {
     constructor(hostRef) {
@@ -11,10 +11,9 @@ const SideSheetContainer = class {
     }
     render() {
         const style = this.padding ? { 'padding': '16px' } : {};
-        return (index.h("div", { key: '1f07651d06b19bda35f3af5fe7d09d35989535aa', class: "container", style: style }, index.h("slot", { key: '902b399eec217bdd85e4216a0986ce4f256b4309' })));
+        return (index.h("div", { key: 'd96d9ce87e8be3dde29bd888c7a19d658b3a509d', class: "container", style: style }, index.h("slot", { key: '3e58e513226f46ded85c18248bc9cac3ed372b69' })));
     }
 };
-SideSheetContainer.style = sideSheetContainerCss;
+SideSheetContainer.style = sideSheetContainerCss();
 
 exports.side_sheet_container = SideSheetContainer;
-//# sourceMappingURL=side-sheet-container.entry.cjs.js.map

package/dist/cjs/simple-card.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 
-const simpleCardCss = ".card{border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);padding:20px;background-color:#fff;}.card h2{font-size:1.5rem;margin-top:0}.card p{margin-bottom:0}";
+const simpleCardCss = () => `.card{border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);padding:20px;background-color:#fff;}.card h2{font-size:1.5rem;margin-top:0}.card p{margin-bottom:0}`;
 
 const SimpleCard = class {
     constructor(hostRef) {
@@ -12,7 +12,6 @@ const SimpleCard = class {
         return (index.h("div", { key: 'afab0a6cf950ab2c87c13dec3904b848b4ee82d6', class: "card" }, index.h("slot", { key: 'ae63a021e19bf6da5bf1b5ef64ff7403690131f3' })));
     }
 };
-SimpleCard.style = simpleCardCss;
+SimpleCard.style = simpleCardCss();
 
 exports.simple_card = SimpleCard;
-//# sourceMappingURL=simple-card.entry.cjs.js.map

package/dist/cjs/status-chip_2.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var Add16 = require('@carbon/icons/es/add/16');
 var ChevronDown = require('@carbon/icons/es/chevron--down/16');
 var View16 = require('@carbon/icons/es/view/16');
@@ -19,7 +19,7 @@ var Star16__default = /*#__PURE__*/_interopDefault(Star16);
 var StarFilled16__default = /*#__PURE__*/_interopDefault(StarFilled16);
 var Edit16__default = /*#__PURE__*/_interopDefault(Edit16);
 
-const statusChipCss = ".chip{padding:0.3em 1em;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;transition:background-color 0.3s, color 0.3s;max-width:100%;max-height:100%}.success{background-color:#4caf50;color:white}.warning{background-color:#ffeb3b;color:#212121;}.error{background-color:#f44336;color:white}.info{background-color:rgb(52, 120, 176);color:white}.default{background-color:rgb(207, 207, 207);color:black;}.dense{padding-top:0;padding-bottom:0}p{margin-top:0;margin-bottom:0}";
+const statusChipCss = () => `.chip{padding:0.3em 1em;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;transition:background-color 0.3s, color 0.3s;max-width:100%;max-height:100%}.success{background-color:#4caf50;color:white}.warning{background-color:#ffeb3b;color:#212121;}.error{background-color:#f44336;color:white}.info{background-color:rgb(52, 120, 176);color:white}.default{background-color:rgb(207, 207, 207);color:black;}.dense{padding-top:0;padding-bottom:0}p{margin-top:0;margin-bottom:0}`;
 
 const StatusChip = class {
     constructor(hostRef) {
@@ -41,12 +41,14 @@ const StatusChip = class {
         return (index.h("div", { key: 'a2d9e2297fb59057959fd96792d6c445f927c38a', class: `chip ${this.internalStatusClass} ${this.dense ? 'dense' : ''}` }, index.h("p", { key: '0f89fbc379edad1146c2fc795cfb43e1c5bb8370' }, index.h("slot", { key: '352a31bc1dd2af5e8458cbe47474c16ab3fe2332' }), " ")));
     }
     static get watchers() { return {
-        "statusValue": ["statusValueWatcher"]
+        "statusValue": [{
+                "statusValueWatcher": 0
+            }]
     }; }
 };
-StatusChip.style = statusChipCss;
+StatusChip.style = statusChipCss();
 
-const udpFunctionButtonCss = ".udp-btn{border:0;border-radius:50%;padding:1px 3px;cursor:pointer;background-color:var(--accent-color-three);transition:background-color 0.3s}.udp-btn.no-bg{background-color:transparent;}.udp-btn:hover{background-color:#f0f0f0}.btn-content{color:var(--accent-color-four)}.btn-content svg{fill:currentColor}";
+const udpFunctionButtonCss = () => `.udp-btn{border:0;border-radius:50%;padding:1px 3px;cursor:pointer;background-color:var(--accent-color-three);transition:background-color 0.3s}.udp-btn.no-bg{background-color:transparent;}.udp-btn:hover{background-color:#f0f0f0}.btn-content{color:var(--accent-color-four)}.btn-content svg{fill:currentColor}`;
 
 const UdpFunctionButton = class {
     constructor(hostRef) {
@@ -102,8 +104,7 @@ const UdpFunctionButton = class {
         return (index.h("button", { key: '05fcee587d2df5252f64776f29fe2466cd2a9e10', class: btnClass }, index.h("span", { key: '97c7e8d702d0bdfb3f205d7b5515b1b4fdecdbd4', class: "btn-content" }, this.renderIcon())));
     }
 };
-UdpFunctionButton.style = udpFunctionButtonCss;
+UdpFunctionButton.style = udpFunctionButtonCss();
 
 exports.status_chip = StatusChip;
 exports.udp_function_button = UdpFunctionButton;
-//# sourceMappingURL=status-chip.udp-function-button.entry.cjs.js.map

package/dist/cjs/stencil-chip.cjs.entry.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var Close16 = require('@carbon/icons/es/close/16');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var Close16__default = /*#__PURE__*/_interopDefault(Close16);
 
-const stencilChipCss = ".chip{display:inline-flex;align-items:center;padding:3px;padding-left:8px;font-size:14px;border-radius:16px;color:#333;cursor:pointer;background-color:transparent;height:26px}.chip--unclickable{cursor:default}.delete-button{margin-left:12px;background-color:#fff;border:none;border-radius:50%;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.delete-button svg{width:20px;height:20px;fill:#333;}.left-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:24px;height:24px;margin-right:8px;}";
+const stencilChipCss = () => `.chip{display:inline-flex;align-items:center;padding:3px;padding-left:8px;font-size:14px;border-radius:16px;color:#333;cursor:pointer;background-color:transparent;height:26px}.chip--unclickable{cursor:default}.delete-button{margin-left:12px;background-color:#fff;border:none;border-radius:50%;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.delete-button svg{width:20px;height:20px;fill:#333;}.left-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:24px;height:24px;margin-right:8px;}`;
 
 const StencilChip = class {
     constructor(hostRef) {
@@ -103,10 +103,11 @@ const StencilChip = class {
         }))))));
     }
     static get watchers() { return {
-        "externalToggleString": ["externalStringChanged"]
+        "externalToggleString": [{
+                "externalStringChanged": 0
+            }]
     }; }
 };
-StencilChip.style = stencilChipCss;
+StencilChip.style = stencilChipCss();
 
 exports.stencil_chip = StencilChip;
-//# sourceMappingURL=stencil-chip.entry.cjs.js.map

package/dist/cjs/stencil-icon-button-grid-action-header.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 
-const stencilIconButtonGridActionHeaderCss = ".icon-button{background:rgb(255, 255, 255);border:0px;border-radius:25px;display:flex;align-items:center;justify-content:center;cursor:pointer;gap:4px;padding:10px}.icon-button-secondary{background:transparent;border:0px;color:var(--primary-color);border-radius:25px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;gap:4px;padding-right:16px;padding-left:16px}.icon-button.no-background{background:transparent;border:0px}button{position:relative}button[title]:not([title=\"Save View\"]):not([title='']):hover:after{content:attr(title);background-color:black;color:white;position:absolute;top:110%;padding:5px;border-radius:5px;z-index:10}";
+const stencilIconButtonGridActionHeaderCss = () => `.icon-button{background:rgb(255, 255, 255);border:0px;border-radius:25px;display:flex;align-items:center;justify-content:center;cursor:pointer;gap:4px;padding:10px}.icon-button-secondary{background:transparent;border:0px;color:var(--primary-color);border-radius:25px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;gap:4px;padding-right:16px;padding-left:16px}.icon-button.no-background{background:transparent;border:0px}button{position:relative}button[title]:not([title="Save View"]):not([title='']):hover:after{content:attr(title);background-color:black;color:white;position:absolute;top:110%;padding:5px;border-radius:5px;z-index:10}`;
 
 const StencilIconButton = class {
     constructor(hostRef) {
@@ -38,7 +38,6 @@ const StencilIconButton = class {
         return (this.count ? (index.h("udp-badge", { content: this.count }, index.h(Content, null))) : (index.h(Content, null)));
     }
 };
-StencilIconButton.style = stencilIconButtonGridActionHeaderCss;
+StencilIconButton.style = stencilIconButtonGridActionHeaderCss();
 
 exports.stencil_icon_button_grid_action_header = StencilIconButton;
-//# sourceMappingURL=stencil-icon-button-grid-action-header.entry.cjs.js.map

package/dist/cjs/stencil-icon-button_3.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var core = require('@popperjs/core');
 
-const stencilIconButtonCss = ".icon-button{background:rgb(255, 255, 255);border:0px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease-in-out}.icon-button-secondary{background:transparent;border:0px;color:var(--primary-color);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease-in-out}.icon-button:hover{background-color:#f5f5f5;}.icon-button-secondary:hover{background-color:#f5f5f5;}.icon-button.no-background{background:transparent;border:0px}.icon-button.no-background:hover{background-color:var(--primary-color-alpha-15)}.icon-button:disabled{opacity:0.4;pointer-events:none}.icon-button-secondary:disabled{opacity:0.4;pointer-events:none}";
+const stencilIconButtonCss = () => `.icon-button{background:rgb(255, 255, 255);border:0px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease-in-out}.icon-button-secondary{background:transparent;border:0px;color:var(--primary-color);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease-in-out}.icon-button:hover{background-color:#f5f5f5;}.icon-button-secondary:hover{background-color:#f5f5f5;}.icon-button.no-background{background:transparent;border:0px}.icon-button.no-background:hover{background-color:var(--primary-color-alpha-15)}.icon-button:disabled{opacity:0.4;pointer-events:none}.icon-button-secondary:disabled{opacity:0.4;pointer-events:none}`;
 
 const StencilIconButton = class {
     constructor(hostRef) {
@@ -45,9 +45,9 @@ const StencilIconButton = class {
         return (index.h("udp-ambient-tool-tip", { content: this.showLabel ? '' : this.tooltip, noTooltip: this.noTooltip }, this.count ? (index.h("udp-badge", { content: this.count }, index.h(Content, null))) : (index.h(Content, null))));
     }
 };
-StencilIconButton.style = stencilIconButtonCss;
+StencilIconButton.style = stencilIconButtonCss();
 
-const udpAmbientToolTipCss = ".tooltip-wrapper{display:inline-block}";
+const udpAmbientToolTipCss = () => `.tooltip-wrapper{display:inline-block}`;
 
 // STEP 1: Define a unique ID for our style tag and the CSS rules it will contain.
 // We give the class a unique name to ensure it never conflicts with other styles.
@@ -135,9 +135,9 @@ const UdpAmbientToolTip = class {
         index.h("div", { key: 'd1bce87618e9a6aab7807f15ed701d55da06927a', class: "udp-tooltip-portal", role: "tooltip", ref: el => (this.tooltipContentEl = el) }, index.h("unity-typography", { key: '2104de1d4a6af2da424634c75f820e620fad3804', variant: "caption-text" }, this.content)))));
     }
 };
-UdpAmbientToolTip.style = udpAmbientToolTipCss;
+UdpAmbientToolTip.style = udpAmbientToolTipCss();
 
-const udpBadgeCss = ".badge-wrapper{position:relative;display:inline-block}.badge-content{position:absolute;top:-12px;right:-8px;background-color:var(--primary-color);color:white;border-radius:50%;padding:4px;min-width:18px;text-align:center;z-index:1}";
+const udpBadgeCss = () => `.badge-wrapper{position:relative;display:inline-block}.badge-content{position:absolute;top:-12px;right:-8px;background-color:var(--primary-color);color:white;border-radius:50%;padding:4px;min-width:18px;text-align:center;z-index:1}`;
 
 const UdpBadge = class {
     constructor(hostRef) {
@@ -150,9 +150,8 @@ const UdpBadge = class {
         return (index.h("div", { key: 'a23f50fa5af983961852695841308b58788444fa', class: "badge-wrapper" }, index.h("slot", { key: '0300b18c97f66d4c90bcca37b790451bf5735fed' }), index.h("span", { key: 'c23f36be83fe6395969d327cbb2890a2f65869d0', class: "badge-content" }, index.h("unity-typography", { key: 'f6cb235409ffbecda8b0a5b059cc065e84dd0bc7', variant: 'caption-text' }, " ", displayContent, " "))));
     }
 };
-UdpBadge.style = udpBadgeCss;
+UdpBadge.style = udpBadgeCss();
 
 exports.stencil_icon_button = StencilIconButton;
 exports.udp_ambient_tool_tip = UdpAmbientToolTip;
 exports.udp_badge = UdpBadge;
-//# sourceMappingURL=stencil-icon-button.udp-ambient-tool-tip.udp-badge.entry.cjs.js.map