npm - udp-stencil-component-library - Versions diffs - 25.18.2-beta.4 → 25.18.2-beta.6 - Mend

udp-stencil-component-library 25.18.2-beta.4 → 25.18.2-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (536) hide show

package/dist/esm/{udp-pop-over.entry.js → udp-menu-item_2.entry.js} RENAMED Viewed

@@ -1,6 +1,27 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CaZq3YdB.js';
 import { createPopper } from '@popperjs/core';
+const udpMenuItemCss = ".menu-item-root{display:flex;width:100%;padding:8px 16px;gap:8px;align-items:center;background:none;border:none;font-family:inherit;text-align:left;cursor:pointer;transition:background-color 0.15s ease-in-out}.menu-item-root:hover:not(:disabled){background-color:rgba(0, 0, 0, 0.08)}.menu-item-label{font-size:14px}.menu-item-root:disabled{cursor:not-allowed;opacity:0.4}.menu-icon{height:100%}";
+const UdpMenuItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.itemClick = createEvent(this, "itemClick");
+        this.disabled = false; // reflect: true helps with CSS styling
+        this.handleItemClick = (e) => {
+            // if (this.disabled) {
+            //   e.stopPropagation();
+            //   return;
+            // }
+            this.itemClick.emit(e);
+        };
+    }
+    render() {
+        return (h("button", { key: '4a43cdb229edec0f13ceda8672bfd3c48c545dc6', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: '499c217a79efe99f11e289f9792eb1f9307264bb', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '8c414f47700d8b3802d81579fb1374aa81c8691b', class: "menu-item-label" }, h("unity-typography", { key: '5c95b5ab659abe6c7baa2a1b7a287077afd4af92', variant: 'body1' }, this.label))));
+    }
+};
+UdpMenuItem.style = udpMenuItemCss;
 const udpPopOverCss = ":host{display:block;position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity 0.2s ease-out}:host(.is-visible){pointer-events:auto;opacity:1;transform:scale(1)}.popover{background-color:white;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border:1px solid #e0e0e0}";
 const UdpPopOver = class {
@@ -126,5 +147,5 @@ const UdpPopOver = class {
 };
 UdpPopOver.style = udpPopOverCss;
-export { UdpPopOver as udp_pop_over };
-//# sourceMappingURL=udp-pop-over.entry.js.map
+export { UdpMenuItem as udp_menu_item, UdpPopOver as udp_pop_over };
+//# sourceMappingURL=udp-menu-item.udp-pop-over.entry.js.map

package/dist/esm/udp-page.entry.js CHANGED Viewed

@@ -20,7 +20,7 @@ const UdpPage = class {
             padding: this.padding,
             margin: '0 auto', // Centers the content if max-width is set
         };
-        return (h("div", { key: 'cd340c347257f5eb66d73ed93ce4164ba0d6c94c', style: style }, h("slot", { key: '68e33d37810a56cf7fc6f7290a6d44c10c4ef781' }), " "));
+        return (h("div", { key: '87960916a8c702c88f3a7dd7a9ef90227d76f605', style: style }, h("slot", { key: '1915453eae25182b42e004450ca04ee20c17cbff' }), " "));
     }
 };
 UdpPage.style = udpPageCss;

package/dist/esm/udp-skeleton-loading.entry.js CHANGED Viewed

@@ -11,7 +11,7 @@ const UdpSkeletonLoading = class {
         this.borderRadius = '4px';
     }
     render() {
-        return (h("div", { key: 'c4d09711b610d9d0219f5964d1572ef7af46b738', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+        return (h("div", { key: '2801b43f47755995952a8ebda27acd6557b340f8', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
     }
 };
 UdpSkeletonLoading.style = udpSkeletonLoadingCss;

package/dist/esm/udp-split-screen.entry.js CHANGED Viewed

@@ -55,7 +55,7 @@ const UdpSplitScreen = class {
         }
     }
     render() {
-        return (h("div", { key: '45482d8017aa9e124177dcdf2d4173361b05fac8', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'c50057f1966e96ed6c6e01e025f30167ca34eda2', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '47bd54df69170935664bac84157d563ca9f7db34', name: "first-panel" })), h("div", { key: 'ba66ae724133870c289a9b5eafc19a1ca220c0ef', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '6b40d3ca3df57595ef9dd206b37b1932bf033809', class: "drag-handle" })), h("div", { key: 'fc515cb4a0c2eec22d45ba818a5b271f3a861039', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '103aac71fb969095ab17605be85e57053f596d71', name: "second-panel" }, this.panelContent))));
+        return (h("div", { key: 'c1a7e0eba3ac1fcc5fd02ebcfd24ad866ddd5a43', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'ba41dc15748286b532e98574db37413ec8428110', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: 'a5789cb6914ad71421a23bbedff897ab3af03356', name: "first-panel" })), h("div", { key: 'bc81bfcfe169236f7102ad340b5e87b169cbb368', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: 'eb72ee3c6aeed6c26d07d72f0818bcce3d1b0dc6', class: "drag-handle" })), h("div", { key: '606d564838ffaad254738b761d9d4e1f382888f6', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '682ce28bd7d62692855eb5254da515119dab9214', name: "second-panel" }, this.panelContent))));
     }
 };
 UdpSplitScreen.style = udpSplitScreenCss;

package/dist/esm/udp-stepper-demo.entry.js CHANGED Viewed

@@ -92,7 +92,7 @@ const UdpStepperDemo = class {
         };
     }
     render() {
-        return (h("div", { key: 'eebc9bb4f1d245a9da41ba14cd8519ea5012e074', style: { padding: '2rem' } }, h("unity-typography", { key: '0f9a1a7e068cb8a87c24bc6abf2d3c016b36cbfd', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: '99467398bbd932a99f4064cdce04058347f50671', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: 'ceae432518d605a5279287d3f7dec89d05747022', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: '91451a92179c6b87d18578cd0947832084b348ef', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '55fc4f975f03af338db74402aa5473701acc947d', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: 'f5f862c22a85b774c018946cfb42a2e495992ef7', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '136379efff85d15e5b2b1fc9a403a9c5c7e24a71', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: 'b592b5256dff97067080079474e1f97ed8566e62', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
+        return (h("div", { key: '2319255e5746720f12f3e09b1218c2165ef8d817', style: { padding: '2rem' } }, h("unity-typography", { key: '656c99db41764cbb769d8082e5a45c042c669976', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: '16e00a0cab21bdf462a8750b19f18e6168fc90ac', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: '27a78441510baf5aa6dfc80d8919a34529617ad3', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: '1d1a41d4454e7b73c87ebd4b336ebdc64aa9522b', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '43b1a72c4a8a97aef8158b28cdd9b21def43763a', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: '5d5fe67789189f33101e8bfb936d4cfe15bbd7c7', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '89680789dc23b5c0d995d6064278e9f634a62bec', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: '3df6a59fb672ff752d8f03626651a37388773646', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
     }
 };

package/dist/esm/udp-tab-panel.entry.js CHANGED Viewed

@@ -8,10 +8,10 @@ const UdpTabPanel = class {
     }
     render() {
         const isActive = this.value === this.index;
-        return (h("div", { key: '3d2383c0b993bcb66a13c14048a13450aa5fd6b4', class: {
+        return (h("div", { key: '189ebf853b69a4f543aaafc450003f4a046c823d', class: {
                 'tab-panel': true,
                 'active': isActive,
-            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: 'fde6d4bef1fa5ded55d61ca54349cd9e85c2d265' })));
+            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '7b9a7830280bf62f9bce753f6ab83b68e198a5df' })));
     }
 };
 UdpTabPanel.style = udpTabPanelCss;

package/dist/esm/udp-tab.entry.js CHANGED Viewed

@@ -27,7 +27,7 @@ const UdpTab = class {
         this.disabled = false;
     }
     render() {
-        return (h("div", { key: '6792f3e4f90e3e99a844e111783fe9f027501117', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: '865d65568d4c0c2651a76eb9f7a19a0f4eff2c65' })));
+        return (h("div", { key: 'f11315932e2e200997d557729b171223fa98f4b0', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: '73b9ef3b7dfeda69ae130fdefb39e8179d891818' })));
     }
 };
 UdpTab.style = udpTabCss;

package/dist/esm/udp-timeline-connector.entry.js CHANGED Viewed

@@ -7,7 +7,7 @@ const UdpTimelineConnector = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("div", { key: 'ac7162f423f990b85fc98a011c4a48bd4ba6ffdc', class: "connector" });
+        return h("div", { key: '6e29be72d441d6c377d008621019db08f9633da9', class: "connector" });
     }
 };
 UdpTimelineConnector.style = udpTimelineConnectorCss;

package/dist/esm/udp-timeline-dot.entry.js CHANGED Viewed

@@ -36,7 +36,7 @@ const UdpTimelineDot = class {
             '--udp-timeline-dot-bg': this.color,
             '--udp-timeline-dot-outline-color': this.color,
         } : {};
-        return (h("div", { key: '1e05486cbf143dc476a32baea254820030f1f7f1', class: classes, style: styles }, h("slot", { key: 'c667f97a9fe7c03b243fb42a9b59e53411258a37' })));
+        return (h("div", { key: '2c5bd3f827dfe8f2720ca8aa46ce96d34cdfc7fa', class: classes, style: styles }, h("slot", { key: '97e649e977722c782c969cc3d93352e0c92c68aa' })));
     }
 };
 UdpTimelineDot.style = udpTimelineDotCss;

package/dist/esm/udp-timeline-item.entry.js CHANGED Viewed

@@ -63,12 +63,12 @@ const UdpTimelineItem = class {
         var _a;
         const visibleActions = this.actions.slice(0, 4);
         const menuActions = this.actions.slice(4);
-        return (h(Host, { key: 'e0c202b3da3613d5bd3391c823f4717b00a8c963', class: {
+        return (h(Host, { key: '8326b3df0cc9cc0028c3bfc933bc459db35094bc', class: {
                 'has-title': this.hasTitle,
                 'has-caption': this.hasCaption,
                 [`dot-shape-${this.dotShape}`]: true,
                 'clickable': this.clickable,
-            }, onClick: this.handleClick }, h("div", { key: '091ebbfbc1b9efb37404b200ade26eeedd859247', class: "udp-timeline-item" }, h("div", { key: '9f463e19de021d0abaab732158415f9a65c6450c', class: "separator-column" }, h("slot", { key: '6d144c613e5c1905eac606dee59c7a94a3332fa0', name: "separator" })), h("div", { key: '1a2748b27929a7c06176046c85b93f6a1afe4fc5', class: "content-column" }, h("div", { key: 'd57471f235edbf455a70f56940f8879f8a6b5100', class: "first-row" }, h("div", { key: '68ef26531dae5f3150f82a143b1b6aa2dcd5c7ae', class: "title-slot" }, h("slot", { key: 'd2d11a82ee5d7a5b665e0dbe2afd517f02df4d81', name: "title" })), ((_a = this.statusLabel) === null || _a === void 0 ? void 0 : _a.trim()) != '' && (h("udp-chip", { key: '3c6fe171c3dcb2b60523e01f0d893694143d998b', label: this.statusLabel, color: this.statusColor, size: "small" }))), h("div", { key: '10f19128bc549bac7e53eb1260986c1f230dd3b8', class: "content-slot" }, h("slot", { key: 'e283db48e73b9614bd1ee33c4aafcf585560e111', name: "content" })), h("div", { key: '8fe114f2d6ff8bd9af2f1e044f2f73288595ae92', class: "caption-slot" }, h("slot", { key: 'f1f1b35200e5c9cfcdbaeb7943a75f2f97501874', name: "caption" })), this.actions.length > 0 && (h("div", { key: 'c4a6f1f85cc02761a1ef8aff3ae27081a19c28ac', class: "actions-container" }, visibleActions.map(action => (h("button", { onClick: action.onClick }, action.label))), menuActions.length > 0 && h("button", { key: 'ea8b1d8f7a77a56b1385bceabc0db2e310ffe492' }, "...")))))));
+            }, onClick: this.handleClick }, h("div", { key: 'a2fae7aacf20d01c7af29054e8c706f758ece4c9', class: "udp-timeline-item" }, h("div", { key: '281563af2707ddc073b3414a78f2ec264ac54238', class: "separator-column" }, h("slot", { key: 'db75bbc336f12262d6de2079e57c32190a739e91', name: "separator" })), h("div", { key: '1759cffe898de2b80712d5253d006e8aad7acf77', class: "content-column" }, h("div", { key: '3d8d768714a546b6d1b93e63c2ac7b9ffbd4cc33', class: "first-row" }, h("div", { key: '59498dc18fc522deec1edb08be8144021dc23fdb', class: "title-slot" }, h("slot", { key: '4de60c7bb739794e3b4f46b9d6bda1a842bcb255', name: "title" })), ((_a = this.statusLabel) === null || _a === void 0 ? void 0 : _a.trim()) != '' && (h("udp-chip", { key: 'b3cce52eb5f3022085eae08ab01e38ffde583245', label: this.statusLabel, color: this.statusColor, size: "small" }))), h("div", { key: '6877b1e05c45c70ff8260f08fbf13fa5d9f428dc', class: "content-slot" }, h("slot", { key: '4ee558c73d0694676ca014e936f83c4b34c3a86f', name: "content" })), h("div", { key: 'bca70084d830b5988b1192328a817b57082593aa', class: "caption-slot" }, h("slot", { key: '5cf4a947ca3cfa3e01b4f415d9bd408478bbfe32', name: "caption" })), this.actions.length > 0 && (h("div", { key: 'c18da0ac1c20e4b2354cb5b21f473e938f7edbb8', class: "actions-container" }, visibleActions.map(action => (h("button", { onClick: action.onClick }, action.label))), menuActions.length > 0 && h("button", { key: 'c0327b7dbb152db4c5229e2517c0061d5981cdb9' }, "...")))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/udp-timeline-separator.entry.js CHANGED Viewed

@@ -7,7 +7,7 @@ const UdpTimelineSeparator = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'fd906306d70d88d53be6436fbf36e2d6a36fdd90', class: "udp-timeline-separator" }, h("slot", { key: '427efd7e20154bddef6653dc1d0efa693766a46f' })));
+        return (h("div", { key: 'ffc3bdd998905aa0254b7610824996ddc5263547', class: "udp-timeline-separator" }, h("slot", { key: '92dc66209cffed11e4c04bb0f3f309c9f27cdda2' })));
     }
 };
 UdpTimelineSeparator.style = udpTimelineSeparatorCss;

package/dist/esm/udp-timeline.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const UdpTimeline = class {
         this.align = 'left';
     }
     render() {
-        return (h(Host, { key: 'b8f6549bc279987a93954ee693a5c2fe54c41184', class: { [`align-${this.align}`]: true } }, h("div", { key: 'f0a00ac185b51a7666bf6617f4f3c6e846da131a', class: "udp-timeline-root" }, h("slot", { key: '69ba86a6fd1c7a418cbd87c25d4aed591751089b' }))));
+        return (h(Host, { key: '555eec82e04f639c2ea3c7e6f02305406a601790', class: { [`align-${this.align}`]: true } }, h("div", { key: 'a717e8b6d0a12902927eda125d07a4fada686903', class: "udp-timeline-root" }, h("slot", { key: '2ae6134c049190100dc7fccc9b7ff768b85fc438' }))));
     }
 };
 UdpTimeline.style = udpTimelineCss;

package/dist/esm/udp-vertical-spacer.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const UdpVerticalSpacer = class {
             large: 'spacing-13', // Assuming this corresponds to --spacing-13
         };
         const spacingClass = sizeMap[this.unit] || 'spacing-01';
-        return (h("div", { key: '43858dba85be3d9ca579b7277356f6b722a77598', class: spacingClass }));
+        return (h("div", { key: 'e7ce17029af1bb28948d736098913de9b7bd8efe', class: spacingClass }));
     }
 };
 UdpVerticalSpacer.style = udpVerticalSpacerCss;

package/dist/esm/{utils-CiUp9KGZ.js → utils-kwLwITIE.js} RENAMED Viewed

@@ -39,20 +39,20 @@ const dateFormatter = (dateString, formatStyle = 'long') => {
     });
 };
 // eg. { section1: { question1: { value: '', comments: [], metadata: {} }, question2: { value: '', comments: [], metadata: {} } }, section2: { question3: { value: '', comments: [], metadata: {} } } }
