udp-stencil-component-library 25.18.1-beta.4 → 25.18.1-beta.6

package/dist/collection/components/my-component/UI/data-display/cards/udp-card/udp-card.js

@@ -4,11 +4,7 @@ export class UdpCard {
         /**
          * The variant to use.
          */
-        this.variant = 'elevated';
-        /**
-         * The adornmentStatus of the card.
-         */
-        this.adornmentStatus = 'success';
+        this.variant = 'outlined';
         /**
          * If true, the header title and subheader won't be wrapped by Typography component
          */
@@ -30,10 +26,11 @@ export class UdpCard {
         const renderHeader = !this.hasSlottedContent('header') && (this.cardTitle || this.subheader || this.avatar || this.headerAction);
         const renderMedia = !this.hasSlottedContent('media') && this.mediaImage;
         // const hasDefaultContent = !!this.el.querySelector(':not([slot])');
-        const mainContent = (h(Fragment, { key: '1a13594f0eaa3194038e3681b0edd3b1623d035b' }, renderMedia ? h("udp-card-media", { image: this.mediaImage, title: this.mediaTitle }) : h("slot", { name: "media" }), renderHeader ? (h("udp-card-header", { cardTitle: this.cardTitle, subheader: this.subheader, avatar: this.avatar, action: this.headerAction, disableTypography: this.disableHeaderTypography, onTitleClick: this.onTitleClick })) : (h("slot", { name: "header" })), h("udp-card-content", { key: '7750ed102abd94ee3fe4c19e2274dee87b86dbc6', disableGutter: this.disableContentGutter, disablePadding: this.disableContentPadding }, h("slot", { key: '7c2d8419bad5a9d2aca603973839603465faceac' }))));
-        return (h(Host, { key: 'bd68bde73553f6e24fc488b69245f84150dfa3cb', class: {
-                [this.variant]: true,
-            } }, this.adornmentStatus && h("udp-adornment", { key: '63f16cfc648b2e218be705e32b64cfca5c5cee01', status: this.adornmentStatus }), mainContent, this.actions && h("udp-card-actions", { key: 'a9e4d0ef869a7b5d264a15b53b15077482b9fff5' }, this.actions)));
+        const mainContent = (h(Fragment, { key: 'b7fc40fddaccf8e1f7b065a1f10759a2f4395d84' }, renderMedia ? h("udp-card-media", { image: this.mediaImage, title: this.mediaTitle }) : h("slot", { name: "media" }), renderHeader ? (h("udp-card-header", { cardTitle: this.cardTitle, subheader: this.subheader, avatar: this.avatar, action: this.headerAction, disableTypography: this.disableHeaderTypography, onTitleClick: this.onTitleClick })) : (h("slot", { name: "header" })), h("udp-card-content", { key: 'a7380ff44692ad0123dc52def8b9b49e7b8c4617', disableGutter: this.disableContentGutter, disablePadding: this.disableContentPadding }, h("slot", { key: '156cfbd696987a827f44a6cd5e5be838592c242f' }))));
+        return (h(Host, { key: 'b2fcc1723f6cd77e67bd5280fef6ae935626afb5', class: {
+                [this.variant]: true, // This adds 'elevated' or 'outlined'
+                'elevation-1': this.variant === 'elevated', // This adds a default shadow
+            } }, this.adornmentStatus && h("udp-adornment", { key: '6355f98f462f2b8a7a300d52cc1d002834b00dae', status: this.adornmentStatus }), mainContent, this.actions && h("udp-card-actions", { key: '9843f998eae158c58e1c2fe04e6f0049f3034ff3' }, this.actions)));
     }
     static get is() { return "udp-card"; }
     static get encapsulation() { return "shadow"; }
@@ -67,7 +64,7 @@ export class UdpCard {
                 "setter": false,
                 "reflect": false,
                 "attribute": "variant",
-                "defaultValue": "'elevated'"
+                "defaultValue": "'outlined'"
             },
             "adornmentStatus": {
                 "type": "string",
@@ -86,8 +83,7 @@ export class UdpCard {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "adornment-status",
-                "defaultValue": "'success'"
+                "attribute": "adornment-status"
             },
             "cardTitle": {
                 "type": "string",

package/dist/collection/components/my-component/UI/data-display/cards/udp-card/udp-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"udp-card.js","sourceRoot":"","sources":["../../../../../../../src/components/my-component/UI/data-display/cards/udp-card/udp-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAS,OAAO,EAAE,MAAM,eAAe,CAAC;AAOnF,MAAM,OAAO,OAAO;IALpB;QAQE;;WAEG;QACK,YAAO,GAA4B,UAAU,CAAC;QAEtD;;WAEG;QACK,oBAAe,GAA6C,SAAS,CAAC;QAsB9E;;WAEG;QACK,4BAAuB,GAAa,KAAK,CAAC;QAiBlD;;WAEG;QACK,yBAAoB,GAAY,KAAK,CAAC;QAE9C;;WAEG;QACK,0BAAqB,GAAY,KAAK,CAAC;KAiEhD;IA9CS,iBAAiB,CAAC,QAAgB;QACxC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,UAAU,QAAQ,IAAI,CAAC,CAAC;IACzD,CAAC;IAED,MAAM;QACJ,4IAA4I;QAE5I,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC;QACjI,MAAM,WAAW,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC;QACxE,qEAAqE;QAErE,MAAM,WAAW,GAAG,CAClB,EAAC,QAAQ;YACN,WAAW,CAAC,CAAC,CAAC,sBAAgB,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,GAAmB,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,OAAO,GAAQ;YAC5H,YAAY,CAAC,CAAC,CAAC,CACd,uBACE,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,EAAE,IAAI,CAAC,YAAY,EACzB,iBAAiB,EAAE,IAAI,CAAC,uBAAuB,EAC/C,YAAY,EAAE,IAAI,CAAC,YAAY,GAC/B,CACH,CAAC,CAAC,CAAC,CACF,YAAM,IAAI,EAAC,QAAQ,GAAQ,CAC5B;YACD,yEAAkB,aAAa,EAAE,IAAI,CAAC,oBAAoB,EAAE,cAAc,EAAE,IAAI,CAAC,qBAAqB;gBACpG,8DAAa,CACI,CACV,CACZ,CAAC;QAEF,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI;aACrB;YAEA,IAAI,CAAC,eAAe,IAAI,sEAAe,MAAM,EAAE,IAAI,CAAC,eAAe,GAAI;YACvE,WAAW;YAGX,IAAI,CAAC,OAAO,IAAI,2EAAmB,IAAI,CAAC,OAAO,CAAoB,CAC/D,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Fragment, VNode, Element } from '@stencil/core';\n\n@Component({\n  tag: 'udp-card',\n  styleUrl: 'udp-card.css',\n  shadow: true,\n})\nexport class UdpCard {\n  @Element() el: HTMLElement;\n\n  /**\n   * The variant to use.\n   */\n  @Prop() variant: 'elevated' | 'outlined' = 'elevated';\n\n  /**\n   * The adornmentStatus of the card.\n   */\n  @Prop() adornmentStatus: 'success' | 'error' | 'warning' | 'info' = 'success';\n\n  /**\n   * The title for the card header\n   */\n  @Prop() cardTitle?: string;\n\n  /**\n   * The subheader for the card header\n   */\n  @Prop() subheader?: string | VNode | VNode[];\n\n  /**\n   * The avatar element to display in the card header\n   */\n  @Prop() avatar?: any;\n\n  /**\n   * The action to display in the card header\n   */\n  @Prop() headerAction?: any;\n\n  /**\n   * If true, the header title and subheader won't be wrapped by Typography component\n   */\n  @Prop() disableHeaderTypography?: boolean = false;\n\n  /**\n   * The image URL for the card media.\n   */\n  @Prop() mediaImage: string;\n\n  /**\n   * The title for the card media image, used for accessibility.\n   */\n  @Prop() mediaTitle: string;\n\n  /**\n   * The actions to display in the card footer\n   */\n  @Prop() actions?: any;\n\n  /**\n   * If `true`, the card content area will not have padding.\n   */\n  @Prop() disableContentGutter: boolean = false;\n\n  /**\n   * If `true`, the card content area will not have padding.\n   */\n  @Prop() disableContentPadding: boolean = false;\n\n  /**\n   * If `true`, the main content area of the card becomes a clickable action area.\n   * Not implemented yet.\n   */\n  // @Prop() actionArea: boolean = false;\n\n  /**\n   * Click handler for when actionArea is true\n   * Not implemented yet.\n   */\n  // @Prop() onClick?: (e: MouseEvent) => void;\n\n  /**\n   * Optional handler for when the title is clicked\n   */\n  @Prop() onTitleClick?: (e: CustomEvent) => void;\n\n  private hasSlottedContent(slotName: string): boolean {\n    return !!this.el.querySelector(`[slot=\"${slotName}\"]`);\n  }\n\n  render() {\n    // const elevationClass = this.variant === 'elevation' && this.elevation >= 1 && this.elevation <= 8 ? `elevation-${this.elevation}` : null;\n\n    const renderHeader = !this.hasSlottedContent('header') && (this.cardTitle || this.subheader || this.avatar || this.headerAction);\n    const renderMedia = !this.hasSlottedContent('media') && this.mediaImage;\n    // const hasDefaultContent = !!this.el.querySelector(':not([slot])');\n\n    const mainContent = (\n      <Fragment>\n        {renderMedia ? <udp-card-media image={this.mediaImage} title={this.mediaTitle}></udp-card-media> : <slot name=\"media\"></slot>}\n        {renderHeader ? (\n          <udp-card-header\n            cardTitle={this.cardTitle}\n            subheader={this.subheader}\n            avatar={this.avatar}\n            action={this.headerAction}\n            disableTypography={this.disableHeaderTypography}\n            onTitleClick={this.onTitleClick}\n          />\n        ) : (\n          <slot name=\"header\"></slot>\n        )}\n        <udp-card-content disableGutter={this.disableContentGutter} disablePadding={this.disableContentPadding}>\n          <slot></slot>\n        </udp-card-content>\n      </Fragment>\n    );\n\n    return (\n      <Host\n        class={{\n          [this.variant]: true,\n        }}\n      >\n        {this.adornmentStatus && <udp-adornment status={this.adornmentStatus} />}\n        {mainContent}\n        {/* TODO: Needs to be tested more before uncommenting */}\n        {/* {this.actionArea && <udp-card-action-area onClick={this.onClick} style={{ cursor: 'pointer' }} />} */}\n        {this.actions && <udp-card-actions>{this.actions}</udp-card-actions>}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"udp-card.js","sourceRoot":"","sources":["../../../../../../../src/components/my-component/UI/data-display/cards/udp-card/udp-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAS,OAAO,EAAE,MAAM,eAAe,CAAC;AAOnF,MAAM,OAAO,OAAO;IALpB;QAQE;;WAEG;QACK,YAAO,GAA4B,UAAU,CAAC;QA2BtD;;WAEG;QACK,4BAAuB,GAAa,KAAK,CAAC;QAiBlD;;WAEG;QACK,yBAAoB,GAAY,KAAK,CAAC;QAE9C;;WAEG;QACK,0BAAqB,GAAY,KAAK,CAAC;KAkEhD;IA/CS,iBAAiB,CAAC,QAAgB;QACxC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,UAAU,QAAQ,IAAI,CAAC,CAAC;IACzD,CAAC;IAED,MAAM;QACJ,4IAA4I;QAE5I,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC;QACjI,MAAM,WAAW,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC;QACxE,qEAAqE;QAErE,MAAM,WAAW,GAAG,CAClB,EAAC,QAAQ;YACN,WAAW,CAAC,CAAC,CAAC,sBAAgB,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,GAAmB,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,OAAO,GAAQ;YAC5H,YAAY,CAAC,CAAC,CAAC,CACd,uBACE,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,EAAE,IAAI,CAAC,YAAY,EACzB,iBAAiB,EAAE,IAAI,CAAC,uBAAuB,EAC/C,YAAY,EAAE,IAAI,CAAC,YAAY,GAC/B,CACH,CAAC,CAAC,CAAC,CACF,YAAM,IAAI,EAAC,QAAQ,GAAQ,CAC5B;YACD,yEAAkB,aAAa,EAAE,IAAI,CAAC,oBAAoB,EAAE,cAAc,EAAE,IAAI,CAAC,qBAAqB;gBACpG,8DAAa,CACI,CACV,CACZ,CAAC;QAEF,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACP,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,qCAAqC;gBAC3D,aAAa,EAAE,IAAI,CAAC,OAAO,KAAK,UAAU,EAAE,6BAA6B;aAC1E;YAEE,IAAI,CAAC,eAAe,IAAI,sEAAe,MAAM,EAAE,IAAI,CAAC,eAAe,GAAI;YACvE,WAAW;YAGX,IAAI,CAAC,OAAO,IAAI,2EAAmB,IAAI,CAAC,OAAO,CAAoB,CAC/D,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Fragment, VNode, Element } from '@stencil/core';\n\n@Component({\n  tag: 'udp-card',\n  styleUrl: 'udp-card.css',\n  shadow: true,\n})\nexport class UdpCard {\n  @Element() el: HTMLElement;\n\n  /**\n   * The variant to use.\n   */\n  @Prop() variant: 'elevated' | 'outlined' = 'outlined';\n\n  /**\n   * The adornmentStatus of the card.\n   */\n  @Prop() adornmentStatus: 'success' | 'error' | 'warning' | 'info';\n\n  /**\n   * The title for the card header\n   */\n  @Prop() cardTitle?: string;\n\n  /**\n   * The subheader for the card header\n   */\n  @Prop() subheader?: string | VNode | VNode[];\n\n  /**\n   * The avatar element to display in the card header\n   */\n  @Prop() avatar?: any;\n\n  /**\n   * The action to display in the card header\n   */\n  @Prop() headerAction?: any;\n\n  /**\n   * If true, the header title and subheader won't be wrapped by Typography component\n   */\n  @Prop() disableHeaderTypography?: boolean = false;\n\n  /**\n   * The image URL for the card media.\n   */\n  @Prop() mediaImage: string;\n\n  /**\n   * The title for the card media image, used for accessibility.\n   */\n  @Prop() mediaTitle: string;\n\n  /**\n   * The actions to display in the card footer\n   */\n  @Prop() actions?: any;\n\n  /**\n   * If `true`, the card content area will not have padding.\n   */\n  @Prop() disableContentGutter: boolean = false;\n\n  /**\n   * If `true`, the card content area will not have padding.\n   */\n  @Prop() disableContentPadding: boolean = false;\n\n  /**\n   * If `true`, the main content area of the card becomes a clickable action area.\n   * Not implemented yet.\n   */\n  // @Prop() actionArea: boolean = false;\n\n  /**\n   * Click handler for when actionArea is true\n   * Not implemented yet.\n   */\n  // @Prop() onClick?: (e: MouseEvent) => void;\n\n  /**\n   * Optional handler for when the title is clicked\n   */\n  @Prop() onTitleClick?: (e: CustomEvent) => void;\n\n  private hasSlottedContent(slotName: string): boolean {\n    return !!this.el.querySelector(`[slot=\"${slotName}\"]`);\n  }\n\n  render() {\n    // const elevationClass = this.variant === 'elevation' && this.elevation >= 1 && this.elevation <= 8 ? `elevation-${this.elevation}` : null;\n\n    const renderHeader = !this.hasSlottedContent('header') && (this.cardTitle || this.subheader || this.avatar || this.headerAction);\n    const renderMedia = !this.hasSlottedContent('media') && this.mediaImage;\n    // const hasDefaultContent = !!this.el.querySelector(':not([slot])');\n\n    const mainContent = (\n      <Fragment>\n        {renderMedia ? <udp-card-media image={this.mediaImage} title={this.mediaTitle}></udp-card-media> : <slot name=\"media\"></slot>}\n        {renderHeader ? (\n          <udp-card-header\n            cardTitle={this.cardTitle}\n            subheader={this.subheader}\n            avatar={this.avatar}\n            action={this.headerAction}\n            disableTypography={this.disableHeaderTypography}\n            onTitleClick={this.onTitleClick}\n          />\n        ) : (\n          <slot name=\"header\"></slot>\n        )}\n        <udp-card-content disableGutter={this.disableContentGutter} disablePadding={this.disableContentPadding}>\n          <slot></slot>\n        </udp-card-content>\n      </Fragment>\n    );\n\n    return (\n      <Host\n        class={{\n        [this.variant]: true, // This adds 'elevated' or 'outlined'\n        'elevation-1': this.variant === 'elevated', // This adds a default shadow\n      }}\n      >\n        {this.adornmentStatus && <udp-adornment status={this.adornmentStatus} />}\n        {mainContent}\n        {/* TODO: Needs to be tested more before uncommenting */}\n        {/* {this.actionArea && <udp-card-action-area onClick={this.onClick} style={{ cursor: 'pointer' }} />} */}\n        {this.actions && <udp-card-actions>{this.actions}</udp-card-actions>}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -72,6 +72,8 @@ export class AgGridBase {
                     refreshClientSideRowModel: type => this.gridApi.refreshClientSideRowModel(type),
                     selectAll: (mode, source) => this.gridApi.selectAll(mode, source),
                     deselectAll: (mode, source) => this.gridApi.deselectAll(mode, source),
+                    getServerSideSelectionState: () => this.gridApi.getServerSideSelectionState(),
+                    setServerSideSelectionState: (state) => this.gridApi.setServerSideSelectionState(state),
                 });
             }
             //set column defs
@@ -146,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: '053ddbd9909bde99762661194682cf18b7dcd654', class: variantClass, ref: el => (this.gridContainerEl = el) }, h("ghost-render", { key: '1e464866265bfd233da0b87f25f58bb291305421' }, h("div", { key: '0ad8e3d370380fc857059f4261257fe40fea39d6' }, h("udp-dialog", { key: 'a913be8e03b3cc145d5a63761012af114696e6e5' }), h("udp-list-item", { key: 'b689897fb11777acaa2f9087497265407556fe22' }), h("hint-panel", { key: '8000ce167ade42ee2c68412aa5daadcc5b4341bd' }))), h("div", { key: '95e0f94a869a7d9c5e788d789e5e19bb7d1abcfc', class: "grid-base-header" }, h("grid-header", { key: '57d80d7f6a54096ed02e11457c06278fdef71cb2', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, onHeaderAction: this.onHeaderAction }), h("div", { key: '3ae700e844115e0842b41eb3a3b7ff75e7307990', 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: 'f72617515c98560632057f7dd9b2d95560136698', id: "myNewGrid", ref: el => (this.gridEl = el), style: {
+        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: {
                 viewTransitionName: `my-new-grid`,
             } })));
     }

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

