ngx-sfc-components 0.0.1

package/esm2020/lib/components/chart/service/settings/chart-settings.service.mjs

@@ -0,0 +1,87 @@
+import { Injectable } from '@angular/core';
+import { isDefined } from 'ngx-sfc-common';
+import { CHART_DEFAULTS } from '../../chart.constants';
+import * as i0 from "@angular/core";
+export class ChartSettingsService {
+    getDefaultOptions(type) {
+        let defaultChartOptions = {};
+        switch (type) {
+            case 'polarArea':
+            case 'radar':
+                defaultChartOptions = CHART_DEFAULTS.OPTIONS_RADIAL;
+                break;
+            case 'pie':
+            case 'doughnut':
+                defaultChartOptions = CHART_DEFAULTS.OPTIONS_NOT_LINES;
+                break;
+            default:
+                defaultChartOptions = CHART_DEFAULTS.OPTIONS;
+                break;
+        }
+        return JSON.parse(JSON.stringify(defaultChartOptions));
+    }
+    getDefaultChartOptions(type) {
+        switch (type) {
+            case 'pie':
+            case 'radar':
+            case 'polarArea':
+            case 'doughnut':
+                return { legend: true, gridLines: true, xAxe: false, yAxe: false, tooltip: true, ticks: true, defaultColors: true };
+            default:
+                return { legend: true, gridLines: true, xAxe: true, yAxe: true, tooltip: true, ticks: true, defaultColors: true };
+        }
+    }
+    setDatasetStyles(type, datasets, colors) {
+        switch (type) {
+            case 'polarArea':
+            case 'pie':
+            case 'doughnut':
+                this.setBackgroundDatasetStyles(datasets, colors || CHART_DEFAULTS.COLORS);
+                break;
+            case 'radar':
+                this.setDefaultDatasetStyles(datasets, colors || CHART_DEFAULTS.HALF_TRANSPARENT_COLORS);
+                break;
+            default:
+                this.setDefaultDatasetStyles(datasets, colors || CHART_DEFAULTS.COLORS);
+                break;
+        }
+    }
+    setDefaultDatasetStyles(datasets, colors) {
+        datasets.forEach((item, index) => {
+            if (index <= colors.length - 1) {
+                const dataSetColor = colors[index];
+                item.backgroundColor = dataSetColor.backgroundColor;
+                item.hoverBackgroundColor = dataSetColor.hoverBackgroundColor;
+                item.borderColor = dataSetColor.borderColor;
+                item.hoverBorderColor = dataSetColor.hoverBorderColor;
+                item.pointBackgroundColor = dataSetColor.pointBackgroundColor;
+                item.pointHoverBackgroundColor = dataSetColor.pointHoverBackgroundColor;
+                item.pointBorderColor = dataSetColor.pointBorderColor;
+                item.pointHoverBorderColor = dataSetColor.pointHoverBorderColor;
+            }
+        });
+    }
+    setBackgroundDatasetStyles(datasets, colors) {
+        datasets.forEach((item) => {
+            item.backgroundColor = this.replaceColors(item.backgroundColor, colors, c => c.backgroundColor);
+            item.hoverBackgroundColor = this.replaceColors(item.hoverBackgroundColor, colors, c => c.hoverBackgroundColor);
+        });
+    }
+    replaceColors(oldColors, newColors, mapFunc) {
+        const colors = newColors.map(mapFunc).filter((color) => isDefined(color));
+        if (oldColors) {
+            oldColors.splice(0, Math.min(oldColors.length, colors.length));
+            return colors.concat(oldColors);
+        }
+        return colors;
+    }
+}
+ChartSettingsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ChartSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ChartSettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ChartSettingsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ChartSettingsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcnQtc2V0dGluZ3Muc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2hhcnQvc2VydmljZS9zZXR0aW5ncy9jaGFydC1zZXR0aW5ncy5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFM0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTNDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7QUFNdkQsTUFBTSxPQUFPLG9CQUFvQjtJQUUvQixpQkFBaUIsQ0FBQyxJQUFlO1FBQy9CLElBQUksbUJBQW1CLEdBQWlDLEVBQUUsQ0FBQztRQUUzRCxRQUFRLElBQUksRUFBRTtZQUNaLEtBQUssV0FBVyxDQUFDO1lBQ2pCLEtBQUssT0FBTztnQkFDVixtQkFBbUIsR0FBRyxjQUFjLENBQUMsY0FBYyxDQUFDO2dCQUNwRCxNQUFNO1lBQ1IsS0FBSyxLQUFLLENBQUM7WUFDWCxLQUFLLFVBQVU7Z0JBQ2IsbUJBQW1CLEdBQUcsY0FBYyxDQUFDLGlCQUFpQixDQUFDO2dCQUN2RCxNQUFNO1lBQ1I7Z0JBQ0UsbUJBQW1CLEdBQUcsY0FBYyxDQUFDLE9BQU8sQ0FBQztnQkFDN0MsTUFBTTtTQUNUO1FBRUQsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFBO0lBQ3hELENBQUM7SUFFRCxzQkFBc0IsQ0FBQyxJQUFlO1FBQ3BDLFFBQVEsSUFBSSxFQUFFO1lBQ1osS0FBSyxLQUFLLENBQUM7WUFDWCxLQUFLLE9BQU8sQ0FBQztZQUNiLEtBQUssV0FBVyxDQUFDO1lBQ2pCLEtBQUssVUFBVTtnQkFDYixPQUFPLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLElBQUksRUFBRSxDQUFDO1lBQ3RIO2dCQUNFLE9BQU8sRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsSUFBSSxFQUFFLENBQUM7U0FDckg7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsSUFBZSxFQUFFLFFBQXdCLEVBQUUsTUFBa0M7UUFDNUYsUUFBUSxJQUFJLEVBQUU7WUFDWixLQUFLLFdBQVcsQ0FBQztZQUNqQixLQUFLLEtBQUssQ0FBQztZQUNYLEtBQUssVUFBVTtnQkFDYixJQUFJLENBQUMsMEJBQTBCLENBQUMsUUFBUSxFQUFFLE1BQU0sSUFBSSxjQUFjLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQzNFLE1BQU07WUFDUixLQUFLLE9BQU87Z0JBQ1YsSUFBSSxDQUFDLHVCQUF1QixDQUFDLFFBQVEsRUFBRSxNQUFNLElBQUksY0FBYyxDQUFDLHVCQUF1QixDQUFDLENBQUM7Z0JBQ3pGLE1BQU07WUFDUjtnQkFDRSxJQUFJLENBQUMsdUJBQXVCLENBQUMsUUFBUSxFQUFFLE1BQU0sSUFBSSxjQUFjLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ3hFLE1BQU07U0FDVDtJQUNILENBQUM7SUFFTyx1QkFBdUIsQ0FBQyxRQUF3QixFQUFFLE1BQWlDO1FBQ3pGLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFTLEVBQUUsS0FBYSxFQUFFLEVBQUU7WUFDNUMsSUFBSSxLQUFLLElBQUksTUFBTSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQzlCLE1BQU0sWUFBWSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFFbkMsSUFBSSxDQUFDLGVBQWUsR0FBRyxZQUFZLENBQUMsZUFBZSxDQUFDO2dCQUNwRCxJQUFJLENBQUMsb0JBQW9CLEdBQUcsWUFBWSxDQUFDLG9CQUFvQixDQUFDO2dCQUM5RCxJQUFJLENBQUMsV0FBVyxHQUFHLFlBQVksQ0FBQyxXQUFXLENBQUM7Z0JBQzVDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxZQUFZLENBQUMsZ0JBQWdCLENBQUM7Z0JBQ3RELElBQUksQ0FBQyxvQkFBb0IsR0FBRyxZQUFZLENBQUMsb0JBQW9CLENBQUM7Z0JBQzlELElBQUksQ0FBQyx5QkFBeUIsR0FBRyxZQUFZLENBQUMseUJBQXlCLENBQUM7Z0JBQ3hFLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxZQUFZLENBQUMsZ0JBQWdCLENBQUM7Z0JBQ3RELElBQUksQ0FBQyxxQkFBcUIsR0FBRyxZQUFZLENBQUMscUJBQXFCLENBQUM7YUFDakU7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTywwQkFBMEIsQ0FBQyxRQUFnRCxFQUFFLE1BQWlDO1FBQ3BILFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFrQixFQUFFLEVBQUU7WUFDdEMsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDO1lBQ2hHLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQUNqSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTyxhQUFhLENBQUMsU0FBYyxFQUFFLFNBQW9DLEVBQ3hFLE9BQStEO1FBQy9ELE1BQU0sTUFBTSxHQUFHLFNBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUMxRSxJQUFJLFNBQVMsRUFBRTtZQUNiLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztZQUMvRCxPQUFPLE1BQU0sQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7U0FDakM7UUFFRCxPQUFPLE1BQU0sQ0FBQztJQUNoQixDQUFDOztpSEFuRlUsb0JBQW9CO3FIQUFwQixvQkFBb0IsY0FGbkIsTUFBTTsyRkFFUCxvQkFBb0I7a0JBSGhDLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDaGFydENvbmZpZ3VyYXRpb24sIENoYXJ0RGF0YXNldCwgQ2hhcnRUeXBlIH0gZnJvbSAnY2hhcnQuanMnO1xyXG5pbXBvcnQgeyBpc0RlZmluZWQgfSBmcm9tICduZ3gtc2ZjLWNvbW1vbic7XHJcbmltcG9ydCB7IENoYXJ0T3B0aW9uTW9kZWwgfSBmcm9tICcuLi8uLi9jaGFydC1vcHRpb24ubW9kZWwnO1xyXG5pbXBvcnQgeyBDSEFSVF9ERUZBVUxUUyB9IGZyb20gJy4uLy4uL2NoYXJ0LmNvbnN0YW50cyc7XHJcbmltcG9ydCB7IENoYXJ0VGhlbWVEYXRhU2V0Q29sb3JzIH0gZnJvbSAnLi4vdGhlbWUvY2hhcnQtdGhlbWUubW9kZWwnO1xyXG5cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46ICdyb290J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2hhcnRTZXR0aW5nc1NlcnZpY2Uge1xyXG5cclxuICBnZXREZWZhdWx0T3B0aW9ucyh0eXBlOiBDaGFydFR5cGUpIHtcclxuICAgIGxldCBkZWZhdWx0Q2hhcnRPcHRpb25zOkNoYXJ0Q29uZmlndXJhdGlvblsnb3B0aW9ucyddID0ge307XHJcblxyXG4gICAgc3dpdGNoICh0eXBlKSB7XHJcbiAgICAgIGNhc2UgJ3BvbGFyQXJlYSc6XHJcbiAgICAgIGNhc2UgJ3JhZGFyJzpcclxuICAgICAgICBkZWZhdWx0Q2hhcnRPcHRpb25zID0gQ0hBUlRfREVGQVVMVFMuT1BUSU9OU19SQURJQUw7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIGNhc2UgJ3BpZSc6XHJcbiAgICAgIGNhc2UgJ2RvdWdobnV0JzpcclxuICAgICAgICBkZWZhdWx0Q2hhcnRPcHRpb25zID0gQ0hBUlRfREVGQVVMVFMuT1BUSU9OU19OT1RfTElORVM7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgZGVmYXVsdENoYXJ0T3B0aW9ucyA9IENIQVJUX0RFRkFVTFRTLk9QVElPTlM7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIEpTT04ucGFyc2UoSlNPTi5zdHJpbmdpZnkoZGVmYXVsdENoYXJ0T3B0aW9ucykpXHJcbiAgfVxyXG5cclxuICBnZXREZWZhdWx0Q2hhcnRPcHRpb25zKHR5cGU6IENoYXJ0VHlwZSk6IENoYXJ0T3B0aW9uTW9kZWwge1xyXG4gICAgc3dpdGNoICh0eXBlKSB7XHJcbiAgICAgIGNhc2UgJ3BpZSc6XHJcbiAgICAgIGNhc2UgJ3JhZGFyJzpcclxuICAgICAgY2FzZSAncG9sYXJBcmVhJzpcclxuICAgICAgY2FzZSAnZG91Z2hudXQnOlxyXG4gICAgICAgIHJldHVybiB7IGxlZ2VuZDogdHJ1ZSwgZ3JpZExpbmVzOiB0cnVlLCB4QXhlOiBmYWxzZSwgeUF4ZTogZmFsc2UsIHRvb2x0aXA6IHRydWUsIHRpY2tzOiB0cnVlLCBkZWZhdWx0Q29sb3JzOiB0cnVlIH07XHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgcmV0dXJuIHsgbGVnZW5kOiB0cnVlLCBncmlkTGluZXM6IHRydWUsIHhBeGU6IHRydWUsIHlBeGU6IHRydWUsIHRvb2x0aXA6IHRydWUsIHRpY2tzOiB0cnVlLCBkZWZhdWx0Q29sb3JzOiB0cnVlIH07XHJcbiAgICB9XHJcbiAgfSAgXHJcblxyXG4gIHNldERhdGFzZXRTdHlsZXModHlwZTogQ2hhcnRUeXBlLCBkYXRhc2V0czogQ2hhcnREYXRhc2V0W10sIGNvbG9ycz86IENoYXJ0VGhlbWVEYXRhU2V0Q29sb3JzW10pOiB2b2lkIHtcclxuICAgIHN3aXRjaCAodHlwZSkge1xyXG4gICAgICBjYXNlICdwb2xhckFyZWEnOlxyXG4gICAgICBjYXNlICdwaWUnOlxyXG4gICAgICBjYXNlICdkb3VnaG51dCc6XHJcbiAgICAgICAgdGhpcy5zZXRCYWNrZ3JvdW5kRGF0YXNldFN0eWxlcyhkYXRhc2V0cywgY29sb3JzIHx8IENIQVJUX0RFRkFVTFRTLkNPTE9SUyk7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIGNhc2UgJ3JhZGFyJzpcclxuICAgICAgICB0aGlzLnNldERlZmF1bHREYXRhc2V0U3R5bGVzKGRhdGFzZXRzLCBjb2xvcnMgfHwgQ0hBUlRfREVGQVVMVFMuSEFMRl9UUkFOU1BBUkVOVF9DT0xPUlMpO1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICAgIHRoaXMuc2V0RGVmYXVsdERhdGFzZXRTdHlsZXMoZGF0YXNldHMsIGNvbG9ycyB8fCBDSEFSVF9ERUZBVUxUUy5DT0xPUlMpO1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXREZWZhdWx0RGF0YXNldFN0eWxlcyhkYXRhc2V0czogQ2hhcnREYXRhc2V0W10sIGNvbG9yczogQ2hhcnRUaGVtZURhdGFTZXRDb2xvcnNbXSkge1xyXG4gICAgZGF0YXNldHMuZm9yRWFjaCgoaXRlbTogYW55LCBpbmRleDogbnVtYmVyKSA9PiB7XHJcbiAgICAgIGlmIChpbmRleCA8PSBjb2xvcnMubGVuZ3RoIC0gMSkge1xyXG4gICAgICAgIGNvbnN0IGRhdGFTZXRDb2xvciA9IGNvbG9yc1tpbmRleF07XHJcblxyXG4gICAgICAgIGl0ZW0uYmFja2dyb3VuZENvbG9yID0gZGF0YVNldENvbG9yLmJhY2tncm91bmRDb2xvcjtcclxuICAgICAgICBpdGVtLmhvdmVyQmFja2dyb3VuZENvbG9yID0gZGF0YVNldENvbG9yLmhvdmVyQmFja2dyb3VuZENvbG9yO1xyXG4gICAgICAgIGl0ZW0uYm9yZGVyQ29sb3IgPSBkYXRhU2V0Q29sb3IuYm9yZGVyQ29sb3I7XHJcbiAgICAgICAgaXRlbS5ob3ZlckJvcmRlckNvbG9yID0gZGF0YVNldENvbG9yLmhvdmVyQm9yZGVyQ29sb3I7XHJcbiAgICAgICAgaXRlbS5wb2ludEJhY2tncm91bmRDb2xvciA9IGRhdGFTZXRDb2xvci5wb2ludEJhY2tncm91bmRDb2xvcjtcclxuICAgICAgICBpdGVtLnBvaW50SG92ZXJCYWNrZ3JvdW5kQ29sb3IgPSBkYXRhU2V0Q29sb3IucG9pbnRIb3ZlckJhY2tncm91bmRDb2xvcjtcclxuICAgICAgICBpdGVtLnBvaW50Qm9yZGVyQ29sb3IgPSBkYXRhU2V0Q29sb3IucG9pbnRCb3JkZXJDb2xvcjtcclxuICAgICAgICBpdGVtLnBvaW50SG92ZXJCb3JkZXJDb2xvciA9IGRhdGFTZXRDb2xvci5wb2ludEhvdmVyQm9yZGVyQ29sb3I7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXRCYWNrZ3JvdW5kRGF0YXNldFN0eWxlcyhkYXRhc2V0czogQ2hhcnRDb25maWd1cmF0aW9uWydkYXRhJ11bJ2RhdGFzZXRzJ10sIGNvbG9yczogQ2hhcnRUaGVtZURhdGFTZXRDb2xvcnNbXSkge1xyXG4gICAgZGF0YXNldHMuZm9yRWFjaCgoaXRlbTogQ2hhcnREYXRhc2V0KSA9PiB7XHJcbiAgICAgIGl0ZW0uYmFja2dyb3VuZENvbG9yID0gdGhpcy5yZXBsYWNlQ29sb3JzKGl0ZW0uYmFja2dyb3VuZENvbG9yLCBjb2xvcnMsIGMgPT4gYy5iYWNrZ3JvdW5kQ29sb3IpO1xyXG4gICAgICBpdGVtLmhvdmVyQmFja2dyb3VuZENvbG9yID0gdGhpcy5yZXBsYWNlQ29sb3JzKGl0ZW0uaG92ZXJCYWNrZ3JvdW5kQ29sb3IsIGNvbG9ycywgYyA9PiBjLmhvdmVyQmFja2dyb3VuZENvbG9yKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSByZXBsYWNlQ29sb3JzKG9sZENvbG9yczogYW55LCBuZXdDb2xvcnM6IENoYXJ0VGhlbWVEYXRhU2V0Q29sb3JzW10sXHJcbiAgICBtYXBGdW5jOiAoY29sb3I6IENoYXJ0VGhlbWVEYXRhU2V0Q29sb3JzKSA9PiBzdHJpbmcgfCB1bmRlZmluZWQpIHtcclxuICAgIGNvbnN0IGNvbG9ycyA9IG5ld0NvbG9ycy5tYXAobWFwRnVuYykuZmlsdGVyKChjb2xvcikgPT4gaXNEZWZpbmVkKGNvbG9yKSk7XHJcbiAgICBpZiAob2xkQ29sb3JzKSB7XHJcbiAgICAgIG9sZENvbG9ycy5zcGxpY2UoMCwgTWF0aC5taW4ob2xkQ29sb3JzLmxlbmd0aCwgY29sb3JzLmxlbmd0aCkpO1xyXG4gICAgICByZXR1cm4gY29sb3JzLmNvbmNhdChvbGRDb2xvcnMpO1xyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiBjb2xvcnM7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2020/lib/components/chart/service/theme/chart-theme.model.mjs

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

