suis 1.0.1 → 1.1.0

package/esm2022/lib/components/index.mjs

@@ -5,6 +5,7 @@ export * from './suis-breadcrumbs';
 export * from './suis-button';
 export * from './suis-button-link';
 export * from './suis-button-outlined';
+export * from './suis-chart';
 export * from './suis-chip';
 export * from './suis-container';
 export * from './suis-dialog';
@@ -39,4 +40,4 @@ export * from './suis-text-area';
 export * from './suis-title';
 export * from './suis-toggle';
 export * from './suis-toolbar';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGdCQUFnQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLWFjY29yZGlvbic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtYWxlcnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWJveCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtYnJlYWRjcnVtYnMnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWJ1dHRvbic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtYnV0dG9uLWxpbmsnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWJ1dHRvbi1vdXRsaW5lZCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtY2hpcCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtY29udGFpbmVyJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1kaWFsb2cnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWRpYWxvZy1jb250YWluZXInO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWRpdmlkZXInO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWZvcm0tZmllbGQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWljb24nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWlucHV0JztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1jaGVja2JveCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaW5wdXQtY2hpcHMnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWlucHV0LWltYWdlJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1udW1iZXInO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWlucHV0LXJhZGlvJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pdGVtJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1sYWJlbCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbmF2aWdhdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbmF2aWdhdGlvbi1ncm91cCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5vdGlmaWNhdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbm90aWZpY2F0aW9ucyc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtcGFnaW5hdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtcHJvZ3Jlc3MtYmFyJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zZWxlY3QnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXNlbGVjdC1vcHRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXNlbGVjdC1tdWx0aSc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc3Bpbm5lcic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc3Bpbm5lci1jb250YWluZXInO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXRhYmxlJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10YWJzJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10ZXh0LWFyZWEnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXRpdGxlJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10b2dnbGUnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXRvb2xiYXInO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGdCQUFnQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLWFjY29yZGlvbic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtYWxlcnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWJveCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtYnJlYWRjcnVtYnMnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWJ1dHRvbic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtYnV0dG9uLWxpbmsnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWJ1dHRvbi1vdXRsaW5lZCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtY2hhcnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWNoaXAnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWNvbnRhaW5lcic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtZGlhbG9nJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1kaWFsb2ctY29udGFpbmVyJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1kaXZpZGVyJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1mb3JtLWZpZWxkJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pY29uJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaW5wdXQtY2hlY2tib3gnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWlucHV0LWNoaXBzJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1pbWFnZSc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaW5wdXQtbnVtYmVyJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1yYWRpbyc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaXRlbSc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbGFiZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24tZ3JvdXAnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24tZ3JvdXAtaXRlbSc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbmF2aWdhdGlvbi1pdGVtJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1ub3RpZmljYXRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5vdGlmaWNhdGlvbnMnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXBhZ2luYXRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXByb2dyZXNzLWJhcic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc2VsZWN0JztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zZWxlY3Qtb3B0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zZWxlY3QtbXVsdGknO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXNwaW5uZXInO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXNwaW5uZXItY29udGFpbmVyJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10YWJsZSc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtdGFicyc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtdGV4dC1hcmVhJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10aXRsZSc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtdG9nZ2xlJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10b29sYmFyJztcbiJdfQ==

package/esm2022/lib/components/suis-chart/index.mjs

@@ -0,0 +1,3 @@
+export * from './suis-chart.component';
+export * from './suis-chart.interfaces';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtY2hhcnQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLWNoYXJ0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtY2hhcnQuaW50ZXJmYWNlcyc7XG4iXX0=

package/esm2022/lib/components/suis-chart/suis-chart-data.pipe.mjs

@@ -0,0 +1,35 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SuisChartDataPipe {
+    transform(data, compareData) {
+        if (!compareData.length)
+            return data;
+        const combinedData = [];
+        data.forEach((item, index) => {
+            combinedData.push(item);
+            if (compareData.length - 1 >= index) {
+                combinedData.push({
+                    ...compareData[index],
+                    compare: true,
+                });
+            }
+            else {
+                combinedData.push({
+                    value: 0,
+                    compare: true,
+                });
+            }
+        });
+        return combinedData;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisChartDataPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SuisChartDataPipe, isStandalone: true, name: "suisChartData" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisChartDataPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'suisChartData',
+                    standalone: true,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1jaGFydC1kYXRhLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtY2hhcnQvc3Vpcy1jaGFydC1kYXRhLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBVXBELE1BQU0sT0FBTyxpQkFBaUI7SUFDNUIsU0FBUyxDQUNQLElBQXlCLEVBQ3pCLFdBQWdDO1FBRWhDLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTTtZQUFFLE9BQU8sSUFBSSxDQUFDO1FBRXJDLE1BQU0sWUFBWSxHQUFtQyxFQUFFLENBQUM7UUFFeEQsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUMzQixZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ3hCLElBQUksV0FBVyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksS0FBSyxFQUFFO2dCQUNuQyxZQUFZLENBQUMsSUFBSSxDQUFDO29CQUNoQixHQUFHLFdBQVcsQ0FBQyxLQUFLLENBQUM7b0JBQ3JCLE9BQU8sRUFBRSxJQUFJO2lCQUNkLENBQUMsQ0FBQzthQUNKO2lCQUFNO2dCQUNMLFlBQVksQ0FBQyxJQUFJLENBQUM7b0JBQ2hCLEtBQUssRUFBRSxDQUFDO29CQUNSLE9BQU8sRUFBRSxJQUFJO2lCQUNkLENBQUMsQ0FBQzthQUNKO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFFSCxPQUFPLFlBQVksQ0FBQztJQUN0QixDQUFDOytHQXpCVSxpQkFBaUI7NkdBQWpCLGlCQUFpQjs7NEZBQWpCLGlCQUFpQjtrQkFKN0IsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsZUFBZTtvQkFDckIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgU3Vpc0NoYXJ0RGF0YUl0ZW0sXG4gIFN1aXNDaGFydERhdGFDb21wYXJpc2lvbkl0ZW0sXG59IGZyb20gJy4vc3Vpcy1jaGFydC5pbnRlcmZhY2VzJztcblxuQFBpcGUoe1xuICBuYW1lOiAnc3Vpc0NoYXJ0RGF0YScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNDaGFydERhdGFQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIHRyYW5zZm9ybShcbiAgICBkYXRhOiBTdWlzQ2hhcnREYXRhSXRlbVtdLFxuICAgIGNvbXBhcmVEYXRhOiBTdWlzQ2hhcnREYXRhSXRlbVtdXG4gICk6IFN1aXNDaGFydERhdGFDb21wYXJpc2lvbkl0ZW1bXSB7XG4gICAgaWYgKCFjb21wYXJlRGF0YS5sZW5ndGgpIHJldHVybiBkYXRhO1xuXG4gICAgY29uc3QgY29tYmluZWREYXRhOiBTdWlzQ2hhcnREYXRhQ29tcGFyaXNpb25JdGVtW10gPSBbXTtcblxuICAgIGRhdGEuZm9yRWFjaCgoaXRlbSwgaW5kZXgpID0+IHtcbiAgICAgIGNvbWJpbmVkRGF0YS5wdXNoKGl0ZW0pO1xuICAgICAgaWYgKGNvbXBhcmVEYXRhLmxlbmd0aCAtIDEgPj0gaW5kZXgpIHtcbiAgICAgICAgY29tYmluZWREYXRhLnB1c2goe1xuICAgICAgICAgIC4uLmNvbXBhcmVEYXRhW2luZGV4XSxcbiAgICAgICAgICBjb21wYXJlOiB0cnVlLFxuICAgICAgICB9KTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNvbWJpbmVkRGF0YS5wdXNoKHtcbiAgICAgICAgICB2YWx1ZTogMCxcbiAgICAgICAgICBjb21wYXJlOiB0cnVlLFxuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9KTtcblxuICAgIHJldHVybiBjb21iaW5lZERhdGE7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/components/suis-chart/suis-chart-height.pipe.mjs

@@ -0,0 +1,19 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SuisChartHeightPipe {
+    transform(value, maxValue) {
+        if (value > maxValue)
+            return '100%';
+        return `${(value / maxValue) * 100}%`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisChartHeightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SuisChartHeightPipe, isStandalone: true, name: "suisChartHeight" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisChartHeightPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'suisChartHeight',
+                    standalone: true,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1jaGFydC1oZWlnaHQucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1jaGFydC9zdWlzLWNoYXJ0LWhlaWdodC5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOztBQU1wRCxNQUFNLE9BQU8sbUJBQW1CO0lBQzlCLFNBQVMsQ0FBQyxLQUFhLEVBQUUsUUFBZ0I7UUFDdkMsSUFBSSxLQUFLLEdBQUcsUUFBUTtZQUFFLE9BQU8sTUFBTSxDQUFDO1FBQ3BDLE9BQU8sR0FBRyxDQUFDLEtBQUssR0FBRyxRQUFRLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FBQztJQUN4QyxDQUFDOytHQUpVLG1CQUFtQjs2R0FBbkIsbUJBQW1COzs0RkFBbkIsbUJBQW1CO2tCQUovQixJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxpQkFBaUI7b0JBQ3ZCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQFBpcGUoe1xuICBuYW1lOiAnc3Vpc0NoYXJ0SGVpZ2h0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0NoYXJ0SGVpZ2h0UGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICB0cmFuc2Zvcm0odmFsdWU6IG51bWJlciwgbWF4VmFsdWU6IG51bWJlcik6IHN0cmluZyB7XG4gICAgaWYgKHZhbHVlID4gbWF4VmFsdWUpIHJldHVybiAnMTAwJSc7XG4gICAgcmV0dXJuIGAkeyh2YWx1ZSAvIG1heFZhbHVlKSAqIDEwMH0lYDtcbiAgfVxufVxuIl19

package/esm2022/lib/components/suis-chart/suis-chart.component.mjs

@@ -0,0 +1,82 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { NgClass, NgForOf, NgIf } from '@angular/common';
+import { SuisChartHeightPipe } from './suis-chart-height.pipe';
+import { SuisNgClassPipe } from '../../pipes';
+import { SuisChartDataPipe } from './suis-chart-data.pipe';
+import * as i0 from "@angular/core";
+export class SuisChartComponent {
+    constructor() {
+        /** @internal */
+        this._maxValue = 100;
+        /**
+         * Array of the chart bars labels. By default set to empty array.
+         */
+        this.labels = [];
+        /**
+         * Array of data values and optionally colors. Type of SuisChartDataItem[]. By default set to empty array.
+         */
+        this.data = [];
+        /**
+         * Sets the default color of the chart bars. Type of SuisColor. By default set to 'primary'.
+         */
+        this.color = 'primary';
+        /**
+         * Adjusts the width of the chart bars. Type of SuisSize. By default set to 'md'.
+         */
+        this.size = 'md';
+        /**
+         * Sets the maximum value automatically based on data values. By default set to false.
+         */
+        this.autoMax = false;
+        /**
+         * Array of comparision data values and optionally colors. Type of SuisChartDataItem[]. By default set to empty array.
+         */
+        this.compareData = [];
+        /**
+         * Sets the default color of the comparision chart bars. Type of SuisColor. By default set to 'warning'.
+         */
+        this.compareColor = 'warning';
+    }
+    /** @internal */
+    get maxValue() {
+        if (!this.autoMax)
+            return this._maxValue;
+        return Math.max(...[...this.data, ...this.compareData].map((item) => item.value));
+    }
+    /**
+     * Set the maximum value of the chart bars. By default set to 100.
+     */
+    set maxValue(value) {
+        this._maxValue = value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisChartComponent, isStandalone: true, selector: "suis-chart", inputs: { maxValue: "maxValue", labels: "labels", data: "data", color: "color", size: "size", autoMax: "autoMax", compareData: "compareData", compareColor: "compareColor" }, ngImport: i0, template: "<div class=\"suis-chart\">\n  <div\n    class=\"suis-chart__content\"\n    [ngClass]=\"'suis-chart__content' | suisNgClass : size\"\n  >\n    <div\n      *ngFor=\"let item of data | suisChartData : compareData\"\n      class=\"suis-chart__content__item\"\n      [ngClass]=\"\n        'suis-chart__content__item'\n          | suisNgClass\n            : (item.compare ? item.color || compareColor : item.color || color)\n            : (item.compare ? 'compare' : 'single')\n      \"\n      [style.height]=\"item.value | suisChartHeight : maxValue\"\n    >\n      <div class=\"suis-chart__content__item__value\">\n        {{ item.value }}\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"suis-chart__labels\"\n    [ngClass]=\"'suis-chart__labels' | suisNgClass : size\"\n  >\n    <div\n      *ngFor=\"let label of labels\"\n      class=\"suis-chart__labels__item\"\n      [class.suis-chart__labels__item--double]=\"compareData.length\"\n    >\n      {{ label }}\n    </div>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;height:100%}.suis-chart{height:100%}.suis-chart__content,.suis-chart__labels{display:flex;align-items:flex-end;justify-content:center}.suis-chart__content--xs .suis-chart__content__item,.suis-chart__content--xs .suis-chart__labels__item,.suis-chart__labels--xs .suis-chart__content__item,.suis-chart__labels--xs .suis-chart__labels__item{width:1rem}.suis-chart__content--xs .suis-chart__content__item:not(:last-child),.suis-chart__content--xs .suis-chart__labels__item:not(:last-child),.suis-chart__labels--xs .suis-chart__content__item:not(:last-child),.suis-chart__labels--xs .suis-chart__labels__item:not(:last-child){margin-right:.5rem}.suis-chart__content--xs .suis-chart__content__item--compare,.suis-chart__content--xs .suis-chart__labels__item--compare,.suis-chart__labels--xs .suis-chart__content__item--compare,.suis-chart__labels--xs .suis-chart__labels__item--compare{margin-left:-.5rem}.suis-chart__content--xs .suis-chart__content__item--double,.suis-chart__content--xs .suis-chart__labels__item--double,.suis-chart__labels--xs .suis-chart__content__item--double,.suis-chart__labels--xs .suis-chart__labels__item--double{width:2rem}.suis-chart__content--sm .suis-chart__content__item,.suis-chart__content--sm .suis-chart__labels__item,.suis-chart__labels--sm .suis-chart__content__item,.suis-chart__labels--sm .suis-chart__labels__item{width:1.25rem}.suis-chart__content--sm .suis-chart__content__item:not(:last-child),.suis-chart__content--sm .suis-chart__labels__item:not(:last-child),.suis-chart__labels--sm .suis-chart__content__item:not(:last-child),.suis-chart__labels--sm .suis-chart__labels__item:not(:last-child){margin-right:.625rem}.suis-chart__content--sm .suis-chart__content__item--compare,.suis-chart__content--sm .suis-chart__labels__item--compare,.suis-chart__labels--sm .suis-chart__content__item--compare,.suis-chart__labels--sm .suis-chart__labels__item--compare{margin-left:-.625rem}.suis-chart__content--sm .suis-chart__content__item--double,.suis-chart__content--sm .suis-chart__labels__item--double,.suis-chart__labels--sm .suis-chart__content__item--double,.suis-chart__labels--sm .suis-chart__labels__item--double{width:2.5rem}.suis-chart__content--md .suis-chart__content__item,.suis-chart__content--md .suis-chart__labels__item,.suis-chart__labels--md .suis-chart__content__item,.suis-chart__labels--md .suis-chart__labels__item{width:1.5rem}.suis-chart__content--md .suis-chart__content__item:not(:last-child),.suis-chart__content--md .suis-chart__labels__item:not(:last-child),.suis-chart__labels--md .suis-chart__content__item:not(:last-child),.suis-chart__labels--md .suis-chart__labels__item:not(:last-child){margin-right:.75rem}.suis-chart__content--md .suis-chart__content__item--compare,.suis-chart__content--md .suis-chart__labels__item--compare,.suis-chart__labels--md .suis-chart__content__item--compare,.suis-chart__labels--md .suis-chart__labels__item--compare{margin-left:-.75rem}.suis-chart__content--md .suis-chart__content__item--double,.suis-chart__content--md .suis-chart__labels__item--double,.suis-chart__labels--md .suis-chart__content__item--double,.suis-chart__labels--md .suis-chart__labels__item--double{width:3rem}.suis-chart__content--lg .suis-chart__content__item,.suis-chart__content--lg .suis-chart__labels__item,.suis-chart__labels--lg .suis-chart__content__item,.suis-chart__labels--lg .suis-chart__labels__item{width:1.75rem}.suis-chart__content--lg .suis-chart__content__item:not(:last-child),.suis-chart__content--lg .suis-chart__labels__item:not(:last-child),.suis-chart__labels--lg .suis-chart__content__item:not(:last-child),.suis-chart__labels--lg .suis-chart__labels__item:not(:last-child){margin-right:.875rem}.suis-chart__content--lg .suis-chart__content__item--compare,.suis-chart__content--lg .suis-chart__labels__item--compare,.suis-chart__labels--lg .suis-chart__content__item--compare,.suis-chart__labels--lg .suis-chart__labels__item--compare{margin-left:-1rem}.suis-chart__content--lg .suis-chart__content__item--double,.suis-chart__content--lg .suis-chart__labels__item--double,.suis-chart__labels--lg .suis-chart__content__item--double,.suis-chart__labels--lg .suis-chart__labels__item--double{width:3.5rem}.suis-chart__content--xl .suis-chart__content__item,.suis-chart__content--xl .suis-chart__labels__item,.suis-chart__labels--xl .suis-chart__content__item,.suis-chart__labels--xl .suis-chart__labels__item{width:2rem}.suis-chart__content--xl .suis-chart__content__item:not(:last-child),.suis-chart__content--xl .suis-chart__labels__item:not(:last-child),.suis-chart__labels--xl .suis-chart__content__item:not(:last-child),.suis-chart__labels--xl .suis-chart__labels__item:not(:last-child){margin-right:1rem}.suis-chart__content--xl .suis-chart__content__item--compare,.suis-chart__content--xl .suis-chart__labels__item--compare,.suis-chart__labels--xl .suis-chart__content__item--compare,.suis-chart__labels--xl .suis-chart__labels__item--compare{margin-left:-1rem}.suis-chart__content--xl .suis-chart__content__item--double,.suis-chart__content--xl .suis-chart__labels__item--double,.suis-chart__labels--xl .suis-chart__content__item--double,.suis-chart__labels--xl .suis-chart__labels__item--double{width:4rem}.suis-chart__content{height:100%}.suis-chart__content__item{background-color:#192a56;min-height:.0625rem;position:relative}.suis-chart__content__item--primary{background-color:#192a56}.suis-chart__content__item--secondary{background-color:#273c75}.suis-chart__content__item--tertiary{background-color:#dcdde1}.suis-chart__content__item--complementary{background-color:#f5f6fa}.suis-chart__content__item--success{background-color:#2ed573}.suis-chart__content__item--warning{background-color:#ffa502}.suis-chart__content__item--danger{background-color:#ff4757}.suis-chart__content__item--white{background-color:#fff}.suis-chart__content__item--gray{background-color:#bcbcbc}.suis-chart__content__item--dark{background-color:#000}.suis-chart__content__item__value{position:absolute;top:-1rem;text-align:center;width:100%;font-size:.75rem;color:#a4a7b0}.suis-chart__labels__item{margin-top:.25rem;font-size:.75rem;color:#a4a7b0;text-align:center}\n"], dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SuisChartHeightPipe, name: "suisChartHeight" }, { kind: "pipe", type: SuisChartDataPipe, name: "suisChartData" }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'suis-chart', standalone: true, imports: [
+                        NgForOf,
+                        NgIf,
+                        NgClass,
+                        SuisChartHeightPipe,
+                        SuisChartDataPipe,
+                        SuisNgClassPipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-chart\">\n  <div\n    class=\"suis-chart__content\"\n    [ngClass]=\"'suis-chart__content' | suisNgClass : size\"\n  >\n    <div\n      *ngFor=\"let item of data | suisChartData : compareData\"\n      class=\"suis-chart__content__item\"\n      [ngClass]=\"\n        'suis-chart__content__item'\n          | suisNgClass\n            : (item.compare ? item.color || compareColor : item.color || color)\n            : (item.compare ? 'compare' : 'single')\n      \"\n      [style.height]=\"item.value | suisChartHeight : maxValue\"\n    >\n      <div class=\"suis-chart__content__item__value\">\n        {{ item.value }}\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"suis-chart__labels\"\n    [ngClass]=\"'suis-chart__labels' | suisNgClass : size\"\n  >\n    <div\n      *ngFor=\"let label of labels\"\n      class=\"suis-chart__labels__item\"\n      [class.suis-chart__labels__item--double]=\"compareData.length\"\n    >\n      {{ label }}\n    </div>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;height:100%}.suis-chart{height:100%}.suis-chart__content,.suis-chart__labels{display:flex;align-items:flex-end;justify-content:center}.suis-chart__content--xs .suis-chart__content__item,.suis-chart__content--xs .suis-chart__labels__item,.suis-chart__labels--xs .suis-chart__content__item,.suis-chart__labels--xs .suis-chart__labels__item{width:1rem}.suis-chart__content--xs .suis-chart__content__item:not(:last-child),.suis-chart__content--xs .suis-chart__labels__item:not(:last-child),.suis-chart__labels--xs .suis-chart__content__item:not(:last-child),.suis-chart__labels--xs .suis-chart__labels__item:not(:last-child){margin-right:.5rem}.suis-chart__content--xs .suis-chart__content__item--compare,.suis-chart__content--xs .suis-chart__labels__item--compare,.suis-chart__labels--xs .suis-chart__content__item--compare,.suis-chart__labels--xs .suis-chart__labels__item--compare{margin-left:-.5rem}.suis-chart__content--xs .suis-chart__content__item--double,.suis-chart__content--xs .suis-chart__labels__item--double,.suis-chart__labels--xs .suis-chart__content__item--double,.suis-chart__labels--xs .suis-chart__labels__item--double{width:2rem}.suis-chart__content--sm .suis-chart__content__item,.suis-chart__content--sm .suis-chart__labels__item,.suis-chart__labels--sm .suis-chart__content__item,.suis-chart__labels--sm .suis-chart__labels__item{width:1.25rem}.suis-chart__content--sm .suis-chart__content__item:not(:last-child),.suis-chart__content--sm .suis-chart__labels__item:not(:last-child),.suis-chart__labels--sm .suis-chart__content__item:not(:last-child),.suis-chart__labels--sm .suis-chart__labels__item:not(:last-child){margin-right:.625rem}.suis-chart__content--sm .suis-chart__content__item--compare,.suis-chart__content--sm .suis-chart__labels__item--compare,.suis-chart__labels--sm .suis-chart__content__item--compare,.suis-chart__labels--sm .suis-chart__labels__item--compare{margin-left:-.625rem}.suis-chart__content--sm .suis-chart__content__item--double,.suis-chart__content--sm .suis-chart__labels__item--double,.suis-chart__labels--sm .suis-chart__content__item--double,.suis-chart__labels--sm .suis-chart__labels__item--double{width:2.5rem}.suis-chart__content--md .suis-chart__content__item,.suis-chart__content--md .suis-chart__labels__item,.suis-chart__labels--md .suis-chart__content__item,.suis-chart__labels--md .suis-chart__labels__item{width:1.5rem}.suis-chart__content--md .suis-chart__content__item:not(:last-child),.suis-chart__content--md .suis-chart__labels__item:not(:last-child),.suis-chart__labels--md .suis-chart__content__item:not(:last-child),.suis-chart__labels--md .suis-chart__labels__item:not(:last-child){margin-right:.75rem}.suis-chart__content--md .suis-chart__content__item--compare,.suis-chart__content--md .suis-chart__labels__item--compare,.suis-chart__labels--md .suis-chart__content__item--compare,.suis-chart__labels--md .suis-chart__labels__item--compare{margin-left:-.75rem}.suis-chart__content--md .suis-chart__content__item--double,.suis-chart__content--md .suis-chart__labels__item--double,.suis-chart__labels--md .suis-chart__content__item--double,.suis-chart__labels--md .suis-chart__labels__item--double{width:3rem}.suis-chart__content--lg .suis-chart__content__item,.suis-chart__content--lg .suis-chart__labels__item,.suis-chart__labels--lg .suis-chart__content__item,.suis-chart__labels--lg .suis-chart__labels__item{width:1.75rem}.suis-chart__content--lg .suis-chart__content__item:not(:last-child),.suis-chart__content--lg .suis-chart__labels__item:not(:last-child),.suis-chart__labels--lg .suis-chart__content__item:not(:last-child),.suis-chart__labels--lg .suis-chart__labels__item:not(:last-child){margin-right:.875rem}.suis-chart__content--lg .suis-chart__content__item--compare,.suis-chart__content--lg .suis-chart__labels__item--compare,.suis-chart__labels--lg .suis-chart__content__item--compare,.suis-chart__labels--lg .suis-chart__labels__item--compare{margin-left:-1rem}.suis-chart__content--lg .suis-chart__content__item--double,.suis-chart__content--lg .suis-chart__labels__item--double,.suis-chart__labels--lg .suis-chart__content__item--double,.suis-chart__labels--lg .suis-chart__labels__item--double{width:3.5rem}.suis-chart__content--xl .suis-chart__content__item,.suis-chart__content--xl .suis-chart__labels__item,.suis-chart__labels--xl .suis-chart__content__item,.suis-chart__labels--xl .suis-chart__labels__item{width:2rem}.suis-chart__content--xl .suis-chart__content__item:not(:last-child),.suis-chart__content--xl .suis-chart__labels__item:not(:last-child),.suis-chart__labels--xl .suis-chart__content__item:not(:last-child),.suis-chart__labels--xl .suis-chart__labels__item:not(:last-child){margin-right:1rem}.suis-chart__content--xl .suis-chart__content__item--compare,.suis-chart__content--xl .suis-chart__labels__item--compare,.suis-chart__labels--xl .suis-chart__content__item--compare,.suis-chart__labels--xl .suis-chart__labels__item--compare{margin-left:-1rem}.suis-chart__content--xl .suis-chart__content__item--double,.suis-chart__content--xl .suis-chart__labels__item--double,.suis-chart__labels--xl .suis-chart__content__item--double,.suis-chart__labels--xl .suis-chart__labels__item--double{width:4rem}.suis-chart__content{height:100%}.suis-chart__content__item{background-color:#192a56;min-height:.0625rem;position:relative}.suis-chart__content__item--primary{background-color:#192a56}.suis-chart__content__item--secondary{background-color:#273c75}.suis-chart__content__item--tertiary{background-color:#dcdde1}.suis-chart__content__item--complementary{background-color:#f5f6fa}.suis-chart__content__item--success{background-color:#2ed573}.suis-chart__content__item--warning{background-color:#ffa502}.suis-chart__content__item--danger{background-color:#ff4757}.suis-chart__content__item--white{background-color:#fff}.suis-chart__content__item--gray{background-color:#bcbcbc}.suis-chart__content__item--dark{background-color:#000}.suis-chart__content__item__value{position:absolute;top:-1rem;text-align:center;width:100%;font-size:.75rem;color:#a4a7b0}.suis-chart__labels__item{margin-top:.25rem;font-size:.75rem;color:#a4a7b0;text-align:center}\n"] }]
+        }], propDecorators: { maxValue: [{
+                type: Input
+            }], labels: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], autoMax: [{
+                type: Input
+            }], compareData: [{
+                type: Input
+            }], compareColor: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1jaGFydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtY2hhcnQvc3Vpcy1jaGFydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtY2hhcnQvc3Vpcy1jaGFydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUV6RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQWlCM0QsTUFBTSxPQUFPLGtCQUFrQjtJQWYvQjtRQWdCRSxnQkFBZ0I7UUFDaEIsY0FBUyxHQUFXLEdBQUcsQ0FBQztRQWlCeEI7O1dBRUc7UUFDTSxXQUFNLEdBQWEsRUFBRSxDQUFDO1FBRS9COztXQUVHO1FBQ00sU0FBSSxHQUF3QixFQUFFLENBQUM7UUFFeEM7O1dBRUc7UUFDTSxVQUFLLEdBQWMsU0FBUyxDQUFDO1FBRXRDOztXQUVHO1FBQ00sU0FBSSxHQUFhLElBQUksQ0FBQztRQUUvQjs7V0FFRztRQUNNLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFFbEM7O1dBRUc7UUFDTSxnQkFBVyxHQUF3QixFQUFFLENBQUM7UUFFL0M7O1dBRUc7UUFDTSxpQkFBWSxHQUFjLFNBQVMsQ0FBQztLQUM5QztJQWpEQyxnQkFBZ0I7SUFDaEIsSUFBSSxRQUFRO1FBQ1YsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPO1lBQUUsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ3pDLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FDYixHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUNqRSxDQUFDO0lBQ0osQ0FBQztJQUVEOztPQUVHO0lBQ0gsSUFBYSxRQUFRLENBQUMsS0FBYTtRQUNqQyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUN6QixDQUFDOytHQWpCVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixvUEN2Qi9CLHcrQkFrQ0Esd3NNRHRCSSxPQUFPLG1IQUVQLE9BQU8sK0VBQ1AsbUJBQW1CLG1EQUNuQixpQkFBaUIsaURBQ2pCLGVBQWU7OzRGQU1OLGtCQUFrQjtrQkFmOUIsU0FBUzsrQkFDRSxZQUFZLGNBQ1YsSUFBSSxXQUNQO3dCQUNQLE9BQU87d0JBQ1AsSUFBSTt3QkFDSixPQUFPO3dCQUNQLG1CQUFtQjt3QkFDbkIsaUJBQWlCO3dCQUNqQixlQUFlO3FCQUNoQixtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTTs4QkFpQmxDLFFBQVE7c0JBQXBCLEtBQUs7Z0JBT0csTUFBTTtzQkFBZCxLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csSUFBSTtzQkFBWixLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdDbGFzcywgTmdGb3JPZiwgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdWlzQ29sb3IsIFN1aXNTaXplIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuaW1wb3J0IHsgU3Vpc0NoYXJ0SGVpZ2h0UGlwZSB9IGZyb20gJy4vc3Vpcy1jaGFydC1oZWlnaHQucGlwZSc7XG5pbXBvcnQgeyBTdWlzTmdDbGFzc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcyc7XG5pbXBvcnQgeyBTdWlzQ2hhcnREYXRhSXRlbSB9IGZyb20gJy4vc3Vpcy1jaGFydC5pbnRlcmZhY2VzJztcbmltcG9ydCB7IFN1aXNDaGFydERhdGFQaXBlIH0gZnJvbSAnLi9zdWlzLWNoYXJ0LWRhdGEucGlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtY2hhcnQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdGb3JPZixcbiAgICBOZ0lmLFxuICAgIE5nQ2xhc3MsXG4gICAgU3Vpc0NoYXJ0SGVpZ2h0UGlwZSxcbiAgICBTdWlzQ2hhcnREYXRhUGlwZSxcbiAgICBTdWlzTmdDbGFzc1BpcGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWNoYXJ0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1jaGFydC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0NoYXJ0Q29tcG9uZW50IHtcbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBfbWF4VmFsdWU6IG51bWJlciA9IDEwMDtcblxuICAvKiogQGludGVybmFsICovXG4gIGdldCBtYXhWYWx1ZSgpOiBudW1iZXIge1xuICAgIGlmICghdGhpcy5hdXRvTWF4KSByZXR1cm4gdGhpcy5fbWF4VmFsdWU7XG4gICAgcmV0dXJuIE1hdGgubWF4KFxuICAgICAgLi4uWy4uLnRoaXMuZGF0YSwgLi4udGhpcy5jb21wYXJlRGF0YV0ubWFwKChpdGVtKSA9PiBpdGVtLnZhbHVlKVxuICAgICk7XG4gIH1cblxuICAvKipcbiAgICogU2V0IHRoZSBtYXhpbXVtIHZhbHVlIG9mIHRoZSBjaGFydCBiYXJzLiBCeSBkZWZhdWx0IHNldCB0byAxMDAuXG4gICAqL1xuICBASW5wdXQoKSBzZXQgbWF4VmFsdWUodmFsdWU6IG51bWJlcikge1xuICAgIHRoaXMuX21heFZhbHVlID0gdmFsdWU7XG4gIH1cblxuICAvKipcbiAgICogQXJyYXkgb2YgdGhlIGNoYXJ0IGJhcnMgbGFiZWxzLiBCeSBkZWZhdWx0IHNldCB0byBlbXB0eSBhcnJheS5cbiAgICovXG4gIEBJbnB1dCgpIGxhYmVsczogc3RyaW5nW10gPSBbXTtcblxuICAvKipcbiAgICogQXJyYXkgb2YgZGF0YSB2YWx1ZXMgYW5kIG9wdGlvbmFsbHkgY29sb3JzLiBUeXBlIG9mIFN1aXNDaGFydERhdGFJdGVtW10uIEJ5IGRlZmF1bHQgc2V0IHRvIGVtcHR5IGFycmF5LlxuICAgKi9cbiAgQElucHV0KCkgZGF0YTogU3Vpc0NoYXJ0RGF0YUl0ZW1bXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBkZWZhdWx0IGNvbG9yIG9mIHRoZSBjaGFydCBiYXJzLiBUeXBlIG9mIFN1aXNDb2xvci4gQnkgZGVmYXVsdCBzZXQgdG8gJ3ByaW1hcnknLlxuICAgKi9cbiAgQElucHV0KCkgY29sb3I6IFN1aXNDb2xvciA9ICdwcmltYXJ5JztcblxuICAvKipcbiAgICogQWRqdXN0cyB0aGUgd2lkdGggb2YgdGhlIGNoYXJ0IGJhcnMuIFR5cGUgb2YgU3Vpc1NpemUuIEJ5IGRlZmF1bHQgc2V0IHRvICdtZCcuXG4gICAqL1xuICBASW5wdXQoKSBzaXplOiBTdWlzU2l6ZSA9ICdtZCc7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIG1heGltdW0gdmFsdWUgYXV0b21hdGljYWxseSBiYXNlZCBvbiBkYXRhIHZhbHVlcy4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuXG4gICAqL1xuICBASW5wdXQoKSBhdXRvTWF4OiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEFycmF5IG9mIGNvbXBhcmlzaW9uIGRhdGEgdmFsdWVzIGFuZCBvcHRpb25hbGx5IGNvbG9ycy4gVHlwZSBvZiBTdWlzQ2hhcnREYXRhSXRlbVtdLiBCeSBkZWZhdWx0IHNldCB0byBlbXB0eSBhcnJheS5cbiAgICovXG4gIEBJbnB1dCgpIGNvbXBhcmVEYXRhOiBTdWlzQ2hhcnREYXRhSXRlbVtdID0gW107XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGRlZmF1bHQgY29sb3Igb2YgdGhlIGNvbXBhcmlzaW9uIGNoYXJ0IGJhcnMuIFR5cGUgb2YgU3Vpc0NvbG9yLiBCeSBkZWZhdWx0IHNldCB0byAnd2FybmluZycuXG4gICAqL1xuICBASW5wdXQoKSBjb21wYXJlQ29sb3I6IFN1aXNDb2xvciA9ICd3YXJuaW5nJztcbn1cbiIsIjxkaXYgY2xhc3M9XCJzdWlzLWNoYXJ0XCI+XG4gIDxkaXZcbiAgICBjbGFzcz1cInN1aXMtY2hhcnRfX2NvbnRlbnRcIlxuICAgIFtuZ0NsYXNzXT1cIidzdWlzLWNoYXJ0X19jb250ZW50JyB8IHN1aXNOZ0NsYXNzIDogc2l6ZVwiXG4gID5cbiAgICA8ZGl2XG4gICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBkYXRhIHwgc3Vpc0NoYXJ0RGF0YSA6IGNvbXBhcmVEYXRhXCJcbiAgICAgIGNsYXNzPVwic3Vpcy1jaGFydF9fY29udGVudF9faXRlbVwiXG4gICAgICBbbmdDbGFzc109XCJcbiAgICAgICAgJ3N1aXMtY2hhcnRfX2NvbnRlbnRfX2l0ZW0nXG4gICAgICAgICAgfCBzdWlzTmdDbGFzc1xuICAgICAgICAgICAgOiAoaXRlbS5jb21wYXJlID8gaXRlbS5jb2xvciB8fCBjb21wYXJlQ29sb3IgOiBpdGVtLmNvbG9yIHx8IGNvbG9yKVxuICAgICAgICAgICAgOiAoaXRlbS5jb21wYXJlID8gJ2NvbXBhcmUnIDogJ3NpbmdsZScpXG4gICAgICBcIlxuICAgICAgW3N0eWxlLmhlaWdodF09XCJpdGVtLnZhbHVlIHwgc3Vpc0NoYXJ0SGVpZ2h0IDogbWF4VmFsdWVcIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9XCJzdWlzLWNoYXJ0X19jb250ZW50X19pdGVtX192YWx1ZVwiPlxuICAgICAgICB7eyBpdGVtLnZhbHVlIH19XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXZcbiAgICBjbGFzcz1cInN1aXMtY2hhcnRfX2xhYmVsc1wiXG4gICAgW25nQ2xhc3NdPVwiJ3N1aXMtY2hhcnRfX2xhYmVscycgfCBzdWlzTmdDbGFzcyA6IHNpemVcIlxuICA+XG4gICAgPGRpdlxuICAgICAgKm5nRm9yPVwibGV0IGxhYmVsIG9mIGxhYmVsc1wiXG4gICAgICBjbGFzcz1cInN1aXMtY2hhcnRfX2xhYmVsc19faXRlbVwiXG4gICAgICBbY2xhc3Muc3Vpcy1jaGFydF9fbGFiZWxzX19pdGVtLS1kb3VibGVdPVwiY29tcGFyZURhdGEubGVuZ3RoXCJcbiAgICA+XG4gICAgICB7eyBsYWJlbCB9fVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/components/suis-chart/suis-chart.interfaces.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1jaGFydC5pbnRlcmZhY2VzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLWNoYXJ0L3N1aXMtY2hhcnQuaW50ZXJmYWNlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU3Vpc0NvbG9yIH0gZnJvbSAnLi4vLi4vdHlwZXMvc3Vpcy1jb2xvci50eXBlJztcblxuZXhwb3J0IGludGVyZmFjZSBTdWlzQ2hhcnREYXRhSXRlbSB7XG4gIHZhbHVlOiBudW1iZXI7XG4gIGNvbG9yPzogU3Vpc0NvbG9yO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFN1aXNDaGFydERhdGFDb21wYXJpc2lvbkl0ZW0ge1xuICB2YWx1ZTogbnVtYmVyO1xuICBjb2xvcj86IFN1aXNDb2xvcjtcbiAgY29tcGFyZT86IGJvb2xlYW47XG59XG4iXX0=

