udp-stencil-component-library 25.18.2-beta.1 → 25.18.2-beta.11

package/dist/types/components/forms/udp-forms/{utils → udp-forms-utils}/form-submission-handler/FormSubmissionHandlerFactory.d.ts

@@ -4,5 +4,5 @@ import { Guid } from '../types';
  * Factory for creating form submission handlers.
  */
 export declare class FormSubmissionHandlerFactory {
-    static create(isPublic: boolean, userId?: Guid | null, formId?: Guid, version?: number, tenantId?: Guid): IFormSubmissionHandler;
+    static create(isPublic: boolean, userId?: Guid | null): IFormSubmissionHandler;
 }

package/dist/types/components/forms/udp-forms/udp-forms-utils/form-submission-handler/IFormSubmissionHandler.d.ts

@@ -0,0 +1,54 @@
+import { UdpFormSubmission } from '../classes/UdpFormSubmission';
+/**
+ * Interface for form submission handlers (public/private).
+ */
+export interface IFormSubmissionHandler {
+    /**
+     * Given a partially-populated `UdpFormSubmission` (must include `id`), fetch the latest submission from the server
+     * and return a hydrated `UdpFormSubmission`.
+     */
+    fetchAndPopulateUdpFormSubmissionObj(udpFormSubmission: UdpFormSubmission): Promise<UdpFormSubmission>;
+    /**
+     * Submit/finalize the form.
+     * - private: POST/PUT to `/UdpFormSubmission/private`
+     * - public : POST to `/UdpFormSubmission/public`
+     * Returns the saved submission (callers should use the return value or rely on handler mutating the passed instance).
+     */
+    finalizeFormSubmissionState(values: Record<string, any>, udpFormSubmission: UdpFormSubmission): Promise<UdpFormSubmission>;
+    /**
+     * Save draft/in-progress state.
+     * - private: POST/PUT to `/UdpFormSubmission/private`
+     * - public : no-op (public draft saves are disabled)
+     * Returns the saved submission (callers should use the return value or rely on handler mutating the passed instance).
+     */
+    saveCurrentFormSubmissionState(values: Record<string, any>, udpFormSubmission: UdpFormSubmission): Promise<UdpFormSubmission>;
+    /**
+     * Create a new follow-up submission and link it to a parent submission.
+     * private only.
+     */
+    createNewLinkedFollowUpFormSubmission(udpFormSubmission: UdpFormSubmission): Promise<UdpFormSubmission>;
+    /**
+     * Append a single question comment to an existing submission.
+     * Intended for submitted forms to avoid PUT-ing the entire submission.
+     * Used by both public and private forms, but only for adding new comments. Does not mutate any form data values.
+     */
+    addComment(udpFormSubmission: UdpFormSubmission, comment: {
+        sectionKey: string;
+        questionKey: string;
+        value: string;
+        commentId?: string;
+    }): Promise<void>;
+    /** Update a previously-saved comment's value. */
+    updateComment(udpFormSubmission: UdpFormSubmission, args: {
+        sectionKey: string;
+        questionKey: string;
+        commentId: string;
+        value: string;
+    }): Promise<void>;
+    /** Soft-delete a previously-saved comment. */
+    deleteComment(udpFormSubmission: UdpFormSubmission, args: {
+        sectionKey: string;
+        questionKey: string;
+        commentId: string;
+    }): Promise<void>;
+}

package/dist/types/components/forms/udp-forms/{utils → udp-forms-utils}/types.d.ts

@@ -50,7 +50,6 @@ export interface FontOverrides {
     variant?: TypographyVariant;
     fontFamily?: string;
 }