package/esm2020/lib/components/chart/service/theme/chart-theme.service.mjs

@@ -0,0 +1,25 @@
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export class ChartThemeService {
+    constructor() {
+        this.colorsSubject = new Subject();
+        this.colors$ = this.colorsSubject.asObservable();
+    }
+    setColors(model) {
+        this.model = model;
+        this.colorsSubject.next(model);
+    }
+    getColors() {
+        return this.model;
+    }
+}
+ChartThemeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ChartThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ChartThemeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ChartThemeService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ChartThemeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcnQtdGhlbWUuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2hhcnQvc2VydmljZS90aGVtZS9jaGFydC10aGVtZS5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFNL0IsTUFBTSxPQUFPLGlCQUFpQjtJQUg5QjtRQU9VLGtCQUFhLEdBQTZCLElBQUksT0FBTyxFQUFtQixDQUFDO1FBRTFFLFlBQU8sR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLFlBQVksRUFBRSxDQUFDO0tBVXBEO0lBUkMsU0FBUyxDQUFDLEtBQXNCO1FBQzlCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxTQUFTO1FBQ1AsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7OzhHQWZVLGlCQUFpQjtrSEFBakIsaUJBQWlCLGNBRmhCLE1BQU07MkZBRVAsaUJBQWlCO2tCQUg3QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBDaGFydFRoZW1lTW9kZWwgfSBmcm9tICcuL2NoYXJ0LXRoZW1lLm1vZGVsJztcclxuXHJcbkBJbmplY3RhYmxlKHtcclxuICBwcm92aWRlZEluOiAncm9vdCdcclxufSlcclxuZXhwb3J0IGNsYXNzIENoYXJ0VGhlbWVTZXJ2aWNlIHtcclxuXHJcbiAgcHJpdmF0ZSBtb2RlbCE6IENoYXJ0VGhlbWVNb2RlbDtcclxuXHJcbiAgcHJpdmF0ZSBjb2xvcnNTdWJqZWN0OiBTdWJqZWN0PENoYXJ0VGhlbWVNb2RlbD4gPSBuZXcgU3ViamVjdDxDaGFydFRoZW1lTW9kZWw+KCk7XHJcblxyXG4gIHB1YmxpYyBjb2xvcnMkID0gdGhpcy5jb2xvcnNTdWJqZWN0LmFzT2JzZXJ2YWJsZSgpO1xyXG5cclxuICBzZXRDb2xvcnMobW9kZWw6IENoYXJ0VGhlbWVNb2RlbCk6IHZvaWQge1xyXG4gICAgdGhpcy5tb2RlbCA9IG1vZGVsO1xyXG4gICAgdGhpcy5jb2xvcnNTdWJqZWN0Lm5leHQobW9kZWwpO1xyXG4gIH1cclxuXHJcbiAgZ2V0Q29sb3JzKCk6IENoYXJ0VGhlbWVNb2RlbCB7XHJcbiAgICByZXR1cm4gdGhpcy5tb2RlbDtcclxuICB9XHJcbn1cclxuIl19

package/esm2020/lib/components/index.mjs