-const buildEmptyInitialValues = (masterForm) => {
-    const initialValues = {};
+const buildEmptyCurrentValues = (masterForm) => {
+    const currentValues = {};
     for (const section of masterForm.udpFormUdpFormSection) {
-        initialValues[section.name] = {};
+        currentValues[section.name] = {};
         const questionsOfSection = masterForm.formQuestions.filter(question => question.formSectionId == section.id);
         for (const question of questionsOfSection) {
-            initialValues[section.name][question.name] = {
+            currentValues[section.name][question.name] = {
                 value: '', // default empty value
                 comments: [], // default empty comments array
                 metadata: {}, // default metadata object
             };
         }
     }
-    return initialValues;
+    return currentValues;
 };
 const overrideFont = (element, cssVariable) => {
     var _a, _b, _c, _d;
@@ -81,7 +81,7 @@ const fontOverrideMapping = {
     Arial: "--font-override-arial"
 };
-export { buildEmptyInitialValues as b, dateFormatter as d, fontOverrideMapping as f, overrideFont as o };
-//# sourceMappingURL=utils-CiUp9KGZ.js.map
+export { buildEmptyCurrentValues as b, dateFormatter as d, fontOverrideMapping as f, overrideFont as o };
+//# sourceMappingURL=utils-kwLwITIE.js.map
-//# sourceMappingURL=utils-CiUp9KGZ.js.map
+//# sourceMappingURL=utils-kwLwITIE.js.map

package/dist/esm/utils-kwLwITIE.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils-kwLwITIE.js","sources":["src/components/forms/udp-forms/udp-forms-utils/utils.ts"],"sourcesContent":["// take a masterForm's structure and build the empty currentValues object\nimport { UdpForm } from \"src/components\";\n\n/**\n * Translate and format UTC timestamp to local time.\n */\nexport const dateFormatter = (dateString: string, formatStyle: 'long' | 'short' = 'long' ) => {\n let normalizedDateString = dateString;\n\n // Check if the string is in the 'YYYY-MM-DD HH:mm:ss.sss' format (i.e., contains a space, not 'T')\n // If the input is '2025-12-10T20:23:23.055Z', it passes straight through.\n // This format is assumed to be missing timezone info and needs to be treated as UTC.\n if (dateString.includes(' ')) {\n // Replace the space with 'T' \n normalizedDateString = dateString.replace(' ', 'T');\n }\n\n if (!dateString.toUpperCase().endsWith('Z')) {\n // append Z if not there\n normalizedDateString = normalizedDateString + 'Z';\n }\n\n const date = new Date(normalizedDateString);\n\n // short format: DD/MM/YY HH:MM am/pm (e.g. 05/09/25 03:45 pm)\n if (formatStyle === 'short') {\n const pad = (n: number) => String(n).padStart(2, '0');\n const day = pad(date.getDate());\n const month = pad(date.getMonth() + 1);\n const yearShort = String(date.getFullYear()).slice(-2);\n\n const hours24 = date.getHours();\n const minutes = pad(date.getMinutes());\n const period = hours24 >= 12 ? 'pm' : 'am';\n const hours12 = hours24 % 12 === 0 ? 12 : hours24 % 12;\n const hours = String(hours12).padStart(2, '0');\n\n return `${day}/${month}/${yearShort} ${hours}:${minutes} ${period}`;\n }\n\n // default long format \n return date.toLocaleString(undefined, {\n year: 'numeric',\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n hour12: true\n });\n};\n\n\n// eg. { section1: { question1: { value: '', comments: [], metadata: {} }, question2: { value: '', comments: [], metadata: {} } }, section2: { question3: { value: '', comments: [], metadata: {} } } }\nexport const buildEmptyCurrentValues = (masterForm: UdpForm) => {\n const currentValues = {};\n\n for (const section of masterForm.udpFormUdpFormSection) {\n currentValues[section.name] = {};\n\n const questionsOfSection = masterForm.formQuestions.filter(\n question => question.formSectionId == section.id,\n );\n\n for (const question of questionsOfSection) {\n currentValues[section.name][question.name] = {\n value: '', // default empty value\n comments: [], // default empty comments array\n metadata: {}, // default metadata object\n };\n }\n }\n\n return currentValues;\n};\n\n\nexport const overrideFont = (element: HTMLElement, cssVariable) => {\n if(element?.shadowRoot?.lastElementChild){ // this returns null in react for some instances\n element?.shadowRoot?.lastElementChild?.setAttribute?.('style', `font-family: var(${cssVariable})`)\n return;\n }\n const observer = new MutationObserver((mutationsList, observer) => {\n mutationsList.forEach(mutation => {\n if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {\n mutation.addedNodes.forEach(node => {\n if (node.nodeType === Node.ELEMENT_NODE) {\n (node as HTMLElement)?.setAttribute?.('style', `font-family: var(${cssVariable})`);\n observer.disconnect(); // Stop observing once the target is found\n }\n });\n }\n });\n });\n\n if (element?.shadowRoot) {\n observer.observe(element.shadowRoot, { childList: true });\n }\n };\n\n\nexport const fontOverrideMapping = {\n Arial: \"--font-override-arial\"\n}"],"names":[],"mappings":"AAGA;;AAEG;AACU,MAAA,aAAa,GAAG,CAAC,UAAkB,EAAE,WAAA,GAAgC,MAAM,KAAK;IAC3F,IAAI,oBAAoB,GAAG,UAAU;;;;AAKrC,IAAA,IAAI,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;;QAE5B,oBAAoB,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;;IAGrD,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;;AAE3C,QAAA,oBAAoB,GAAG,oBAAoB,GAAG,GAAG;;AAGnD,IAAA,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,oBAAoB,CAAC;;AAG3C,IAAA,IAAI,WAAW,KAAK,OAAO,EAAE;AAC3B,QAAA,MAAM,GAAG,GAAG,CAAC,CAAS,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;QACrD,MAAM,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QAC/B,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AACtC,QAAA,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;AAEtD,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE;QAC/B,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;AACtC,QAAA,MAAM,MAAM,GAAG,OAAO,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI;AAC1C,QAAA,MAAM,OAAO,GAAG,OAAO,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,OAAO,GAAG,EAAE;AACtD,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AAE9C,QAAA,OAAO,CAAG,EAAA,GAAG,CAAI,CAAA,EAAA,KAAK,CAAI,CAAA,EAAA,SAAS,CAAI,CAAA,EAAA,KAAK,CAAI,CAAA,EAAA,OAAO,CAAI,CAAA,EAAA,MAAM,EAAE;;;AAIrE,IAAA,OAAO,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE;AACpC,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,MAAM,EAAE;AACT,KAAA,CAAC;AACJ;AAGA;AACa,MAAA,uBAAuB,GAAG,CAAC,UAAmB,KAAI;IAC7D,MAAM,aAAa,GAAG,EAAE;AAExB,IAAA,KAAK,MAAM,OAAO,IAAI,UAAU,CAAC,qBAAqB,EAAE;AACtD,QAAA,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE;QAEhC,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC,MAAM,CACxD,QAAQ,IAAI,QAAQ,CAAC,aAAa,IAAI,OAAO,CAAC,EAAE,CACjD;AAED,QAAA,KAAK,MAAM,QAAQ,IAAI,kBAAkB,EAAE;YACzC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG;gBAC3C,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,EAAE;gBACZ,QAAQ,EAAE,EAAE;aACb;;;AAIL,IAAA,OAAO,aAAa;AACtB;MAGa,YAAY,GAAG,CAAC,OAAoB,EAAE,WAAW,KAAI;;IAC9D,IAAG,CAAA,EAAA,GAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,CAAE,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,gBAAgB,EAAC;QACrC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,CAAE,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,gBAAgB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,mDAAG,OAAO,EAAE,CAAoB,iBAAA,EAAA,WAAW,CAAG,CAAA,CAAA,CAAC;QAClG;;IAEJ,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,aAAa,EAAE,QAAQ,KAAI;AAChE,QAAA,aAAa,CAAC,OAAO,CAAC,QAAQ,IAAG;AAC/B,YAAA,IAAI,QAAQ,CAAC,IAAI,KAAK,WAAW,IAAI,QAAQ,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;AACnE,gBAAA,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAG;;oBACjC,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE;wBACvC,CAAA,EAAA,GAAC,IAAoB,KAAA,IAAA,IAApB,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAkB,YAAY,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,EAAA,OAAO,EAAE,CAAoB,iBAAA,EAAA,WAAW,CAAG,CAAA,CAAA,CAAC;AAClF,wBAAA,QAAQ,CAAC,UAAU,EAAE,CAAC;;AAE1B,iBAAC,CAAC;;AAEN,SAAC,CAAC;AACJ,KAAC,CAAC;IAEF,IAAI,OAAO,aAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,UAAU,EAAE;AACvB,QAAA,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;AAE7D;AAGW,MAAA,mBAAmB,GAAG;AACjC,IAAA,KAAK,EAAE;;;;;"}

package/dist/stencil-library/add-map-feature-popup_4.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as e,h as t,a as i}from"./index-CaZq3YdB.js";import{Close16 as a,Checkmark16 as s,Filter16 as n,Layers16 as o,Select_0116 as l,Scalpel16 as c,Renew16 as d,OverflowMenuHorizontal16 as r}from"@carbon/icons/es";import{f as h}from"./udp-map-utils-DNAUNI5U.js";import{S as p}from"./common-CwN0FuAf.js";import"lodash";import"ol/proj";import"ol/format/GeoJSON";const f=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const u=class{constructor(t){e(this,t);this.typeOptions=[{label:"Point",value:"Point"},{label:"LineString",value:"LineString"},{label:"Polygon",value:"Polygon"}];this.vectorLayerOptions=[];this.selectedLayer=null;this.selectedType=null;this.panelConfig=null;this.layerToAddOptions=[];this.drawingTypeOptions=null;this.handleSetSelectedLayer=e=>{this.selectedLayer=e};this.handleSetSelectedType=e=>{this.selectedType=e};this.getlayerOptions=()=>{var e,t;if((e=this.panelConfig)===null||e===void 0?void 0:e.getLayerOptionsFromLayerValues){this.layerToAddOptions=(t=this.panelConfig)===null||t===void 0?void 0:t.getLayerOptionsFromLayerValues(this.vectorLayerOptions)}else{this.layerToAddOptions=this.vectorLayerOptions.map((e=>({label:e,value:e})))}};this.getDrawingTypeOptions=()=>{var e,t,i;if((e=this.panelConfig)===null||e===void 0?void 0:e.getFeatureTypeOptionsFromLayerValue){this.drawingTypeOptions=(i=(t=this.panelConfig)===null||t===void 0?void 0:t.getFeatureTypeOptionsFromLayerValue(this.selectedLayer))!==null&&i!==void 0?i:this.typeOptions}else{this.drawingTypeOptions=this.typeOptions}}}watchPanelConfig(){var e;if((e=this.panelConfig)===null||e===void 0?void 0:e.hideLayerSelector){this.selectedLayer=null;this.layerToAddOptions=[]}else{this.getlayerOptions()}}updateDrawingTypeOptions(){this.getDrawingTypeOptions()}componentWillLoad(){this.getlayerOptions();this.getDrawingTypeOptions()}render(){var e,i,a;return t("div",{key:"61aeed66447c5ebd0037a56c06620ce1573a6b45",class:"popoverContent"},!((e=this.panelConfig)===null||e===void 0?void 0:e.hideLayerSelector)&&t("udp-selector",{key:"cd58b4763e0bb5326fe0c95de4fcf704ba189375",id:"layer",options:this.layerToAddOptions,initialValue:this.selectedLayer,label:"Layer",onChange:e=>{this.handleSetSelectedLayer(e.detail)},large:false}),t("udp-selector",{key:"f5d099889d1be3b7e0c948bf937df032d590dd76",id:"type",options:(i=this.drawingTypeOptions)!==null&&i!==void 0?i:[],initialValue:this.selectedType,label:"Type",onChange:e=>{this.handleSetSelectedType(e.detail)},large:false}),t("div",{key:"f70d82d791d5a7b0e8f8e8b114be76fa5a7dc199",class:"formButton"},t("custom-button",{key:"34a23e6d780903ff188abc1762a6d502e2de544d",label:t("unity-typography",{variant:"button"},"Draw feature"),onClick:()=>this.handleStartDrawingMapFeature(this.selectedLayer,this.selectedType),variant:"outline",disabled:this.selectedLayer===null&&!((a=this.panelConfig)===null||a===void 0?void 0:a.hideLayerSelector)||this.selectedType===null})))}static get watchers(){return{panelConfig:["watchPanelConfig"],selectedLayer:["updateDrawingTypeOptions"],typeOptions:["updateDrawingTypeOptions"]}}};u.style=f;const b=".toolbarContainer{display:flex;justify-content:space-between;align-items:center;background:var(--accent-color);padding-left:var(--spacing-05)}.buttonContainer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.secondaryButtons{display:flex;justify-content:flex-end;column-gap:var(--spacing-04);margin-top:var(--spacing-04);margin-bottom:var(--spacing-04)}.selectedFeaturesButtons{display:flex;column-gap:var(--spacing-04)}#addOption{margin-left:var(--spacing-04)}.title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.labelButtons{white-space:nowrap}@media (min-width: 300px){.labelButtons{white-space:nowrap}}.buttons{display:flex;flex-direction:column}.popOversListContainer{display:flex;justify-content:space-evenly;padding:0}#addOptionButton{width:fit-content}";const v=class{constructor(t){e(this,t);this.mapTitle="";this.visibleLayers=[];this.enableTileSelection=true;this.enableDragBox=true;this.selectedFeatureByBoxSelection=[];this.refreshButtonTooltip="";this.enableAddNewFeature=false;this.enableSplit=true;this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.showSplitButton=false;this.readOnlyLayers=[];this.filterAnchor=null;this.layerAnchor=null;this.bulkSelectionTypeAnchor=null;this.selectionActionAnchor=null;this.splitAnchor=null;this.addFeatureAnchor=null;this.filteredOptions=[];this.withSelected=false;this.layerOptionsForPopup=[];this.setFilteredLayerOptions=()=>{if(this.layerOptions&&this.layerOptions.length>0){this.filteredOptions=this.layerOptions}};this.updateSelectedLayers=e=>{this.handleSelectLayers(e)};this.handleCloseFilterPopover=()=>{this.filterAnchor=null};this.handleCloseLayerPopover=()=>{this.layerAnchor=null};this.handleCloseBulkSelectionTypePopover=()=>{this.bulkSelectionTypeAnchor=null};this.handleCloseSplitPopover=()=>{this.splitAnchor=null};this.handleCloseSelectionActionPopover=()=>{this.selectionActionAnchor=null};this.handleCloseAddMapFeature=()=>{this.addFeatureAnchor=null;this.selectedLayerToAddFeature=null;this.selectedTypeToAddFeature=null};this.handleFilterOnclick=()=>{this.filterAnchor=this.mapToolbarElement.shadowRoot.querySelector("#filterOptionButton")};this.handleLayerOnclick=()=>{this.layerAnchor=this.mapToolbarElement.shadowRoot.querySelector("#layerOptionButton");this.filteredOptions=this.layerOptions};this.handleSelectionActionOnclick=()=>{this.selectionActionAnchor=this.mapToolbarElement.shadowRoot.querySelector("#withSelectedOptionButton")};this.handleSelectionBtnOnclick=()=>{this.bulkSelectionTypeAnchor=this.mapToolbarElement.shadowRoot.querySelector("#bulkSelectOptionButton")};this.handleSplitBtnOnclick=()=>{this.splitAnchor=this.mapToolbarElement.shadowRoot.querySelector("#splitOptionButton")};this.handleAddOnclick=()=>{this.selectedLayerToAddFeature=null;this.selectedTypeToAddFeature=null;this.addFeatureAnchor=this.mapToolbarElement.shadowRoot.querySelector("#addOptionButton")};this.handleBulkSelectionTypeOnclick=e=>{this.bulkSelectionTypeAnchor=null;this.handleBulkSelectionTypeOnChange(e,this.mapProjection)};this.handleSearchLayers=e=>{var t;const i=(t=e===null||e===void 0?void 0:e.target)===null||t===void 0?void 0:t.value;if(!i||(i===null||i===void 0?void 0:i.trim().length)===0){this.filteredOptions=this.layerOptions;return}const a=h(this.layerOptions,i);this.filteredOptions=a};this.handleMapTypeInputChange=e=>{this.handleSelectTile(e)};this.unselectFeatures=()=>{this.withSelected=false;this.handleUnselectFeatures()};this.handleAddNewFeature=()=>{this.addFeatureAnchor=null;this.selectedLayerToAddFeature=null;this.selectedTypeToAddFeature=null;this.addNewFeature()};this.handleCancelAddNewFeature=()=>{this.addFeatureAnchor=null;this.selectedLayerToAddFeature=null;this.selectedTypeToAddFeature=null;this.cancelAddNewFeature()};this.getButtonText=()=>{if(this.enableDragBox){return"Cancel Bulk Selection"}if(this.enableAddNewFeature){return"Save"}return""};this.getButtonIcon=()=>{if(this.enableDragBox){return a}if(this.enableAddNewFeature){return s}return a}}componentDidLoad(){this.setFilteredLayerOptions()}setLayerOptions(){this.setFilteredLayerOptions()}setIsSelected(){if(this.selectedFeatureByBoxSelection&&this.selectedFeatureByBoxSelection.length>0){this.withSelected=true}else{this.withSelected=false}}updateLayerOptionsForPopup(){var e;if(((e=this.readOnlyLayers)===null||e===void 0?void 0:e.length)>0){this.layerOptionsForPopup=this.visibleLayers.filter((e=>!this.readOnlyLayers.includes(e)))}else{this.layerOptionsForPopup=this.visibleLayers}}activateSelectInteraction(e){let t=this.map.getInteractions().getArray().find((e=>e.get("id")===p));if(t){t.setActive(!e)}}render(){var e,i;return t("div",{key:"21b9c43614b63edacda599868c43703d1e647e45",class:"toolbarContainer"},t("div",{key:"9784167d5da4fb3ac42df68eba4c5a486dfc982b",class:"title"},this.mapTitle&&this.mapTitle.length>0&&t("unity-typography",{key:"d30a08036fb834c66d51bd77d95c886ef87a639d",variant:"h4"},this.mapTitle)),t("div",{key:"cdd421ee21f5d56cc0d78352c8cc72032a758424",class:"buttons"},t("div",{key:"2adfbce712f269812d80a77c1043a1d3db6b79c8",class:"buttonContainer"},t("div",{key:"58e6e409c67cf35051735578bdde7b1a6208f9ee",class:"secondaryButtons"},this.filterPanel&&t("div",{key:"f7c06355290ed1bed33d95f6084da2c7bb615da5",id:"filterOption"},t("div",{key:"15be3cc83df5d6f19f3f7a0d5692a4718731dc24",id:"filterOptionButton"},t("stencil-icon-button",{key:"93467bd5a6d9090c67632c18a6c4009e27233ac8",iconName:"filterButton",iconClassName:"iconButtonWrapper",tooltip:"Filter",icon:n,buttonId:"filterButton",onClick:()=>this.handleFilterOnclick()})),this.filterAnchor&&t("div",{key:"bd5f83038320e9803ba9368cd1f40720bf746717",id:"filterOptionDiv"},t("udp-pop-over",{key:"2c9edf578465d003b4afbcdb831ef0d0c34d3f0b",isOpen:this.filterAnchor?true:false,anchorElement:this.filterAnchor,handleOnClose:()=>this.handleCloseFilterPopover(),popoverPlacement:"bottom-start",overflow:"visible"},t("div",{key:"b3ec97a05b90db61cdf239c86ca75e036cc29b13",innerHTML:this.filterPanel})))),this.layerOptions&&t("div",{key:"be4a540251d602df15aa8e4dacef02999077dd96",id:"layerOption"},t("div",{key:"6affbb963bd30f553e61064ab5df13c3ad9a4b74",id:"layerOptionButton"},t("stencil-icon-button",{key:"b8adccbbcd8c95ad2d005dae5c0cf9a12990d97c",iconName:"layersButton",iconClassName:"iconButtonWrapper",tooltip:"Layers",icon:o,buttonId:"layersButton",onClick:()=>this.handleLayerOnclick(),count:(e=this.visibleLayers)===null||e===void 0?void 0:e.length})),t("div",{key:"c8e9383358da444862a6a563e34260487ccfbbed",id:"layerOptionDiv"},this.layerAnchor&&t("udp-pop-over",{key:"e010e9548dabcc2bf6309f36c58a59305cdc4412",isOpen:this.layerAnchor?true:false,anchorElement:this.layerAnchor,handleOnClose:()=>this.handleCloseLayerPopover(),popoverPlacement:"bottom-start",popoverMaxHeight:"500px"},t("select-layer-popup",{key:"f2b783edeaeb9655eedcdbec791e4964860338c9",enableTileSelection:this.enableTileSelection,tileOptions:this.tileOptions,handleMapTypeInputChange:this.handleMapTypeInputChange,handleSearchLayers:this.handleSearchLayers,filteredOptions:this.filteredOptions,visibleLayers:this.visibleLayers,updateSelectedLayers:this.updateSelectedLayers,selectedTile:this.selectedTile})))),!this.readOnlyMap&&this.selectedFeaturesActionPanel&&t("div",{key:"3e49f896bd385d2bb26c63aba9dfa453fdd7daf6",id:"bulkSelectOption"},t("div",{key:"c310558635d2cfd0e8664b6016c6f19b2b127f92",id:"bulkSelectOptionButton"},t("stencil-icon-button",{key:"414e41e6fd4e6e342611bac3989d9c657df675dd",iconName:"selectButton",iconClassName:"iconButtonWrapper",tooltip:"Select",icon:l,buttonId:"selectButton",onClick:()=>this.handleSelectionBtnOnclick()})),t("div",{key:"7c984a976664c80ce289a8acc00b96e922acbbbd",id:"bulkSelectOptionDiv"},this.bulkSelectionTypeAnchor&&t("udp-pop-over",{key:"5a81ce4e1c228340e706fe3406574ddfa6004b49",isOpen:this.bulkSelectionTypeAnchor?true:false,anchorElement:this.bulkSelectionTypeAnchor,handleOnClose:()=>this.handleCloseBulkSelectionTypePopover(),popoverPlacement:"bottom-start",overflow:"visible"},t("udp-menu-item",{key:"d104983f9d0505898f942cc0ece9a225ced6a5e2",label:"Box",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("box")}}),t("udp-menu-item",{key:"b1f864cfc27d567527a232524cdfc77eb52e015a",label:"Circle",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("circle")}}),t("udp-menu-item",{key:"a0fda41ae5ec5a52228bbe419166cf1c0176b66c",label:"Polygon",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("polygon")}}),t("udp-menu-item",{key:"64b903bd46430d1285662848671a0720f0e72c04",label:"Lasso",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("lasso")}})))),!this.readOnlyMap&&this.enableSplit&&t("div",{key:"046ab14c180eaecbf16a340f9be3f2898cdcce37",id:"splitOption"},t("div",{key:"c1650d16e72a90cb7db670523dd3b485b50024d5",id:"splitOptionButton"},t("stencil-icon-button",{key:"a9d02d79f706dea6a87c02fc20877406e28ff6e8",iconName:"splitButton",iconClassName:"splitButtonWrapper",tooltip:"Split Linear Feature",icon:c,buttonId:"splitButton",onClick:()=>this.handleSplitBtnOnclick()})),t("div",{key:"88247c876a345ddc7dbf615dae6a0f069932c0ce",id:"splitOptionDiv"},this.splitAnchor&&t("udp-pop-over",{key:"184c5f17f26a2de0220e13dc63a3ba0bd990bdfc",isOpen:this.splitAnchor?true:false,anchorElement:this.splitAnchor,handleOnClose:()=>this.handleCloseSplitPopover(),popoverPlacement:"bottom-start",overflow:"visible"},t("split-line-popup",{key:"302fb6c3d12c3a7122987ef791f6a16ba8dc5e50",vectorLayerOptions:this.layerOptionsForPopup,selectedLayer:this.selectedLayerToAddFeature,handleStartSplitting:this.handleStartSplitting})))),this.refreshEvent&&t("stencil-icon-button",{key:"2594b4bfe3d784a27843da4b31821104190eb75d",iconName:"refreshButton",iconClassName:"iconButtonWrapper",tooltip:(i=this.refreshButtonTooltip)!==null&&i!==void 0?i:"Refresh",icon:d,buttonId:"refreshButton",onClick:()=>this.refreshEvent()}),!this.readOnlyMap&&(this.enableDragBox||this.addMultipleFeatures&&this.enableAddNewFeature)&&t("div",{key:"0e8f5d8c4bf66eb254ce7d8660aaa469e30106b3",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"8dd1e819db15ac9ab94d6cfda4081fdbc11b39dd",showLabel:true,icon:this.getButtonIcon(),onClick:()=>{if(this.enableDragBox){this.handleCancelBoxSelection()}if(this.enableAddNewFeature){this.handleAddNewFeature()}},tooltip:this.getButtonText(),iconClassName:"save-icon-class"},t("unity-typography",{key:"9e741081bcdee9b696ceda65f94fa8852223784f",variant:"button"},this.getButtonText()))),this.showSplitButton&&t("div",{key:"699dc5dfc451770813268649fedf223f0d5818f4",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"ae030ca7fbea40a4dd6e01e7b588bf1361914bf9",showLabel:true,icon:s,onClick:()=>this.handleSaveSplit(),tooltip:"Save Split",iconClassName:"save-icon-class"},t("unity-typography",{key:"cb248c391bfbf3f9548f84617de19cf8f7d6a1d4",variant:"button"},"Save Split"))),this.showSplitButton&&t("div",{key:"eb129eac44e52ae3901a072bd1f81409a79b9b97",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"f3f1e06d7996c6cc6417aa72953088b7fe58f4c6",showLabel:true,icon:a,onClick:()=>this.handleCancelSplit(),tooltip:"Cancel Split",iconClassName:"save-icon-class"},t("unity-typography",{key:"9ecc562e53f6881873c57b5b84cf2c325f82c302",variant:"button"},"Cancel Split"))),!this.readOnlyMap&&this.enableAddNewFeature&&t("div",{key:"d44f675283cb14e18da11551cd914785f757be3b",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"ce3f82cab7993f7a4e23b8b0d930a4d9577a2b40",showLabel:true,icon:a,onClick:()=>this.handleCancelAddNewFeature(),tooltip:"Cancel Drawing",iconClassName:"save-icon-class"},t("unity-typography",{key:"5ce593305098ea539661aa9241ff5fcaeb312533",variant:"button"},"Cancel Drawing"))),!this.readOnlyMap&&this.withSelected&&t("div",{key:"17c0a761f497b69736a132d86274c4b72c8587f0",class:"selectedFeaturesButtons labelButtons"},t("div",{key:"f482097209ee73f87b2ccded62741f08c7e5d36f",id:"withSelectedOption"},t("div",{key:"6c1dd673b861e77fa9df16c4bfd3cd5ad527ead0",id:"withSelectedOptionButton"},t("stencil-icon-button-grid-action-header",{key:"900257afb87ea2cbeecda63e468e2d26befe312c",showLabel:true,icon:r,onClick:()=>this.handleSelectionActionOnclick(),tooltip:"With Selected",iconClassName:"save-icon-class",count:this.selectedFeatureByBoxSelection.length},t("unity-typography",{key:"61c42fe24533e70243d922a90ace657facbf390f",variant:"button"},"With Selected"))),t("div",{key:"55ad4c9a7bba6399ba59783c082afe6cffa3ed8c",id:"withSelectedOptionDiv"},this.selectedFeaturesActionPanel&&this.selectionActionAnchor&&t("udp-pop-over",{key:"389f555f381efda95d9465c588c413405db973ec",isOpen:this.selectionActionAnchor?true:false,anchorElement:this.selectionActionAnchor,handleOnClose:()=>this.handleCloseSelectionActionPopover(),popoverPlacement:"bottom-start"},t("div",{key:"574d0b6c5cdf21aaf46de7c64212fd00aed55de2",innerHTML:this.selectedFeaturesActionPanel})))),t("stencil-icon-button-grid-action-header",{key:"20faae781e32bc29560f632ec95dc13d1fae11a5",showLabel:true,icon:a,onClick:()=>this.unselectFeatures(),tooltip:"Cancel selection",iconClassName:"save-icon-class"},t("unity-typography",{key:"2f9feebd1b587e9d0e399c22669e55d63b8b97b3",variant:"button"},"Cancel Selection")))),t("div",{key:"8c7ec1fb5f1c1f4ec1b57a158779b6f3b5b85a34",id:"addOption"},this.enableAdd&&!this.readOnlyMap&&t("div",{key:"bca06f99ee4c9254fdc819faf206862df69e7d31",id:"addOptionButton"},t("custom-button",{key:"46987f0f04f476a41d1ab42e0e7ad474d8123878",secondary:true,label:t("unity-typography",{variant:"button"},"Add"),onClick:()=>this.handleAddOnclick(),size:"tall"},t("udp-icon",{key:"77530ccd29a4ab9011734aaeb547a2ac35c10d0f",iconName:"add32",darkIcon:false}))),this.addFeatureAnchor&&t("udp-pop-over",{key:"f9df23cd3dac78f9c12396a4976c50d6ff4d324e",isOpen:this.addFeatureAnchor?true:false,anchorElement:this.addFeatureAnchor,handleOnClose:()=>this.handleCloseAddMapFeature(),popoverPlacement:"bottom-start",overflow:"visible"},t("add-map-feature-popup",{key:"c23dbdfc6b07e209f6f4f0af5f4d20f300b9fa9c",handleStartDrawingMapFeature:this.handleStartDrawingMapFeature,vectorLayerOptions:this.layerOptionsForPopup,selectedLayer:this.selectedLayerToAddFeature,selectedType:this.selectedTypeToAddFeature,panelConfig:this.addFeaturePanelConfig}))))))}get mapToolbarElement(){return i(this)}static get watchers(){return{layerOptions:["setLayerOptions"],selectedFeatureByBoxSelection:["setIsSelected"],visibleLayers:["updateLayerOptionsForPopup"],readOnlyLayers:["updateLayerOptionsForPopup"],enableAddNewFeature:["activateSelectInteraction"]}}};v.style=b;const y=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const g=class{constructor(t){e(this,t);this.enableTileSelection=true;this.tileOptions=[];this.filteredOptions=[];this.visibleLayers=[]}render(){var e,i,a;return t("div",{key:"8007a443867f20bd1d852611af963eb8ccd12d35",class:"popoverContent"},this.enableTileSelection&&t("udp-selector",{key:"3161c824076e00cd55987d36eaabe588b30c800e",id:"mapType",options:(e=this.tileOptions)!==null&&e!==void 0?e:[],initialValue:this.selectedTile.value,label:"Map Type",onChange:e=>{this.handleMapTypeInputChange(e.detail)},large:false}),t("div",{key:"583be16877eeb2a0d5cf93063e7196a17627e558",style:{height:"12px"}}),t("div",{key:"3970abe8db81c224510d78109b10b2dc3ddd7010"},t("text-field",{key:"d6215c3376d746940bffc4096a434fb9865b3fc5",label:"Search Layers",id:"searchFilter",value:"",onInput:e=>this.handleSearchLayers(e)})),((i=this.filteredOptions)===null||i===void 0?void 0:i.length)>0&&((a=this.filteredOptions)===null||a===void 0?void 0:a.map((e=>t("check-box-group",{title:e===null||e===void 0?void 0:e.title,options:e===null||e===void 0?void 0:e.options,values:this.visibleLayers,handleChange:this.updateSelectedLayers})))))}};g.style=y;const m=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const k=class{constructor(t){e(this,t);this.vectorLayerOptions=[];this.selectedLayer=null}render(){var e;return t("div",{key:"c7c9c9ac542f5d5d877ddfe3bdd94ae79fc0a297",class:"popoverContent"},t("udp-selector",{key:"c0fde2302909cbc8a16c61c4cf14d0ce95c9b9c6",id:"layer",options:(e=this.vectorLayerOptions.map((e=>({label:e,value:e}))))!==null&&e!==void 0?e:[],initialValue:this.selectedLayer,label:"Layer",onChange:e=>{this.handleStartSplitting(e.detail)},large:false}))}};k.style=m;export{u as add_map_feature_popup,v as map_toolbar,g as select_layer_popup,k as split_line_popup};
+import{r as e,h as t,a as i}from"./index-CaZq3YdB.js";import{Close16 as a,Checkmark16 as s,Filter16 as n,Layers16 as o,Select_0116 as l,Scalpel16 as c,Renew16 as d,OverflowMenuHorizontal16 as r}from"@carbon/icons/es";import{f as h}from"./udp-map-utils-DNAUNI5U.js";import{S as p}from"./common-CwN0FuAf.js";import"lodash";import"ol/proj";import"ol/format/GeoJSON";const f=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const b=class{constructor(t){e(this,t);this.typeOptions=[{label:"Point",value:"Point"},{label:"LineString",value:"LineString"},{label:"Polygon",value:"Polygon"}];this.vectorLayerOptions=[];this.selectedLayer=null;this.selectedType=null;this.panelConfig=null;this.layerToAddOptions=[];this.drawingTypeOptions=null;this.handleSetSelectedLayer=e=>{this.selectedLayer=e};this.handleSetSelectedType=e=>{this.selectedType=e};this.getlayerOptions=()=>{var e,t;if((e=this.panelConfig)===null||e===void 0?void 0:e.getLayerOptionsFromLayerValues){this.layerToAddOptions=(t=this.panelConfig)===null||t===void 0?void 0:t.getLayerOptionsFromLayerValues(this.vectorLayerOptions)}else{this.layerToAddOptions=this.vectorLayerOptions.map((e=>({label:e,value:e})))}};this.getDrawingTypeOptions=()=>{var e,t,i;if((e=this.panelConfig)===null||e===void 0?void 0:e.getFeatureTypeOptionsFromLayerValue){this.drawingTypeOptions=(i=(t=this.panelConfig)===null||t===void 0?void 0:t.getFeatureTypeOptionsFromLayerValue(this.selectedLayer))!==null&&i!==void 0?i:this.typeOptions}else{this.drawingTypeOptions=this.typeOptions}}}watchPanelConfig(){var e;if((e=this.panelConfig)===null||e===void 0?void 0:e.hideLayerSelector){this.selectedLayer=null;this.layerToAddOptions=[]}else{this.getlayerOptions()}}updateDrawingTypeOptions(){this.getDrawingTypeOptions()}componentWillLoad(){this.getlayerOptions();this.getDrawingTypeOptions()}render(){var e,i,a;return t("div",{key:"86ca0cb6a6e2789efe76c4465662a369158294d1",class:"popoverContent"},!((e=this.panelConfig)===null||e===void 0?void 0:e.hideLayerSelector)&&t("udp-selector",{key:"4f55beaec63cd805650853335ebbf439e6377cfb",id:"layer",options:this.layerToAddOptions,initialValue:this.selectedLayer,label:"Layer",onChange:e=>{this.handleSetSelectedLayer(e.detail)},large:false}),t("udp-selector",{key:"fc32dff93fb00975eb0b417df8bc22c9b05a741f",id:"type",options:(i=this.drawingTypeOptions)!==null&&i!==void 0?i:[],initialValue:this.selectedType,label:"Type",onChange:e=>{this.handleSetSelectedType(e.detail)},large:false}),t("div",{key:"023bac071da645515cc86826a48f08b43c6ebb1f",class:"formButton"},t("custom-button",{key:"284c60557975c76733c0caa17ed907f0cfe2407c",label:t("unity-typography",{variant:"button"},"Draw feature"),onClick:()=>this.handleStartDrawingMapFeature(this.selectedLayer,this.selectedType),variant:"outline",disabled:this.selectedLayer===null&&!((a=this.panelConfig)===null||a===void 0?void 0:a.hideLayerSelector)||this.selectedType===null})))}static get watchers(){return{panelConfig:["watchPanelConfig"],selectedLayer:["updateDrawingTypeOptions"],typeOptions:["updateDrawingTypeOptions"]}}};b.style=f;const u=".toolbarContainer{display:flex;justify-content:space-between;align-items:center;background:var(--accent-color);padding-left:var(--spacing-05)}.buttonContainer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.secondaryButtons{display:flex;justify-content:flex-end;column-gap:var(--spacing-04);margin-top:var(--spacing-04);margin-bottom:var(--spacing-04)}.selectedFeaturesButtons{display:flex;column-gap:var(--spacing-04)}#addOption{margin-left:var(--spacing-04)}.title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.labelButtons{white-space:nowrap}@media (min-width: 300px){.labelButtons{white-space:nowrap}}.buttons{display:flex;flex-direction:column}.popOversListContainer{display:flex;justify-content:space-evenly;padding:0}#addOptionButton{width:fit-content}";const v=class{constructor(t){e(this,t);this.mapTitle="";this.visibleLayers=[];this.enableTileSelection=true;this.enableDragBox=true;this.selectedFeatureByBoxSelection=[];this.refreshButtonTooltip="";this.enableAddNewFeature=false;this.enableSplit=true;this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.showSplitButton=false;this.readOnlyLayers=[];this.filterAnchor=null;this.layerAnchor=null;this.bulkSelectionTypeAnchor=null;this.selectionActionAnchor=null;this.splitAnchor=null;this.addFeatureAnchor=null;this.filteredOptions=[];this.withSelected=false;this.layerOptionsForPopup=[];this.setFilteredLayerOptions=()=>{if(this.layerOptions&&this.layerOptions.length>0){this.filteredOptions=this.layerOptions}};this.updateSelectedLayers=e=>{this.handleSelectLayers(e)};this.handleCloseFilterPopover=()=>{this.filterAnchor=null};this.handleCloseLayerPopover=()=>{this.layerAnchor=null};this.handleCloseBulkSelectionTypePopover=()=>{this.bulkSelectionTypeAnchor=null};this.handleCloseSplitPopover=()=>{this.splitAnchor=null};this.handleCloseSelectionActionPopover=()=>{this.selectionActionAnchor=null};this.handleCloseAddMapFeature=()=>{this.addFeatureAnchor=null;this.selectedLayerToAddFeature=null;this.selectedTypeToAddFeature=null};this.handleFilterOnclick=()=>{this.filterAnchor=this.mapToolbarElement.shadowRoot.querySelector("#filterOptionButton")};this.handleLayerOnclick=()=>{this.layerAnchor=this.mapToolbarElement.shadowRoot.querySelector("#layerOptionButton");this.filteredOptions=this.layerOptions};this.handleSelectionActionOnclick=()=>{this.selectionActionAnchor=this.mapToolbarElement.shadowRoot.querySelector("#withSelectedOptionButton")};this.handleSelectionBtnOnclick=()=>{this.bulkSelectionTypeAnchor=this.mapToolbarElement.shadowRoot.querySelector("#bulkSelectOptionButton")};this.handleSplitBtnOnclick=()=>{this.splitAnchor=this.mapToolbarElement.shadowRoot.querySelector("#splitOptionButton")};this.handleAddOnclick=()=>{this.selectedLayerToAddFeature=null;this.selectedTypeToAddFeature=null;this.addFeatureAnchor=this.mapToolbarElement.shadowRoot.querySelector("#addOptionButton")};this.handleBulkSelectionTypeOnclick=e=>{this.bulkSelectionTypeAnchor=null;this.handleBulkSelectionTypeOnChange(e,this.mapProjection)};this.handleSearchLayers=e=>{var t;const i=(t=e===null||e===void 0?void 0:e.target)===null||t===void 0?void 0:t.value;if(!i||(i===null||i===void 0?void 0:i.trim().length)===0){this.filteredOptions=this.layerOptions;return}const a=h(this.layerOptions,i);this.filteredOptions=a};this.handleMapTypeInputChange=e=>{this.handleSelectTile(e)};this.unselectFeatures=()=>{this.withSelected=false;this.handleUnselectFeatures()};this.handleAddNewFeature=()=>{this.addFeatureAnchor=null;this.selectedLayerToAddFeature=null;this.selectedTypeToAddFeature=null;this.addNewFeature()};this.handleCancelAddNewFeature=()=>{this.addFeatureAnchor=null;this.selectedLayerToAddFeature=null;this.selectedTypeToAddFeature=null;this.cancelAddNewFeature()};this.getButtonText=()=>{if(this.enableDragBox){return"Cancel Bulk Selection"}if(this.enableAddNewFeature){return"Save"}return""};this.getButtonIcon=()=>{if(this.enableDragBox){return a}if(this.enableAddNewFeature){return s}return a}}componentDidLoad(){this.setFilteredLayerOptions()}setLayerOptions(){this.setFilteredLayerOptions()}setIsSelected(){if(this.selectedFeatureByBoxSelection&&this.selectedFeatureByBoxSelection.length>0){this.withSelected=true}else{this.withSelected=false}}updateLayerOptionsForPopup(){var e;if(((e=this.readOnlyLayers)===null||e===void 0?void 0:e.length)>0){this.layerOptionsForPopup=this.visibleLayers.filter((e=>!this.readOnlyLayers.includes(e)))}else{this.layerOptionsForPopup=this.visibleLayers}}activateSelectInteraction(e){let t=this.map.getInteractions().getArray().find((e=>e.get("id")===p));if(t){t.setActive(!e)}}render(){var e,i;return t("div",{key:"fefc64190d81c488569ac85994fdaff879ae003d",class:"toolbarContainer"},t("div",{key:"86efd85326a8c6045960dcfc6ea9217cd9a19b90",class:"title"},this.mapTitle&&this.mapTitle.length>0&&t("unity-typography",{key:"8be28b8c9e179915b5b70ed2a6ccb91ecb00f8b2",variant:"h4"},this.mapTitle)),t("div",{key:"003012553545e724587dd2f8fb4754beb0fcc7bf",class:"buttons"},t("div",{key:"cd2b9fc15b844405377d247323374903aba4fdbd",class:"buttonContainer"},t("div",{key:"4c43491cfc72fdfdc88d4f338b551c8063fa262b",class:"secondaryButtons"},this.filterPanel&&t("div",{key:"adc9cde5412cba944f5c49788a99f699a0f09fd6",id:"filterOption"},t("div",{key:"e8142ec153067419ebdd8fd50abd70b9dde059c3",id:"filterOptionButton"},t("stencil-icon-button",{key:"1fe1057afbe0ac41e773cf41601f7aeaf14ce6ff",iconName:"filterButton",iconClassName:"iconButtonWrapper",tooltip:"Filter",icon:n,buttonId:"filterButton",onClick:()=>this.handleFilterOnclick()})),this.filterAnchor&&t("div",{key:"9d40755c2fee1c9de8943705a97293b803177db1",id:"filterOptionDiv"},t("udp-pop-over",{key:"db455dec069b12e54b25a8893c3ae6380b93501f",isOpen:this.filterAnchor?true:false,anchorElement:this.filterAnchor,handleOnClose:()=>this.handleCloseFilterPopover(),popoverPlacement:"bottom-start",overflow:"visible"},t("div",{key:"0ff07f1b6ee16d700a13a5d0fe2ac4aad696d4ca",innerHTML:this.filterPanel})))),this.layerOptions&&t("div",{key:"00f923c7bb086bb69ddf395b8c83cf14241c6fc1",id:"layerOption"},t("div",{key:"402d6967bb8ee8f035da468b8f9ad2f1820ddb49",id:"layerOptionButton"},t("stencil-icon-button",{key:"3b4101aac7c82e3daf2faf2088ffb3c79047caab",iconName:"layersButton",iconClassName:"iconButtonWrapper",tooltip:"Layers",icon:o,buttonId:"layersButton",onClick:()=>this.handleLayerOnclick(),count:(e=this.visibleLayers)===null||e===void 0?void 0:e.length})),t("div",{key:"8b210fafb95ad9e1159055e320ef332070a9b26d",id:"layerOptionDiv"},this.layerAnchor&&t("udp-pop-over",{key:"eaa7a5005b8af14d59596024a73682a9a6b3e435",isOpen:this.layerAnchor?true:false,anchorElement:this.layerAnchor,handleOnClose:()=>this.handleCloseLayerPopover(),popoverPlacement:"bottom-start",popoverMaxHeight:"500px"},t("select-layer-popup",{key:"008302b245ad556dbefe0f9bee48aec23b8fa8cd",enableTileSelection:this.enableTileSelection,tileOptions:this.tileOptions,handleMapTypeInputChange:this.handleMapTypeInputChange,handleSearchLayers:this.handleSearchLayers,filteredOptions:this.filteredOptions,visibleLayers:this.visibleLayers,updateSelectedLayers:this.updateSelectedLayers,selectedTile:this.selectedTile})))),!this.readOnlyMap&&this.selectedFeaturesActionPanel&&t("div",{key:"7c042631d13bee7e2dab14a147c7c72b8905d957",id:"bulkSelectOption"},t("div",{key:"1a9e97d5e632ef1721426858f7528eb578243e81",id:"bulkSelectOptionButton"},t("stencil-icon-button",{key:"77bbcaab4727ae8bcdc429030a3ed216fe78037e",iconName:"selectButton",iconClassName:"iconButtonWrapper",tooltip:"Select",icon:l,buttonId:"selectButton",onClick:()=>this.handleSelectionBtnOnclick()})),t("div",{key:"be670e1eceb3ed78f5348fd01a88e0b5cc587dc0",id:"bulkSelectOptionDiv"},this.bulkSelectionTypeAnchor&&t("udp-pop-over",{key:"cfa71b31d926e2c8d441db6f6d38498be1369e6e",isOpen:this.bulkSelectionTypeAnchor?true:false,anchorElement:this.bulkSelectionTypeAnchor,handleOnClose:()=>this.handleCloseBulkSelectionTypePopover(),popoverPlacement:"bottom-start",overflow:"visible"},t("udp-menu-item",{key:"2003fcb7bd33c772c6eeb9cb8769d138b50285d2",label:"Box",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("box")}}),t("udp-menu-item",{key:"a98d1f96b1923e6b995828e36a7636786423459c",label:"Circle",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("circle")}}),t("udp-menu-item",{key:"579050689df00c1bd02b45d7ae5cb23ea1ece09a",label:"Polygon",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("polygon")}}),t("udp-menu-item",{key:"432a7b7a06cfb66c950387ed92c15fd1a3ffbbf3",label:"Lasso",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("lasso")}})))),!this.readOnlyMap&&this.enableSplit&&t("div",{key:"ee1cae14e2dcef12c14f53cf49dea4cac4e01378",id:"splitOption"},t("div",{key:"8e611a780fc18f55ce3641a9587b8dbd137881e3",id:"splitOptionButton"},t("stencil-icon-button",{key:"edda638a365905bd28ea3f1d165239ddbbd5fd26",iconName:"splitButton",iconClassName:"splitButtonWrapper",tooltip:"Split Linear Feature",icon:c,buttonId:"splitButton",onClick:()=>this.handleSplitBtnOnclick()})),t("div",{key:"f8ef32c8155aadf4d27036d5208e4e3f5af902eb",id:"splitOptionDiv"},this.splitAnchor&&t("udp-pop-over",{key:"98155546d973b86b4c4bdc7c96060f354294f156",isOpen:this.splitAnchor?true:false,anchorElement:this.splitAnchor,handleOnClose:()=>this.handleCloseSplitPopover(),popoverPlacement:"bottom-start",overflow:"visible"},t("split-line-popup",{key:"62ede00bdd63e1f251b30fd03dfba459001892c2",vectorLayerOptions:this.layerOptionsForPopup,selectedLayer:this.selectedLayerToAddFeature,handleStartSplitting:this.handleStartSplitting})))),this.refreshEvent&&t("stencil-icon-button",{key:"c3264a415cdc252dd7a91d63f952c1c416651524",iconName:"refreshButton",iconClassName:"iconButtonWrapper",tooltip:(i=this.refreshButtonTooltip)!==null&&i!==void 0?i:"Refresh",icon:d,buttonId:"refreshButton",onClick:()=>this.refreshEvent()}),!this.readOnlyMap&&(this.enableDragBox||this.addMultipleFeatures&&this.enableAddNewFeature)&&t("div",{key:"327a5ab7ad7e8043f2809048ec91cb7353286d22",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"f4a36fc74088cbf82b2d696fa96eb15e2b37eed7",showLabel:true,icon:this.getButtonIcon(),onClick:()=>{if(this.enableDragBox){this.handleCancelBoxSelection()}if(this.enableAddNewFeature){this.handleAddNewFeature()}},tooltip:this.getButtonText(),iconClassName:"save-icon-class"},t("unity-typography",{key:"fcc3897b1368c5b0aa241c1796494e4de6d8b325",variant:"button"},this.getButtonText()))),this.showSplitButton&&t("div",{key:"0a4f8553821e6bdc0b4fba9afadf2d7b5f4d5ba5",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"b597d9ce256257017052248f5e5aebb4e4f92866",showLabel:true,icon:s,onClick:()=>this.handleSaveSplit(),tooltip:"Save Split",iconClassName:"save-icon-class"},t("unity-typography",{key:"130955876ea775ad4b3b7481639aa8f242bc6486",variant:"button"},"Save Split"))),this.showSplitButton&&t("div",{key:"8fd1973ab07382084781c820a6bedc7227d6329a",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"6849fd18866b96c7278c30a1b36580afdf331e40",showLabel:true,icon:a,onClick:()=>this.handleCancelSplit(),tooltip:"Cancel Split",iconClassName:"save-icon-class"},t("unity-typography",{key:"e28f535469b55db57111f0fc38fa90cf4de1b27d",variant:"button"},"Cancel Split"))),!this.readOnlyMap&&this.enableAddNewFeature&&t("div",{key:"119a8007a5192bfab763a2073f55cc946421dd0f",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"c88626634b949f2e8365646a92896a2f949d3089",showLabel:true,icon:a,onClick:()=>this.handleCancelAddNewFeature(),tooltip:"Cancel Drawing",iconClassName:"save-icon-class"},t("unity-typography",{key:"ff4e67b6d17a836b4f2f5451fc054787510b177e",variant:"button"},"Cancel Drawing"))),!this.readOnlyMap&&this.withSelected&&t("div",{key:"7105fac8605a9e46affc8f30b246c959854323cb",class:"selectedFeaturesButtons labelButtons"},t("div",{key:"d443a8a12d3ef25d00b7cb075cc32a9e07a62f67",id:"withSelectedOption"},t("div",{key:"54ccd3e58c0d8abe61648e715b4efc658bd52423",id:"withSelectedOptionButton"},t("stencil-icon-button-grid-action-header",{key:"b32ce98ed72d5e0c0b4e2a1d4d9c777d9640ed31",showLabel:true,icon:r,onClick:()=>this.handleSelectionActionOnclick(),tooltip:"With Selected",iconClassName:"save-icon-class",count:this.selectedFeatureByBoxSelection.length},t("unity-typography",{key:"a33ff7822412e5ce01ee6a63485e4ff0e2a36d93",variant:"button"},"With Selected"))),t("div",{key:"d984e772a2a0dff1a6560f1f24c65a8d2ba033e0",id:"withSelectedOptionDiv"},this.selectedFeaturesActionPanel&&this.selectionActionAnchor&&t("udp-pop-over",{key:"353206a0c71e72b2d2cf9131e058967d52d1a4dc",isOpen:this.selectionActionAnchor?true:false,anchorElement:this.selectionActionAnchor,handleOnClose:()=>this.handleCloseSelectionActionPopover(),popoverPlacement:"bottom-start"},t("div",{key:"f9ec5efaed936da814dc721133459b7c0e4bab04",innerHTML:this.selectedFeaturesActionPanel})))),t("stencil-icon-button-grid-action-header",{key:"1a94fa95f49678598334afdc17ffb518bdf74fe4",showLabel:true,icon:a,onClick:()=>this.unselectFeatures(),tooltip:"Cancel selection",iconClassName:"save-icon-class"},t("unity-typography",{key:"5fc9a5a5099fe738a905851fddc41c8fdfbbeff9",variant:"button"},"Cancel Selection")))),t("div",{key:"2bf769100c94c55d3153f855103f835c31ae317a",id:"addOption"},this.enableAdd&&!this.readOnlyMap&&t("div",{key:"66de8c0d3798744cf703e6a1e8bd44e280c014a3",id:"addOptionButton"},t("custom-button",{key:"30bba405b0084f1e3f845f4f6ac7efc361305a12",secondary:true,label:t("unity-typography",{variant:"button"},"Add"),onClick:()=>this.handleAddOnclick(),size:"tall"},t("udp-icon",{key:"b5670b29c6ef042108d1b0800643e5366f728753",iconName:"add32",darkIcon:false}))),this.addFeatureAnchor&&t("udp-pop-over",{key:"f6039929585215d5bf5c0089345f22bc32c8f0f1",isOpen:this.addFeatureAnchor?true:false,anchorElement:this.addFeatureAnchor,handleOnClose:()=>this.handleCloseAddMapFeature(),popoverPlacement:"bottom-start",overflow:"visible"},t("add-map-feature-popup",{key:"51c8f591dee3dc01a0d57df61801cecdab9ec4b4",handleStartDrawingMapFeature:this.handleStartDrawingMapFeature,vectorLayerOptions:this.layerOptionsForPopup,selectedLayer:this.selectedLayerToAddFeature,selectedType:this.selectedTypeToAddFeature,panelConfig:this.addFeaturePanelConfig}))))))}get mapToolbarElement(){return i(this)}static get watchers(){return{layerOptions:["setLayerOptions"],selectedFeatureByBoxSelection:["setIsSelected"],visibleLayers:["updateLayerOptionsForPopup"],readOnlyLayers:["updateLayerOptionsForPopup"],enableAddNewFeature:["activateSelectInteraction"]}}};v.style=u;const y=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const g=class{constructor(t){e(this,t);this.enableTileSelection=true;this.tileOptions=[];this.filteredOptions=[];this.visibleLayers=[]}render(){var e,i,a;return t("div",{key:"a421adfcb15118a0b3b6dc5f4cb1d25d5e219f4a",class:"popoverContent"},this.enableTileSelection&&t("udp-selector",{key:"a738ad4665195159d09b38815187ef68acb329b6",id:"mapType",options:(e=this.tileOptions)!==null&&e!==void 0?e:[],initialValue:this.selectedTile.value,label:"Map Type",onChange:e=>{this.handleMapTypeInputChange(e.detail)},large:false}),t("div",{key:"5ea170104bcda609d6252ff105f3dbde57ce4284",style:{height:"12px"}}),t("div",{key:"ebec7ee3c1c467cae2cbc0d56ed287afa38518a1"},t("text-field",{key:"be4d66358d6bd16572e4d2e6e68fd82f33b2b7c5",label:"Search Layers",id:"searchFilter",value:"",onInput:e=>this.handleSearchLayers(e)})),((i=this.filteredOptions)===null||i===void 0?void 0:i.length)>0&&((a=this.filteredOptions)===null||a===void 0?void 0:a.map((e=>t("check-box-group",{title:e===null||e===void 0?void 0:e.title,options:e===null||e===void 0?void 0:e.options,values:this.visibleLayers,handleChange:this.updateSelectedLayers})))))}};g.style=y;const m=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const k=class{constructor(t){e(this,t);this.vectorLayerOptions=[];this.selectedLayer=null}render(){var e;return t("div",{key:"ce86398b51365a3637968d8a9f30c5eb6b0bf83a",class:"popoverContent"},t("udp-selector",{key:"23b9668c84d57700c103e2ffe83af2b10534ee18",id:"layer",options:(e=this.vectorLayerOptions.map((e=>({label:e,value:e}))))!==null&&e!==void 0?e:[],initialValue:this.selectedLayer,label:"Layer",onChange:e=>{this.handleStartSplitting(e.detail)},large:false}))}};k.style=m;export{b as add_map_feature_popup,v as map_toolbar,g as select_layer_popup,k as split_line_popup};
 //# sourceMappingURL=add-map-feature-popup_4.entry.js.map

