udp-stencil-component-library 26.3.0-beta.1 → 26.3.0-beta.3

package/dist/cjs/advanced-search_12.cjs.entry.js

@@ -155,10 +155,10 @@ const AdvancedSearch = class {
     render() {
         const safeTestData = Array.isArray(this.testData) ? this.testData : [];
         const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];
-        return (index.h("div", { key: '89aa151435497cbced2b39cf8fd374facc74a40a', class: "container" }, index.h("div", { key: 'b33047d5f3b8f2578173212042f361cf1f3aab83', class: "left-column" }, !safeTestData.length && (index.h("div", { key: 'd6494463fb55acc8c3cff121f4920cb89786bd90', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: 'e952bed8ebd3f13a47dc6215238c1b70917c56b3', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: '1ab2b60e5249e6f433bce24c1bdfd45a3cf8393b' }, safeTestData.map((filter, index$1) => {
+        return (index.h("div", { key: 'ca196c2c5f108c28f6e07415f9bf711d24449d83', class: "container" }, index.h("div", { key: '4f3cc9013694404b96c31b428d75a4eb83ff59ce', class: "left-column" }, !safeTestData.length && (index.h("div", { key: 'bbe0a5006d7ecfed26a169f3869dac44a98b105f', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: 'a5eae61245755bb65cc548c274eccc6d619a8414', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: '244cc62d6df40ac4b3897c02a8e0fd3e07e4c42c' }, safeTestData.map((filter, index$1) => {
             var _a;
             return (index.h("tree-list-item", { key: `${filter.name}-${index$1}`, level: 0, label: this.getHeaderFieldLabel(filter.name), fieldName: filter.name, reference: filter.reference, parentName: "", parentFilter: filter.extendedProperties.parentFilter, parentPath: 'filter.extendedProperties.parentPath', parent: (_a = filter.extendedProperties) === null || _a === void 0 ? void 0 : _a.parent, nestedItems: filter.referenceNode, "onReference-clicked": (event) => this.handleReferenceClick(event.detail.reference, event.detail.name, event.detail.parentReference, event.detail.parentFilter, event.detail.parent, event.detail.parentPath), onItemClick: this.onTreeListItemClick }));
-        }))), index.h("div", { key: '8ed837a3317454ab04ef0d19b1a47a4656354c23', class: "right-column" }, index.h("udp-page-header", { key: 'c48364fe4eaca0e88f6c7175a80ee83b350bb030', onValueChanged: this.handleValueChanged }), index.h("filter-conditions", { key: 'e601f7e3b6933c08befa53f4382ee8ceaa6aa4f2' }), safeFilterRenderList.map(filter => filter.filterElements.map((item, index$1) => {
+        }))), index.h("div", { key: '59b1bd76e39e6018f26305b2562771b3bbca8c9e', class: "right-column" }, index.h("udp-page-header", { key: 'ef69867356d2494e02b32474e2b8ffbef21148a6', onValueChanged: this.handleValueChanged }), index.h("filter-conditions", { key: 'a44ed0073b1699f727548c73557b554759ec0ebb' }), safeFilterRenderList.map(filter => filter.filterElements.map((item, index$1) => {
             var _a;
             return (index.h("search-list-item", { key: `${item.searchField}-${index$1}`, label: (_a = item === null || item === void 0 ? void 0 : item.searchLabel) !== null && _a !== void 0 ? _a : item.searchField, fieldName: item.searchField, handleDelete: () => this.handleDelete({ searchField: item.searchField, searchValue: item.searchValue }), name: item.searchValue }));
         })))));
@@ -387,10 +387,10 @@ const AdvancedSearchGrouped = class {
     render() {
         const safeTestData = Array.isArray(this.testData) ? this.testData : [];
         //const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];
-        return (index.h("div", { key: 'cc490a88cece7643b6a0fc2812dfbbca40a904bc', class: "container" }, index.h("div", { key: 'f793146082f61c495ae4aa2c0542fd2575952a27', class: "left-column" }, this.selectRecentSearch !== null && this.fullClearSearch !== null && (index.h("div", { key: '5b61e33bd3c064701531251da953f6e2684ce8ab', class: "recent-searches" }, "Recent Searches", index.h("div", { key: '73755b01109983975420fd91bb3f3e4e7503f581', style: { display: 'flex', alignItems: 'center' } }, index.h("udp-selector", { key: 'c7a4270ba84de1b262b17c8f54ce0b33e2cfcc23', options: this.recentSearchesOptions, onChange: (e) => this.selectRecentSearch(e), style: { marginRight: '10px' } }), index.h("udp-function-button", { key: '09b521dcdaaf77321f35b71e9113c26bd13be372', delete: true, onClick: this.fullClearSearch })))), !safeTestData.length && (index.h("div", { key: '7447f8099a07e375efa3e50192a11599a7a4b51b', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: 'f665ca66df9a98bbfc89b0ec0dfc39cd34c7e110', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: '5ca16747bffa38fa850066820cbe80a57f75a07b' }, safeTestData.map((filter, index$1) => {
+        return (index.h("div", { key: 'e98588e2493d91dc2cb5746ad8e463aa174afde5', class: "container" }, index.h("div", { key: '73cb35ab4ec1f077167a84ffce56584abf0bdce1', class: "left-column" }, this.selectRecentSearch !== null && this.fullClearSearch !== null && (index.h("div", { key: '9b58e19f332a9a2baa8946944e650795d9ce3361', class: "recent-searches" }, "Recent Searches", index.h("div", { key: 'f951c99fb06913fc1b97106a755bfe2ce92b8328', style: { display: 'flex', alignItems: 'center' } }, index.h("udp-selector", { key: '2566a3178b9423230fa17a734ba9034257be5172', options: this.recentSearchesOptions, onChange: (e) => this.selectRecentSearch(e), style: { marginRight: '10px' } }), index.h("udp-function-button", { key: 'abfae22401a90ed9e98a7fc2efb36bcf5972291a', delete: true, onClick: this.fullClearSearch })))), !safeTestData.length && (index.h("div", { key: '92eb6a9dd72e00b68e8a63082e6e50739986f5bb', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: '19aff4342ae82ff7931e3367edd543bf61d6a237', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: '8709ab0d919c8608ee97f439c3c8d1ec0d1cc2bb' }, safeTestData.map((filter, index$1) => {
             var _a;
             return (index.h("tree-list-item", { add: true, showAdd: true, key: `${filter.name}-${index$1}`, level: 0, label: this.getHeaderFieldLabel(filter.name), fieldName: filter.name, reference: filter.reference, parentName: "", parentFilter: filter.extendedProperties.parentFilter, parentPath: 'filter.extendedProperties.parentPath', parent: (_a = filter.extendedProperties) === null || _a === void 0 ? void 0 : _a.parent, nestedItems: filter.referenceNode, "onReference-clicked": (event) => this.handleReferenceClick(event.detail.reference, event.detail.name, event.detail.parentReference, event.detail.parentFilter, event.detail.parent, event.detail.parentPath), onItemClick: this.onTreeListItemClick }));
-        }))), index.h("div", { key: 'f238d6843eb732023e18b3eb5d443ec0885f8139', class: "right-column" }, this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))), this.disableFilterSelection && (index.h("div", { key: '1b83a428b1c42e080c2b8702c3e62bac5c3ca6ae', style: { width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' } }))));
+        }))), index.h("div", { key: 'ff31baa44aae00617fe4855335efe14ec19d8964', class: "right-column" }, this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))), this.disableFilterSelection && (index.h("div", { key: '8de9dcfb7f72950f2ae24fda1e1f81ba2f6fc352', style: { width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' } }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -410,7 +410,7 @@ const AgTable = class {
         this.height = 'calc(100vh - 200px)';
     }
     render() {
-        return (index.h("div", { key: '4dfc87ee591f3855359f790a443a56a111029577', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
+        return (index.h("div", { key: '8cb836f14cc06070b8d18471f0050dd7e4bdb102', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
     }
     get el() { return index.getElement(this); }
 };
@@ -464,8 +464,8 @@ const EditViewFormDialog = class {
         this.fetchedCurrentView = false;
     }
     render() {
-        return (index.h("fluent-dialog", { key: '14b370ce5ab70f514bbc0ebf7f1d4192f01ee6ce', open: this.open, actionOne: () => { this.handleSubmit(); this.closeDialog(); this.resetFetchedCurrentView(); }, actionTwo: () => { this.closeDialog(); this.resetFetchedCurrentView(); }, handleClose: this.handleClose, labelOne: "Save Update", labelTwo: "Cancel", title: this.title, disableOne: !this.name }, index.h("form", { key: '83d69a5ac150e339ad1b7a674d9cc4e4f247508e', class: "edit-form" }, index.h("text-field", { key: '546f78afc89741adbd5aa876892b9e033971b975', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
-            index.h("div", { key: '64c6139a60f4739ef9231665b2f8d16a8724108c', class: "toggle-options" }, index.h("div", { key: 'b814cb5d0d544b06607db90d3b42c41c1ae7c903' }, index.h("stencil-toggle", { key: '7bdf306c36676ab125548fd5173045213c29456b', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: 'b2fba4e4b791aba20997b88a54efdbe3119b6898' }, index.h("stencil-toggle", { key: 'cbf657e6a6cfa78a34db3ace1f56c117fe933a36', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+        return (index.h("fluent-dialog", { key: 'abaa16812518817c6d10317692fafd20ba9d5bbb', open: this.open, actionOne: () => { this.handleSubmit(); this.closeDialog(); this.resetFetchedCurrentView(); }, actionTwo: () => { this.closeDialog(); this.resetFetchedCurrentView(); }, handleClose: this.handleClose, labelOne: "Save Update", labelTwo: "Cancel", title: this.title, disableOne: !this.name }, index.h("form", { key: '6310648623469abcbc10c50ccb315d9c75af6fc9', class: "edit-form" }, index.h("text-field", { key: '172d88e862c69db5dc38fa1b881cc942341a9cf4', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
+            index.h("div", { key: 'ddef7cab46f3ed1f6c8f1df286c0ce9e13d0aa68', class: "toggle-options" }, index.h("div", { key: 'c28ab97a64172b6a8b0b76adf67a750871031e57' }, index.h("stencil-toggle", { key: 'bd188395e8a85148d904e548ad9085e88f66f05e', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: 'b4a9920cdac11b34cf4a17ff20d9787e57e070ff' }, index.h("stencil-toggle", { key: 'a22473a10be77d0ae078e08280e34b07bbf9d6f4', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -652,7 +652,7 @@ const KpiList = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'a4fd3190b2fe475e6bc41572b8414d754cbe5b0f', class: "kpi-container" }, this.kpiValues.map((kpi, index$1) => (index.h("div", { class: "kpi-item" }, index.h("span", { class: "kpi-label", style: {
+        return (index.h("div", { key: '9171e99debfd099aa6f2c9cb236e8913e96e14a2', class: "kpi-container" }, this.kpiValues.map((kpi, index$1) => (index.h("div", { class: "kpi-item" }, index.h("span", { class: "kpi-label", style: {
                 fontSize: ' 0.875rem',
                 fontWeight: '300',
                 lineHeight: '0.25',
@@ -713,11 +713,11 @@ const SaveViewFormDialog = class {
         }
     }
     render() {
-        return (index.h("fluent-dialog", { key: 'fcd8bdbb45403f1975bc39de417d5c83ba4abb1d', open: this.open, actionOne: () => {
+        return (index.h("fluent-dialog", { key: 'dee072d383c9470d3a4481ccc2939d227365c9dc', open: this.open, actionOne: () => {
                 this.handleSubmit();
             }, actionTwo: this.closeDialog, actionThree: () => {
                 this.handleViewUpdate();
-            }, handleClose: this.handleClose, labelOne: "Save as Copy", labelTwo: "Cancel", labelThree: "Save View", title: this.title, disableOne: !this.name, buttonThreeHidden: !this.gridViewId }, index.h("form", { key: '2937ff84daca5e08352de2332a8fcbd0a0f7e2da', class: "save-form" }, index.h("text-field", { key: 'e1da04b418cac6e7ba6475aba147c72fa92b86e8', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: '0c6491610660c4cfb28c920dcec47f29207de133', class: "toggle-options" }, index.h("div", { key: 'cb1f30bd1229303e4793d7db99f9e4da82619612' }, index.h("stencil-toggle", { key: 'c8b5fa3c1b1d2b6d9005af165136971e56f930b2', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: '23eae588c80ec713825ca0f1ce5316bc1d5cb586' }, index.h("stencil-toggle", { key: '078b512141f82dfe4ead29be0dda0395c6081fd5', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+            }, handleClose: this.handleClose, labelOne: "Save as Copy", labelTwo: "Cancel", labelThree: "Save View", title: this.title, disableOne: !this.name, buttonThreeHidden: !this.gridViewId }, index.h("form", { key: '6c194929ee58aeeadd0cc525e44e1ec180527320', class: "save-form" }, index.h("text-field", { key: 'eae3a020fc8df4be9098a5ad9120399168ae5ed0', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: 'e7c345719c291029428c73290e13b4c85e15696e', class: "toggle-options" }, index.h("div", { key: '1797c39230ff667f26acf5e24c8d808a38114945' }, index.h("stencil-toggle", { key: '108a9ede29aa823033352831eb38b0170d6ef4e1', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: 'f56e36069caef71d779cb1536a3c9e3992cd7f67' }, index.h("stencil-toggle", { key: '8a23fe5b895b0ca0f3632e2b52a3e7bf519a060b', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -800,11 +800,11 @@ const UdpNotification = class {
     }
     render() {
         const statusClass = `status-${this.status}`;
-        return (index.h("div", { key: 'a64c27431513999a4bdfa5db0148b2ec7b298eb9', class: {
+        return (index.h("div", { key: '670493aa1b278db27d8ddd76c1910146f59c693e', class: {
                 'udp-notification': true,
                 'visible': this.active,
                 [statusClass]: true // This will apply the correct class based on the status
-            } }, this.userCancel && (index.h("button", { key: '787193c4dfcc0244ac2afebcf92da310a372c9a4', class: "close-button", onClick: () => this.active = false }, "\u00D7")), index.h("span", { key: 'f658cd8b2166eae1ecaa86dbacbc4612df6a0d4b', class: "message" }, " ", index.h("unity-typography", { key: '48f5e170d008b2cfe5bb7091add63480a72d0c5e', variant: 'body' }, " ", this.message, " "))));
+            } }, this.userCancel && (index.h("button", { key: '1072d2fef37f90c41f81fc3408fc050f591e6bf8', class: "close-button", onClick: () => this.active = false }, "\u00D7")), index.h("span", { key: '8741ffc19f70e171e4b28fd0956183aa7d097952', class: "message" }, " ", index.h("unity-typography", { key: 'e3c0ab7aff59d6e6f548c8bbdbdc32c2393b2d19', variant: 'body' }, " ", this.message, " "))));
     }
     static get watchers() { return {
         "active": [{
@@ -853,7 +853,7 @@ const UdpPopOver = class {
             style['top'] = `${rect.bottom}px`;
             style['left'] = `${rect.left}px`;
         }
-        return (index.h("div", { key: 'b51ca138cd0b160328ddd2930a8a8eed29625351', class: "popover", style: style }, index.h("unity-typography", { key: 'cf9fa2b7dc75d65727f18a6ebaa8ff9e9dfc8c3f', variant: "caption-text" }, index.h("slot", { key: '5ae1f6e12b0f2378733837210c5f91fe258ca076' }))));
+        return (index.h("div", { key: '8e551e93e0cd39e0a1945c6bba655986ce3f9ec4', class: "popover", style: style }, index.h("unity-typography", { key: 'f19947195b6539834bf48380c7ea628ec75c1119', variant: "caption-text" }, index.h("slot", { key: 'ff01703a997941175c2f3d94e3765015d604be86' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -874,7 +874,7 @@ const UpdAlertBanner = class {
         this.message = '';
     }
     render() {
-        return (index.h("div", { key: '89951ad48535d0d294ebc8695129506586d73cb0', class: `alert-banner ${this.type}` }, index.h("unity-typography", { key: '91424394a3cacea9fd09db5c9f8f757781152c92', variant: "data-display-three" }, "   ", this.message, " ")));
+        return (index.h("div", { key: '885f774f5366cafecd20075d8bb6a16055fb6c58', class: `alert-banner ${this.type}` }, index.h("unity-typography", { key: '789a73324253a838d2a403683cf2c9a35e69d605', variant: "data-display-three" }, "   ", this.message, " ")));
     }
 };
 UpdAlertBanner.style = updAlertBannerCss();