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

package/dist/collection/components/grid/new-grid/entity-maintenance-grid.js

@@ -30,7 +30,7 @@ export class EntityMaintenanceGrid {
         this.getPromotedMethods();
     }
     render() {
-        return (h("api-method-grid", { key: 'b7d45a2578a739fdc2cff4ce7edc9caab3c42ad4', onGridReady: e => this.handleGridReady(e), gridHeaderConfig: this.gridHeaderConfig }));
+        return (h("api-method-grid", { key: 'c142301d4a7afdf5d988d27944622ce3528b0ffb', onGridReady: e => this.handleGridReady(e), gridHeaderConfig: this.gridHeaderConfig }));
     }
     static get is() { return "entity-maintenance-grid"; }
     static get properties() {

package/dist/collection/components/grid/new-grid/search-method-grid.js

@@ -38,6 +38,7 @@ export class SearchMethodGrid {
                 externalSearchObject: {
                     filterElements: customSearchObject === null || customSearchObject === void 0 ? void 0 : customSearchObject.filterElements,
                     filterGroups: customSearchObject === null || customSearchObject === void 0 ? void 0 : customSearchObject.filterGroups,
+                    logicalSearchOperator: customSearchObject === null || customSearchObject === void 0 ? void 0 : customSearchObject.logicalSearchOperator,
                     eagerLoad: (customSearchObject === null || customSearchObject === void 0 ? void 0 : customSearchObject.eagerLoad) || false,
                 },
             });