@@ -0,0 +1,40 @@
+export { TabsComponent } from '../components/tabs/tabs.component';
+export { TabsTemplate } from '../components/tabs/tabs-template.enum';
+export { TabLabelLineComponent } from '../components/tabs/parts/labels/tab-label-line/tab-label-line.component';
+export { TabLabelIconComponent } from '../components/tabs/parts/labels/tab-label-icon/tab-label-icon.component';
+export { TabLabelIconSliderComponent } from './tabs/parts/sliders/tab-label-icon/tab-label-icon-slider.component';
+export { TabLabelLineSliderComponent } from './tabs/parts/sliders/tab-label-line/tab-label-line-slider.component';
+export { SideMenuComponent } from './menu/side/side-menu.component';
+export { SideMenuItemType } from './menu/side/side-menu.model';
+export { DropdownMenuComponent } from './menu/dropdown/dropdown-menu.component';
+export { NavigationMenuComponent } from './menu/navigation/navigation-menu.component';
+export { StarsComponent } from './stars/stars.component';
+export { AvatarComponent } from './avatar/avatar.component';
+export { AvatarBadgeComponent } from './avatar/parts/badge/avatar-badge.component';
+export { AvatarBadgePosition } from './avatar/parts/badge/avatar-badge-position.enum';
+export { ProgressLineComponent } from './progress/line/progress-line.component';
+export { ProgressSemiCircleComponent } from './progress/semi-circle/progress-semi-circle.component';
+export { ProgressCircleComponent } from './progress/circle/progress-circle.component';
+export { TagsComponent } from './tags/tags.component';
+export { SliderComponent } from './slider/slider.component';
+export { SliderType } from './slider/slider-type.enum';
+export { TimelineComponent } from './timeline/timeline.component';
+export { TimelineItemPosition } from './timeline/parts/item/timeline-item-position.enum';
+export { NotificationComponent } from './notification/notification.component';
+export { NotificationType } from './notification/enums/notification-type.enum';
+export { NotificationTemplate } from './notification/enums/notification-template.enum';
+export { ChartComponent } from './chart/chart.component';
+export { ChartThemeService } from './chart/service/theme/chart-theme.service';
+export { TableComponent } from './table/table.component';
+export { TableDataType } from './table/enums/table-data-type.enum';
+export { TableTemplate } from './table/enums/table-template.enum';
+export { DefaultTableColumnComponent } from './table/parts/columns/default/default-table-column.component';
+export { SelectableTableColumnComponent } from './table/parts/columns/selectable/selectable-table-column.component';
+export { ColumnsToggleComponent } from './table/parts/toggle/columns-toggle.component';
+export { DefaultTableRowComponent } from './table/parts/content/rows/default/default-table-row.component';
+export { ExpandedTableRowComponent } from './table/parts/content/rows/expanded/expanded-table-row.component';
+export { ExpandedTableRowTemplate } from './table/parts/content/rows/expanded/expanded-table-row-template.enum';
+export { DefaultTableCardComponent } from './table/parts/content/cards/default/default-table-card.component';
+export { CarouselComponent } from './carousel/carousel.component';
+export { CarouselSlideDirective } from './carousel/directive/carousel-slide.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUVsRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDckUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUVBQXlFLENBQUM7QUFDaEgsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUVBQXlFLENBQUM7QUFDaEgsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0scUVBQXFFLENBQUM7QUFDbEgsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0scUVBQXFFLENBQUM7QUFDbEgsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDcEUsT0FBTyxFQUFzQyxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ25HLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRWhGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBRXRGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFHbkYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDdEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDaEYsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sdURBQXVELENBQUM7QUFDcEcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFFdEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFdkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFbEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDekYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDL0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0saURBQWlELENBQUM7QUFFdkYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBRzlFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUd6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDbkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRWxFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhEQUE4RCxDQUFDO0FBRTNHLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLG9FQUFvRSxDQUFDO0FBQ3BILE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBQzFHLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGtFQUFrRSxDQUFDO0FBQzdHLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHNFQUFzRSxDQUFDO0FBQ2hILE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGtFQUFrRSxDQUFDO0FBQzdHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgVGFic0NvbXBvbmVudCB9IGZyb20gJy4uL2NvbXBvbmVudHMvdGFicy90YWJzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IElUYWJNb2RlbCB9IGZyb20gJy4uL2NvbXBvbmVudHMvdGFicy9tb2RlbHMvdGFiLm1vZGVsJztcclxuZXhwb3J0IHsgVGFic1RlbXBsYXRlIH0gZnJvbSAnLi4vY29tcG9uZW50cy90YWJzL3RhYnMtdGVtcGxhdGUuZW51bSc7XHJcbmV4cG9ydCB7IFRhYkxhYmVsTGluZUNvbXBvbmVudCB9IGZyb20gJy4uL2NvbXBvbmVudHMvdGFicy9wYXJ0cy9sYWJlbHMvdGFiLWxhYmVsLWxpbmUvdGFiLWxhYmVsLWxpbmUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgVGFiTGFiZWxJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vY29tcG9uZW50cy90YWJzL3BhcnRzL2xhYmVscy90YWItbGFiZWwtaWNvbi90YWItbGFiZWwtaWNvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBUYWJMYWJlbEljb25TbGlkZXJDb21wb25lbnQgfSBmcm9tICcuL3RhYnMvcGFydHMvc2xpZGVycy90YWItbGFiZWwtaWNvbi90YWItbGFiZWwtaWNvbi1zbGlkZXIuY29tcG9uZW50JztcclxuZXhwb3J0IHsgVGFiTGFiZWxMaW5lU2xpZGVyQ29tcG9uZW50IH0gZnJvbSAnLi90YWJzL3BhcnRzL3NsaWRlcnMvdGFiLWxhYmVsLWxpbmUvdGFiLWxhYmVsLWxpbmUtc2xpZGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFNpZGVNZW51Q29tcG9uZW50IH0gZnJvbSAnLi9tZW51L3NpZGUvc2lkZS1tZW51LmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IElTaWRlTWVudU1vZGVsLCBJU2lkZU1lbnVJdGVtTW9kZWwsIFNpZGVNZW51SXRlbVR5cGUgfSBmcm9tICcuL21lbnUvc2lkZS9zaWRlLW1lbnUubW9kZWwnO1xyXG5leHBvcnQgeyBEcm9wZG93bk1lbnVDb21wb25lbnQgfSBmcm9tICcuL21lbnUvZHJvcGRvd24vZHJvcGRvd24tbWVudS5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBJRHJvcGRvd25NZW51SXRlbU1vZGVsIH0gZnJvbSAnLi9tZW51L2Ryb3Bkb3duL3BhcnRzL2l0ZW0vZHJvcGRvd24tbWVudS1pdGVtLm1vZGVsJztcclxuZXhwb3J0IHsgTmF2aWdhdGlvbk1lbnVDb21wb25lbnQgfSBmcm9tICcuL21lbnUvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLW1lbnUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgSU5hdmlnYXRpb25NZW51SXRlbU1vZGVsIH0gZnJvbSAnLi9tZW51L25hdmlnYXRpb24vcGFydHMvaXRlbS9uYXZpZ2F0aW9uLW1lbnUtaXRlbS5tb2RlbCc7XHJcbmV4cG9ydCB7IFN0YXJzQ29tcG9uZW50IH0gZnJvbSAnLi9zdGFycy9zdGFycy5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL2F2YXRhci9hdmF0YXIuY29tcG9uZW50JztcclxuZXhwb3J0IHsgQXZhdGFyQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuL2F2YXRhci9wYXJ0cy9iYWRnZS9hdmF0YXItYmFkZ2UuY29tcG9uZW50JztcclxuZXhwb3J0IHsgSUF2YXRhckRhdGFNb2RlbCB9IGZyb20gJy4vYXZhdGFyL21vZGVscy9hdmF0YXItZGF0YS5tb2RlbCc7XHJcbmV4cG9ydCB7IElBdmF0YXJQcm9ncmVzc01vZGVsIH0gZnJvbSAnLi9hdmF0YXIvbW9kZWxzL2F2YXRhci1wcm9ncmVzcy5tb2RlbCc7XHJcbmV4cG9ydCB7IEF2YXRhckJhZGdlUG9zaXRpb24gfSBmcm9tICcuL2F2YXRhci9wYXJ0cy9iYWRnZS9hdmF0YXItYmFkZ2UtcG9zaXRpb24uZW51bSc7XHJcbmV4cG9ydCB7IFByb2dyZXNzTGluZUNvbXBvbmVudCB9IGZyb20gJy4vcHJvZ3Jlc3MvbGluZS9wcm9ncmVzcy1saW5lLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFByb2dyZXNzU2VtaUNpcmNsZUNvbXBvbmVudCB9IGZyb20gJy4vcHJvZ3Jlc3Mvc2VtaS1jaXJjbGUvcHJvZ3Jlc3Mtc2VtaS1jaXJjbGUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgUHJvZ3Jlc3NDaXJjbGVDb21wb25lbnQgfSBmcm9tICcuL3Byb2dyZXNzL2NpcmNsZS9wcm9ncmVzcy1jaXJjbGUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgSVRhZ01vZGVsIH0gZnJvbSAnLi90YWdzL3BhcnRzL3RhZy90YWcubW9kZWwnO1xyXG5leHBvcnQgeyBUYWdzQ29tcG9uZW50IH0gZnJvbSAnLi90YWdzL3RhZ3MuY29tcG9uZW50JztcclxuZXhwb3J0IHsgU2xpZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9zbGlkZXIvc2xpZGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFNsaWRlclR5cGUgfSBmcm9tICcuL3NsaWRlci9zbGlkZXItdHlwZS5lbnVtJztcclxuZXhwb3J0IHsgSVNsaWRlckl0ZW1Nb2RlbCB9IGZyb20gJy4vc2xpZGVyL3BhcnRzL2l0ZW0vc2xpZGVyLWl0ZW0ubW9kZWwnO1xyXG5leHBvcnQgeyBUaW1lbGluZUNvbXBvbmVudCB9IGZyb20gJy4vdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgSVRpbWVsaW5lSXRlbU1vZGVsIH0gZnJvbSAnLi90aW1lbGluZS9wYXJ0cy9pdGVtL3RpbWVsaW5lLWl0ZW0ubW9kZWwnO1xyXG5leHBvcnQgeyBUaW1lbGluZUl0ZW1Qb3NpdGlvbiB9IGZyb20gJy4vdGltZWxpbmUvcGFydHMvaXRlbS90aW1lbGluZS1pdGVtLXBvc2l0aW9uLmVudW0nO1xyXG5leHBvcnQgeyBOb3RpZmljYXRpb25Db21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50JztcclxuZXhwb3J0IHsgTm90aWZpY2F0aW9uVHlwZSB9IGZyb20gJy4vbm90aWZpY2F0aW9uL2VudW1zL25vdGlmaWNhdGlvbi10eXBlLmVudW0nO1xyXG5leHBvcnQgeyBOb3RpZmljYXRpb25UZW1wbGF0ZSB9IGZyb20gJy4vbm90aWZpY2F0aW9uL2VudW1zL25vdGlmaWNhdGlvbi10ZW1wbGF0ZS5lbnVtJztcclxuZXhwb3J0IHsgSU5vdGlmaWNhdGlvbkNvbnRlbnRNb2RlbCB9IGZyb20gJy4vbm90aWZpY2F0aW9uL3BhcnRzL2NvbnRlbnQvbm90aWZpY2F0aW9uLWNvbnRlbnQubW9kZWwnO1xyXG5leHBvcnQgeyBDaGFydENvbXBvbmVudCB9IGZyb20gJy4vY2hhcnQvY2hhcnQuY29tcG9uZW50JztcclxuZXhwb3J0IHsgQ2hhcnRUaGVtZVNlcnZpY2UgfSBmcm9tICcuL2NoYXJ0L3NlcnZpY2UvdGhlbWUvY2hhcnQtdGhlbWUuc2VydmljZSc7XHJcbmV4cG9ydCB7IENoYXJ0VGhlbWVNb2RlbCB9IGZyb20gJy4vY2hhcnQvc2VydmljZS90aGVtZS9jaGFydC10aGVtZS5tb2RlbCc7XHJcbmV4cG9ydCB7IENoYXJ0T3B0aW9uTW9kZWwgfSBmcm9tICcuL2NoYXJ0L2NoYXJ0LW9wdGlvbi5tb2RlbCc7XHJcbmV4cG9ydCB7IFRhYmxlQ29tcG9uZW50IH0gZnJvbSAnLi90YWJsZS90YWJsZS5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBJVGFibGVEYXRhTW9kZWwsIElUYWJsZU1vZGVsIH0gZnJvbSAnLi90YWJsZS9tb2RlbHMvdGFibGUubW9kZWwnO1xyXG5leHBvcnQgeyBJVGFibGVQYWdpbmF0aW9uTW9kZWwgfSBmcm9tICcuL3RhYmxlL21vZGVscy90YWJsZS1wYWdpbmF0aW9uLm1vZGVsJztcclxuZXhwb3J0IHsgVGFibGVEYXRhVHlwZSB9IGZyb20gJy4vdGFibGUvZW51bXMvdGFibGUtZGF0YS10eXBlLmVudW0nO1xyXG5leHBvcnQgeyBUYWJsZVRlbXBsYXRlIH0gZnJvbSAnLi90YWJsZS9lbnVtcy90YWJsZS10ZW1wbGF0ZS5lbnVtJztcclxuZXhwb3J0IHsgSVRhYmxlU2VsZWN0RXZlbnQgfSBmcm9tICcuL3RhYmxlL3NlcnZpY2Uvc2VsZWN0L3RhYmxlLXNlbGVjdC5ldmVudCc7XHJcbmV4cG9ydCB7IERlZmF1bHRUYWJsZUNvbHVtbkNvbXBvbmVudCB9IGZyb20gJy4vdGFibGUvcGFydHMvY29sdW1ucy9kZWZhdWx0L2RlZmF1bHQtdGFibGUtY29sdW1uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IElEZWZhdWx0VGFibGVDb2x1bW5Nb2RlbCB9IGZyb20gJy4vdGFibGUvcGFydHMvY29sdW1ucy90YWJsZS1jb2x1bW4ubW9kZWwnO1xyXG5leHBvcnQgeyBTZWxlY3RhYmxlVGFibGVDb2x1bW5Db21wb25lbnQgfSBmcm9tICcuL3RhYmxlL3BhcnRzL2NvbHVtbnMvc2VsZWN0YWJsZS9zZWxlY3RhYmxlLXRhYmxlLWNvbHVtbi5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBDb2x1bW5zVG9nZ2xlQ29tcG9uZW50IH0gZnJvbSAnLi90YWJsZS9wYXJ0cy90b2dnbGUvY29sdW1ucy10b2dnbGUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgRGVmYXVsdFRhYmxlUm93Q29tcG9uZW50IH0gZnJvbSAnLi90YWJsZS9wYXJ0cy9jb250ZW50L3Jvd3MvZGVmYXVsdC9kZWZhdWx0LXRhYmxlLXJvdy5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBFeHBhbmRlZFRhYmxlUm93Q29tcG9uZW50IH0gZnJvbSAnLi90YWJsZS9wYXJ0cy9jb250ZW50L3Jvd3MvZXhwYW5kZWQvZXhwYW5kZWQtdGFibGUtcm93LmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IEV4cGFuZGVkVGFibGVSb3dUZW1wbGF0ZSB9IGZyb20gJy4vdGFibGUvcGFydHMvY29udGVudC9yb3dzL2V4cGFuZGVkL2V4cGFuZGVkLXRhYmxlLXJvdy10ZW1wbGF0ZS5lbnVtJztcclxuZXhwb3J0IHsgRGVmYXVsdFRhYmxlQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vdGFibGUvcGFydHMvY29udGVudC9jYXJkcy9kZWZhdWx0L2RlZmF1bHQtdGFibGUtY2FyZC5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBDYXJvdXNlbENvbXBvbmVudCB9IGZyb20gJy4vY2Fyb3VzZWwvY2Fyb3VzZWwuY29tcG9uZW50JztcclxuZXhwb3J0IHsgQ2Fyb3VzZWxTbGlkZURpcmVjdGl2ZSB9IGZyb20gJy4vY2Fyb3VzZWwvZGlyZWN0aXZlL2Nhcm91c2VsLXNsaWRlLmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCB7IENhcm91c2VsT3B0aW9uc01vZGVsIH0gZnJvbSAnLi9jYXJvdXNlbC9tb2RlbHMvb3B0aW9ucy5tb2RlbCc7XHJcbmV4cG9ydCB7IENhcm91c2VsU2xpZGVFdmVudCB9IGZyb20gJy4vY2Fyb3VzZWwvbW9kZWxzL3NsaWRlLm1vZGVsJztcclxuXHJcbiJdfQ==

