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

package/dist/collection/components/my-component/AG-Grid.js

@@ -1,352 +0,0 @@
-// import { Component, Element, h, State, Prop, Event, EventEmitter } from '@stencil/core';
-// import { GridOptions } from 'ag-grid-community';
-// const enum GridStateTypeEnums {
-//   Column = 1,
-//   Pivot_Mode = 2,
-//   Column_Sort = 3,
-//   Column_Filter = 4,
-//   Column_Group = 5
-// }
-// @Component({
-//   tag: 'ag-grid',
-//   styleUrl: 'ag-grid.css',
-//   shadow: true
-// })
-// export class MyAgGrid {
-//    private prevPivotMode: boolean;
-//   @Event() viewSaved: EventEmitter;
-//   @Element() el: HTMLElement;
-//   @State() gridOptions: GridOptions;
-//   @Prop() columnDefs: any[] = [];
-//   @Prop() rowData: any[] = [];
-//   @Prop() gridState: any[] = [];
-//   @Prop() gridId: string = "";
-//   @State() drawerOpen: boolean = false;
-//   @State() filterPanelOpen: boolean = true;
-//   @State() dialogOpen: boolean = false; // new State property for dialog
-// <<<<<<< HEAD
-//   @Prop() handleFormSubmit: (name: string, isPrivate: number, columnState: any[]) => void;
-// =======
-//   @Prop() handleFormSubmit: (name: string, isPrivate: boolean, isDefault: boolean, columnState: any[]) => void;
-// >>>>>>> 686c51efa108c116b80d814b55a1918c771c195f
-//   boundOnResize: any;
-//   LicenseKey =
-//   'CompanyName=Univerus Software Inc,LicensedApplication=MAIS eRec,LicenseType=SingleApplication,LicensedConcurrentDeveloperCount=1,LicensedProductionInstancesCount=0,AssetReference=AG-036887,SupportServicesEnd=13_March_2024_[v2]_MTcxMDI4ODAwMDAwMA==54783d1f49ba5fe020d522b1165fad9f';
-//   uncheckedSvgString = '<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="20" height="20" stroke="black" fill="none" stroke-width="2"></rect></svg>';
-//   checkedSvgString = '<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="20" height="20" stroke="black" fill="black" stroke-width="2"></rect><path d="M5 10l3 3 7-7" stroke="white" stroke-width="2" fill="none"></path></svg>';
-//   getPivotModeState() {
-//     if (this.gridOptions && this.gridOptions.columnApi) {
-//       return this.gridOptions.columnApi.isPivotMode();
-//     }
-//     return false;
-//   }
-//   componentWillLoad() {
-//     this.boundOnResize = this.onResize.bind(this);
-//   }
-//   componentDidLoad() {
-//     // First, create a promise for the script loading
-//     const scriptPromise = new Promise<void>((resolve) => {
-//       const agGridScript = document.createElement('script');
-//       agGridScript.src = 'https://cdn.jsdelivr.net/npm/ag-grid-enterprise@latest/dist/ag-grid-enterprise.min.noStyle.js';
-//       agGridScript.onload = () => resolve();
-//       document.head.appendChild(agGridScript);
-//     });
-//     // Wait for the script to load
-//     scriptPromise
-//       .then(() => {
-//         // Then dynamically import
-//         return import('ag-grid-enterprise');
-//       })
-//       .then(() => {
-//         // Once that's done, set the license
-//         if (window['agGrid'] && window['agGrid'].LicenseManager) {
-//           window['agGrid'].LicenseManager.setLicenseKey(this.LicenseKey);
-//         }
-//         // Now we set up the grid options
-//         this.gridOptions = {
-//           // icons: {
-//           //   checkboxUnchecked: this.uncheckedSvgString,
-//           //   checkboxChecked: this.checkedSvgString,
-//           //   // other custom icons
-//           // },
-//           animateRows: true,
-//           columnDefs: this.columnDefs,
-//           rowData: this.rowData,
-//           sideBar: this.filterPanelOpen ? {
-//             toolPanels: [
-//               {
-//                 id: 'filters',
-//                 labelDefault: 'Filters',
-//                 labelKey: 'filters',
-//                 iconKey: 'filter',
-//                 toolPanel: 'agFiltersToolPanel',
-//               },
-//               {
-//                 id: 'columns',
-//                 labelDefault: 'Columns',
-//                 labelKey: 'columns',
-//                 iconKey: 'columns',
-//                 toolPanel: 'agColumnsToolPanel',
-//               }
-//             ],
-//             defaultToolPanel: 'filters'
-//           } : null,
-//           onGridReady: () => {
-//             this.gridOptions.api.sizeColumnsToFit();
-//             this.getGridState();
-//           },
-//           onColumnMoved: () => {
-//             this.getGridState();
-//           },
-//           onColumnVisible: () => {
-//             console.log('column view change')
-//             this.getGridState();
-//           },
-//           onFilterChanged: () => {
-//             console.log('filter changed');
-//             this.getGridState(); 
-//           },
-//            onSortChanged: () => {
-//     console.log('sort changed');
-//     this.getGridState(); // Replace with your actual method
-//   },
-//   onFirstDataRendered: () => {
-//     console.log('first data rendered or data changed');
-//     this.getGridState(); // Replace with your actual method
-//     // Here you can also check if pivot mode has changed
-//     const isPivotMode = this.gridOptions.columnApi.isPivotMode();
-//     if (isPivotMode !== this.prevPivotMode) {
-//       console.log('pivot mode changed');
-//       this.getPivotModeState(); // Replace with your actual method
-//       this.prevPivotMode = isPivotMode;
-//     }
-//   }
-//         };
-//         // Initialize the grid
-//         new window['agGrid'].Grid(this.el.shadowRoot.querySelector('#myGrid'), this.gridOptions);
-//         // Handle window resize
-//         window.addEventListener('resize', this.boundOnResize);
-//         this.onResize();
-//       })
-//       .catch((error) => {
-//         console.error('An error occurred:', error);
-//       });
-//   }
-//   disconnectedCallback() {
-//     window.removeEventListener('resize', this.boundOnResize);
-//   }
-//   private onResize() {
-//     if (this.gridOptions && this.gridOptions.api) {
-//       this.gridOptions.api.sizeColumnsToFit();
-//     }
-//   }
-//   exportToCsv() {
-//     if (this.gridOptions.api) {
-//       const params = {};
-//       this.gridOptions.api.exportDataAsCsv(params);
-//     }
-//   }
-//   fitColumns() {
-//     console.log("fitColumns called");
-//     console.log("API state:", this.gridOptions.api);  // Debug line
-//     if (this.gridOptions && this.gridOptions.api) {
-//       console.log("Inside condition");
-//       this.gridOptions.api.sizeColumnsToFit();
-//     }
-//   }
-//   expandColumns() {
-//     console.log("expandColumns called");
-//     if (this.gridOptions && this.gridOptions.api && this.gridOptions.columnApi) {
-//       this.gridOptions.columnApi.autoSizeAllColumns();
-//     }
-//   }
-//   getGridState() {
-//     if (this.gridOptions && this.gridOptions.columnApi) {
-//       const columnState = this.gridOptions.columnApi.getColumnState();
-//       const columnGroupState = this.gridOptions.columnApi.getColumnGroupState();
-//       const filterModel = this.gridOptions.api.getFilterModel();
-//       const isPivotMode = this.gridOptions.columnApi.isPivotMode();
-//       const sortModel = columnState.filter(column => column.sort != null);
-//       const gridState = [];
-//       const columnGridConfiguration = {
-//         gridStateTypeId: GridStateTypeEnums.Column,
-//         gridId: this.gridId,
-//         values: JSON.stringify(columnState),
-//       };
-//       const columnGroupGridConfiguration = {
-//         gridStateTypeId: GridStateTypeEnums.Column_Group,
-//         gridId: this.gridId,
-//         values: JSON.stringify(columnGroupState),
-//       };
-//       const columnSortGridConfiguration = {
-//         gridStateTypeId: GridStateTypeEnums.Column_Sort,
-//         gridId: this.gridId,
-//         values: JSON.stringify(sortModel),
-//       };
-//       const columnFilterGridConfiguration = {
-//         gridStateTypeId: GridStateTypeEnums.Column_Filter,
-//         gridId: this.gridId,
-//         values: JSON.stringify(filterModel),
-//       };
-//       const pivotGridConfiguration = {
-//         gridStateTypeId: GridStateTypeEnums.Pivot_Mode,
-//         gridId: this.gridId,
-//         values: JSON.stringify(isPivotMode),
-//       };
-//       gridState.push(columnGridConfiguration);
-//       gridState.push(columnGroupGridConfiguration);
-//       gridState.push(columnSortGridConfiguration);
-//       gridState.push(columnFilterGridConfiguration);
-//       gridState.push(pivotGridConfiguration);
-//       console.log('Grid State:', gridState);
-//       this.gridState = gridState;
-//       // Do something with columnState
-//     }
-//   }
-//   togglePanel(panelType) {
-//     console.log(`toggle ${panelType} panel`);
-//     const panelTypes = ['filters', 'columns'];
-//     panelTypes.forEach(type => {
-//       if (type !== panelType) {
-//         const otherPanelOpenKey = `${type}PanelOpen`;
-//         this[otherPanelOpenKey] = false;  // Close other panel if open
-//       }
-//     });
-//     const panelOpenKey = `${panelType}PanelOpen`;
-//     this[panelOpenKey] = !this[panelOpenKey]; // Toggle the current panel
-//     // Create the toolPanel configuration based on the panelType
-//     const toolPanelConfig = {
-//       id: panelType,
-//       labelDefault: panelType.charAt(0).toUpperCase() + panelType.slice(1),
-//       labelKey: panelType,
-//       iconKey: panelType === 'filters' ? 'filter' : 'columns',
-//       toolPanel: panelType === 'filters' ? 'agFiltersToolPanel' : 'agColumnsToolPanel',
-//     };
-//     // Update gridOptions to reflect new sidebar settings
-//     this.gridOptions.sideBar = this[panelOpenKey] ? {
-//       toolPanels: [toolPanelConfig],
-//       defaultToolPanel: panelType,
-//     } : null;
-//     this.gridOptions.api.setSideBarVisible(this[panelOpenKey]);
-//     if (this[panelOpenKey]) {
-//       this.gridOptions.api.openToolPanel(panelType);
-//       console.log(`${panelType} panel opened`);
-//     } else {
-//       this.gridOptions.api.closeToolPanel();
-//       console.log(`${panelType} panel closed`);
-//     }
-//     // Apply Direct DOM Manipulation
-//     const sidebarElement = this.el.shadowRoot.querySelector('.ag-side-bar');
-//     if (sidebarElement instanceof HTMLElement) {
-//       sidebarElement.style.width = this[panelOpenKey] ? '200px' : 'initial';
-//     }
-//     // Refresh the grid here if needed
-//     this.gridOptions.api.refreshClientSideRowModel();
-//   }
-//   // saveView() {
-//   //   //alert('Save View Clicked');
-//   //   this.dialogOpen = !this.dialogOpen; 
-//   // }
-//   saveView() {
-//     // Emit an event with the data you want to pass
-//     this.viewSaved.emit({
-//       form: 'yourFormContent',
-//       grid: 'yourGridContent',
-//     });
-//     // Call handleFormSubmit here
-// <<<<<<< HEAD
-//     this.handleFormSubmit('YourName', 1, this.gridState);
-// =======
-//     this.handleFormSubmit('YourName', true, false, this.gridState);
-// >>>>>>> 686c51efa108c116b80d814b55a1918c771c195f
-//   }
-//   primaryActionClick() {
-//     console.log("Primary Action Clicked again");
-//     this.drawerOpen = !this.drawerOpen;
-//   }
-//   showViews() {
-//     this.drawerOpen = !this.drawerOpen;
-//   }
-//   showViewSave() {
-//     this.dialogOpen = !this.dialogOpen;
-//     console.log('show view dialog', this.dialogOpen)
-//   }
-//   clearFilter() {
-//     if (this.gridOptions && this.gridOptions.api && this.gridOptions.columnApi) {
-//       const { api, columnApi } = this.gridOptions;
-//       api.setQuickFilter('');
-//       columnApi.setRowGroupColumns([]);
-//       api.setFilterModel(null);
-//       api.setQuickFilter('');
-//       columnApi.resetColumnState();
-//       // Refresh the grid after clearing all filters and settings
-//       api.refreshClientSideRowModel();
-//     }
-//   }
-//   render() {
-//     const filterPanelWidth = this.filterPanelOpen ? '200px' : 'initial';
-//     const KPI_VALUES = [
-//       { label: 'Avg per cycle', value: 2.3 },
-//       { label: 'Water', value: 2.3 },
-//       { label: 'Electric', value: 16.7 },
-//       { label: 'Sewer', value: 5600 },
-//     ];
-//     return (
-//       <div>
-//         <style>
-//           {`:host ::slotted(.ag-side-bar) {
-//             width: ${filterPanelWidth} !important;
-//           }`}
-//         </style>
-//         <grid-primary-bar 
-//           title="Grid Primary Bar"
-//           customSaveViewClick={()=>this.showViewSave()}
-//           customShowViewClick={() => this.showViews()}
-//           customClearClick={() => this.clearFilter()}
-//           customExpandClick={() => this.expandColumns()}
-//           customExportClick={() => this.exportToCsv()}
-//           hiddenActionButtons={['saveView', 'filter']}
-//           primaryActionClick={() => this.primaryActionClick()}
-//           customColumnViewClick={() => this.togglePanel('columns')}
-//           customFitColumnClick={() => this.fitColumns()}
-//           customFilterViewClick={() => this.togglePanel('filters')}
-//         ></grid-primary-bar>
-//         <kpi-list kpiValues={KPI_VALUES}></kpi-list>
-//         <div id="myGrid" style={{ height: '1200px', width: '100%' }} class="ag-theme-material"></div>
-//         <side-sheet title="Select A View" open={this.drawerOpen} toggleDrawer={() => this.primaryActionClick()} position='right' >
-//           <hint-panel hint="Quickly access and manage your pre-configured table/grid views. These views are designed to help you focus on specific sets of data and streamline your workflow." hideHintText="Hide Hint"></hint-panel>
-//           ...content here
-//         </side-sheet>
-//         <save-view-form-dialog  
-//           open={this.dialogOpen}
-//           title="Save New View"
-//           closeDialog={()=>this.showViewSave()}
-// <<<<<<< HEAD
-//           handleFormSubmit={(name: string, isPrivate: number) => {
-// =======
-//           handleFormSubmit={(name: string, isPrivate: boolean, isDefault: boolean) => {
-// >>>>>>> 686c51efa108c116b80d814b55a1918c771c195f
-//             // Assuming this.columnState exists in this component's scope
-//             this.handleFormSubmit(name, isPrivate, isDefault, this.gridState);
-//           }}
-//             // actionOne={() => this.saveView()}
-//             // actionTwo={() => this.saveView()}
-//             // labelOne="Confirm"
-//             // labelTwo="Cancel"
-//         />
-//         {/* <fluent-dialog
-//             title="Save New View"
-//             message="This is a message."
-//             actionOne={() => this.saveView()}
-//             actionTwo={() => this.saveView()}
-//             labelOne="Confirm"
-//             labelTwo="Cancel"
-//             open={this.dialogOpen} // Use state to control dialog visibility
-//         >
-//           <div>Here is some dialog content...</div>
-//         </fluent-dialog> */}
-//       </div>
-//     );
-//   }
-// }
-//# sourceMappingURL=AG-Grid.js.map

package/dist/collection/components/my-component/AG-Grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AG-Grid.js","sourceRoot":"","sources":["../../../src/components/my-component/AG-Grid.tsx"],"names":[],"mappings":"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","sourcesContent":["// import { Component, Element, h, State, Prop, Event, EventEmitter } from '@stencil/core';\n// import { GridOptions } from 'ag-grid-community';\n\n\n// const enum GridStateTypeEnums {\n//   Column = 1,\n//   Pivot_Mode = 2,\n//   Column_Sort = 3,\n//   Column_Filter = 4,\n//   Column_Group = 5\n// }\n\n\n\n// @Component({\n//   tag: 'ag-grid',\n//   styleUrl: 'ag-grid.css',\n//   shadow: true\n// })\n// export class MyAgGrid {\n//    private prevPivotMode: boolean;\n   \n//   @Event() viewSaved: EventEmitter;\n//   @Element() el: HTMLElement;\n//   @State() gridOptions: GridOptions;\n//   @Prop() columnDefs: any[] = [];\n//   @Prop() rowData: any[] = [];\n//   @Prop() gridState: any[] = [];\n//   @Prop() gridId: string = \"\";\n//   @State() drawerOpen: boolean = false;\n//   @State() filterPanelOpen: boolean = true;\n//   @State() dialogOpen: boolean = false; // new State property for dialog\n// <<<<<<< HEAD\n//   @Prop() handleFormSubmit: (name: string, isPrivate: number, columnState: any[]) => void;\n// =======\n//   @Prop() handleFormSubmit: (name: string, isPrivate: boolean, isDefault: boolean, columnState: any[]) => void;\n// >>>>>>> 686c51efa108c116b80d814b55a1918c771c195f\n\n//   boundOnResize: any;\n\n//   LicenseKey =\n//   'CompanyName=Univerus Software Inc,LicensedApplication=MAIS eRec,LicenseType=SingleApplication,LicensedConcurrentDeveloperCount=1,LicensedProductionInstancesCount=0,AssetReference=AG-036887,SupportServicesEnd=13_March_2024_[v2]_MTcxMDI4ODAwMDAwMA==54783d1f49ba5fe020d522b1165fad9f';\n\n//   uncheckedSvgString = '<svg width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"0\" y=\"0\" width=\"20\" height=\"20\" stroke=\"black\" fill=\"none\" stroke-width=\"2\"></rect></svg>';\n//   checkedSvgString = '<svg width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"0\" y=\"0\" width=\"20\" height=\"20\" stroke=\"black\" fill=\"black\" stroke-width=\"2\"></rect><path d=\"M5 10l3 3 7-7\" stroke=\"white\" stroke-width=\"2\" fill=\"none\"></path></svg>';\n\n//   getPivotModeState() {\n//     if (this.gridOptions && this.gridOptions.columnApi) {\n//       return this.gridOptions.columnApi.isPivotMode();\n//     }\n//     return false;\n//   }\n\n\n//   componentWillLoad() {\n//     this.boundOnResize = this.onResize.bind(this);\n//   }\n//   componentDidLoad() {\n//     // First, create a promise for the script loading\n//     const scriptPromise = new Promise<void>((resolve) => {\n//       const agGridScript = document.createElement('script');\n//       agGridScript.src = 'https://cdn.jsdelivr.net/npm/ag-grid-enterprise@latest/dist/ag-grid-enterprise.min.noStyle.js';\n//       agGridScript.onload = () => resolve();\n//       document.head.appendChild(agGridScript);\n//     });\n  \n//     // Wait for the script to load\n//     scriptPromise\n//       .then(() => {\n//         // Then dynamically import\n//         return import('ag-grid-enterprise');\n//       })\n//       .then(() => {\n//         // Once that's done, set the license\n//         if (window['agGrid'] && window['agGrid'].LicenseManager) {\n//           window['agGrid'].LicenseManager.setLicenseKey(this.LicenseKey);\n//         }\n  \n//         // Now we set up the grid options\n//         this.gridOptions = {\n//           // icons: {\n//           //   checkboxUnchecked: this.uncheckedSvgString,\n//           //   checkboxChecked: this.checkedSvgString,\n//           //   // other custom icons\n//           // },\n//           animateRows: true,\n//           columnDefs: this.columnDefs,\n//           rowData: this.rowData,\n//           sideBar: this.filterPanelOpen ? {\n//             toolPanels: [\n//               {\n//                 id: 'filters',\n//                 labelDefault: 'Filters',\n//                 labelKey: 'filters',\n//                 iconKey: 'filter',\n//                 toolPanel: 'agFiltersToolPanel',\n//               },\n//               {\n//                 id: 'columns',\n//                 labelDefault: 'Columns',\n//                 labelKey: 'columns',\n//                 iconKey: 'columns',\n//                 toolPanel: 'agColumnsToolPanel',\n//               }\n//             ],\n//             defaultToolPanel: 'filters'\n//           } : null,\n//           onGridReady: () => {\n//             this.gridOptions.api.sizeColumnsToFit();\n//             this.getGridState();\n//           },\n//           onColumnMoved: () => {\n//             this.getGridState();\n//           },\n//           onColumnVisible: () => {\n//             console.log('column view change')\n//             this.getGridState();\n//           },\n//           onFilterChanged: () => {\n//             console.log('filter changed');\n//             this.getGridState(); \n//           },\n//            onSortChanged: () => {\n//     console.log('sort changed');\n//     this.getGridState(); // Replace with your actual method\n//   },\n//   onFirstDataRendered: () => {\n//     console.log('first data rendered or data changed');\n//     this.getGridState(); // Replace with your actual method\n//     // Here you can also check if pivot mode has changed\n//     const isPivotMode = this.gridOptions.columnApi.isPivotMode();\n//     if (isPivotMode !== this.prevPivotMode) {\n//       console.log('pivot mode changed');\n//       this.getPivotModeState(); // Replace with your actual method\n//       this.prevPivotMode = isPivotMode;\n//     }\n//   }\n//         };\n  \n//         // Initialize the grid\n//         new window['agGrid'].Grid(this.el.shadowRoot.querySelector('#myGrid'), this.gridOptions);\n  \n//         // Handle window resize\n//         window.addEventListener('resize', this.boundOnResize);\n//         this.onResize();\n//       })\n//       .catch((error) => {\n//         console.error('An error occurred:', error);\n//       });\n//   }\n  \n\n//   disconnectedCallback() {\n//     window.removeEventListener('resize', this.boundOnResize);\n//   }\n\n//   private onResize() {\n//     if (this.gridOptions && this.gridOptions.api) {\n//       this.gridOptions.api.sizeColumnsToFit();\n//     }\n//   }\n\n//   exportToCsv() {\n//     if (this.gridOptions.api) {\n//       const params = {};\n//       this.gridOptions.api.exportDataAsCsv(params);\n//     }\n//   }\n\n//   fitColumns() {\n//     console.log(\"fitColumns called\");\n//     console.log(\"API state:\", this.gridOptions.api);  // Debug line\n//     if (this.gridOptions && this.gridOptions.api) {\n//       console.log(\"Inside condition\");\n//       this.gridOptions.api.sizeColumnsToFit();\n//     }\n//   }\n  \n\n//   expandColumns() {\n//     console.log(\"expandColumns called\");\n//     if (this.gridOptions && this.gridOptions.api && this.gridOptions.columnApi) {\n//       this.gridOptions.columnApi.autoSizeAllColumns();\n//     }\n    \n//   }\n  \n\n//   getGridState() {\n//     if (this.gridOptions && this.gridOptions.columnApi) {\n//       const columnState = this.gridOptions.columnApi.getColumnState();\n//       const columnGroupState = this.gridOptions.columnApi.getColumnGroupState();\n//       const filterModel = this.gridOptions.api.getFilterModel();\n//       const isPivotMode = this.gridOptions.columnApi.isPivotMode();\n//       const sortModel = columnState.filter(column => column.sort != null);\n\n//       const gridState = [];\n//       const columnGridConfiguration = {\n//         gridStateTypeId: GridStateTypeEnums.Column,\n//         gridId: this.gridId,\n//         values: JSON.stringify(columnState),\n//       };\n//       const columnGroupGridConfiguration = {\n//         gridStateTypeId: GridStateTypeEnums.Column_Group,\n//         gridId: this.gridId,\n//         values: JSON.stringify(columnGroupState),\n//       };\n//       const columnSortGridConfiguration = {\n//         gridStateTypeId: GridStateTypeEnums.Column_Sort,\n//         gridId: this.gridId,\n//         values: JSON.stringify(sortModel),\n//       };\n//       const columnFilterGridConfiguration = {\n//         gridStateTypeId: GridStateTypeEnums.Column_Filter,\n//         gridId: this.gridId,\n//         values: JSON.stringify(filterModel),\n//       };\n//       const pivotGridConfiguration = {\n//         gridStateTypeId: GridStateTypeEnums.Pivot_Mode,\n//         gridId: this.gridId,\n//         values: JSON.stringify(isPivotMode),\n//       };\n//       gridState.push(columnGridConfiguration);\n//       gridState.push(columnGroupGridConfiguration);\n//       gridState.push(columnSortGridConfiguration);\n//       gridState.push(columnFilterGridConfiguration);\n//       gridState.push(pivotGridConfiguration);\n\n\n//       console.log('Grid State:', gridState);\n//       this.gridState = gridState;\n//       // Do something with columnState\n//     }\n//   }\n  \n\n\n//   togglePanel(panelType) {\n//     console.log(`toggle ${panelType} panel`);\n//     const panelTypes = ['filters', 'columns'];\n    \n//     panelTypes.forEach(type => {\n//       if (type !== panelType) {\n//         const otherPanelOpenKey = `${type}PanelOpen`;\n//         this[otherPanelOpenKey] = false;  // Close other panel if open\n//       }\n//     });\n  \n//     const panelOpenKey = `${panelType}PanelOpen`;\n//     this[panelOpenKey] = !this[panelOpenKey]; // Toggle the current panel\n  \n//     // Create the toolPanel configuration based on the panelType\n//     const toolPanelConfig = {\n//       id: panelType,\n//       labelDefault: panelType.charAt(0).toUpperCase() + panelType.slice(1),\n//       labelKey: panelType,\n//       iconKey: panelType === 'filters' ? 'filter' : 'columns',\n//       toolPanel: panelType === 'filters' ? 'agFiltersToolPanel' : 'agColumnsToolPanel',\n//     };\n  \n//     // Update gridOptions to reflect new sidebar settings\n//     this.gridOptions.sideBar = this[panelOpenKey] ? {\n//       toolPanels: [toolPanelConfig],\n//       defaultToolPanel: panelType,\n//     } : null;\n  \n//     this.gridOptions.api.setSideBarVisible(this[panelOpenKey]);\n  \n//     if (this[panelOpenKey]) {\n//       this.gridOptions.api.openToolPanel(panelType);\n//       console.log(`${panelType} panel opened`);\n//     } else {\n//       this.gridOptions.api.closeToolPanel();\n//       console.log(`${panelType} panel closed`);\n//     }\n  \n//     // Apply Direct DOM Manipulation\n//     const sidebarElement = this.el.shadowRoot.querySelector('.ag-side-bar');\n//     if (sidebarElement instanceof HTMLElement) {\n//       sidebarElement.style.width = this[panelOpenKey] ? '200px' : 'initial';\n//     }\n  \n//     // Refresh the grid here if needed\n//     this.gridOptions.api.refreshClientSideRowModel();\n//   }\n  \n//   // saveView() {\n//   //   //alert('Save View Clicked');\n//   //   this.dialogOpen = !this.dialogOpen; \n//   // }\n\n//   saveView() {\n//     // Emit an event with the data you want to pass\n//     this.viewSaved.emit({\n//       form: 'yourFormContent',\n//       grid: 'yourGridContent',\n//     });\n//     // Call handleFormSubmit here\n// <<<<<<< HEAD\n//     this.handleFormSubmit('YourName', 1, this.gridState);\n// =======\n//     this.handleFormSubmit('YourName', true, false, this.gridState);\n// >>>>>>> 686c51efa108c116b80d814b55a1918c771c195f\n//   }\n  \n  \n\n//   primaryActionClick() {\n//     console.log(\"Primary Action Clicked again\");\n//     this.drawerOpen = !this.drawerOpen;\n//   }\n\n\n//   showViews() {\n//     this.drawerOpen = !this.drawerOpen;\n//   }\n\n\n//   showViewSave() {\n//     this.dialogOpen = !this.dialogOpen;\n//     console.log('show view dialog', this.dialogOpen)\n//   }\n\n\n//   clearFilter() {\n//     if (this.gridOptions && this.gridOptions.api && this.gridOptions.columnApi) {\n//       const { api, columnApi } = this.gridOptions;\n  \n//       api.setQuickFilter('');\n//       columnApi.setRowGroupColumns([]);\n//       api.setFilterModel(null);\n//       api.setQuickFilter('');\n//       columnApi.resetColumnState();\n  \n//       // Refresh the grid after clearing all filters and settings\n//       api.refreshClientSideRowModel();\n//     }\n//   }\n  \n\n//   render() {\n//     const filterPanelWidth = this.filterPanelOpen ? '200px' : 'initial';\n\n//     const KPI_VALUES = [\n//       { label: 'Avg per cycle', value: 2.3 },\n//       { label: 'Water', value: 2.3 },\n//       { label: 'Electric', value: 16.7 },\n//       { label: 'Sewer', value: 5600 },\n//     ];\n\n\n//     return (\n//       <div>\n//         <style>\n//           {`:host ::slotted(.ag-side-bar) {\n//             width: ${filterPanelWidth} !important;\n//           }`}\n//         </style>\n//         <grid-primary-bar \n//           title=\"Grid Primary Bar\"\n//           customSaveViewClick={()=>this.showViewSave()}\n//           customShowViewClick={() => this.showViews()}\n//           customClearClick={() => this.clearFilter()}\n//           customExpandClick={() => this.expandColumns()}\n//           customExportClick={() => this.exportToCsv()}\n//           hiddenActionButtons={['saveView', 'filter']}\n//           primaryActionClick={() => this.primaryActionClick()}\n//           customColumnViewClick={() => this.togglePanel('columns')}\n//           customFitColumnClick={() => this.fitColumns()}\n//           customFilterViewClick={() => this.togglePanel('filters')}\n//         ></grid-primary-bar>\n\n\n//         <kpi-list kpiValues={KPI_VALUES}></kpi-list>\n        \n//         <div id=\"myGrid\" style={{ height: '1200px', width: '100%' }} class=\"ag-theme-material\"></div>\n      \n//         <side-sheet title=\"Select A View\" open={this.drawerOpen} toggleDrawer={() => this.primaryActionClick()} position='right' >\n//           <hint-panel hint=\"Quickly access and manage your pre-configured table/grid views. These views are designed to help you focus on specific sets of data and streamline your workflow.\" hideHintText=\"Hide Hint\"></hint-panel>\n//           ...content here\n//         </side-sheet>\n\n//         <save-view-form-dialog  \n//           open={this.dialogOpen}\n//           title=\"Save New View\"\n//           closeDialog={()=>this.showViewSave()}\n// <<<<<<< HEAD\n//           handleFormSubmit={(name: string, isPrivate: number) => {\n// =======\n//           handleFormSubmit={(name: string, isPrivate: boolean, isDefault: boolean) => {\n// >>>>>>> 686c51efa108c116b80d814b55a1918c771c195f\n//             // Assuming this.columnState exists in this component's scope\n//             this.handleFormSubmit(name, isPrivate, isDefault, this.gridState);\n//           }}\n\n//             // actionOne={() => this.saveView()}\n//             // actionTwo={() => this.saveView()}\n//             // labelOne=\"Confirm\"\n//             // labelTwo=\"Cancel\"\n//         />\n//         {/* <fluent-dialog\n//             title=\"Save New View\"\n//             message=\"This is a message.\"\n//             actionOne={() => this.saveView()}\n//             actionTwo={() => this.saveView()}\n//             labelOne=\"Confirm\"\n//             labelTwo=\"Cancel\"\n//             open={this.dialogOpen} // Use state to control dialog visibility\n//         >\n//           <div>Here is some dialog content...</div>\n//         </fluent-dialog> */}\n\n//       </div>\n//     );\n//   }\n  \n// }\n"]}