@@ -57,7 +58,7 @@ export class SearchMethodGrid {
         }
     }
     render() {
-        return (h("server-side-grid", { key: 'cc189dd7b3dd77673da2f632c367a566ab17a082', onGridReady: e => this.handleGridReady(e), dataSource: this.dataSource, gridFunctions: this.gridFunctions, columnDefs: this.columnDefs, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
+        return (h("server-side-grid", { key: '560c6fe37f5d5e67988aad290caaa1a68862585d', onGridReady: e => this.handleGridReady(e), dataSource: this.dataSource, gridFunctions: this.gridFunctions, columnDefs: this.columnDefs, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
     }
     static get is() { return "search-method-grid"; }
     static get properties() {

package/dist/collection/components/grid/new-grid/search-method-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-method-grid.js","sourceRoot":"","sources":["../../../../src/components/grid/new-grid/search-method-grid.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Event, EventEmitter, Watch, State } from '@stencil/core';\nimport { GridApi, IServerSideDatasource, ColDef, GridOptions } from 'ag-grid-community-v33';\nimport { createSearchMethodDataSource } from './datasources/searchMethodDatasource';\nimport { Search } from '../../../udp-utilities/interfaces/searchObject';\nimport { HeaderConfig, GridApiMethods } from './interfaces/grid';\nimport { getAgGridColumnState } from './helperFunctions/convertSearchObjectToAgGridModel';\nimport { GridFunctionConfig } from 'src/components';\nimport isEqual from 'lodash/isEqual';\n\n@Component({\n  tag: 'search-method-grid',\n  shadow: false,\n})\nexport class SearchMethodGrid {\n  @Prop() columnDefs: Array<ColDef> = [];\n  @Prop() gridOptions: GridOptions;\n  @Prop() gridHeaderConfig: HeaderConfig;\n  @Prop() gridFunctions: GridFunctionConfig[] = [];\n  @Prop() gridId: string;\n  @Prop() entityName: string;\n  @Prop() gridHeight: string;\n  @Prop() searchMethodConfig?: {\n    apiMethodId?: string;\n    requestUrl?: string;\n    customSearchObject?: Search;\n  };\n  @Prop() gridApiCallback?: (api: GridApiMethods) => void;\n\n  @State() dataSource: IServerSideDatasource;\n\n  @Event() gridReady!: EventEmitter<GridApi>;\n\n  private gridApi!: GridApi;\n\n  private handleGridReady(event: CustomEvent<GridApi>) {\n    this.gridApi = event.detail;\n\n    //Run these functions for the case that the props were instantly set\n    this.setDatasource();\n    this.setGridModel();\n  }\n\n  @Watch('searchMethodConfig')\n  handleSearchMethodUpdate(newVal, prevVal) {\n    //Guard against recreating datasource if only reference changed. Pass in a memoized (useMemo in react) value to avoid the watch triggering\n    if (isEqual(newVal, prevVal)) {\n      return;\n    }\n\n    this.setDatasource();\n    this.setGridModel();\n  }\n\n  setDatasource() {\n    if (!this.searchMethodConfig) {\n      return;\n    }\n    const { apiMethodId, customSearchObject, requestUrl } = this.searchMethodConfig;\n\n    if (customSearchObject) {\n      if (customSearchObject?.pageSize) {\n        this.gridApi.setGridOption('cacheBlockSize', customSearchObject?.pageSize);\n      }\n    }\n\n    if (apiMethodId || requestUrl) {\n      this.dataSource = createSearchMethodDataSource({\n        apiMethodId: apiMethodId,\n        requestUrl: requestUrl,\n        externalSearchObject: {\n          filterElements: customSearchObject?.filterElements,\n          filterGroups: customSearchObject?.filterGroups,\n          eagerLoad: customSearchObject?.eagerLoad || false,\n        } as Search,\n      });\n    }\n  }\n\n  setGridModel() {\n    if (!this.searchMethodConfig) {\n      return;\n    }\n    const { customSearchObject } = this.searchMethodConfig;\n\n    if (customSearchObject) {\n      //Get column state from search object: grouping, ordering\n      const state = getAgGridColumnState(customSearchObject);\n      this.gridApi.applyColumnState({\n        state: state,\n      });\n    }\n  }\n\n  render() {\n    return (\n      <server-side-grid\n        onGridReady={e => this.handleGridReady(e)}\n        dataSource={this.dataSource}\n        gridFunctions={this.gridFunctions}\n        columnDefs={this.columnDefs}\n        gridOptions={this.gridOptions}\n        gridHeaderConfig={this.gridHeaderConfig}\n        gridId={this.gridId}\n        entityName={this.entityName}\n        gridHeight={this.gridHeight}\n        gridApiCallback={this.gridApiCallback}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"file":"search-method-grid.js","sourceRoot":"","sources":["../../../../src/components/grid/new-grid/search-method-grid.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Event, EventEmitter, Watch, State } from '@stencil/core';\nimport { GridApi, IServerSideDatasource, ColDef, GridOptions } from 'ag-grid-community-v33';\nimport { createSearchMethodDataSource } from './datasources/searchMethodDatasource';\nimport { Search } from '../../../udp-utilities/interfaces/searchObject';\nimport { HeaderConfig, GridApiMethods } from './interfaces/grid';\nimport { getAgGridColumnState } from './helperFunctions/convertSearchObjectToAgGridModel';\nimport { GridFunctionConfig } from 'src/components';\nimport isEqual from 'lodash/isEqual';\n\n@Component({\n  tag: 'search-method-grid',\n  shadow: false,\n})\nexport class SearchMethodGrid {\n  @Prop() columnDefs: Array<ColDef> = [];\n  @Prop() gridOptions: GridOptions;\n  @Prop() gridHeaderConfig: HeaderConfig;\n  @Prop() gridFunctions: GridFunctionConfig[] = [];\n  @Prop() gridId: string;\n  @Prop() entityName: string;\n  @Prop() gridHeight: string;\n  @Prop() searchMethodConfig?: {\n    apiMethodId?: string;\n    requestUrl?: string;\n    customSearchObject?: Search;\n  };\n  @Prop() gridApiCallback?: (api: GridApiMethods) => void;\n\n  @State() dataSource: IServerSideDatasource;\n\n  @Event() gridReady!: EventEmitter<GridApi>;\n\n  private gridApi!: GridApi;\n\n  private handleGridReady(event: CustomEvent<GridApi>) {\n    this.gridApi = event.detail;\n\n    //Run these functions for the case that the props were instantly set\n    this.setDatasource();\n    this.setGridModel();\n  }\n\n  @Watch('searchMethodConfig')\n  handleSearchMethodUpdate(newVal, prevVal) {\n    //Guard against recreating datasource if only reference changed. Pass in a memoized (useMemo in react) value to avoid the watch triggering\n    if (isEqual(newVal, prevVal)) {\n      return;\n    }\n\n    this.setDatasource();\n    this.setGridModel();\n  }\n\n  setDatasource() {\n    if (!this.searchMethodConfig) {\n      return;\n    }\n    const { apiMethodId, customSearchObject, requestUrl } = this.searchMethodConfig;\n\n    if (customSearchObject) {\n      if (customSearchObject?.pageSize) {\n        this.gridApi.setGridOption('cacheBlockSize', customSearchObject?.pageSize);\n      }\n    }\n\n    if (apiMethodId || requestUrl) {\n      this.dataSource = createSearchMethodDataSource({\n        apiMethodId: apiMethodId,\n        requestUrl: requestUrl,\n        externalSearchObject: {\n          filterElements: customSearchObject?.filterElements,\n          filterGroups: customSearchObject?.filterGroups,\n          logicalSearchOperator: customSearchObject?.logicalSearchOperator,\n          eagerLoad: customSearchObject?.eagerLoad || false,\n        } as Search,\n      });\n    }\n  }\n\n  setGridModel() {\n    if (!this.searchMethodConfig) {\n      return;\n    }\n    const { customSearchObject } = this.searchMethodConfig;\n\n    if (customSearchObject) {\n      //Get column state from search object: grouping, ordering\n      const state = getAgGridColumnState(customSearchObject);\n      this.gridApi.applyColumnState({\n        state: state,\n      });\n    }\n  }\n\n  render() {\n    return (\n      <server-side-grid\n        onGridReady={e => this.handleGridReady(e)}\n        dataSource={this.dataSource}\n        gridFunctions={this.gridFunctions}\n        columnDefs={this.columnDefs}\n        gridOptions={this.gridOptions}\n        gridHeaderConfig={this.gridHeaderConfig}\n        gridId={this.gridId}\n        entityName={this.entityName}\n        gridHeight={this.gridHeight}\n        gridApiCallback={this.gridApiCallback}\n      />\n    );\n  }\n}\n"]}

package/dist/collection/components/grid/new-grid/server-side-grid.js

@@ -17,7 +17,7 @@ export class ServerSideGrid {
         this.serverSideConfig = Object.assign(Object.assign({ paginationAutoPageSize: true, suppressSetFilterByDefault: true }, this.gridOptions), { rowModelType: 'serverSide' });
     }
     render() {
-        return (h("ag-grid-base", { key: 'ab64e567484590408a8491efb8d2f71cb8966a48', columnDefs: this.columnDefs, gridOptions: this.serverSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
+        return (h("ag-grid-base", { key: '6dfc804520f124eb675229be615e75b7cce0b67e', columnDefs: this.columnDefs, gridOptions: this.serverSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
     }
     static get is() { return "server-side-grid"; }
     static get properties() {

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

@@ -95,7 +95,7 @@ export class ResourceTimelineCalendar {
     }
     render() {
         const todayString = new Date().toLocaleDateString('en-US');
-        return (h("div", { key: '4ea81c717f5873038a455e41f7e51428881e15a7', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: '58497189fef631cd36d41a781778a9e39a1d142c', 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: '1caea66bcb835ae9b7e0d926061f825cd5eb70a6', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
+        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: {
                     agGridSubtitleCellRenderer: AgGridSubtitleCellRenderer,
                     resourceTimelineCalendarHeader: ResourceTimelineColumnHeader,
                 }, processPivotResultColDef: colDef => {

package/dist/collection/components/grid/resource-timeline-calendar/resource-timeline-primary-bar.js

@@ -12,12 +12,12 @@ export class ResourceTimelinePrimaryBar {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h;
-        return (h("div", { key: '49954ac4e96d422b668b39b9475ad1415376bc7c', class: "header-bar" }, h("div", { key: '04a906e8a6f11fc5fc01f561439581706b61bec9', class: "title-section" }, this.gridBarTitle || this.gridBarTitle === '' ? (h("unity-typography", { variant: "body1", bold: true }, this.gridBarTitle, ' ')) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: '027d4b4447d4b13ad3b09eb1e635dc3d64cf4b08', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "body1" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: '444bc2f0420e9fab5f4fb587241e412012fe702c', class: "subtitle-status" }, this.subtitleStatus && (h("udp-chip", { key: 'a8a44487b0c78534f88f66655629fe375c7b1c9c', variant: "outlined", size: "small", label: this.subtitleStatus, color: this.subtitleStatusMappingClasses[this.subtitleStatus] })), this.showLockedIcon && (h("udp-icon-button", { key: 'c5c08a32240a17fcc577b2331f7787310e18adaf', icon: getIconFromName('lock'), variant: "outlined", size: "x-small", disabled: true }))))), h("div", { key: '0807278c518e101806cd49a0f273971520f958d7', class: "button-section" }, h("udp-icon-button", { key: 'dc97a20b8c163f0dca6fcaf5f74cf5bf9884a7d9', class: {
+        return (h("div", { key: '8e6616f42071e34d49f82053c2f6abd7d76a6abb', class: "header-bar" }, h("div", { key: 'f2dd47e01b7183c2e918f1fd15615570ec749949', class: "title-section" }, this.gridBarTitle || this.gridBarTitle === '' ? (h("unity-typography", { variant: "body1", bold: true }, this.gridBarTitle, ' ')) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: '04c1bc4b566057d031e6f1bda1c70823c658a293', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "body1" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: '321a0e69ff2c6d338ef8c2b57b3b1d551f4532e4', class: "subtitle-status" }, this.subtitleStatus && (h("udp-chip", { key: '231c7fe256912fa9541838cb7d263022dd666261', variant: "outlined", size: "small", label: this.subtitleStatus, color: this.subtitleStatusMappingClasses[this.subtitleStatus] })), this.showLockedIcon && (h("udp-icon-button", { key: '1b6747d1599f00bf25c0ff7ce0265b2f475451d8', icon: getIconFromName('lock'), variant: "outlined", size: "x-small", disabled: true }))))), h("div", { key: '3f3ae405fc7fa8bf75ad5e77d1da57c45d0f1008', class: "button-section" }, h("udp-icon-button", { key: '5186c84681a51b8d46e0069bfcce452a0a66f0ab', class: {
                 'settings-button': true,
                 'is-open': this.isMenuOpen,
             }, onClick: this.toggleSettingsMenu, ref: (el) => {
                 this.menuAnchorEl = el ? el : undefined;
-            }, icon: getIconFromName('settings'), variant: 'outlined', size: "small", color: "inherit" }), h("udp-menu", { key: '131d9320f2fd7ab941bd5b9db783e7e831f28f3b', open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, h("udp-menu-item", { key: 'cabc948632450e4db929f2a9fc99d34fc6929ef9', label: "Expand Groups", onItemClick: this.expandAll }), h("udp-menu-item", { key: '7d187af6326b72c386e10af3b8ff615e85e460fb', label: "Collapse Groups", onItemClick: this.collapseAll })), this.clickBackward && (h("div", { key: '72413de4e987cec43eb58e16d17cd45be269fdc7', class: "date-navigation" }, this.clickBackward && (h("udp-icon-button", { key: 'c7f94a17b0f5544fc6b96c2c10e7103ea4f680f7', tooltip: "Previous period", icon: ChevronLeft24, onClick: this.clickBackward, size: "small", color: "inherit", disabled: this.disableHeaderActions })), this.clickToday && (h("udp-button", { key: 'fbd481e28520556772d40ffe45fe3380f5c43237', onClick: this.clickToday, size: "small", color: "inherit", disabled: this.disableHeaderActions }, "Today")), this.clickForward && (h("udp-icon-button", { key: '0886e2c8679eb9a0ddefa79f769fd2ab60c590d6', tooltip: "Next period", icon: ChevronRight24, onClick: this.clickForward, size: "small", color: "inherit", disabled: this.disableHeaderActions })))), ((_a = this.secondaryAction) === null || _a === void 0 ? void 0 : _a.onClick) && (h("udp-button", { key: 'b5f2b378c128cc4792c2cf7a5d85d5a4e5e79547', disabled: ((_b = this.secondaryAction) === null || _b === void 0 ? void 0 : _b.disabled) || this.disableHeaderActions, variant: "outlined", color: "secondary", onButtonClick: this.secondaryAction.onClick, startIcon: h("udp-icon", { iconName: (_c = this.secondaryAction) === null || _c === void 0 ? void 0 : _c.iconName, color: 'inherit' }), size: "medium" }, (_d = this.secondaryAction) === null || _d === void 0 ? void 0 : _d.label)), ((_e = this.primaryAction) === null || _e === void 0 ? void 0 : _e.onClick) && (h("udp-button", { key: '60485633e882748fb314934d2cd9353e14e86b1c', disabled: ((_f = this.primaryAction) === null || _f === void 0 ? void 0 : _f.disabled) || this.disableHeaderActions, startIcon: h("udp-icon", { iconName: (_g = this.primaryAction) === null || _g === void 0 ? void 0 : _g.iconName, color: 'inherit' }), variant: "contained", onButtonClick: this.primaryAction.onClick, color: "secondary" }, (_h = this.primaryAction) === null || _h === void 0 ? void 0 : _h.label)))));
+            }, icon: getIconFromName('settings'), variant: 'outlined', size: "small", color: "inherit" }), h("udp-menu", { key: '161243abc59126f362f99b9390f951402a3a72ce', open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, h("udp-menu-item", { key: 'c213552482c6789c2befd4a89c5ee258923fed5b', label: "Expand Groups", onItemClick: this.expandAll }), h("udp-menu-item", { key: 'cfe1017a24bf40f572189ef343411ca6c897e50f', label: "Collapse Groups", onItemClick: this.collapseAll })), this.clickBackward && (h("div", { key: '3de87fd7a86135db7c5e33dc058baf13c055666f', class: "date-navigation" }, this.clickBackward && (h("udp-icon-button", { key: '77ba0fd500c8e7a1aba307a59afef9f1d702c6cf', tooltip: "Previous period", icon: ChevronLeft24, onClick: this.clickBackward, size: "small", color: "inherit", disabled: this.disableHeaderActions })), this.clickToday && (h("udp-button", { key: '5203cc992331e815d68e35e3d1e80cd102de301a', onClick: this.clickToday, size: "small", color: "inherit", disabled: this.disableHeaderActions }, "Today")), this.clickForward && (h("udp-icon-button", { key: 'f7486551ef0cee7a103bf5aa075656de7ed3703a', tooltip: "Next period", icon: ChevronRight24, onClick: this.clickForward, size: "small", color: "inherit", disabled: this.disableHeaderActions })))), ((_a = this.secondaryAction) === null || _a === void 0 ? void 0 : _a.onClick) && (h("udp-button", { key: '35766ccf7634e6809b615843847256ae72574b6b', disabled: ((_b = this.secondaryAction) === null || _b === void 0 ? void 0 : _b.disabled) || this.disableHeaderActions, variant: "outlined", color: "secondary", onButtonClick: this.secondaryAction.onClick, startIcon: h("udp-icon", { iconName: (_c = this.secondaryAction) === null || _c === void 0 ? void 0 : _c.iconName, color: 'inherit' }), size: "medium" }, (_d = this.secondaryAction) === null || _d === void 0 ? void 0 : _d.label)), ((_e = this.primaryAction) === null || _e === void 0 ? void 0 : _e.onClick) && (h("udp-button", { key: 'feadbdddbad0b64e808ac4e778ee074bedb0bcb6', disabled: ((_f = this.primaryAction) === null || _f === void 0 ? void 0 : _f.disabled) || this.disableHeaderActions, startIcon: h("udp-icon", { iconName: (_g = this.primaryAction) === null || _g === void 0 ? void 0 : _g.iconName, color: 'inherit' }), variant: "contained", onButtonClick: this.primaryAction.onClick, color: "secondary" }, (_h = this.primaryAction) === null || _h === void 0 ? void 0 : _h.label)))));
     }
     static get is() { return "resource-timeline-primary-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/checkbox/check-box.js

@@ -129,13 +129,13 @@ export class Checkbox {
      */
     render() {
         const isError = !!this.errorMessage;
-        return (h(Host, { key: '07cf738088ab4982032f805c6c196638640c7620', class: {
+        return (h(Host, { key: 'bfbea0de03ce487f84086a9668d41e16aef98b1f', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--required': this.required,
                 'udp-input--checked': this.internalChecked
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '6afeb636543317c528c9e9a495249f4f7621c466', class: "checkbox-container" }, h("input", { key: 'be66346015bd4dcf6825a9150759556e691d14a9', type: "checkbox", checked: this.internalChecked, onChange: this.handleChange, id: this.id, name: this.name, disabled: this.disabled, required: this.required }), this.label && h("label", { key: '880e01a27b65f571f8e5efb49e686386db26662c', htmlFor: this.id }, this.label), this.errorMessage && h("div", { key: '1f86fd9b4915f2fa088d5d79c9d686ea0b44b353', class: "error-message" }, this.errorMessage))));
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '70d790495ae3a0e6d26898902040189d37ea591c', class: "checkbox-container" }, h("input", { key: 'c9d1d777a235dca3e432745433ffc775d7e1fa1c', type: "checkbox", checked: this.internalChecked, onChange: this.handleChange, id: this.id, name: this.name, disabled: this.disabled, required: this.required }), this.label && h("label", { key: '2e75284b7c1de3f2766c61089714bceb03e1adea', htmlFor: this.id }, this.label), this.errorMessage && h("div", { key: '1129e185219a6e0172655bcbe91e1bcfc105ed44', class: "error-message" }, this.errorMessage))));
     }
     static get is() { return "check-box"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/date-range-selector/udp-date-range-selector.js

@@ -28,7 +28,7 @@ export class UdpDateRangeSelector {
             : this.variant === 'single'
                 ? 'calendar-date'
                 : 'calendar-range';
-        return (h(Host, { key: '34f21a17dcfaa40fa0e068e1ff2b3eb799718d35', style: { '--calendar-width': this.width } }, h(CalendarTag, { key: '69396b5dda3db71a322cce96d061eb270e7a6630', value: this.value, min: this.minDate, max: this.maxDate, firstDayOfWeek: 0, months: this.monthsToDisplay, showOutsideDays: true, pageBy: "single", isDateDisallowed: this.isDateDisallowed, getDayParts: this.getDayParts, onChange: this.handleChange }, h("udp-icon", { key: 'c8d15a18ac8cae807f62f61824fe173b47056f95', slot: "previous", iconName: 'chevronLeft16', color: "inherit" }), h("udp-icon", { key: '7ac71c49d0edbcc9b5ef8952ee65b6863cf5e6a7', slot: "next", iconName: 'chevronRight16', color: "inherit" }), h("div", { key: 'ff0e2d900d172a9c8378d91a1298ff76f8610b83', class: "grid" }, Array.from({ length: this.monthsToDisplay }).map((_, index) => (h("calendar-month", { offset: index })))))));
+        return (h(Host, { key: '98fb48f793658c67a5ae8e84daa712295a9e3080', style: { '--calendar-width': this.width } }, h(CalendarTag, { key: '03bd3adc716431fcfc7da2ab6bc40ccb804e9113', value: this.value, min: this.minDate, max: this.maxDate, firstDayOfWeek: 0, months: this.monthsToDisplay, showOutsideDays: true, pageBy: "single", isDateDisallowed: this.isDateDisallowed, getDayParts: this.getDayParts, onChange: this.handleChange }, h("udp-icon", { key: '7f8a4aa9e0ecebdc6e806c3d20fe9fb55559e0ab', slot: "previous", iconName: 'chevronLeft16', color: "inherit" }), h("udp-icon", { key: 'ab0efbca0d3bd404c2e9fe43864eac1f156a73d0', slot: "next", iconName: 'chevronRight16', color: "inherit" }), h("div", { key: 'aadb14be39e4ef95630514ae378aa254bcfb2d53', class: "grid" }, Array.from({ length: this.monthsToDisplay }).map((_, index) => (h("calendar-month", { offset: index })))))));
     }
     static get is() { return "udp-date-range-selector"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/date-selector/udp-date-selector.js

@@ -160,7 +160,7 @@ export class UdpDateSelector {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: 'ae9efad139a83656e0fee173704f354ba2331f6a', class: {
+        return (h(Host, { key: '6508c42efac96e7db1d320ec4faed15fd849540c', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -169,9 +169,9 @@ export class UdpDateSelector {
                 'udp-input--required': this.required,
                 [`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: 'da630f9378f12211581f119f79e5a1047b53ea8e', class: "bx--form-item" }, h("unity-typography", { key: 'bf1ae668de34df013001033fdb63f8641eb16a07', variant: "caption-text" }, h("label", { key: 'dccb79085b266c6c25102836f8773c6eb109eabc', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '06faee995162621361fd90bc6b648d6e53ac8afa', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'ecd12c48810b985d702ce70ab89e0670f387c257', class: "bx--form-item" }, h("unity-typography", { key: '51a542e4f6c238965fc82312a10beb21386d4ead', variant: "caption-text" }, h("label", { key: 'af6d330c10eb905ee01e53e50d43038d10a0714f', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '183af2eb4d561a24098dee7c8eebb2b3436606d2', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), h("unity-typography", { key: '64381575296c32b4b1ad08cafa465ad061d981fd', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), h("unity-typography", { key: '3233342e07981927427787adbc0dc0cad28d302c', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get is() { return "udp-date-selector"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/date-time-selector/udp-datetime-selector.js

@@ -189,7 +189,7 @@ export class UdpDateTimeSelector {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: '7c8bef5171c52fc9fc0d11f589772c7415a972fc', class: {
+        return (h(Host, { key: '510b2b323027de453c53f54c4f2e07852e704559', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -198,9 +198,9 @@ export class UdpDateTimeSelector {
                 'udp-input--required': this.required,
                 [`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: '7188eec6d89b4294f1fc4cc8270c083796ecafb1', class: "bx--form-item" }, h("unity-typography", { key: '56ab355fb04821355bb30228627196a0dd9735c3', variant: "caption-text" }, h("label", { key: '903c287233f89699d9798585cbc36ea75ddb18f6', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '9695e85ae15acc7e0ad98016e1daebd4c95a7ddb', type: "datetime-local", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'fc3b80d9a0613e7c85831183c7e73ee0ea6f5fa8', class: "bx--form-item" }, h("unity-typography", { key: '96d28577fb180ffbd021ff475028c93cd1c10262', variant: "caption-text" }, h("label", { key: '3f7eb4054fd21b7b684e6d0012fe249c5b164b3a', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: 'e8d1d3f9228b9a49bb3a2a5cd860660d2ed1f6c4', type: "datetime-local", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), h("unity-typography", { key: '355205378984339a63ef692d244cc77662065d78', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), h("unity-typography", { key: '6a3b75c91e17283f5e36a782735d5b09eb927aee', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get is() { return "udp-datetime-selector"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/form metadata display/form-metadata-display.css

@@ -0,0 +1,37 @@
+:host {
+  display: block;
+}
+
+.container {
+  display: grid;
+  gap: 10px;
+  padding: 12px 14px;
+  background: var(--unity-color-surface, #fff);
+}
+
+.row {
+  display: grid;
+  grid-template-columns: 130px 1fr;
+  align-items: baseline;
+  column-gap: 12px;
+}
+
+.label {
+  font-size: 12px;
+  line-height: 1.2;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  color: var(--unity-color-text-secondary, rgba(0, 0, 0, 0.65));
+}
+
+.value {
+  color: var(--unity-color-text, rgba(0, 0, 0, 0.9));
+  overflow-wrap: anywhere;
+}
+
+@media (max-width: 420px) {
+  .row {
+    grid-template-columns: 1fr;
+    row-gap: 4px;
+  }
+}

package/dist/collection/components/inputs/form metadata display/form-metadata-display.js

@@ -0,0 +1,191 @@
+import { h } from "@stencil/core";
+import { dateFormatter } from "../../forms/udp-forms/utils/utils";
+/**
+ * A small display-only component for showing read-only form metadata.
+ *
+ * Intended usage:
+ * - Rendered near the top or bottom of a form submission view
+ * - Pure presentational output based on props (no internal state, no events)
+ *
+ * Layout:
+ * - Uses a simple "label + value" row pattern for consistent alignment
+ * - Hides rows when the corresponding value is missing or the display flag is false
+ *
+ * @example
+ * ```tsx
+ * <form-metadata-display
+ *   userDisplayName="Ada Lovelace"
+ *   userEmail="ada@example.com"
+ *   submittedOn={new Date()}
+ * />
+ * ```
+ */
+export class FormMetadataDisplay {
+    constructor() {
+        /**
+         * Toggles rendering of the "Name" row.
+         * Defaults to true.
+         */
+        this.displayOwnerFullName = true;
+        /**
+         * Toggles rendering of the "Email" row.
+         * Defaults to true.
+         */
+        this.displayOwnerEmail = true;
+        /**
+         * Toggles rendering of the "Submitted on" row.
+         * Defaults to true.
+         */
+        this.displaySubmissionDate = true;
+    }
+    /**
+     * Renders a single metadata row using a standard label/value layout.
+     * @internal
+     */
+    renderRow(label, value) {
+        return (h("div", { class: "row" }, h("span", { class: "label" }, label), h("unity-typography", { class: "value", variant: "h4" }, value)));
+    }
+    /**
+     * Renders the metadata container. Rows are conditionally included based on flags + data presence.
+     * @internal
+     */
+    render() {
+        return (
+        // role/aria-label provide a lightweight accessible grouping for screen readers
+        h("div", { key: '469db81d4d885bc6b582aa06fb4a8e84107294f0', class: "container", role: "group", "aria-label": "Form metadata" }, this.displayOwnerFullName && this.userDisplayName && this.renderRow('Name', this.userDisplayName), this.displayOwnerEmail && this.userEmail && this.renderRow('Email', this.userEmail), this.displaySubmissionDate && this.submittedOn && this.renderRow('Submitted on', dateFormatter(this.submittedOn, 'long'))));
+    }
+    static get is() { return "form-metadata-display"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["form-metadata-display.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["form-metadata-display.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "userDisplayName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Full name (or display name) of the form owner/submitter.\nRow is only rendered when `displayOwnerFullName` is true and this value is non-empty."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "user-display-name"
+            },
+            "userEmail": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Email of the form owner/submitter.\nRow is only rendered when `displayOwnerEmail` is true and this value is non-empty."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "user-email"
+            },
+            "submittedOn": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Submission timestamp.\nRow is only rendered when `displaySubmissionDate` is true and this value is non-null."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "submitted-on"
+            },
+            "displayOwnerFullName": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Toggles rendering of the \"Name\" row.\nDefaults to true."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "display-owner-full-name",
+                "defaultValue": "true"
+            },
+            "displayOwnerEmail": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Toggles rendering of the \"Email\" row.\nDefaults to true."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "display-owner-email",
+                "defaultValue": "true"
+            },
+            "displaySubmissionDate": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Toggles rendering of the \"Submitted on\" row.\nDefaults to true."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "display-submission-date",
+                "defaultValue": "true"
+            }
+        };
+    }
+}
+//# sourceMappingURL=form-metadata-display.js.map

package/dist/collection/components/inputs/form metadata display/form-metadata-display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-metadata-display.js","sourceRoot":"","sources":["../../../../src/components/inputs/form metadata display/form-metadata-display.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;GAmBG;AAMH,MAAM,OAAO,mBAAmB;IALhC;QAwBE;;;WAGG;QACK,yBAAoB,GAAY,IAAI,CAAC;QAE7C;;;WAGG;QACK,sBAAiB,GAAY,IAAI,CAAC;QAE1C;;;WAGG;QACK,0BAAqB,GAAY,IAAI,CAAC;KA8B/C;IA5BC;;;OAGG;IACH,SAAS,CAAC,KAAa,EAAE,KAAa;QACpC,OAAO,CACL,WAAK,KAAK,EAAC,KAAK;YAEd,YAAM,KAAK,EAAC,OAAO,IAAE,KAAK,CAAQ;YAClC,wBAAkB,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,IAAE,KAAK,CAAoB,CACnE,CACP,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,MAAM;QACJ,OAAO;QACL,+EAA+E;QAC/E,4DAAK,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,gBAAY,eAAe;YAC3D,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,eAAe,CAAC;YACjG,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC;YACnF,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,aAAa,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CACtH,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { dateFormatter } from 'src/components/forms/udp-forms/utils/utils';\n\n/**\n * A small display-only component for showing read-only form metadata.\n *\n * Intended usage:\n * - Rendered near the top or bottom of a form submission view\n * - Pure presentational output based on props (no internal state, no events)\n *\n * Layout:\n * - Uses a simple \"label + value\" row pattern for consistent alignment\n * - Hides rows when the corresponding value is missing or the display flag is false\n *\n * @example\n * ```tsx\n * <form-metadata-display\n *   userDisplayName=\"Ada Lovelace\"\n *   userEmail=\"ada@example.com\"\n *   submittedOn={new Date()}\n * />\n * ```\n */\n@Component({\n  tag: 'form-metadata-display',\n  styleUrl: 'form-metadata-display.css',\n  shadow: true,\n})\nexport class FormMetadataDisplay {\n  /**\n   * Full name (or display name) of the form owner/submitter.\n   * Row is only rendered when `displayOwnerFullName` is true and this value is non-empty.\n   */\n  @Prop() userDisplayName: string;\n\n  /**\n   * Email of the form owner/submitter.\n   * Row is only rendered when `displayOwnerEmail` is true and this value is non-empty.\n   */\n  @Prop() userEmail: string;\n\n  /**\n   * Submission timestamp.\n   * Row is only rendered when `displaySubmissionDate` is true and this value is non-null.\n   */\n  @Prop() submittedOn: string | null;\n\n  /**\n   * Toggles rendering of the \"Name\" row.\n   * Defaults to true.\n   */\n  @Prop() displayOwnerFullName: boolean = true;\n\n  /**\n   * Toggles rendering of the \"Email\" row.\n   * Defaults to true.\n   */\n  @Prop() displayOwnerEmail: boolean = true;\n\n  /**\n   * Toggles rendering of the \"Submitted on\" row.\n   * Defaults to true.\n   */\n  @Prop() displaySubmissionDate: boolean = true;\n\n  /**\n   * Renders a single metadata row using a standard label/value layout.\n   * @internal\n   */\n  renderRow(label: string, value: string) {\n    return (\n      <div class=\"row\">\n        {/* Label is visually subtle; value uses standard typography for emphasis */}\n        <span class=\"label\">{label}</span>\n        <unity-typography class=\"value\" variant=\"h4\">{value}</unity-typography>\n      </div>\n    );\n  }\n\n  /**\n   * Renders the metadata container. Rows are conditionally included based on flags + data presence.\n   * @internal\n   */\n  render() {\n    return (\n      // role/aria-label provide a lightweight accessible grouping for screen readers\n      <div class=\"container\" role=\"group\" aria-label=\"Form metadata\">\n        {this.displayOwnerFullName && this.userDisplayName && this.renderRow('Name', this.userDisplayName)}\n        {this.displayOwnerEmail && this.userEmail && this.renderRow('Email', this.userEmail)}\n        {this.displaySubmissionDate && this.submittedOn && this.renderRow('Submitted on', dateFormatter(this.submittedOn, 'long'))}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/inputs/image-upload/image-upload.js

@@ -65,7 +65,7 @@ export class ImageUpload {
         };
     }
     render() {
-        return (h(Host, { key: 'dc13ff549cc50efd68074f9526fe833c2abf3680' }, h("file-upload", { key: '9d16c297893f24a379951635b558436f4614fab6', 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: '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 })));
     }
     static get is() { return "image-upload"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/numeric-field/numeric-field.js

@@ -159,7 +159,7 @@ export class NumericField {
             'bx--text-input--error': isError,
             'text-field--disabled': this.disabled,
         };
-        return (h(Host, { key: '41070ca5213a99556719f4087332e531173279f4', class: {
+        return (h(Host, { key: 'efe222e4acc6be9cbb2741e757673f6958e895da', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -168,9 +168,9 @@ export class NumericField {
                 '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: '38388fa80d7880830f45d4bca98f210b2affcd10', class: "bx--form-item" }, h("unity-typography", { key: 'cb88bfb8a731145ef431ac5650d34a55fac18f6e', variant: "caption-text" }, h("label", { key: 'd636f51ed6898438f4f51361aab6d8f0f977eeab', 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: '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,
             //@ts-ignore
-            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: '93665be4e947941ab0a559cb7dcc97f46fa1f515', class: "error-message" }, h("unity-typography", { key: 'a6ceb126b06fa34ef06ed560b9e8ebcda435acb3', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            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))))));
     }
     static get is() { return "numeric-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/signature-input/signature-input.js

@@ -294,7 +294,7 @@ export class SignatureInput {
             'readonly': this.readonly,
             'disabled': this.disabled,
         };
-        return (h(Host, { key: '1e4b57c4ef87dcaa9df86d70aaf5e534c6cbd795', class: {
+        return (h(Host, { key: '38f9e14ff8e51efa47278a79c030017f6fec05ec', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -302,7 +302,7 @@ export class SignatureInput {
                 'udp-input--readonly': this.readonly,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: 'f58bbc002b69a2f0bf2dab6efc4086ac3a7eda90', class: "bx--form-item" }, this.label && (h("unity-typography", { key: 'e46b453a0a4ceeaf02ec88618f8f838b8f87d7ad', variant: "caption-text" }, h("label", { key: '39ad7d1e01bf24f02b65ee35738cb51b244c0a95', htmlFor: this.id, class: "bx--label" }, this.label, this.required && '*'))), h("div", { key: '969b1532dc16b135a98da1d2f2701ce4aa8badb4', class: containerClasses }, h("canvas", { key: '0f473ddc3295fe30d79e1ea1e78f03847c9cb200', ref: el => (this.canvasEl = el), class: { 'signature-canvas': true, 'readonly': this.readonly || this.disabled }, id: this.id }), !this.readonly && !this.disabled && (h("button", { key: '9b94d94d8dcc79c425861c2946120168113f7efb', type: "button", class: "clear-button", onClick: this.clearSignature, disabled: this.disabled }, "Clear"))), isError && (h("div", { key: '895c33b449cb174bd51a0f3048a751f9f8f6ec3b', class: "error-message" }, h("unity-typography", { key: '175c80cf2841b7345470fd696d05017029e832b6', variant: "caption-text", color: "error" }, this.internalError))))));
+            } }, h("div", { key: '04dadb41b32891d9402e30f26ad09c2b910c220c', class: "bx--form-item" }, this.label && (h("unity-typography", { key: '9b804b1e8f6847763e87e2f14eda16fdcc8b049e', variant: "caption-text" }, h("label", { key: 'a66659a0a9b956dea7dc860682bc53d18ab12e7c', htmlFor: this.id, class: "bx--label" }, this.label, this.required && '*'))), h("div", { key: '6f53dd25f98d511f7852796ecb9770f6a96acd03', class: containerClasses }, h("canvas", { key: 'f0f30306a7392fc9329ad10988365b3d7d216636', ref: el => (this.canvasEl = el), class: { 'signature-canvas': true, 'readonly': this.readonly || this.disabled }, id: this.id }), !this.readonly && !this.disabled && (h("button", { key: 'a5241ba69f28932c41c32c9ad7e0001325cd419a', type: "button", class: "clear-button", onClick: this.clearSignature, disabled: this.disabled }, "Clear"))), isError && (h("div", { key: 'cb4d03f2c03942a382aeb6ea4b8728f86e54d66c', class: "error-message" }, h("unity-typography", { key: '2a859511db8da92696a3aede41c14a529c0e2d42', variant: "caption-text", color: "error" }, this.internalError))))));
     }
     static get is() { return "signature-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/tally/tally.js

@@ -46,14 +46,14 @@ export class TallyDisplay {
         const isError = !!this.error;
         const answeredCount = this.yesCount + this.noCount + this.naCount;
         const unansweredCount = this.totalFields - answeredCount;
-        return (h(Host, { key: 'fed22627bce1ac7be18a2425bece6686869564d7', class: {
+        return (h(Host, { key: '9de3aacae1f977ca6f71842e6cf110226623020d', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--readonly': this.readonly,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: '971333eebb659bbb4eb934bb9950032a7909da18', class: "tally-container" }, this.label && (h("unity-typography", { key: '8444c7bcbcbe333f9e66026a5222ee29335e4de6', variant: "caption-text" }, h("label", { key: '98c8daa86aa2d29c2d1c5b4a5004ce6819d83349', htmlFor: this.id, class: "tally-label" }, this.label))), h("div", { key: '7b6a501d4ce95a2b27d3884e8c695e1faf06b2e8', class: "tally-content", id: this.id }, h("div", { key: '68454bc99bd9c1ce4680df8f983eaf5ae4e9767e', class: "tally-stats" }, h("div", { key: 'e0e1b18c29dccb79043e00475b5bc30adc987d4e', class: "tally-item tally-yes" }, h("unity-typography", { key: '18cc8a94d43cf31f6306b8de3d2f48d1396304a2', variant: "h4", class: "tally-count" }, this.yesCount), h("unity-typography", { key: 'd88c15dbf4bda174343aaa5bab8717d1c8cc0624', variant: "caption-text", class: "tally-label" }, "Yes")), h("div", { key: '3f5108ae238eb07f67e5c6de82eb396ade8224f8', class: "tally-item tally-no" }, h("unity-typography", { key: '371e592c1c36ecbb6dd03764f395c21f1d4d0be5', variant: "h4", class: "tally-count" }, this.noCount), h("unity-typography", { key: 'b808bcc32aa9c582046b368d1d13747d8e757b77', variant: "caption-text", class: "tally-label" }, "No")), h("div", { key: '78f58c21c1c20d6054c0ef0a31dd56de06fb0431', class: "tally-item tally-na" }, h("unity-typography", { key: 'bbf95119a828762d96ba783b24e6d33f4d21084c', variant: "h4", class: "tally-count" }, this.naCount), h("unity-typography", { key: 'c34245acdfe54eab110e4d21d3397a0902087ccd', variant: "caption-text", class: "tally-label" }, "Not Applicable")), unansweredCount > 0 && (h("div", { key: '7e56aeb2896950a6a8ba2b414250628bc15f73d0', class: "tally-item tally-unanswered" }, h("unity-typography", { key: '947f18fb83d02cb7544fc245aaad81ae188d5a98', variant: "h4", class: "tally-count" }, unansweredCount), h("unity-typography", { key: 'fb740e38f0086757ead6285834183fcc183dc07f', variant: "caption-text", class: "tally-label" }, "Unanswered")))), h("div", { key: '2c877a0a184fe0b51b75ed26073085c057ae6a40', class: "tally-summary" }, h("unity-typography", { key: '8479096b7addcedab23446a67ed9a0795dc5c8fe', variant: "caption-text" }, "Total Questions: ", this.totalFields))), isError && (h("div", { key: 'b686351f4926cc8bfbec445bf426ec3634c861a9', class: "error-message" }, h("unity-typography", { key: '4363a3cb9ffd25fd03b0ca1c74ea01281a451dbd', variant: "caption-text", color: "error" }, this.error))))));
+            } }, h("div", { key: '3d90baeaa376621f7befdd0d2aaf5162b640a92d', class: "tally-container" }, this.label && (h("unity-typography", { key: 'dbc30e26ace3de5a9c971b57a25f49a5f25a4d37', variant: "caption-text" }, h("label", { key: '3c17434ee48556b3e7c05a15ba17682801a4ee79', htmlFor: this.id, class: "tally-label" }, this.label))), h("div", { key: 'eda4e1acb3866a4af9129088eff7bf378582c3c0', class: "tally-content", id: this.id }, h("div", { key: '7169cd7335a3cc923a407f6bac36487e3c51e3a6', class: "tally-stats" }, h("div", { key: '4ae7daed9b4ef5e9e658868b993225b2d6d230bc', class: "tally-item tally-yes" }, h("unity-typography", { key: 'fb2e662654f07041157b3111fd6493c7abf956fe', variant: "h4", class: "tally-count" }, this.yesCount), h("unity-typography", { key: 'a9f2628e63a4fd7e0e78ed692e812c8be7df162d', variant: "caption-text", class: "tally-label" }, "Yes")), h("div", { key: '9a469360bdc4d019b8b9dfdd70e54e60ae44ea00', class: "tally-item tally-no" }, h("unity-typography", { key: 'c52e2e33623f50fd6ad777a82d193828cd9a8a68', variant: "h4", class: "tally-count" }, this.noCount), h("unity-typography", { key: '9936996f607fcb5016ef32917cdd04228e9fb78b', variant: "caption-text", class: "tally-label" }, "No")), h("div", { key: '6f6abc8c33d6ca4b516caa4a63b458e449806f71', class: "tally-item tally-na" }, h("unity-typography", { key: '7ae33f8cfa8fe27c0c5d9a1a32b61ec55c237eab', variant: "h4", class: "tally-count" }, this.naCount), h("unity-typography", { key: 'bfd96fc54a803756484cd3e5c965f28e6e97fa0e', variant: "caption-text", class: "tally-label" }, "Not Applicable")), unansweredCount > 0 && (h("div", { key: 'f56329ad0c4396846711955dc539413d453d3341', class: "tally-item tally-unanswered" }, h("unity-typography", { key: 'f81c44a5d86a43a5389d864783627130ebb41409', variant: "h4", class: "tally-count" }, unansweredCount), h("unity-typography", { key: 'f51b115cbb8d6cd11050e861f10696e406c8ae95', variant: "caption-text", class: "tally-label" }, "Unanswered")))), h("div", { key: 'bd121ac3682f79b9b06c65d5af4a34b247d8b724', class: "tally-summary" }, h("unity-typography", { key: '279e7a4eca040c52b83b4c6d15119034db44ff37', variant: "caption-text" }, "Total Questions: ", this.totalFields))), isError && (h("div", { key: '9853c7c215eeee120c3e09ab83a01c24d48fba44', class: "error-message" }, h("unity-typography", { key: '3f25998a2b9f9901bce9fa5baad3b7de65fed0e2', variant: "caption-text", color: "error" }, this.error))))));
     }
     static get is() { return "tally-display"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/text-area/text-area.js

@@ -240,7 +240,7 @@ export class TextArea {
     }
     render() {
         const { disabled, id, internalValue, label, placeholder, required, readonly, errorMessage, fullWidth, internalRows } = this;
-        return (h(Host, { key: 'bdf5a606994014065a28795c9e24f79c7c1ae736', class: {
+        return (h(Host, { key: '8030ffc085d6b53b0ae1a35f81d4da4c9e155c0e', class: {
                 'udp-input': true,
                 'udp-input--error': !!errorMessage,
                 'udp-input--disabled': disabled,
@@ -249,11 +249,11 @@ export class TextArea {
                 'udp-input--required': required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: 'c95cb5633731a96e60838e635fd005ccf276612c', class: "bx--form-item" }, h("unity-typography", { key: 'b83e5c04c3c058e3e0dad21280af3d50bc94c081', variant: "caption-text" }, h("label", { key: 'a4b8d120461ab32b7c0e05e79d4a1b887d46a492', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), h("textarea", { key: 'ab1784af9fe7378f2de47e5def267fc8b38178ee', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, h("div", { key: '21806e67cd632ef1c0d141d57c356eaaeb68f098', class: "bx--form-item" }, h("unity-typography", { key: '4094220f657f8cd5fcee94cf60a7d7cd62108ca9', variant: "caption-text" }, h("label", { key: 'fcda510639bd39ad292d9fb4721acac7cc35e456', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), h("textarea", { key: 'd53d49eed9d2e7a7b342a59ee71215eab199206b', ref: el => (this.textareaEl = el), id: id, class: {
                 'bx--text-input': true,
                 'bx--text-input--error': !!errorMessage,
                 'text-area--disabled': disabled,
-            }, placeholder: placeholder, value: internalValue, required: required, disabled: disabled, readonly: readonly, maxLength: this.maxCharacter, rows: internalRows, onInput: this.onInput, onChange: this.onChange }, internalValue), errorMessage && (h("div", { key: '98f452d24e69252b9f47a4ef45e42311454aeee7', class: "error-message" }, h("unity-typography", { key: '6f85da551a04471d33b83637ccc1400d6dc87c79', variant: "caption-text", color: "error" }, errorMessage))))));
+            }, placeholder: placeholder, value: internalValue, required: required, disabled: disabled, readonly: readonly, maxLength: this.maxCharacter, rows: internalRows, onInput: this.onInput, onChange: this.onChange }, internalValue), errorMessage && (h("div", { key: 'faf6cd4d6bb621416dc36b660581b9a6dc94c057', class: "error-message" }, h("unity-typography", { key: '8433e5d11d1b43358baa1d2a961c4bfa3d7c95a7', variant: "caption-text", color: "error" }, errorMessage))))));
     }
     static get is() { return "text-area"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/text-field/text-field.js

@@ -195,7 +195,7 @@ export class TextField {
             'bx--text-input:user-invalid': isError,
             'text-field--disabled': this.disabled,
         };
-        return (h(Host, { key: '477fd126139a6614d43091da606ad4730d356fdc', class: {
+        return (h(Host, { key: '388dbeafb0b5a726b437ff4898735ec4a11d1e7d', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -203,9 +203,9 @@ export class TextField {
                 'udp-input--required': this.required,
                 [`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: '4abd025ba834da3a2fb42bf1909413df6fa62a43', class: "bx--form-item" }, h("unity-typography", { key: 'dc66c2a29831519a99ce2582d740fb998359e988', variant: "caption-text" }, h("label", { key: 'c52efd8115a63e79d5d04b7792cde08f3bb12d05', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue })) : (h("input", { id: this.id, type: "text", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readonly: this.readonly, maxLength: this.maxCharacter, inputMode: this.inputMode, onInput: this.onInput, onChange: this.onChange,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '9d66a1d7ec9d2ccd74efa320ed8faebae66afc67', class: "bx--form-item" }, h("unity-typography", { key: '9743d1324aeabdf63e34d66b84391a163127ca68', variant: "caption-text" }, h("label", { key: '33d613ec484961c27197d0a38e6b3be09df11739', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue })) : (h("input", { id: this.id, type: "text", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readonly: this.readonly, maxLength: this.maxCharacter, inputMode: this.inputMode, onInput: this.onInput, onChange: this.onChange,
             //@ts-ignore
-            udprecordid: 'udpRecord-text-field-' + this.id })), isError && (h("div", { key: '3a2d11f913e5d97befeb05df6e9f1943ba6fcc13', class: "error-message" }, h("unity-typography", { key: 'a4e9594fd4aa1980e20c2c3754af74fc8417d339', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-text-field-' + this.id })), isError && (h("div", { key: '4f695e2ea3d0d83b0a8b64616458aff67ebaf009', class: "error-message" }, h("unity-typography", { key: '9399d49f19ccd3419f910497c01379e4b3d0d6a7', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     static get is() { return "text-field"; }
     static get encapsulation() { return "shadow"; }