package/dist/stencil-library/advanced-search_12.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as t,f as i,h as s,a}from"./index-CaZq3YdB.js";import{u as n}from"./conversionFunctions-CNWYTvRs.js";import{s as o}from"./catalog-store-BhgNAUY6.js";import r from"@carbon/icons/es/close/24";import{v4 as c}from"uuid";import l from"@carbon/icons/es/save/16";import d from"@carbon/icons/es/close/16";import h from"@carbon/icons/es/list/16";import f from"@carbon/icons/es/download/16";import b from"@carbon/icons/es/settings/16";import p from"@carbon/icons/es/star/16";import u from"@carbon/icons/es/ibm-watson--discovery/16";import g from"@carbon/icons/es/idea/16";import m from"@carbon/icons/es/renew/16";import"@stencil/store";import"./apiUtils-cUHs50y0.js";import"deep-equal";import"./makeApiCall-B-daVutk.js";import"axios";import"./configService-BqLfkVKh.js";import"./tenantUtils-Basdb1b1.js";const y=':host{display:block;height:100%}.container{display:flex;height:100vh}.left-column{flex:1;background-color:white;height:90vh;overflow:scroll;padding:8px}.right-column{flex:2;margin-left:16px;padding:16px;height:90vh;overflow:scroll}.filter-group[data-level="0"]{padding-left:0}.filter-group[data-level="1"]{padding-left:20px}.filter-group[data-level="2"]{padding-left:40px}.filter-group{margin-top:24px;border-left:1px solid #bababa}.search-input-list{height:100%;max-height:70vh;overflow:auto}.recent-searches{min-width:300px;margin-bottom:10px}';const v=class{constructor(s){e(this,s);this.advancedSearchItemChange=t(this,"advancedSearchItemChange");this.filterList=[];this.filterRenderList=[];this.nestedData=new Map;this.searchObject=[];this.tempNestedData=new Map;this.testData=[];this.showChildren=false;this.handleReferenceClick=async(e,t,i,s,a,r)=>{console.log("Clicked reference:",e,"Name:",t,"Parent Reference:",i,"parentFilter",s,"parent reference click test",a,r);if(o.isLoadingCatalogData||o.catalogData===null){return}try{const i=await n(o.catalogData,e,true,true,t,s,a);if(Array.isArray(i)){this.updateNestedData(i)}else{console.error("Extended search filter list is not an array")}}catch(e){console.error("Error fetching filters:",e)}};this.updateNestedData=e=>{if(!Array.isArray(e)||e.length===0){console.error("Invalid or empty children data provided for updateNestedData");return}const t=e[0].extendedProperties.fromFilter;const s=e[0].extendedProperties.parent;const a=t;const r=n(o.catalogData,a,true,true,name,"","");if(r){r.forEach((t=>{if(t.name===s){t.referenceNode=e}else if(t.reference&&t.referenceNode){this.updateNestedDataRecursively(t.referenceNode,e,s)}}))}const c=(e,t)=>e.some((e=>e.name===t.name));const l=(e,t,i)=>e.map((e=>{if(e.name===i){const i=t.filter((t=>!c(e.referenceNode||[],t)));return Object.assign(Object.assign({},e),{referenceNode:[...e.referenceNode||[],...i]})}else if(e.referenceNode){return Object.assign(Object.assign({},e),{referenceNode:l(e.referenceNode,t,i)})}else{return e}}));this.testData=l(this.testData,e,s);i(this)};this.updateNestedDataRecursively=(e,t,i)=>{e.forEach((e=>{if(e.name===i){e.referenceNode=t}else if(e.referenceNode){this.updateNestedDataRecursively(e.referenceNode,t,i)}}))};this.onTreeListItemClick=e=>{const t=e.detail;const i=e=>e.split(".").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(".");if(t.parentName&&t.parentPath){t.searchField=`${t.parentPath}.${t.parentName}.${t.searchField}`}else if(t.parentName){t.searchField=`${t.parentName}.${t.searchField}`}else{t.searchField=`${t.searchField}`}t.searchField=i(t.searchField);this.handleItemClick(t)}}componentWillLoad(){}filterListWatcher(e,t){if(e!==t){this.testData=e}}render(){const e=Array.isArray(this.testData)?this.testData:[];const t=Array.isArray(this.filterRenderList)?this.filterRenderList:[];return s("div",{key:"749ac603c7d5998cab9cdc804eb26ae15ab9502c",class:"container"},s("div",{key:"19b11ac5eed4ebff194a2489bc647abfca3ee6bb",class:"left-column"},!e.length&&s("div",{key:"d6b693fca77ee5d6db78540dc218d70cd9558851",style:{marginRight:"8px"}},s("udp-grid-loader",{key:"4d1384371f5de5ee8f5eff618aaaaa4d20ccdf0a",width:"362px","num-columns":"1","num-rows":"20"})),s("div",{key:"e9e277276dffb7163b9df189945c25ebfcc7246e"},e.map(((e,t)=>{var i;return s("tree-list-item",{key:`${e.name}-${t}`,level:0,label:this.getHeaderFieldLabel(e.name),fieldName:e.name,reference:e.reference,parentName:"",parentFilter:e.extendedProperties.parentFilter,parentPath:"filter.extendedProperties.parentPath",parent:(i=e.extendedProperties)===null||i===void 0?void 0:i.parent,nestedItems:e.referenceNode,"onReference-clicked":e=>this.handleReferenceClick(e.detail.reference,e.detail.name,e.detail.parentReference,e.detail.parentFilter,e.detail.parent,e.detail.parentPath),onItemClick:this.onTreeListItemClick})})))),s("div",{key:"85759f73d86b502052e61f2d8b465e3498967566",class:"right-column"},s("udp-page-header",{key:"a825cfd6fdfec752270bd24b48512185a49f3ee9",onValueChanged:this.handleValueChanged}),s("filter-conditions",{key:"22a0cfe66f0ab58a87e4a51aec2694d34a37fb49"}),t.map((e=>e.filterElements.map(((e,t)=>{var i;return s("search-list-item",{key:`${e.searchField}-${t}`,label:(i=e===null||e===void 0?void 0:e.searchLabel)!==null&&i!==void 0?i:e.searchField,fieldName:e.searchField,handleDelete:()=>this.handleDelete({searchField:e.searchField,searchValue:e.searchValue}),name:e.searchValue})}))))))}static get watchers(){return{filterList:["filterListWatcher"]}}};v.style=y;const k=':host{display:block;height:100%}.container{display:flex;height:100vh}.left-column{flex:1;background-color:white;height:90vh;overflow:scroll;padding:8px}.right-column{flex:2;margin-left:16px;padding:16px;height:90vh;overflow:scroll}.filter-group[data-level="0"]{padding-left:0}.filter-group[data-level="1"]{padding-left:20px}.filter-group[data-level="2"]{padding-left:40px}.filter-group{margin-top:24px;border-left:1px solid #bababa}.search-input-list{height:100%;max-height:70vh;overflow:auto}.recent-searches{min-width:300px;margin-bottom:10px}';const x=class{constructor(s){e(this,s);this.advancedSearchItemChange=t(this,"advancedSearchItemChange");this.searchItemChanged=t(this,"searchItemChanged");this.searchOperatorChanged=t(this,"searchOperatorChanged");this.filterList=[];this.filterRenderList=[];this.nestedData=new Map;this.searchObject=[];this.tempNestedData=new Map;this.testData=[];this.showChildren=false;this.filterGroups=[];this.filterObjectsWithGroups=[];this.disableFilterSelection=true;this.sharedId="";this.filters=[];this.recentSearchesOptions=[];this.handleReferenceClick=async(e,t,i,s,a,r)=>{console.log("Clicked reference:",e,"Name:",t,"Parent Reference:",i,"parentFilter",s,"parent reference click test",a,r);if(o.isLoadingCatalogData||o.catalogData===null){console.log("Catalog data is not ready yet.");return}try{console.log("state.catalogData",o.catalogData);const i=await n(o.catalogData,e,true,true,t,s,a);console.log("extendedSearchFilterList",i);if(Array.isArray(i)){this.updateNestedData(i)}else{console.error("Extended search filter list is not an array")}console.log("Updated nestedData:",Array.from(this.nestedData.entries()))}catch(e){console.error("Error fetching filters:",e)}};this.updateNestedData=e=>{if(!Array.isArray(e)||e.length===0){console.error("Invalid or empty children data provided for updateNestedData");return}console.log("children in updatedNest",e);const t=e[0].extendedProperties.fromFilter;const s=e[0].extendedProperties.parent;const a=t;const r=n(o.catalogData,a,true,true,name,"","");console.log("testParentArray",r);if(r){r.forEach((t=>{if(t.name===s){t.referenceNode=e;console.log("add referenceNode array",e,r)}else if(t.reference&&t.referenceNode){this.updateNestedDataRecursively(t.referenceNode,e,s)}}))}const c=(e,t)=>e.some((e=>e.name===t.name));const l=(e,t,i)=>e.map((e=>{if(e.name===i){const i=t.filter((t=>!c(e.referenceNode||[],t)));return Object.assign(Object.assign({},e),{referenceNode:[...e.referenceNode||[],...i]})}else if(e.referenceNode){return Object.assign(Object.assign({},e),{referenceNode:l(e.referenceNode,t,i)})}else{return e}}));this.testData=l(this.testData,e,s);console.log("Updated testData",this.testData);i(this)};this.updateNestedDataRecursively=(e,t,i)=>{e.forEach((e=>{if(e.name===i){e.referenceNode=t}else if(e.referenceNode){this.updateNestedDataRecursively(e.referenceNode,t,i)}}))};this.onTreeListItemClick=e=>{const t=e.detail;console.log("Tree list item clicked in grouped:",t);const i=e=>e.split(".").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(".");if(t.parentName&&t.parentPath){t.searchField=`${t.parentPath}.${t.parentName}.${t.searchField}`}else if(t.parentName){t.searchField=`${t.parentName}.${t.searchField}`}else{t.searchField=`${t.searchField}`}t.searchField=i(t.searchField);this.handleItemClick(t);this.disableFilterSelection=true};this.currentLogicalOperator="AND"}componentWillLoad(){}filterListWatcher(e,t){if(e!==t){this.testData=e}}filterObjectsWithGroupsChanged(e,t){}updateFilterWithUserData(e,t){const i=this.filters.map((i=>i.id===e?Object.assign(Object.assign({},i),t):i));this.filters=i}updateGroupLogicalOperator(e,t){const i=(e,t,s)=>{for(const a of e){if(a.id===t){a.logicalOperator=s;return true}if(a.children&&i(a.children,t,s)){return true}}return false};if(i(this.filterObjectsWithGroups,e,t)){this.filterObjectsWithGroups=[...this.filterObjectsWithGroups]}}handleSearchItemChange(e){const{searchOperator:t,searchValue:i,filterGroupId:s,id:a}=e.detail;const n=this.findGroupById(this.filterObjectsWithGroups,s);if(n){const e=n.filters.find((e=>e.id===a));if(e){e.searchOperator=t;e.searchValue=i;this.filterObjectsWithGroups=[...this.filterObjectsWithGroups]}}this.searchItemChanged.emit(e.detail)}handleOperatorSelected(e,t){const i=e.detail.value;const s=this.getLogicalOperatorValue(i);this.updateLogicalOperator(t,s);this.searchOperatorChanged.emit()}renderFilterGroup(e,t=0){const i=e.id==="root";const a=e.id==="default";const n={"padding-left":`${20*t}px`};const o=this.getLogicalOperatorCode(e.logicalOperator).toString();const c=s("udp-selector",{options:[{value:"1",label:"AND"},{value:"2",label:"OR"}],onChange:t=>this.handleOperatorSelected(t,e.filterGroupId),initialValue:o,disabled:i||a});const l=!i&&!a&&s("stencil-icon-button",{icon:r,onClick:()=>this.handleGroupDelete(e.filterGroupId)});const d=!i&&s("div",{class:"search-input-list"},e.filters.map(((e,t)=>{var i;return s("search-list-item",{key:`${e.id}-${t}`,isDefault:a,id:e.id,filterGroupId:e.filterGroupId,label:(i=e===null||e===void 0?void 0:e.searchLabel)!==null&&i!==void 0?i:e.searchField,fieldName:e.searchField,handleDelete:()=>this.handleDelete(e),name:e.searchValue,operator:e.searchOperator,onSearchItemChanged:e=>this.handleSearchItemChange(e),isInitialSearchItem:e.isInitialFilterElement})})));const h=!a&&s("div",{style:{display:"flex",gap:"8px",marginTop:"8px"}},!i&&s("custom-button",{variant:"outline",onClick:()=>this.addFilter(e.id,e.filterGroupId)},"+ Field"),s("custom-button",{variant:"outline",onClick:()=>this.handleAddNewGroup(!i?e.id:"root",this.currentLogicalOperator)},"+ Group"));const f=s("div",{class:"nested-groups"},(e.children||[]).map((e=>this.renderFilterGroup(e,t+1))));return s("div",{class:!i&&"filter-group",style:n},a&&e.filters.length===0?null:s("div",{style:{marginBottom:"16px"}},s("div",{style:{display:"flex",gap:"8px"}},c,l)),d,h,f)}addFilter(e,t){console.log("Adding filter...");this.disableFilterSelection=false;if(this.handleAddNewFilter){this.handleAddNewFilter(t)}const i={id:c(),groupId:e,filterGroupId:t,searchField:"",searchOperator:"=",searchValue:""};this.filters=[...this.filters,i]}render(){const e=Array.isArray(this.testData)?this.testData:[];return s("div",{key:"51d961d38d71f0b63e0564a8fda506f19176f780",class:"container"},s("div",{key:"a05089a3958f0a19499b04569a16319f047ee534",class:"left-column"},this.selectRecentSearch!==null&&this.fullClearSearch!==null&&s("div",{key:"788ebbb22f165841387b1ded7ab595b9b845d8d3",class:"recent-searches"},"Recent Searches",s("div",{key:"597644a1133d0b514f1de852ae590ac34bb867e6",style:{display:"flex",alignItems:"center"}},s("udp-selector",{key:"1fd8907b2c44d6ea3f6cc21fa46bc673d1d705a5",options:this.recentSearchesOptions,onChange:e=>this.selectRecentSearch(e),style:{marginRight:"10px"}}),s("udp-function-button",{key:"f2919a9467010174c7a5960149d1cca04134a6fd",delete:true,onClick:this.fullClearSearch}))),!e.length&&s("div",{key:"4eccc7fc0d1f02f0c9e00007d37b62c26b890c97",style:{marginRight:"8px"}},s("udp-grid-loader",{key:"7156b75f685d2df18071e0f996a78748dfce179e",width:"362px","num-columns":"1","num-rows":"20"})),s("div",{key:"786b6755156cf0971ab56f6e19b6f00c78a2fb53"},e.map(((e,t)=>{var i;return s("tree-list-item",{add:true,showAdd:true,key:`${e.name}-${t}`,level:0,label:this.getHeaderFieldLabel(e.name),fieldName:e.name,reference:e.reference,parentName:"",parentFilter:e.extendedProperties.parentFilter,parentPath:"filter.extendedProperties.parentPath",parent:(i=e.extendedProperties)===null||i===void 0?void 0:i.parent,nestedItems:e.referenceNode,"onReference-clicked":e=>this.handleReferenceClick(e.detail.reference,e.detail.name,e.detail.parentReference,e.detail.parentFilter,e.detail.parent,e.detail.parentPath),onItemClick:this.onTreeListItemClick})})))),s("div",{key:"1ec459b83773f97a10f86ae3e42bee824a07b835",class:"right-column"},this.filterObjectsWithGroups.map((e=>this.renderFilterGroup(e)))),this.disableFilterSelection&&s("div",{key:"8373727d18866a912140acb0a4efacdaa9d3b4e0",style:{width:"411px",height:"100vh",background:"white",position:"absolute",zIndex:"9",top:"45px",left:"px",opacity:"0.7"}}))}get el(){return a(this)}static get watchers(){return{filterList:["filterListWatcher"],filterObjectsWithGroups:["filterObjectsWithGroupsChanged"]}}};x.style=k;const w=class{constructor(t){e(this,t);this.height="calc(100vh - 200px)"}render(){return s("div",{key:"34090f535edf4f45e28eeacd5ab8da4012319dfd",id:"myGrid",style:{height:this.height,width:"100%"},class:"ag-theme-material"})}get el(){return a(this)}};const C=".info-columns{display:flex}.column{width:100px}.toggle-options{display:flex;gap:16px;align-items:center;margin-bottom:16px}";const N=class{constructor(t){e(this,t);this.name="";this.isPrivate=2;this.isDefault=false;this.fetchedCurrentView=false;this.handleGetExistingView=()=>{this.isPrivate=this.currentGridViewVisibilityTypeId;this.isDefault=this.currentIsDefault;console.log("isPrivate:",this.isPrivate,"isDefault:",this.isDefault);this.fetchedCurrentView=true};this.handleNameChange=e=>{this.currentName=e.target.value;this.name=e.target.value};this.handlePrivateChange=()=>{this.isPrivate=this.isPrivate===1?2:1;this.currentGridViewVisibilityTypeId=this.currentGridViewVisibilityTypeId===1?2:1;console.log(this.isPrivate)};this.handleDefaultChange=()=>{this.isDefault=!this.isDefault;this.currentIsDefault=!this.currentIsDefault;console.log(this.isDefault)};this.handleSubmit=()=>{this.handleFormSubmit(this.gridId,this.name,this.isPrivate,this.isDefault)}}componentDidUpdate(){if(this.open){this.handleGetExistingView()}}componentWillRender(){this.name=this.currentName;this.gridId=this.currentGridId}resetFetchedCurrentView(){this.fetchedCurrentView=false}render(){return s("fluent-dialog",{key:"148710ea0f7bea0484e3f84e862d0b9123bd79ac",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},s("form",{key:"743aa9a972a90176eb5458405f13cdea3ee56942",class:"edit-form"},s("text-field",{key:"b69c3ea8fa67eeb996ce7f92a9266aebd33cbcc5",label:"View Name",value:this.name,onInput:e=>this.handleNameChange(e)}),this.fetchedCurrentView&&s("div",{key:"7a887a7530065a3c639dfcc66b1d9e5b00b25090",class:"toggle-options"},s("div",{key:"60db77820677f5231298264162821c12f6a07c11"},s("stencil-toggle",{key:"3bda1b0d33a183bbb901aa4dd52dceb377585829",label:"Private",checked:this.isPrivate===1,onToggledChange:this.handlePrivateChange})," "),s("div",{key:"855ecc8457827f4188304177961d361747f5df19"},s("stencil-toggle",{key:"eae91f81bd56d29ba0055da06ab0c73f7be45978",label:"Default",checked:this.isDefault,onToggledChange:this.handleDefaultChange,style:{marginTop:"10px"}})))))}get el(){return a(this)}};N.style=C;const O=".header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--accent-color)}.title-section{flex:1;margin-left:16px;display:flex;gap:16px;align-items:center}.button-section{display:flex;gap:8px;align-items:center;padding-right:16px;padding-top:8px;padding-bottom:8px}";const S=class{constructor(t){e(this,t);this.hiddenActionButtons=[];this.hiddenLabels=[];this.actionButtons=[];this.showAdvancedSearchFeature=true;this.showFilterColumnFeature=true;this.showGridOptions=true;this.showHotlistButton=false;this.hideExport=false;this.showInsightsAction=false;this.enableAdvancedSearch=true;this.defaultActionButtons=[];this.showLabels=true;this.hideBar=false}checkWindowWidth(){const e=window.innerWidth;this.showLabels=e>=1e3}onResize(){this.checkWindowWidth()}componentWillLoad(){this.checkWindowWidth();this.defaultActionButtons=this.initializeActionButtons();this.updateHideBar()}componentDidLoad(){window.addEventListener("resize",this.checkWindowWidth.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.checkWindowWidth.bind(this))}updateHideBar(){const e=this.defaultActionButtons.filter((e=>e.visible));this.hideBar=e.every((e=>this.hiddenActionButtons.includes(e.label)))}initializeActionButtons(){let e=[{icon:l,tooltip:"Save View",label:"Save View",visible:true,showLabel:true,iconClassName:"save-icon-class",clickHandler:this.customSaveViewClick},{icon:p,tooltip:"Views",label:"Views",visible:true,showLabel:true,iconClassName:"save-icon-class",clickHandler:this.customShowViewClick},{icon:h,tooltip:"Hotlists",label:"Hotlists",visible:true,showLabel:true,iconClassName:"save-icon-class",clickHandler:this.customShowHotlistClick},{icon:u,tooltip:"Search",label:"Search",visible:this.enableAdvancedSearch,showLabel:true,iconClassName:"save-icon-class",clickHandler:this.customShowCustomSearchClick},{icon:m,tooltip:"Refresh",label:"Refresh",visible:true,showLabel:true,iconClassName:"save-icon-class",clickHandler:this.customRefreshClick},{icon:d,tooltip:"Clear Search",label:"Clear Search",visible:true,showLabel:true,iconClassName:"save-icon-class",clickHandler:this.customClearClick}];if(!this.hideExport){e.splice(3,0,{icon:f,tooltip:"Export",label:"Export",visible:true,showLabel:true,iconClassName:"size-to-fit-icon-class",clickHandler:this.customExportClick})}if(this.showInsightsAction){e.splice(this.hideExport?3:4,0,{icon:g,tooltip:"Insights",label:"Insights",visible:true,showLabel:true,iconClassName:"save-icon-class",clickHandler:this.customInsightsClick})}if(!this.showHotlistButton){e=e.filter((e=>e.label!=="Hotlists"))}if(this.showGridOptions){e.push({icon:b,tooltip:"Grid Options",label:"Grid Options",visible:true,showLabel:false,iconClassName:"save-icon-class",clickHandler:this.customShowGridOptionsClick})}return e}handleAdvancedSearchToggle(){this.defaultActionButtons=this.initializeActionButtons()}onHiddenActionButtonsChange(){this.updateHideBar()}render(){return s("div",{key:"021c035bf4d957e2644d1d620c47de8ad1a05e21",class:"header-bar",style:!this.hideBar?{background:"var(--accent-color)"}:undefined},s("div",{key:"29e21c1ad5dc3b853c389c4927958335c9299a16",class:"title-section"},s("div",{key:"dd897565107bebd3efff6234f7f01bac7a9afdc6"},s("unity-typography",{key:"51602d8264ed458ba729a0a33b8081babed19d37",variant:"h4"},this.title," ")," ")),s("div",{key:"39d5748807927d63aafb3f99615b57b0f6f856ef",class:"button-section"},s("div",{key:"996c5f28c941dd40531a52abe0c06bcb65ca049e"},s("slot",{key:"06834b580236c4a7ac26b0ed6fc057526dcc4c02"})),this.defaultActionButtons.map((e=>{const t=t=>{if(e.clickHandler){e.clickHandler(t)}else{console.log(`${e.label} Clicked but no custom handler defined`)}};if(!this.hiddenActionButtons.includes(e.label)&&e.visible){return s("stencil-icon-button-grid-action-header",{showLabel:this.showLabels,secondary:e.secondary,icon:e.icon,onClick:t,tooltip:e.tooltip,iconClassName:e.iconClassName},e.icon&&s("i",{class:e.icon}),e.label.toLowerCase()==="save"||!this.hiddenLabels.includes(e.label)&&e.showLabel?s("span",null,e.label):null)}return null})),this.primaryActionClick&&this.primaryActionLabel&&s("custom-button",{key:"50e0e03c0fc07a095b79c64e9867df14f64b8727",label:this.primaryActionLabel,onClick:e=>this.primaryActionClick(e),size:"tall"},this.primaryActionIcon&&s("udp-icon",{key:"cb521eecb5bca910373e5b3d28d692315f115504",iconName:this.primaryActionIcon,darkIcon:false}))))}static get watchers(){return{"window:resize":["onResize"],enableAdvancedSearch:["handleAdvancedSearchToggle"],hiddenActionButtons:["onHiddenActionButtonsChange"]}}};S.style=O;const A=".kpi-container{display:flex;align-items:center;padding-top:8px;padding-bottom:8px;justify-content:flex-end;padding-right:16px;background-color:rgb(247, 245, 243)}.kpi-item{display:flex;align-items:center}.kpi-label{margin-right:5px;font-weight:700}.kpi-value{margin-left:5px}.divider{border-left:1px solid black;height:20px;margin:0 10px}";const H=class{constructor(t){e(this,t)}render(){return s("div",{key:"d8a6b07c2aa03300bb9a6e382981ba05658b2458",class:"kpi-container"},this.kpiValues.map(((e,t)=>s("div",{class:"kpi-item"},s("span",{class:"kpi-label",style:{fontSize:" 0.875rem",fontWeight:"300",lineHeight:"0.25",fontFamily:"sans-serif"}}," ",s("unity-typography",null," ",e.label,": "),"  "),s("span",{class:"kpi-value",style:{fontSize:" 0.875rem",fontWeight:"600",lineHeight:"0.25",fontFamily:"sans-serif"}},"  ",s("unity-typography",null," ",e.value.toLocaleString()," ")," "),t<this.kpiValues.length-1&&s("div",{class:"divider"})))))}};H.style=A;const I=".info-columns{display:flex}.column{width:100px}.toggle-options{display:flex;gap:16px;align-items:center;margin-bottom:16px}";const T=class{constructor(t){e(this,t);this.name="";this.isPrivate=2;this.isDefault=false;this.gridViewId="";this.fetchedCurrentView=false;this.handleNameChange=e=>{this.name=e.target.value};this.handlePrivateChange=()=>{this.isPrivate=this.isPrivate===1?2:1};this.handleDefaultChange=()=>{this.isDefault=!this.isDefault};this.handleSubmit=()=>{this.handleFormSubmit(this.name,this.isPrivate,this.isDefault);this.resetForm()};this.handleViewUpdate=()=>{this.handleViewAndConfigurationSubmit(this.name,this.isPrivate,this.isDefault)};this.resetForm=()=>{this.name="";this.isPrivate=2;this.isDefault=false}}handleModalOpen(e){var t,i;if(e){this.name=this.currentName||"";this.isPrivate=(t=this.currentIsPrivate)!==null&&t!==void 0?t:2;this.isDefault=(i=this.currentIsDefault)!==null&&i!==void 0?i:false;this.gridViewId=this.currentGridViewId||""}}render(){return s("fluent-dialog",{key:"11d77e271d9052cb0d2dc01ab68a1711ba69341c",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},s("form",{key:"ef7e0089370810479fffe5009cd0a44d538ab88c",class:"save-form"},s("text-field",{key:"9321cbc06b7d79f0a5f5068e2a7ddca50ebf434f",label:"View Name",placeholder:"Create a name for your view",value:this.name,onInput:e=>this.handleNameChange(e)}),s("div",{key:"af902e7792f5de7b1d4333c274079f4544211531",class:"toggle-options"},s("div",{key:"0c4f78f6bd0716adb686607d78636cc366fb416d"},s("stencil-toggle",{key:"5a385cd828db721c4716d979b5391760c46925c2",label:"Private",checked:this.isPrivate===1,onToggledChange:this.handlePrivateChange})," "),s("div",{key:"775b8586ca7ac81668d18b76ee1e14082bada271"},s("stencil-toggle",{key:"b870f8bc34e04f93398536096cee79b0734ecdf1",label:"Default",checked:this.isDefault,onToggledChange:this.handleDefaultChange,style:{marginTop:"10px"}})))))}get el(){return a(this)}static get watchers(){return{open:["handleModalOpen"]}}};T.style=I;const L=".side-sheet {\n  /* --- OLD BEHAVIOR REMOVED --- */\n  /* width: 0; */\n  /* transition: width 0.5s ease; */\n\n  /* --- NEW BEHAVIOR ADDED --- */\n  /* 1. The sheet now has a fixed width from the start. */\n  height: 100%;\n  position: fixed;\n  z-index: 9999;\n  top: 0;\n  bottom: 0;\n  overflow-x: hidden;\n  overflow-y: hidden;\n  background-color: #ffffff;\n\n  /* 2. The animation is now on the transform property. */\n  transition: transform 0.3s ease;\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\n\n/* --- NEW: Define the starting position (off-screen) --- */\n.side-sheet.left {\n  left: 0;\n  transform: translateX(-100%); /* Start hidden to the left */\n}\n\n.side-sheet.right {\n  right: 0;\n  transform: translateX(100%); /* Start hidden to the right */\n}\n\n/* --- NEW: Apply width directly to the class, not just when open --- */\n.side-sheet.long {\n  width: 1300px;\n}\n\n.side-sheet.short {\n  width: 480px;\n}\n\n/* --- NEW: The .open class now only changes the transform --- */\n.side-sheet.open {\n  transform: translateX(0); /* Slide into view */\n}\n\n\n/* --- BACKDROP REMAINS THE SAME --- */\n.backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 9;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.5s ease;\n}\n\n.backdrop.open {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n/* --- OTHER STYLES REMAIN THE SAME --- */\n.title {\n display: flex;\n flex: 1;\n align-items: center;\n}\n\n.close-button {\n  display: flex;\n  align-items: center;\n}\n\n.ag-root.ag-layout-normal {\n  font-family: sans-serif !important;\n  font-size: 13px;\n}\n\n/* The inline style for custom width in your component will still work perfectly. */\n";const $=class{constructor(t){e(this,t);this.position="left";this.widthOption="long";this.disabled=false;this.padding=true;this.buttonTransform="translate(0,0)"}render(){const e=typeof this.widthOption==="number"?"custom-width":this.widthOption;const t=typeof this.widthOption==="number"?{width:`${this.widthOption}px`}:{};return s("div",{key:"76b91b727123b4e736c2bc6d2ff9c72b06ddcd3d"},s("div",{key:"a83d82c9cdbb770fa9731802d10c3e31d0cf9ac9",class:{backdrop:true,open:this.open},onClick:this.toggleDrawer}),s("div",{key:"e7414326713895bebe9309ca154bcc6707a5999b",class:{"side-sheet":true,open:this.open,close:!this.open,[this.position]:true,[e]:true},style:t},s("div",{key:"e7da3df1fe5926f252cbbc18359b18e90db76b6e",class:"title"},s("div",{key:"233d096ac4dd384f7d6c57125580c645281aee69",class:"close-button"},s("stencil-icon-button",{key:"a01bbb5c7800df9428b1735940197cf9b24e64c8",icon:r,onClick:this.toggleDrawer})),s("div",{key:"40d34763b2fe3266e0f69b0f0c7771d4eababd88",class:"title"},s("unity-typography",{key:"ad5928280a27aa0a28d4075dd03f65aac968700d",variant:"data-display-four"},this.title)),this.sideSheetButtonLabel&&s("custom-button",{key:"d74bfea3ae61b9597628ac7f75f4e36e7f36edf7",style:{transform:this.buttonTransform},size:"tall",disabled:this.disabled,onCustomClick:()=>this.handleSideSheetButton()},this.sideSheetButtonLabel)),s("side-sheet-container",{key:"d4e59e69ed6df373807504c1a401ffab0262b4ac",padding:this.padding},s("slot",{key:"7146e18029b23eb677cddcf260a8733e26aa707e"}))))}};$.style=L;const j=".submit-button{margin-top:18px;display:flex;justify-content:flex-end;margin-right:24px;gap:8px}.wrapper{border-bottom:1px solid #d9d9d9;padding-bottom:16px;margin-bottom:10px;width:480px}";const E=class{constructor(t){e(this,t);this.name="";this.isPrivate=false;this.handleNameChange=e=>{this.name=e.target.value};this.handlePrivateChange=()=>{this.isPrivate=!this.isPrivate};this.handleSubmit=e=>{e.preventDefault();this.handleFormSubmit(this.name,this.isPrivate,this.columnState)};this.onCustomButtonClick=()=>{this.handleFormSubmit(this.name,this.isPrivate,this.columnState)}}render(){return s("div",{key:"25d3ac15ce75e21c38ee581fd6760acd0452cb6b",class:"wrapper"},s("form",{key:"23cb869dcf8111e10d5202ea00f066d64d6e955a",class:"save-form",onSubmit:this.handleSubmit},s("text-field",{key:"aeca29c646c86c96306f8baddc77fdf2d2421f25",label:"Hotlist Name",placeholder:"Create a name for your Hotlist",value:this.name,onChange:e=>this.handleNameChange(e)}),s("stencil-toggle",{key:"f0d4a73109796d9b8cd71cba4057327ad37abd86",label:"Private",checked:this.isPrivate,onToggledChange:this.handlePrivateChange}),s("div",{key:"0dcf360e9189ca180a425d1f3b7530d54db53c17",class:"submit-button"},s("custom-button",{key:"9f12210ec38cf756a601a418e7c4ca0653370fd8",variant:"outline",type:"submit",onCustomClick:this.handleCancelClick},"Cancel"),s("custom-button",{key:"aa24f4f10e50090d46fc0872acf9a350e12a76b2",disabled:!this.name,type:"submit",onCustomClick:this.onCustomButtonClick},"Create List"))))}get el(){return a(this)}};E.style=j;const _=":host{position:fixed;top:1rem;right:1rem;z-index:1000;display:block;}.udp-notification{min-width:250px;margin:0.5rem;padding:0.5rem 1rem;border-radius:4px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);display:flex;align-items:center;justify-content:space-between;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out;transform:translateY(-100%);opacity:0;visibility:hidden;background-color:#f4f4f4;}.visible{transform:translateY(0);opacity:1;visibility:visible}.status-success{border-left:4px solid #5aa700;}.status-error{border-left:4px solid #e0182d;}.status-warning{border-left:4px solid #ff832b;}.message{flex:1;padding:0 1rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer}";const D=class{constructor(t){e(this,t);this.userCancel=false;this.active=false}activeChanged(e){if(e&&!this.userCancel){setTimeout((()=>this.active=false),3e3)}}render(){const e=`status-${this.status}`;return s("div",{key:"cd2d073bfca62c063d4f8df897b848710be57c11",class:{"udp-notification":true,visible:this.active,[e]:true}},this.userCancel&&s("button",{key:"61c91bc421b31982330f91f078a24a1d8f6f3204",class:"close-button",onClick:()=>this.active=false},"×"),s("span",{key:"e43710ce4dee2345953a7fb77f252dce8a1672fe",class:"message"}," ",s("unity-typography",{key:"2ebe60d75278ed5157b339b8679c6bedce322926",variant:"body"}," ",this.message," ")))}static get watchers(){return{active:["activeChanged"]}}};D.style=_;const R=".popover{background-color:white;border:1px solid #ccc;padding:10px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1);z-index:1000;position:relative}";const W=class{constructor(t){e(this,t);this.isOpen=false;this.handleClose=e=>{if(e&&this.el.shadowRoot.contains(e.target)){return}this.isOpen=false;document.removeEventListener("click",this.handleClose)}}componentWillLoad(){if(this.isOpen){document.addEventListener("click",this.handleClose)}document.removeEventListener("click",this.handleClose)}watchHandler(e){if(e){document.addEventListener("click",this.handleClose)}else{document.removeEventListener("click",this.handleClose)}}render(){const e={display:this.isOpen?"block":"none",position:"absolute",right:"6px"};if(this.anchorElement){const t=this.anchorElement.getBoundingClientRect();e["top"]=`${t.bottom}px`;e["left"]=`${t.left}px`}return s("div",{key:"511fb2756ab0c38c04ee500f31e964bfb52672f1",class:"popover",style:e},s("unity-typography",{key:"d0db9b3b955f5cf4429b0176df5b7e98a21c66e9",variant:"caption-text"},s("slot",{key:"8adc31948a622995a141e9d4ff74f28a97af6108"})))}get el(){return a(this)}static get watchers(){return{isOpen:["watchHandler"]}}};W.style=R;const z=":host{display:block;width:100%;box-sizing:border-box}.alert-banner{display:flex;align-items:center;justify-content:space-between;padding:5px;padding-left:24px;padding-right:8px;box-sizing:border-box;background-color:var(--success-color-light);color:#000}.banner-group{display:flex;width:500px;}.info{background-color:var(--success-color-light);color:#000}.warning{background-color:var(--warning-color-main);color:#000}.error{background-color:var(--error-color-light);color:#000}.success{background-color:var(--success-color-light);color:#000}.stencil-icon-button{margin-left:auto;}";const V=class{constructor(t){e(this,t);this.type="info";this.message=""}render(){return s("div",{key:"e100527c51fc69bfdb74ecfba9a3d52d55aad4d6",class:`alert-banner ${this.type}`},s("unity-typography",{key:"ae237651e36d4f1a0f6df444dbd89eead388ab48",variant:"data-display-three"},"   ",this.message," "))}};V.style=z;export{v as advanced_search,x as advanced_search_grouped,w as ag_table,N as edit_view_form_dialog,S as grid_primary_bar,H as kpi_list,T as save_view_form_dialog,$ as side_sheet,E as udp_hotlist_form,D as udp_notification,W as udp_pop_over_grid_action_header,V as upd_alert_banner};
+import{r as e,c as t,f as i,h as s,a}from"./index-CaZq3YdB.js";import{u as n}from"./conversionFunctions-CNWYTvRs.js";import{s as o}from"./catalog-store-BhgNAUY6.js";import r from"@carbon/icons/es/close/24";import{v4 as c}from"uuid";import l from"@carbon/icons/es/save/16";import d from"@carbon/icons/es/close/16";import h from"@carbon/icons/es/list/16";import f from"@carbon/icons/es/download/16";import p from"@carbon/icons/es/settings/16";import b from"@carbon/icons/es/star/16";import u from"@carbon/icons/es/ibm-watson--discovery/16";import g from"@carbon/icons/es/idea/16";import m from"@carbon/icons/es/renew/16";import"@stencil/store";import"./apiUtils-cUHs50y0.js";import"deep-equal";import"./makeApiCall-B-daVutk.js";import"axios";import"./configService-BqLfkVKh.js";import"./tenantUtils-Basdb1b1.js";const y=':host{display:block;height:100%}.container{display:flex;height:100vh}.left-column{flex:1;background-color:white;height:90vh;overflow:scroll;padding:8px}.right-column{flex:2;margin-left:16px;padding:16px;height:90vh;overflow:scroll}.filter-group[data-level="0"]{padding-left:0}.filter-group[data-level="1"]{padding-left:20px}.filter-group[data-level="2"]{padding-left:40px}.filter-group{margin-top:24px;border-left:1px solid #bababa}.search-input-list{height:100%;max-height:70vh;overflow:auto}.recent-searches{min-width:300px;margin-bottom:10px}';const v=class{constructor(s){e(this,s);this.advancedSearchItemChange=t(this,"advancedSearchItemChange");this.filterList=[];this.filterRenderList=[];this.nestedData=new Map;this.searchObject=[];this.tempNestedData=new Map;this.testData=[];this.showChildren=false;this.handleReferenceClick=async(e,t,i,s,a,r)=>{console.log("Clicked reference:",e,"Name:",t,"Parent Reference:",i,"parentFilter",s,"parent reference click test",a,r);if(o.isLoadingCatalogData||o.catalogData===null){return}try{const i=await n(o.catalogData,e,true,true,t,s,a);if(Array.isArray(i)){this.updateNestedData(i)}else{console.error("Extended search filter list is not an array")}}catch(e){console.error("Error fetching filters:",e)}};this.updateNestedData=e=>{if(!Array.isArray(e)||e.length===0){console.error("Invalid or empty children data provided for updateNestedData");return}const t=e[0].extendedProperties.fromFilter;const s=e[0].extendedProperties.parent;const a=t;const r=n(o.catalogData,a,true,true,name,"","");if(r){r.forEach((t=>{if(t.name===s){t.referenceNode=e}else if(t.reference&&t.referenceNode){this.updateNestedDataRecursively(t.referenceNode,e,s)}}))}const c=(e,t)=>e.some((e=>e.name===t.name));const l=(e,t,i)=>e.map((e=>{if(e.name===i){const i=t.filter((t=>!c(e.referenceNode||[],t)));return Object.assign(Object.assign({},e),{referenceNode:[...e.referenceNode||[],...i]})}else if(e.referenceNode){return Object.assign(Object.assign({},e),{referenceNode:l(e.referenceNode,t,i)})}else{return e}}));this.testData=l(this.testData,e,s);i(this)};this.updateNestedDataRecursively=(e,t,i)=>{e.forEach((e=>{if(e.name===i){e.referenceNode=t}else if(e.referenceNode){this.updateNestedDataRecursively(e.referenceNode,t,i)}}))};this.onTreeListItemClick=e=>{const t=e.detail;const i=e=>e.split(".").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(".");if(t.parentName&&t.parentPath){t.searchField=`${t.parentPath}.${t.parentName}.${t.searchField}`}else if(t.parentName){t.searchField=`${t.parentName}.${t.searchField}`}else{t.searchField=`${t.searchField}`}t.searchField=i(t.searchField);this.handleItemClick(t)}}componentWillLoad(){}filterListWatcher(e,t){if(e!==t){this.testData=e}}render(){const e=Array.isArray(this.testData)?this.testData:[];const t=Array.isArray(this.filterRenderList)?this.filterRenderList:[];return s("div",{key:"749ac603c7d5998cab9cdc804eb26ae15ab9502c",class:"container"},s("div",{key:"19b11ac5eed4ebff194a2489bc647abfca3ee6bb",class:"left-column"},!e.length&&s("div",{key:"d6b693fca77ee5d6db78540dc218d70cd9558851",style:{marginRight:"8px"}},s("udp-grid-loader",{key:"4d1384371f5de5ee8f5eff618aaaaa4d20ccdf0a",width:"362px","num-columns":"1","num-rows":"20"})),s("div",{key:"e9e277276dffb7163b9df189945c25ebfcc7246e"},e.map(((e,t)=>{var i;return s("tree-list-item",{key:`${e.name}-${t}`,level:0,label:this.getHeaderFieldLabel(e.name),fieldName:e.name,reference:e.reference,parentName:"",parentFilter:e.extendedProperties.parentFilter,parentPath:"filter.extendedProperties.parentPath",parent:(i=e.extendedProperties)===null||i===void 0?void 0:i.parent,nestedItems:e.referenceNode,"onReference-clicked":e=>this.handleReferenceClick(e.detail.reference,e.detail.name,e.detail.parentReference,e.detail.parentFilter,e.detail.parent,e.detail.parentPath),onItemClick:this.onTreeListItemClick})})))),s("div",{key:"85759f73d86b502052e61f2d8b465e3498967566",class:"right-column"},s("udp-page-header",{key:"a825cfd6fdfec752270bd24b48512185a49f3ee9",onValueChanged:this.handleValueChanged}),s("filter-conditions",{key:"22a0cfe66f0ab58a87e4a51aec2694d34a37fb49"}),t.map((e=>e.filterElements.map(((e,t)=>{var i;return s("search-list-item",{key:`${e.searchField}-${t}`,label:(i=e===null||e===void 0?void 0:e.searchLabel)!==null&&i!==void 0?i:e.searchField,fieldName:e.searchField,handleDelete:()=>this.handleDelete({searchField:e.searchField,searchValue:e.searchValue}),name:e.searchValue})}))))))}static get watchers(){return{filterList:["filterListWatcher"]}}};v.style=y;const k=':host{display:block;height:100%}.container{display:flex;height:100vh}.left-column{flex:1;background-color:white;height:90vh;overflow:scroll;padding:8px}.right-column{flex:2;margin-left:16px;padding:16px;height:90vh;overflow:scroll}.filter-group[data-level="0"]{padding-left:0}.filter-group[data-level="1"]{padding-left:20px}.filter-group[data-level="2"]{padding-left:40px}.filter-group{margin-top:24px;border-left:1px solid #bababa}.search-input-list{height:100%;max-height:70vh;overflow:auto}.recent-searches{min-width:300px;margin-bottom:10px}';const x=class{constructor(s){e(this,s);this.advancedSearchItemChange=t(this,"advancedSearchItemChange");this.searchItemChanged=t(this,"searchItemChanged");this.searchOperatorChanged=t(this,"searchOperatorChanged");this.filterList=[];this.filterRenderList=[];this.nestedData=new Map;this.searchObject=[];this.tempNestedData=new Map;this.testData=[];this.showChildren=false;this.filterGroups=[];this.filterObjectsWithGroups=[];this.disableFilterSelection=true;this.sharedId="";this.filters=[];this.recentSearchesOptions=[];this.handleReferenceClick=async(e,t,i,s,a,r)=>{console.log("Clicked reference:",e,"Name:",t,"Parent Reference:",i,"parentFilter",s,"parent reference click test",a,r);if(o.isLoadingCatalogData||o.catalogData===null){console.log("Catalog data is not ready yet.");return}try{console.log("state.catalogData",o.catalogData);const i=await n(o.catalogData,e,true,true,t,s,a);console.log("extendedSearchFilterList",i);if(Array.isArray(i)){this.updateNestedData(i)}else{console.error("Extended search filter list is not an array")}console.log("Updated nestedData:",Array.from(this.nestedData.entries()))}catch(e){console.error("Error fetching filters:",e)}};this.updateNestedData=e=>{if(!Array.isArray(e)||e.length===0){console.error("Invalid or empty children data provided for updateNestedData");return}console.log("children in updatedNest",e);const t=e[0].extendedProperties.fromFilter;const s=e[0].extendedProperties.parent;const a=t;const r=n(o.catalogData,a,true,true,name,"","");console.log("testParentArray",r);if(r){r.forEach((t=>{if(t.name===s){t.referenceNode=e;console.log("add referenceNode array",e,r)}else if(t.reference&&t.referenceNode){this.updateNestedDataRecursively(t.referenceNode,e,s)}}))}const c=(e,t)=>e.some((e=>e.name===t.name));const l=(e,t,i)=>e.map((e=>{if(e.name===i){const i=t.filter((t=>!c(e.referenceNode||[],t)));return Object.assign(Object.assign({},e),{referenceNode:[...e.referenceNode||[],...i]})}else if(e.referenceNode){return Object.assign(Object.assign({},e),{referenceNode:l(e.referenceNode,t,i)})}else{return e}}));this.testData=l(this.testData,e,s);console.log("Updated testData",this.testData);i(this)};this.updateNestedDataRecursively=(e,t,i)=>{e.forEach((e=>{if(e.name===i){e.referenceNode=t}else if(e.referenceNode){this.updateNestedDataRecursively(e.referenceNode,t,i)}}))};this.onTreeListItemClick=e=>{const t=e.detail;console.log("Tree list item clicked in grouped:",t);const i=e=>e.split(".").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(".");if(t.parentName&&t.parentPath){t.searchField=`${t.parentPath}.${t.parentName}.${t.searchField}`}else if(t.parentName){t.searchField=`${t.parentName}.${t.searchField}`}else{t.searchField=`${t.searchField}`}t.searchField=i(t.searchField);this.handleItemClick(t);this.disableFilterSelection=true};this.currentLogicalOperator="AND"}componentWillLoad(){}filterListWatcher(e,t){if(e!==t){this.testData=e}}filterObjectsWithGroupsChanged(e,t){}updateFilterWithUserData(e,t){const i=this.filters.map((i=>i.id===e?Object.assign(Object.assign({},i),t):i));this.filters=i}updateGroupLogicalOperator(e,t){const i=(e,t,s)=>{for(const a of e){if(a.id===t){a.logicalOperator=s;return true}if(a.children&&i(a.children,t,s)){return true}}return false};if(i(this.filterObjectsWithGroups,e,t)){this.filterObjectsWithGroups=[...this.filterObjectsWithGroups]}}handleSearchItemChange(e){const{searchOperator:t,searchValue:i,filterGroupId:s,id:a}=e.detail;const n=this.findGroupById(this.filterObjectsWithGroups,s);if(n){const e=n.filters.find((e=>e.id===a));if(e){e.searchOperator=t;e.searchValue=i;this.filterObjectsWithGroups=[...this.filterObjectsWithGroups]}}this.searchItemChanged.emit(e.detail)}handleOperatorSelected(e,t){const i=e.detail.value;const s=this.getLogicalOperatorValue(i);this.updateLogicalOperator(t,s);this.searchOperatorChanged.emit()}renderFilterGroup(e,t=0){const i=e.id==="root";const a=e.id==="default";const n={"padding-left":`${20*t}px`};const o=this.getLogicalOperatorCode(e.logicalOperator).toString();const c=s("udp-selector",{options:[{value:"1",label:"AND"},{value:"2",label:"OR"}],onChange:t=>this.handleOperatorSelected(t,e.filterGroupId),initialValue:o,disabled:i||a});const l=!i&&!a&&s("stencil-icon-button",{icon:r,onClick:()=>this.handleGroupDelete(e.filterGroupId)});const d=!i&&s("div",{class:"search-input-list"},e.filters.map(((e,t)=>{var i;return s("search-list-item",{key:`${e.id}-${t}`,isDefault:a,id:e.id,filterGroupId:e.filterGroupId,label:(i=e===null||e===void 0?void 0:e.searchLabel)!==null&&i!==void 0?i:e.searchField,fieldName:e.searchField,handleDelete:()=>this.handleDelete(e),name:e.searchValue,operator:e.searchOperator,onSearchItemChanged:e=>this.handleSearchItemChange(e),isInitialSearchItem:e.isInitialFilterElement})})));const h=!a&&s("div",{style:{display:"flex",gap:"8px",marginTop:"8px"}},!i&&s("custom-button",{variant:"outline",onClick:()=>this.addFilter(e.id,e.filterGroupId)},"+ Field"),s("custom-button",{variant:"outline",onClick:()=>this.handleAddNewGroup(!i?e.id:"root",this.currentLogicalOperator)},"+ Group"));const f=s("div",{class:"nested-groups"},(e.children||[]).map((e=>this.renderFilterGroup(e,t+1))));return s("div",{class:!i&&"filter-group",style:n},a&&e.filters.length===0?null:s("div",{style:{marginBottom:"16px"}},s("div",{style:{display:"flex",gap:"8px"}},c,l)),d,h,f)}addFilter(e,t){console.log("Adding filter...");this.disableFilterSelection=false;if(this.handleAddNewFilter){this.handleAddNewFilter(t)}const i={id:c(),groupId:e,filterGroupId:t,searchField:"",searchOperator:"=",searchValue:""};this.filters=[...this.filters,i]}render(){const e=Array.isArray(this.testData)?this.testData:[];return s("div",{key:"51d961d38d71f0b63e0564a8fda506f19176f780",class:"container"},s("div",{key:"a05089a3958f0a19499b04569a16319f047ee534",class:"left-column"},this.selectRecentSearch!==null&&this.fullClearSearch!==null&&s("div",{key:"788ebbb22f165841387b1ded7ab595b9b845d8d3",class:"recent-searches"},"Recent Searches",s("div",{key:"597644a1133d0b514f1de852ae590ac34bb867e6",style:{display:"flex",alignItems:"center"}},s("udp-selector",{key:"1fd8907b2c44d6ea3f6cc21fa46bc673d1d705a5",options:this.recentSearchesOptions,onChange:e=>this.selectRecentSearch(e),style:{marginRight:"10px"}}),s("udp-function-button",{key:"f2919a9467010174c7a5960149d1cca04134a6fd",delete:true,onClick:this.fullClearSearch}))),!e.length&&s("div",{key:"4eccc7fc0d1f02f0c9e00007d37b62c26b890c97",style:{marginRight:"8px"}},s("udp-grid-loader",{key:"7156b75f685d2df18071e0f996a78748dfce179e",width:"362px","num-columns":"1","num-rows":"20"})),s("div",{key:"786b6755156cf0971ab56f6e19b6f00c78a2fb53"},e.map(((e,t)=>{var i;return s("tree-list-item",{add:true,showAdd:true,key:`${e.name}-${t}`,level:0,label:this.getHeaderFieldLabel(e.name),fieldName:e.name,reference:e.reference,parentName:"",parentFilter:e.extendedProperties.parentFilter,parentPath:"filter.extendedProperties.parentPath",parent:(i=e.extendedProperties)===null||i===void 0?void 0:i.parent,nestedItems:e.referenceNode,"onReference-clicked":e=>this.handleReferenceClick(e.detail.reference,e.detail.name,e.detail.parentReference,e.detail.parentFilter,e.detail.parent,e.detail.parentPath),onItemClick:this.onTreeListItemClick})})))),s("div",{key:"1ec459b83773f97a10f86ae3e42bee824a07b835",class:"right-column"},this.filterObjectsWithGroups.map((e=>this.renderFilterGroup(e)))),this.disableFilterSelection&&s("div",{key:"8373727d18866a912140acb0a4efacdaa9d3b4e0",style:{width:"411px",height:"100vh",background:"white",position:"absolute",zIndex:"9",top:"45px",left:"px",opacity:"0.7"}}))}get el(){return a(this)}static get watchers(){return{filterList:["filterListWatcher"],filterObjectsWithGroups:["filterObjectsWithGroupsChanged"]}}};x.style=k;const w=class{constructor(t){e(this,t);this.height="calc(100vh - 200px)"}render(){return s("div",{key:"34090f535edf4f45e28eeacd5ab8da4012319dfd",id:"myGrid",style:{height:this.height,width:"100%"},class:"ag-theme-material"})}get el(){return a(this)}};const C=".info-columns{display:flex}.column{width:100px}.toggle-options{display:flex;gap:16px;align-items:center;margin-bottom:16px}";const N=class{constructor(t){e(this,t);this.name="";this.isPrivate=2;this.isDefault=false;this.fetchedCurrentView=false;this.handleGetExistingView=()=>{this.isPrivate=this.currentGridViewVisibilityTypeId;this.isDefault=this.currentIsDefault;console.log("isPrivate:",this.isPrivate,"isDefault:",this.isDefault);this.fetchedCurrentView=true};this.handleNameChange=e=>{this.currentName=e.target.value;this.name=e.target.value};this.handlePrivateChange=()=>{this.isPrivate=this.isPrivate===1?2:1;this.currentGridViewVisibilityTypeId=this.currentGridViewVisibilityTypeId===1?2:1;console.log(this.isPrivate)};this.handleDefaultChange=()=>{this.isDefault=!this.isDefault;this.currentIsDefault=!this.currentIsDefault;console.log(this.isDefault)};this.handleSubmit=()=>{this.handleFormSubmit(this.gridId,this.name,this.isPrivate,this.isDefault)}}componentDidUpdate(){if(this.open){this.handleGetExistingView()}}componentWillRender(){this.name=this.currentName;this.gridId=this.currentGridId}resetFetchedCurrentView(){this.fetchedCurrentView=false}render(){return s("fluent-dialog",{key:"148710ea0f7bea0484e3f84e862d0b9123bd79ac",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},s("form",{key:"743aa9a972a90176eb5458405f13cdea3ee56942",class:"edit-form"},s("text-field",{key:"b69c3ea8fa67eeb996ce7f92a9266aebd33cbcc5",label:"View Name",value:this.name,onInput:e=>this.handleNameChange(e)}),this.fetchedCurrentView&&s("div",{key:"7a887a7530065a3c639dfcc66b1d9e5b00b25090",class:"toggle-options"},s("div",{key:"60db77820677f5231298264162821c12f6a07c11"},s("stencil-toggle",{key:"3bda1b0d33a183bbb901aa4dd52dceb377585829",label:"Private",checked:this.isPrivate===1,onToggledChange:this.handlePrivateChange})," "),s("div",{key:"855ecc8457827f4188304177961d361747f5df19"},s("stencil-toggle",{key:"eae91f81bd56d29ba0055da06ab0c73f7be45978",label:"Default",checked:this.isDefault,onToggledChange:this.handleDefaultChange,style:{marginTop:"10px"}})))))}get el(){return a(this)}};N.style=C;const O=".header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--accent-color)}.title-section{flex:1;margin-left:16px;display:flex;gap:16px;align-items:center}.button-section{display:flex;gap:8px;align-items:center;padding-right:16px;padding-top:8px;padding-bottom:8px}";const S=class{constructor(t){e(this,t);this.hiddenActionButtons=[];this.hiddenLabels=[];this.actionButtons=[];this.showAdvancedSearchFeature=true;this.showFilterColumnFeature=true;this.showGridOptions=true;this.showHotlistButton=false;this.hideExport=false;this.showInsightsAction=false;this.enableAdvancedSearch=true;this.defaultActionButtons=[];this.showLabels=true;this.hideBar=false}checkWindowWidth(){const e=window.innerWidth;this.showLabels=e>=1e3}onResize(){this.checkWindowWidth()}componentWillLoad(){this.checkWindowWidth();this.defaultActionButtons=this.initializeActionButtons();this.updateHideBar()}componentDidLoad(){window.addEventListener("resize",this.checkWindowWidth.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.checkWindowWidth.bind(this))}updateHideBar(){const e=this.defaultActionButtons.filter((e=>e.visible));this.hideBar=e.every((e=>this.hiddenActionButtons.includes(e.label)))}initializeActionButtons(){let e=[{icon:l,tooltip:"Save View",label:"Save View",visible:true,showLabel:true,iconClassName:"save-icon-class",clickHandler:this.customSaveViewClick},{icon:b,tooltip:"Views",label:"Views",visible:true,showLabel:true,iconClassName:"save-icon-class",clickHandler:this.customShowViewClick},{icon:h,tooltip:"Hotlists",label:"Hotlists",visible:true,showLabel:true,iconClassName:"save-icon-class",clickHandler:this.customShowHotlistClick},{icon:u,tooltip:"Search",label:"Search",visible:this.enableAdvancedSearch,showLabel:true,iconClassName:"save-icon-class",clickHandler:this.customShowCustomSearchClick},{icon:m,tooltip:"Refresh",label:"Refresh",visible:true,showLabel:true,iconClassName:"save-icon-class",clickHandler:this.customRefreshClick},{icon:d,tooltip:"Clear Search",label:"Clear Search",visible:true,showLabel:true,iconClassName:"save-icon-class",clickHandler:this.customClearClick}];if(!this.hideExport){e.splice(3,0,{icon:f,tooltip:"Export",label:"Export",visible:true,showLabel:true,iconClassName:"size-to-fit-icon-class",clickHandler:this.customExportClick})}if(this.showInsightsAction){e.splice(this.hideExport?3:4,0,{icon:g,tooltip:"Insights",label:"Insights",visible:true,showLabel:true,iconClassName:"save-icon-class",clickHandler:this.customInsightsClick})}if(!this.showHotlistButton){e=e.filter((e=>e.label!=="Hotlists"))}if(this.showGridOptions){e.push({icon:p,tooltip:"Grid Options",label:"Grid Options",visible:true,showLabel:false,iconClassName:"save-icon-class",clickHandler:this.customShowGridOptionsClick})}return e}handleAdvancedSearchToggle(){this.defaultActionButtons=this.initializeActionButtons()}onHiddenActionButtonsChange(){this.updateHideBar()}render(){return s("div",{key:"021c035bf4d957e2644d1d620c47de8ad1a05e21",class:"header-bar",style:!this.hideBar?{background:"var(--accent-color)"}:undefined},s("div",{key:"29e21c1ad5dc3b853c389c4927958335c9299a16",class:"title-section"},s("div",{key:"dd897565107bebd3efff6234f7f01bac7a9afdc6"},s("unity-typography",{key:"51602d8264ed458ba729a0a33b8081babed19d37",variant:"h4"},this.title," ")," ")),s("div",{key:"39d5748807927d63aafb3f99615b57b0f6f856ef",class:"button-section"},s("div",{key:"996c5f28c941dd40531a52abe0c06bcb65ca049e"},s("slot",{key:"06834b580236c4a7ac26b0ed6fc057526dcc4c02"})),this.defaultActionButtons.map((e=>{const t=t=>{if(e.clickHandler){e.clickHandler(t)}else{console.log(`${e.label} Clicked but no custom handler defined`)}};if(!this.hiddenActionButtons.includes(e.label)&&e.visible){return s("stencil-icon-button-grid-action-header",{showLabel:this.showLabels,secondary:e.secondary,icon:e.icon,onClick:t,tooltip:e.tooltip,iconClassName:e.iconClassName},e.icon&&s("i",{class:e.icon}),e.label.toLowerCase()==="save"||!this.hiddenLabels.includes(e.label)&&e.showLabel?s("span",null,e.label):null)}return null})),this.primaryActionClick&&this.primaryActionLabel&&s("custom-button",{key:"50e0e03c0fc07a095b79c64e9867df14f64b8727",label:this.primaryActionLabel,onClick:e=>this.primaryActionClick(e),size:"tall"},this.primaryActionIcon&&s("udp-icon",{key:"cb521eecb5bca910373e5b3d28d692315f115504",iconName:this.primaryActionIcon,darkIcon:false}))))}static get watchers(){return{"window:resize":["onResize"],enableAdvancedSearch:["handleAdvancedSearchToggle"],hiddenActionButtons:["onHiddenActionButtonsChange"]}}};S.style=O;const A=".kpi-container{display:flex;align-items:center;padding-top:8px;padding-bottom:8px;justify-content:flex-end;padding-right:16px;background-color:rgb(247, 245, 243)}.kpi-item{display:flex;align-items:center}.kpi-label{margin-right:5px;font-weight:700}.kpi-value{margin-left:5px}.divider{border-left:1px solid black;height:20px;margin:0 10px}";const H=class{constructor(t){e(this,t)}render(){return s("div",{key:"d8a6b07c2aa03300bb9a6e382981ba05658b2458",class:"kpi-container"},this.kpiValues.map(((e,t)=>s("div",{class:"kpi-item"},s("span",{class:"kpi-label",style:{fontSize:" 0.875rem",fontWeight:"300",lineHeight:"0.25",fontFamily:"sans-serif"}}," ",s("unity-typography",null," ",e.label,": "),"  "),s("span",{class:"kpi-value",style:{fontSize:" 0.875rem",fontWeight:"600",lineHeight:"0.25",fontFamily:"sans-serif"}},"  ",s("unity-typography",null," ",e.value.toLocaleString()," ")," "),t<this.kpiValues.length-1&&s("div",{class:"divider"})))))}};H.style=A;const I=".info-columns{display:flex}.column{width:100px}.toggle-options{display:flex;gap:16px;align-items:center;margin-bottom:16px}";const T=class{constructor(t){e(this,t);this.name="";this.isPrivate=2;this.isDefault=false;this.gridViewId="";this.fetchedCurrentView=false;this.handleNameChange=e=>{this.name=e.target.value};this.handlePrivateChange=()=>{this.isPrivate=this.isPrivate===1?2:1};this.handleDefaultChange=()=>{this.isDefault=!this.isDefault};this.handleSubmit=()=>{this.handleFormSubmit(this.name,this.isPrivate,this.isDefault);this.resetForm()};this.handleViewUpdate=()=>{this.handleViewAndConfigurationSubmit(this.name,this.isPrivate,this.isDefault)};this.resetForm=()=>{this.name="";this.isPrivate=2;this.isDefault=false}}handleModalOpen(e){var t,i;if(e){this.name=this.currentName||"";this.isPrivate=(t=this.currentIsPrivate)!==null&&t!==void 0?t:2;this.isDefault=(i=this.currentIsDefault)!==null&&i!==void 0?i:false;this.gridViewId=this.currentGridViewId||""}}render(){return s("fluent-dialog",{key:"11d77e271d9052cb0d2dc01ab68a1711ba69341c",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},s("form",{key:"ef7e0089370810479fffe5009cd0a44d538ab88c",class:"save-form"},s("text-field",{key:"9321cbc06b7d79f0a5f5068e2a7ddca50ebf434f",label:"View Name",placeholder:"Create a name for your view",value:this.name,onInput:e=>this.handleNameChange(e)}),s("div",{key:"af902e7792f5de7b1d4333c274079f4544211531",class:"toggle-options"},s("div",{key:"0c4f78f6bd0716adb686607d78636cc366fb416d"},s("stencil-toggle",{key:"5a385cd828db721c4716d979b5391760c46925c2",label:"Private",checked:this.isPrivate===1,onToggledChange:this.handlePrivateChange})," "),s("div",{key:"775b8586ca7ac81668d18b76ee1e14082bada271"},s("stencil-toggle",{key:"b870f8bc34e04f93398536096cee79b0734ecdf1",label:"Default",checked:this.isDefault,onToggledChange:this.handleDefaultChange,style:{marginTop:"10px"}})))))}get el(){return a(this)}static get watchers(){return{open:["handleModalOpen"]}}};T.style=I;const L=".side-sheet {\n  /* --- OLD BEHAVIOR REMOVED --- */\n  /* width: 0; */\n  /* transition: width 0.5s ease; */\n\n  /* --- NEW BEHAVIOR ADDED --- */\n  /* 1. The sheet now has a fixed width from the start. */\n  height: 100%;\n  position: fixed;\n  z-index: 9999;\n  top: 0;\n  bottom: 0;\n  overflow-x: hidden;\n  overflow-y: hidden;\n  background-color: #ffffff;\n\n  /* 2. The animation is now on the transform property. */\n  transition: transform 0.3s ease;\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\n\n/* --- NEW: Define the starting position (off-screen) --- */\n.side-sheet.left {\n  left: 0;\n  transform: translateX(-100%); /* Start hidden to the left */\n}\n\n.side-sheet.right {\n  right: 0;\n  transform: translateX(100%); /* Start hidden to the right */\n}\n\n/* --- NEW: Apply width directly to the class, not just when open --- */\n.side-sheet.long {\n  width: 1300px;\n}\n\n.side-sheet.short {\n  width: 480px;\n}\n\n/* --- NEW: The .open class now only changes the transform --- */\n.side-sheet.open {\n  transform: translateX(0); /* Slide into view */\n}\n\n\n/* --- BACKDROP REMAINS THE SAME --- */\n.backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 9;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.5s ease;\n}\n\n.backdrop.open {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n/* --- OTHER STYLES REMAIN THE SAME --- */\n.title {\n display: flex;\n flex: 1;\n align-items: center;\n}\n\n.close-button {\n  display: flex;\n  align-items: center;\n}\n\n.ag-root.ag-layout-normal {\n  font-family: sans-serif !important;\n  font-size: 13px;\n}\n\n/* The inline style for custom width in your component will still work perfectly. */\n";const $=class{constructor(t){e(this,t);this.position="left";this.widthOption="long";this.disabled=false;this.padding=true;this.buttonTransform="translate(0,0)"}render(){const e=typeof this.widthOption==="number"?"custom-width":this.widthOption;const t=typeof this.widthOption==="number"?{width:`${this.widthOption}px`}:{};return s("div",{key:"493885f8ff6fd42a33d7a91ceeaf2376896e78b9"},s("div",{key:"5f3fc796d16eac33ed3ee5caa591c55074f08b5d",class:{backdrop:true,open:this.open},onClick:this.toggleDrawer}),s("div",{key:"5d91c44a3dfdef6e6e60dd8bb9932965c0b3c4d6",class:{"side-sheet":true,open:this.open,close:!this.open,[this.position]:true,[e]:true},style:t},s("div",{key:"e585f7cda32111284edd65d43db8034f1fd4a3f1",class:"title"},s("div",{key:"47682a75bc55ea2b3699727e1d8b8005331fa053",class:"close-button"},s("stencil-icon-button",{key:"127217807a38574d7cc17b46f3b3480b1e780628",icon:r,onClick:this.toggleDrawer})),s("div",{key:"6e6ef59d9ae06d64b9b24723fa593a15e8713a89",class:"title"},s("unity-typography",{key:"e58a2a5b8fad9b6cc78fd1ae266d10a54bd70374",variant:"data-display-four"},this.title)),this.sideSheetButtonLabel&&s("custom-button",{key:"709251d45b26fd42dfb08aa3292b9d500184167e",style:{transform:this.buttonTransform},size:"tall",disabled:this.disabled,onCustomClick:()=>this.handleSideSheetButton()},this.sideSheetButtonLabel)),s("side-sheet-container",{key:"5a1321a0b09d030612e4787d1652666351057ffe",padding:this.padding},s("slot",{key:"eab8b1135a509ac45eccc573a5efe6e78efaf54d"}))))}};$.style=L;const j=".submit-button{margin-top:18px;display:flex;justify-content:flex-end;margin-right:24px;gap:8px}.wrapper{border-bottom:1px solid #d9d9d9;padding-bottom:16px;margin-bottom:10px;width:480px}";const E=class{constructor(t){e(this,t);this.name="";this.isPrivate=false;this.handleNameChange=e=>{this.name=e.target.value};this.handlePrivateChange=()=>{this.isPrivate=!this.isPrivate};this.handleSubmit=e=>{e.preventDefault();this.handleFormSubmit(this.name,this.isPrivate,this.columnState)};this.onCustomButtonClick=()=>{this.handleFormSubmit(this.name,this.isPrivate,this.columnState)}}render(){return s("div",{key:"25d3ac15ce75e21c38ee581fd6760acd0452cb6b",class:"wrapper"},s("form",{key:"23cb869dcf8111e10d5202ea00f066d64d6e955a",class:"save-form",onSubmit:this.handleSubmit},s("text-field",{key:"aeca29c646c86c96306f8baddc77fdf2d2421f25",label:"Hotlist Name",placeholder:"Create a name for your Hotlist",value:this.name,onChange:e=>this.handleNameChange(e)}),s("stencil-toggle",{key:"f0d4a73109796d9b8cd71cba4057327ad37abd86",label:"Private",checked:this.isPrivate,onToggledChange:this.handlePrivateChange}),s("div",{key:"0dcf360e9189ca180a425d1f3b7530d54db53c17",class:"submit-button"},s("custom-button",{key:"9f12210ec38cf756a601a418e7c4ca0653370fd8",variant:"outline",type:"submit",onCustomClick:this.handleCancelClick},"Cancel"),s("custom-button",{key:"aa24f4f10e50090d46fc0872acf9a350e12a76b2",disabled:!this.name,type:"submit",onCustomClick:this.onCustomButtonClick},"Create List"))))}get el(){return a(this)}};E.style=j;const _=":host{position:fixed;top:1rem;right:1rem;z-index:1000;display:block;}.udp-notification{min-width:250px;margin:0.5rem;padding:0.5rem 1rem;border-radius:4px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);display:flex;align-items:center;justify-content:space-between;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out;transform:translateY(-100%);opacity:0;visibility:hidden;background-color:#f4f4f4;}.visible{transform:translateY(0);opacity:1;visibility:visible}.status-success{border-left:4px solid #5aa700;}.status-error{border-left:4px solid #e0182d;}.status-warning{border-left:4px solid #ff832b;}.message{flex:1;padding:0 1rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer}";const D=class{constructor(t){e(this,t);this.userCancel=false;this.active=false}activeChanged(e){if(e&&!this.userCancel){setTimeout((()=>this.active=false),3e3)}}render(){const e=`status-${this.status}`;return s("div",{key:"cd2d073bfca62c063d4f8df897b848710be57c11",class:{"udp-notification":true,visible:this.active,[e]:true}},this.userCancel&&s("button",{key:"61c91bc421b31982330f91f078a24a1d8f6f3204",class:"close-button",onClick:()=>this.active=false},"×"),s("span",{key:"e43710ce4dee2345953a7fb77f252dce8a1672fe",class:"message"}," ",s("unity-typography",{key:"2ebe60d75278ed5157b339b8679c6bedce322926",variant:"body"}," ",this.message," ")))}static get watchers(){return{active:["activeChanged"]}}};D.style=_;const R=".popover{background-color:white;border:1px solid #ccc;padding:10px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1);z-index:1000;position:relative}";const W=class{constructor(t){e(this,t);this.isOpen=false;this.handleClose=e=>{if(e&&this.el.shadowRoot.contains(e.target)){return}this.isOpen=false;document.removeEventListener("click",this.handleClose)}}componentWillLoad(){if(this.isOpen){document.addEventListener("click",this.handleClose)}document.removeEventListener("click",this.handleClose)}watchHandler(e){if(e){document.addEventListener("click",this.handleClose)}else{document.removeEventListener("click",this.handleClose)}}render(){const e={display:this.isOpen?"block":"none",position:"absolute",right:"6px"};if(this.anchorElement){const t=this.anchorElement.getBoundingClientRect();e["top"]=`${t.bottom}px`;e["left"]=`${t.left}px`}return s("div",{key:"511fb2756ab0c38c04ee500f31e964bfb52672f1",class:"popover",style:e},s("unity-typography",{key:"d0db9b3b955f5cf4429b0176df5b7e98a21c66e9",variant:"caption-text"},s("slot",{key:"8adc31948a622995a141e9d4ff74f28a97af6108"})))}get el(){return a(this)}static get watchers(){return{isOpen:["watchHandler"]}}};W.style=R;const z=":host{display:block;width:100%;box-sizing:border-box}.alert-banner{display:flex;align-items:center;justify-content:space-between;padding:5px;padding-left:24px;padding-right:8px;box-sizing:border-box;background-color:var(--success-color-light);color:#000}.banner-group{display:flex;width:500px;}.info{background-color:var(--success-color-light);color:#000}.warning{background-color:var(--warning-color-main);color:#000}.error{background-color:var(--error-color-light);color:#000}.success{background-color:var(--success-color-light);color:#000}.stencil-icon-button{margin-left:auto;}";const V=class{constructor(t){e(this,t);this.type="info";this.message=""}render(){return s("div",{key:"e100527c51fc69bfdb74ecfba9a3d52d55aad4d6",class:`alert-banner ${this.type}`},s("unity-typography",{key:"ae237651e36d4f1a0f6df444dbd89eead388ab48",variant:"data-display-three"},"   ",this.message," "))}};V.style=z;export{v as advanced_search,x as advanced_search_grouped,w as ag_table,N as edit_view_form_dialog,S as grid_primary_bar,H as kpi_list,T as save_view_form_dialog,$ as side_sheet,E as udp_hotlist_form,D as udp_notification,W as udp_pop_over_grid_action_header,V as upd_alert_banner};
 //# sourceMappingURL=advanced-search_12.entry.js.map