package/dist/collection/components/my-component/demo/ambient-demo-container.css

@@ -1,17 +0,0 @@
-.container {
-    background-color: white;
-    padding: 20px;
-    border-radius: 8px;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    margin-top: 40px;
-    margin-bottom: 40px;
-  }
-  
-  .title {
-    font-size: 1.2em;
-    margin-bottom: 16px;
-  }
-  
-  .title-container {
-    margin-bottom: 16px;
-  }

package/dist/collection/components/my-component/demo/ambient-demo-container.js

@@ -1,42 +0,0 @@
-import { h } from "@stencil/core";
-export class AmbientDemoContainer {
-    render() {
-        return (h("div", { key: '75dd493b0eed427f414786dcc666948afb7b40db', class: "container" }, h("div", { key: 'debe96ae62cfd10154da7432ef470e21d1ab879b', class: "title-container" }, " ", h("unity-typography", { key: '64cfc0fcbb5b745004e914fe5819d5a608b83fc4', variant: "button" }, " ", this.title, " "), " "), h("slot", { key: 'c75ba7fa50059017da74ac203c9251ab79973645' })));
-    }
-    static get is() { return "ambient-demo-container"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["ambient-demo-container.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["ambient-demo-container.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "title": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "title"
-            }
-        };
-    }
-}
-//# sourceMappingURL=ambient-demo-container.js.map

