udp-stencil-component-library 25.18.2-beta.5 → 25.18.2-beta.7

package/dist/components/image-upload2.js

@@ -57,7 +57,7 @@ const ImageUpload = /*@__PURE__*/ proxyCustomElement(class ImageUpload extends H
         };
     }
     render() {
-        return (h(Host, { key: '8b95c4bb3a085aeeb0aab3a352c4bedd5d723f20' }, h("file-upload", { key: '2fae3ef81fd7b5a2ea7c875954629deac44f53af', allowMultiple: false, allowedMimeTypes: this.allowedMimeTypes, fullWidth: this.fullWidth, required: this.required, error: this.error, dragAndDropMessage: this.dragAndDropMessage, browseFileMessage: this.browseFileMessage, hideDragAndDrop: this.hideDragAndDrop, hideButton: this.hideButton, id: this.id, name: this.name, label: this.label, disabled: this.disabled, readonly: this.readonly, initialValue: this.initialValue, renderImage: true, onChange: this.handleFileChange })));
+        return (h(Host, { key: 'd99ff15d410e2fbc1e4679694ed0615ea72d83de' }, h("file-upload", { key: '8a25e124d89bb9648fde62108253d68ed8107e89', allowMultiple: false, allowedMimeTypes: this.allowedMimeTypes, fullWidth: this.fullWidth, required: this.required, error: this.error, dragAndDropMessage: this.dragAndDropMessage, browseFileMessage: this.browseFileMessage, hideDragAndDrop: this.hideDragAndDrop, hideButton: this.hideButton, id: this.id, name: this.name, label: this.label, disabled: this.disabled, readonly: this.readonly, initialValue: this.initialValue, renderImage: true, onChange: this.handleFileChange })));
     }
     static get style() { return imageUploadCss; }
 }, [257, "image-upload", {

package/dist/components/index.js

@@ -68,7 +68,144 @@ function useMatchBreakpoint(breakpointKey) {
     return mediaQueryList.matches;
 }
 
-export { apiMutate, getMergedConfig, useMatchBreakpoint };
+class UdpWebSocketClient {
+    get isConnected() {
+        var _a;
+        return ((_a = this.socket) === null || _a === void 0 ? void 0 : _a.readyState) === WebSocket.OPEN;
+    }
+    async connect(url, getAccessToken, keepAliveIntervalMs = 0, keepAliveTimeoutMs = 0) {
+        var _a;
+        if (!this.isWssUrl(url)) {
+            throw new Error("Invalid WebSocket URL. Only ws and wss protocols are supported.");
+        }
+        const accessToken = await getAccessToken();
+        if (accessToken) {
+            // Browsers don't support setting headers manually, they only allow setting the `Sec-WebSocket-Protocol` header (secondary protocol header)
+            this.socket = new WebSocket(url, accessToken);
+        }
+        else {
+            this.socket = new WebSocket(url);
+        }
+        // Wait for the socket to open or error
+        await new Promise((resolve, reject) => {
+            const onOpen = () => {
+                this.socket.removeEventListener('open', onOpen);
+                this.socket.removeEventListener('error', onError);
+                resolve();
+            };
+            const onError = (e) => {
+                this.socket.removeEventListener('open', onOpen);
+                this.socket.removeEventListener('error', onError);
+                reject(e);
+            };
+            this.socket.addEventListener('open', onOpen);
+            this.socket.addEventListener('error', onError);
+        });
+        // Socket is now open, call the openHandler
+        (_a = this.openHandler) === null || _a === void 0 ? void 0 : _a.call(this);
+        // Assign socket events
+        this.socket.onmessage = (e) => this.handleMessage(e);
+        this.socket.onclose = (e) => this.handleClose(e);
+        this.socket.onerror = (e) => this.handleError(e);
+        // Start keepAliveTimer if configured
+        if (keepAliveIntervalMs && keepAliveTimeoutMs) {
+            this.startKeepAliveTimer(keepAliveIntervalMs, keepAliveTimeoutMs);
+        }
+    }
+    onMessageReceived(handler) {
+        this.messageReceivedHandler = handler;
+        return this;
+    }
+    onOpen(handler) {
+        this.openHandler = handler;
+        return this;
+    }
+    onClose(handler) {
+        this.closeHandler = handler;
+        return this;
+    }
+    onError(handler) {
+        this.errorHandler = handler;
+        return this;
+    }
+    send(message) {
+        if (!this.isConnected) {
+            throw new Error("WebSocket is not connected.");
+        }
+        const json = JSON.stringify(message);
+        this.socket.send(json);
+    }
+    close() {
+        if (this.socket) {
+            this.socket.close();
+            this.stopKeepAliveTimer();
+            this.socket = undefined;
+        }
+    }
+    // Event handlers
+    handleMessage(event) {
+        var _a;
+        try {
+            const msg = JSON.parse(event.data);
+            (_a = this.messageReceivedHandler) === null || _a === void 0 ? void 0 : _a.call(this, msg);
+        }
+        catch (err) {
+            console.error("Invalid UdpWebSocketMessage received:", err);
+        }
+    }
+    handleClose(event) {
+        var _a;
+        (_a = this.closeHandler) === null || _a === void 0 ? void 0 : _a.call(this, event);
+        this.close();
+    }
+    handleError(event) {
+        var _a;
+        (_a = this.errorHandler) === null || _a === void 0 ? void 0 : _a.call(this, event);
+        console.error("UdpWebSocket error:", event);
+    }
+    // KeepAlive functions
+    startKeepAliveTimer(intervalMs, timeoutMs) {
+        this.stopKeepAliveTimer();
+        // TODO: Check that this is interval not timeout param
+        this.keepAliveIntervalId = window.setInterval(() => {
+            this.sendKeepAlivePing();
+        }, intervalMs);
+        // Autoclose after timeout reached
+        this.keepAliveTimeoutId = window.setTimeout(() => {
+            this.close();
+        }, timeoutMs);
+    }
+    stopKeepAliveTimer() {
+        if (this.keepAliveIntervalId)
+            clearInterval(this.keepAliveIntervalId);
+        if (this.keepAliveTimeoutId)
+            clearTimeout(this.keepAliveTimeoutId);
+        this.keepAliveIntervalId = undefined;
+        this.keepAliveTimeoutId = undefined;
+    }
+    sendKeepAlivePing() {
+        const pingPacket = {
+            headers: {
+                type: "KeepAlive",
+                timestamp: Date.now()
+            },
+        };
+        try {
+            this.send(pingPacket);
+        }
+        catch (err) {
+            console.error("KeepAlive ping failed to send:", err);
+        }
+    }
+    // Util functions
+    isWssUrl(url) {
+        return /^wss?:\/\//.test(url);
+    }
+}
+UdpWebSocketClient.DEFAULT_KEEPALIVE_INTERVAL_MS = 30000; // 30 sec
+UdpWebSocketClient.DEFAULT_KEEPALIVE_TIMEOUT_MS = 60 * 60 * 1000; // 60 min
+
+export { UdpWebSocketClient, apiMutate, getMergedConfig, useMatchBreakpoint };
 //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;;;AAgBA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MAGa,eAAe,GAAG,CAAC,QAAgB,EAAE,MAAe,KAAY;AAC3E,IAAA,MAAM,OAAO,GAAG,CAAA,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,OAAO,IAAE,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,MAAM,CAAC,OAAO,IAAK,EAAE;AAC5D,IAAA,OAAO,CAAC,eAAe,GAAG,QAAQ;;AAGlC,IAAA,OAAY,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,MAAM,CAAE,EAAA,EAAA,OAAO,EAAG,CAAA;AAChC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,SAAS,GAAG,OACvB,OAAe,EACf,GAAW,EACX,MAAc,EACd,IAAS,KACP;IACF,MAAM,OAAO,GAAG,EAAE,GAAG,EAAE,CAAG,EAAA,OAAO,CAAI,CAAA,EAAA,GAAG,CAAE,CAAA,EAAE;IAC5C,OAAOA,KAAK,+CAAM,OAAO,CAAA,EAAK,MAAM,CAAK,EAAA,IAAI,EAAG;AAClD;;ACxEA;AACA,SAAS,mBAAmB,CAAC,QAAQ,EAAA;IACnC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC;AAC9E;AAEO,MAAM,WAAW,GAAG;AACzB,IAAA,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IAClE,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IACnI,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;IACnI,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,oBAAA,EAAuB,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;AACnI,IAAA,EAAE,EAAE,CAAe,YAAA,EAAA,mBAAmB,CAAC,qBAAqB,CAAC,CAAK,GAAA,CAAA;CACnE;;ACTK,SAAU,kBAAkB,CAAC,aAAuC,EAAA;IACxE,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;AAEhD,IAAA,MAAM,KAAK,GAAG,WAAW,CAAC,aAAa,CAAC;IACxC,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/C,OAAO,cAAc,CAAC,OAAO;AAC/B;;;;","names":["Axios"],"sources":["src/udp-utilities/api-udp/apiMutate.ts","src/udp-utilities/layout/breakpoints/breakpoints.ts","src/udp-utilities/layout/breakpoints/useMatchBreakpoint.ts"],"sourcesContent":["\nimport Axios from 'axios';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Use 'makeApiCall' instead\n */\n\ninterface Config {\n    headers?: {\n      [key: string]: string;\n    };\n    [key: string]: any;\n  }\n\n\n// export const getAccessToken = async () => {\n//     return 'eyJhbGciOiJSUzI1NiIsImtpZCI6Ik1Bc2V1MXplcmJDaVA0cW5UNUtkRlFjaFNpTHpiVDJieFdCVVBVXzYtNGMiLCJ0eXAiOiJKV1QifQ.eyJzdWIiOiI5YzI0MTNiZS1hNTZiLTQ5NzAtOWVmMC0wZTNmMDI4Y2E1YWEiLCJlbWFpbCI6ImdyZWdvcnlAcmVkd2Vya3Mub3JnIiwibmFtZSI6IkdyZWdvcnkgVGhvbWFzIiwiZ2l2ZW5fbmFtZSI6IkdyZWdvcnkiLCJmYW1pbHlfbmFtZSI6IlRob21hcyIsInVuaXR5VXNlcklkIjoiOGZlM2I1Y2UtNmE5NC00ZmY0LWIzNWMtYmUyNTk2ZWExMzgwIiwidGVuYW50c0xpc3QiOiJbe1wiVGVuYW50SWRcIjpcImY4NmE5YjdjLWJhYjAtNDI4MS04OWEyLTUyYjRjYWY4OWZhYlwiLFwiVGVuYW50TmFtZVwiOlwiVW5pdmVydXMgU29mdHdhcmUgSW5jXCIsXCJQcm9kdWN0c1wiOlszNiwzNywzNCwzNSwxLDMsNCw1LDYsNyw4LDksMTAsMTEsMTIsMTMsMTQsMTUsMTYsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMjcsMjgsMjksMiw0MSw1Ml0sXCJSb2xlc1wiOltcIjYyMzRiNzQwLWIyNmYtNDE4MS05Yjk1LTRjNDA2MzQ1MzhjMVwiXX0se1wiVGVuYW50SWRcIjpcIjk4ZjUwYTUxLTdjNjEtNDMxMC1iNWI0LTNhOWZlMDJjODEyM1wiLFwiVGVuYW50TmFtZVwiOlwiU21hcnRHcmlkQ0lTXCIsXCJQcm9kdWN0c1wiOlsxLDMsNCw1LDQxLDYsOCw3LDksMTEsMTAsMTUsMTYsMTQsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMTMsMTIsMjgsMjksMjcsMzBdLFwiUm9sZXNcIjpbXCI2MjM0Yjc0MC1iMjZmLTQxODEtOWI5NS00YzQwNjM0NTM4YzFcIl19XSIsInRpZCI6IjIxODg2NTI4LTM2MDItNGJmMi1hMzZiLTI5YjFkMTUyZTExYiIsImlzRm9yZ290UGFzc3dvcmQiOmZhbHNlLCJub25jZSI6IjQ3NDdkMTJhLWEzMGItNDRlMC1iNDllLTVmYmY0YjZhOTdmNiIsInNjcCI6ImFwaV9hY2Nlc3MiLCJhenAiOiJmYzUxNGZkOC01NGIzLTRmYWItYmRjOC1hZTdkY2Q4YzY1NzUiLCJ2ZXIiOiIxLjAiLCJpYXQiOjE2OTYzNTMzMTMsImF1ZCI6IjNmOTY2NDFmLTk0NDItNDUzMi1iNWJiLTdkYmM5Y2EzZjNhNSIsImV4cCI6MTY5NjM1NjkxMywiaXNzIjoiaHR0cHM6Ly91bml2ZXJ1c3VuaXR5ZGV2LmIyY2xvZ2luLmNvbS8yMTg4NjUyOC0zNjAyLTRiZjItYTM2Yi0yOWIxZDE1MmUxMWIvdjIuMC8iLCJuYmYiOjE2OTYzNTMzMTN9.Xcp8JSrF9mT3O3DSdqYmGRSAjo5Km4-XkLUDEuk3fXJnAPPF7vKtApSvA65iAlhqtyB4JY6idDrzWG5zgpyEvpTvc6Kvj6RjHXEkqMmsY6H1nFxAsIvfL72Sl8U4lBD9c4MOO1r5itfjsPkdZhV7ZtQi9xbFO0KTZmtLpET0hC0e8DA61uKAq2R5olfXi8pJThJGRRWleWFXwyatyjXIOfRpvuTfE5ls1zYSo62_7_FXOVAyAf-CrDLZFga8QYd4y5oncUAkbP4Lja0jDkHvvJhBRz67FePcWhJWo_6ofqGLRFBpFneduwgVgDMf6RY5mJa-5dlwDWE8YTqcuNMmlg'\n//   };\n\n// export const getMergedConfig = (accessToken: string | null, config?: Config): Config => {\n//     const headers = config?.headers ? { ...config.headers } : {};\n\n//     headers.currentTenantId = headers.currentTenantId || \"f86a9b7c-bab0-4281-89a2-52b4caf89fab\"; // Your currentTenantId\n//     if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n//     return { ...config, headers };\n//   };\n\n\n//   export const apiMutate = async (\n//     baseURL: string,\n//     url: string,\n//     config: Config,\n//     data: any,\n//     accessToken: string | null\n//   ) => {\n//     const fullURL = { url: `${baseURL}/${url}` };\n//     const mergedConfig = getMergedConfig(accessToken, config);\n//     return Axios({ ...fullURL, ...mergedConfig, ...data });\n//   };\n\n\nexport const getMergedConfig = (tenantId: string, config?: Config): Config => {\n  const headers = config?.headers ? { ...config.headers } : {};\n  headers.currentTenantId = tenantId;\n  //if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n  return { ...config, headers };\n};\n\n// export const apiMutate = async (\n//   baseURL: string,\n//   url: string,\n//   config: Config,\n//   data: any,\n//   accessToken: string | null,\n//   tenantId: string // New tenantId parameter\n// ) => {\n//   const fullURL = { url: `${baseURL}/${url}` };\n//   const mergedConfig = getMergedConfig(tenantId, accessToken, config); // Pass the tenantId\n//   return Axios({ ...fullURL, ...mergedConfig, ...data });\n// };\n\nexport const apiMutate = async (\n  baseURL: string,\n  url: string,\n  config: Config,\n  data: any\n) => {\n  const fullURL = { url: `${baseURL}/${url}` };\n  return Axios({ ...fullURL, ...config, ...data });\n};\n\n\n","// Helper function to get the value of a CSS variable from the :root\nfunction getCssVariableValue(variable) {\n  return getComputedStyle(document.documentElement).getPropertyValue(variable);\n}\n\nexport const breakpoints = {\n  xs: `(max-width: ${getCssVariableValue('--breakpoint-xs-max')}px)`,\n  sm: `(min-width: ${getCssVariableValue('--breakpoint-sm-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-sm-max')}px)`,\n  md: `(min-width: ${getCssVariableValue('--breakpoint-md-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-md-max')}px)`,\n  lg: `(min-width: ${getCssVariableValue('--breakpoint-lg-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-lg-max')}px)`,\n  xl: `(min-width: ${getCssVariableValue('--breakpoint-xl-min')}px)`,\n};\n\n\n\n\n// export const breakpoints = {\n//     xs: '(max-width: 599px)',\n//     sm: '(min-width: 600px) and (max-width: 959px)',\n//     md: '(min-width: 960px) and (max-width: 1279px)',\n//     lg: '(min-width: 1280px) and (max-width: 1919px)',\n//     xl: '(min-width: 1920px)',\n//   };\n  ","import { breakpoints } from './breakpoints';\n\nexport function useMatchBreakpoint(breakpointKey: keyof typeof breakpoints): boolean {\n  if (typeof window === 'undefined') return false; // SSR or build-time rendering\n\n  const query = breakpoints[breakpointKey];\n  const mediaQueryList = window.matchMedia(query);\n  return mediaQueryList.matches;\n}\n"],"version":3}
+{"file":"index.js","mappings":"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","names":["Axios"],"sources":["src/udp-utilities/api-udp/apiMutate.ts","src/udp-utilities/layout/breakpoints/breakpoints.ts","src/udp-utilities/layout/breakpoints/useMatchBreakpoint.ts","src/udp-utilities/udp-websocket-client/udp-websocket-client.ts"],"sourcesContent":["\nimport Axios from 'axios';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Use 'makeApiCall' instead\n */\n\ninterface Config {\n    headers?: {\n      [key: string]: string;\n    };\n    [key: string]: any;\n  }\n\n\n// export const getAccessToken = async () => {\n//     return 'eyJhbGciOiJSUzI1NiIsImtpZCI6Ik1Bc2V1MXplcmJDaVA0cW5UNUtkRlFjaFNpTHpiVDJieFdCVVBVXzYtNGMiLCJ0eXAiOiJKV1QifQ.eyJzdWIiOiI5YzI0MTNiZS1hNTZiLTQ5NzAtOWVmMC0wZTNmMDI4Y2E1YWEiLCJlbWFpbCI6ImdyZWdvcnlAcmVkd2Vya3Mub3JnIiwibmFtZSI6IkdyZWdvcnkgVGhvbWFzIiwiZ2l2ZW5fbmFtZSI6IkdyZWdvcnkiLCJmYW1pbHlfbmFtZSI6IlRob21hcyIsInVuaXR5VXNlcklkIjoiOGZlM2I1Y2UtNmE5NC00ZmY0LWIzNWMtYmUyNTk2ZWExMzgwIiwidGVuYW50c0xpc3QiOiJbe1wiVGVuYW50SWRcIjpcImY4NmE5YjdjLWJhYjAtNDI4MS04OWEyLTUyYjRjYWY4OWZhYlwiLFwiVGVuYW50TmFtZVwiOlwiVW5pdmVydXMgU29mdHdhcmUgSW5jXCIsXCJQcm9kdWN0c1wiOlszNiwzNywzNCwzNSwxLDMsNCw1LDYsNyw4LDksMTAsMTEsMTIsMTMsMTQsMTUsMTYsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMjcsMjgsMjksMiw0MSw1Ml0sXCJSb2xlc1wiOltcIjYyMzRiNzQwLWIyNmYtNDE4MS05Yjk1LTRjNDA2MzQ1MzhjMVwiXX0se1wiVGVuYW50SWRcIjpcIjk4ZjUwYTUxLTdjNjEtNDMxMC1iNWI0LTNhOWZlMDJjODEyM1wiLFwiVGVuYW50TmFtZVwiOlwiU21hcnRHcmlkQ0lTXCIsXCJQcm9kdWN0c1wiOlsxLDMsNCw1LDQxLDYsOCw3LDksMTEsMTAsMTUsMTYsMTQsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMTMsMTIsMjgsMjksMjcsMzBdLFwiUm9sZXNcIjpbXCI2MjM0Yjc0MC1iMjZmLTQxODEtOWI5NS00YzQwNjM0NTM4YzFcIl19XSIsInRpZCI6IjIxODg2NTI4LTM2MDItNGJmMi1hMzZiLTI5YjFkMTUyZTExYiIsImlzRm9yZ290UGFzc3dvcmQiOmZhbHNlLCJub25jZSI6IjQ3NDdkMTJhLWEzMGItNDRlMC1iNDllLTVmYmY0YjZhOTdmNiIsInNjcCI6ImFwaV9hY2Nlc3MiLCJhenAiOiJmYzUxNGZkOC01NGIzLTRmYWItYmRjOC1hZTdkY2Q4YzY1NzUiLCJ2ZXIiOiIxLjAiLCJpYXQiOjE2OTYzNTMzMTMsImF1ZCI6IjNmOTY2NDFmLTk0NDItNDUzMi1iNWJiLTdkYmM5Y2EzZjNhNSIsImV4cCI6MTY5NjM1NjkxMywiaXNzIjoiaHR0cHM6Ly91bml2ZXJ1c3VuaXR5ZGV2LmIyY2xvZ2luLmNvbS8yMTg4NjUyOC0zNjAyLTRiZjItYTM2Yi0yOWIxZDE1MmUxMWIvdjIuMC8iLCJuYmYiOjE2OTYzNTMzMTN9.Xcp8JSrF9mT3O3DSdqYmGRSAjo5Km4-XkLUDEuk3fXJnAPPF7vKtApSvA65iAlhqtyB4JY6idDrzWG5zgpyEvpTvc6Kvj6RjHXEkqMmsY6H1nFxAsIvfL72Sl8U4lBD9c4MOO1r5itfjsPkdZhV7ZtQi9xbFO0KTZmtLpET0hC0e8DA61uKAq2R5olfXi8pJThJGRRWleWFXwyatyjXIOfRpvuTfE5ls1zYSo62_7_FXOVAyAf-CrDLZFga8QYd4y5oncUAkbP4Lja0jDkHvvJhBRz67FePcWhJWo_6ofqGLRFBpFneduwgVgDMf6RY5mJa-5dlwDWE8YTqcuNMmlg'\n//   };\n\n// export const getMergedConfig = (accessToken: string | null, config?: Config): Config => {\n//     const headers = config?.headers ? { ...config.headers } : {};\n\n//     headers.currentTenantId = headers.currentTenantId || \"f86a9b7c-bab0-4281-89a2-52b4caf89fab\"; // Your currentTenantId\n//     if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n//     return { ...config, headers };\n//   };\n\n\n//   export const apiMutate = async (\n//     baseURL: string,\n//     url: string,\n//     config: Config,\n//     data: any,\n//     accessToken: string | null\n//   ) => {\n//     const fullURL = { url: `${baseURL}/${url}` };\n//     const mergedConfig = getMergedConfig(accessToken, config);\n//     return Axios({ ...fullURL, ...mergedConfig, ...data });\n//   };\n\n\nexport const getMergedConfig = (tenantId: string, config?: Config): Config => {\n  const headers = config?.headers ? { ...config.headers } : {};\n  headers.currentTenantId = tenantId;\n  //if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;\n\n  return { ...config, headers };\n};\n\n// export const apiMutate = async (\n//   baseURL: string,\n//   url: string,\n//   config: Config,\n//   data: any,\n//   accessToken: string | null,\n//   tenantId: string // New tenantId parameter\n// ) => {\n//   const fullURL = { url: `${baseURL}/${url}` };\n//   const mergedConfig = getMergedConfig(tenantId, accessToken, config); // Pass the tenantId\n//   return Axios({ ...fullURL, ...mergedConfig, ...data });\n// };\n\nexport const apiMutate = async (\n  baseURL: string,\n  url: string,\n  config: Config,\n  data: any\n) => {\n  const fullURL = { url: `${baseURL}/${url}` };\n  return Axios({ ...fullURL, ...config, ...data });\n};\n\n\n","// Helper function to get the value of a CSS variable from the :root\nfunction getCssVariableValue(variable) {\n  return getComputedStyle(document.documentElement).getPropertyValue(variable);\n}\n\nexport const breakpoints = {\n  xs: `(max-width: ${getCssVariableValue('--breakpoint-xs-max')}px)`,\n  sm: `(min-width: ${getCssVariableValue('--breakpoint-sm-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-sm-max')}px)`,\n  md: `(min-width: ${getCssVariableValue('--breakpoint-md-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-md-max')}px)`,\n  lg: `(min-width: ${getCssVariableValue('--breakpoint-lg-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-lg-max')}px)`,\n  xl: `(min-width: ${getCssVariableValue('--breakpoint-xl-min')}px)`,\n};\n\n\n\n\n// export const breakpoints = {\n//     xs: '(max-width: 599px)',\n//     sm: '(min-width: 600px) and (max-width: 959px)',\n//     md: '(min-width: 960px) and (max-width: 1279px)',\n//     lg: '(min-width: 1280px) and (max-width: 1919px)',\n//     xl: '(min-width: 1920px)',\n//   };\n  ","import { breakpoints } from './breakpoints';\n\nexport function useMatchBreakpoint(breakpointKey: keyof typeof breakpoints): boolean {\n  if (typeof window === 'undefined') return false; // SSR or build-time rendering\n\n  const query = breakpoints[breakpointKey];\n  const mediaQueryList = window.matchMedia(query);\n  return mediaQueryList.matches;\n}\n","export interface UdpWebSocketMessage {\n  headers?: Record<string, any>;\n  body?: any;\n}\n\nexport type UdpWsReceiveHandler = (msg: UdpWebSocketMessage) => void | Promise<void>;\nexport type UdpWsCloseHandler = (e: CloseEvent) => void | Promise<void>;\nexport type UdpWsErrorHandler = (e: Event) => void | Promise<void>;\nexport type UdpWsOpenHandler = () => void | Promise<void>;\n\nexport class UdpWebSocketClient {\n  public static readonly DEFAULT_KEEPALIVE_INTERVAL_MS = 30_000; // 30 sec\n  public static readonly DEFAULT_KEEPALIVE_TIMEOUT_MS = 60 * 60 * 1000; // 60 min\n\n  private socket?: WebSocket;\n  private keepAliveIntervalId?: number;\n  private keepAliveTimeoutId?: number;\n\n  private messageReceivedHandler?: UdpWsReceiveHandler;\n  private closeHandler?: UdpWsCloseHandler\n  private errorHandler?: UdpWsErrorHandler;\n  private openHandler?: UdpWsOpenHandler;\n\n  public get isConnected(): boolean {\n    return this.socket?.readyState === WebSocket.OPEN;\n  }\n\n  public async connect(\n    url: string,\n    getAccessToken: () => Promise<string | void>,\n    keepAliveIntervalMs: number = 0,\n    keepAliveTimeoutMs: number = 0\n  ) {\n    if (!this.isWssUrl(url)) {\n      throw new Error(\"Invalid WebSocket URL. Only ws and wss protocols are supported.\");\n    }\n\n    const accessToken = await getAccessToken();\n\n    if (accessToken) {\n      // Browsers don't support setting headers manually, they only allow setting the `Sec-WebSocket-Protocol` header (secondary protocol header)\n      this.socket = new WebSocket(url, accessToken);\n    } else {\n      this.socket = new WebSocket(url);\n    }\n\n    // Wait for the socket to open or error\n    await new Promise<void>((resolve, reject) => {\n      const onOpen = () => {\n        this.socket!.removeEventListener('open', onOpen);\n        this.socket!.removeEventListener('error', onError);\n        resolve();\n      };\n\n      const onError = (e: Event) => {\n        this.socket!.removeEventListener('open', onOpen);\n        this.socket!.removeEventListener('error', onError);\n        reject(e);\n      };\n\n      this.socket!.addEventListener('open', onOpen);\n      this.socket!.addEventListener('error', onError);\n    });\n\n    // Socket is now open, call the openHandler\n    this.openHandler?.();\n\n    // Assign socket events\n    this.socket.onmessage = (e) => this.handleMessage(e);\n    this.socket.onclose = (e) => this.handleClose(e);\n    this.socket.onerror = (e) => this.handleError(e);\n\n    // Start keepAliveTimer if configured\n    if (keepAliveIntervalMs && keepAliveTimeoutMs) {\n      this.startKeepAliveTimer(keepAliveIntervalMs, keepAliveTimeoutMs);\n    }\n  }\n\n  public onMessageReceived(handler: UdpWsReceiveHandler) {\n    this.messageReceivedHandler = handler;\n    return this;\n  }\n\n  public onOpen(handler: UdpWsOpenHandler) {\n    this.openHandler = handler;\n    return this;\n  }\n\n  public onClose(handler: UdpWsCloseHandler) {\n    this.closeHandler = handler;\n    return this;\n  }\n\n  public onError(handler: UdpWsErrorHandler) {\n    this.errorHandler = handler;\n    return this;\n  }\n\n  public send(message: UdpWebSocketMessage) {\n    if (!this.isConnected) {\n      throw new Error(\"WebSocket is not connected.\");\n    }\n\n    const json = JSON.stringify(message);\n    this.socket!.send(json);\n  }\n\n  public close() {\n    if (this.socket) {\n      this.socket.close();\n      this.stopKeepAliveTimer();\n      this.socket = undefined;\n    }\n  }\n\n  // Event handlers\n  protected handleMessage(event: MessageEvent) {\n    try {\n      const msg = JSON.parse(event.data) as UdpWebSocketMessage;\n      this.messageReceivedHandler?.(msg);\n    } catch (err) {\n      console.error(\"Invalid UdpWebSocketMessage received:\", err)\n    }\n  }\n\n  protected handleClose(event: CloseEvent) {\n    this.closeHandler?.(event);\n    this.close();\n  }\n\n  protected handleError(event: Event) {\n    this.errorHandler?.(event);\n    console.error(\"UdpWebSocket error:\", event);\n  }\n\n  // KeepAlive functions\n  protected startKeepAliveTimer(intervalMs: number, timeoutMs: number) {\n    this.stopKeepAliveTimer();\n\n    // TODO: Check that this is interval not timeout param\n    this.keepAliveIntervalId = window.setInterval(() => {\n      this.sendKeepAlivePing();\n    }, intervalMs);\n\n    // Autoclose after timeout reached\n    this.keepAliveTimeoutId = window.setTimeout(() => {\n      this.close();\n    }, timeoutMs);\n  }\n\n  protected stopKeepAliveTimer() {\n    if (this.keepAliveIntervalId) clearInterval(this.keepAliveIntervalId);\n    if (this.keepAliveTimeoutId) clearTimeout(this.keepAliveTimeoutId);\n\n    this.keepAliveIntervalId = undefined;\n    this.keepAliveTimeoutId = undefined;\n  }\n\n  protected sendKeepAlivePing() {\n    const pingPacket: UdpWebSocketMessage = {\n      headers: {\n        type: \"KeepAlive\",\n        timestamp: Date.now()\n      },\n    };\n\n    try {\n      this.send(pingPacket);\n    } catch (err) {\n      console.error(\"KeepAlive ping failed to send:\", err);\n    }\n  }\n\n  // Util functions\n  protected isWssUrl(url: string): boolean {\n    return /^wss?:\\/\\//.test(url);\n  }\n}\n"],"version":3}

package/dist/components/map-component2.js

@@ -406,7 +406,7 @@ const MapComponent = /*@__PURE__*/ proxyCustomElement(class MapComponent extends
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("div", { key: '6440b60c5df675d7a69aed4e5e5e6b25330496ef' }, h("div", { key: '497c3f51fe5ea88db661db6c2769b2645f4bb0b2', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: 'fd4d944a1e6b7e45262fe0ec6f3aede2f0e07db9' })), h("div", { key: 'af32abb9573ac1adb672bca7c8ace2897576896b', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '9d294a0a51f7b8b1c61179037809935544c6444e', currentSelectedFeature: this.currentSelectedFeature, data: this.selectedFeatureProperties, coordinates: this.selectedFeatureCoordinates, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, showPopOver: this.showPopOver, isReadOnly: this.isReadOnlyFeature, additionalOnclosePopover: this.handleOnCloseFeaturePopover, primaryActions: this.popoverPrimaryActions, moreIconActions: this.popoverMoreIconButtonActions, getMessage: this.getMessagePopover, getMessageIcon: this.getMessageIconPopover, hideMessageIcon: this.hideMessageIconPopover, cardConfig: this.popoverCardConfig, popoverWidth: this.popoverWidth, popoverContainer: this.popoverContainer }))));
+        return (h("div", { key: '1ba9e0b45f86eb8d47187f94e407e335df9905a9' }, h("div", { key: '9d756fc99c3d7c37316ca5143f3bb576b8274e70', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: '4046b6d0e58041db6f91975d708fd53be87d720b' })), h("div", { key: '5e571b4c5454f2e33392fbe3d5eba5f3f08c7392', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '1de46400d02cea8b41307b8102df4c99412294df', currentSelectedFeature: this.currentSelectedFeature, data: this.selectedFeatureProperties, coordinates: this.selectedFeatureCoordinates, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, showPopOver: this.showPopOver, isReadOnly: this.isReadOnlyFeature, additionalOnclosePopover: this.handleOnCloseFeaturePopover, primaryActions: this.popoverPrimaryActions, moreIconActions: this.popoverMoreIconButtonActions, getMessage: this.getMessagePopover, getMessageIcon: this.getMessageIconPopover, hideMessageIcon: this.hideMessageIconPopover, cardConfig: this.popoverCardConfig, popoverWidth: this.popoverWidth, popoverContainer: this.popoverContainer }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/map-toolbar2.js

@@ -186,22 +186,22 @@ const MapToolbar = /*@__PURE__*/ proxyCustomElement(class MapToolbar extends H {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '21b9c43614b63edacda599868c43703d1e647e45', class: "toolbarContainer" }, h("div", { key: '9784167d5da4fb3ac42df68eba4c5a486dfc982b', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: 'd30a08036fb834c66d51bd77d95c886ef87a639d', variant: "h4" }, this.mapTitle)), h("div", { key: 'cdd421ee21f5d56cc0d78352c8cc72032a758424', class: "buttons" }, h("div", { key: '2adfbce712f269812d80a77c1043a1d3db6b79c8', class: "buttonContainer" }, h("div", { key: '58e6e409c67cf35051735578bdde7b1a6208f9ee', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: 'f7c06355290ed1bed33d95f6084da2c7bb615da5', id: "filterOption" }, h("div", { key: '15be3cc83df5d6f19f3f7a0d5692a4718731dc24', id: "filterOptionButton" }, h("stencil-icon-button", { key: '93467bd5a6d9090c67632c18a6c4009e27233ac8', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: 'bd5f83038320e9803ba9368cd1f40720bf746717', id: "filterOptionDiv" }, h("udp-pop-over", { key: '2c9edf578465d003b4afbcdb831ef0d0c34d3f0b', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: 'b3ec97a05b90db61cdf239c86ca75e036cc29b13', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: 'be4a540251d602df15aa8e4dacef02999077dd96', id: "layerOption" }, h("div", { key: '6affbb963bd30f553e61064ab5df13c3ad9a4b74', id: "layerOptionButton" }, h("stencil-icon-button", { key: 'b8adccbbcd8c95ad2d005dae5c0cf9a12990d97c', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), h("div", { key: 'c8e9383358da444862a6a563e34260487ccfbbed', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: 'e010e9548dabcc2bf6309f36c58a59305cdc4412', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("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 && (h("div", { key: '3e49f896bd385d2bb26c63aba9dfa453fdd7daf6', id: "bulkSelectOption" }, h("div", { key: 'c310558635d2cfd0e8664b6016c6f19b2b127f92', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: '414e41e6fd4e6e342611bac3989d9c657df675dd', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: '7c984a976664c80ce289a8acc00b96e922acbbbd', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: '5a81ce4e1c228340e706fe3406574ddfa6004b49', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: 'd104983f9d0505898f942cc0ece9a225ced6a5e2', label: 'Box', handleOnClick: () => {
+        return (h("div", { key: 'fefc64190d81c488569ac85994fdaff879ae003d', class: "toolbarContainer" }, h("div", { key: '86efd85326a8c6045960dcfc6ea9217cd9a19b90', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: '8be28b8c9e179915b5b70ed2a6ccb91ecb00f8b2', variant: "h4" }, this.mapTitle)), h("div", { key: '003012553545e724587dd2f8fb4754beb0fcc7bf', class: "buttons" }, h("div", { key: 'cd2b9fc15b844405377d247323374903aba4fdbd', class: "buttonContainer" }, h("div", { key: '4c43491cfc72fdfdc88d4f338b551c8063fa262b', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: 'adc9cde5412cba944f5c49788a99f699a0f09fd6', id: "filterOption" }, h("div", { key: 'e8142ec153067419ebdd8fd50abd70b9dde059c3', id: "filterOptionButton" }, h("stencil-icon-button", { key: '1fe1057afbe0ac41e773cf41601f7aeaf14ce6ff', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: '9d40755c2fee1c9de8943705a97293b803177db1', id: "filterOptionDiv" }, h("udp-pop-over", { key: 'db455dec069b12e54b25a8893c3ae6380b93501f', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: '0ff07f1b6ee16d700a13a5d0fe2ac4aad696d4ca', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '00f923c7bb086bb69ddf395b8c83cf14241c6fc1', id: "layerOption" }, h("div", { key: '402d6967bb8ee8f035da468b8f9ad2f1820ddb49', id: "layerOptionButton" }, h("stencil-icon-button", { key: '3b4101aac7c82e3daf2faf2088ffb3c79047caab', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), h("div", { key: '8b210fafb95ad9e1159055e320ef332070a9b26d', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: 'eaa7a5005b8af14d59596024a73682a9a6b3e435', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("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 && (h("div", { key: '7c042631d13bee7e2dab14a147c7c72b8905d957', id: "bulkSelectOption" }, h("div", { key: '1a9e97d5e632ef1721426858f7528eb578243e81', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: '77bbcaab4727ae8bcdc429030a3ed216fe78037e', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: 'be670e1eceb3ed78f5348fd01a88e0b5cc587dc0', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: 'cfa71b31d926e2c8d441db6f6d38498be1369e6e', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: '2003fcb7bd33c772c6eeb9cb8769d138b50285d2', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), h("udp-menu-item", { key: 'b1f864cfc27d567527a232524cdfc77eb52e015a', label: 'Circle', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: 'a98d1f96b1923e6b995828e36a7636786423459c', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), h("udp-menu-item", { key: 'a0fda41ae5ec5a52228bbe419166cf1c0176b66c', label: 'Polygon', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '579050689df00c1bd02b45d7ae5cb23ea1ece09a', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), h("udp-menu-item", { key: '64b903bd46430d1285662848671a0720f0e72c04', label: 'Lasso', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '432a7b7a06cfb66c950387ed92c15fd1a3ffbbf3', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: '046ab14c180eaecbf16a340f9be3f2898cdcce37', id: "splitOption" }, h("div", { key: 'c1650d16e72a90cb7db670523dd3b485b50024d5', id: "splitOptionButton" }, h("stencil-icon-button", { key: 'a9d02d79f706dea6a87c02fc20877406e28ff6e8', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '88247c876a345ddc7dbf615dae6a0f069932c0ce', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: '184c5f17f26a2de0220e13dc63a3ba0bd990bdfc', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '302fb6c3d12c3a7122987ef791f6a16ba8dc5e50', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: '2594b4bfe3d784a27843da4b31821104190eb75d', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (h("div", { key: '0e8f5d8c4bf66eb254ce7d8660aaa469e30106b3', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '8dd1e819db15ac9ab94d6cfda4081fdbc11b39dd', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: 'ee1cae14e2dcef12c14f53cf49dea4cac4e01378', id: "splitOption" }, h("div", { key: '8e611a780fc18f55ce3641a9587b8dbd137881e3', id: "splitOptionButton" }, h("stencil-icon-button", { key: 'edda638a365905bd28ea3f1d165239ddbbd5fd26', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: 'f8ef32c8155aadf4d27036d5208e4e3f5af902eb', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: '98155546d973b86b4c4bdc7c96060f354294f156', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '62ede00bdd63e1f251b30fd03dfba459001892c2', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: 'c3264a415cdc252dd7a91d63f952c1c416651524', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (h("div", { key: '327a5ab7ad7e8043f2809048ec91cb7353286d22', class: "labelButtons" }, h("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' }, h("unity-typography", { key: '9e741081bcdee9b696ceda65f94fa8852223784f', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: '699dc5dfc451770813268649fedf223f0d5818f4', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'ae030ca7fbea40a4dd6e01e7b588bf1361914bf9', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'cb248c391bfbf3f9548f84617de19cf8f7d6a1d4', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: 'eb129eac44e52ae3901a072bd1f81409a79b9b97', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'f3f1e06d7996c6cc6417aa72953088b7fe58f4c6', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '9ecc562e53f6881873c57b5b84cf2c325f82c302', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: 'd44f675283cb14e18da11551cd914785f757be3b', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'ce3f82cab7993f7a4e23b8b0d930a4d9577a2b40', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '5ce593305098ea539661aa9241ff5fcaeb312533', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '17c0a761f497b69736a132d86274c4b72c8587f0', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: 'f482097209ee73f87b2ccded62741f08c7e5d36f', id: "withSelectedOption" }, h("div", { key: '6c1dd673b861e77fa9df16c4bfd3cd5ad527ead0', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: '900257afb87ea2cbeecda63e468e2d26befe312c', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: '61c42fe24533e70243d922a90ace657facbf390f', variant: "button" }, 'With Selected'))), h("div", { key: '55ad4c9a7bba6399ba59783c082afe6cffa3ed8c', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: '389f555f381efda95d9465c588c413405db973ec', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: '574d0b6c5cdf21aaf46de7c64212fd00aed55de2', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '20faae781e32bc29560f632ec95dc13d1fae11a5', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '2f9feebd1b587e9d0e399c22669e55d63b8b97b3', variant: "button" }, 'Cancel Selection'))))), h("div", { key: '8c7ec1fb5f1c1f4ec1b57a158779b6f3b5b85a34', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: 'bca06f99ee4c9254fdc819faf206862df69e7d31', id: "addOptionButton" }, h("custom-button", { key: '46987f0f04f476a41d1ab42e0e7ad474d8123878', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: '77530ccd29a4ab9011734aaeb547a2ac35c10d0f', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: 'f9df23cd3dac78f9c12396a4976c50d6ff4d324e', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: 'c23dbdfc6b07e209f6f4f0af5f4d20f300b9fa9c', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
+            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'fcc3897b1368c5b0aa241c1796494e4de6d8b325', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: '0a4f8553821e6bdc0b4fba9afadf2d7b5f4d5ba5', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'b597d9ce256257017052248f5e5aebb4e4f92866', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '130955876ea775ad4b3b7481639aa8f242bc6486', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: '8fd1973ab07382084781c820a6bedc7227d6329a', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '6849fd18866b96c7278c30a1b36580afdf331e40', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'e28f535469b55db57111f0fc38fa90cf4de1b27d', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: '119a8007a5192bfab763a2073f55cc946421dd0f', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'c88626634b949f2e8365646a92896a2f949d3089', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'ff4e67b6d17a836b4f2f5451fc054787510b177e', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '7105fac8605a9e46affc8f30b246c959854323cb', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: 'd443a8a12d3ef25d00b7cb075cc32a9e07a62f67', id: "withSelectedOption" }, h("div", { key: '54ccd3e58c0d8abe61648e715b4efc658bd52423', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: 'b32ce98ed72d5e0c0b4e2a1d4d9c777d9640ed31', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: 'a33ff7822412e5ce01ee6a63485e4ff0e2a36d93', variant: "button" }, 'With Selected'))), h("div", { key: 'd984e772a2a0dff1a6560f1f24c65a8d2ba033e0', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: '353206a0c71e72b2d2cf9131e058967d52d1a4dc', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: 'f9ec5efaed936da814dc721133459b7c0e4bab04', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '1a94fa95f49678598334afdc17ffb518bdf74fe4', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '5fc9a5a5099fe738a905851fddc41c8fdfbbeff9', variant: "button" }, 'Cancel Selection'))))), h("div", { key: '2bf769100c94c55d3153f855103f835c31ae317a', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: '66de8c0d3798744cf703e6a1e8bd44e280c014a3', id: "addOptionButton" }, h("custom-button", { key: '30bba405b0084f1e3f845f4f6ac7efc361305a12', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: 'b5670b29c6ef042108d1b0800643e5366f728753', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: 'f6039929585215d5bf5c0089345f22bc32c8f0f1', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: '51c8f591dee3dc01a0d57df61801cecdab9ec4b4', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
     }
     get mapToolbarElement() { return this; }
     static get watchers() { return {

package/dist/components/numeric-field2.js

@@ -127,7 +127,7 @@ const NumericField = /*@__PURE__*/ proxyCustomElement(class NumericField extends
             'bx--text-input--error': isError,
             'text-field--disabled': this.disabled,
         };
-        return (h(Host, { key: 'efe222e4acc6be9cbb2741e757673f6958e895da', class: {
+        return (h(Host, { key: '5b66f1827ef29b0229c3ae9dddc41f0450ff1bc8', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -136,9 +136,9 @@ const NumericField = /*@__PURE__*/ proxyCustomElement(class NumericField extends
                 'udp-input--readonly': this.readonly,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '66feb024a13e9c2fb95a386d0e025b15a9fcebb5', class: "bx--form-item" }, h("unity-typography", { key: '65469753637179be15c383bf8f6f819d9b5fdb10', variant: "caption-text" }, h("label", { key: 'cf0f7ddd918efde5aacba18537536bb2dd101e98', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (h("input", { id: this.id, name: this.name, type: "number", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readOnly: this.readonly, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, inputMode: this.inputMode, min: this.min, max: this.max, step: this.step,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '0f3813d731bfddf9c4bd1e92d1353dcdba8ca8db', class: "bx--form-item" }, h("unity-typography", { key: '8f4efdc44e69a5abbba47c09f6ed2219e8a1f967', variant: "caption-text" }, h("label", { key: '80e97e98b7270dc8c0bc14be4a2c0ec509fdb0fd', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (h("input", { id: this.id, name: this.name, type: "number", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readOnly: this.readonly, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, inputMode: this.inputMode, min: this.min, max: this.max, step: this.step,
             //@ts-ignore
-            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: '679fa05b23a7d3a41fb18f3a77859331f6460011', class: "error-message" }, h("unity-typography", { key: 'ea5f43b1356863a2dfe7b76918ddad8d646030a3', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: 'fa3c05e26d05edd9effcc140767d443d781b909a', class: "error-message" }, h("unity-typography", { key: '60ee4505e360a162e85097a15859fc2e65969bc0', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     static get watchers() { return {
         "error": ["updateError"],

package/dist/components/resource-timeline-calendar.js

@@ -1,21 +1,25 @@
 import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$k } from './ag-grid-base2.js';
-import { d as defineCustomElement$j } from './client-side-grid2.js';
-import { d as defineCustomElement$i } from './ghost-render2.js';
-import { d as defineCustomElement$h } from './grid-header2.js';
-import { d as defineCustomElement$g } from './hint-panel2.js';
-import { d as defineCustomElement$f } from './resource-timeline-primary-bar2.js';
-import { d as defineCustomElement$e } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$d } from './udp-avatar2.js';
-import { d as defineCustomElement$c } from './udp-badge2.js';
-import { d as defineCustomElement$b } from './udp-button2.js';
-import { d as defineCustomElement$a } from './udp-chip2.js';
-import { d as defineCustomElement$9 } from './udp-dialog2.js';
-import { d as defineCustomElement$8 } from './udp-icon2.js';
-import { d as defineCustomElement$7 } from './udp-icon-button2.js';
-import { d as defineCustomElement$6 } from './list-item.js';
-import { d as defineCustomElement$5 } from './udp-menu2.js';
-import { d as defineCustomElement$4 } from './udp-menu-item2.js';
+import { d as defineCustomElement$o } from './ag-grid-base2.js';
+import { d as defineCustomElement$n } from './client-side-grid2.js';
+import { d as defineCustomElement$m } from './ghost-render2.js';
+import { d as defineCustomElement$l } from './grid-header2.js';
+import { d as defineCustomElement$k } from './hint-panel2.js';
+import { d as defineCustomElement$j } from './resource-timeline-primary-bar2.js';
+import { d as defineCustomElement$i } from './stencil-icon-button2.js';
+import { d as defineCustomElement$h } from './udp-ambient-tool-tip2.js';
+import { d as defineCustomElement$g } from './udp-avatar2.js';
+import { d as defineCustomElement$f } from './udp-badge2.js';
+import { d as defineCustomElement$e } from './udp-button2.js';
+import { d as defineCustomElement$d } from './udp-chip2.js';
+import { d as defineCustomElement$c } from './udp-dialog2.js';
+import { d as defineCustomElement$b } from './udp-icon2.js';
+import { d as defineCustomElement$a } from './udp-icon-button2.js';
+import { d as defineCustomElement$9 } from './udp-linear-loader2.js';
+import { d as defineCustomElement$8 } from './list-item.js';
+import { d as defineCustomElement$7 } from './udp-menu2.js';
+import { d as defineCustomElement$6 } from './udp-menu-item2.js';
+import { d as defineCustomElement$5 } from './udp-pop-over2.js';
+import { d as defineCustomElement$4 } from './udp-side-sheet2.js';
 import { d as defineCustomElement$3 } from './udp-skeleton-loading2.js';
 import { d as defineCustomElement$2 } from './unity-typography2.js';
 
@@ -212,7 +216,7 @@ const ResourceTimelineCalendar$1 = /*@__PURE__*/ proxyCustomElement(class Resour
     }
     render() {
         const todayString = new Date().toLocaleDateString('en-US');
-        return (h("div", { key: '05cf3842abc0b52ab72f03c1019d53ec40bda0b7', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: 'c35441fa99b9e1f82aa55b95eebe2421c16e6a31', gridBarTitle: this.gridBarTitle, subTitle: this.subTitle, primaryAction: this.primaryAction, secondaryAction: this.secondaryAction, clickBackward: this.handleClickBackward, clickForward: this.handleClickForward, clickToday: this.handleClickToday, subtitleStatus: this.subtitleStatus, subtitleStatusMappingClasses: this.subtitleStatusMappingClasses, disableHeaderActions: this.disableHeaderActions, showLockedIcon: this.showLockedIcon, expandAll: this.expandGroups, collapseAll: this.collapseGroups }), h("client-side-grid", { key: '3ac6eaf3866a0a156f21486d50848503e730339a', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
+        return (h("div", { key: 'cd451db6f5b3adf145b163e6bd1e9ecb51a176c1', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: 'dd1dd4ec783533d87787e3511baea1c9075a9847', gridBarTitle: this.gridBarTitle, subTitle: this.subTitle, primaryAction: this.primaryAction, secondaryAction: this.secondaryAction, clickBackward: this.handleClickBackward, clickForward: this.handleClickForward, clickToday: this.handleClickToday, subtitleStatus: this.subtitleStatus, subtitleStatusMappingClasses: this.subtitleStatusMappingClasses, disableHeaderActions: this.disableHeaderActions, showLockedIcon: this.showLockedIcon, expandAll: this.expandGroups, collapseAll: this.collapseGroups }), h("client-side-grid", { key: 'c7f5f5d2896aa1ff6cfaffdecfc5ae2c6eaed1f2', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
                     agGridSubtitleCellRenderer: AgGridSubtitleCellRenderer,
                     resourceTimelineCalendarHeader: ResourceTimelineColumnHeader,
                 }, processPivotResultColDef: colDef => {
@@ -293,7 +297,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["resource-timeline-calendar", "ag-grid-base", "client-side-grid", "ghost-render", "grid-header", "hint-panel", "resource-timeline-primary-bar", "udp-ambient-tool-tip", "udp-avatar", "udp-badge", "udp-button", "udp-chip", "udp-dialog", "udp-icon", "udp-icon-button", "udp-list-item", "udp-menu", "udp-menu-item", "udp-skeleton-loading", "unity-typography"];
+    const components = ["resource-timeline-calendar", "ag-grid-base", "client-side-grid", "ghost-render", "grid-header", "hint-panel", "resource-timeline-primary-bar", "stencil-icon-button", "udp-ambient-tool-tip", "udp-avatar", "udp-badge", "udp-button", "udp-chip", "udp-dialog", "udp-icon", "udp-icon-button", "udp-linear-loader", "udp-list-item", "udp-menu", "udp-menu-item", "udp-pop-over", "udp-side-sheet", "udp-skeleton-loading", "unity-typography"];
     components.forEach(tagName => { switch (tagName) {
         case "resource-timeline-calendar":
             if (!customElements.get(tagName)) {
@@ -302,85 +306,105 @@ function defineCustomElement$1() {
             break;
         case "ag-grid-base":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$o();
             }
             break;
         case "client-side-grid":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$n();
             }
             break;
         case "ghost-render":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$m();
             }
             break;
         case "grid-header":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$l();
             }
             break;
         case "hint-panel":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$k();
             }
             break;
         case "resource-timeline-primary-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$j();
+            }
+            break;
+        case "stencil-icon-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
             }
             break;
         case "udp-ambient-tool-tip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$h();
             }
             break;
         case "udp-avatar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$g();
             }
             break;
         case "udp-badge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$f();
             }
             break;
         case "udp-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$e();
             }
             break;
         case "udp-chip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$d();
             }
             break;
         case "udp-dialog":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$c();
             }
             break;
         case "udp-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$b();
             }
             break;
         case "udp-icon-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$a();
+            }
+            break;
+        case "udp-linear-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
             }
             break;
         case "udp-list-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$8();
             }
             break;
         case "udp-menu":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$7();
             }
             break;
         case "udp-menu-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "udp-pop-over":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "udp-side-sheet":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }