@3mo/data-grid 0.9.15 → 0.9.16-preview.0

package/dist/DataGridSidePanel.d.ts

@@ -15,6 +15,8 @@ export declare class DataGridSidePanel<TData> extends Component {
     static get styles(): import("@a11d/lit").CSSResult;
     protected get template(): import("lit-html").HTMLTemplateResult;
     protected get filtersTemplate(): import("lit-html").HTMLTemplateResult;
+    private get areParametersDirty();
+    private resetAllParameters;
     protected get settingsTemplate(): import("lit-html").HTMLTemplateResult;
     private readonly getColumnTemplate;
 }

package/dist/DataGridSidePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridSidePanel.d.ts","sourceRoot":"","sources":["../DataGridSidePanel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAwC,MAAM,WAAW,CAAA;AAI7F,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAA;AAW7C,oBAAY,oBAAoB;IAC/B,QAAQ,aAAa;IACrB,OAAO,YAAY;CACnB;AAED;;;;GAIG;AACH,qBACa,iBAAiB,CAAC,KAAK,CAAE,SAAQ,SAAS;IAC1B,QAAQ,EAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IAC/C,GAAG,CAAC,EAAE,oBAAoB,CAAA;IAEtC,WAAoB,MAAM,kCA4CzB;IAED,cAAuB,QAAQ,0CAmC9B;IAED,SAAS,KAAK,eAAe,0CAM5B;IAED,SAAS,KAAK,gBAAgB,0CAgC7B;IAED,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAcjC;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAA;KACrD;CACD"}
+{"version":3,"file":"DataGridSidePanel.d.ts","sourceRoot":"","sources":["../DataGridSidePanel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAwC,MAAM,WAAW,CAAA;AAI7F,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAA;AAa7C,oBAAY,oBAAoB;IAC/B,QAAQ,aAAa;IACrB,OAAO,YAAY;CACnB;AAED;;;;GAIG;AACH,qBACa,iBAAiB,CAAC,KAAK,CAAE,SAAQ,SAAS;IAC1B,QAAQ,EAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IAC/C,GAAG,CAAC,EAAE,oBAAoB,CAAA;IAEtC,WAAoB,MAAM,kCA4CzB;IAED,cAAuB,QAAQ,0CAmC9B;IAED,SAAS,KAAK,eAAe,0CAc5B;IAED,OAAO,KAAK,kBAAkB,GAG7B;IAED,OAAO,CAAC,kBAAkB,CAGzB;IAED,SAAS,KAAK,gBAAgB,0CAgC7B;IAED,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAcjC;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAA;KACrD;CACD"}

package/dist/DataGridSidePanel.js

@@ -9,6 +9,7 @@ Localizer.dictionaries.add('de', {
     'Font Size': 'Schriftgröße',
     'Row Height': 'Zeilenhöhe',
     'Design': 'Design',
+    'Reset all filters': 'Alle Filter zurücksetzen',
 });
 export var DataGridSidePanelTab;
 (function (DataGridSidePanelTab) {
@@ -23,6 +24,10 @@ export var DataGridSidePanelTab;
 let DataGridSidePanel = class DataGridSidePanel extends Component {
     constructor() {
         super(...arguments);
+        this.resetAllParameters = () => {
+            this.dataGrid.parameters =
+                this.dataGrid.initialParameters;
+        };
         this.getColumnTemplate = (column) => {
             const change = async (e) => {
                 column.hidden = e.detail === false;
@@ -124,9 +129,21 @@ let DataGridSidePanel = class DataGridSidePanel extends Component {
         return html `
 			<mo-flex gap='14px' style='padding: 14px'>
 				<slot name='filter'></slot>
+				${!this.dataGrid.hasFilters || !('parameters' in this.dataGrid) ? html.nothing : html `
+					<mo-button type='raised'
+						?disabled=${this.areParametersDirty}
+						@click=${() => this.resetAllParameters()}
+					>
+						${t('Reset all filters')}
+					</mo-button>
+				`}
 			</mo-flex>
 		`;
     }
+    get areParametersDirty() {
+        const { parameters, initialParameters } = this.dataGrid;
+        return JSON.stringify(parameters) === JSON.stringify(initialParameters);
+    }
     get settingsTemplate() {
         return html `
 			<mo-flex>