package/esm2020/lib/components/menu/dropdown/dropdown-menu.component.mjs

@@ -0,0 +1,86 @@
+import { Component, EventEmitter, HostBinding, Inject, Input, Output } from '@angular/core';
+import { isNullOrEmptyString, MediaLimits, Position, UIClass, WINDOW } from 'ngx-sfc-common';
+import { startWith } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "ngx-sfc-common";
+import * as i2 from "./parts/item/dropdown-menu-item.component";
+import * as i3 from "@angular/common";
+export class DropdownMenuComponent {
+    constructor(resizeService, window) {
+        this.resizeService = resizeService;
+        this.window = window;
+        this.items = [];
+        this.hideOnClick = true;
+        this.hideOnClickOutside = true;
+        this.bordered = false;
+        this.position = [Position.Left];
+        this.open = false;
+        this.selected = new EventEmitter();
+        // preserved position
+        this._position = [Position.Left];
+    }
+    get showDots() {
+        return isNullOrEmptyString(this.label) && isNullOrEmptyString(this.icon);
+    }
+    ngOnInit() {
+        this._position = this.position;
+    }
+    ngAfterContentInit() {
+        this._resizeSubscription = this.resizeService.onResize$
+            .pipe(startWith(this.window))
+            .subscribe(window => {
+            this.position = window.innerWidth <= MediaLimits.Tablet
+                ? [Position.Left, Position.Top] : this._position;
+        });
+    }
+    ngOnDestroy() {
+        this._resizeSubscription?.unsubscribe();
+    }
+    onClick(item) {
+        if (this.hideOnClick)
+            this.open = false;
+        this.selected.emit(item);
+    }
+    onClickOutside(event) {
+        if (event.value && this.open) {
+            this.open = false;
+        }
+    }
+}
+DropdownMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: DropdownMenuComponent, deps: [{ token: i1.ResizeService }, { token: WINDOW }], target: i0.ɵɵFactoryTarget.Component });
+DropdownMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: DropdownMenuComponent, selector: "sfc-dropdown-menu", inputs: { items: "items", icon: "icon", label: "label", hideOnClick: "hideOnClick", hideOnClickOutside: "hideOnClickOutside", bordered: "bordered", position: "position", open: "open" }, outputs: { selected: "selected" }, host: { properties: { "class.bordered": "this.bordered", "class": "this.position", "class.open": "this.open" } }, ngImport: i0, template: "<ul [sfcClickOutside]=\"hideOnClickOutside\" (action)=\"onClickOutside($event)\">\r\n    <li>\r\n        <div class=\"container\" (click)=\"open = !open\">\r\n            <span *ngIf=\"label\">{{label}}</span>\r\n            <i *ngIf=\"icon\" class=\"{{icon}}\"></i>\r\n            <sfc-dots *ngIf=\"showDots\" [open]=\"open\"></sfc-dots>\r\n        </div>\r\n\r\n        <ul *ngIf=\"items.length\" class=\"dropdown-container\">\r\n            <sfc-dropdown-menu-item *ngFor=\"let item of items\" [item]=\"item\" (click)=\"onClick(item)\">\r\n            </sfc-dropdown-menu-item>\r\n        </ul>\r\n    </li>\r\n</ul>", styles: [":host{display:inline-flex}:host ul{list-style:none;margin:0;padding-left:0}:host ul li{position:relative}:host ul li .container{display:flex;justify-content:center;flex-wrap:wrap;cursor:pointer;transition:all .3s ease;padding:.3em}:host-context(.sfc-default-theme) :host ul li .container{color:#545e61}:host-context(.sfc-dark-theme) :host ul li .container{color:#ccd1d9}:host ul li .container span,:host ul li .container i{font-size:.8em;font-weight:700}:host ul li .container span~i{margin-left:.3em}:host ul li .container:hover{color:#2bbbad}:host ul li .dropdown-container{flex-direction:column;width:max-content;background:#fff;visibility:hidden;opacity:0;position:absolute;right:0;transition:all .5s ease;margin-top:1em;display:none;padding:.6em;border:.0063em solid #f5f7fa;border-radius:.1875em;box-shadow:0 .125em .625em;z-index:9999}:host-context(.sfc-default-theme) :host ul li .dropdown-container{color:#e6e9ed}:host-context(.sfc-dark-theme) :host ul li .dropdown-container{color:#656d78}:host.open ul li .dropdown-container{visibility:visible;opacity:1;display:flex}:host.bordered ul li .container{border:.15em solid;border-radius:.3em}:host-context(.sfc-default-theme) :host.bordered ul li .container{border-color:#545e61}:host-context(.sfc-dark-theme) :host.bordered ul li .container{border-color:#ccd1d9}:host.bordered ul li .container:hover{border-color:#2bbbad}:host.bordered ul li .container:hover ::ng-deep sfc-dots .dot{background:#2bbbad}:host.top ul li .dropdown-container{bottom:0;margin-bottom:2.18em;margin-top:0}:host.center ul li .dropdown-container{left:50%;transform:translate(-50%)}:host.left ul li .dropdown-container{right:0}:host.right ul li .dropdown-container{left:0}\n"], components: [{ type: i1.DotsComponent, selector: "sfc-dots", inputs: ["open", "direction"] }, { type: i2.DropdownMenuItemComponent, selector: "sfc-dropdown-menu-item", inputs: ["item"] }], directives: [{ type: i1.ClickOutsideDirective, selector: "[sfcClickOutside]", inputs: ["sfcClickOutside"], outputs: ["action"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: DropdownMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sfc-dropdown-menu', template: "<ul [sfcClickOutside]=\"hideOnClickOutside\" (action)=\"onClickOutside($event)\">\r\n    <li>\r\n        <div class=\"container\" (click)=\"open = !open\">\r\n            <span *ngIf=\"label\">{{label}}</span>\r\n            <i *ngIf=\"icon\" class=\"{{icon}}\"></i>\r\n            <sfc-dots *ngIf=\"showDots\" [open]=\"open\"></sfc-dots>\r\n        </div>\r\n\r\n        <ul *ngIf=\"items.length\" class=\"dropdown-container\">\r\n            <sfc-dropdown-menu-item *ngFor=\"let item of items\" [item]=\"item\" (click)=\"onClick(item)\">\r\n            </sfc-dropdown-menu-item>\r\n        </ul>\r\n    </li>\r\n</ul>", styles: [":host{display:inline-flex}:host ul{list-style:none;margin:0;padding-left:0}:host ul li{position:relative}:host ul li .container{display:flex;justify-content:center;flex-wrap:wrap;cursor:pointer;transition:all .3s ease;padding:.3em}:host-context(.sfc-default-theme) :host ul li .container{color:#545e61}:host-context(.sfc-dark-theme) :host ul li .container{color:#ccd1d9}:host ul li .container span,:host ul li .container i{font-size:.8em;font-weight:700}:host ul li .container span~i{margin-left:.3em}:host ul li .container:hover{color:#2bbbad}:host ul li .dropdown-container{flex-direction:column;width:max-content;background:#fff;visibility:hidden;opacity:0;position:absolute;right:0;transition:all .5s ease;margin-top:1em;display:none;padding:.6em;border:.0063em solid #f5f7fa;border-radius:.1875em;box-shadow:0 .125em .625em;z-index:9999}:host-context(.sfc-default-theme) :host ul li .dropdown-container{color:#e6e9ed}:host-context(.sfc-dark-theme) :host ul li .dropdown-container{color:#656d78}:host.open ul li .dropdown-container{visibility:visible;opacity:1;display:flex}:host.bordered ul li .container{border:.15em solid;border-radius:.3em}:host-context(.sfc-default-theme) :host.bordered ul li .container{border-color:#545e61}:host-context(.sfc-dark-theme) :host.bordered ul li .container{border-color:#ccd1d9}:host.bordered ul li .container:hover{border-color:#2bbbad}:host.bordered ul li .container:hover ::ng-deep sfc-dots .dot{background:#2bbbad}:host.top ul li .dropdown-container{bottom:0;margin-bottom:2.18em;margin-top:0}:host.center ul li .dropdown-container{left:50%;transform:translate(-50%)}:host.left ul li .dropdown-container{right:0}:host.right ul li .dropdown-container{left:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.ResizeService }, { type: Window, decorators: [{
+                    type: Inject,
+                    args: [WINDOW]
+                }] }]; }, propDecorators: { items: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], hideOnClick: [{
+                type: Input
+            }], hideOnClickOutside: [{
+                type: Input
+            }], bordered: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.' + UIClass.Bordered]
+            }], position: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class']
+            }], open: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.' + UIClass.Open]
+            }], selected: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvZHJvcGRvd24vZHJvcGRvd24tbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvZHJvcGRvd24vZHJvcGRvd24tbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqSSxPQUFPLEVBQXFCLG1CQUFtQixFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQWlCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMvSCxPQUFPLEVBQUUsU0FBUyxFQUFnQixNQUFNLE1BQU0sQ0FBQzs7Ozs7QUFRL0MsTUFBTSxPQUFPLHFCQUFxQjtJQXlDaEMsWUFBb0IsYUFBNEIsRUFBMEIsTUFBYztRQUFwRSxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUEwQixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBdEN4RixVQUFLLEdBQTZCLEVBQUUsQ0FBQztRQVNyQyxnQkFBVyxHQUFZLElBQUksQ0FBQztRQUc1Qix1QkFBa0IsR0FBWSxJQUFJLENBQUM7UUFJbkMsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUkxQixhQUFRLEdBQWUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7UUFJdkMsU0FBSSxHQUFZLEtBQUssQ0FBQztRQUd0QixhQUFRLEdBQXlDLElBQUksWUFBWSxFQUEwQixDQUFDO1FBRTVGLHFCQUFxQjtRQUNiLGNBQVMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQVF3RCxDQUFDO0lBSjdGLElBQUksUUFBUTtRQUNWLE9BQU8sbUJBQW1CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMzRSxDQUFDO0lBSUQsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNqQyxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVM7YUFDcEQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7YUFDNUIsU0FBUyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDLFVBQVUsSUFBSSxXQUFXLENBQUMsTUFBTTtnQkFDckQsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUE7UUFDcEQsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxtQkFBbUIsRUFBRSxXQUFXLEVBQUUsQ0FBQztJQUMxQyxDQUFDO0lBRUQsT0FBTyxDQUFDLElBQTRCO1FBQ2xDLElBQUksSUFBSSxDQUFDLFdBQVc7WUFDbEIsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7UUFFcEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUF3QjtRQUNyQyxJQUFJLEtBQUssQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUM1QixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztTQUNuQjtJQUNILENBQUM7O2tIQXZFVSxxQkFBcUIsK0NBeUMwQixNQUFNO3NHQXpDckQscUJBQXFCLHdZQ1ZsQyw2bUJBYUs7MkZESFEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLG1CQUFtQjtzRkE2Q3FELE1BQU07MEJBQXJDLE1BQU07MkJBQUMsTUFBTTs0Q0F0Q2hFLEtBQUs7c0JBREosS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLFdBQVc7c0JBRFYsS0FBSztnQkFJTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBS04sUUFBUTtzQkFGUCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLFFBQVEsR0FBRyxPQUFPLENBQUMsUUFBUTtnQkFLeEMsUUFBUTtzQkFGUCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLE9BQU87Z0JBS3BCLElBQUk7c0JBRkgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxRQUFRLEdBQUcsT0FBTyxDQUFDLElBQUk7Z0JBSXBDLFFBQVE7c0JBRFAsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5qZWN0LCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDbGlja091dHNpZGVFdmVudCwgaXNOdWxsT3JFbXB0eVN0cmluZywgTWVkaWFMaW1pdHMsIFBvc2l0aW9uLCBSZXNpemVTZXJ2aWNlLCBVSUNsYXNzLCBXSU5ET1cgfSBmcm9tICduZ3gtc2ZjLWNvbW1vbic7XHJcbmltcG9ydCB7IHN0YXJ0V2l0aCwgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IElEcm9wZG93bk1lbnVJdGVtTW9kZWwgfSBmcm9tICcuL3BhcnRzL2l0ZW0vZHJvcGRvd24tbWVudS1pdGVtLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ZjLWRyb3Bkb3duLW1lbnUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kcm9wZG93bi1tZW51LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kcm9wZG93bi1tZW51LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIERyb3Bkb3duTWVudUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSwgT25Jbml0LCBBZnRlckNvbnRlbnRJbml0IHtcclxuXHJcbiAgQElucHV0KClcclxuICBpdGVtczogSURyb3Bkb3duTWVudUl0ZW1Nb2RlbFtdID0gW107XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgaWNvbj86IHN0cmluZztcclxuXHJcbiAgQElucHV0KClcclxuICBsYWJlbD86IHN0cmluZztcclxuXHJcbiAgQElucHV0KClcclxuICBoaWRlT25DbGljazogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgaGlkZU9uQ2xpY2tPdXRzaWRlOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgQElucHV0KClcclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLicgKyBVSUNsYXNzLkJvcmRlcmVkKVxyXG4gIGJvcmRlcmVkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXHJcbiAgcG9zaXRpb246IFBvc2l0aW9uW10gPSBbUG9zaXRpb24uTGVmdF07XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy4nICsgVUlDbGFzcy5PcGVuKVxyXG4gIG9wZW46IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgc2VsZWN0ZWQ6IEV2ZW50RW1pdHRlcjxJRHJvcGRvd25NZW51SXRlbU1vZGVsPiA9IG5ldyBFdmVudEVtaXR0ZXI8SURyb3Bkb3duTWVudUl0ZW1Nb2RlbD4oKTtcclxuXHJcbiAgLy8gcHJlc2VydmVkIHBvc2l0aW9uXHJcbiAgcHJpdmF0ZSBfcG9zaXRpb24gPSBbUG9zaXRpb24uTGVmdF07XHJcblxyXG4gIHByaXZhdGUgX3Jlc2l6ZVN1YnNjcmlwdGlvbj86IFN1YnNjcmlwdGlvbjtcclxuXHJcbiAgZ2V0IHNob3dEb3RzKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIGlzTnVsbE9yRW1wdHlTdHJpbmcodGhpcy5sYWJlbCkgJiYgaXNOdWxsT3JFbXB0eVN0cmluZyh0aGlzLmljb24pO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZXNpemVTZXJ2aWNlOiBSZXNpemVTZXJ2aWNlLCBASW5qZWN0KFdJTkRPVykgcHJpdmF0ZSB3aW5kb3c6IFdpbmRvdykgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5fcG9zaXRpb24gPSB0aGlzLnBvc2l0aW9uO1xyXG4gIH1cclxuXHJcbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5fcmVzaXplU3Vic2NyaXB0aW9uID0gdGhpcy5yZXNpemVTZXJ2aWNlLm9uUmVzaXplJFxyXG4gICAgICAucGlwZShzdGFydFdpdGgodGhpcy53aW5kb3cpKVxyXG4gICAgICAuc3Vic2NyaWJlKHdpbmRvdyA9PiB7XHJcbiAgICAgICAgdGhpcy5wb3NpdGlvbiA9IHdpbmRvdy5pbm5lcldpZHRoIDw9IE1lZGlhTGltaXRzLlRhYmxldFxyXG4gICAgICAgICAgPyBbUG9zaXRpb24uTGVmdCwgUG9zaXRpb24uVG9wXSA6IHRoaXMuX3Bvc2l0aW9uXHJcbiAgICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLl9yZXNpemVTdWJzY3JpcHRpb24/LnVuc3Vic2NyaWJlKCk7XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrKGl0ZW06IElEcm9wZG93bk1lbnVJdGVtTW9kZWwpIHtcclxuICAgIGlmICh0aGlzLmhpZGVPbkNsaWNrKVxyXG4gICAgICB0aGlzLm9wZW4gPSBmYWxzZTtcclxuXHJcbiAgICB0aGlzLnNlbGVjdGVkLmVtaXQoaXRlbSk7XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrT3V0c2lkZShldmVudDogQ2xpY2tPdXRzaWRlRXZlbnQpIHtcclxuICAgIGlmIChldmVudC52YWx1ZSAmJiB0aGlzLm9wZW4pIHtcclxuICAgICAgdGhpcy5vcGVuID0gZmFsc2U7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjx1bCBbc2ZjQ2xpY2tPdXRzaWRlXT1cImhpZGVPbkNsaWNrT3V0c2lkZVwiIChhY3Rpb24pPVwib25DbGlja091dHNpZGUoJGV2ZW50KVwiPlxyXG4gICAgPGxpPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIiAoY2xpY2spPVwib3BlbiA9ICFvcGVuXCI+XHJcbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwibGFiZWxcIj57e2xhYmVsfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxpICpuZ0lmPVwiaWNvblwiIGNsYXNzPVwie3tpY29ufX1cIj48L2k+XHJcbiAgICAgICAgICAgIDxzZmMtZG90cyAqbmdJZj1cInNob3dEb3RzXCIgW29wZW5dPVwib3BlblwiPjwvc2ZjLWRvdHM+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDx1bCAqbmdJZj1cIml0ZW1zLmxlbmd0aFwiIGNsYXNzPVwiZHJvcGRvd24tY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgIDxzZmMtZHJvcGRvd24tbWVudS1pdGVtICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCIgW2l0ZW1dPVwiaXRlbVwiIChjbGljayk9XCJvbkNsaWNrKGl0ZW0pXCI+XHJcbiAgICAgICAgICAgIDwvc2ZjLWRyb3Bkb3duLW1lbnUtaXRlbT5cclxuICAgICAgICA8L3VsPlxyXG4gICAgPC9saT5cclxuPC91bD4iXX0=