@@ -1 +1 @@
-{"version":3,"file":"ag-grid-base.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/grid/new-grid/ag-grid-base.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Element, Prop, EventEmitter, Event, State, Watch } from '@stencil/core';\nimport {\n  createGrid,\n  GridOptions,\n  ModuleRegistry,\n  themeQuartz,\n  GridApi,\n  GridReadyEvent,\n  ColDef,\n} from 'ag-grid-community-v33';\nimport { HeaderConfig, GridApiMethods } from './interfaces/grid';\nimport { AllEnterpriseModule, LicenseManager } from 'ag-grid-enterprise-v33';\nimport { gridFunctionRegistry } from './gridFunctionRegistry';\nimport { GridFunction } from './interfaces/gridFunction';\nimport ActionsRenderer from '../renderers/actions-renderer';\nimport CurrencyRenderer from '../renderers/currency-renderer';\nimport DateTimeCellRenderer from '../renderers/date-time-cell-renderer';\nimport IconRenderer from '../renderers/icon-renderer';\nimport StatusRenderer from '../renderers/status-renderer';\nimport { GridFunctionConfig } from './interfaces/gridFunction';\nimport { configureUdpColumnMods } from './helperFunctions/configureUdpColumnMods';\nimport { dateTimeValueFormatter } from './helperFunctions/valueFormatters';\nimport isEqual from 'lodash/isEqual';\n\nconst myTheme = themeQuartz.withParams({\n  wrapperBorderRadius: 0,\n  wrapperBorder: false,\n  //headerBackgroundColor: 'var(--udp-grid-column-header-bg)',\n  headerCellHoverBackgroundColor: 'var(--udp-grid-column-header-bg-hover)',\n  //headerTextColor: 'var(--udp-grid-column-header-text)',\n  borderColor: '#E9ECEF',\n});\n\n@Component({\n  tag: 'ag-grid-base',\n  shadow: false,\n  styleUrl: 'ag-grid-base.css',\n})\nexport class AgGridBase {\n  @Element() el!: HTMLElement;\n\n  @Prop() columnDefs: Array<ColDef>;\n  @Prop() gridOptions!: GridOptions;\n  @Prop() headerConfig: HeaderConfig = {};\n  @Prop() gridHeight: string;\n  @Prop() gridFunctions: GridFunctionConfig[] = [];\n  @Prop() gridId: string;\n  @Prop() entityName: string;\n  @Prop() gridApiCallback?: (api: GridApiMethods) => void;\n\n  @State() refreshKey = 0;\n\n  @Event() gridReady!: EventEmitter<GridApi>;\n\n  private gridApi!: GridApi;\n\n  private gridFunctionInstances: GridFunction[] = [];\n\n  private gridEl: HTMLElement;\n  private gridContainerEl: HTMLElement;\n  private resizeDebounce: any;\n  private resizeObserver: ResizeObserver;\n\n  private updateGridHeight = () => {\n    if (this.gridEl) {\n      const rect = this.gridEl.getBoundingClientRect();\n      const availableHeight = window.innerHeight - rect.top;\n      const BOTTOM_BUFFER = 10;\n      this.gridEl.style.height = `${\n        availableHeight - BOTTOM_BUFFER > 400 ? availableHeight - BOTTOM_BUFFER : 400\n      }px`;\n    }\n  };\n\n  private scheduleHeightUpdate = () => {\n    clearTimeout(this.resizeDebounce);\n    this.resizeDebounce = setTimeout(this.updateGridHeight, 100);\n  };\n\n  private refreshGridFunctions = () => {\n    this.refreshKey++; // flip a dummy state so Stencil re-invokes render()\n  };\n\n  componentWillLoad() {\n    ModuleRegistry.registerModules([AllEnterpriseModule]);\n\n    LicenseManager.setLicenseKey(\n      'Using_this_{AG_Grid}_Enterprise_key_{AG-080613}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Univerus_Software_Inc}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{MAIS_eRec}_only_for_{1}_Front-End_JavaScript_developer___All_Front-End_JavaScript_developers_working_on_{MAIS_eRec}_need_to_be_licensed___{MAIS_eRec}_has_not_been_granted_a_Deployment_License_Add-on___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{28_June_2026}____[v3]_[01]_MTc4MjYwMTIwMDAwMA==5c7d1487ecb13b28e75415d34b7cf694',\n    );\n  }\n\n  componentDidLoad() {\n    const gridOptions: GridOptions = {\n      tooltipShowMode: 'whenTruncated',\n      tooltipShowDelay: 500,\n      ...this.gridOptions,\n      columnTypes: {\n        booleanChip: {\n          cellRenderer: 'iconRenderer',\n          cellRendererParams: {\n            iconMappingConfig: {\n              true: { iconName: 'checkMark24', color: 'success' },\n              false: { iconName: 'close24', color: 'error' },\n            },\n          },\n        },\n      },\n      dataTypeDefinitions: {\n        dateTimeString: {\n          baseDataType: 'dateTimeString',\n          extendsDataType: 'dateTimeString',\n          valueFormatter: dateTimeValueFormatter,\n        },\n        boolean: {\n          baseDataType: 'boolean',\n          extendsDataType: 'boolean',\n          columnTypes: 'booleanChip',\n        },\n      },\n      gridId: this.gridId,\n      onGridReady: this.onGridReady,\n      theme: myTheme,\n      components: {\n        actionsRenderer: ActionsRenderer,\n        currencyRenderer: CurrencyRenderer,\n        dateTimeCellRenderer: DateTimeCellRenderer,\n        iconRenderer: IconRenderer,\n        statusRenderer: StatusRenderer,\n        ...this.gridOptions?.components,\n      },\n      domLayout: 'normal',\n      defaultColDef: {\n        sortable: true,\n        filter: true,\n        flex: 1,\n        minWidth: 150,\n        suppressHeaderMenuButton: true,\n        ...this.gridOptions?.defaultColDef,\n        filterParams: {\n          buttons: ['reset', 'apply'],\n          closeOnApply: true,\n          maxNumConditions: 10,\n          ...this.gridOptions?.defaultColDef?.filterParams,\n        },\n      },\n    };\n\n    createGrid(this.el.querySelector('#myNewGrid') as HTMLElement, gridOptions);\n\n    if (this.gridHeight) {\n      this.gridEl.style.height = this.gridHeight;\n    } else {\n      this.updateGridHeight();\n      this.resizeObserver = new ResizeObserver(this.scheduleHeightUpdate);\n      this.resizeObserver.observe(this.gridContainerEl);\n    }\n  }\n\n  disconnectedCallback() {\n    this.gridApi?.destroy();\n  }\n\n  private onGridReady = (e: GridReadyEvent) => {\n    this.gridApi = e.api;\n    this.updateGridContextValues();\n\n    //create grid plugin function objects from the gridFunction.ts registry\n    this.gridFunctionInstances = this.gridFunctions\n      .map(config => {\n        const Ctor = gridFunctionRegistry[config.name];\n        if (!Ctor) return null;\n\n        const instance = new Ctor();\n        // Pass the callback from the config object\n        instance.init(this.gridApi, this.refreshGridFunctions, config.params);\n\n        return instance;\n      })\n      .filter((f): f is GridFunction => !!f);\n\n    //set api methods\n    if (this.gridApiCallback) {\n      this.gridApiCallback({\n        refreshServerSide: () => this.gridApi.refreshServerSide(), //Refreshes server side datasource\n        getSelectedRows: () => this.gridApi.getSelectedRows(), //gets all selected row data\n        getSelectedNodes: () => this.gridApi.getSelectedNodes(), //gets all selected row nodes\n        getSearchObject: () => this.gridApi.getGridOption('context')?.searchObject, //gets current full search object\n        getEntityName: () => this.gridApi.getGridOption('context')?.entityName, //gets entity name\n        getFilterModel: () => this.gridApi.getFilterModel(),\n        setFilterModel: model => this.gridApi.setFilterModel(model),\n        onFilterChanged: () => this.gridApi.onFilterChanged(),\n        expandAll: () => this.gridApi.expandAll(),\n        collapseAll: () => this.gridApi.collapseAll(),\n        toggleLoadingOverlay: value => this.gridApi.setGridOption('loading', value),\n        refreshCells: () => this.gridApi.refreshCells(),\n        refreshClientSideRowModel: type => this.gridApi.refreshClientSideRowModel(type),\n        selectAll: (mode, source) => this.gridApi.selectAll(mode, source),\n        deselectAll: (mode, source) => this.gridApi.deselectAll(mode, source),\n      });\n    }\n\n    //set column defs\n    this.setColumnDefs();\n    this.gridReady.emit(this.gridApi);\n  };\n\n  @Watch('columnDefs')\n  handleUpdateColumnDefs(newVal, prevVal) {\n    if (isEqual(newVal, prevVal)) {\n      return;\n    }\n    this.setColumnDefs();\n  }\n\n  setColumnDefs() {\n    if (this.columnDefs && this.gridApi) {\n      const newDefs = configureUdpColumnMods(\n        this.columnDefs,\n        this.gridFunctions?.some(func => func?.name === 'advancedSearch'), //disabled column filtering if advanced search is on\n      );\n      this.gridApi.setGridOption('columnDefs', newDefs);\n    }\n  }\n\n  private onHeaderAction = (ev: CustomEvent<{ name: string; payload?: any }>) => {\n    this.gridFunctionInstances.forEach(f => f.onAction?.(ev.detail.name, ev.detail.payload));\n  };\n\n  private updateGridContextValues = () => {\n    this.gridApi.setGridOption('context', {\n      ...this.gridApi.getGridOption('context'),\n      entityName: this.entityName,\n      gridId: this.gridId,\n    });\n  };\n\n  @Watch('entityName')\n  @Watch('gridId')\n  handleEntityNameChange() {\n    this.updateGridContextValues();\n  }\n\n  render() {\n    const variantClass = `variant-${this.headerConfig?.variant || 'light'}`;\n\n    return (\n      <div class={variantClass} ref={el => (this.gridContainerEl = el as HTMLElement)}>\n        {/*\n          @workaround(Compiler Hint)\n          @reason The <udp-dialog> and <udp-list-item> is rendered dynamically by a grid function.\n                  They are ghost-rendered here to prevent it from being tree-shaken out of\n                  the production build. See <ghost-render> for more details.\n        */}\n        <ghost-render>\n          <div>\n            <udp-dialog />\n            <udp-list-item />\n            <hint-panel />\n          </div>\n        </ghost-render>\n        <div class=\"grid-base-header\">\n          <grid-header\n            headerConfig={this.headerConfig}\n            gridFunctions={this.gridFunctions}\n            onHeaderAction={this.onHeaderAction}\n          />\n          <div class=\"action-bar\" style={{ viewTransitionName: `action-bar` }}>\n            {this.gridFunctionInstances.map(fn => fn.render?.())}\n          </div>\n        </div>\n        <div\n          id=\"myNewGrid\"\n          ref={el => (this.gridEl = el as HTMLElement)}\n          style={{\n            viewTransitionName: `my-new-grid`,\n          }}\n        ></div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ag-grid-base.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/grid/new-grid/ag-grid-base.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Element, Prop, EventEmitter, Event, State, Watch } from '@stencil/core';\nimport {\n  createGrid,\n  GridOptions,\n  ModuleRegistry,\n  themeQuartz,\n  GridApi,\n  GridReadyEvent,\n  ColDef,\n} from 'ag-grid-community-v33';\nimport { HeaderConfig, GridApiMethods } from './interfaces/grid';\nimport { AllEnterpriseModule, LicenseManager } from 'ag-grid-enterprise-v33';\nimport { gridFunctionRegistry } from './gridFunctionRegistry';\nimport { GridFunction } from './interfaces/gridFunction';\nimport ActionsRenderer from '../renderers/actions-renderer';\nimport CurrencyRenderer from '../renderers/currency-renderer';\nimport DateTimeCellRenderer from '../renderers/date-time-cell-renderer';\nimport IconRenderer from '../renderers/icon-renderer';\nimport StatusRenderer from '../renderers/status-renderer';\nimport { GridFunctionConfig } from './interfaces/gridFunction';\nimport { configureUdpColumnMods } from './helperFunctions/configureUdpColumnMods';\nimport { dateTimeValueFormatter } from './helperFunctions/valueFormatters';\nimport isEqual from 'lodash/isEqual';\n\nconst myTheme = themeQuartz.withParams({\n  wrapperBorderRadius: 0,\n  wrapperBorder: false,\n  //headerBackgroundColor: 'var(--udp-grid-column-header-bg)',\n  headerCellHoverBackgroundColor: 'var(--udp-grid-column-header-bg-hover)',\n  //headerTextColor: 'var(--udp-grid-column-header-text)',\n  borderColor: '#E9ECEF',\n});\n\n@Component({\n  tag: 'ag-grid-base',\n  shadow: false,\n  styleUrl: 'ag-grid-base.css',\n})\nexport class AgGridBase {\n  @Element() el!: HTMLElement;\n\n  @Prop() columnDefs: Array<ColDef>;\n  @Prop() gridOptions!: GridOptions;\n  @Prop() headerConfig: HeaderConfig = {};\n  @Prop() gridHeight: string;\n  @Prop() gridFunctions: GridFunctionConfig[] = [];\n  @Prop() gridId: string;\n  @Prop() entityName: string;\n  @Prop() gridApiCallback?: (api: GridApiMethods) => void;\n\n  @State() refreshKey = 0;\n\n  @Event() gridReady!: EventEmitter<GridApi>;\n\n  private gridApi!: GridApi;\n\n  private gridFunctionInstances: GridFunction[] = [];\n\n  private gridEl: HTMLElement;\n  private gridContainerEl: HTMLElement;\n  private resizeDebounce: any;\n  private resizeObserver: ResizeObserver;\n\n  private updateGridHeight = () => {\n    if (this.gridEl) {\n      const rect = this.gridEl.getBoundingClientRect();\n      const availableHeight = window.innerHeight - rect.top;\n      const BOTTOM_BUFFER = 10;\n      this.gridEl.style.height = `${\n        availableHeight - BOTTOM_BUFFER > 400 ? availableHeight - BOTTOM_BUFFER : 400\n      }px`;\n    }\n  };\n\n  private scheduleHeightUpdate = () => {\n    clearTimeout(this.resizeDebounce);\n    this.resizeDebounce = setTimeout(this.updateGridHeight, 100);\n  };\n\n  private refreshGridFunctions = () => {\n    this.refreshKey++; // flip a dummy state so Stencil re-invokes render()\n  };\n\n  componentWillLoad() {\n    ModuleRegistry.registerModules([AllEnterpriseModule]);\n\n    LicenseManager.setLicenseKey(\n      'Using_this_{AG_Grid}_Enterprise_key_{AG-080613}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Univerus_Software_Inc}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{MAIS_eRec}_only_for_{1}_Front-End_JavaScript_developer___All_Front-End_JavaScript_developers_working_on_{MAIS_eRec}_need_to_be_licensed___{MAIS_eRec}_has_not_been_granted_a_Deployment_License_Add-on___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{28_June_2026}____[v3]_[01]_MTc4MjYwMTIwMDAwMA==5c7d1487ecb13b28e75415d34b7cf694',\n    );\n  }\n\n  componentDidLoad() {\n    const gridOptions: GridOptions = {\n      tooltipShowMode: 'whenTruncated',\n      tooltipShowDelay: 500,\n      ...this.gridOptions,\n      columnTypes: {\n        booleanChip: {\n          cellRenderer: 'iconRenderer',\n          cellRendererParams: {\n            iconMappingConfig: {\n              true: { iconName: 'checkMark24', color: 'success' },\n              false: { iconName: 'close24', color: 'error' },\n            },\n          },\n        },\n      },\n      dataTypeDefinitions: {\n        dateTimeString: {\n          baseDataType: 'dateTimeString',\n          extendsDataType: 'dateTimeString',\n          valueFormatter: dateTimeValueFormatter,\n        },\n        boolean: {\n          baseDataType: 'boolean',\n          extendsDataType: 'boolean',\n          columnTypes: 'booleanChip',\n        },\n      },\n      gridId: this.gridId,\n      onGridReady: this.onGridReady,\n      theme: myTheme,\n      components: {\n        actionsRenderer: ActionsRenderer,\n        currencyRenderer: CurrencyRenderer,\n        dateTimeCellRenderer: DateTimeCellRenderer,\n        iconRenderer: IconRenderer,\n        statusRenderer: StatusRenderer,\n        ...this.gridOptions?.components,\n      },\n      domLayout: 'normal',\n      defaultColDef: {\n        sortable: true,\n        filter: true,\n        flex: 1,\n        minWidth: 150,\n        suppressHeaderMenuButton: true,\n        ...this.gridOptions?.defaultColDef,\n        filterParams: {\n          buttons: ['reset', 'apply'],\n          closeOnApply: true,\n          maxNumConditions: 10,\n          ...this.gridOptions?.defaultColDef?.filterParams,\n        },\n      },\n    };\n\n    createGrid(this.el.querySelector('#myNewGrid') as HTMLElement, gridOptions);\n\n    if (this.gridHeight) {\n      this.gridEl.style.height = this.gridHeight;\n    } else {\n      this.updateGridHeight();\n      this.resizeObserver = new ResizeObserver(this.scheduleHeightUpdate);\n      this.resizeObserver.observe(this.gridContainerEl);\n    }\n  }\n\n  disconnectedCallback() {\n    this.gridApi?.destroy();\n  }\n\n  private onGridReady = (e: GridReadyEvent) => {\n    this.gridApi = e.api;\n    this.updateGridContextValues();\n\n    //create grid plugin function objects from the gridFunction.ts registry\n    this.gridFunctionInstances = this.gridFunctions\n      .map(config => {\n        const Ctor = gridFunctionRegistry[config.name];\n        if (!Ctor) return null;\n\n        const instance = new Ctor();\n        // Pass the callback from the config object\n        instance.init(this.gridApi, this.refreshGridFunctions, config.params);\n\n        return instance;\n      })\n      .filter((f): f is GridFunction => !!f);\n\n    //set api methods\n    if (this.gridApiCallback) {\n      this.gridApiCallback({\n        refreshServerSide: () => this.gridApi.refreshServerSide(), //Refreshes server side datasource\n        getSelectedRows: () => this.gridApi.getSelectedRows(), //gets all selected row data\n        getSelectedNodes: () => this.gridApi.getSelectedNodes(), //gets all selected row nodes\n        getSearchObject: () => this.gridApi.getGridOption('context')?.searchObject, //gets current full search object\n        getEntityName: () => this.gridApi.getGridOption('context')?.entityName, //gets entity name\n        getFilterModel: () => this.gridApi.getFilterModel(),\n        setFilterModel: model => this.gridApi.setFilterModel(model),\n        onFilterChanged: () => this.gridApi.onFilterChanged(),\n        expandAll: () => this.gridApi.expandAll(),\n        collapseAll: () => this.gridApi.collapseAll(),\n        toggleLoadingOverlay: value => this.gridApi.setGridOption('loading', value),\n        refreshCells: () => this.gridApi.refreshCells(),\n        refreshClientSideRowModel: type => this.gridApi.refreshClientSideRowModel(type),\n        selectAll: (mode, source) => this.gridApi.selectAll(mode, source),\n        deselectAll: (mode, source) => this.gridApi.deselectAll(mode, source),\n        getServerSideSelectionState: () => this.gridApi.getServerSideSelectionState(),\n        setServerSideSelectionState: (state) => this.gridApi.setServerSideSelectionState(state),\n      });\n    }\n\n    //set column defs\n    this.setColumnDefs();\n    this.gridReady.emit(this.gridApi);\n  };\n\n  @Watch('columnDefs')\n  handleUpdateColumnDefs(newVal, prevVal) {\n    if (isEqual(newVal, prevVal)) {\n      return;\n    }\n    this.setColumnDefs();\n  }\n\n  setColumnDefs() {\n    if (this.columnDefs && this.gridApi) {\n      const newDefs = configureUdpColumnMods(\n        this.columnDefs,\n        this.gridFunctions?.some(func => func?.name === 'advancedSearch'), //disabled column filtering if advanced search is on\n      );\n      this.gridApi.setGridOption('columnDefs', newDefs);\n    }\n  }\n\n  private onHeaderAction = (ev: CustomEvent<{ name: string; payload?: any }>) => {\n    this.gridFunctionInstances.forEach(f => f.onAction?.(ev.detail.name, ev.detail.payload));\n  };\n\n  private updateGridContextValues = () => {\n    this.gridApi.setGridOption('context', {\n      ...this.gridApi.getGridOption('context'),\n      entityName: this.entityName,\n      gridId: this.gridId,\n    });\n  };\n\n  @Watch('entityName')\n  @Watch('gridId')\n  handleEntityNameChange() {\n    this.updateGridContextValues();\n  }\n\n  render() {\n    const variantClass = `variant-${this.headerConfig?.variant || 'light'}`;\n\n    return (\n      <div class={variantClass} ref={el => (this.gridContainerEl = el as HTMLElement)}>\n        {/*\n          @workaround(Compiler Hint)\n          @reason The <udp-dialog> and <udp-list-item> is rendered dynamically by a grid function.\n                  They are ghost-rendered here to prevent it from being tree-shaken out of\n                  the production build. See <ghost-render> for more details.\n        */}\n        <ghost-render>\n          <div>\n            <udp-dialog />\n            <udp-list-item />\n            <hint-panel />\n          </div>\n        </ghost-render>\n        <div class=\"grid-base-header\">\n          <grid-header\n            headerConfig={this.headerConfig}\n            gridFunctions={this.gridFunctions}\n            onHeaderAction={this.onHeaderAction}\n          />\n          <div class=\"action-bar\" style={{ viewTransitionName: `action-bar` }}>\n            {this.gridFunctionInstances.map(fn => fn.render?.())}\n          </div>\n        </div>\n        <div\n          id=\"myNewGrid\"\n          ref={el => (this.gridEl = el as HTMLElement)}\n          style={{\n            viewTransitionName: `my-new-grid`,\n          }}\n        ></div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/my-component/UI/grid/new-grid/interfaces/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../../../../../../src/components/my-component/UI/grid/new-grid/interfaces/grid.ts"],"names":[],"mappings":"","sourcesContent":["import { Search } from '../../../../../../udp-utilities/interfaces/searchObject';\nimport { IRowNode, FilterModel, ClientSideRowModelStep, SelectAllMode, SelectionEventSourceType } from 'ag-grid-community-v33';\nexport interface GridHeaderCustomAction {\n  label?: string;\n  iconName?: string;\n  onClick: () => void;\n  disabled?: boolean;\n  loading?: boolean;\n}\n\nexport interface HeaderConfig {\n  title?: string;\n  variant?: 'dark' | 'light';\n  primaryActionButton?: GridHeaderCustomAction;\n  secondaryActionButtons?: Array<GridHeaderCustomAction>;\n}\n\nexport interface GridApiMethods {\n  refreshServerSide: () => void;\n  getSelectedRows: () => any[];\n  getSelectedNodes: () => IRowNode<any>[];\n  getSearchObject: () => Search;\n  getEntityName: () => string;\n  getFilterModel: () => FilterModel;\n  setFilterModel: (model: FilterModel) => void;\n  onFilterChanged: () => void;\n  expandAll: () => void;\n  collapseAll: () => void;\n  toggleLoadingOverlay: (value: boolean) => void;\n  refreshCells: () => void;\n  refreshClientSideRowModel: (type: ClientSideRowModelStep) => void;\n  selectAll: (mode?: SelectAllMode, source?: SelectionEventSourceType) => void,\n  deselectAll: (mode?: SelectAllMode, source?: SelectionEventSourceType) => void\n}\n"]}
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../../../../../../src/components/my-component/UI/grid/new-grid/interfaces/grid.ts"],"names":[],"mappings":"","sourcesContent":["import { Search } from '../../../../../../udp-utilities/interfaces/searchObject';\nimport { IRowNode, FilterModel, ClientSideRowModelStep, SelectAllMode, SelectionEventSourceType, IServerSideSelectionState, IServerSideGroupSelectionState } from 'ag-grid-community-v33';\nexport interface GridHeaderCustomAction {\n  label?: string;\n  iconName?: string;\n  onClick: () => void;\n  disabled?: boolean;\n  loading?: boolean;\n}\n\nexport interface HeaderConfig {\n  title?: string;\n  variant?: 'dark' | 'light';\n  primaryActionButton?: GridHeaderCustomAction;\n  secondaryActionButtons?: Array<GridHeaderCustomAction>;\n}\n\nexport interface GridApiMethods {\n  refreshServerSide: () => void;\n  getSelectedRows: () => any[];\n  getSelectedNodes: () => IRowNode<any>[];\n  getSearchObject: () => Search;\n  getEntityName: () => string;\n  getFilterModel: () => FilterModel;\n  setFilterModel: (model: FilterModel) => void;\n  onFilterChanged: () => void;\n  expandAll: () => void;\n  collapseAll: () => void;\n  toggleLoadingOverlay: (value: boolean) => void;\n  refreshCells: () => void;\n  refreshClientSideRowModel: (type: ClientSideRowModelStep) => void;\n  selectAll: (mode?: SelectAllMode, source?: SelectionEventSourceType) => void;\n  deselectAll: (mode?: SelectAllMode, source?: SelectionEventSourceType) => void;\n  getServerSideSelectionState: () => IServerSideSelectionState  |  IServerSideGroupSelectionState  |  null;\n  setServerSideSelectionState: (state: IServerSideSelectionState  |  IServerSideGroupSelectionState) => void;\n}\n"]}