package/dist/collection/components/my-component/demo/ambient-demo-container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ambient-demo-container.js","sourceRoot":"","sources":["../../../../src/components/my-component/demo/ambient-demo-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,oBAAoB;IAG/B,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,WAAW;YACpB,4DAAK,KAAK,EAAC,iBAAiB;;gBAAG,yEAAkB,OAAO,EAAC,QAAQ;;oBAAG,IAAI,CAAC,KAAK;wBAAqB;oBAAO;YAE1G,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'ambient-demo-container',\n  styleUrl: 'ambient-demo-container.css',\n  shadow: true,\n})\nexport class AmbientDemoContainer {\n  @Prop() title: string;\n\n  render() {\n    return (\n      <div class=\"container\">\n        <div class=\"title-container\" > <unity-typography variant=\"button\"> {this.title} </unity-typography> </div>\n        \n        <slot></slot>\n      </div>\n    );\n  }\n}\n "]}

package/dist/collection/components/my-component/my-component.css

@@ -1,27 +0,0 @@
-:host {
-  display: block;
-}
-.wrapper {
-  display: flex;
-  width: 100%;
-  border-bottom: 1px solid #e5e5e5;
-  background-color: #344861;
-}
-
-.titleWrapper {
-  flex: 1;
-  margin-left: 16px;
-  color: white
-}
-
-body {
-  margin: 0;
-  font-family: sans-serif;
-  padding: 0;
-}
-
-.container {
-  /* margin: 16px; */
-  padding: 16px;
-  background-color: rgb(249, 249, 249);
-}