udp-stencil-component-library 25.18.1-beta.8 → 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: '520856f627fd84e8bdc9c481ff2e475fd7dfb66a', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, h("div", { key: '8a7655a50007c944cf6b28c5b8936abc7e3393c0', class: "title-section" }, h("div", { key: 'f0ddcc41fb5b35778a6d2424a4ceb3cd0f618fa4' }, h("unity-typography", { key: '113ef0b8e7ea2f113a263e25541acbaf043b4bee', variant: "h4" }, this.title, " "), ' ')), h("div", { key: '595a3de59f7f639ba9c372fcc8f6f198214fc0e5', class: "button-section" }, h("div", { key: 'e2cbb462d75f84f9aa3a7f9b75f05b1a19ccd326' }, h("slot", { key: '49d2dd8953d70e159fbd404baf168d2b56146c87' })), 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: '34a103505b82064aeb9f6ddf6ff8d75c6881538c', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && h("udp-icon", { key: '0cefb9ec69d19ad7609338521a4efcd5e8443e1a', 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: 'fed1159fa6172e2ef425fda713135e3cdac5b998', class: "wrapper" }, h("form", { key: '4bcf1830addf2e62a4b80bb689760997d53412de', class: "save-form", onSubmit: this.handleSubmit }, h("text-field", { key: '55b95fbe7649a5ff8a3d0a275ad55a2c0a2bcc11', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), h("stencil-toggle", { key: '1ff5aa5b5ff37e5870abeb5f15f4254586c2124e', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), h("div", { key: '101fd16f08d5aaf1d054dd91f0bd9a0451ac299c', class: "submit-button" }, h("custom-button", { key: '2af466a976f5f9cdebf9cd1054e7bb7bddbb9b32', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), h("custom-button", { key: '58b86c74365d86ce22131e6462e83fe5036a15ba', 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: '09ef0f0e4491de19f4b7b06ee20d0ee1384005f9', class: variantClass, ref: el => (this.gridContainerEl = el) }, h("ghost-render", { key: '74ec21f0fc099e50c68be0915a1af7cda74d0776' }, h("div", { key: '850311d288c09fddd394086540eb5fe9730efd28' }, h("udp-dialog", { key: 'afcac5ce1b9fa78e59d2dcc05ccce773ec14a39a' }), h("udp-list-item", { key: 'a78311218bb58edf424a185d562955bedcace44d' }), h("hint-panel", { key: 'aeebbfbbadd7d97ef59893a4ab74d8f520e2c9b5' }))), h("div", { key: 'f0eb54721ab03eb3b66b7c94bc2c1edb2b503e19', class: "grid-base-header" }, h("grid-header", { key: '688303601e82c2755ad7261e61eee24a453ebe38', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, onHeaderAction: this.onHeaderAction }), h("div", { key: 'b99099543b7c32516f25931a4a3554d3b735510b', 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: 'fc409e24001a190d9a5b78e487522bb7259ba97e', 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: '1d8da53919c04c8c2b29fc294b0f3f216dcbee56', 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: '698ddb81a86b3fa53050202f8ee4b42fc5840329', 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: '1abb80d39f7ca1aa4bda3231fb5cadbbfbc3b511', 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: 'fa09ccc17030bad6164245ff7b908633eeb0e66d', 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: '8cefcdc21a6a0ed277b89ddec72ad57b3625251d', 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: '8bb97df169f2f303cab175ecdf34844cbb8482f0', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: 'c9db465059524e09036587f1ee369eca4641fcea', 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: 'a9850a7c6519a8ac1bd094a396a16dbf1dffd5cc', 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: '2a66de4fa2a5788af431094dad4ed1d738707235', class: "header-bar" }, h("div", { key: 'c26898574eb9bd8d9410aef63a369a3cde6afa80', 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: 'd178f920fb58eb6e6850e91790657d619a9cdd11', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "body1" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: 'e8f598c0ca91d62e7326a227479e52c50fc123b1', class: "subtitle-status" }, this.subtitleStatus && (h("udp-chip", { key: '74bfd5f3ecf4966896f443bc702068f913235526', variant: "outlined", size: "small", label: this.subtitleStatus, color: this.subtitleStatusMappingClasses[this.subtitleStatus] })), this.showLockedIcon && (h("udp-icon-button", { key: '98b2d80ceacca1130ae6b99f326613b582144ca9', icon: getIconFromName('lock'), variant: "outlined", size: "x-small", disabled: true }))))), h("div", { key: '5524d1bd00864118ee4d45ebb05226f301e8cb4f', class: "button-section" }, h("udp-icon-button", { key: 'e2d0c6cd6bc38f61d86ee122a32cdf171b92d3c1', 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: '7a04742387e28f0a78d6539ff0b03c4985137229', open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, h("udp-menu-item", { key: '3acb2cc1a9421d1e582e2ee3ff9d2c8c5374a4f7', label: "Expand Groups", onItemClick: this.expandAll }), h("udp-menu-item", { key: 'f1fbb4cfa270ced88a9f1c3b09fb892b5743b1c2', label: "Collapse Groups", onItemClick: this.collapseAll })), this.clickBackward && (h("div", { key: '8393e52e0494161fe016eb4bfc4f50f75745f703', class: "date-navigation" }, this.clickBackward && (h("udp-icon-button", { key: '43d6d92184f28d5ae16658970eb0668526e3b809', tooltip: "Previous period", icon: ChevronLeft24, onClick: this.clickBackward, size: "small", color: "inherit", disabled: this.disableHeaderActions })), this.clickToday && (h("udp-button", { key: '86e85c4af0d74d1d1573195be66187697313c8e8', onClick: this.clickToday, size: "small", color: "inherit", disabled: this.disableHeaderActions }, "Today")), this.clickForward && (h("udp-icon-button", { key: '9b009045cf9be2d7b8bc11e674fdc9134baae28b', 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: '9320445c97b12fa6403d33765a76ad4e54baa567', 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: '47862c1898db0b9c979eaaa6dbb2a0a4c750bbe2', 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: '35ce165e99a01b2cfad1bdb370f08be53c3b107f', 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: 'ffe57d475dbe7fd4941e548b278e5d3c4358e3ef', class: "checkbox-container" }, h("input", { key: 'c9599f48b9c95cf0533b4bd34b0bf9a21519f58d', 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: '5645ddfd96f922401f73289323bd4d56a9d5ef5a', htmlFor: this.id }, this.label), this.errorMessage && h("div", { key: '4e38d91bfaed14e571d0deec40be7ab4cfa94da9', 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: 'ff7c239cacb34453ef31346bd3e7f3ac2a57cff3', style: { '--calendar-width': this.width } }, h(CalendarTag, { key: 'f7dde27f3b428b0a7c4aed75a3b7e890bd794247', 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: 'eca9319ca3df2e6e4c5226ac64b1cfe25a8f1dbe', slot: "previous", iconName: 'chevronLeft16', color: "inherit" }), h("udp-icon", { key: '857850cef32afe0b2a8647d5e761f194e90bd69b', slot: "next", iconName: 'chevronRight16', color: "inherit" }), h("div", { key: 'e279d94d2831483a39693bdf3945358fb5976282', 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: '70baf93e973186a4adaf2ff3637470bafa666939', 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: '92c4d7e51a06ed0db42f868824d7f79629132a9d', class: "bx--form-item" }, h("unity-typography", { key: 'add2baeda562873dd2ef6b306aa1d63c66cf55c7', variant: "caption-text" }, h("label", { key: '131508794697abd61d2ed91fc70c35a401c9fbc9', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '49e4f5f63c495fc12c3228a4f897d4a8e453b288', 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: 'a0a58ed508cb607e2e32c42f5b7d3d2bd5b4b6d0', 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: '47e3932d88410bf3518fd7c6e208fb6c38eebe17', 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: '9fe7320e24b25746556eaf05c056998a6784f3f8', class: "bx--form-item" }, h("unity-typography", { key: '7a8f23d889846cae6708fb5924d87bcb6b5dd44d', variant: "caption-text" }, h("label", { key: 'e524f51437e391dedd8a09bf62ac8025a809203c', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '60b004683304bd644f212980649e0b64991dab84', 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: '8f7b7f221cf7b3f71159814efd482f558b051b89', 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: 'ca8412c0a65495f53c5bce53f1d2705be3dc2fb5' }, h("file-upload", { key: 'd36166a2fe50d71f63bf5420fedf149aa2591c93', 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: 'badaf6d93163a5e0d5bf1cb033d598d83be73b48', 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: 'b725b7a222e9c79497aadb4d253c027f156c9a24', class: "bx--form-item" }, h("unity-typography", { key: '4a8de311ad90f28627f65efd0e82b261b9694084', variant: "caption-text" }, h("label", { key: '468eb2655787185f23310d258c069e26cc16c5bc', 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: '3b50f72129f7cc9d7033aa76cba4f378cdec47c1', class: "error-message" }, h("unity-typography", { key: 'dc81e247eceaaa8bf97c7615a6df5410da03ea0d', 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: 'ac2fb4bedc1622ba4828a3643e6166e622ff098b', 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: 'c693c76ba9b1ceb16c73d33cbcfac0b420598d14', class: "bx--form-item" }, this.label && (h("unity-typography", { key: 'b60f4376e231e25a49a92a7920ef4c444ff3d216', variant: "caption-text" }, h("label", { key: 'a871803a7bea487a82addc1f0be9b5a53cc5f7c9', htmlFor: this.id, class: "bx--label" }, this.label, this.required && '*'))), h("div", { key: '8f6d974eaf18bc2a5261954b965c9c5c14cc5df0', class: containerClasses }, h("canvas", { key: '1a93840f73735d672361d2858a7db3e35809797c', ref: el => (this.canvasEl = el), class: { 'signature-canvas': true, 'readonly': this.readonly || this.disabled }, id: this.id }), !this.readonly && !this.disabled && (h("button", { key: '2d04e634eea1328df6af7adff22bff3e7da49418', type: "button", class: "clear-button", onClick: this.clearSignature, disabled: this.disabled }, "Clear"))), isError && (h("div", { key: '2395b6d8806600af6158a7a5464ca01a131046d4', class: "error-message" }, h("unity-typography", { key: '2afe4c3e248e467c3781e90b45f1fa80cb927265', 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: 'eab9aa9216ed658bcdf6915bd909d918cf830d00', 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: '452e354e6500687871b8ddc804bba7d02070653f', class: "tally-container" }, this.label && (h("unity-typography", { key: '390535267249c7ab8a49e450eb85e9e910c866e8', variant: "caption-text" }, h("label", { key: '79de1a53b126cf298fc2fbad6381d84c7dba603e', htmlFor: this.id, class: "tally-label" }, this.label))), h("div", { key: 'acc4abaaa1cde58775d5b7dbc7d8ef8a98973f42', class: "tally-content", id: this.id }, h("div", { key: '81e95ddfbb3b5d0aae68bc82f6ce1a15817e11c8', class: "tally-stats" }, h("div", { key: 'efd9128195ca7c1fd69f85041ee21bad9e361b19', class: "tally-item tally-yes" }, h("unity-typography", { key: '010828f5cf33fb524a8b49de10ee6ff5375a5ffa', variant: "h4", class: "tally-count" }, this.yesCount), h("unity-typography", { key: '1caa0b78ed65e044c305eba486747c885d69047a', variant: "caption-text", class: "tally-label" }, "Yes")), h("div", { key: '81dc0d4d7fa66889b43ff4a8e15fea32b103a548', class: "tally-item tally-no" }, h("unity-typography", { key: '31202d70b04ccfea2c1965785e00f652151da8c6', variant: "h4", class: "tally-count" }, this.noCount), h("unity-typography", { key: '570f3e5f948eb667e7f9654e8202328b91c1d2fa', variant: "caption-text", class: "tally-label" }, "No")), h("div", { key: '599f0bb878631926a87cef3b33b5a2177a77caae', class: "tally-item tally-na" }, h("unity-typography", { key: 'df06748f2d4a701121367a903c266bab529b6a9c', variant: "h4", class: "tally-count" }, this.naCount), h("unity-typography", { key: '93859a85e24afc9e618630bece8dfc077b6e1cce', variant: "caption-text", class: "tally-label" }, "Not Applicable")), unansweredCount > 0 && (h("div", { key: '11d6c252737deb5054204247cde155109c2b63af', class: "tally-item tally-unanswered" }, h("unity-typography", { key: 'bb7a25001e7a888c8f35d5f5053f06ad9b243c9c', variant: "h4", class: "tally-count" }, unansweredCount), h("unity-typography", { key: '59f54186a96be7fbef4dab69a54510f6096430e5', variant: "caption-text", class: "tally-label" }, "Unanswered")))), h("div", { key: '9e83fc8f1d30495483330c8a0d89248d129fa38a', class: "tally-summary" }, h("unity-typography", { key: '7ab06473f80d661975b742613c790fa71ac50a66', variant: "caption-text" }, "Total Questions: ", this.totalFields))), isError && (h("div", { key: '60c0d66b3d362e26c39b6511a7cfd8b1ba82ba8a', class: "error-message" }, h("unity-typography", { key: '3d45e76018c6cc6f8e27d8e1f76003b51382c73e', 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: '330b822d26731c699507bd061a22a1a01239a8d0', 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: '4252c422de5b9670ccc7a33e1e1ffcb04b90e08a', class: "bx--form-item" }, h("unity-typography", { key: '86c6ea2fabe2810fc6dbf1400311caa21fbea544', variant: "caption-text" }, h("label", { key: 'a4816120f1d41f15599f0c61ab40f6f3eb6f39bc', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), h("textarea", { key: 'e16410a443695a5b0f0a39573cc8274a0c22e98c', 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: '033bb6255f680f35dbe0027b9d202e179a3c9bf4', class: "error-message" }, h("unity-typography", { key: '03e9835bef7a6737b3e8ebf56f5ce1d303d72732', 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: '8a904b91424ef0f338b577d495b16cab865500ea', 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: '2a807fc813c3e3d774de4d9557921021db0836de', class: "bx--form-item" }, h("unity-typography", { key: '27a02c53a522b8339c5a0d8be4e8134e078438e0', variant: "caption-text" }, h("label", { key: '9e44649e7369b0c48a9394a3cafe37c92d8dccc4', 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: 'f16c206feb4536ffef669187d2535b123f43d6c1', class: "error-message" }, h("unity-typography", { key: 'cd7b71a7179fd524053835a60cd3affd26b70ff1', 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: '12a2d440fea4d80364d4df0211ba273830c10a1b', 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: '5a48660fac4210a46ca101eeb40c5c47e7a6382a', class: "bx--form-item" }, h("unity-typography", { key: '1baa18f50e33c4dead50ecf5e5ab33c01ad903ec', variant: "caption-text" }, h("label", { key: '8d816c14c78edee99bef993a42d38acdf65ff520', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '708202991f4617424ad4774aea9745a5d87e867d', 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: '4bf7b30038e585098859836eff7e6f2dcfdea8ad', 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: 'd70c0b30b934987f5867dea6af373d5c9b46064f', id: labelId, class: `toggle-label label-${this.labelPosition}`, htmlFor: !this.disabled ? buttonId : undefined }, h("unity-typography", { key: 'dcabb099ba822136e0540dfa9d1799f8cd73c06e', variant: "caption-text" }, this.label)));
-        const toggleElement = (h("div", { key: '8209c9d3215fb2cbc1cb6d495c35c56cf91cd758', class: `toggle-container ${this.toggled ? 'toggled' : ''}` }, h("button", { key: 'b6c27babc037c4df1614b653ad56e50a9c51a4e8', id: buttonId, onClick: () => this.toggleButton(), disabled: this.disabled, "aria-checked": this.toggled.toString(), "aria-labelledby": labelId, role: "switch" }, h("span", { key: '77133f23b5ebfa3a22667abdafbef32885f2d23a', class: "toggle-knob" }))));
-        return (h(Host, { key: '0795d6d5455dab4c66e715181f31a76457dbf154', 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: '08ea551f5a08c30d6516b43f1e2706de3629bfb5', class: `toggle-wrapper position-${this.labelPosition}` }, this.labelPosition === 'left' && labelElement, toggleElement, this.labelPosition === 'right' && labelElement, this.labelPosition === 'bottom' && labelElement, this.errorMessage && h("div", { key: '0ae44ccd60c71290f862db4de185fd6902687ab8', 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"; }