package/dist/collection/components/my-component/UI/tabs/tab/tabs/udp-tabs.css

@@ -1,44 +1,187 @@
+.tab-container {
+  display: flex;
+  flex-direction: column;
+}
+
 .tab-header {
-    display: flex;
-    background-color: #ffffff;
-    border-bottom: 1px solid #e0e0e0;
-  }
-  
-  .tab-header button {
-    flex-grow: 1;
-    padding: 16px;
-    font-size: 14px;
-    text-align: center;
-    border: none;
-    background: none;
-    cursor: pointer;
-    outline: none;
-    transition: all 0.3s ease;
-  }
-  
-  .tab-header button.active {
-    border-bottom: 2px solid 'var(--secondary-color)';
-    font-weight: 600;
-  }
-  
-  .tab-content {
-    display: flex;
-    flex-direction: column;
-    padding: 16px;
-    background-color: #ffffff;
-  }
-  
-  .tab-header button {
-    cursor: pointer;
-    border: none;
-    padding: 16px;
-    background-color: transparent;
-    color: #757575;
-  }
-  
-  .tab-header button.active {
-    border-bottom: 2px solid #344861;
-    color: #344861;
-    font-weight: 600;
-  }
-  
+  background-color: #ffffff;
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.tab-scroll-container {
+  display: flex;
+  position: relative;
+  overflow-x: auto;
+  overflow-y: hidden;
+  flex: 1;
+  min-width: 0;
+}
+
+.tab-scroll-container::-webkit-scrollbar {
+  height: 4px;
+}
+.tab-scroll-container::-webkit-scrollbar-track {
+  background: transparent;
+}
+.tab-scroll-container::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
+}
+.tab-scroll-container::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.tab-header::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  background-color: var(--divider-color, #e0e0e0);
+}
+
+/* This is the base style for tab buttons */
+.tab-header button {
+  padding: 16px;
+  font-size: 14px;
+  text-align: center;
+  border: none;
+  background: none;
+  cursor: pointer;
+  outline: none;
+  transition: all 0.22s ease;
+  color: #555555;;
+  font-weight: 600;
+  opacity: 0.9;
+  white-space: nowrap;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+}
+
+.tab-header.fill .tab-scroll-container {
+  width: 100%;
+}
+.tab-header.fill .tab-scroll-container button {
+  flex-grow: 1;
+}
+
+.tab-header button.active {
+  color: var(--secondary-color, #344861);
+  opacity: 1.0;
+}
+
+.tab-header button.scroll-arrow {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  width: 40px;
+  padding: 0;
+
+  background: #ffffff;
+  cursor: pointer;
+  font-size: 16px;
+  font-weight: bold;
+  color: #757575;
+  z-index: 2;
+  transition: color 0.2s ease;
+
+  flex-shrink: 0;
+  opacity: 1;
+  gap: 0;
+}
+
+.tab-header button.scroll-arrow:hover {
+  color: #000;
+}
+
+.tab-header button.scroll-arrow.left {
+  left: 0;
+}
+
+.tab-header button.scroll-arrow.right {
+  right: 0;
+
+}
+
+.scroll-fade {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 30px;
+  z-index: 1;
+  pointer-events: none;
+}
+
+.scroll-fade.left {
+  left: 40px;
+  background: linear-gradient(
+    to right,
+    #ffffff,
+    rgba(255, 255, 255, 0)
+  );
+}
+
+.scroll-fade.right {
+  right: 40px;
+  background: linear-gradient(
+    to left,
+    #ffffff,
+    rgba(255, 255, 255, 0)
+  );
+}
+
+.tab-header button udp-icon {
+  font-size: 1.2em;
+  line-height: 1;
+}
+
+.tab-header button.icon-start {
+  flex-direction: row;
+}
+.tab-header button.icon-end {
+  flex-direction: row-reverse;
+}
+.tab-header button.icon-top {
+  flex-direction: column;
+  gap: 4px;
+}
+.tab-header button.icon-bottom {
+  flex-direction: column-reverse;
+  gap: 4px;
+}
+
+.tab-content {
+  padding: 16px;
+  background-color: #ffffff;
+}
+
+.slider {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 2px;
+  background-color: var(--secondary-color, #344861);
+
+  transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1),
+    width 0.22s cubic-bezier(0.4, 0, 0.2, 1);
+  z-index: 1;
+}
+
+.tab-header button.disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.tab-header button.disabled.active {
+  color: #757575;
+  opacity: 0.5;
+}