cilog-lib 1.13.18 → 1.13.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/cilog-lib.mjs +108 -31
- package/fesm2022/cilog-lib.mjs.map +1 -1
- package/package.json +1 -1
- package/types/cilog-lib.d.ts +4 -1
package/fesm2022/cilog-lib.mjs
CHANGED
|
@@ -1495,15 +1495,22 @@ class GridSetFilterComponent {
|
|
|
1495
1495
|
onSelectionChange() {
|
|
1496
1496
|
this.params.filterChangedCallback();
|
|
1497
1497
|
}
|
|
1498
|
+
onDropdownOpen(select) {
|
|
1499
|
+
setTimeout(() => {
|
|
1500
|
+
if (select && select.alignOverlay) {
|
|
1501
|
+
select.alignOverlay();
|
|
1502
|
+
}
|
|
1503
|
+
}, 0);
|
|
1504
|
+
}
|
|
1498
1505
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GridSetFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1499
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GridSetFilterComponent, isStandalone: true, selector: "cilog-grid-set-filter", ngImport: i0, template: "<div style=\"padding: 10px; min-width: 220px;\">\r\n <p-multiselect [options]=\"options\"\r\n [(ngModel)]=\"selectedValues\"\r\n [optionLabel]=\"optionLabel\"\r\n (onChange)=\"onSelectionChange()\"\r\n placeholder=\"S\u00E9lectionner...\"\r\n selectedItemsLabel=\"{0} \u00E9l\u00E9ments s\u00E9lectionn\u00E9s\"\r\n [maxSelectedLabels]=\"1\"\r\n [virtualScroll]=\"true\"\r\n [virtualScrollItemSize]=\"30\"\r\n [style]=\"{ width: '100%' }\"\r\n [panelStyle]=\"{ minWidth: '220px' }\"\r\n [appendTo]=\"'body'\">\r\n </p-multiselect>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i10.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
1506
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GridSetFilterComponent, isStandalone: true, selector: "cilog-grid-set-filter", ngImport: i0, template: "<div style=\"padding: 10px; min-width: 220px;\">\r\n <p-multiselect #multiSelect\r\n [options]=\"options\"\r\n [(ngModel)]=\"selectedValues\"\r\n [optionLabel]=\"optionLabel\"\r\n (onChange)=\"onSelectionChange()\"\r\n placeholder=\"S\u00E9lectionner...\"\r\n selectedItemsLabel=\"{0} \u00E9l\u00E9ments s\u00E9lectionn\u00E9s\"\r\n [maxSelectedLabels]=\"1\"\r\n [virtualScroll]=\"true\"\r\n [virtualScrollItemSize]=\"30\"\r\n [style]=\"{ width: '100%' }\"\r\n [panelStyle]=\"{ minWidth: '220px' }\"\r\n [appendTo]=\"'body'\"\r\n (onPanelShow)=\"onDropdownOpen(multiSelect)\">\r\n </p-multiselect>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i10.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
1500
1507
|
}
|
|
1501
1508
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GridSetFilterComponent, decorators: [{
|
|
1502
1509
|
type: Component,
|
|
1503
1510
|
args: [{ selector: 'cilog-grid-set-filter', imports: [
|
|
1504
1511
|
MultiSelectModule,
|
|
1505
1512
|
FormsModule
|
|
1506
|
-
], template: "<div style=\"padding: 10px; min-width: 220px;\">\r\n <p-multiselect [options]=\"options\"\r\n [(ngModel)]=\"selectedValues\"\r\n [optionLabel]=\"optionLabel\"\r\n (onChange)=\"onSelectionChange()\"\r\n placeholder=\"S\u00E9lectionner...\"\r\n selectedItemsLabel=\"{0} \u00E9l\u00E9ments s\u00E9lectionn\u00E9s\"\r\n [maxSelectedLabels]=\"1\"\r\n [virtualScroll]=\"true\"\r\n [virtualScrollItemSize]=\"30\"\r\n [style]=\"{ width: '100%' }\"\r\n [panelStyle]=\"{ minWidth: '220px' }\"\r\n [appendTo]=\"'body'\">\r\n </p-multiselect>\r\n</div>\r\n" }]
|
|
1513
|
+
], template: "<div style=\"padding: 10px; min-width: 220px;\">\r\n <p-multiselect #multiSelect\r\n [options]=\"options\"\r\n [(ngModel)]=\"selectedValues\"\r\n [optionLabel]=\"optionLabel\"\r\n (onChange)=\"onSelectionChange()\"\r\n placeholder=\"S\u00E9lectionner...\"\r\n selectedItemsLabel=\"{0} \u00E9l\u00E9ments s\u00E9lectionn\u00E9s\"\r\n [maxSelectedLabels]=\"1\"\r\n [virtualScroll]=\"true\"\r\n [virtualScrollItemSize]=\"30\"\r\n [style]=\"{ width: '100%' }\"\r\n [panelStyle]=\"{ minWidth: '220px' }\"\r\n [appendTo]=\"'body'\"\r\n (onPanelShow)=\"onDropdownOpen(multiSelect)\">\r\n </p-multiselect>\r\n</div>\r\n" }]
|
|
1507
1514
|
}] });
|
|
1508
1515
|
|
|
1509
1516
|
const myTheme = themeQuartz
|
|
@@ -1522,7 +1529,8 @@ const myTheme = themeQuartz
|
|
|
1522
1529
|
pinnedRowBorder: { style: 'solid', color: '#B5B5B5' }
|
|
1523
1530
|
});
|
|
1524
1531
|
class CilogGridComponent {
|
|
1525
|
-
gridApi;
|
|
1532
|
+
gridApi = signal(null, ...(ngDevMode ? [{ debugName: "gridApi" }] : /* istanbul ignore next */ []));
|
|
1533
|
+
filterVersion = signal(0, ...(ngDevMode ? [{ debugName: "filterVersion" }] : /* istanbul ignore next */ []));
|
|
1526
1534
|
// Outputs
|
|
1527
1535
|
onRowClick = output();
|
|
1528
1536
|
onCellClick = output();
|
|
@@ -1557,6 +1565,9 @@ class CilogGridComponent {
|
|
|
1557
1565
|
editable: (params) => {
|
|
1558
1566
|
if (!params.data)
|
|
1559
1567
|
return false;
|
|
1568
|
+
if (params.node.isRowPinned()) {
|
|
1569
|
+
return false;
|
|
1570
|
+
}
|
|
1560
1571
|
if (!this.options().editable) {
|
|
1561
1572
|
return false;
|
|
1562
1573
|
}
|
|
@@ -1568,7 +1579,6 @@ class CilogGridComponent {
|
|
|
1568
1579
|
case ColType.Button:
|
|
1569
1580
|
case ColType.File:
|
|
1570
1581
|
case ColType.Image:
|
|
1571
|
-
case ColType.Dropdown:
|
|
1572
1582
|
return false;
|
|
1573
1583
|
default:
|
|
1574
1584
|
return true;
|
|
@@ -1595,6 +1605,23 @@ class CilogGridComponent {
|
|
|
1595
1605
|
}
|
|
1596
1606
|
return '';
|
|
1597
1607
|
},
|
|
1608
|
+
cellEditorParams: (params) => {
|
|
1609
|
+
let typeSaisie = this.getTypeCellule(params.data, col);
|
|
1610
|
+
switch (typeSaisie) {
|
|
1611
|
+
case ColType.Dropdown:
|
|
1612
|
+
const optionsList = params.data[params.colDef.field]?.options?.['options'] ?? col.options?.['options'] ?? [];
|
|
1613
|
+
return {
|
|
1614
|
+
values: optionsList
|
|
1615
|
+
};
|
|
1616
|
+
case ColType.Number:
|
|
1617
|
+
return {
|
|
1618
|
+
min: col.options?.min ? col.options?.min : 0,
|
|
1619
|
+
precision: col.options?.modeInteger ? 0 : col.options?.minDecimales != null ? col.options?.minDecimales : 2,
|
|
1620
|
+
};
|
|
1621
|
+
default:
|
|
1622
|
+
return null;
|
|
1623
|
+
}
|
|
1624
|
+
},
|
|
1598
1625
|
cellEditorSelector: (params) => {
|
|
1599
1626
|
if (!params.data)
|
|
1600
1627
|
return undefined;
|
|
@@ -1604,14 +1631,10 @@ class CilogGridComponent {
|
|
|
1604
1631
|
return { component: TimeMaskEditorComponent };
|
|
1605
1632
|
case ColType.Date:
|
|
1606
1633
|
return { component: 'agDateCellEditor' };
|
|
1634
|
+
case ColType.Dropdown:
|
|
1635
|
+
return { component: 'agSelectCellEditor' };
|
|
1607
1636
|
case ColType.Number:
|
|
1608
|
-
return {
|
|
1609
|
-
component: 'agNumberCellEditor',
|
|
1610
|
-
params: {
|
|
1611
|
-
min: col.options?.min ? col.options?.min : 0,
|
|
1612
|
-
precision: col.options?.modeInteger ? 0 : col.options?.minDecimales != null ? col.options?.minDecimales : 2,
|
|
1613
|
-
}
|
|
1614
|
-
};
|
|
1637
|
+
return { component: 'agNumberCellEditor' };
|
|
1615
1638
|
default:
|
|
1616
1639
|
return { component: 'agTextCellEditor' };
|
|
1617
1640
|
}
|
|
@@ -1624,6 +1647,9 @@ class CilogGridComponent {
|
|
|
1624
1647
|
}
|
|
1625
1648
|
let typeSaisie = this.getTypeCellule(params.data, col);
|
|
1626
1649
|
switch (typeSaisie) {
|
|
1650
|
+
case ColType.Dropdown:
|
|
1651
|
+
params.data[params.colDef.field].value = params.newValue;
|
|
1652
|
+
return true;
|
|
1627
1653
|
case ColType.Horaire:
|
|
1628
1654
|
const regexHeure = /^(([01]\d|2[0-3]):([0-5]\d)|24:00)$/;
|
|
1629
1655
|
if (!params.newValue || !regexHeure.test(params.newValue)) {
|
|
@@ -1658,7 +1684,15 @@ class CilogGridComponent {
|
|
|
1658
1684
|
return params.data[params.colDef.field].value;
|
|
1659
1685
|
},
|
|
1660
1686
|
valueFormatter: (params) => {
|
|
1661
|
-
|
|
1687
|
+
if (!params.data) {
|
|
1688
|
+
if (params.value != null && typeof params.value === 'object') {
|
|
1689
|
+
const optionLabel = col.options?.['optionLabel'];
|
|
1690
|
+
return optionLabel ? params.value[optionLabel] : params.value;
|
|
1691
|
+
}
|
|
1692
|
+
return params.value ?? '';
|
|
1693
|
+
}
|
|
1694
|
+
const cellData = params.data[params.colDef.field];
|
|
1695
|
+
const value = cellData?.value ?? params.value;
|
|
1662
1696
|
if (value == null) {
|
|
1663
1697
|
return '';
|
|
1664
1698
|
}
|
|
@@ -1813,37 +1847,80 @@ class CilogGridComponent {
|
|
|
1813
1847
|
return null;
|
|
1814
1848
|
}
|
|
1815
1849
|
}
|
|
1850
|
+
onFilterChanged() {
|
|
1851
|
+
this.filterVersion.update(v => v + 1);
|
|
1852
|
+
}
|
|
1816
1853
|
totalRowData = computed(() => {
|
|
1854
|
+
this.filterVersion();
|
|
1855
|
+
let indexTotalGeneral = 0;
|
|
1817
1856
|
let rowsTotal = [{}];
|
|
1818
|
-
this.
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
|
|
1857
|
+
if (this.options().filterable) {
|
|
1858
|
+
rowsTotal.unshift({});
|
|
1859
|
+
indexTotalGeneral = 1;
|
|
1860
|
+
}
|
|
1861
|
+
this.columns().forEach((col, i) => {
|
|
1862
|
+
if (i == 0) {
|
|
1863
|
+
rowsTotal[indexTotalGeneral][col.id] = { value: 'TOTAL GÉNÉRAL' };
|
|
1864
|
+
if (this.options().filterable) {
|
|
1865
|
+
rowsTotal[0][col.id] = { value: 'TOTAL FILTRÉ' };
|
|
1866
|
+
}
|
|
1867
|
+
}
|
|
1868
|
+
else {
|
|
1869
|
+
let total = 0;
|
|
1870
|
+
this.values().forEach(val => {
|
|
1871
|
+
if (!val.exclusionTotal && !val[col.id].exclusionTotal) {
|
|
1872
|
+
if (this.options().modeSelection != null) {
|
|
1873
|
+
if (this.options().modeSelection == ModeSelection.Checkbox && this.options().totalBySelection == true) {
|
|
1874
|
+
// if (this.selectedRows != null && this.selectedRows.find(row => row.id == val.id) != null) {
|
|
1875
|
+
// total += (val[col.id].value != null ? val[col.id].value : 0);
|
|
1876
|
+
// }
|
|
1877
|
+
}
|
|
1878
|
+
else {
|
|
1879
|
+
total += (val[col.id].value != null ? val[col.id].value : 0);
|
|
1880
|
+
}
|
|
1827
1881
|
}
|
|
1828
1882
|
else {
|
|
1829
1883
|
total += (val[col.id].value != null ? val[col.id].value : 0);
|
|
1830
1884
|
}
|
|
1831
1885
|
}
|
|
1832
|
-
|
|
1833
|
-
|
|
1886
|
+
});
|
|
1887
|
+
rowsTotal[indexTotalGeneral][col.id] = { value: col.displayTotal ? total : null };
|
|
1888
|
+
if (this.options().filterable) {
|
|
1889
|
+
let totalFiltre = 0;
|
|
1890
|
+
if (this.gridApi() != null) {
|
|
1891
|
+
this.gridApi().forEachNodeAfterFilter(node => {
|
|
1892
|
+
let val = node.data;
|
|
1893
|
+
if (!val.exclusionTotal && !val[col.id].exclusionTotal) {
|
|
1894
|
+
if (this.options().modeSelection != null) {
|
|
1895
|
+
if (this.options().modeSelection == ModeSelection.Checkbox && this.options().totalBySelection == true) {
|
|
1896
|
+
// if (this.selectedRows != null && this.selectedRows.find(row => row.id == val.id) != null) {
|
|
1897
|
+
// totalFiltre += (val[col.id].value != null ? val[col.id].value : 0);
|
|
1898
|
+
// }
|
|
1899
|
+
}
|
|
1900
|
+
else {
|
|
1901
|
+
totalFiltre += (val[col.id].value != null ? val[col.id].value : 0);
|
|
1902
|
+
}
|
|
1903
|
+
}
|
|
1904
|
+
else {
|
|
1905
|
+
totalFiltre += (val[col.id].value != null ? val[col.id].value : 0);
|
|
1906
|
+
}
|
|
1907
|
+
}
|
|
1908
|
+
});
|
|
1834
1909
|
}
|
|
1910
|
+
rowsTotal[0][col.id] = { value: col.displayTotal ? totalFiltre : null };
|
|
1835
1911
|
}
|
|
1836
|
-
}
|
|
1837
|
-
rowsTotal[0][col.id] = { value: col.displayTotal ? total : null };
|
|
1912
|
+
}
|
|
1838
1913
|
});
|
|
1839
1914
|
return rowsTotal;
|
|
1840
1915
|
}, ...(ngDevMode ? [{ debugName: "totalRowData" }] : /* istanbul ignore next */ []));
|
|
1841
1916
|
getRowStyle = (params) => {
|
|
1842
1917
|
if (params.node.rowPinned === 'bottom') {
|
|
1918
|
+
const pinnedBottomCount = params.api.getPinnedBottomRowCount();
|
|
1919
|
+
const isFirstPinnedRow = params.node.rowIndex === 0;
|
|
1843
1920
|
return {
|
|
1844
1921
|
backgroundColor: '#f1f5f9',
|
|
1845
1922
|
fontWeight: 'bold',
|
|
1846
|
-
color: '#1e293b',
|
|
1923
|
+
color: pinnedBottomCount === 2 && isFirstPinnedRow ? '#7D745A' : '#1e293b',
|
|
1847
1924
|
borderTop: '2px solid #cbd5e1',
|
|
1848
1925
|
boxShadow: 'inset 0 1px 0 #cbd5e1'
|
|
1849
1926
|
};
|
|
@@ -1851,17 +1928,17 @@ class CilogGridComponent {
|
|
|
1851
1928
|
return undefined;
|
|
1852
1929
|
};
|
|
1853
1930
|
onGridReady(params) {
|
|
1854
|
-
this.gridApi
|
|
1931
|
+
this.gridApi.set(params.api);
|
|
1855
1932
|
params.api.sizeColumnsToFit();
|
|
1856
1933
|
window.addEventListener('resize', () => {
|
|
1857
1934
|
setTimeout(() => {
|
|
1858
|
-
this.gridApi.sizeColumnsToFit();
|
|
1935
|
+
this.gridApi().sizeColumnsToFit();
|
|
1859
1936
|
});
|
|
1860
1937
|
});
|
|
1861
1938
|
}
|
|
1862
1939
|
exportExcel(byFiltre = false, withColors = true) {
|
|
1863
1940
|
const filteredList = [];
|
|
1864
|
-
this.gridApi.forEachNodeAfterFilterAndSort(node => node.data && filteredList.push(node.data));
|
|
1941
|
+
this.gridApi().forEachNodeAfterFilterAndSort(node => node.data && filteredList.push(node.data));
|
|
1865
1942
|
this.exportService.exportExcel(filteredList, this.columns(), byFiltre, withColors);
|
|
1866
1943
|
}
|
|
1867
1944
|
onRowClickEvent(event) {
|
|
@@ -1920,7 +1997,7 @@ class CilogGridComponent {
|
|
|
1920
1997
|
this.closeMenu();
|
|
1921
1998
|
}
|
|
1922
1999
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CilogGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1923
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: CilogGridComponent, isStandalone: true, selector: "cilog-grid", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onRowClick: "onRowClick", onCellClick: "onCellClick", onDelete: "onDelete", onEdit: "onEdit", columns: "columnsChange", values: "valuesChange" }, ngImport: i0, template: "<div class=\"!relative\"\r\n (window:click)=\"closeMenu()\">\r\n\r\n <!-- EXPORT EXCEL -->\r\n @if (options().exportExcel) {\r\n <button pButton\r\n icon=\"pi pi-file-excel\"\r\n class=\"p-button-success !z-5 !absolute !top-0 !left-0 !w-5 !h-5 !rounded-tr-none !rounded-bl-none\"\r\n pTooltip=\"Exporter le contenu de la grille au format Excel\"\r\n tooltipPosition=\"right\"\r\n (click)=\"exportExcel(options().exportExcelByFiltre, !options().exportExcelNoColors)\">\r\n </button>\r\n }\r\n\r\n <!-- GRILLE -->\r\n <ag-grid-angular style=\"width: 100%;\"\r\n [style.height]=\"options().scrollHeight ? options().scrollHeight : 'auto'\"\r\n [domLayout]=\"options().scrollHeight != null ? 'normal' : 'autoHeight'\"\r\n [theme]=\"theme\"\r\n [rowData]=\"values()\"\r\n [columnDefs]=\"colDefs()\"\r\n (gridReady)=\"onGridReady($event)\"\r\n [defaultColDef]=\"defaultColDef\"\r\n [rowHeight]=\"32\"\r\n [headerHeight]=\"36\"\r\n [localeText]=\"localeText\"\r\n [alwaysShowHorizontalScroll]=\"true\"\r\n [pinnedBottomRowData]=\"options().rowTotal ? totalRowData() : null\"\r\n [getRowStyle]=\"getRowStyle\"\r\n (rowClicked)=\"onRowClickEvent($event)\"\r\n (cellClicked)=\"onCellClickEvent($event)\"\r\n [getRowId]=\"getRowId\"\r\n (cellValueChanged)=\"onCellValueChanged($event)\"\r\n (contextmenu)=\"onGridContextMenu($event)\"\r\n (cellContextMenu)=\"onCellContextMenu($event)\">\r\n </ag-grid-angular>\r\n</div>\r\n\r\n<!-- MENU CONTEXTUEL -->\r\n@if (menuVisible && options().contextMenuItems != null) {\r\n<div class=\"custom-context-menu\"\r\n [ngStyle]=\"{'top.px': menuTop, 'left.px': menuLeft}\"\r\n (click)=\"$event.stopPropagation()\">\r\n <ul>\r\n @for (item of options().contextMenuItems; track item.code) {\r\n <li (click)=\"item.command({ item: item }); closeMenu()\">\r\n {{ item.label }}\r\n </li>\r\n }\r\n </ul>\r\n</div>\r\n}\r\n", styles: [":host ::ng-deep{--ag-cell-horizontal-padding: 5px !important}:host ::ng-deep .ag-grid-scrolling-rows{padding-bottom:15px!important}:host ::ng-deep .no-padding-cell{padding:0!important}:host ::ng-deep .custom-context-menu{position:fixed;background:#fff;border:1px solid #babec5;box-shadow:0 4px 6px #00000026;border-radius:4px;z-index:9999;min-width:150px}:host ::ng-deep .custom-context-menu ul{list-style:none;margin:0;padding:4px 0}:host ::ng-deep .custom-context-menu li{padding:8px 12px;cursor:pointer;font-family:sans-serif;font-size:14px;color:#333}:host ::ng-deep .custom-context-menu li:hover{background-color:#f0f2f5}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "toolbar", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipSwitchShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "calculatedColumns", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "animateColumnResizing", "components", "editType", "suppressStartEditOnTab", "getFullRowEditValidationErrors", "invalidEditValueMode", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "advancedFilterParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableFilterHandlers", "filterHandlers", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "suppressOverlays", "overlayComponent", "overlayComponentParams", "overlayComponentSelector", "activeOverlay", "activeOverlayParams", "processFileInput", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "paginationPanels", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "formulaDataSource", "notesDataSource", "noteTrigger", "noteShowDelay", "noteHideDelay", "formulaFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "refreshAfterGroupEdit", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupHideColumnsUntilExpanded", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "suppressContentVisibilityAuto", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "tabToNextGridContainer", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "autoGenerateColumnDefs", "processAutoGeneratedColumnDefs", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "calculatedColumnCreated", "calculatedColumnExpressionChanged", "calculatedColumnRemoved", "calculatedColumnValidationStateChanged", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }] });
|
|
2000
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: CilogGridComponent, isStandalone: true, selector: "cilog-grid", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onRowClick: "onRowClick", onCellClick: "onCellClick", onDelete: "onDelete", onEdit: "onEdit", columns: "columnsChange", values: "valuesChange" }, ngImport: i0, template: "<div class=\"!relative\"\r\n (window:click)=\"closeMenu()\">\r\n\r\n <!-- EXPORT EXCEL -->\r\n @if (options().exportExcel) {\r\n <button pButton\r\n icon=\"pi pi-file-excel\"\r\n class=\"p-button-success !z-5 !absolute !top-0 !left-0 !w-5 !h-5 !rounded-tr-none !rounded-bl-none\"\r\n pTooltip=\"Exporter le contenu de la grille au format Excel\"\r\n tooltipPosition=\"right\"\r\n (click)=\"exportExcel(options().exportExcelByFiltre, !options().exportExcelNoColors)\">\r\n </button>\r\n }\r\n\r\n <!-- GRILLE -->\r\n <ag-grid-angular style=\"width: 100%;\"\r\n [style.height]=\"options().scrollHeight ? options().scrollHeight : 'auto'\"\r\n [domLayout]=\"options().scrollHeight != null ? 'normal' : 'autoHeight'\"\r\n [theme]=\"theme\"\r\n [rowData]=\"values()\"\r\n [columnDefs]=\"colDefs()\"\r\n (gridReady)=\"onGridReady($event)\"\r\n [defaultColDef]=\"defaultColDef\"\r\n [rowHeight]=\"32\"\r\n [headerHeight]=\"36\"\r\n [localeText]=\"localeText\"\r\n [alwaysShowHorizontalScroll]=\"true\"\r\n [pinnedBottomRowData]=\"options().rowTotal ? totalRowData() : null\"\r\n [getRowStyle]=\"getRowStyle\"\r\n (rowClicked)=\"onRowClickEvent($event)\"\r\n (cellClicked)=\"onCellClickEvent($event)\"\r\n [getRowId]=\"getRowId\"\r\n (cellValueChanged)=\"onCellValueChanged($event)\"\r\n (contextmenu)=\"onGridContextMenu($event)\"\r\n (cellContextMenu)=\"onCellContextMenu($event)\"\r\n (filterChanged)=\"onFilterChanged()\"\r\n (modelUpdated)=\"onFilterChanged()\">\r\n </ag-grid-angular>\r\n</div>\r\n\r\n<!-- MENU CONTEXTUEL -->\r\n@if (menuVisible && options().contextMenuItems != null) {\r\n<div class=\"custom-context-menu\"\r\n [ngStyle]=\"{'top.px': menuTop, 'left.px': menuLeft}\"\r\n (click)=\"$event.stopPropagation()\">\r\n <ul>\r\n @for (item of options().contextMenuItems; track item.code) {\r\n <li (click)=\"item.command({ item: item }); closeMenu()\">\r\n {{ item.label }}\r\n </li>\r\n }\r\n </ul>\r\n</div>\r\n}\r\n", styles: [":host ::ng-deep{--ag-cell-horizontal-padding: 5px !important}:host ::ng-deep .ag-grid-scrolling-rows{padding-bottom:15px!important}:host ::ng-deep .no-padding-cell{padding:0!important}:host ::ng-deep .custom-context-menu{position:fixed;background:#fff;border:1px solid #babec5;box-shadow:0 4px 6px #00000026;border-radius:4px;z-index:9999;min-width:150px}:host ::ng-deep .custom-context-menu ul{list-style:none;margin:0;padding:4px 0}:host ::ng-deep .custom-context-menu li{padding:8px 12px;cursor:pointer;font-family:sans-serif;font-size:14px;color:#333}:host ::ng-deep .custom-context-menu li:hover{background-color:#f0f2f5}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "toolbar", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipSwitchShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "calculatedColumns", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "animateColumnResizing", "components", "editType", "suppressStartEditOnTab", "getFullRowEditValidationErrors", "invalidEditValueMode", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "advancedFilterParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableFilterHandlers", "filterHandlers", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "suppressOverlays", "overlayComponent", "overlayComponentParams", "overlayComponentSelector", "activeOverlay", "activeOverlayParams", "processFileInput", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "paginationPanels", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "formulaDataSource", "notesDataSource", "noteTrigger", "noteShowDelay", "noteHideDelay", "formulaFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "refreshAfterGroupEdit", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupHideColumnsUntilExpanded", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "suppressContentVisibilityAuto", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "tabToNextGridContainer", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "autoGenerateColumnDefs", "processAutoGeneratedColumnDefs", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "calculatedColumnCreated", "calculatedColumnExpressionChanged", "calculatedColumnRemoved", "calculatedColumnValidationStateChanged", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }] });
|
|
1924
2001
|
}
|
|
1925
2002
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CilogGridComponent, decorators: [{
|
|
1926
2003
|
type: Component,
|
|
@@ -1930,7 +2007,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
1930
2007
|
AgGridAngular,
|
|
1931
2008
|
ButtonModule,
|
|
1932
2009
|
TooltipModule
|
|
1933
|
-
], template: "<div class=\"!relative\"\r\n (window:click)=\"closeMenu()\">\r\n\r\n <!-- EXPORT EXCEL -->\r\n @if (options().exportExcel) {\r\n <button pButton\r\n icon=\"pi pi-file-excel\"\r\n class=\"p-button-success !z-5 !absolute !top-0 !left-0 !w-5 !h-5 !rounded-tr-none !rounded-bl-none\"\r\n pTooltip=\"Exporter le contenu de la grille au format Excel\"\r\n tooltipPosition=\"right\"\r\n (click)=\"exportExcel(options().exportExcelByFiltre, !options().exportExcelNoColors)\">\r\n </button>\r\n }\r\n\r\n <!-- GRILLE -->\r\n <ag-grid-angular style=\"width: 100%;\"\r\n [style.height]=\"options().scrollHeight ? options().scrollHeight : 'auto'\"\r\n [domLayout]=\"options().scrollHeight != null ? 'normal' : 'autoHeight'\"\r\n [theme]=\"theme\"\r\n [rowData]=\"values()\"\r\n [columnDefs]=\"colDefs()\"\r\n (gridReady)=\"onGridReady($event)\"\r\n [defaultColDef]=\"defaultColDef\"\r\n [rowHeight]=\"32\"\r\n [headerHeight]=\"36\"\r\n [localeText]=\"localeText\"\r\n [alwaysShowHorizontalScroll]=\"true\"\r\n [pinnedBottomRowData]=\"options().rowTotal ? totalRowData() : null\"\r\n [getRowStyle]=\"getRowStyle\"\r\n (rowClicked)=\"onRowClickEvent($event)\"\r\n (cellClicked)=\"onCellClickEvent($event)\"\r\n [getRowId]=\"getRowId\"\r\n (cellValueChanged)=\"onCellValueChanged($event)\"\r\n (contextmenu)=\"onGridContextMenu($event)\"\r\n (cellContextMenu)=\"onCellContextMenu($event)\">\r\n </ag-grid-angular>\r\n</div>\r\n\r\n<!-- MENU CONTEXTUEL -->\r\n@if (menuVisible && options().contextMenuItems != null) {\r\n<div class=\"custom-context-menu\"\r\n [ngStyle]=\"{'top.px': menuTop, 'left.px': menuLeft}\"\r\n (click)=\"$event.stopPropagation()\">\r\n <ul>\r\n @for (item of options().contextMenuItems; track item.code) {\r\n <li (click)=\"item.command({ item: item }); closeMenu()\">\r\n {{ item.label }}\r\n </li>\r\n }\r\n </ul>\r\n</div>\r\n}\r\n", styles: [":host ::ng-deep{--ag-cell-horizontal-padding: 5px !important}:host ::ng-deep .ag-grid-scrolling-rows{padding-bottom:15px!important}:host ::ng-deep .no-padding-cell{padding:0!important}:host ::ng-deep .custom-context-menu{position:fixed;background:#fff;border:1px solid #babec5;box-shadow:0 4px 6px #00000026;border-radius:4px;z-index:9999;min-width:150px}:host ::ng-deep .custom-context-menu ul{list-style:none;margin:0;padding:4px 0}:host ::ng-deep .custom-context-menu li{padding:8px 12px;cursor:pointer;font-family:sans-serif;font-size:14px;color:#333}:host ::ng-deep .custom-context-menu li:hover{background-color:#f0f2f5}\n"] }]
|
|
2010
|
+
], template: "<div class=\"!relative\"\r\n (window:click)=\"closeMenu()\">\r\n\r\n <!-- EXPORT EXCEL -->\r\n @if (options().exportExcel) {\r\n <button pButton\r\n icon=\"pi pi-file-excel\"\r\n class=\"p-button-success !z-5 !absolute !top-0 !left-0 !w-5 !h-5 !rounded-tr-none !rounded-bl-none\"\r\n pTooltip=\"Exporter le contenu de la grille au format Excel\"\r\n tooltipPosition=\"right\"\r\n (click)=\"exportExcel(options().exportExcelByFiltre, !options().exportExcelNoColors)\">\r\n </button>\r\n }\r\n\r\n <!-- GRILLE -->\r\n <ag-grid-angular style=\"width: 100%;\"\r\n [style.height]=\"options().scrollHeight ? options().scrollHeight : 'auto'\"\r\n [domLayout]=\"options().scrollHeight != null ? 'normal' : 'autoHeight'\"\r\n [theme]=\"theme\"\r\n [rowData]=\"values()\"\r\n [columnDefs]=\"colDefs()\"\r\n (gridReady)=\"onGridReady($event)\"\r\n [defaultColDef]=\"defaultColDef\"\r\n [rowHeight]=\"32\"\r\n [headerHeight]=\"36\"\r\n [localeText]=\"localeText\"\r\n [alwaysShowHorizontalScroll]=\"true\"\r\n [pinnedBottomRowData]=\"options().rowTotal ? totalRowData() : null\"\r\n [getRowStyle]=\"getRowStyle\"\r\n (rowClicked)=\"onRowClickEvent($event)\"\r\n (cellClicked)=\"onCellClickEvent($event)\"\r\n [getRowId]=\"getRowId\"\r\n (cellValueChanged)=\"onCellValueChanged($event)\"\r\n (contextmenu)=\"onGridContextMenu($event)\"\r\n (cellContextMenu)=\"onCellContextMenu($event)\"\r\n (filterChanged)=\"onFilterChanged()\"\r\n (modelUpdated)=\"onFilterChanged()\">\r\n </ag-grid-angular>\r\n</div>\r\n\r\n<!-- MENU CONTEXTUEL -->\r\n@if (menuVisible && options().contextMenuItems != null) {\r\n<div class=\"custom-context-menu\"\r\n [ngStyle]=\"{'top.px': menuTop, 'left.px': menuLeft}\"\r\n (click)=\"$event.stopPropagation()\">\r\n <ul>\r\n @for (item of options().contextMenuItems; track item.code) {\r\n <li (click)=\"item.command({ item: item }); closeMenu()\">\r\n {{ item.label }}\r\n </li>\r\n }\r\n </ul>\r\n</div>\r\n}\r\n", styles: [":host ::ng-deep{--ag-cell-horizontal-padding: 5px !important}:host ::ng-deep .ag-grid-scrolling-rows{padding-bottom:15px!important}:host ::ng-deep .no-padding-cell{padding:0!important}:host ::ng-deep .custom-context-menu{position:fixed;background:#fff;border:1px solid #babec5;box-shadow:0 4px 6px #00000026;border-radius:4px;z-index:9999;min-width:150px}:host ::ng-deep .custom-context-menu ul{list-style:none;margin:0;padding:4px 0}:host ::ng-deep .custom-context-menu li{padding:8px 12px;cursor:pointer;font-family:sans-serif;font-size:14px;color:#333}:host ::ng-deep .custom-context-menu li:hover{background-color:#f0f2f5}\n"] }]
|
|
1934
2011
|
}], ctorParameters: () => [], propDecorators: { onRowClick: [{ type: i0.Output, args: ["onRowClick"] }], onCellClick: [{ type: i0.Output, args: ["onCellClick"] }], onDelete: [{ type: i0.Output, args: ["onDelete"] }], onEdit: [{ type: i0.Output, args: ["onEdit"] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }, { type: i0.Output, args: ["columnsChange"] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: true }] }, { type: i0.Output, args: ["valuesChange"] }] } });
|
|
1935
2012
|
|
|
1936
2013
|
class CilogTreetableComponent {
|