udp-stencil-component-library 25.18.1-beta.7 → 25.18.1-beta.9

package/dist/collection/components/my-component/UI/grid/grid-primary-bar/grid-primary-bar.js

@@ -150,7 +150,7 @@ export class GridPrimaryBar {
         this.updateHideBar();
     }
     render() {
-        return (h("div", { key: '9c96efe374beb272cf4db272a72ff2c3445c85c7', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, h("div", { key: 'ab0d4e5977801ec737ed3c2b1ad1ebabf4bf237b', class: "title-section" }, h("div", { key: 'a2a7b84fcdd51d96ada9ee897c2001811e934ae5' }, h("unity-typography", { key: 'f9ae10f04be89dcae6dce10a957c75ad39cff0f5', variant: "h4" }, this.title, " "), ' ')), h("div", { key: 'e1b7fb0b8d9740533c021e67e7199bf4a5e4dca8', class: "button-section" }, h("div", { key: 'ec5642d7c5c0268990d0db6c2613d46293707e0a' }, h("slot", { key: 'd1fe2e205a150cd6ec64eb8911c7b7080b3448b3' })), this.defaultActionButtons.map(btn => {
+        return (h("div", { key: '26e89c4ee76b8c2a51d4c588a21d10ed9ba57735', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, h("div", { key: 'c17ce12953b0157ac2c7cffaffdcb5a67c8af1cf', class: "title-section" }, h("div", { key: '4b1bfb88c001254724afc3bb36c8b368a23443b0' }, h("unity-typography", { key: '6ff25bd7ca5eab892371903f35815cfc3b905ffa', variant: "h4" }, this.title, " "), ' ')), h("div", { key: 'fb420f82f35b04f3db1a3070d73d2c63cd74f63f', class: "button-section" }, h("div", { key: '4128e2dcf60f278fe3fd27b011f4a7a3852b7aa6' }, h("slot", { key: '54fdaa02ae93aed4147e58de08720ead1ed3d43a' })), this.defaultActionButtons.map(btn => {
             const clickHandler = (event) => {
                 if (btn.clickHandler) {
                     btn.clickHandler(event);
@@ -163,7 +163,7 @@ export class GridPrimaryBar {
                 return (h("stencil-icon-button-grid-action-header", { showLabel: this.showLabels, secondary: btn.secondary, icon: btn.icon, onClick: clickHandler, tooltip: btn.tooltip, iconClassName: btn.iconClassName }, btn.icon && h("i", { class: btn.icon }), btn.label.toLowerCase() === 'save' || (!this.hiddenLabels.includes(btn.label) && btn.showLabel) ? h("span", null, btn.label) : null));
             }
             return null;
-        }), this.primaryActionClick && this.primaryActionLabel && (h("custom-button", { key: 'e803e7ccc08a52be4b5004d4d9631ab582b8201e', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && h("udp-icon", { key: '91918fe33cf27f733075e9f08efe0ae303b98079', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (h("custom-button", { key: 'a8018da54bc2463781dbbcf318d466a9bbbe49c0', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && h("udp-icon", { key: '8a5589c358a38d5fc35635cfd82f2ecc091547d1', iconName: this.primaryActionIcon, darkIcon: false }))))));
     }
     static get is() { return "grid-primary-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/grid/hotlists/udp-hotlist-form/udp-hotlist-form.js

@@ -27,7 +27,7 @@ export class UdpHotlistForm {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (h("div", { key: 'ac1094c8819c456ec5f13d25f842a9a48217eddf', class: "wrapper" }, h("form", { key: 'b37b22672fe734ae4bed4b834067206425c89e97', class: "save-form", onSubmit: this.handleSubmit }, h("text-field", { key: '494cb5a4283ab1a741bb7541691ddd0f96ecd277', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), h("stencil-toggle", { key: '80250bb87065a1a38ad46a279a3a387d5b733b36', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), h("div", { key: '5e5d17fa6c23238e92db97ffc06f33b4551516f9', class: "submit-button" }, h("custom-button", { key: 'c3ec8024f9cb2a2c746b7dc90620a87e1ae7f960', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), h("custom-button", { key: '4bb9221503cea4abe925009d3d603bb697432406', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (h("div", { key: 'dfd1510767f1b15176138dc9bb25f076db131874', class: "wrapper" }, h("form", { key: 'efee156202a1c075d8b1c253930c9df368ce8d38', class: "save-form", onSubmit: this.handleSubmit }, h("text-field", { key: 'ad287c008b12dbdc4783c90b3c3201f727485de8', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), h("stencil-toggle", { key: '4cb19e2ea8528c6b2459e2deed1b2ea2733067db', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), h("div", { key: '2d60f39c3bd41227ca55fc8e3f8a83e7966fb241', class: "submit-button" }, h("custom-button", { key: 'c2c6c98f245d680326f082fbc0c9724b8f5ebdb5', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), h("custom-button", { key: '57d867b6bbfbb0db075fe10a5b3abbc0839c5633', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
     }
     static get is() { return "udp-hotlist-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/grid/new-grid/ag-grid-base.js

@@ -148,7 +148,7 @@ export class AgGridBase {
     render() {
         var _a;
         const variantClass = `variant-${((_a = this.headerConfig) === null || _a === void 0 ? void 0 : _a.variant) || 'light'}`;
-        return (h("div", { key: '315a73b730d7d5d044b6bbf5f60a15e3b9582976', class: variantClass, ref: el => (this.gridContainerEl = el) }, h("ghost-render", { key: '466bccfb96cd71bb4d49cc8cea9293d76e8ef974' }, h("div", { key: '39de56375c5fc7ba94add149473348bf18060848' }, h("udp-dialog", { key: 'e1a537dae7065f89ccc1749c05ccd6f0043b54f7' }), h("udp-list-item", { key: '239b637a36feb02ec191203240b721a647997782' }), h("hint-panel", { key: 'd8ccc7f25ec0c3704b85496bed34a67b1e81f0cd' }))), h("div", { key: '74640f93605ecb67015daceb356c4b1fba30d069', class: "grid-base-header" }, h("grid-header", { key: 'a1eaa9bce2b9ce5f70631bb1d5e75270c00f96e8', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, onHeaderAction: this.onHeaderAction }), h("div", { key: '3edcb8130744665fd8570c738c8c61e51f3a096b', class: "action-bar", style: { viewTransitionName: `action-bar` } }, this.gridFunctionInstances.map(fn => { var _a; return (_a = fn.render) === null || _a === void 0 ? void 0 : _a.call(fn); }))), h("div", { key: '32f44119cc6bb374e08e3c5160b9d86d3f1d3c49', id: "myNewGrid", ref: el => (this.gridEl = el), style: {
+        return (h("div", { key: 'daf1c1732f69ec7db41a8b8e1ae657bce66e593f', class: variantClass, ref: el => (this.gridContainerEl = el) }, h("ghost-render", { key: '3f8bf0b5707f6ea473a6a828c5effff66e9e7a9b' }, h("div", { key: '14e1eedcc8b33f0d84807f26db9feab5d0e9f779' }, h("udp-dialog", { key: 'd07975578335302cfbe988b3bd476493ec0d9df4' }), h("udp-list-item", { key: '17ac74f20ecd5a6d51f3986544853e5b81fcc63e' }), h("hint-panel", { key: 'f0a3ffb5c2ded67a6260c6536af794511eca02e3' }))), h("div", { key: 'c39fa13c469674d6a1da23b2752180d5c686090b', class: "grid-base-header" }, h("grid-header", { key: '2e8644827be8b9ef51b6d819d48ff3d758728575', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, onHeaderAction: this.onHeaderAction }), h("div", { key: '103f54e1467fdddf18721512be0cf772a53df5c3', class: "action-bar", style: { viewTransitionName: `action-bar` } }, this.gridFunctionInstances.map(fn => { var _a; return (_a = fn.render) === null || _a === void 0 ? void 0 : _a.call(fn); }))), h("div", { key: '8626623b194bca1291b485659796af3cdc482b75', id: "myNewGrid", ref: el => (this.gridEl = el), style: {
                 viewTransitionName: `my-new-grid`,
             } })));
     }

package/dist/collection/components/my-component/UI/grid/new-grid/api-method-instance-grid.js

@@ -99,7 +99,7 @@ export class ApiMethodInstanceGrid {
         this.getApiMethodInstanceData();
     }
     render() {
-        return (h("search-method-grid", { key: '8e3fb4dfef4bb0c63230e88205ccf31e9fb821c9', onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, searchMethodConfig: this.searchMethodConfig, gridApiCallback: this.gridApiCallback }));
+        return (h("search-method-grid", { key: '5f24caeb2707f6e4853130f5ddeac2757c59a0b0', onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, searchMethodConfig: this.searchMethodConfig, gridApiCallback: this.gridApiCallback }));
     }
     static get is() { return "api-method-instance-grid"; }
     static get properties() {

package/dist/collection/components/my-component/UI/grid/new-grid/client-side-grid.js

@@ -20,7 +20,7 @@ export class ClientSideGrid {
         this.clientSideConfig = Object.assign(Object.assign({}, this.gridOptions), { rowModelType: 'clientSide' });
     }
     render() {
-        return (h("ag-grid-base", { key: 'f98ef8ab8467a6167650ece8054f8064c3ded664', columnDefs: this.columnDefs, gridOptions: this.clientSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, gridApiCallback: this.gridApiCallback }));
+        return (h("ag-grid-base", { key: '321439e94c708934f0ad39e17e1f4b0006eafad1', columnDefs: this.columnDefs, gridOptions: this.clientSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, gridApiCallback: this.gridApiCallback }));
     }
     static get is() { return "client-side-grid"; }
     static get properties() {

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

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

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

@@ -57,7 +57,7 @@ export class SearchMethodGrid {
         }
     }
     render() {
-        return (h("server-side-grid", { key: '660b7bfd49ae3709697a849491f0b34aa8ad2eb5', 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: '6a4a8af937c15522effa7313d45100320a557d0b', 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/my-component/UI/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: 'b30f76706b6301d95cb832152d9d1f7c4fc24052', 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: '450dc5a951732ac2d226f8baba37fbb7df2d78d3', 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/my-component/UI/grid/renderers/currency-renderer.js

@@ -1,8 +1,18 @@
-import { fortmatCurrency } from "../../../../../utils/utils";
 /**
  * Note: This cell renderer is fine to use, however for best performance it is recommended to use a valueFormatter
  * on the column Definition instead
  */
+function fortmatCurrency(value, currency = 'USD', locales = 'en-US', minimumFractionDigits = 2, maximumFractionDigits = 3) {
+    const valueOrNull = value !== null && value !== void 0 ? value : null;
+    return !!valueOrNull
+        ? new Intl.NumberFormat(locales, {
+            style: 'currency',
+            currency: currency,
+            minimumFractionDigits: minimumFractionDigits,
+            maximumFractionDigits: maximumFractionDigits,
+        }).format(valueOrNull)
+        : '';
+}
 export default class CurrencyRenderer {
     init(params) {
         this.eGui = document.createElement('div');

package/dist/collection/components/my-component/UI/grid/renderers/currency-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"currency-renderer.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/grid/renderers/currency-renderer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;;GAGG;AAEP,MAAM,CAAC,OAAO,OAAO,gBAAgB;IAG5B,IAAI,CAAC,MAAW;QACrB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,MAAM,iBAAiB,GAAG,eAAe,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,qBAAqB,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,qBAAqB,CAAC,CAAC;QAC1J,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,iBAAiB,CAAC;IAC1C,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAEM,OAAO;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import { ICellRenderer } from 'ag-grid-community';\nimport { fortmatCurrency } from 'src/utils/utils';\n\n    /**\n     * Note: This cell renderer is fine to use, however for best performance it is recommended to use a valueFormatter\n     * on the column Definition instead\n     */\n\nexport default class CurrencyRenderer implements ICellRenderer {\n  private eGui: HTMLElement;\n\n  public init(params: any): void {\n    this.eGui = document.createElement('div');\n    const formattedCurrency = fortmatCurrency(params?.value, params?.currency, params?.locales, params?.minimumFractionDigits, params?.maximumFractionDigits);\n    this.eGui.innerHTML = formattedCurrency;\n  }\n\n  public getGui(): HTMLElement {\n    return this.eGui;\n  }\n\n  public refresh(): boolean {\n    return true;\n  }\n}\n"]}
+{"version":3,"file":"currency-renderer.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/grid/renderers/currency-renderer.tsx"],"names":[],"mappings":"AAEI;;;GAGG;AAEP,SAAS,eAAe,CACtB,KAAgC,EAChC,WAAmB,KAAK,EACxB,UAAkB,OAAO,EACzB,wBAAgC,CAAC,EACjC,wBAAgC,CAAC;IAEjC,MAAM,WAAW,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC;IAElC,OAAO,CAAC,CAAC,WAAW;QAClB,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YAC7B,KAAK,EAAE,UAAU;YACjB,QAAQ,EAAE,QAAQ;YAClB,qBAAqB,EAAE,qBAAqB;YAC5C,qBAAqB,EAAE,qBAAqB;SAC7C,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC;QACxB,CAAC,CAAC,EAAE,CAAC;AACT,CAAC;AAED,MAAM,CAAC,OAAO,OAAO,gBAAgB;IAG5B,IAAI,CAAC,MAAW;QACrB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,MAAM,iBAAiB,GAAG,eAAe,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,qBAAqB,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,qBAAqB,CAAC,CAAC;QAC1J,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,iBAAiB,CAAC;IAC1C,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAEM,OAAO;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import { ICellRenderer } from 'ag-grid-community';\n\n    /**\n     * Note: This cell renderer is fine to use, however for best performance it is recommended to use a valueFormatter\n     * on the column Definition instead\n     */\n\nfunction fortmatCurrency(\n  value: number | undefined | null,\n  currency: string = 'USD',\n  locales: string = 'en-US',\n  minimumFractionDigits: number = 2,\n  maximumFractionDigits: number = 3,\n) {\n  const valueOrNull = value ?? null;\n\n  return !!valueOrNull\n    ? new Intl.NumberFormat(locales, {\n        style: 'currency',\n        currency: currency,\n        minimumFractionDigits: minimumFractionDigits,\n        maximumFractionDigits: maximumFractionDigits,\n      }).format(valueOrNull)\n    : '';\n}\n\nexport default class CurrencyRenderer implements ICellRenderer {\n  private eGui: HTMLElement;\n\n  public init(params: any): void {\n    this.eGui = document.createElement('div');\n    const formattedCurrency = fortmatCurrency(params?.value, params?.currency, params?.locales, params?.minimumFractionDigits, params?.maximumFractionDigits);\n    this.eGui.innerHTML = formattedCurrency;\n  }\n\n  public getGui(): HTMLElement {\n    return this.eGui;\n  }\n\n  public refresh(): boolean {\n    return true;\n  }\n}\n"]}

package/dist/collection/components/my-component/UI/grid/renderers/hot-list-add-renderer.js

@@ -1,5 +1,8 @@
 import { SharedContext } from "./sharedContext";
 import { state } from "../../../../../store/catalog-store";
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ */
 export default class HotListAddRenderer {
     init(params) {
         this.eGui = document.createElement('div');

package/dist/collection/components/my-component/UI/grid/renderers/hot-list-add-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"hot-list-add-renderer.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/grid/renderers/hot-list-add-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ICellRenderer } from 'ag-grid-community';\nimport { SharedContext } from './sharedContext';\nimport { state } from '../../../../../store/catalog-store';\n\nexport default class HotListAddRenderer implements ICellRenderer {\n  private eGui: HTMLElement;\n  private otherCellValue: any;\n  private callbackId: string;\n  private viewActionElement: HTMLButtonElement;\n  private thirdActionElement: HTMLButtonElement;\n\n  public init(params: any): void {\n    this.eGui = document.createElement('div');\n    this.otherCellValue = params.data;\n    this.callbackId = params.colDef.cellRendererParams.callbackId;\n\n    this.viewActionElement = document.createElement('button');\n    this.viewActionElement.textContent = '⋯';\n    this.viewActionElement.addEventListener('click', this.onViewActionClick.bind(this));\n    \n\n    this.thirdActionElement = document.createElement('button');\n    this.thirdActionElement.textContent = 'Third Action'; // Example text\n    this.thirdActionElement.addEventListener('click', this.onThirdActionClick.bind(this));\n\n    // Update display based on hotListActive\n    this.updateDisplay(params);\n\n    // Append second action button if enabled\n    if (params.colDef.cellRendererParams.showViewAction) {\n      this.eGui.appendChild(this.viewActionElement);\n    }\n    if( params.node.group && !params.value){\n      this.eGui.style.display = 'none';\n    }\n\n    this.eGui.addEventListener('click', () => {\n        if (SharedContext.hotListAddHandler && params.colDef.cellRendererParams.showThirdAction) {\n           SharedContext.hotListAddHandler(this.otherCellValue, this.callbackId);\n        } else if (typeof SharedContext.myClickCallback === 'function') {\n          SharedContext.myClickCallback(this.otherCellValue, this.callbackId);\n      } else {\n          const customEvent = new CustomEvent('cellClick', {\n              detail: { cellValue: this.otherCellValue, callbackId: this.callbackId },\n              bubbles: true,\n              composed: true\n          });\n          this.eGui.dispatchEvent(customEvent);\n      }\n  });\n  \n  \n\n    this.applyStyles(params);\n  }\n\n  private onViewActionClick(event: MouseEvent): void {\n    event.stopPropagation();\n\n    if (typeof SharedContext.viewActionCallback === 'function') {\n      SharedContext.viewActionCallback(this.otherCellValue, this.callbackId);\n    } else {\n      const customEvent = new CustomEvent('viewActionClick', {\n        detail: { cellValue: this.otherCellValue, callbackId: this.callbackId },\n        bubbles: true,\n        composed: true\n      });\n      this.eGui.dispatchEvent(customEvent);\n    }\n  }\n\n  private onThirdActionClick(event: MouseEvent): void {\n    event.stopPropagation();\n\n    if (typeof SharedContext.thirdActionCallback === 'function') {\n      SharedContext.thirdActionCallback(this.otherCellValue, this.callbackId);\n    } else {\n      const customEvent = new CustomEvent('thirdActionClick', {\n        detail: { cellValue: this.otherCellValue, callbackId: this.callbackId },\n        bubbles: true,\n        composed: true\n      });\n      this.eGui.dispatchEvent(customEvent);\n    }\n  }\n\n  // private updateDisplay(params: any): void {\n  //   console.log(params);\n  //   const hotListActive = state.hotListActive || '';\n\n  //   if (params.colDef.cellRendererParams.showThirdAction) {\n  //     const symbol = hotListActive !== '' ? '-' : '+';\n  //     const color = hotListActive !== '' ? '#dfd3ff' : '#f0f0f0';\n  //     this.eGui.innerHTML = `✱ <span style=\"padding-left: 5px; color: blue;\">${symbol}</span>`;\n  //     this.eGui.style.backgroundColor = color;\n  //     this.eGui.title = 'Hotlist';\n  //     this.thirdActionElement.disabled = !params.colDef.cellRendererParams.showThirdAction;\n  //   }\n  // }\n\n//   private updateDisplay(params: any): void {\n//     console.log(params);\n//     const hotListActive = state.hotListActive || '';\n\n\n//     // This assumes that you're managing the visibility and interaction of both the symbol and the third action button\n//     if (params.colDef.cellRendererParams.showThirdAction) {\n//         // Update symbol container if necessary\n//         const symbol = hotListActive !== '' ? '-' : '+';\n//         const color = hotListActive !== '' ? 'green' : 'pink';\n//         this.eGui.innerHTML = `✱ <span style=\"padding-left: 5px; color: grey;\">${symbol}</span>`;\n        \n//         this.eGui.style.backgroundColor = color;\n//         this.eGui.title = 'Hotlist';\n\n//         // Ensure third action element is ready for interaction\n//         this.thirdActionElement.style.display = '';  // Ensure button is visible\n//         this.thirdActionElement.disabled = false;    // Ensure button is interactive\n//         this.thirdActionElement.style.display = 'none';  // Hide the button\n//         this.thirdActionElement.disabled = true;         // Disable the button\n\n//         // Optionally clear any innerHTML manipulation if it affects interaction\n//         this.eGui.innerHTML = '';\n//     } else {\n//         // Hide and disable third action element when not needed\n//         this.thirdActionElement.style.display = 'none';  // Hide the button\n//         this.thirdActionElement.disabled = true;         // Disable the button\n\n//         // Optionally clear any innerHTML manipulation if it affects interaction\n//         this.eGui.innerHTML = '';  // Remove other interactive elements or symbols\n//         this.eGui.appendChild(this.viewActionElement);  // Make sure to re-append view action element to maintain it in the DOM\n//     }\n\n//     // Ensure view action element is always interactive regardless of other conditions\n//     this.viewActionElement.style.display = '';\n//     this.viewActionElement.disabled = false;\n// }\n\nprivate updateDisplay(params: any): void {\n  console.log(params);\n  const hotListActive = state.hotListActive || '';\n\n \n\n  // Conditionally add or remove the styled span based on `showThirdAction`\n  if (params.colDef.cellRendererParams.showThirdAction) {\n     // Determine the background color and symbol based on `hotListActive`\n  const color = hotListActive !== '' ? 'rgb(224, 224, 224)' : 'rgb(201, 239, 224)';\n  const symbol = hotListActive !== '' ? '-' : '+';\n\n  // Set the title and background color of the entire GUI element\n  this.eGui.title = 'Hotlist';\n  this.eGui.style.backgroundColor = color;\n      const specialContent = `✱ <span style=\"padding-left: 5px; color: grey;\">${symbol}</span>`;\n      // Try to access the existing special content element if it exists\n      let existingSpan = this.eGui.querySelector('span');\n      if (!existingSpan) {\n          // If it doesn't exist, use insertAdjacentHTML to add without overwriting\n          this.eGui.insertAdjacentHTML('afterbegin', specialContent);\n      }\n  } else {\n      // If `showThirdAction` is false, remove the span if it exists\n      let existingSpan = this.eGui.querySelector('span');\n      if (existingSpan) {\n          existingSpan.remove(); // Remove the styled span\n      }\n  }\n\n  // Control visibility and interaction of the third action button\n  this.thirdActionElement.style.display = params.colDef.cellRendererParams.showThirdAction ? '' : 'none';\n  this.thirdActionElement.disabled = !params.colDef.cellRendererParams.showThirdAction;\n\n  // Ensure the view action element is maintained and always interactive\n  if (!this.eGui.contains(this.viewActionElement)) {\n      this.eGui.appendChild(this.viewActionElement);\n  }\n  this.viewActionElement.style.display = '';\n  this.viewActionElement.disabled = false;\n}\n\n \n\n  private applyStyles(params): void {\n   \n    this.eGui.style.borderRadius = '50px';\n    this.eGui.style.paddingLeft = '8px';\n    this.eGui.style.paddingRight = '8px';\n    this.eGui.style.textAlign = 'center';\n    this.eGui.style.margin = '2px 0';\n    this.eGui.style.lineHeight = '26px';\n    this.eGui.style.cursor = params.colDef.cellRendererParams.showThirdAction && 'pointer';\n    this.eGui.style.width = '30px';\n\n    // Additional styles for viewActionElement\n    this.viewActionElement.style.backgroundColor = 'rgb(224, 224, 224)'; // light grey background\n    this.viewActionElement.style.color = '#000'; // text color\n    this.viewActionElement.style.border = 'none';\n    this.viewActionElement.style.borderRadius = '15px'; // rounded corners\n    this.viewActionElement.style.padding = '5px 10px'; // padding inside the button\n    this.viewActionElement.style.margin = '2px';\n    this.viewActionElement.style.cursor = 'pointer';\n    this.viewActionElement.style.fontSize = '14px'; // font size\n    this.viewActionElement.style.marginLeft = params.colDef.cellRendererParams.showThirdAction ? '16px' : '0px';\n    this.viewActionElement.style.transform = params.colDef.cellRendererParams.showThirdAction ? 'none' : 'translateX(-10px)';\n    this.viewActionElement.title = 'View More';\n    this.thirdActionElement.title = 'Third Action';\n  }\n\n  public getGui(): HTMLElement {\n    return this.eGui;\n  }\n\n  public refresh(params: any): boolean {\n    this.updateDisplay(params);\n    return true;\n  }\n\n  public destroy(): void {\n    // Cleanup if necessary\n  }\n}\n"]}
+{"version":3,"file":"hot-list-add-renderer.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/grid/renderers/hot-list-add-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ICellRenderer } from 'ag-grid-community';\nimport { SharedContext } from './sharedContext';\nimport { state } from '../../../../../store/catalog-store';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n */\n\nexport default class HotListAddRenderer implements ICellRenderer {\n  private eGui: HTMLElement;\n  private otherCellValue: any;\n  private callbackId: string;\n  private viewActionElement: HTMLButtonElement;\n  private thirdActionElement: HTMLButtonElement;\n\n  public init(params: any): void {\n    this.eGui = document.createElement('div');\n    this.otherCellValue = params.data;\n    this.callbackId = params.colDef.cellRendererParams.callbackId;\n\n    this.viewActionElement = document.createElement('button');\n    this.viewActionElement.textContent = '⋯';\n    this.viewActionElement.addEventListener('click', this.onViewActionClick.bind(this));\n\n\n    this.thirdActionElement = document.createElement('button');\n    this.thirdActionElement.textContent = 'Third Action'; // Example text\n    this.thirdActionElement.addEventListener('click', this.onThirdActionClick.bind(this));\n\n    // Update display based on hotListActive\n    this.updateDisplay(params);\n\n    // Append second action button if enabled\n    if (params.colDef.cellRendererParams.showViewAction) {\n      this.eGui.appendChild(this.viewActionElement);\n    }\n    if( params.node.group && !params.value){\n      this.eGui.style.display = 'none';\n    }\n\n    this.eGui.addEventListener('click', () => {\n        if (SharedContext.hotListAddHandler && params.colDef.cellRendererParams.showThirdAction) {\n           SharedContext.hotListAddHandler(this.otherCellValue, this.callbackId);\n        } else if (typeof SharedContext.myClickCallback === 'function') {\n          SharedContext.myClickCallback(this.otherCellValue, this.callbackId);\n      } else {\n          const customEvent = new CustomEvent('cellClick', {\n              detail: { cellValue: this.otherCellValue, callbackId: this.callbackId },\n              bubbles: true,\n              composed: true\n          });\n          this.eGui.dispatchEvent(customEvent);\n      }\n  });\n\n\n\n    this.applyStyles(params);\n  }\n\n  private onViewActionClick(event: MouseEvent): void {\n    event.stopPropagation();\n\n    if (typeof SharedContext.viewActionCallback === 'function') {\n      SharedContext.viewActionCallback(this.otherCellValue, this.callbackId);\n    } else {\n      const customEvent = new CustomEvent('viewActionClick', {\n        detail: { cellValue: this.otherCellValue, callbackId: this.callbackId },\n        bubbles: true,\n        composed: true\n      });\n      this.eGui.dispatchEvent(customEvent);\n    }\n  }\n\n  private onThirdActionClick(event: MouseEvent): void {\n    event.stopPropagation();\n\n    if (typeof SharedContext.thirdActionCallback === 'function') {\n      SharedContext.thirdActionCallback(this.otherCellValue, this.callbackId);\n    } else {\n      const customEvent = new CustomEvent('thirdActionClick', {\n        detail: { cellValue: this.otherCellValue, callbackId: this.callbackId },\n        bubbles: true,\n        composed: true\n      });\n      this.eGui.dispatchEvent(customEvent);\n    }\n  }\n\n  // private updateDisplay(params: any): void {\n  //   console.log(params);\n  //   const hotListActive = state.hotListActive || '';\n\n  //   if (params.colDef.cellRendererParams.showThirdAction) {\n  //     const symbol = hotListActive !== '' ? '-' : '+';\n  //     const color = hotListActive !== '' ? '#dfd3ff' : '#f0f0f0';\n  //     this.eGui.innerHTML = `✱ <span style=\"padding-left: 5px; color: blue;\">${symbol}</span>`;\n  //     this.eGui.style.backgroundColor = color;\n  //     this.eGui.title = 'Hotlist';\n  //     this.thirdActionElement.disabled = !params.colDef.cellRendererParams.showThirdAction;\n  //   }\n  // }\n\n//   private updateDisplay(params: any): void {\n//     console.log(params);\n//     const hotListActive = state.hotListActive || '';\n\n\n//     // This assumes that you're managing the visibility and interaction of both the symbol and the third action button\n//     if (params.colDef.cellRendererParams.showThirdAction) {\n//         // Update symbol container if necessary\n//         const symbol = hotListActive !== '' ? '-' : '+';\n//         const color = hotListActive !== '' ? 'green' : 'pink';\n//         this.eGui.innerHTML = `✱ <span style=\"padding-left: 5px; color: grey;\">${symbol}</span>`;\n\n//         this.eGui.style.backgroundColor = color;\n//         this.eGui.title = 'Hotlist';\n\n//         // Ensure third action element is ready for interaction\n//         this.thirdActionElement.style.display = '';  // Ensure button is visible\n//         this.thirdActionElement.disabled = false;    // Ensure button is interactive\n//         this.thirdActionElement.style.display = 'none';  // Hide the button\n//         this.thirdActionElement.disabled = true;         // Disable the button\n\n//         // Optionally clear any innerHTML manipulation if it affects interaction\n//         this.eGui.innerHTML = '';\n//     } else {\n//         // Hide and disable third action element when not needed\n//         this.thirdActionElement.style.display = 'none';  // Hide the button\n//         this.thirdActionElement.disabled = true;         // Disable the button\n\n//         // Optionally clear any innerHTML manipulation if it affects interaction\n//         this.eGui.innerHTML = '';  // Remove other interactive elements or symbols\n//         this.eGui.appendChild(this.viewActionElement);  // Make sure to re-append view action element to maintain it in the DOM\n//     }\n\n//     // Ensure view action element is always interactive regardless of other conditions\n//     this.viewActionElement.style.display = '';\n//     this.viewActionElement.disabled = false;\n// }\n\nprivate updateDisplay(params: any): void {\n  console.log(params);\n  const hotListActive = state.hotListActive || '';\n\n\n\n  // Conditionally add or remove the styled span based on `showThirdAction`\n  if (params.colDef.cellRendererParams.showThirdAction) {\n     // Determine the background color and symbol based on `hotListActive`\n  const color = hotListActive !== '' ? 'rgb(224, 224, 224)' : 'rgb(201, 239, 224)';\n  const symbol = hotListActive !== '' ? '-' : '+';\n\n  // Set the title and background color of the entire GUI element\n  this.eGui.title = 'Hotlist';\n  this.eGui.style.backgroundColor = color;\n      const specialContent = `✱ <span style=\"padding-left: 5px; color: grey;\">${symbol}</span>`;\n      // Try to access the existing special content element if it exists\n      let existingSpan = this.eGui.querySelector('span');\n      if (!existingSpan) {\n          // If it doesn't exist, use insertAdjacentHTML to add without overwriting\n          this.eGui.insertAdjacentHTML('afterbegin', specialContent);\n      }\n  } else {\n      // If `showThirdAction` is false, remove the span if it exists\n      let existingSpan = this.eGui.querySelector('span');\n      if (existingSpan) {\n          existingSpan.remove(); // Remove the styled span\n      }\n  }\n\n  // Control visibility and interaction of the third action button\n  this.thirdActionElement.style.display = params.colDef.cellRendererParams.showThirdAction ? '' : 'none';\n  this.thirdActionElement.disabled = !params.colDef.cellRendererParams.showThirdAction;\n\n  // Ensure the view action element is maintained and always interactive\n  if (!this.eGui.contains(this.viewActionElement)) {\n      this.eGui.appendChild(this.viewActionElement);\n  }\n  this.viewActionElement.style.display = '';\n  this.viewActionElement.disabled = false;\n}\n\n\n\n  private applyStyles(params): void {\n\n    this.eGui.style.borderRadius = '50px';\n    this.eGui.style.paddingLeft = '8px';\n    this.eGui.style.paddingRight = '8px';\n    this.eGui.style.textAlign = 'center';\n    this.eGui.style.margin = '2px 0';\n    this.eGui.style.lineHeight = '26px';\n    this.eGui.style.cursor = params.colDef.cellRendererParams.showThirdAction && 'pointer';\n    this.eGui.style.width = '30px';\n\n    // Additional styles for viewActionElement\n    this.viewActionElement.style.backgroundColor = 'rgb(224, 224, 224)'; // light grey background\n    this.viewActionElement.style.color = '#000'; // text color\n    this.viewActionElement.style.border = 'none';\n    this.viewActionElement.style.borderRadius = '15px'; // rounded corners\n    this.viewActionElement.style.padding = '5px 10px'; // padding inside the button\n    this.viewActionElement.style.margin = '2px';\n    this.viewActionElement.style.cursor = 'pointer';\n    this.viewActionElement.style.fontSize = '14px'; // font size\n    this.viewActionElement.style.marginLeft = params.colDef.cellRendererParams.showThirdAction ? '16px' : '0px';\n    this.viewActionElement.style.transform = params.colDef.cellRendererParams.showThirdAction ? 'none' : 'translateX(-10px)';\n    this.viewActionElement.title = 'View More';\n    this.thirdActionElement.title = 'Third Action';\n  }\n\n  public getGui(): HTMLElement {\n    return this.eGui;\n  }\n\n  public refresh(params: any): boolean {\n    this.updateDisplay(params);\n    return true;\n  }\n\n  public destroy(): void {\n    // Cleanup if necessary\n  }\n}\n"]}

package/dist/collection/components/my-component/UI/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: '16ab2aa3893050d94713f80522632b254ac0c390', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: 'c4c1bcd7487c8fbf341d25886a6b2d3fdf09a50c', 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: 'e72c171a08321205856f39cbc4302d1a007d0a43', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
+        return (h("div", { key: 'cfd9a0be3b0655af485eabc7f9c9f2ecb1cb34b8', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: '76d0c32f1a9caa7d40b9c67d0436bfec3ebd724d', 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: '5f23aabd83c01701a0f990815c90433a2f3f787a', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
                     agGridSubtitleCellRenderer: AgGridSubtitleCellRenderer,
                     resourceTimelineCalendarHeader: ResourceTimelineColumnHeader,
                 }, processPivotResultColDef: colDef => {

package/dist/collection/components/my-component/UI/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: 'e833fd32de19aec8b8409849ad251222991ec584', class: "header-bar" }, h("div", { key: 'fb33e6f247071a91f6f12663e9429f060b160783', 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: '27658219740c3d09a860e5add1e7b9b9d8352d38', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "body1" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: 'eed427fbafcd94c59297851cb94e9c48afaa7e28', class: "subtitle-status" }, this.subtitleStatus && (h("udp-chip", { key: 'a37c003646fecffa65e355303daf11828e2df62c', variant: "outlined", size: "small", label: this.subtitleStatus, color: this.subtitleStatusMappingClasses[this.subtitleStatus] })), this.showLockedIcon && (h("udp-icon-button", { key: 'dbb077ef7541b6e19d52ad5a4ece1d65d30e906a', icon: getIconFromName('lock'), variant: "outlined", size: "x-small", disabled: true }))))), h("div", { key: 'aa2076968454f8ac782ec9a2d379c6ce6f5fd0d9', class: "button-section" }, h("udp-icon-button", { key: 'b56f9a0ec21be3aa96f0cb486aca2c566a3f659e', class: {
+        return (h("div", { key: '98e48c02f009b5c1eb67e1878e52d85d9b0a82af', class: "header-bar" }, h("div", { key: '832ea9920afa2121193ba6ee3e03bc9fdf7f8de3', 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: 'dbcbb63ce53abc22b1780f70e40a62170c069716', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "body1" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: '5ccc6471c3831fd26746b43783008d96c3bb3bbc', class: "subtitle-status" }, this.subtitleStatus && (h("udp-chip", { key: 'f8bf50ad772d9bf9a256f4268768920960e48882', variant: "outlined", size: "small", label: this.subtitleStatus, color: this.subtitleStatusMappingClasses[this.subtitleStatus] })), this.showLockedIcon && (h("udp-icon-button", { key: '9e327c7c0cf3bd62dd851f91a7fa6521dd8616c3', icon: getIconFromName('lock'), variant: "outlined", size: "x-small", disabled: true }))))), h("div", { key: '6a74d6c9989a872e2fcd001ad0e15b5b8a992dbb', class: "button-section" }, h("udp-icon-button", { key: 'd4f83bdd49484e3ff7a73ab09ac8c88515229aac', 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: 'a48459399724333efdfa72ff1dd62eddec9ab2e7', open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, h("udp-menu-item", { key: 'a35fdb3c767535ff8a6e3ee6bd83656f0670f8b9', label: "Expand Groups", onItemClick: this.expandAll }), h("udp-menu-item", { key: '5b6ebd79a84022644b8eb8fb7627301b236d8e1a', label: "Collapse Groups", onItemClick: this.collapseAll })), this.clickBackward && (h("div", { key: '83cdda300ac910486e19f1bdab1a81c92ca60afc', class: "date-navigation" }, this.clickBackward && (h("udp-icon-button", { key: '3ac9e797490b209ec668f4efaf9257d7a0bf1333', tooltip: "Previous period", icon: ChevronLeft24, onClick: this.clickBackward, size: "small", color: "inherit", disabled: this.disableHeaderActions })), this.clickToday && (h("udp-button", { key: 'f48e3a752414f6b5121b2bc21928dae309dfc03b', onClick: this.clickToday, size: "small", color: "inherit", disabled: this.disableHeaderActions }, "Today")), this.clickForward && (h("udp-icon-button", { key: '75a395dd9b53169d3c65e4d78da318e77cc6d78a', 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: '337fa812c70ac00ee93c729974e53cfd4eea6aae', 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: 'e765055e5426c4e15e2440d3e45e3ced77acfb0e', 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: '4a94a9a970e1a479573450bb5957c52e49cf3acc', open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, h("udp-menu-item", { key: '6cf3404adb7efbbbdca1f6a5b26528afae3a772c', label: "Expand Groups", onItemClick: this.expandAll }), h("udp-menu-item", { key: '942d1bc57081727f204b1bf04438eea2c9d4363a', label: "Collapse Groups", onItemClick: this.collapseAll })), this.clickBackward && (h("div", { key: 'b4bb8114a0ebc4778605b10d3aaf6ede34caeb76', class: "date-navigation" }, this.clickBackward && (h("udp-icon-button", { key: 'cdc8969212de03b8aced430f59c7384c6f9e6bae', tooltip: "Previous period", icon: ChevronLeft24, onClick: this.clickBackward, size: "small", color: "inherit", disabled: this.disableHeaderActions })), this.clickToday && (h("udp-button", { key: '428c853c2541dc79b92690d382ba88ee22782b62', onClick: this.clickToday, size: "small", color: "inherit", disabled: this.disableHeaderActions }, "Today")), this.clickForward && (h("udp-icon-button", { key: '5a2eaf8e12fb9f5da08be86e41b9200dd1078b52', 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: '991a10506f2493c0ed8f24737b90d10dc8a433f9', 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: 'd6a4036fc3e2437ccc626325eb6605b4014762cb', 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/my-component/UI/inputs/checkbox/check-box.js

@@ -129,13 +129,13 @@ export class Checkbox {
      */
     render() {
         const isError = !!this.errorMessage;
-        return (h(Host, { key: '1b19d7ccee69d41e46403cb411ceea2e4fb6f763', class: {
+        return (h(Host, { key: '5695603fd69b1fee0df426ce0c71095b892d5fa8', 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: 'aa94500be1431e4ebed9d3093626a9d72bb7a44d', class: "checkbox-container" }, h("input", { key: '16f2c2c5b1c79102a499ce0c91c4c4fbbb2fce6f', 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: '7119c395bd36ff76d6d45ff03523f6002cabc4dc', htmlFor: this.id }, this.label), this.errorMessage && h("div", { key: 'ef7d59c2816e281c6f479d00d5bbd5a9cc3b3d07', class: "error-message" }, this.errorMessage))));
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '8196e88e702c4bfb79422cd0d2c4fd63bd55afcf', class: "checkbox-container" }, h("input", { key: '32fcbc5f163a7bf37f60513fd9d671f01c4e112a', 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: 'fd07bcf92ffd329f547d3f5ed4dfec5b13a5df1a', htmlFor: this.id }, this.label), this.errorMessage && h("div", { key: 'f70b5ebd6be1cb2fffb1d77dd779e1c390908f61', class: "error-message" }, this.errorMessage))));
     }
     static get is() { return "check-box"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/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: '8751c978e7189843fb2144142325ef336f880743', style: { '--calendar-width': this.width } }, h(CalendarTag, { key: '09479c235d49f8c2fd05d02a99cc6dab30c25d75', 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: '39b038349daad10491eacdd4a5a2aeae8a014836', slot: "previous", iconName: 'chevronLeft16', color: "inherit" }), h("udp-icon", { key: 'd45a83f8c724f7c9fed577cda3af02c43a88fa74', slot: "next", iconName: 'chevronRight16', color: "inherit" }), h("div", { key: '056ec5297095c0c8a58468ecc7acad36e66b3a10', class: "grid" }, Array.from({ length: this.monthsToDisplay }).map((_, index) => (h("calendar-month", { offset: index })))))));
+        return (h(Host, { key: '05954e515800a73e77afdea576cd2b3f6c0e888a', style: { '--calendar-width': this.width } }, h(CalendarTag, { key: 'c0ab6f626d2c2f72c70ea732db4cb6c4a4cda7dc', 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: '68b20aae91c9892a7b1ed781f3cccfd5d7e1ef8a', slot: "previous", iconName: 'chevronLeft16', color: "inherit" }), h("udp-icon", { key: '06ee7c8148a73d8626fa1530f7bfd6deae66d53f', slot: "next", iconName: 'chevronRight16', color: "inherit" }), h("div", { key: '30ef370103f2e2682d985bef97d236a7650ca51d', 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/my-component/UI/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: '9edbe6a132cbecabfea080c71930e2477873dd91', class: {
+        return (h(Host, { key: 'df131915a312c330d25c5035b01d18ee3b4ea63e', 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: 'a5bf7a47b784bef02ca873afc691b7d03f8dfd13', class: "bx--form-item" }, h("unity-typography", { key: '2d4f3a8e6971b074e6eca1788ff2ab9310ee5a74', variant: "caption-text" }, h("label", { key: '3acbd7d9c29a59d56e3e31c4e646f723858cecdc', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '22a924af3868e9624679f5a303cdd09ea1addf2c', 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: 'a3e2eb4c50e44c736a5befce55ba72256cabe1ae', class: "bx--form-item" }, h("unity-typography", { key: '8bb60bfd628eac9cf17e080593a8c7d82606a810', variant: "caption-text" }, h("label", { key: '19f5129d2572eb294f9f867a898db92eaa83ed1f', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '5a9252db435eab346fab060b3fdd05f4758cf6b5', 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: '0b542429910e6f1fa5c5aa2ae9db1e6e0a13603a', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), h("unity-typography", { key: 'f20ca4cf58b0089bfed51539966fda3a248cda6c', 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/my-component/UI/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: '03dc3a30955b984622c94a3457ac182e09b70d5b', class: {
+        return (h(Host, { key: '46df2e77c2bbb1831feefb69aa3159fb6537e82a', 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: 'faf64e8afed26baf9d6520abffa33fa3d02ff8ce', class: "bx--form-item" }, h("unity-typography", { key: '1d6ae7b0b37c3d765a2fd82547693459525e37c7', variant: "caption-text" }, h("label", { key: 'f037be2134b9694261405175cdd3a5da8f782897', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '44f7935c6125d02971ab9fef142fddf0ed42d423', 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: '50c17f732e6f569fa73c88910d49bc1ac2896a66', class: "bx--form-item" }, h("unity-typography", { key: '3b9297dec4b2a127a4b2ea6ebc7c8150d023e547', variant: "caption-text" }, h("label", { key: 'fc73ebacf962456dc03cc800e06ca463604c0b8f', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '42d508bee965bb55d83bac7e08a0f1e3d0604767', 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: '1adacdb6e4bb8dd6faa9b061866bf7f74970d05d', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), h("unity-typography", { key: '4db75c928a78d4a1dc5ef64faf4b18b639d13c93', 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/my-component/UI/inputs/image-upload/image-upload.js

@@ -65,7 +65,7 @@ export class ImageUpload {
         };
     }
     render() {
-        return (h(Host, { key: '19a51f64e9f42e14ed0db598cbe14afed29e0223' }, h("file-upload", { key: 'a08353c21e8a684e56dce14b09323bb8793c735e', 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: 'f4d459f52aad000137a7b0acae0d915a17eeee5a' }, h("file-upload", { key: '054a0ee2b1f2650edd19e8b65ec396820d3c8d4a', 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/my-component/UI/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: '9360c33f329089e826a024dbb9fc5428953657a4', class: {
+        return (h(Host, { key: '65520830574846609238c768262916291f7ce2cf', 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: 'a546669bf6e7ea1e92f68be40c7d5d08becc0c53', class: "bx--form-item" }, h("unity-typography", { key: 'dd1dae528f12cc9d1f84bed1b189af031398f160', variant: "caption-text" }, h("label", { key: 'c747bbd8c5cec2b8792076d1cfcb564ad3e37907', 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: '1d7b82bde04c5c27c29f34c2837af56d5fed6bdc', class: "bx--form-item" }, h("unity-typography", { key: '9501d34fea7f1316e1826cfe134f1bf1d1ee3636', variant: "caption-text" }, h("label", { key: 'f6ab38c203c2c4c0774378eaac238a5b0f353be3', 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: '32d8f5447f2f14da09f683ac40784d2b921a5105', class: "error-message" }, h("unity-typography", { key: '4f818ca155926a1d88018853d738bbc090060773', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: '6640782aa038f7ebde2a8111f5f2f1ecb6ba1c88', class: "error-message" }, h("unity-typography", { key: '0682b144cce4cb524aad2e39db227b0010ce2f39', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     static get is() { return "numeric-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/signature-input/signature-input.js

@@ -299,7 +299,7 @@ export class SignatureInput {
             'readonly': this.readonly,
             'disabled': this.disabled,
         };
-        return (h(Host, { key: 'dc034f05df499549cd7034bce6e88c91bfbfaf96', class: {
+        return (h(Host, { key: 'da146767601dcc4f8df5c9a6aa8ad24ce35bc083', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -307,7 +307,7 @@ export class SignatureInput {
                 'udp-input--readonly': this.readonly,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: '4f4d51ecfe59f538eb99b855ae9707af6bd899ea', class: "bx--form-item" }, this.label && (h("unity-typography", { key: 'd8fee693974965ab6898e69524f3915fbd0fc27f', variant: "caption-text" }, h("label", { key: '919a7adc4696078c797a7c5c7c19957ff26c9d13', htmlFor: this.id, class: "bx--label" }, this.label, this.required && '*'))), h("div", { key: '7570d0119751556158487a82b05c3bf97aefeba9', class: containerClasses }, h("canvas", { key: '5262809218c69e88bf3d9050d70e3eba3f7d392c', ref: el => (this.canvasEl = el), class: { 'signature-canvas': true, 'readonly': this.readonly || this.disabled }, id: this.id }), !this.readonly && !this.disabled && (h("button", { key: 'f52033e90c57c4297d6fa31649de86f518c30fc7', type: "button", class: "clear-button", onClick: this.clearSignature, disabled: this.disabled }, "Clear"))), isError && (h("div", { key: '39733f96d4a39c92ae7d6da16eac0512502a9d2b', class: "error-message" }, h("unity-typography", { key: 'cb5d2a2b8f48d6b6b3753bd4cf6882a19f29706c', variant: "caption-text", color: "error" }, this.internalError))))));
+            } }, h("div", { key: '764d6d961827b36df080878f4346c40af97f981d', class: "bx--form-item" }, this.label && (h("unity-typography", { key: 'fdc644f1082467a809e0af19ac723ebd94bf2736', variant: "caption-text" }, h("label", { key: 'd702cd345079c3941fd2bbfc5bd9656cddee399f', htmlFor: this.id, class: "bx--label" }, this.label, this.required && '*'))), h("div", { key: '90a200d341e1d91a45f5d35081b67c3fbd9dec3f', class: containerClasses }, h("canvas", { key: 'bb0966d11ba4c632486c1676e42712c57fc69c6a', ref: el => (this.canvasEl = el), class: { 'signature-canvas': true, 'readonly': this.readonly || this.disabled }, id: this.id }), !this.readonly && !this.disabled && (h("button", { key: '8c4baee41e9f1de528578fa2938df0029e827705', type: "button", class: "clear-button", onClick: this.clearSignature, disabled: this.disabled }, "Clear"))), isError && (h("div", { key: '8b9680fb17658166bbccaa699ae1b03b8d50e732', class: "error-message" }, h("unity-typography", { key: 'd8448d56cd5bb79bd3eed9861576bee0835ae4bb', variant: "caption-text", color: "error" }, this.internalError))))));
     }
     static get is() { return "signature-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/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: 'c9e96cdb5d91e8c2cd45e32d07001a62a3e8a49c', class: {
+        return (h(Host, { key: 'dad02f92b88f66c3856c056d832ca7bc21f77d94', 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: '6083ef795c4eab017a38d1902ec6a579878457a8', class: "tally-container" }, this.label && (h("unity-typography", { key: '049187840fd2aa82ea7e41c5fba09e3b9e19606c', variant: "caption-text" }, h("label", { key: '474ff2713c3ae424d3f06c564a0b25eb7986aa99', htmlFor: this.id, class: "tally-label" }, this.label))), h("div", { key: 'e6c19c979f1ecad44499266ede07f3a3015c76ed', class: "tally-content", id: this.id }, h("div", { key: '78a94b2e9558e3762b992fcc3a6c836c0b434cdc', class: "tally-stats" }, h("div", { key: '685067252f8387392cc49431ca940495d2650814', class: "tally-item tally-yes" }, h("unity-typography", { key: '78b2bef3a168663ab7afd794edb4d86d92f21b97', variant: "h4", class: "tally-count" }, this.yesCount), h("unity-typography", { key: 'a66f44b5e0fecbd1b42d3ced6b04cd1c3f329695', variant: "caption-text", class: "tally-label" }, "Yes")), h("div", { key: 'f942f4ef520684801f6cf3b0a817d1b199c9a16e', class: "tally-item tally-no" }, h("unity-typography", { key: '3b7fced2e98e8d923d8a052143c9a38e59be384e', variant: "h4", class: "tally-count" }, this.noCount), h("unity-typography", { key: '17a86ebf26dc706a355231fd43b7ee61818014a7', variant: "caption-text", class: "tally-label" }, "No")), h("div", { key: '01f7f70b709df656b299a890bba6e244fd7a08c6', class: "tally-item tally-na" }, h("unity-typography", { key: 'abec06e4efc5197ff7e01923851567d3416374b2', variant: "h4", class: "tally-count" }, this.naCount), h("unity-typography", { key: 'a3463b0a120b74e916ee38e7d6f8228f8b23492c', variant: "caption-text", class: "tally-label" }, "Not Applicable")), unansweredCount > 0 && (h("div", { key: 'e3b2232988a7e14b73d6b1e31636567fb49d3c77', class: "tally-item tally-unanswered" }, h("unity-typography", { key: '7f6a2467b952c6e0a09d0b449a02b8695493dcae', variant: "h4", class: "tally-count" }, unansweredCount), h("unity-typography", { key: '2e07bfd707c22f956d012be6ba1a3e63cd173d31', variant: "caption-text", class: "tally-label" }, "Unanswered")))), h("div", { key: 'c6d57248f93e8a1983972c526d3ec59643d51314', class: "tally-summary" }, h("unity-typography", { key: 'ddefe0eb812b31360f4a6cf0859bf3b1075dbcd7', variant: "caption-text" }, "Total Questions: ", this.totalFields))), isError && (h("div", { key: '3fbc95f85065d432106d99c2b7b45a8560820f5d', class: "error-message" }, h("unity-typography", { key: 'd9a4969364ee1787d60933e0560a99ebdf50c8e8', variant: "caption-text", color: "error" }, this.error))))));
+            } }, h("div", { key: 'c35357dfad2e92b5b8fc96d429d1f728165ce668', class: "tally-container" }, this.label && (h("unity-typography", { key: '68bc15766bcee0ff6453a9bacac3aedcb45edcb8', variant: "caption-text" }, h("label", { key: 'd29a16b3f858fadffd1aff4e518dbf5c7df65d4c', htmlFor: this.id, class: "tally-label" }, this.label))), h("div", { key: 'b31bf9778c267818d7e84b75639189e655c3080c', class: "tally-content", id: this.id }, h("div", { key: '528a82fd0c393494da2f43cb8868ea1b0b4eebee', class: "tally-stats" }, h("div", { key: 'd353ce7a53175dc3df498863e324c22111e519be', class: "tally-item tally-yes" }, h("unity-typography", { key: 'eca9beb7a727973da898e538d93883ebc020e4be', variant: "h4", class: "tally-count" }, this.yesCount), h("unity-typography", { key: '10bd7456668ab96706385878ddd95ba0700bf55d', variant: "caption-text", class: "tally-label" }, "Yes")), h("div", { key: '9823d8820d6f7766ddc06e67d857b4e3d38edb50', class: "tally-item tally-no" }, h("unity-typography", { key: 'e794bea69556a5fcb18c34a621c7b5113c8932f7', variant: "h4", class: "tally-count" }, this.noCount), h("unity-typography", { key: '4a9d37a7a77f1ed2602e5106454b1cd195004f95', variant: "caption-text", class: "tally-label" }, "No")), h("div", { key: '3896860f501cc22ab0f915beea6b12cd28f2d9cb', class: "tally-item tally-na" }, h("unity-typography", { key: 'a722a3b95e67c8988d72bbabed42885927378e86', variant: "h4", class: "tally-count" }, this.naCount), h("unity-typography", { key: '6d08a5711c67d2576647263261c195f20d514e06', variant: "caption-text", class: "tally-label" }, "Not Applicable")), unansweredCount > 0 && (h("div", { key: '337404fd8c7b67eb0b7d1596487c32f0a6e68eb3', class: "tally-item tally-unanswered" }, h("unity-typography", { key: 'b9ff220e550e91a9be333670bbe808f6b4ce7704', variant: "h4", class: "tally-count" }, unansweredCount), h("unity-typography", { key: 'bde5a1a4fc89863159aa7282aa372442d10d2188', variant: "caption-text", class: "tally-label" }, "Unanswered")))), h("div", { key: '02c80963acd6f6ca8c614d08e16777e42bfaaeca', class: "tally-summary" }, h("unity-typography", { key: 'b21cd5576137d393be344baca9c0685fd899607b', variant: "caption-text" }, "Total Questions: ", this.totalFields))), isError && (h("div", { key: '06037f62c1eb1e19766f3c8b321e1fca9bdaff58', class: "error-message" }, h("unity-typography", { key: '7977dfbfb142c0e3069565ecec5ba17095804245', variant: "caption-text", color: "error" }, this.error))))));
     }
     static get is() { return "tally-display"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/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: '01b060cb795ba1c1320bbf5e640faac9305ed4df', class: {
+        return (h(Host, { key: 'b6421c9825eca71d3f198def55a8e678e1dc8dee', 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: '04570e8c58353f38268ffca8df06f954250de3e2', class: "bx--form-item" }, h("unity-typography", { key: '105b1e743be4c0b4fce9b27aaa7b354cbd975e66', variant: "caption-text" }, h("label", { key: '7b46e00e85ee85afea05f1c1ca47e227e4703efc', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), h("textarea", { key: '2ef3dac25799642b9ad5f66abb4a87010347f76d', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, h("div", { key: 'ae7de6f4921c62389e953e2c4a3c97a97e5425fb', class: "bx--form-item" }, h("unity-typography", { key: 'd0ba18a2c1e96cb13f097e1a9e2dcf0a0e89542a', variant: "caption-text" }, h("label", { key: '5633078f35f7168dc72c6ec4c1c9c37b042cff8e', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), h("textarea", { key: '34f10f25187f508e5f5f837898bd83153dc6a0fc', 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: '5f222207af8d38edc8509650b6818bb913bef069', class: "error-message" }, h("unity-typography", { key: '32561b17fa58cc1632a7dd578a1795438474d89f', 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: '701ba71cb4d84281039e3d298fc990cd17e917e8', class: "error-message" }, h("unity-typography", { key: 'cd81374c12919bc1854b099adcbe77207aa19e8b', variant: "caption-text", color: "error" }, errorMessage))))));
     }
     static get is() { return "text-area"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/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: '3d786be38d2098b00476e9a5cc9ac08349db06b8', class: {
+        return (h(Host, { key: 'be35c0ce5f92ddcde4ba83b0c4e0dfa9d0e21141', 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: '979bafec5f0506413db35f8361d92beeec357f87', class: "bx--form-item" }, h("unity-typography", { key: 'edd1b93537092c3096e8e8e0667210cd330782c1', variant: "caption-text" }, h("label", { key: 'a6f90dafa0028b60c6963e62ebab679e9f302ebf', 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: '724482ba470fc85753a690305069cac7318c864a', class: "bx--form-item" }, h("unity-typography", { key: '49c8be8225287aea250fb25abf6efff72e36be7b', variant: "caption-text" }, h("label", { key: '70633aa3554288ac78921f614eb6e697de2c75f3', 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: '14fbf61e4d11054de7c29a901b93900f03781c0e', class: "error-message" }, h("unity-typography", { key: '7e5d81b981ba343ee52ac12fc4eda2134dc57d23', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-text-field-' + this.id })), isError && (h("div", { key: 'fdf7e37101763ca2020d75e41b184666b35c2378', class: "error-message" }, h("unity-typography", { key: '41d5512ccbc2e3ac43f7fdc5142888540e22cccd', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     static get is() { return "text-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/time-selector/udp-time-selector.js

@@ -255,7 +255,7 @@ export class UdpTimeSelector {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: 'bb2f53940548506b2967b68fe6c5b1e73430af55', class: {
+        return (h(Host, { key: '19f1a1fea8761906bdd667e936d4ac04cba8c852', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -264,9 +264,9 @@ export class UdpTimeSelector {
                 '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: '15b2fe88d041385bf7035ecca64d7769bdeb843b', class: "bx--form-item" }, h("unity-typography", { key: '0566f681872070de620318de7d21f96accab4cd6', variant: "caption-text" }, h("label", { key: '72940ec01c5d54230d58e5095b69988803d002c7', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '4cf4cd9acd57d8d5144e0e2b61362befce824b25', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '46cfa3db61b91480280b443a714cd286e243fda9', class: "bx--form-item" }, h("unity-typography", { key: 'a45a9f6441926ff798a27aac370f6c7d3223f84b', variant: "caption-text" }, h("label", { key: '5c5948cc709954c05fe1c7a91996f3cc4d6a62d7', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '1847e1c043953fbc1e8c7ef12cc9a56baa68598b', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: 'cc2818ea8716991e0f891315dfed07daa5ed5fd2', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: '4e267ed10b977ebe93a766de70a5cb19ffd09e8e', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get is() { return "udp-time-selector"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/toggle/stencil-toggle.js

@@ -158,16 +158,16 @@ export class StencilToggle {
         const buttonId = `${baseId}-button`;
         const labelId = `${baseId}-label`;
         const isError = !!this.errorMessage;
-        const labelElement = this.label && (h("label", { key: 'a045a91655fb11fac16536c29c967c137178f9bb', id: labelId, class: `toggle-label label-${this.labelPosition}`, htmlFor: !this.disabled ? buttonId : undefined }, h("unity-typography", { key: '7defcfbba676246910cb08882199a2397391a24e', variant: "caption-text" }, this.label)));
-        const toggleElement = (h("div", { key: '0e67d5c3679c0f7692add642f008223993344568', class: `toggle-container ${this.toggled ? 'toggled' : ''}` }, h("button", { key: 'bfd9302e70c4b28fbda66249e2f62e112e75d9d4', id: buttonId, onClick: () => this.toggleButton(), disabled: this.disabled, "aria-checked": this.toggled.toString(), "aria-labelledby": labelId, role: "switch" }, h("span", { key: '8ad3d746a78e9108a49c0423ffd8ae22fcd3f543', class: "toggle-knob" }))));
-        return (h(Host, { key: 'e9744c4d87c09d74824b77269b0ef6812ab0e6dd', class: {
+        const labelElement = this.label && (h("label", { key: '9a97eb8c3b4fd8d76b4bcf83bc590a5abb8044d6', id: labelId, class: `toggle-label label-${this.labelPosition}`, htmlFor: !this.disabled ? buttonId : undefined }, h("unity-typography", { key: 'b1fa7f50fccc2c20ace816825cd7526bbcee021b', variant: "caption-text" }, this.label)));
+        const toggleElement = (h("div", { key: '88bec0d7084ed239893faed516d3c7d77e9a7b1a', class: `toggle-container ${this.toggled ? 'toggled' : ''}` }, h("button", { key: 'bc76124e23ed10fd4d9040caf49cd887508882d2', id: buttonId, onClick: () => this.toggleButton(), disabled: this.disabled, "aria-checked": this.toggled.toString(), "aria-labelledby": labelId, role: "switch" }, h("span", { key: '077ceef2c67fb252c4af5b38c5fd62db02adb8eb', class: "toggle-knob" }))));
+        return (h(Host, { key: '9f6df5633b9808c9bff37ebe197490bf7e362fc9', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--checked': this.toggled,
                 [`udp-input--margin-${this.margin}`]: true,
                 [`udp-input--size-${this.size}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false' }, h("div", { key: '51288ef853d5ed875831e23ec0d2b2ab5b5cef4c', class: `toggle-wrapper position-${this.labelPosition}` }, this.labelPosition === 'left' && labelElement, toggleElement, this.labelPosition === 'right' && labelElement, this.labelPosition === 'bottom' && labelElement, this.errorMessage && h("div", { key: 'bc19ff90dc89dd84f867aa1bfffc34fa06a57f65', class: "error-message" }, this.errorMessage))));
+            }, "aria-invalid": isError ? 'true' : 'false' }, h("div", { key: 'fc562798bbd32a36c1592bbf1794ca45a89f1395', class: `toggle-wrapper position-${this.labelPosition}` }, this.labelPosition === 'left' && labelElement, toggleElement, this.labelPosition === 'right' && labelElement, this.labelPosition === 'bottom' && labelElement, this.errorMessage && h("div", { key: '7681432a91cfbdd77c63d16ec74881b4d384c880', class: "error-message" }, this.errorMessage))));
     }
     static get is() { return "stencil-toggle"; }
     static get encapsulation() { return "shadow"; }