package/esm2020/lib/components/menu/dropdown/parts/item/dropdown-menu-item.component.mjs

@@ -0,0 +1,26 @@
+import { Component, HostListener, Input } from '@angular/core';
+import { CommonConstants } from 'ngx-sfc-common';
+import * as i0 from "@angular/core";
+import * as i1 from "ngx-sfc-common";
+import * as i2 from "@angular/common";
+export class DropdownMenuItemComponent {
+    constructor() {
+        this.item = { label: CommonConstants.EMPTY_STRING };
+    }
+    click() {
+        if (this.item.click)
+            this.item.click(this.item);
+    }
+}
+DropdownMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: DropdownMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DropdownMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: DropdownMenuItemComponent, selector: "sfc-dropdown-menu-item", inputs: { item: "item" }, host: { listeners: { "click": "click()" } }, ngImport: i0, template: "<li>\r\n    <i *ngIf=\"item.icon\" class=\"{{item.icon}}\"></i>\r\n    <a>{{item.label}}</a>\r\n</li>\r\n\r\n<sfc-delimeter *ngIf=\"item.delimeter\"></sfc-delimeter>", styles: [":host{display:flex;flex-direction:column}:host li{color:#545e61;display:flex;align-items:center;flex-wrap:wrap;padding:.4em;border:.0063em solid transparent;border-radius:.31em;font-weight:700;font-size:.8em;-webkit-user-select:none;user-select:none}:host li:hover,:host li:focus-within{background:#f5f7fa;border-color:#f5f7fa;color:#2bbbad;cursor:pointer;outline:none}:host li i{padding-right:.625em;width:10%}:host-context(.sfc-default-theme) :host ::ng-deep sfc-delimeter{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 17%,rgba(0,0,0,.3) 83%,rgba(0,0,0,0) 100%)}:host-context(.sfc-dark-theme) :host ::ng-deep sfc-delimeter{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 17%,rgba(0,0,0,.3) 83%,rgba(0,0,0,0) 100%)}\n"], components: [{ type: i1.DelimeterComponent, selector: "sfc-delimeter" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: DropdownMenuItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sfc-dropdown-menu-item', template: "<li>\r\n    <i *ngIf=\"item.icon\" class=\"{{item.icon}}\"></i>\r\n    <a>{{item.label}}</a>\r\n</li>\r\n\r\n<sfc-delimeter *ngIf=\"item.delimeter\"></sfc-delimeter>", styles: [":host{display:flex;flex-direction:column}:host li{color:#545e61;display:flex;align-items:center;flex-wrap:wrap;padding:.4em;border:.0063em solid transparent;border-radius:.31em;font-weight:700;font-size:.8em;-webkit-user-select:none;user-select:none}:host li:hover,:host li:focus-within{background:#f5f7fa;border-color:#f5f7fa;color:#2bbbad;cursor:pointer;outline:none}:host li i{padding-right:.625em;width:10%}:host-context(.sfc-default-theme) :host ::ng-deep sfc-delimeter{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 17%,rgba(0,0,0,.3) 83%,rgba(0,0,0,0) 100%)}:host-context(.sfc-dark-theme) :host ::ng-deep sfc-delimeter{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 17%,rgba(0,0,0,.3) 83%,rgba(0,0,0,0) 100%)}\n"] }]
+        }], propDecorators: { item: [{
+                type: Input
+            }], click: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tbWVudS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbWVudS9kcm9wZG93bi9wYXJ0cy9pdGVtL2Ryb3Bkb3duLW1lbnUtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvZHJvcGRvd24vcGFydHMvaXRlbS9kcm9wZG93bi1tZW51LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9ELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQVFqRCxNQUFNLE9BQU8seUJBQXlCO0lBTHRDO1FBUUUsU0FBSSxHQUEyQixFQUFFLEtBQUssRUFBRSxlQUFlLENBQUMsWUFBWSxFQUFFLENBQUM7S0FPeEU7SUFKQyxLQUFLO1FBQ0gsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUs7WUFDakIsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQy9CLENBQUM7O3NIQVRVLHlCQUF5QjswR0FBekIseUJBQXlCLHFJQ1R0Qyx1S0FLc0Q7MkZESXpDLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSx3QkFBd0I7OEJBT2xDLElBQUk7c0JBREgsS0FBSztnQkFJTixLQUFLO3NCQURKLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Db25zdGFudHMgfSBmcm9tICduZ3gtc2ZjLWNvbW1vbic7XHJcbmltcG9ydCB7IElEcm9wZG93bk1lbnVJdGVtTW9kZWwgfSBmcm9tICcuL2Ryb3Bkb3duLW1lbnUtaXRlbS5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NmYy1kcm9wZG93bi1tZW51LWl0ZW0nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kcm9wZG93bi1tZW51LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Ryb3Bkb3duLW1lbnUtaXRlbS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEcm9wZG93bk1lbnVJdGVtQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KClcclxuICBpdGVtOiBJRHJvcGRvd25NZW51SXRlbU1vZGVsID0geyBsYWJlbDogQ29tbW9uQ29uc3RhbnRzLkVNUFRZX1NUUklORyB9O1xyXG5cclxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXHJcbiAgY2xpY2soKSB7XHJcbiAgICBpZiAodGhpcy5pdGVtLmNsaWNrKVxyXG4gICAgICB0aGlzLml0ZW0uY2xpY2sodGhpcy5pdGVtKTtcclxuICB9XHJcbn1cclxuIiwiPGxpPlxyXG4gICAgPGkgKm5nSWY9XCJpdGVtLmljb25cIiBjbGFzcz1cInt7aXRlbS5pY29ufX1cIj48L2k+XHJcbiAgICA8YT57e2l0ZW0ubGFiZWx9fTwvYT5cclxuPC9saT5cclxuXHJcbjxzZmMtZGVsaW1ldGVyICpuZ0lmPVwiaXRlbS5kZWxpbWV0ZXJcIj48L3NmYy1kZWxpbWV0ZXI+Il19

package/esm2020/lib/components/menu/dropdown/parts/item/dropdown-menu-item.model.mjs

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

package/esm2020/lib/components/menu/navigation/navigation-menu.component.mjs

@@ -0,0 +1,26 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./parts/item/navigation-menu-item.component";
+import * as i2 from "@angular/common";
+export class NavigationMenuComponent {
+    constructor() {
+        this.items = [];
+        this.selected = new EventEmitter();
+    }
+    onClick(item) {
+        this.items.forEach((item) => item.active = false);
+        item.active = true;
+        this.selected.emit(item);
+    }
+}
+NavigationMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: NavigationMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NavigationMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: NavigationMenuComponent, selector: "sfc-navigation-menu", inputs: { items: "items" }, outputs: { selected: "selected" }, ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"items\">\r\n        <sfc-navigation-menu-item *ngFor=\"let item of items\" [item]=\"item\" (click)=\"onClick(item)\">\r\n        </sfc-navigation-menu-item>\r\n    </div>\r\n</div>", styles: [":host-context(.sfc-default-theme) :host .container{background:#f5f7fa}:host-context(.sfc-dark-theme) :host .container{background:#1b1d1f}:host .container .items{display:flex;flex-wrap:wrap;padding:.625em}:host .container .items sfc-navigation-menu-item{flex:50%}\n"], components: [{ type: i1.NavigationMenuItemComponent, selector: "sfc-navigation-menu-item", inputs: ["item"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: NavigationMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sfc-navigation-menu', template: "<div class=\"container\">\r\n    <div class=\"items\">\r\n        <sfc-navigation-menu-item *ngFor=\"let item of items\" [item]=\"item\" (click)=\"onClick(item)\">\r\n        </sfc-navigation-menu-item>\r\n    </div>\r\n</div>", styles: [":host-context(.sfc-default-theme) :host .container{background:#f5f7fa}:host-context(.sfc-dark-theme) :host .container{background:#1b1d1f}:host .container .items{display:flex;flex-wrap:wrap;padding:.625em}:host .container .items sfc-navigation-menu-item{flex:50%}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], selected: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbWVudS9uYXZpZ2F0aW9uL25hdmlnYXRpb24tbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVF2RSxNQUFNLE9BQU8sdUJBQXVCO0lBTHBDO1FBUUUsVUFBSyxHQUErQixFQUFFLENBQUM7UUFHdkMsYUFBUSxHQUEyQyxJQUFJLFlBQVksRUFBNEIsQ0FBQztLQU9qRztJQUxDLE9BQU8sQ0FBQyxJQUE4QjtRQUNwQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FBQztRQUNsRCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztRQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMzQixDQUFDOztvSEFaVSx1QkFBdUI7d0dBQXZCLHVCQUF1QiwwSENScEMsb09BS007MkZER08sdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHFCQUFxQjs4QkFPL0IsS0FBSztzQkFESixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IElOYXZpZ2F0aW9uTWVudUl0ZW1Nb2RlbCB9IGZyb20gJy4vcGFydHMvaXRlbS9uYXZpZ2F0aW9uLW1lbnUtaXRlbS5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NmYy1uYXZpZ2F0aW9uLW1lbnUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9uYXZpZ2F0aW9uLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL25hdmlnYXRpb24tbWVudS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOYXZpZ2F0aW9uTWVudUNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgaXRlbXM6IElOYXZpZ2F0aW9uTWVudUl0ZW1Nb2RlbFtdID0gW107XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8SU5hdmlnYXRpb25NZW51SXRlbU1vZGVsPiA9IG5ldyBFdmVudEVtaXR0ZXI8SU5hdmlnYXRpb25NZW51SXRlbU1vZGVsPigpO1xyXG5cclxuICBvbkNsaWNrKGl0ZW06IElOYXZpZ2F0aW9uTWVudUl0ZW1Nb2RlbCkge1xyXG4gICAgdGhpcy5pdGVtcy5mb3JFYWNoKChpdGVtKSA9PiBpdGVtLmFjdGl2ZSA9IGZhbHNlKTtcclxuICAgIGl0ZW0uYWN0aXZlID0gdHJ1ZTtcclxuICAgIHRoaXMuc2VsZWN0ZWQuZW1pdChpdGVtKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIml0ZW1zXCI+XHJcbiAgICAgICAgPHNmYy1uYXZpZ2F0aW9uLW1lbnUtaXRlbSAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiIFtpdGVtXT1cIml0ZW1cIiAoY2xpY2spPVwib25DbGljayhpdGVtKVwiPlxyXG4gICAgICAgIDwvc2ZjLW5hdmlnYXRpb24tbWVudS1pdGVtPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2020/lib/components/menu/navigation/parts/item/navigation-menu-item.component.mjs

@@ -0,0 +1,31 @@
+import { Component, HostBinding, HostListener, Input } from '@angular/core';
+import { CommonConstants, UIClass } from 'ngx-sfc-common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class NavigationMenuItemComponent {
+    constructor() {
+        this.item = { label: CommonConstants.EMPTY_STRING, active: false };
+    }
+    get active() {
+        return this.item.active;
+    }
+    click() {
+        if (this.item.click)
+            this.item.click(this.item);
+    }
+}
+NavigationMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: NavigationMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NavigationMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: NavigationMenuItemComponent, selector: "sfc-navigation-menu-item", inputs: { item: "item" }, host: { listeners: { "click": "click()" }, properties: { "class.active": "this.active" } }, ngImport: i0, template: "<div class=\"container\">\r\n    <i *ngIf=\"item.icon\" class=\"{{item.icon}}\"></i>\r\n    <span>{{item.label}}</span>\r\n</div>", styles: [":host{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;transition:color .2s ease-in-out}:host-context(.sfc-default-theme) :host{color:#545e61}:host-context(.sfc-dark-theme) :host{color:#ccd1d9}:host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em .3em;margin:.625em;width:100%;border-radius:.625em;transition:background .2s ease-in-out}:host .container i{font-size:1.5em}:host .container span{font-size:1em;font-weight:700;margin-top:.625em;text-align:center}:host:hover,:host.active{color:#fff}:host:hover .container,:host.active .container{background:#2bbbad}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: NavigationMenuItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sfc-navigation-menu-item', template: "<div class=\"container\">\r\n    <i *ngIf=\"item.icon\" class=\"{{item.icon}}\"></i>\r\n    <span>{{item.label}}</span>\r\n</div>", styles: [":host{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;transition:color .2s ease-in-out}:host-context(.sfc-default-theme) :host{color:#545e61}:host-context(.sfc-dark-theme) :host{color:#ccd1d9}:host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em .3em;margin:.625em;width:100%;border-radius:.625em;transition:background .2s ease-in-out}:host .container i{font-size:1.5em}:host .container span{font-size:1em;font-weight:700;margin-top:.625em;text-align:center}:host:hover,:host.active{color:#fff}:host:hover .container,:host.active .container{background:#2bbbad}\n"] }]
+        }], propDecorators: { item: [{
+                type: Input
+            }], active: [{
+                type: HostBinding,
+                args: ['class.' + UIClass.Active]
+            }], click: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1tZW51LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9tZW51L25hdmlnYXRpb24vcGFydHMvaXRlbS9uYXZpZ2F0aW9uLW1lbnUtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvbmF2aWdhdGlvbi9wYXJ0cy9pdGVtL25hdmlnYXRpb24tbWVudS1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxPQUFPLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBUTFELE1BQU0sT0FBTywyQkFBMkI7SUFMeEM7UUFRRSxTQUFJLEdBQTZCLEVBQUUsS0FBSyxFQUFFLGVBQWUsQ0FBQyxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxDQUFDO0tBWXpGO0lBVkMsSUFDSSxNQUFNO1FBQ1IsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUMxQixDQUFDO0lBR0QsS0FBSztRQUNILElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLO1lBQ2pCLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixDQUFDOzt3SEFkVSwyQkFBMkI7NEdBQTNCLDJCQUEyQixzTENUeEMsbUlBR007MkZETU8sMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLDBCQUEwQjs4QkFPcEMsSUFBSTtzQkFESCxLQUFLO2dCQUlGLE1BQU07c0JBRFQsV0FBVzt1QkFBQyxRQUFRLEdBQUcsT0FBTyxDQUFDLE1BQU07Z0JBTXRDLEtBQUs7c0JBREosWUFBWTt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Db25zdGFudHMsIFVJQ2xhc3MgfSBmcm9tICduZ3gtc2ZjLWNvbW1vbic7XHJcbmltcG9ydCB7IElOYXZpZ2F0aW9uTWVudUl0ZW1Nb2RlbCB9IGZyb20gJy4vbmF2aWdhdGlvbi1tZW51LWl0ZW0ubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZmMtbmF2aWdhdGlvbi1tZW51LWl0ZW0nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9uYXZpZ2F0aW9uLW1lbnUtaXRlbS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbmF2aWdhdGlvbi1tZW51LWl0ZW0uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmF2aWdhdGlvbk1lbnVJdGVtQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KClcclxuICBpdGVtOiBJTmF2aWdhdGlvbk1lbnVJdGVtTW9kZWwgPSB7IGxhYmVsOiBDb21tb25Db25zdGFudHMuRU1QVFlfU1RSSU5HLCBhY3RpdmU6IGZhbHNlIH07XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuJyArIFVJQ2xhc3MuQWN0aXZlKVxyXG4gIGdldCBhY3RpdmUoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5pdGVtLmFjdGl2ZTtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcclxuICBjbGljaygpIHtcclxuICAgIGlmICh0aGlzLml0ZW0uY2xpY2spXHJcbiAgICAgIHRoaXMuaXRlbS5jbGljayh0aGlzLml0ZW0pO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICA8aSAqbmdJZj1cIml0ZW0uaWNvblwiIGNsYXNzPVwie3tpdGVtLmljb259fVwiPjwvaT5cclxuICAgIDxzcGFuPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxyXG48L2Rpdj4iXX0=

package/esm2020/lib/components/menu/navigation/parts/item/navigation-menu-item.model.mjs

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

package/esm2020/lib/components/menu/side/parts/header/side-menu-header.component.mjs

@@ -0,0 +1,31 @@
+import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
+import { CommonConstants, UIClass } from 'ngx-sfc-common';
+import * as i0 from "@angular/core";
+import * as i1 from "ngx-sfc-common";
+export class SideMenuHeaderComponent {
+    constructor() {
+        this.DEFAULT_MENU_HEADER_TEXT = 'Menu';
+        this.label = CommonConstants.EMPTY_STRING;
+        this.open = false;
+        this.toggle = new EventEmitter();
+    }
+    ngOnInit() {
+        this.label = this.label || this.DEFAULT_MENU_HEADER_TEXT;
+    }
+}
+SideMenuHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SideMenuHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SideMenuHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SideMenuHeaderComponent, selector: "sfc-side-menu-header", inputs: { label: "label", open: "open" }, outputs: { toggle: "toggle" }, host: { properties: { "class.open": "this.open" } }, ngImport: i0, template: "<li>\r\n    <span>{{label}}</span>\r\n    <sfc-hamburger [open]=\"open\" (click)=\"toggle.emit()\"></sfc-hamburger>\r\n</li>", styles: [":host li{display:flex;align-items:center;justify-content:center;padding:1.25em}:host li span{display:none;text-transform:uppercase;font-weight:700;font-size:.8em;-webkit-user-select:none;user-select:none}:host-context(.sfc-default-theme) :host li span{color:#545e61}:host-context(.sfc-dark-theme) :host li span{color:#ccd1d9}:host.open li{justify-content:space-between}:host.open li span{display:block}\n"], components: [{ type: i1.HamburgerComponent, selector: "sfc-hamburger", inputs: ["open"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SideMenuHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sfc-side-menu-header', template: "<li>\r\n    <span>{{label}}</span>\r\n    <sfc-hamburger [open]=\"open\" (click)=\"toggle.emit()\"></sfc-hamburger>\r\n</li>", styles: [":host li{display:flex;align-items:center;justify-content:center;padding:1.25em}:host li span{display:none;text-transform:uppercase;font-weight:700;font-size:.8em;-webkit-user-select:none;user-select:none}:host-context(.sfc-default-theme) :host li span{color:#545e61}:host-context(.sfc-dark-theme) :host li span{color:#ccd1d9}:host.open li{justify-content:space-between}:host.open li span{display:block}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.' + UIClass.Open]
+            }], toggle: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51LWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvc2lkZS9wYXJ0cy9oZWFkZXIvc2lkZS1tZW51LWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvc2lkZS9wYXJ0cy9oZWFkZXIvc2lkZS1tZW51LWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RixPQUFPLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFPMUQsTUFBTSxPQUFPLHVCQUF1QjtJQUxwQztRQU9tQiw2QkFBd0IsR0FBRyxNQUFNLENBQUM7UUFHbkQsVUFBSyxHQUFXLGVBQWUsQ0FBQyxZQUFZLENBQUM7UUFJN0MsU0FBSSxHQUFZLEtBQUssQ0FBQztRQUd0QixXQUFNLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7S0FLdkQ7SUFIQyxRQUFRO1FBQ04sSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyx3QkFBd0IsQ0FBQztJQUMzRCxDQUFDOztvSEFoQlUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsMExDUnBDLDhIQUdLOzJGREtRLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxzQkFBc0I7OEJBU2hDLEtBQUs7c0JBREosS0FBSztnQkFLTixJQUFJO3NCQUZILEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQyxJQUFJO2dCQUlwQyxNQUFNO3NCQURMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Db25zdGFudHMsIFVJQ2xhc3MgfSBmcm9tICduZ3gtc2ZjLWNvbW1vbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NmYy1zaWRlLW1lbnUtaGVhZGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2lkZS1tZW51LWhlYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZS1tZW51LWhlYWRlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaWRlTWVudUhlYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIHByaXZhdGUgcmVhZG9ubHkgREVGQVVMVF9NRU5VX0hFQURFUl9URVhUID0gJ01lbnUnO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGxhYmVsOiBzdHJpbmcgPSBDb21tb25Db25zdGFudHMuRU1QVFlfU1RSSU5HO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuJyArIFVJQ2xhc3MuT3BlbilcclxuICBvcGVuOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHRvZ2dsZTogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMubGFiZWwgPSB0aGlzLmxhYmVsIHx8IHRoaXMuREVGQVVMVF9NRU5VX0hFQURFUl9URVhUO1xyXG4gIH1cclxufVxyXG4iLCI8bGk+XHJcbiAgICA8c3Bhbj57e2xhYmVsfX08L3NwYW4+XHJcbiAgICA8c2ZjLWhhbWJ1cmdlciBbb3Blbl09XCJvcGVuXCIgKGNsaWNrKT1cInRvZ2dsZS5lbWl0KClcIj48L3NmYy1oYW1idXJnZXI+XHJcbjwvbGk+Il19

package/esm2020/lib/components/menu/side/parts/item/content/side-menu-item-content.component.mjs

@@ -0,0 +1,56 @@
+import { Component, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';
+import { CommonConstants, UIClass } from 'ngx-sfc-common';
+import { SideMenuItemType } from '../../../side-menu.model';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class SideMenuItemContentComponent {
+    constructor() {
+        this.ANGLE_UP_ICON = 'fa fa-angle-up';
+        this.ANGLE_DOWM_ICON = 'fa fa-angle-down';
+        this.item = {
+            icon: CommonConstants.EMPTY_STRING,
+            label: CommonConstants.EMPTY_STRING,
+            type: SideMenuItemType.Item,
+            active: false
+        };
+        this.active = false;
+        this.open = false;
+        this.openParent = false;
+        this.hasChildren = false;
+        this.selectItem = new EventEmitter();
+    }
+    onClick() {
+        this.selectItem.emit(this.item);
+    }
+    get expandIcon() {
+        return this.openParent ? this.ANGLE_UP_ICON : this.ANGLE_DOWM_ICON;
+    }
+}
+SideMenuItemContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SideMenuItemContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SideMenuItemContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SideMenuItemContentComponent, selector: "sfc-side-menu-item-content", inputs: { item: "item", active: "active", open: "open", openParent: "openParent", hasChildren: "hasChildren" }, outputs: { selectItem: "selectItem" }, host: { listeners: { "click": "onClick()" }, properties: { "class.active": "this.active", "class.open": "this.open" } }, ngImport: i0, template: "<li>\r\n    <div class=\"item-container\">\r\n        <div class=\"item\">\r\n            <a><i class=\"{{item.icon}}\"></i></a>\r\n        </div>\r\n        <span class=\"label\">{{item.label}}</span>\r\n    </div>\r\n\r\n    <div *ngIf=\"hasChildren\" class=\"expand-container\">\r\n        <i class=\"{{expandIcon}}\"></i>\r\n    </div>\r\n</li>", styles: [":host li{display:inline-flex;align-items:center;padding:0 1.25em 0 1.5em;cursor:pointer;width:calc(100% - 2.75em);justify-content:space-between}:host-context(.sfc-default-theme) :host li{color:#545e61}:host-context(.sfc-dark-theme) :host li{color:#ccd1d9}:host li .expand-container{visibility:hidden;opacity:0;width:0}:host li .expand-container>i{font-weight:700}:host li .item-container{display:inline-flex;align-items:center}:host li .item-container .item{width:2em;height:1.9em;display:flex;justify-content:center;border-radius:.7em;align-items:center}:host li .item-container .item a{border-radius:.45em;display:flex;align-items:center;justify-content:center;transition:.3s ease-in-out;font-size:1.3em;padding:.3em}:host li .item-container .item a>i{font-size:1em}:host li .item-container .label{font-weight:700;font-size:.9em;visibility:hidden;opacity:0;transition:color .3s,visibility .3s,opacity .5s ease-in-out;-webkit-user-select:none;user-select:none;width:0}:host.active li,:host:hover li{color:#fff}:host.active li .item-container .item a,:host:hover li .item-container .item a{background-color:#2bbbad;box-shadow:0 .3em 1em #2bbbad1a}:host.active li .item-container .label,:host:hover li .item-container .label{color:#2bbbad}:host.active li .expand-container,:host:hover li .expand-container{color:#2bbbad}:host.open li .item-container .item a{margin-right:1em}:host.open li .item-container .label{visibility:visible;opacity:1;width:auto}:host.open li .expand-container{width:auto;visibility:visible;opacity:1}:host :host-context(.children) li{margin:.2em 0}:host :host-context(.children) li .item-container .item a{padding:.3em;border-radius:.35em}:host :host-context(.children) li .item-container .item a>i{font-size:.5em}:host :host-context(.children) li .item-container .label{font-size:.8em}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SideMenuItemContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sfc-side-menu-item-content', template: "<li>\r\n    <div class=\"item-container\">\r\n        <div class=\"item\">\r\n            <a><i class=\"{{item.icon}}\"></i></a>\r\n        </div>\r\n        <span class=\"label\">{{item.label}}</span>\r\n    </div>\r\n\r\n    <div *ngIf=\"hasChildren\" class=\"expand-container\">\r\n        <i class=\"{{expandIcon}}\"></i>\r\n    </div>\r\n</li>", styles: [":host li{display:inline-flex;align-items:center;padding:0 1.25em 0 1.5em;cursor:pointer;width:calc(100% - 2.75em);justify-content:space-between}:host-context(.sfc-default-theme) :host li{color:#545e61}:host-context(.sfc-dark-theme) :host li{color:#ccd1d9}:host li .expand-container{visibility:hidden;opacity:0;width:0}:host li .expand-container>i{font-weight:700}:host li .item-container{display:inline-flex;align-items:center}:host li .item-container .item{width:2em;height:1.9em;display:flex;justify-content:center;border-radius:.7em;align-items:center}:host li .item-container .item a{border-radius:.45em;display:flex;align-items:center;justify-content:center;transition:.3s ease-in-out;font-size:1.3em;padding:.3em}:host li .item-container .item a>i{font-size:1em}:host li .item-container .label{font-weight:700;font-size:.9em;visibility:hidden;opacity:0;transition:color .3s,visibility .3s,opacity .5s ease-in-out;-webkit-user-select:none;user-select:none;width:0}:host.active li,:host:hover li{color:#fff}:host.active li .item-container .item a,:host:hover li .item-container .item a{background-color:#2bbbad;box-shadow:0 .3em 1em #2bbbad1a}:host.active li .item-container .label,:host:hover li .item-container .label{color:#2bbbad}:host.active li .expand-container,:host:hover li .expand-container{color:#2bbbad}:host.open li .item-container .item a{margin-right:1em}:host.open li .item-container .label{visibility:visible;opacity:1;width:auto}:host.open li .expand-container{width:auto;visibility:visible;opacity:1}:host :host-context(.children) li{margin:.2em 0}:host :host-context(.children) li .item-container .item a{padding:.3em;border-radius:.35em}:host :host-context(.children) li .item-container .item a>i{font-size:.5em}:host :host-context(.children) li .item-container .label{font-size:.8em}\n"] }]
+        }], propDecorators: { item: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.' + UIClass.Active]
+            }], open: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.' + UIClass.Open]
+            }], openParent: [{
+                type: Input
+            }], hasChildren: [{
+                type: Input
+            }], selectItem: [{
+                type: Output
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51LWl0ZW0tY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvc2lkZS9wYXJ0cy9pdGVtL2NvbnRlbnQvc2lkZS1tZW51LWl0ZW0tY29udGVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvc2lkZS9wYXJ0cy9pdGVtL2NvbnRlbnQvc2lkZS1tZW51LWl0ZW0tY29udGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEcsT0FBTyxFQUFFLGVBQWUsRUFBRSxPQUFPLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxRCxPQUFPLEVBQXNCLGdCQUFnQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7OztBQU9oRixNQUFNLE9BQU8sNEJBQTRCO0lBTHpDO1FBT21CLGtCQUFhLEdBQUcsZ0JBQWdCLENBQUM7UUFDakMsb0JBQWUsR0FBRyxrQkFBa0IsQ0FBQztRQUd0RCxTQUFJLEdBQXVCO1lBQ3pCLElBQUksRUFBRSxlQUFlLENBQUMsWUFBWTtZQUNsQyxLQUFLLEVBQUUsZUFBZSxDQUFDLFlBQVk7WUFDbkMsSUFBSSxFQUFFLGdCQUFnQixDQUFDLElBQUk7WUFDM0IsTUFBTSxFQUFFLEtBQUs7U0FDZCxDQUFDO1FBSUYsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUl4QixTQUFJLEdBQVksS0FBSyxDQUFDO1FBR3RCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFHNUIsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFHN0IsZUFBVSxHQUFxQyxJQUFJLFlBQVksRUFBc0IsQ0FBQztLQVV2RjtJQVBDLE9BQU87UUFDTCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDakMsQ0FBQztJQUVELElBQUksVUFBVTtRQUNaLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQztJQUNyRSxDQUFDOzt5SEFyQ1UsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsa1ZDVHpDLDhWQVdLOzJGREZRLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSw0QkFBNEI7OEJBVXRDLElBQUk7c0JBREgsS0FBSztnQkFVTixNQUFNO3NCQUZMLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQyxNQUFNO2dCQUt0QyxJQUFJO3NCQUZILEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQyxJQUFJO2dCQUlwQyxVQUFVO3NCQURULEtBQUs7Z0JBSU4sV0FBVztzQkFEVixLQUFLO2dCQUlOLFVBQVU7c0JBRFQsTUFBTTtnQkFJUCxPQUFPO3NCQUROLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbkNvbnN0YW50cywgVUlDbGFzcyB9IGZyb20gJ25neC1zZmMtY29tbW9uJztcclxuaW1wb3J0IHsgSVNpZGVNZW51SXRlbU1vZGVsLCBTaWRlTWVudUl0ZW1UeXBlIH0gZnJvbSAnLi4vLi4vLi4vc2lkZS1tZW51Lm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ZjLXNpZGUtbWVudS1pdGVtLWNvbnRlbnQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlLW1lbnUtaXRlbS1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zaWRlLW1lbnUtaXRlbS1jb250ZW50LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNpZGVNZW51SXRlbUNvbnRlbnRDb21wb25lbnQge1xyXG5cclxuICBwcml2YXRlIHJlYWRvbmx5IEFOR0xFX1VQX0lDT04gPSAnZmEgZmEtYW5nbGUtdXAnO1xyXG4gIHByaXZhdGUgcmVhZG9ubHkgQU5HTEVfRE9XTV9JQ09OID0gJ2ZhIGZhLWFuZ2xlLWRvd24nO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGl0ZW06IElTaWRlTWVudUl0ZW1Nb2RlbCA9IHtcclxuICAgIGljb246IENvbW1vbkNvbnN0YW50cy5FTVBUWV9TVFJJTkcsXHJcbiAgICBsYWJlbDogQ29tbW9uQ29uc3RhbnRzLkVNUFRZX1NUUklORyxcclxuICAgIHR5cGU6IFNpZGVNZW51SXRlbVR5cGUuSXRlbSxcclxuICAgIGFjdGl2ZTogZmFsc2VcclxuICB9O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuJyArIFVJQ2xhc3MuQWN0aXZlKVxyXG4gIGFjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuJyArIFVJQ2xhc3MuT3BlbilcclxuICBvcGVuOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgb3BlblBhcmVudDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGhhc0NoaWxkcmVuOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHNlbGVjdEl0ZW06IEV2ZW50RW1pdHRlcjxJU2lkZU1lbnVJdGVtTW9kZWw+ID0gbmV3IEV2ZW50RW1pdHRlcjxJU2lkZU1lbnVJdGVtTW9kZWw+KCk7XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcclxuICBvbkNsaWNrKCkge1xyXG4gICAgdGhpcy5zZWxlY3RJdGVtLmVtaXQodGhpcy5pdGVtKVxyXG4gIH1cclxuXHJcbiAgZ2V0IGV4cGFuZEljb24oKSB7XHJcbiAgICByZXR1cm4gdGhpcy5vcGVuUGFyZW50ID8gdGhpcy5BTkdMRV9VUF9JQ09OIDogdGhpcy5BTkdMRV9ET1dNX0lDT047XHJcbiAgfVxyXG59XHJcbiIsIjxsaT5cclxuICAgIDxkaXYgY2xhc3M9XCJpdGVtLWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtXCI+XHJcbiAgICAgICAgICAgIDxhPjxpIGNsYXNzPVwie3tpdGVtLmljb259fVwiPjwvaT48L2E+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJsYWJlbFwiPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiAqbmdJZj1cImhhc0NoaWxkcmVuXCIgY2xhc3M9XCJleHBhbmQtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJ7e2V4cGFuZEljb259fVwiPjwvaT5cclxuICAgIDwvZGl2PlxyXG48L2xpPiJdfQ==