package/fesm2022/suis.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Pipe, Component, ChangeDetectionStrategy, Input, EventEmitter, Output, Directive, signal, Injectable, inject, ChangeDetectorRef, ElementRef, forwardRef, ViewChild, HostListener, TemplateRef, ContentChild, NgModule, DestroyRef, ContentChildren } from '@angular/core';
 import * as i1$1 from '@angular/common';
-import { NgClass, NgIf, NgFor, NgComponentOutlet, CommonModule, NgTemplateOutlet, NgSwitch, NgSwitchCase } from '@angular/common';
+import { NgClass, NgIf, NgFor, NgForOf, NgComponentOutlet, CommonModule, NgTemplateOutlet, NgSwitch, NgSwitchCase } from '@angular/common';
 import * as i1 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i1$2 from '@angular/forms';
@@ -338,6 +338,132 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             args: [{ selector: 'suis-button-outlined', standalone: true, imports: [NgIf, NgClass, SuisNgClassPipe, SuisSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  class=\"suis-button-outlined\"\n  [class.suis-button-outlined--full-width]=\"fullWidth\"\n  [ngClass]=\"'suis-button-outlined' | suisNgClass : color\"\n  [attr.disabled]=\"disabled || loading ? true : undefined\"\n  [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n  [attr.type]=\"type\"\n  (click)=\"onClick()\"\n>\n  <span\n    class=\"suis-button-outlined__content\"\n    [class.suis-button-outlined__content--loading]=\"loading\"\n  >\n    <ng-content></ng-content>\n  </span>\n  <suis-spinner *ngIf=\"loading\" size=\"xs\" [color]=\"color\"></suis-spinner>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button-outlined{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;font-size:.875rem;border-width:.125rem;border-style:solid;background-color:transparent}.suis-button-outlined--full-width{width:100%}.suis-button-outlined--disabled{opacity:.5}.suis-button-outlined__content{display:flex;align-items:center;justify-content:center}.suis-button-outlined__content--loading{visibility:hidden}.suis-button-outlined suis-spinner{position:absolute}.suis-button-outlined:disabled{opacity:.5}.suis-button-outlined:hover:not(:disabled){cursor:pointer}.suis-button-outlined:hover:disabled{cursor:not-allowed}.suis-button-outlined:focus,.suis-button-outlined:focus-within{outline:none}.suis-button-outlined--primary{border-color:#192a56;color:#192a56}.suis-button-outlined--primary:hover:not(:disabled){background-color:#192a56;color:#fff}.suis-button-outlined--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button-outlined--secondary{border-color:#273c75;color:#273c75}.suis-button-outlined--secondary:hover:not(:disabled){background-color:#273c75;color:#fff}.suis-button-outlined--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button-outlined--tertiary{border-color:#dcdde1;color:#dcdde1}.suis-button-outlined--tertiary:hover:not(:disabled){background-color:#dcdde1;color:#2f3640}.suis-button-outlined--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button-outlined--complementary{border-color:#f5f6fa;color:#f5f6fa}.suis-button-outlined--complementary:hover:not(:disabled){background-color:#f5f6fa;color:#2f3640}.suis-button-outlined--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button-outlined--success{border-color:#2ed573;color:#2ed573}.suis-button-outlined--success:hover:not(:disabled){background-color:#2ed573;color:#fff}.suis-button-outlined--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button-outlined--warning{border-color:#ffa502;color:#ffa502}.suis-button-outlined--warning:hover:not(:disabled){background-color:#ffa502;color:#fff}.suis-button-outlined--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button-outlined--danger{border-color:#ff4757;color:#ff4757}.suis-button-outlined--danger:hover:not(:disabled){background-color:#ff4757;color:#fff}.suis-button-outlined--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"] }]
         }] });
 