-export type UdpFormSubmissionStatus = 'in-progress' | 'submitted' | 1 | 2;
 export interface UdpFormQuestionComment {
     timestamp: Date;
     value: string;
@@ -76,3 +75,19 @@ export interface UdpFormMetadata {
     styleOverrides: object;
     id: Guid;
 }
+export type SubmissionResponseData = Record<string, Record<string, {
+    value: any;
+    comments?: any[];
+    metadata?: Record<string, any>;
+}>>;
+export type DynamicSection = {
+    name: string;
+    isOriginalSection: boolean;
+    sectionPositionSuffix?: number;
+    formQuestions: Array<{
+        name: string;
+        fieldTypeId?: number;
+        fieldProperties?: any;
+        questionIdentifierKey?: string;
+    }>;
+};

package/dist/types/components/forms/udp-forms/{utils → udp-forms-utils}/utils.d.ts

@@ -3,7 +3,7 @@ import { UdpForm } from "../../../../components";
  * Translate and format UTC timestamp to local time.
  */
 export declare const dateFormatter: (dateString: string, formatStyle?: "long" | "short") => string;
-export declare const buildEmptyInitialValues: (masterForm: UdpForm) => {};
+export declare const buildEmptyCurrentValues: (masterForm: UdpForm) => {};
 export declare const overrideFont: (element: HTMLElement, cssVariable: any) => void;
 export declare const fontOverrideMapping: {
     Arial: string;

package/dist/types/components/forms/udp-forms/udp-question/udp-question-comment/udp-question-comments.d.ts

@@ -1,9 +1,9 @@
 import { EventEmitter } from '../../../../../stencil-public-runtime';
-import { UdpFormQuestion, Guid } from '../../utils/types';
+import { UdpFormQuestion, Guid } from '../../udp-forms-utils/types';
 export declare class UdpQuestionComments {
     question: UdpFormQuestion;
     commentFieldProps: object;
-    initialValues: {
+    currentValues: {
         [name: string]: any;
     };
     userId: Guid | null;

package/dist/types/components/forms/udp-forms/udp-question/udp-question.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
-import { UdpFormQuestion } from '../utils/types';
-import { FontOverrides } from '../utils/types';
-import { UdpFormSubmission } from '../utils/classes/UdpFormSubmission';
+import { UdpFormQuestion } from '../udp-forms-utils/types';
+import { FontOverrides } from '../udp-forms-utils/types';
+import { UdpFormSubmission } from '../udp-forms-utils/classes/UdpFormSubmission';
 export declare class UdpQuestion {
     question: UdpFormQuestion;
     questionNumber: number;
@@ -13,7 +13,7 @@ export declare class UdpQuestion {
         questionText: FontOverrides;
         paragraphText: FontOverrides;
     };
-    initialValues: {
+    currentValues: {
         [name: string]: any;
     };
     clientUserInfo: {

package/dist/types/components/grid/new-grid/gridFunctions/bulkActions.d.ts

@@ -8,7 +8,8 @@ export declare class BulkActions implements GridFunction {
     private fetchedData;
     private refresh;
     private gridId;
-    private executeActionCallback;
+    private actionProviderCallback;
+    private localFunctions;
     private isMenuOpen;
     private menuAnchorEl?;
     init(api: GridApi, refresh: () => void, params?: any): void;
@@ -16,7 +17,8 @@ export declare class BulkActions implements GridFunction {
     onRowSelectionChanged: () => void;
     private fetchBulkActions;
     setBulkActions: (data: any) => void;
-    executeBulkAction: (actionId: any) => void;
+    executeLocalFunction: (functionName: string) => void;
+    executeActionProviderAction: (actionId: any) => void;
     toggleMenu: () => void;
     closeMenu: () => void;
     render(): any;

package/dist/types/components/grid/new-grid/interfaces/grid.d.ts

@@ -19,6 +19,7 @@ export interface GridApiMethods {
     getSelectedNodes: () => IRowNode<any>[];
     getSearchObject: () => Search;
     getEntityName: () => string;
+    getRowCount: () => number;
     getFilterModel: () => FilterModel;
     setFilterModel: (model: FilterModel) => void;
     onFilterChanged: () => void;

package/dist/types/components.d.ts

@@ -7,13 +7,13 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AdvancedFilterConfig, Field } from "./components/advanced-search-builder/models";
 import { Search } from "./udp-utilities/interfaces/searchObject";
-import { FilterGroup } from "./components/advanced-search/types";
+import { LegacyFilterGroup } from "./components/advanced-search/types";
 import { ColDef, GridApi, GridOptions, IServerSideDatasource } from "ag-grid-community-v33";
 import { GridApiMethods, GridHeaderCustomAction, HeaderConfig } from "./components/grid/new-grid/interfaces/grid";
 import { GridFunctionConfig } from "./components/grid/new-grid/interfaces/gridFunction";
 import { GridOptions as GridOptions1 } from "ag-grid-enterprise";
 import { RenderConfig } from "./components/grid/ambient-template-grid/interfaces/gridInterfaces";
-import { FontOverrides, Guid, UdpFormQuestion } from "./components/forms/udp-forms/utils/types";
+import { FontOverrides, Guid, UdpFormQuestion } from "./components/forms/udp-forms/udp-forms-utils/types";
 import { UdpDriveFile } from "./global/types";
 import { InputMargin, InputSize } from "./components/inputs/input-types";
 import { GridFunctionConfig as GridFunctionConfig1, GridHeaderCustomAction as GridHeaderCustomAction1 } from "./components.d";
@@ -21,8 +21,8 @@ import { FormApi } from "final-form";
 import { AttachmentItem } from "./components/attachment-list/type";
 import { Event, VNode } from "./stencil-public-runtime";
 import { Guid as Guid1 } from "./global/types";
-import { UdpForm } from "./components/forms/udp-forms/utils/classes/UdpForm";
-import { UdpFormSubmission } from "./components/forms/udp-forms/utils/classes/UdpFormSubmission";
+import { UdpForm } from "./components/forms/udp-forms/udp-forms-utils/classes/UdpForm";
+import { UdpFormSubmission } from "./components/forms/udp-forms/udp-forms-utils/classes/UdpFormSubmission";
 import { KPICardActionType, KPICardColor, KPICardData } from "./components/data-display/kpi/types";
 import { SecondaryButton } from "./components/drawers/udp-side-sheet/types";
 import { LabelDisplayMode, LabelPosition, Steps } from "./components/stepper/types";
@@ -30,13 +30,13 @@ import { XYMultiSeriesSeriesProps, XYMultiSeriesXAxisProps, XYMultiSeriesYAxisPr
 import { TypographyColor, TypographyVariant } from "./components/unity-typography/types";
 export { AdvancedFilterConfig, Field } from "./components/advanced-search-builder/models";
 export { Search } from "./udp-utilities/interfaces/searchObject";
-export { FilterGroup } from "./components/advanced-search/types";
+export { LegacyFilterGroup } from "./components/advanced-search/types";
 export { ColDef, GridApi, GridOptions, IServerSideDatasource } from "ag-grid-community-v33";
 export { GridApiMethods, GridHeaderCustomAction, HeaderConfig } from "./components/grid/new-grid/interfaces/grid";
 export { GridFunctionConfig } from "./components/grid/new-grid/interfaces/gridFunction";
 export { GridOptions as GridOptions1 } from "ag-grid-enterprise";
 export { RenderConfig } from "./components/grid/ambient-template-grid/interfaces/gridInterfaces";
-export { FontOverrides, Guid, UdpFormQuestion } from "./components/forms/udp-forms/utils/types";
+export { FontOverrides, Guid, UdpFormQuestion } from "./components/forms/udp-forms/udp-forms-utils/types";
 export { UdpDriveFile } from "./global/types";
 export { InputMargin, InputSize } from "./components/inputs/input-types";
 export { GridFunctionConfig as GridFunctionConfig1, GridHeaderCustomAction as GridHeaderCustomAction1 } from "./components.d";
@@ -44,8 +44,8 @@ export { FormApi } from "final-form";
 export { AttachmentItem } from "./components/attachment-list/type";
 export { Event, VNode } from "./stencil-public-runtime";
 export { Guid as Guid1 } from "./global/types";
-export { UdpForm } from "./components/forms/udp-forms/utils/classes/UdpForm";
-export { UdpFormSubmission } from "./components/forms/udp-forms/utils/classes/UdpFormSubmission";
+export { UdpForm } from "./components/forms/udp-forms/udp-forms-utils/classes/UdpForm";
+export { UdpFormSubmission } from "./components/forms/udp-forms/udp-forms-utils/classes/UdpFormSubmission";
 export { KPICardActionType, KPICardColor, KPICardData } from "./components/data-display/kpi/types";
 export { SecondaryButton } from "./components/drawers/udp-side-sheet/types";
 export { LabelDisplayMode, LabelPosition, Steps } from "./components/stepper/types";
@@ -139,12 +139,12 @@ export namespace Components {
         /**
           * @default []
          */
-        "filterObjectsWithGroups": FilterGroup[];
+        "filterObjectsWithGroups": LegacyFilterGroup[];
         /**
           * @default []
          */
         "filterRenderList": any[];
-        "findGroupById": (groups: FilterGroup[], id: string) => FilterGroup | null;
+        "findGroupById": (groups: LegacyFilterGroup[], id: string) => LegacyFilterGroup | null;
         "fullClearSearch": () => void;
         "getHeaderFieldLabel": (fieldName: string) => string;
         "getLogicalOperatorCode": (logicalOperator: 'AND' | 'OR') => number;
@@ -3766,9 +3766,6 @@ export namespace Components {
         "closeSnackbar": Function;
         "enqueueSnackbar": Function;
         "formId"?: Guid | null;
-        "generic1": any;
-        "generic2": any;
-        "generic3": any;
         "getUserCallback"?: Function;
         "history": any;
         /**
@@ -3777,6 +3774,10 @@ export namespace Components {
         "isPublic": boolean;
         "submissionId"?: Guid | null;
         "triggerAction": (actionId: Guid, params: Object) => void;
+        /**
+          * @default {}
+         */
+        "urlContext": Record<string, any>;
         "version"?: number | null;
     }
     interface UdpFormsUi {
@@ -3784,6 +3785,10 @@ export namespace Components {
           * @default {     id: null,     displayName: null,     email: null,   }
          */
         "clientUserInfo": { id: string | null; displayName: string | null; email: string | null };
+        /**
+          * @default {}
+         */
+        "currentValues": { [name: string]: any };
         "deleteRepeatableSection": any;
         /**
           * @default false
@@ -3796,10 +3801,6 @@ export namespace Components {
         "handleFinish": () => void;
         "handleSave": (values: { [name: string]: any }) => Promise<void>;
         "handleSubmit": (values: any) => Promise<void>;
-        /**
-          * @default {}
-         */
-        "initialValues": { [name: string]: any };
         /**
           * @default false
          */
@@ -4578,13 +4579,13 @@ export namespace Components {
          */
         "clientUserInfo": { id: string | null; displayName: string | null; email: string | null };
         /**
-          * @default false
+          * @default {}
          */
-        "disabled": boolean;
+        "currentValues": { [name: string]: any };
         /**
-          * @default {}
+          * @default false
          */
-        "initialValues": { [name: string]: any };
+        "disabled": boolean;
         "question": UdpFormQuestion;
         "questionNumber": number;
         /**
@@ -4610,7 +4611,7 @@ export namespace Components {
         /**
           * @default {}
          */
-        "initialValues": { [name: string]: any };
+        "currentValues": { [name: string]: any };
         "question": UdpFormQuestion;
         /**
           * @default null
@@ -8052,12 +8053,12 @@ declare namespace LocalJSX {
         /**
           * @default []
          */
-        "filterObjectsWithGroups"?: FilterGroup[];
+        "filterObjectsWithGroups"?: LegacyFilterGroup[];
         /**
           * @default []
          */
         "filterRenderList"?: any[];
-        "findGroupById"?: (groups: FilterGroup[], id: string) => FilterGroup | null;
+        "findGroupById"?: (groups: LegacyFilterGroup[], id: string) => LegacyFilterGroup | null;
         "fullClearSearch"?: () => void;
         "getHeaderFieldLabel"?: (fieldName: string) => string;
         "getLogicalOperatorCode"?: (logicalOperator: 'AND' | 'OR') => number;
@@ -11811,9 +11812,6 @@ declare namespace LocalJSX {
         "closeSnackbar"?: Function;
         "enqueueSnackbar"?: Function;
         "formId"?: Guid | null;
-        "generic1"?: any;
-        "generic2"?: any;
-        "generic3"?: any;
         "getUserCallback"?: Function;
         "history"?: any;
         /**
@@ -11822,6 +11820,10 @@ declare namespace LocalJSX {
         "isPublic"?: boolean;
         "submissionId"?: Guid | null;
         "triggerAction"?: (actionId: Guid, params: Object) => void;
+        /**
+          * @default {}
+         */
+        "urlContext"?: Record<string, any>;
         "version"?: number | null;
     }
     interface UdpFormsUi {
@@ -11829,6 +11831,10 @@ declare namespace LocalJSX {
           * @default {     id: null,     displayName: null,     email: null,   }
          */
         "clientUserInfo"?: { id: string | null; displayName: string | null; email: string | null };
+        /**
+          * @default {}
+         */
+        "currentValues"?: { [name: string]: any };
         "deleteRepeatableSection"?: any;
         /**
           * @default false
@@ -11841,10 +11847,6 @@ declare namespace LocalJSX {
         "handleFinish"?: () => void;
         "handleSave"?: (values: { [name: string]: any }) => Promise<void>;
         "handleSubmit"?: (values: any) => Promise<void>;
-        /**
-          * @default {}
-         */
-        "initialValues"?: { [name: string]: any };
         /**
           * @default false
          */
@@ -12654,13 +12656,13 @@ declare namespace LocalJSX {
          */
         "clientUserInfo"?: { id: string | null; displayName: string | null; email: string | null };
         /**
-          * @default false
+          * @default {}
          */
-        "disabled"?: boolean;
+        "currentValues"?: { [name: string]: any };
         /**
-          * @default {}
+          * @default false
          */
-        "initialValues"?: { [name: string]: any };
+        "disabled"?: boolean;
         "onLaunchFollowUpFormSideSheet"?: (event: UdpQuestionCustomEvent<any>) => void;
         "question"?: UdpFormQuestion;
         "questionNumber"?: number;
@@ -12687,7 +12689,7 @@ declare namespace LocalJSX {
         /**
           * @default {}
          */
-        "initialValues"?: { [name: string]: any };
+        "currentValues"?: { [name: string]: any };
         "onQuestionCommentAction"?: (event: UdpQuestionCommentsCustomEvent<{
     type: 'add' | 'save' | 'edit' | 'delete' | 'editClose';
     questionIdentifierKey: string;

package/dist/types/index.d.ts

@@ -7,3 +7,4 @@ export type { Search as SearchInterface, SearchFilters, SearchFilterGroups, Grou
 export * from './store/catalog-store';
 export * from './udp-utilities/api-config';
 export { useMatchBreakpoint } from './udp-utilities/layout/breakpoints/useMatchBreakpoint';
+export * from './udp-utilities/udp-websocket-client/udp-websocket-client';

package/dist/types/stencil-public-runtime.d.ts

@@ -63,6 +63,12 @@ export interface ShadowRootOptions {
      * focusable part is given focus, and the shadow host is given any available `:focus` styling.
      */
     delegatesFocus?: boolean;
+    /**
+     * Sets the slot assignment mode for the shadow root. When set to `'manual'`, enables imperative
+     * slotting using the `HTMLSlotElement.assign()` method. Defaults to `'named'` for standard
+     * declarative slotting behavior.
+     */
+    slotAssignment?: 'manual' | 'named';
 }
 export interface ModeStyles {
     [modeName: string]: string | string[];
@@ -125,6 +131,9 @@ export interface AttachInternalsDecorator {
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
 }
+export interface ResolveVarFunction {
+    <T>(variable: T): string;
+}
 export interface ListenOptions {
     /**
      * Handlers can also be registered for an event other than the host itself.
@@ -153,7 +162,9 @@ export interface StateDecorator {
     (): PropertyDecorator;
 }
 export interface WatchDecorator {
-    (propName: any): CustomMethodDecorator<(newValue?: any, oldValue?: any, propName?: any, ...args: any[]) => any | void>;
+    (propName: any, watchOptions?: {
+        immediate?: boolean;
+    }): CustomMethodDecorator<(newValue?: any, oldValue?: any, propName?: any, ...args: any[]) => any | void>;
 }
 export interface PropSerializeDecorator {
     (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => string | null>;
@@ -208,6 +219,24 @@ export declare const AttachInternals: AttachInternalsDecorator;
  * https://stenciljs.com/docs/events#listen-decorator
  */
 export declare const Listen: ListenDecorator;
+/**
+ * The `resolveVar()` function is a compile-time utility that resolves const variables
+ * and object properties to their string literal values. This allows variables to be
+ * used in `@Listen` and `@Event` decorators instead of hardcoded strings.
+ *
+ * @example
+ * ```ts
+ * const MY_EVENT = 'myEvent';
+ * @Listen(resolveVar(MY_EVENT))
+ * ```
+ *
+ * @example
+ * ```ts
+ * const EVENTS = { MY_EVENT: 'myEvent' } as const;
+ * @Event({ eventName: resolveVar(EVENTS.MY_EVENT) })
+ * ```
+ */
+export declare const resolveVar: ResolveVarFunction;
 /**
  * The `@Method()` decorator is used to expose methods on the public API.
  * Class methods decorated with the @Method() decorator can be called directly
@@ -339,7 +368,7 @@ export declare function forceUpdate(ref: any): void;
  * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
-export interface HTMLStencilElement extends Omit<HTMLElement, 'autocorrect'> {
+export interface HTMLStencilElement extends HTMLElement {
     componentOnReady(): Promise<this>;
 }
 /**
@@ -365,6 +394,27 @@ export declare function readTask(task: RafCallback): void;
  * Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
  */
 export declare const setErrorHandler: (handler: ErrorHandler) => void;
+export type TagTransformer = (tag: string) => string;
+/**
+ * Sets a tag transformer to be used when rendering your custom elements.
+ * ```ts
+ * setTagTransformer((tag) => {
+ *  if (tag.startsWith('my-')) return `new-${tag}`
+ *  return tag;
+ * });
+ * ```
+ * Will mean all your components that start with `my-` are defined instead with `new-my-` prefix.
+ *
+ * @param transformer the transformer function to use which must return a string.
+ */
+export declare function setTagTransformer(transformer: TagTransformer): void;
+/**
+ * Transforms a tag name using a transformer set via `setTagTransformer`
+ *
+ * @param tag - the tag to transform e.g. `my-tag`
+ * @returns the transformed tag e.g. `new-my-tag`
+ */
+export declare function transformTag(tag: string): string;
 /**
  * @deprecated - Use `MixedInCtor` instead:
  * ```ts
@@ -568,7 +618,7 @@ export interface FunctionalUtilities {
     map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
 }
 export interface FunctionalComponent<T = {}> {
-    (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
+    (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[] | null;
 }
 /**
  * A Child VDOM node
@@ -623,6 +673,35 @@ export declare function h(sel: any, text: string): VNode;
 export declare function h(sel: any, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsx mode.
+ * These functions are called automatically by TypeScript when using "jsx": "react-jsx".
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @returns a jsx vnode
+ */
+export declare function jsx(type: any, props: any, key?: string): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsxmode with multiple children.
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @returns a jsx vnode
+ */
+export declare function jsxs(type: any, props: any, key?: string): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsxdev mode.
+ * These functions are called automatically by TypeScript when using "jsx": "react-jsxdev".
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @param isStaticChildren indicates if the children are static
+ * @param source source information
+ * @param self reference to the component instance
+ * @returns a jsx vnode
+ */
+export declare function jsxDEV(type: any, props: any, key?: string | number, isStaticChildren?: boolean, source?: any, self?: any): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
 /**
  * A virtual DOM node
@@ -653,7 +732,7 @@ declare namespace LocalJSX {
 export { LocalJSX as JSX };
 export declare namespace JSXBase {
     interface IntrinsicElements {
-        slot: JSXBase.SlotAttributes;
+        slot: JSXBase.SlotAttributes<HTMLSlotElement>;
         a: JSXBase.AnchorHTMLAttributes<HTMLAnchorElement>;
         abbr: JSXBase.HTMLAttributes;
         address: JSXBase.HTMLAttributes;
@@ -823,7 +902,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes extends JSXAttributes {
+    interface SlotAttributes<T = HTMLSlotElement> extends JSXAttributes<T> {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
@@ -879,6 +958,9 @@ export declare namespace JSXBase {
         popoverTargetAction?: string;
         popoverTargetElement?: Element | null;
         popoverTarget?: string;
+        command?: string;
+        commandFor?: string;
+        commandfor?: string;
     }
     interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -1747,6 +1829,7 @@ export interface CustomElementsDefineOptions {
     exclude?: string[];
     resourcesUrl?: string;
     syncQueue?: boolean;
+    /** @deprecated in-favour of `setTagTransformer` and `transformTag` */
     transformTagName?: (tagName: string) => string;
     jmp?: (c: Function) => any;
     raf?: (c: FrameRequestCallback) => number;

package/dist/types/udp-utilities/udp-websocket-client/udp-websocket-client.d.ts

@@ -0,0 +1,34 @@
+export interface UdpWebSocketMessage {
+    headers?: Record<string, any>;
+    body?: any;
+}
+export type UdpWsReceiveHandler = (msg: UdpWebSocketMessage) => void | Promise<void>;
+export type UdpWsCloseHandler = (e: CloseEvent) => void | Promise<void>;
+export type UdpWsErrorHandler = (e: Event) => void | Promise<void>;
+export type UdpWsOpenHandler = () => void | Promise<void>;
+export declare class UdpWebSocketClient {
+    static readonly DEFAULT_KEEPALIVE_INTERVAL_MS = 30000;
+    static readonly DEFAULT_KEEPALIVE_TIMEOUT_MS: number;
+    private socket?;
+    private keepAliveIntervalId?;
+    private keepAliveTimeoutId?;
+    private messageReceivedHandler?;
+    private closeHandler?;
+    private errorHandler?;
+    private openHandler?;
+    get isConnected(): boolean;
+    connect(url: string, getAccessToken: () => Promise<string | void>, keepAliveIntervalMs?: number, keepAliveTimeoutMs?: number): Promise<void>;
+    onMessageReceived(handler: UdpWsReceiveHandler): this;
+    onOpen(handler: UdpWsOpenHandler): this;
+    onClose(handler: UdpWsCloseHandler): this;
+    onError(handler: UdpWsErrorHandler): this;
+    send(message: UdpWebSocketMessage): void;
+    close(): void;
+    protected handleMessage(event: MessageEvent): void;
+    protected handleClose(event: CloseEvent): void;
+    protected handleError(event: Event): void;
+    protected startKeepAliveTimer(intervalMs: number, timeoutMs: number): void;
+    protected stopKeepAliveTimer(): void;
+    protected sendKeepAlivePing(): void;
+    protected isWssUrl(url: string): boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "udp-stencil-component-library",
-  "version": "25.18.2-beta.1",
+  "version": "25.18.2-beta.11",
   "description": "A Stencil based component library for UDP",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -59,7 +59,7 @@
   "devDependencies": {
     "@azure/msal-browser": "^2.28.3",
     "@pxtrn/storybook-addon-docs-stencil": "^8.0.0",
-    "@stencil/core": "4.38.2",
+    "@stencil/core": "4.41.3",
     "@stencil/react-output-target": "1.2.0",
     "@storybook/addon-essentials": "^8.6.14",
     "@storybook/html": "^8.6.14",