+class SuisChartHeightPipe {
+    transform(value, maxValue) {
+        if (value > maxValue)
+            return '100%';
+        return `${(value / maxValue) * 100}%`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisChartHeightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SuisChartHeightPipe, isStandalone: true, name: "suisChartHeight" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisChartHeightPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'suisChartHeight',
+                    standalone: true,
+                }]
+        }] });
+
+class SuisChartDataPipe {
+    transform(data, compareData) {
+        if (!compareData.length)
+            return data;
+        const combinedData = [];
+        data.forEach((item, index) => {
+            combinedData.push(item);
+            if (compareData.length - 1 >= index) {
+                combinedData.push({
+                    ...compareData[index],
+                    compare: true,
+                });
+            }
+            else {
+                combinedData.push({
+                    value: 0,
+                    compare: true,
+                });
+            }
+        });
+        return combinedData;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisChartDataPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SuisChartDataPipe, isStandalone: true, name: "suisChartData" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisChartDataPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'suisChartData',
+                    standalone: true,
+                }]
+        }] });
+
+class SuisChartComponent {
+    constructor() {
+        /** @internal */
+        this._maxValue = 100;
+        /**
+         * Array of the chart bars labels. By default set to empty array.
+         */
+        this.labels = [];
+        /**
+         * Array of data values and optionally colors. Type of SuisChartDataItem[]. By default set to empty array.
+         */
+        this.data = [];
+        /**
+         * Sets the default color of the chart bars. Type of SuisColor. By default set to 'primary'.
+         */
+        this.color = 'primary';
+        /**
+         * Adjusts the width of the chart bars. Type of SuisSize. By default set to 'md'.
+         */
+        this.size = 'md';
+        /**
+         * Sets the maximum value automatically based on data values. By default set to false.
+         */
+        this.autoMax = false;
+        /**
+         * Array of comparision data values and optionally colors. Type of SuisChartDataItem[]. By default set to empty array.
+         */
+        this.compareData = [];
+        /**
+         * Sets the default color of the comparision chart bars. Type of SuisColor. By default set to 'warning'.
+         */
+        this.compareColor = 'warning';
+    }
+    /** @internal */
+    get maxValue() {
+        if (!this.autoMax)
+            return this._maxValue;
+        return Math.max(...[...this.data, ...this.compareData].map((item) => item.value));
+    }
+    /**
+     * Set the maximum value of the chart bars. By default set to 100.
+     */
+    set maxValue(value) {
+        this._maxValue = value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisChartComponent, isStandalone: true, selector: "suis-chart", inputs: { maxValue: "maxValue", labels: "labels", data: "data", color: "color", size: "size", autoMax: "autoMax", compareData: "compareData", compareColor: "compareColor" }, ngImport: i0, template: "<div class=\"suis-chart\">\n  <div\n    class=\"suis-chart__content\"\n    [ngClass]=\"'suis-chart__content' | suisNgClass : size\"\n  >\n    <div\n      *ngFor=\"let item of data | suisChartData : compareData\"\n      class=\"suis-chart__content__item\"\n      [ngClass]=\"\n        'suis-chart__content__item'\n          | suisNgClass\n            : (item.compare ? item.color || compareColor : item.color || color)\n            : (item.compare ? 'compare' : 'single')\n      \"\n      [style.height]=\"item.value | suisChartHeight : maxValue\"\n    >\n      <div class=\"suis-chart__content__item__value\">\n        {{ item.value }}\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"suis-chart__labels\"\n    [ngClass]=\"'suis-chart__labels' | suisNgClass : size\"\n  >\n    <div\n      *ngFor=\"let label of labels\"\n      class=\"suis-chart__labels__item\"\n      [class.suis-chart__labels__item--double]=\"compareData.length\"\n    >\n      {{ label }}\n    </div>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;height:100%}.suis-chart{height:100%}.suis-chart__content,.suis-chart__labels{display:flex;align-items:flex-end;justify-content:center}.suis-chart__content--xs .suis-chart__content__item,.suis-chart__content--xs .suis-chart__labels__item,.suis-chart__labels--xs .suis-chart__content__item,.suis-chart__labels--xs .suis-chart__labels__item{width:1rem}.suis-chart__content--xs .suis-chart__content__item:not(:last-child),.suis-chart__content--xs .suis-chart__labels__item:not(:last-child),.suis-chart__labels--xs .suis-chart__content__item:not(:last-child),.suis-chart__labels--xs .suis-chart__labels__item:not(:last-child){margin-right:.5rem}.suis-chart__content--xs .suis-chart__content__item--compare,.suis-chart__content--xs .suis-chart__labels__item--compare,.suis-chart__labels--xs .suis-chart__content__item--compare,.suis-chart__labels--xs .suis-chart__labels__item--compare{margin-left:-.5rem}.suis-chart__content--xs .suis-chart__content__item--double,.suis-chart__content--xs .suis-chart__labels__item--double,.suis-chart__labels--xs .suis-chart__content__item--double,.suis-chart__labels--xs .suis-chart__labels__item--double{width:2rem}.suis-chart__content--sm .suis-chart__content__item,.suis-chart__content--sm .suis-chart__labels__item,.suis-chart__labels--sm .suis-chart__content__item,.suis-chart__labels--sm .suis-chart__labels__item{width:1.25rem}.suis-chart__content--sm .suis-chart__content__item:not(:last-child),.suis-chart__content--sm .suis-chart__labels__item:not(:last-child),.suis-chart__labels--sm .suis-chart__content__item:not(:last-child),.suis-chart__labels--sm .suis-chart__labels__item:not(:last-child){margin-right:.625rem}.suis-chart__content--sm .suis-chart__content__item--compare,.suis-chart__content--sm .suis-chart__labels__item--compare,.suis-chart__labels--sm .suis-chart__content__item--compare,.suis-chart__labels--sm .suis-chart__labels__item--compare{margin-left:-.625rem}.suis-chart__content--sm .suis-chart__content__item--double,.suis-chart__content--sm .suis-chart__labels__item--double,.suis-chart__labels--sm .suis-chart__content__item--double,.suis-chart__labels--sm .suis-chart__labels__item--double{width:2.5rem}.suis-chart__content--md .suis-chart__content__item,.suis-chart__content--md .suis-chart__labels__item,.suis-chart__labels--md .suis-chart__content__item,.suis-chart__labels--md .suis-chart__labels__item{width:1.5rem}.suis-chart__content--md .suis-chart__content__item:not(:last-child),.suis-chart__content--md .suis-chart__labels__item:not(:last-child),.suis-chart__labels--md .suis-chart__content__item:not(:last-child),.suis-chart__labels--md .suis-chart__labels__item:not(:last-child){margin-right:.75rem}.suis-chart__content--md .suis-chart__content__item--compare,.suis-chart__content--md .suis-chart__labels__item--compare,.suis-chart__labels--md .suis-chart__content__item--compare,.suis-chart__labels--md .suis-chart__labels__item--compare{margin-left:-.75rem}.suis-chart__content--md .suis-chart__content__item--double,.suis-chart__content--md .suis-chart__labels__item--double,.suis-chart__labels--md .suis-chart__content__item--double,.suis-chart__labels--md .suis-chart__labels__item--double{width:3rem}.suis-chart__content--lg .suis-chart__content__item,.suis-chart__content--lg .suis-chart__labels__item,.suis-chart__labels--lg .suis-chart__content__item,.suis-chart__labels--lg .suis-chart__labels__item{width:1.75rem}.suis-chart__content--lg .suis-chart__content__item:not(:last-child),.suis-chart__content--lg .suis-chart__labels__item:not(:last-child),.suis-chart__labels--lg .suis-chart__content__item:not(:last-child),.suis-chart__labels--lg .suis-chart__labels__item:not(:last-child){margin-right:.875rem}.suis-chart__content--lg .suis-chart__content__item--compare,.suis-chart__content--lg .suis-chart__labels__item--compare,.suis-chart__labels--lg .suis-chart__content__item--compare,.suis-chart__labels--lg .suis-chart__labels__item--compare{margin-left:-1rem}.suis-chart__content--lg .suis-chart__content__item--double,.suis-chart__content--lg .suis-chart__labels__item--double,.suis-chart__labels--lg .suis-chart__content__item--double,.suis-chart__labels--lg .suis-chart__labels__item--double{width:3.5rem}.suis-chart__content--xl .suis-chart__content__item,.suis-chart__content--xl .suis-chart__labels__item,.suis-chart__labels--xl .suis-chart__content__item,.suis-chart__labels--xl .suis-chart__labels__item{width:2rem}.suis-chart__content--xl .suis-chart__content__item:not(:last-child),.suis-chart__content--xl .suis-chart__labels__item:not(:last-child),.suis-chart__labels--xl .suis-chart__content__item:not(:last-child),.suis-chart__labels--xl .suis-chart__labels__item:not(:last-child){margin-right:1rem}.suis-chart__content--xl .suis-chart__content__item--compare,.suis-chart__content--xl .suis-chart__labels__item--compare,.suis-chart__labels--xl .suis-chart__content__item--compare,.suis-chart__labels--xl .suis-chart__labels__item--compare{margin-left:-1rem}.suis-chart__content--xl .suis-chart__content__item--double,.suis-chart__content--xl .suis-chart__labels__item--double,.suis-chart__labels--xl .suis-chart__content__item--double,.suis-chart__labels--xl .suis-chart__labels__item--double{width:4rem}.suis-chart__content{height:100%}.suis-chart__content__item{background-color:#192a56;min-height:.0625rem;position:relative}.suis-chart__content__item--primary{background-color:#192a56}.suis-chart__content__item--secondary{background-color:#273c75}.suis-chart__content__item--tertiary{background-color:#dcdde1}.suis-chart__content__item--complementary{background-color:#f5f6fa}.suis-chart__content__item--success{background-color:#2ed573}.suis-chart__content__item--warning{background-color:#ffa502}.suis-chart__content__item--danger{background-color:#ff4757}.suis-chart__content__item--white{background-color:#fff}.suis-chart__content__item--gray{background-color:#bcbcbc}.suis-chart__content__item--dark{background-color:#000}.suis-chart__content__item__value{position:absolute;top:-1rem;text-align:center;width:100%;font-size:.75rem;color:#a4a7b0}.suis-chart__labels__item{margin-top:.25rem;font-size:.75rem;color:#a4a7b0;text-align:center}\n"], dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SuisChartHeightPipe, name: "suisChartHeight" }, { kind: "pipe", type: SuisChartDataPipe, name: "suisChartData" }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'suis-chart', standalone: true, imports: [
+                        NgForOf,
+                        NgIf,
+                        NgClass,
+                        SuisChartHeightPipe,
+                        SuisChartDataPipe,
+                        SuisNgClassPipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-chart\">\n  <div\n    class=\"suis-chart__content\"\n    [ngClass]=\"'suis-chart__content' | suisNgClass : size\"\n  >\n    <div\n      *ngFor=\"let item of data | suisChartData : compareData\"\n      class=\"suis-chart__content__item\"\n      [ngClass]=\"\n        'suis-chart__content__item'\n          | suisNgClass\n            : (item.compare ? item.color || compareColor : item.color || color)\n            : (item.compare ? 'compare' : 'single')\n      \"\n      [style.height]=\"item.value | suisChartHeight : maxValue\"\n    >\n      <div class=\"suis-chart__content__item__value\">\n        {{ item.value }}\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"suis-chart__labels\"\n    [ngClass]=\"'suis-chart__labels' | suisNgClass : size\"\n  >\n    <div\n      *ngFor=\"let label of labels\"\n      class=\"suis-chart__labels__item\"\n      [class.suis-chart__labels__item--double]=\"compareData.length\"\n    >\n      {{ label }}\n    </div>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;height:100%}.suis-chart{height:100%}.suis-chart__content,.suis-chart__labels{display:flex;align-items:flex-end;justify-content:center}.suis-chart__content--xs .suis-chart__content__item,.suis-chart__content--xs .suis-chart__labels__item,.suis-chart__labels--xs .suis-chart__content__item,.suis-chart__labels--xs .suis-chart__labels__item{width:1rem}.suis-chart__content--xs .suis-chart__content__item:not(:last-child),.suis-chart__content--xs .suis-chart__labels__item:not(:last-child),.suis-chart__labels--xs .suis-chart__content__item:not(:last-child),.suis-chart__labels--xs .suis-chart__labels__item:not(:last-child){margin-right:.5rem}.suis-chart__content--xs .suis-chart__content__item--compare,.suis-chart__content--xs .suis-chart__labels__item--compare,.suis-chart__labels--xs .suis-chart__content__item--compare,.suis-chart__labels--xs .suis-chart__labels__item--compare{margin-left:-.5rem}.suis-chart__content--xs .suis-chart__content__item--double,.suis-chart__content--xs .suis-chart__labels__item--double,.suis-chart__labels--xs .suis-chart__content__item--double,.suis-chart__labels--xs .suis-chart__labels__item--double{width:2rem}.suis-chart__content--sm .suis-chart__content__item,.suis-chart__content--sm .suis-chart__labels__item,.suis-chart__labels--sm .suis-chart__content__item,.suis-chart__labels--sm .suis-chart__labels__item{width:1.25rem}.suis-chart__content--sm .suis-chart__content__item:not(:last-child),.suis-chart__content--sm .suis-chart__labels__item:not(:last-child),.suis-chart__labels--sm .suis-chart__content__item:not(:last-child),.suis-chart__labels--sm .suis-chart__labels__item:not(:last-child){margin-right:.625rem}.suis-chart__content--sm .suis-chart__content__item--compare,.suis-chart__content--sm .suis-chart__labels__item--compare,.suis-chart__labels--sm .suis-chart__content__item--compare,.suis-chart__labels--sm .suis-chart__labels__item--compare{margin-left:-.625rem}.suis-chart__content--sm .suis-chart__content__item--double,.suis-chart__content--sm .suis-chart__labels__item--double,.suis-chart__labels--sm .suis-chart__content__item--double,.suis-chart__labels--sm .suis-chart__labels__item--double{width:2.5rem}.suis-chart__content--md .suis-chart__content__item,.suis-chart__content--md .suis-chart__labels__item,.suis-chart__labels--md .suis-chart__content__item,.suis-chart__labels--md .suis-chart__labels__item{width:1.5rem}.suis-chart__content--md .suis-chart__content__item:not(:last-child),.suis-chart__content--md .suis-chart__labels__item:not(:last-child),.suis-chart__labels--md .suis-chart__content__item:not(:last-child),.suis-chart__labels--md .suis-chart__labels__item:not(:last-child){margin-right:.75rem}.suis-chart__content--md .suis-chart__content__item--compare,.suis-chart__content--md .suis-chart__labels__item--compare,.suis-chart__labels--md .suis-chart__content__item--compare,.suis-chart__labels--md .suis-chart__labels__item--compare{margin-left:-.75rem}.suis-chart__content--md .suis-chart__content__item--double,.suis-chart__content--md .suis-chart__labels__item--double,.suis-chart__labels--md .suis-chart__content__item--double,.suis-chart__labels--md .suis-chart__labels__item--double{width:3rem}.suis-chart__content--lg .suis-chart__content__item,.suis-chart__content--lg .suis-chart__labels__item,.suis-chart__labels--lg .suis-chart__content__item,.suis-chart__labels--lg .suis-chart__labels__item{width:1.75rem}.suis-chart__content--lg .suis-chart__content__item:not(:last-child),.suis-chart__content--lg .suis-chart__labels__item:not(:last-child),.suis-chart__labels--lg .suis-chart__content__item:not(:last-child),.suis-chart__labels--lg .suis-chart__labels__item:not(:last-child){margin-right:.875rem}.suis-chart__content--lg .suis-chart__content__item--compare,.suis-chart__content--lg .suis-chart__labels__item--compare,.suis-chart__labels--lg .suis-chart__content__item--compare,.suis-chart__labels--lg .suis-chart__labels__item--compare{margin-left:-1rem}.suis-chart__content--lg .suis-chart__content__item--double,.suis-chart__content--lg .suis-chart__labels__item--double,.suis-chart__labels--lg .suis-chart__content__item--double,.suis-chart__labels--lg .suis-chart__labels__item--double{width:3.5rem}.suis-chart__content--xl .suis-chart__content__item,.suis-chart__content--xl .suis-chart__labels__item,.suis-chart__labels--xl .suis-chart__content__item,.suis-chart__labels--xl .suis-chart__labels__item{width:2rem}.suis-chart__content--xl .suis-chart__content__item:not(:last-child),.suis-chart__content--xl .suis-chart__labels__item:not(:last-child),.suis-chart__labels--xl .suis-chart__content__item:not(:last-child),.suis-chart__labels--xl .suis-chart__labels__item:not(:last-child){margin-right:1rem}.suis-chart__content--xl .suis-chart__content__item--compare,.suis-chart__content--xl .suis-chart__labels__item--compare,.suis-chart__labels--xl .suis-chart__content__item--compare,.suis-chart__labels--xl .suis-chart__labels__item--compare{margin-left:-1rem}.suis-chart__content--xl .suis-chart__content__item--double,.suis-chart__content--xl .suis-chart__labels__item--double,.suis-chart__labels--xl .suis-chart__content__item--double,.suis-chart__labels--xl .suis-chart__labels__item--double{width:4rem}.suis-chart__content{height:100%}.suis-chart__content__item{background-color:#192a56;min-height:.0625rem;position:relative}.suis-chart__content__item--primary{background-color:#192a56}.suis-chart__content__item--secondary{background-color:#273c75}.suis-chart__content__item--tertiary{background-color:#dcdde1}.suis-chart__content__item--complementary{background-color:#f5f6fa}.suis-chart__content__item--success{background-color:#2ed573}.suis-chart__content__item--warning{background-color:#ffa502}.suis-chart__content__item--danger{background-color:#ff4757}.suis-chart__content__item--white{background-color:#fff}.suis-chart__content__item--gray{background-color:#bcbcbc}.suis-chart__content__item--dark{background-color:#000}.suis-chart__content__item__value{position:absolute;top:-1rem;text-align:center;width:100%;font-size:.75rem;color:#a4a7b0}.suis-chart__labels__item{margin-top:.25rem;font-size:.75rem;color:#a4a7b0;text-align:center}\n"] }]
+        }], propDecorators: { maxValue: [{
+                type: Input
+            }], labels: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], autoMax: [{
+                type: Input
+            }], compareData: [{
+                type: Input
+            }], compareColor: [{
+                type: Input
+            }] } });
+
 class SuisChipComponent {
     constructor() {
         /**
@@ -2349,5 +2475,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { SuisAccordionComponent, SuisAlertComponent, SuisBoxComponent, SuisBreadcrumbsComponent, SuisButtonComponent, SuisButtonLinkComponent, SuisButtonOutlinedComponent, SuisChipComponent, SuisContainerComponent, SuisDialogComponent, SuisDialogContainerComponent, SuisDialogService, SuisDividerComponent, SuisFormFieldComponent, SuisIconComponent, SuisInputCheckboxComponent, SuisInputChipsComponent, SuisInputComponent, SuisInputImageComponent, SuisInputNumberComponent, SuisInputRadioComponent, SuisItemComponent, SuisLabelComponent, SuisNavigationComponent, SuisNavigationGroupComponent, SuisNavigationGroupItemComponent, SuisNavigationItemComponent, SuisNavigationItemDirective, SuisNavigationModule, SuisNgClassPipe, SuisNotificationComponent, SuisNotificationService, SuisNotificationsComponent, SuisPaginationComponent, SuisProgressBarComponent, SuisSelectComponent, SuisSelectModule, SuisSelectMultiComponent, SuisSelectOptionComponent, SuisSelectOptionDirective, SuisSpinnerComponent, SuisSpinnerContainerComponent, SuisTabDirective, SuisTableCellDirective, SuisTableColumnDirective, SuisTableComponent, SuisTableModule, SuisTabsComponent, SuisTabsModule, SuisTextAreaComponent, SuisTitle, SuisTitleComponent, SuisToggleComponent, SuisToolbarComponent };
+export { SuisAccordionComponent, SuisAlertComponent, SuisBoxComponent, SuisBreadcrumbsComponent, SuisButtonComponent, SuisButtonLinkComponent, SuisButtonOutlinedComponent, SuisChartComponent, SuisChipComponent, SuisContainerComponent, SuisDialogComponent, SuisDialogContainerComponent, SuisDialogService, SuisDividerComponent, SuisFormFieldComponent, SuisIconComponent, SuisInputCheckboxComponent, SuisInputChipsComponent, SuisInputComponent, SuisInputImageComponent, SuisInputNumberComponent, SuisInputRadioComponent, SuisItemComponent, SuisLabelComponent, SuisNavigationComponent, SuisNavigationGroupComponent, SuisNavigationGroupItemComponent, SuisNavigationItemComponent, SuisNavigationItemDirective, SuisNavigationModule, SuisNgClassPipe, SuisNotificationComponent, SuisNotificationService, SuisNotificationsComponent, SuisPaginationComponent, SuisProgressBarComponent, SuisSelectComponent, SuisSelectModule, SuisSelectMultiComponent, SuisSelectOptionComponent, SuisSelectOptionDirective, SuisSpinnerComponent, SuisSpinnerContainerComponent, SuisTabDirective, SuisTableCellDirective, SuisTableColumnDirective, SuisTableComponent, SuisTableModule, SuisTabsComponent, SuisTabsModule, SuisTextAreaComponent, SuisTitle, SuisTitleComponent, SuisToggleComponent, SuisToolbarComponent };
 //# sourceMappingURL=suis.mjs.map