@acorex/modules 19.3.3-next.1 → 19.3.4

package/fesm2022/acorex-modules-dashboard-management-acorex-modules-dashboard-management-DKGnh_V9.mjs

@@ -1,3780 +0,0 @@
-import { AXPSessionService, AXPAuthGuard } from '@acorex/platform/auth';
-import { createAllQueryView, AXPEntityCommandScope, AXPEntityQueryType, AXP_HOME_PAGES, AXP_MENU_PROVIDER, AXP_HOME_PAGE_DEFAULT_KEY } from '@acorex/platform/common';
-import * as i3$1 from '@acorex/platform/layout/builder';
-import { AXPWidgetsCatalog, AXPValueWidgetComponent, cloneProperty, AXPWidgetGroupEnum, AXPLayoutWidgetComponent, AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
-import { AXMEntityCrudServiceImpl, AXPEntityService, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
-import { AXP_APPEARANCE_PROPERTY_GROUP, AXP_STYLING_PROPERTY_GROUP, AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_BG_COLOR_PROPERTY, plainTextDefaultProperty, AXP_DATA_PROPERTY_GROUP, AXP_COLOR_PROPERTY, AXPWidgetsModule } from '@acorex/platform/widgets';
-import * as i0 from '@angular/core';
-import { Injectable, inject, Injector, computed, ChangeDetectionStrategy, Component, ChangeDetectorRef, signal, viewChild, ElementRef, HostListener, output, InjectionToken, effect, HostBinding, NgModule } from '@angular/core';
-import { AXBarChartComponent } from '@acorex/charts/bar-chart';
-import * as i2$2 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import { AXTagModule } from '@acorex/components/tag';
-import { AXDateTimeModule } from '@acorex/core/date-time';
-import * as i2 from '@acorex/core/format';
-import { AXFormatModule } from '@acorex/core/format';
-import * as i1 from '@angular/common';
-import { CommonModule, DatePipe } from '@angular/common';
-import { interval, map, Observable, catchError, throwError, switchMap, firstValueFrom } from 'rxjs';
-import { AXDonutChartComponent } from '@acorex/charts/donut-chart';
-import { AXGaugeChartComponent } from '@acorex/charts/gauge-chart';
-import { AXLineChartComponent } from '@acorex/charts/line-chart';
-import { AXColorBoxModule } from '@acorex/components/color-box';
-import { AXGridLayoutWidgetComponent } from '@acorex/components/grid-layout-builder';
-import { AXPopoverModule } from '@acorex/components/popover';
-import { AXToolBarModule } from '@acorex/components/toolbar';
-import * as i1$1 from '@acorex/components/wysiwyg';
-import { AXWysiwygModule } from '@acorex/components/wysiwyg';
-import * as i2$1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { AXAvatarModule } from '@acorex/components/avatar';
-import * as i3 from '@acorex/components/badge';
-import { AXBadgeModule } from '@acorex/components/badge';
-import { AXButtonModule } from '@acorex/components/button';
-import * as i4 from '@acorex/components/check-box';
-import { AXCheckBoxModule } from '@acorex/components/check-box';
-import { AXImageModule } from '@acorex/components/image';
-import { AXLabelModule } from '@acorex/components/label';
-import { AXTabsModule } from '@acorex/components/tabs';
-import * as i6 from '@acorex/core/translation';
-import { AXTranslationModule } from '@acorex/core/translation';
-import { HttpClient, HttpClientModule } from '@angular/common/http';
-import { AXPopupService } from '@acorex/components/popup';
-import { AXP_GLOBAL_SEARCH_CONFIG_TOKEN } from '@acorex/modules/common';
-import { AXPDataGenerator } from '@acorex/platform/core';
-import { AXPWorkflowService } from '@acorex/platform/workflow';
-
-const config = {
-    i18n: 'dashboard',
-};
-const RootConfig = {
-    config,
-    module: {
-        module: 'DashboardManagement',
-        name: 'Dashboard Management',
-        title: `t('module-name', {scope:"${config.i18n}"})`,
-        icon: 'fa-regular fa-tachometer-alt',
-    },
-    entities: {
-        dashboard: {
-            name: 'Dashboard',
-            title: `t("dashboard", { scope: "dashboard" })`,
-            titlePlural: `t("dashboardPlural", { scope: "dashboard" })`,
-            icon: 'fa-regular fa-tachometer-alt',
-        },
-    },
-};
-
-class AXMDashboardService extends AXMEntityCrudServiceImpl {
-}
-class AXMDashboardServiceImpl extends AXMDashboardService {
-    constructor() {
-        super(`${RootConfig.module.name}.${RootConfig.entities.dashboard.name}`);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDashboardServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDashboardServiceImpl }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDashboardServiceImpl, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
-async function dashboardFactory(injector) {
-    const dataService = injector.get(AXMDashboardService);
-    const i18n = RootConfig.config.i18n;
-    const entityDef = {
-        module: RootConfig.module.name,
-        name: RootConfig.entities.dashboard.name,
-        source: '',
-        title: RootConfig.entities.dashboard.title,
-        formats: {
-            individual: RootConfig.entities.dashboard.title,
-            plural: RootConfig.entities.dashboard.titlePlural,
-            searchResult: {
-                title: '{{ title }}',
-                description: RootConfig.module.title,
-            },
-        },
-        relatedEntities: [],
-        groups: [
-            {
-                id: 'section',
-                title: RootConfig.entities.dashboard.title,
-            },
-        ],
-        properties: [
-            {
-                name: 'name',
-                title: `t("name", { scope: "common" })`,
-                groupId: 'section',
-                options: {
-                    sort: {
-                        enabled: false,
-                    },
-                    filter: {
-                        advance: {
-                            enabled: false,
-                        },
-                        inline: {
-                            enabled: false,
-                        },
-                    },
-                },
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                    },
-                },
-            },
-            {
-                name: 'title',
-                title: `t("title", { scope: "common" })`,
-                groupId: 'section',
-                options: {
-                    sort: {
-                        enabled: true,
-                    },
-                    filter: {
-                        advance: {
-                            enabled: true,
-                        },
-                        inline: {
-                            enabled: true,
-                        },
-                    },
-                },
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                    },
-                },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
-            },
-            {
-                name: 'description',
-                title: `t("description", { scope: "${i18n}" })`,
-                groupId: 'section',
-                options: {
-                    sort: {
-                        enabled: false,
-                    },
-                    filter: {
-                        advance: {
-                            enabled: false,
-                        },
-                        inline: {
-                            enabled: false,
-                        },
-                    },
-                },
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                    },
-                },
-            },
-        ],
-        columns: [{ name: 'name' }, { name: 'title' }, { name: 'description' }],
-        commands: {
-            create: {
-                execute: async (data) => {
-                    const res = await dataService.insertOne(data);
-                    return { id: res };
-                },
-            },
-            delete: {
-                execute: async (id) => {
-                    return await dataService.deleteOne(id);
-                },
-            },
-            update: {
-                execute: async (data) => {
-                    return await dataService.updateOne(data.id, data);
-                },
-            },
-        },
-        queries: {
-            byKey: {
-                execute: async (id) => {
-                    return await dataService.getOne(id);
-                },
-                type: AXPEntityQueryType.Single,
-            },
-            list: {
-                execute: async (e) => {
-                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
-                },
-                type: AXPEntityQueryType.List,
-            },
-        },
-        interfaces: {
-            master: {
-                create: {
-                    sections: [
-                        {
-                            id: 'section',
-                        },
-                    ],
-                    properties: [
-                        {
-                            name: 'name',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                        order: 1,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'title',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                        order: 2,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'description',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 12,
-                                        order: 3,
-                                    },
-                                },
-                            },
-                        },
-                    ],
-                },
-                update: {
-                    sections: [
-                        {
-                            id: 'section',
-                        },
-                    ],
-                    properties: [
-                        {
-                            name: 'name',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                        order: 1,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'title',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                        order: 2,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'description',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 12,
-                                        order: 3,
-                                    },
-                                },
-                            },
-                        },
-                    ],
-                },
-                single: {
-                    title: '{{title}}',
-                    sections: [
-                        {
-                            id: 'section',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 12,
-                                    },
-                                },
-                            },
-                        },
-                    ],
-                    properties: [
-                        {
-                            name: 'name',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                        order: 1,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'title',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                        order: 2,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'description',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 12,
-                                        order: 3,
-                                    },
-                                },
-                            },
-                        },
-                    ],
-                    actions: [],
-                },
-                list: {
-                    actions: [
-                        {
-                            title: `t("create", { scope: "common" })`,
-                            command: 'create-entity',
-                            priority: 'primary',
-                            type: 'create',
-                            scope: AXPEntityCommandScope.TypeLevel,
-                        },
-                        {
-                            title: 't("deleteItems", { scope: "common" })',
-                            command: 'delete-entity',
-                            priority: 'primary',
-                            type: 'delete',
-                            scope: AXPEntityCommandScope.Selected,
-                        },
-                        {
-                            title: 't("detail", { scope: "common" })',
-                            command: 'open-entity',
-                            priority: 'secondary',
-                            type: 'view',
-                            scope: AXPEntityCommandScope.Individual,
-                        },
-                        {
-                            title: 't("delete", { scope: "common" })',
-                            command: 'delete-entity',
-                            priority: 'secondary',
-                            type: 'delete',
-                            scope: AXPEntityCommandScope.Individual,
-                        },
-                    ],
-                    views: [
-                        createAllQueryView({
-                            sorts: [{ name: 'name', dir: 'asc' }]
-                        }),
-                    ],
-                },
-            },
-        },
-    };
-    return entityDef;
-}
-
-var dashboard_entity = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    dashboardFactory: dashboardFactory
-});
-
-class AXMEntityProvider {
-    constructor() {
-        this.injector = inject(Injector);
-    }
-    preload() {
-        const module = RootConfig.module.name;
-        return Array.from(Object.values(RootConfig.entities)).map((entity) => ({
-            module: module,
-            entity: entity.name,
-        }));
-    }
-    async get(moduleName, entityName) {
-        if (moduleName == RootConfig.module.name) {
-            switch (entityName) {
-                case RootConfig.entities.dashboard.name:
-                    return (await Promise.resolve().then(function () { return dashboard_entity; })).dashboardFactory(this.injector);
-            }
-        }
-        return null;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMEntityProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMEntityProvider }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMEntityProvider, decorators: [{
-            type: Injectable
-        }] });
-
-/**
- * Bar Chart Widget Component
- * Renders data as vertical bars with interactive hover effects and animations
- */
-class AXPBarChartWidgetViewComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.barChartData = computed(() => this.getValue());
-        this.barChartOptions = computed(() => this.options());
-    }
-    handleBarClick(event) {
-        //console.log(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPBarChartWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPBarChartWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ax-bar-chart [data]=\"barChartData()\" [options]=\"barChartOptions()\" (barClick)=\"handleBarClick($event)\"></ax-bar-chart>\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: AXBarChartComponent, selector: "ax-bar-chart", inputs: ["data", "options"], outputs: ["barClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPBarChartWidgetViewComponent, decorators: [{
-            type: Component,
-            args: [{ imports: [AXBarChartComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ax-bar-chart [data]=\"barChartData()\" [options]=\"barChartOptions()\" (barClick)=\"handleBarClick($event)\"></ax-bar-chart>\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
-        }] });
-
-var barChartWidget_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPBarChartWidgetViewComponent: AXPBarChartWidgetViewComponent
-});
-
-const AXP_WIDGETS_CHART_CATEGORY = {
-    name: 'chart',
-    order: 6,
-    title: 'Charts',
-};
-const AXP_WIDGETS_UTILITY_CATEGORY = {
-    name: 'utility',
-    order: 7,
-    title: 'Utilities',
-};
-
-const AXPBarChartWidget = {
-    name: 'bar-chart',
-    title: 'Bar Chart Widget',
-    categories: [AXP_WIDGETS_CHART_CATEGORY],
-    groups: [AXPWidgetGroupEnum.DashboardWidget],
-    type: 'dashboard',
-    icon: 'fa-light fa-chart-bar',
-    properties: [
-        cloneProperty(AXP_NAME_PROPERTY, { visible: false }),
-        cloneProperty(AXP_DATA_PATH_PROPERTY, { visible: false }),
-        // ====== Chart Title ======
-        {
-            name: 'title',
-            title: 'Chart Title',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: '',
-                dataType: 'string',
-                interface: {
-                    name: 'title',
-                    path: 'options.title',
-                    type: AXPWidgetsCatalog.text,
-                    options: {
-                        placeholder: 'Enter chart title',
-                    },
-                },
-            },
-            visible: true,
-        },
-        // ====== Layout & Dimensions ======
-        {
-            name: 'width',
-            title: 'Width',
-            group: AXP_STYLING_PROPERTY_GROUP,
-            schema: {
-                defaultValue: null,
-                dataType: 'number',
-                interface: {
-                    name: 'width',
-                    path: 'options.width',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        minValue: 0,
-                        maxValue: 1200,
-                    },
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'height',
-            title: 'Height',
-            group: AXP_STYLING_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 300,
-                dataType: 'number',
-                interface: {
-                    name: 'height',
-                    path: 'options.height',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        minValue: 0,
-                        maxValue: 800,
-                    },
-                },
-            },
-            visible: true,
-        },
-        // ====== X Axis Settings ======
-        {
-            name: 'showXAxis',
-            title: 'Show X Axis',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showXAxis',
-                    path: 'options.showXAxis',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'xAxisLabel',
-            title: 'X Axis Label',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: '',
-                dataType: 'string',
-                interface: {
-                    name: 'xAxisLabel',
-                    path: 'options.xAxisLabel',
-                    type: AXPWidgetsCatalog.text,
-                },
-            },
-            visible: true,
-        },
-        // ====== Y Axis Settings ======
-        {
-            name: 'showYAxis',
-            title: 'Show Y Axis',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showYAxis',
-                    path: 'options.showYAxis',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'yAxisLabel',
-            title: 'Y Axis Label',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: '',
-                dataType: 'string',
-                interface: {
-                    name: 'yAxisLabel',
-                    path: 'options.yAxisLabel',
-                    type: AXPWidgetsCatalog.text,
-                },
-            },
-            visible: true,
-        },
-        // ====== Bar Appearance ======
-        {
-            name: 'barWidth',
-            title: 'Bar Width',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 80,
-                dataType: 'number',
-                interface: {
-                    name: 'barWidth',
-                    path: 'options.barWidth',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        placeholder: '1-100',
-                        minValue: 1,
-                        maxValue: 100,
-                    },
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'cornerRadius',
-            title: 'Corner Radius',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 4,
-                dataType: 'number',
-                interface: {
-                    name: 'cornerRadius',
-                    path: 'options.cornerRadius',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        placeholder: '0-20',
-                        minValue: 0,
-                        maxValue: 20,
-                    },
-                },
-            },
-            visible: true,
-        },
-        // ====== Grid Settings ======
-        {
-            name: 'showGrid',
-            title: 'Show Grid Lines',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showGrid',
-                    path: 'options.showGrid',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        // ====== Tooltip Settings ======
-        {
-            name: 'showTooltip',
-            title: 'Show Tooltip',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showTooltip',
-                    path: 'options.showTooltip',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        // ====== Animation Settings ======
-        {
-            name: 'animationEasing',
-            title: 'Animation Easing',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 'cubic-out',
-                dataType: 'string',
-                interface: {
-                    name: 'animationEasing',
-                    path: 'options.animationEasing',
-                    type: AXPWidgetsCatalog.select,
-                    options: {
-                        dataSource: [
-                            { value: 'linear', text: 'Linear' },
-                            { value: 'ease', text: 'Ease' },
-                            { value: 'ease-in', text: 'Ease In' },
-                            { value: 'ease-out', text: 'Ease Out' },
-                            { value: 'ease-in-out', text: 'Ease In Out' },
-                            { value: 'cubic', text: 'Cubic' },
-                            { value: 'cubic-in', text: 'Cubic In' },
-                            { value: 'cubic-out', text: 'Cubic Out' },
-                            { value: 'cubic-in-out', text: 'Cubic In Out' },
-                        ],
-                        textField: 'text',
-                        valueField: 'value',
-                    },
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'animationDuration',
-            title: 'Animation Duration',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 800,
-                dataType: 'number',
-                interface: {
-                    name: 'animationDuration',
-                    path: 'options.animationDuration',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        placeholder: '0-2000',
-                        minValue: 0,
-                        maxValue: 2000,
-                    },
-                },
-            },
-            visible: true,
-        },
-    ],
-    components: {
-        view: {
-            component: () => Promise.resolve().then(function () { return barChartWidget_component; }).then((c) => c.AXPBarChartWidgetViewComponent),
-        },
-    },
-    meta: {
-        dimensions: {
-            width: 5,
-            height: 6,
-            minWidth: 2,
-            minHeight: 2,
-            maxWidth: 6,
-            maxHeight: 7,
-        },
-    },
-};
-
-class AXPClockCalendarWidgetViewComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        // Dependencies
-        this.cdr = inject(ChangeDetectorRef);
-        // Time state
-        this.currentTime = new Date();
-        this.currentDate = new Date();
-        this.clockSubscription = null;
-        // Static clock elements
-        this.clockHours = Array.from({ length: 12 }, (_, i) => i + 1);
-        this.clockHourNumbers = Array.from({ length: 12 }, (_, i) => ({
-            number: i === 0 ? 12 : i,
-            angle: i * 30,
-        }));
-        // Clock hands rotation angles
-        this.hourRotation = 0;
-        this.minuteRotation = 0;
-        this.secondRotation = 0;
-        // Options with computed properties and defaults
-        this.displayLayout = computed(() => this.options()?.displayLayout?.id ?? 'both');
-        this.showDigitalClock = computed(() => {
-            const layout = this.displayLayout();
-            return layout === 'both' || layout === 'digital';
-        });
-        this.showAnalogClock = computed(() => {
-            const layout = this.displayLayout();
-            return layout === 'both' || layout === 'analog';
-        });
-        this.showDate = computed(() => this.options()?.showDate !== false);
-        this.showDayOfWeek = computed(() => this.options()?.showDayOfWeek !== false);
-        this.use24Hour = computed(() => this.options()?.use24Hour === true);
-        this.showSeconds = computed(() => this.options()?.showSeconds !== false);
-        this.dateFormat = computed(() => this.options()?.dateFormat?.id ?? 'dd MMM yyyy');
-        this.timezone = computed(() => this.options()?.timezone?.id ?? 'local');
-        // protected readonly showTimezoneIndicator: Signal<boolean> = computed(() => this.timezone() !== 'local');
-        this.displayTimezone = computed(() => {
-            const tz = this.timezone();
-            if (tz === 'local')
-                return '';
-            if (tz.startsWith('UTC')) {
-                const [match, sign, hours, minutes] = tz.match(/UTC([+-])(\d+):?(\d+)?/) ?? [];
-                if (match) {
-                    if (!minutes || minutes === '00') {
-                        return `UTC${sign}${parseInt(hours)}`;
-                    }
-                    return `UTC${sign}${parseInt(hours)}:${minutes}`;
-                }
-            }
-            return tz;
-        });
-        this.timeFormat = computed(() => this.showSeconds() ? (this.use24Hour() ? 'HH:mm:ss' : 'hh:mm:ss a') : this.use24Hour() ? 'HH:mm' : 'hh:mm a');
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.startClockTimer();
-        this.updateTime();
-    }
-    ngOnDestroy() {
-        this.stopClockTimer();
-    }
-    startClockTimer() {
-        this.stopClockTimer();
-        this.clockSubscription = interval(1000).subscribe(() => this.updateTime());
-    }
-    stopClockTimer() {
-        this.clockSubscription?.unsubscribe();
-        this.clockSubscription = null;
-    }
-    updateTime() {
-        const now = this.getAdjustedTime();
-        this.currentTime = now;
-        this.currentDate = now;
-        this.updateClockHandsRotation(now);
-        this.cdr.markForCheck();
-    }
-    getAdjustedTime() {
-        const now = new Date();
-        const tz = this.timezone();
-        if (tz === 'local' || !tz.startsWith('UTC')) {
-            return now;
-        }
-        const [match, sign, hours, minutes] = tz.match(/UTC([+-])(\d+):?(\d+)?/) ?? [];
-        if (!match) {
-            return now;
-        }
-        const offsetHours = parseInt(hours) * (sign === '+' ? 1 : -1);
-        const offsetMinutes = minutes ? parseInt(minutes) * (sign === '+' ? 1 : -1) : 0;
-        const utcTime = now.getTime() + now.getTimezoneOffset() * 60000;
-        return new Date(utcTime + (offsetHours * 3600000 + offsetMinutes * 60000));
-    }
-    updateClockHandsRotation(now) {
-        const hours = now.getHours() % 12;
-        const minutes = now.getMinutes();
-        const seconds = now.getSeconds();
-        // For analog clocks:
-        // - 12 o'clock is 0°
-        // - 3 o'clock is 90°
-        // - 6 o'clock is 180°
-        // - 9 o'clock is 270°
-        // Hour hand: 30° per hour (360°/12) plus gradual movement from minutes
-        this.hourRotation = hours * 30 + minutes / 2 + 180;
-        // Minute hand: 6° per minute (360°/60)
-        this.minuteRotation = minutes * 6 + 180;
-        // Second hand: 6° per second (360°/60)
-        this.secondRotation = seconds * 6 + 180;
-    }
-    initializeWidget() {
-        this.updateTime();
-    }
-    updateWidget() {
-        this.stopClockTimer();
-        this.startClockTimer();
-        this.updateTime();
-    }
-    destroyWidget() {
-        this.stopClockTimer();
-    }
-    getDayOfWeek() {
-        const days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
-        return days[this.currentDate.getDay()];
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPClockCalendarWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPClockCalendarWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"axp-clock-calendar-container\">\n  <!-- Timezone indicator (only shown when not local) -->\n  <!-- @if (showTimezoneIndicator()) {\n  <div class=\"axp-clock-calendar-timezone-badge\"><i class=\"fa-solid fa-globe\"></i> {{ displayTimezone() }}</div>\n  } -->\n\n  <!-- Day of week display -->\n  @if (showDayOfWeek()) {\n  <div class=\"axp-clock-calendar-day-label\">{{ getDayOfWeek() }}</div>\n  }\n\n  <div class=\"axp-clock-calendar-content\">\n    <!-- Digital Clock Display -->\n    @if (showDigitalClock()) {\n    <div class=\"axp-clock-calendar-digital-clock\">\n      {{ currentTime | format : 'datetime' : timeFormat() | async }}\n    </div>\n    }\n\n    <!-- Analog Clock Display -->\n    @if (showAnalogClock()) {\n    <div class=\"axp-clock-calendar-analog-clock\">\n      <!-- Hour markers -->\n      @for (hour of clockHours; track hour) {\n      <div\n        class=\"axp-clock-calendar-hour-marker\"\n        [style.transform]=\"'rotate(' + hour * 30 + 'deg) translateY(-80px)'\"\n      ></div>\n      }\n\n      <!-- Clock Numbers -->\n      <div class=\"axp-clock-calendar-numbers-container\">\n        @for (hour of clockHourNumbers; track hour) {\n        <div\n          class=\"axp-clock-calendar-hour-number\"\n          [style.transform]=\"'rotate(' + hour.angle + 'deg) translateY(-82px)'\"\n        >\n          <span [style.transform]=\"'rotate(' + -hour.angle + 'deg)'\">{{ hour.number }}</span>\n        </div>\n        }\n      </div>\n\n      <!-- Clock Hands -->\n      <div class=\"axp-clock-calendar-hands-container\">\n        <div class=\"axp-clock-calendar-hour-hand\" [style.transform]=\"'rotate(' + hourRotation + 'deg)'\"></div>\n        <div class=\"axp-clock-calendar-minute-hand\" [style.transform]=\"'rotate(' + minuteRotation + 'deg)'\"></div>\n        @if (showSeconds()) {\n        <div class=\"axp-clock-calendar-second-hand\" [style.transform]=\"'rotate(' + secondRotation + 'deg)'\"></div>\n        }\n        <div class=\"axp-clock-calendar-center-dot\"></div>\n      </div>\n    </div>\n    }\n\n    <!-- Date Display -->\n    @if (showDate()) {\n    <div class=\"axp-clock-calendar-date-display\">\n      <i class=\"fa-regular fa-calendar\"></i>\n      {{ currentDate | format : 'datetime' : dateFormat() | async }}\n    </div>\n    }\n  </div>\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.axp-clock-calendar-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:1rem;position:relative;overflow:hidden;box-shadow:var(--ax-shadow-sm);background-color:var(--ax-surface-color);color:var(--ax-text-color)}.axp-clock-calendar-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%;height:100%;position:relative}.axp-clock-calendar-timezone-badge{position:absolute;top:.5rem;right:.5rem;font-size:.75rem;padding:.25rem;border-radius:1rem;border-width:1px;border-color:rgba(23,23,23,.5)}.axp-clock-calendar-timezone-badge:is(.ax-dark *){border-color:rgba(245,245,245,.5)}.axp-clock-calendar-timezone-badge{display:flex;align-items:center;gap:.25rem}.axp-clock-calendar-timezone-badge i{font-size:.75rem}.axp-clock-calendar-day-label{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05rem;margin-bottom:.25rem}.axp-clock-calendar-digital-clock{font-size:1.5rem;font-weight:500;letter-spacing:.05rem;font-family:monospace;padding:.5rem .75rem;border-radius:.25rem}.axp-clock-calendar-analog-clock{position:relative;border-radius:50%;border-width:1px;border-color:rgba(23,23,23,.5)}.axp-clock-calendar-analog-clock:is(.ax-dark *){border-color:rgba(245,245,245,.5)}.axp-clock-calendar-analog-clock{display:flex;align-items:center;justify-content:center;background:var(--ax-surface-color);width:min(180px,100%);height:0;padding-bottom:min(180px,100%);margin:.5rem auto;min-width:120px;min-height:120px;box-shadow:var(--ax-shadow-sm)}.axp-clock-calendar-hands-container,.axp-clock-calendar-numbers-container{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}.axp-clock-calendar-hour-marker{position:absolute;left:50%;top:50%;width:2px;height:4%;margin-left:-1px;border-radius:1px;background-color:var(--ax-text-muted);transform-origin:50% 0}.axp-clock-calendar-hour-number{position:absolute;left:50%;top:50%;transform-origin:50% 0;font-size:clamp(.7rem,2.5vw,.9rem);font-weight:600;color:var(--ax-text-color)}.axp-clock-calendar-hour-number span{display:block}.axp-clock-calendar-hour-hand{position:absolute;top:50%;left:50%;width:4px;height:25%;margin-left:-2px;background-color:rgba(23,23,23,.75)}.axp-clock-calendar-hour-hand:is(.ax-dark *){background-color:rgba(245,245,245,.75)}.axp-clock-calendar-hour-hand{transform-origin:50% 0;border-radius:3px;box-shadow:0 0 4px rgba(0,0,0,.3)}.axp-clock-calendar-minute-hand{position:absolute;top:50%;left:50%;width:3px;height:38%;margin-left:-1.5px;background-color:rgba(23,23,23,.5)}.axp-clock-calendar-minute-hand:is(.ax-dark *){background-color:rgba(245,245,245,.5)}.axp-clock-calendar-minute-hand{transform-origin:50% 0;border-radius:2px;box-shadow:0 0 4px rgba(0,0,0,.3)}.axp-clock-calendar-second-hand{position:absolute;top:50%;left:50%;width:2px;height:42%;margin-left:-1px;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-danger-500),var(--tw-bg-opacity, 1))}.axp-clock-calendar-second-hand:is(.ax-dark *){--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-danger-400),var(--tw-bg-opacity, 1))}.axp-clock-calendar-second-hand{transform-origin:50% 0;border-radius:1px;box-shadow:0 0 3px rgba(0,0,0,.2)}.axp-clock-calendar-center-dot{position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;margin-top:-5px;margin-left:-5px;background-color:#d81159;border:2px solid var(--ax-surface-color);box-shadow:0 0 4px rgba(0,0,0,.3)}.axp-clock-calendar-date-display{display:flex;align-items:center;gap:.5rem;font-size:.85rem;padding:.25rem .6rem;border-radius:.25rem;background-color:var(--ax-surface-hover);color:var(--ax-text-color)}.axp-clock-calendar-date-display i{font-size:.85rem;opacity:.7}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "pipe", type: i2.AXFormatPipe, name: "format" }, { kind: "ngmodule", type: AXTagModule }, { kind: "ngmodule", type: AXDecoratorModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPClockCalendarWidgetViewComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, imports: [CommonModule, AXDateTimeModule, AXFormatModule, AXTagModule, AXDecoratorModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"axp-clock-calendar-container\">\n  <!-- Timezone indicator (only shown when not local) -->\n  <!-- @if (showTimezoneIndicator()) {\n  <div class=\"axp-clock-calendar-timezone-badge\"><i class=\"fa-solid fa-globe\"></i> {{ displayTimezone() }}</div>\n  } -->\n\n  <!-- Day of week display -->\n  @if (showDayOfWeek()) {\n  <div class=\"axp-clock-calendar-day-label\">{{ getDayOfWeek() }}</div>\n  }\n\n  <div class=\"axp-clock-calendar-content\">\n    <!-- Digital Clock Display -->\n    @if (showDigitalClock()) {\n    <div class=\"axp-clock-calendar-digital-clock\">\n      {{ currentTime | format : 'datetime' : timeFormat() | async }}\n    </div>\n    }\n\n    <!-- Analog Clock Display -->\n    @if (showAnalogClock()) {\n    <div class=\"axp-clock-calendar-analog-clock\">\n      <!-- Hour markers -->\n      @for (hour of clockHours; track hour) {\n      <div\n        class=\"axp-clock-calendar-hour-marker\"\n        [style.transform]=\"'rotate(' + hour * 30 + 'deg) translateY(-80px)'\"\n      ></div>\n      }\n\n      <!-- Clock Numbers -->\n      <div class=\"axp-clock-calendar-numbers-container\">\n        @for (hour of clockHourNumbers; track hour) {\n        <div\n          class=\"axp-clock-calendar-hour-number\"\n          [style.transform]=\"'rotate(' + hour.angle + 'deg) translateY(-82px)'\"\n        >\n          <span [style.transform]=\"'rotate(' + -hour.angle + 'deg)'\">{{ hour.number }}</span>\n        </div>\n        }\n      </div>\n\n      <!-- Clock Hands -->\n      <div class=\"axp-clock-calendar-hands-container\">\n        <div class=\"axp-clock-calendar-hour-hand\" [style.transform]=\"'rotate(' + hourRotation + 'deg)'\"></div>\n        <div class=\"axp-clock-calendar-minute-hand\" [style.transform]=\"'rotate(' + minuteRotation + 'deg)'\"></div>\n        @if (showSeconds()) {\n        <div class=\"axp-clock-calendar-second-hand\" [style.transform]=\"'rotate(' + secondRotation + 'deg)'\"></div>\n        }\n        <div class=\"axp-clock-calendar-center-dot\"></div>\n      </div>\n    </div>\n    }\n\n    <!-- Date Display -->\n    @if (showDate()) {\n    <div class=\"axp-clock-calendar-date-display\">\n      <i class=\"fa-regular fa-calendar\"></i>\n      {{ currentDate | format : 'datetime' : dateFormat() | async }}\n    </div>\n    }\n  </div>\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.axp-clock-calendar-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:1rem;position:relative;overflow:hidden;box-shadow:var(--ax-shadow-sm);background-color:var(--ax-surface-color);color:var(--ax-text-color)}.axp-clock-calendar-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%;height:100%;position:relative}.axp-clock-calendar-timezone-badge{position:absolute;top:.5rem;right:.5rem;font-size:.75rem;padding:.25rem;border-radius:1rem;border-width:1px;border-color:rgba(23,23,23,.5)}.axp-clock-calendar-timezone-badge:is(.ax-dark *){border-color:rgba(245,245,245,.5)}.axp-clock-calendar-timezone-badge{display:flex;align-items:center;gap:.25rem}.axp-clock-calendar-timezone-badge i{font-size:.75rem}.axp-clock-calendar-day-label{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05rem;margin-bottom:.25rem}.axp-clock-calendar-digital-clock{font-size:1.5rem;font-weight:500;letter-spacing:.05rem;font-family:monospace;padding:.5rem .75rem;border-radius:.25rem}.axp-clock-calendar-analog-clock{position:relative;border-radius:50%;border-width:1px;border-color:rgba(23,23,23,.5)}.axp-clock-calendar-analog-clock:is(.ax-dark *){border-color:rgba(245,245,245,.5)}.axp-clock-calendar-analog-clock{display:flex;align-items:center;justify-content:center;background:var(--ax-surface-color);width:min(180px,100%);height:0;padding-bottom:min(180px,100%);margin:.5rem auto;min-width:120px;min-height:120px;box-shadow:var(--ax-shadow-sm)}.axp-clock-calendar-hands-container,.axp-clock-calendar-numbers-container{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}.axp-clock-calendar-hour-marker{position:absolute;left:50%;top:50%;width:2px;height:4%;margin-left:-1px;border-radius:1px;background-color:var(--ax-text-muted);transform-origin:50% 0}.axp-clock-calendar-hour-number{position:absolute;left:50%;top:50%;transform-origin:50% 0;font-size:clamp(.7rem,2.5vw,.9rem);font-weight:600;color:var(--ax-text-color)}.axp-clock-calendar-hour-number span{display:block}.axp-clock-calendar-hour-hand{position:absolute;top:50%;left:50%;width:4px;height:25%;margin-left:-2px;background-color:rgba(23,23,23,.75)}.axp-clock-calendar-hour-hand:is(.ax-dark *){background-color:rgba(245,245,245,.75)}.axp-clock-calendar-hour-hand{transform-origin:50% 0;border-radius:3px;box-shadow:0 0 4px rgba(0,0,0,.3)}.axp-clock-calendar-minute-hand{position:absolute;top:50%;left:50%;width:3px;height:38%;margin-left:-1.5px;background-color:rgba(23,23,23,.5)}.axp-clock-calendar-minute-hand:is(.ax-dark *){background-color:rgba(245,245,245,.5)}.axp-clock-calendar-minute-hand{transform-origin:50% 0;border-radius:2px;box-shadow:0 0 4px rgba(0,0,0,.3)}.axp-clock-calendar-second-hand{position:absolute;top:50%;left:50%;width:2px;height:42%;margin-left:-1px;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-danger-500),var(--tw-bg-opacity, 1))}.axp-clock-calendar-second-hand:is(.ax-dark *){--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-danger-400),var(--tw-bg-opacity, 1))}.axp-clock-calendar-second-hand{transform-origin:50% 0;border-radius:1px;box-shadow:0 0 3px rgba(0,0,0,.2)}.axp-clock-calendar-center-dot{position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;margin-top:-5px;margin-left:-5px;background-color:#d81159;border:2px solid var(--ax-surface-color);box-shadow:0 0 4px rgba(0,0,0,.3)}.axp-clock-calendar-date-display{display:flex;align-items:center;gap:.5rem;font-size:.85rem;padding:.25rem .6rem;border-radius:.25rem;background-color:var(--ax-surface-hover);color:var(--ax-text-color)}.axp-clock-calendar-date-display i{font-size:.85rem;opacity:.7}\n"] }]
-        }] });
-
-var clockCalendarWidget_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPClockCalendarWidgetViewComponent: AXPClockCalendarWidgetViewComponent
-});
-
-/**
- * ACoreX Clock Calendar Widget Types
- * Contains all types and interfaces for the Clock Calendar widget
- */
-/**
- * Common timezone options for the widget configuration
- */
-const AXP_TIMEZONE_OPTIONS = [
-    { id: 'local', title: 'Local Time' },
-    { id: 'UTC+0', title: 'UTC (GMT)' },
-    { id: 'UTC+1', title: 'Central European Time (UTC+1)' },
-    { id: 'UTC+2', title: 'Eastern European Time (UTC+2)' },
-    { id: 'UTC+3', title: 'Moscow Time (UTC+3)' },
-    { id: 'UTC+4', title: 'Gulf Time (UTC+4)' },
-    { id: 'UTC+5:30', title: 'Indian Time (UTC+5:30)' },
-    { id: 'UTC+8', title: 'China Time (UTC+8)' },
-    { id: 'UTC+9', title: 'Japan Time (UTC+9)' },
-    { id: 'UTC+10', title: 'Australian Eastern Time (UTC+10)' },
-    { id: 'UTC-5', title: 'Eastern Time (UTC-5)' },
-    { id: 'UTC-6', title: 'Central Time (UTC-6)' },
-    { id: 'UTC-7', title: 'Mountain Time (UTC-7)' },
-    { id: 'UTC-8', title: 'Pacific Time (UTC-8)' },
-];
-/**
- * Common date format options for the widget configuration
- */
-const AXP_DATE_FORMAT_OPTIONS = [
-    { id: 'dd MMM yyyy', title: '31 Dec 2023' },
-    { id: 'MMM dd, yyyy', title: 'Dec 31, 2023' },
-    { id: 'dd/MM/yyyy', title: '31/12/2023' },
-    { id: 'MM/dd/yyyy', title: '12/31/2023' },
-];
-
-const AXPClockCalendarWidget = {
-    name: 'clock-calendar',
-    title: 'Clock & Calendar',
-    categories: [AXP_WIDGETS_UTILITY_CATEGORY],
-    groups: [AXPWidgetGroupEnum.DashboardWidget],
-    type: 'dashboard',
-    icon: 'fa-light fa-clock',
-    properties: [
-        // ====== Title ======
-        {
-            name: 'title',
-            title: 'Chart Title',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: '',
-                dataType: 'string',
-                interface: {
-                    name: 'title',
-                    path: 'options.title',
-                    type: AXPWidgetsCatalog.text,
-                    options: {
-                        placeholder: 'Enter chart title',
-                    },
-                },
-            },
-            visible: true,
-        },
-        // ====== Display Settings ======
-        {
-            name: 'displayLayout',
-            title: 'Display Layout',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                dataType: 'string',
-                defaultValue: 'both',
-                interface: {
-                    name: 'displayLayout',
-                    path: 'options.displayLayout',
-                    type: AXPWidgetsCatalog.select,
-                    options: {
-                        dataSource: [
-                            { id: 'both', title: 'Digital & Analog' },
-                            { id: 'digital', title: 'Digital Only' },
-                            { id: 'analog', title: 'Analog Only' },
-                        ],
-                    },
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'showDate',
-            title: 'Show Date',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showDate',
-                    path: 'options.showDate',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'showDayOfWeek',
-            title: 'Show Day of Week',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showDayOfWeek',
-                    path: 'options.showDayOfWeek',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        // ====== Time Format Settings ======
-        {
-            name: 'use24Hour',
-            title: 'Use 24 Hour Format',
-            group: AXP_BEHAVIOR_PROPERTY_GROUP,
-            schema: {
-                defaultValue: false,
-                dataType: 'boolean',
-                interface: {
-                    name: 'use24Hour',
-                    path: 'options.use24Hour',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'showSeconds',
-            title: 'Show Seconds',
-            group: AXP_BEHAVIOR_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showSeconds',
-                    path: 'options.showSeconds',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        // {
-        //   name: 'showHourMarkers',
-        //   title: 'Show Hour Markers',
-        //   group: AXP_APPEARANCE_PROPERTY_GROUP,
-        //   schema: {
-        //     defaultValue: true,
-        //     dataType: 'boolean',
-        //     interface: {
-        //       name: 'showHourMarkers',
-        //       path: 'options.showHourMarkers',
-        //       type: AXPWidgetsCatalog.toggle,
-        //     },
-        //   },
-        //   visible: true,
-        // },
-        {
-            name: 'dateFormat',
-            title: 'Date Format',
-            group: AXP_BEHAVIOR_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 'dd MMM yyyy',
-                dataType: 'string',
-                interface: {
-                    name: 'dateFormat',
-                    path: 'options.dateFormat',
-                    type: AXPWidgetsCatalog.select,
-                    options: {
-                        dataSource: AXP_DATE_FORMAT_OPTIONS,
-                    },
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'timezone',
-            title: 'Timezone',
-            group: AXP_BEHAVIOR_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 'local',
-                dataType: 'string',
-                interface: {
-                    name: 'timezone',
-                    path: 'options.timezone',
-                    type: AXPWidgetsCatalog.select,
-                    options: {
-                        dataSource: AXP_TIMEZONE_OPTIONS,
-                    },
-                },
-            },
-            visible: true,
-        },
-    ],
-    components: {
-        view: {
-            component: () => Promise.resolve().then(function () { return clockCalendarWidget_component; }).then((m) => m.AXPClockCalendarWidgetViewComponent),
-        },
-    },
-    meta: {
-        dimensions: {
-            width: 2,
-            height: 5,
-            minWidth: 2,
-            minHeight: 2,
-            maxWidth: 3,
-            maxHeight: 6,
-        },
-    },
-};
-
-/**
- * Donut Chart Widget Component
- * Displays data in a circular donut chart with interactive segments
- */
-class AXPDonutChartWidgetViewComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.donutChartData = computed(() => this.getValue());
-        this.donutChartOptions = computed(() => this.options());
-    }
-    handleDonutChartSegmentClick(event) {
-        //console.log(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPDonutChartWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPDonutChartWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ax-donut-chart\n  [data]=\"donutChartData()\"\n  [options]=\"donutChartOptions()\"\n  (segmentClick)=\"handleDonutChartSegmentClick($event)\"\n></ax-donut-chart>\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: AXDonutChartComponent, selector: "ax-donut-chart", inputs: ["data", "options"], outputs: ["segmentClick", "segmentHover"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPDonutChartWidgetViewComponent, decorators: [{
-            type: Component,
-            args: [{ imports: [AXDonutChartComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ax-donut-chart\n  [data]=\"donutChartData()\"\n  [options]=\"donutChartOptions()\"\n  (segmentClick)=\"handleDonutChartSegmentClick($event)\"\n></ax-donut-chart>\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
-        }] });
-
-var donutChartWidget_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPDonutChartWidgetViewComponent: AXPDonutChartWidgetViewComponent
-});
-
-const AXPDonutChartWidget = {
-    name: 'donut-chart',
-    title: 'Donut Chart Widget',
-    categories: AXP_WIDGETS_CHART_CATEGORY,
-    groups: [AXPWidgetGroupEnum.DashboardWidget],
-    type: 'dashboard',
-    icon: 'fa-light fa-donut',
-    properties: [
-        cloneProperty(AXP_NAME_PROPERTY, { visible: false }),
-        cloneProperty(AXP_DATA_PATH_PROPERTY, { visible: false }),
-        // ====== Chart Title ======
-        {
-            name: 'title',
-            title: 'Chart Title',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: '',
-                dataType: 'string',
-                interface: {
-                    name: 'title',
-                    path: 'options.title',
-                    type: AXPWidgetsCatalog.text,
-                    options: {
-                        placeholder: 'Enter chart title',
-                    },
-                },
-            },
-            visible: true,
-        },
-        // ====== Size & Layout ======
-        {
-            name: 'width',
-            title: 'Width',
-            group: AXP_STYLING_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 300,
-                dataType: 'number',
-                interface: {
-                    name: 'width',
-                    path: 'options.width',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        minValue: 200,
-                        maxValue: 1200,
-                    },
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'height',
-            title: 'Height',
-            group: AXP_STYLING_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 300,
-                dataType: 'number',
-                interface: {
-                    name: 'height',
-                    path: 'options.height',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        minValue: 200,
-                        maxValue: 800,
-                    },
-                },
-            },
-            visible: true,
-        },
-        // ====== Donut Appearance ======
-        {
-            name: 'donutWidth',
-            title: 'Donut Width',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 35,
-                dataType: 'number',
-                interface: {
-                    name: 'donutWidth',
-                    path: 'options.donutWidth',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        placeholder: '10-80',
-                        minValue: 10,
-                        maxValue: 80,
-                    },
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'cornerRadius',
-            title: 'Corner Radius',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 4,
-                dataType: 'number',
-                interface: {
-                    name: 'cornerRadius',
-                    path: 'options.cornerRadius',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        placeholder: '0-20',
-                        minValue: 0,
-                        maxValue: 20,
-                    },
-                },
-            },
-            visible: true,
-        },
-        // ====== Legend ======
-        // {
-        //   name: 'showLegend',
-        //   title: 'Show Legend',
-        //   group: AXP_APPEARANCE_PROPERTY_GROUP,
-        //   schema: {
-        //     defaultValue: true,
-        //     dataType: 'boolean',
-        //     interface: {
-        //       name: 'showLegend',
-        //       path: 'options.showLegend',
-        //       type: AXPWidgetsCatalog.toggle,
-        //     },
-        //   },
-        //   visible: true,
-        // },
-        // {
-        //   name: 'legendPosition',
-        //   title: 'Legend Position',
-        //   group: AXP_APPEARANCE_PROPERTY_GROUP,
-        //   schema: {
-        //     defaultValue: 'right',
-        //     dataType: 'string',
-        //     interface: {
-        //       name: 'legendPosition',
-        //       path: 'options.legendPosition',
-        //       type: AXPWidgetsCatalog.select,
-        //       options: {
-        //         dataSource: ['right', 'bottom'],
-        //       },
-        //     },
-        //   },
-        //   visible: true,
-        // },
-        // ====== Tooltip ======
-        {
-            name: 'showTooltip',
-            title: 'Show Tooltip',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showTooltip',
-                    path: 'options.showTooltip',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        // ====== Animation Settings ======
-        {
-            name: 'animationEasing',
-            title: 'Animation Easing',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 'cubic-out',
-                dataType: 'string',
-                interface: {
-                    name: 'animationEasing',
-                    path: 'options.animationEasing',
-                    type: AXPWidgetsCatalog.select,
-                    options: {
-                        dataSource: [
-                            { value: 'linear', text: 'Linear' },
-                            { value: 'ease', text: 'Ease' },
-                            { value: 'ease-in', text: 'Ease In' },
-                            { value: 'ease-out', text: 'Ease Out' },
-                            { value: 'ease-in-out', text: 'Ease In Out' },
-                            { value: 'cubic', text: 'Cubic' },
-                            { value: 'cubic-in', text: 'Cubic In' },
-                            { value: 'cubic-out', text: 'Cubic Out' },
-                            { value: 'cubic-in-out', text: 'Cubic In Out' },
-                        ],
-                        textField: 'text',
-                        valueField: 'value',
-                    },
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'animationDuration',
-            title: 'Animation Duration',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 800,
-                dataType: 'number',
-                interface: {
-                    name: 'animationDuration',
-                    path: 'options.animationDuration',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        placeholder: '0-2000',
-                        minValue: 0,
-                        maxValue: 2000,
-                    },
-                },
-            },
-            visible: true,
-        },
-    ],
-    components: {
-        view: {
-            component: () => Promise.resolve().then(function () { return donutChartWidget_component; }).then((c) => c.AXPDonutChartWidgetViewComponent),
-        },
-    },
-    meta: {
-        dimensions: {
-            width: 4,
-            height: 4,
-            minWidth: 2,
-            minHeight: 2,
-            maxWidth: 5,
-            maxHeight: 6,
-        },
-    },
-};
-
-/**
- * Gauge Chart Widget Component
- * Renders a semi-circular gauge chart with animated needle and thresholds
- */
-class AXPGaugeChartWidgetViewComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.gaugeChartValue = computed(() => this.getValue());
-        this.gaugeChartOptions = computed(() => this.options());
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPGaugeChartWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPGaugeChartWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ax-gauge-chart [value]=\"gaugeChartValue()\" [options]=\"gaugeChartOptions()\"></ax-gauge-chart>\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: AXGaugeChartComponent, selector: "ax-gauge-chart", inputs: ["value", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPGaugeChartWidgetViewComponent, decorators: [{
-            type: Component,
-            args: [{ imports: [AXGaugeChartComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ax-gauge-chart [value]=\"gaugeChartValue()\" [options]=\"gaugeChartOptions()\"></ax-gauge-chart>\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
-        }] });
-
-var gaugeChartWidget_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPGaugeChartWidgetViewComponent: AXPGaugeChartWidgetViewComponent
-});
-
-const AXPGaugeChartWidget = {
-    name: 'gauge-chart',
-    title: 'Gauge Chart Widget',
-    categories: [AXP_WIDGETS_CHART_CATEGORY],
-    type: 'dashboard',
-    icon: 'fa-light fa-gauge',
-    properties: [
-        cloneProperty(AXP_NAME_PROPERTY, { visible: false }),
-        cloneProperty(AXP_DATA_PATH_PROPERTY, { visible: false }),
-        // ====== Chart Title ======
-        {
-            name: 'title',
-            title: 'Chart Title',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: '',
-                dataType: 'string',
-                interface: {
-                    name: 'title',
-                    path: 'options.title',
-                    type: AXPWidgetsCatalog.text,
-                    options: {
-                        placeholder: 'Enter chart title',
-                    },
-                },
-            },
-            visible: true,
-        },
-        // ====== Layout & Dimensions ======
-        {
-            name: 'width',
-            title: 'Width',
-            group: AXP_STYLING_PROPERTY_GROUP,
-            schema: {
-                defaultValue: null,
-                dataType: 'number',
-                interface: {
-                    name: 'width',
-                    path: 'options.width',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        placeholder: '1-1200',
-                        minValue: 1,
-                        maxValue: 1200,
-                    },
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'height',
-            title: 'Height',
-            group: AXP_STYLING_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 300,
-                dataType: 'number',
-                interface: {
-                    name: 'height',
-                    path: 'options.height',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        placeholder: '1-800',
-                        minValue: 1,
-                        maxValue: 800,
-                    },
-                },
-            },
-            visible: true,
-        },
-        // ====== Gauge Configuration ======
-        {
-            name: 'minValue',
-            title: 'Minimum Value',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 0,
-                dataType: 'number',
-                interface: {
-                    name: 'minValue',
-                    path: 'options.minValue',
-                    type: AXPWidgetsCatalog.number,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'maxValue',
-            title: 'Maximum Value',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 100,
-                dataType: 'number',
-                interface: {
-                    name: 'maxValue',
-                    path: 'options.maxValue',
-                    type: AXPWidgetsCatalog.number,
-                },
-            },
-            visible: true,
-        },
-        // ====== Gauge Appearance ======
-        {
-            name: 'gaugeWidth',
-            title: 'Gauge Width',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 30,
-                dataType: 'number',
-                interface: {
-                    name: 'gaugeWidth',
-                    path: 'options.gaugeWidth',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        placeholder: '1-100',
-                        minValue: 1,
-                        maxValue: 100,
-                    },
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'cornerRadius',
-            title: 'Corner Radius',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 4,
-                dataType: 'number',
-                interface: {
-                    name: 'cornerRadius',
-                    path: 'options.cornerRadius',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        placeholder: '1-20',
-                        minValue: 0,
-                        maxValue: 20,
-                    },
-                },
-            },
-            visible: true,
-        },
-        // ====== Label Display ======
-        {
-            name: 'label',
-            title: 'Label Text',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: '',
-                dataType: 'string',
-                interface: {
-                    name: 'label',
-                    path: 'options.label',
-                    type: AXPWidgetsCatalog.text,
-                },
-            },
-            visible: true,
-        },
-        // ====== Animation Settings ======
-        {
-            name: 'animationEasing',
-            title: 'Animation Easing',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 'cubic-out',
-                dataType: 'string',
-                interface: {
-                    name: 'animationEasing',
-                    path: 'options.animationEasing',
-                    type: AXPWidgetsCatalog.select,
-                    options: {
-                        dataSource: [
-                            { value: 'linear', text: 'Linear' },
-                            { value: 'ease', text: 'Ease' },
-                            { value: 'ease-in', text: 'Ease In' },
-                            { value: 'ease-out', text: 'Ease Out' },
-                            { value: 'ease-in-out', text: 'Ease In Out' },
-                            { value: 'cubic', text: 'Cubic' },
-                            { value: 'cubic-in', text: 'Cubic In' },
-                            { value: 'cubic-out', text: 'Cubic Out' },
-                            { value: 'cubic-in-out', text: 'Cubic In Out' },
-                        ],
-                        textField: 'text',
-                        valueField: 'value',
-                    },
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'animationDuration',
-            title: 'Animation Duration',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 800,
-                dataType: 'number',
-                interface: {
-                    name: 'animationDuration',
-                    path: 'options.animationDuration',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        placeholder: '0-2000',
-                        minValue: 0,
-                        maxValue: 2000,
-                    },
-                },
-            },
-            visible: true,
-        },
-    ],
-    components: {
-        view: {
-            component: () => Promise.resolve().then(function () { return gaugeChartWidget_component; }).then((c) => c.AXPGaugeChartWidgetViewComponent),
-        },
-    },
-    meta: {
-        dimensions: {
-            width: 3,
-            height: 4,
-            minWidth: 2,
-            minHeight: 2,
-            maxWidth: 4,
-            maxHeight: 5,
-        },
-    },
-};
-
-/**
- * Line Chart Widget Component
- * Renders data as lines with interactive hover effects and animations
- */
-class AXPLineChartWidgetViewComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.lineChartData = computed(() => this.getValue());
-        this.lineChartOptions = computed(() => this.options());
-    }
-    handleLineChartPointClick(event) {
-        //console.log(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLineChartWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPLineChartWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<ax-line-chart\n  (pointClick)=\"handleLineChartPointClick($event)\"\n  [data]=\"lineChartData()\"\n  [options]=\"lineChartOptions()\"\n></ax-line-chart>\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: AXLineChartComponent, selector: "ax-line-chart", inputs: ["data", "options"], outputs: ["pointClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLineChartWidgetViewComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, imports: [AXLineChartComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ax-line-chart\n  (pointClick)=\"handleLineChartPointClick($event)\"\n  [data]=\"lineChartData()\"\n  [options]=\"lineChartOptions()\"\n></ax-line-chart>\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
-        }] });
-
-var lineChartWidget_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPLineChartWidgetViewComponent: AXPLineChartWidgetViewComponent
-});
-
-const AXPLineChartWidget = {
-    name: 'line-chart',
-    title: 'Line Chart Widget',
-    categories: [AXP_WIDGETS_CHART_CATEGORY],
-    groups: [AXPWidgetGroupEnum.DashboardWidget],
-    type: 'dashboard',
-    icon: 'fa-light fa-chart-line',
-    properties: [
-        cloneProperty(AXP_NAME_PROPERTY, { visible: false }),
-        cloneProperty(AXP_DATA_PATH_PROPERTY, { visible: false }),
-        // ====== Chart Title ======
-        {
-            name: 'title',
-            title: 'Chart Title',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: '',
-                dataType: 'string',
-                interface: {
-                    name: 'title',
-                    path: 'options.title',
-                    type: AXPWidgetsCatalog.text,
-                    options: {
-                        placeholder: 'Enter chart title',
-                    },
-                },
-            },
-            visible: true,
-        },
-        // ====== Layout & Dimensions ======
-        {
-            name: 'width',
-            title: 'Width',
-            group: AXP_STYLING_PROPERTY_GROUP,
-            schema: {
-                defaultValue: null,
-                dataType: 'number',
-                interface: {
-                    name: 'width',
-                    path: 'options.width',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        minValue: 0,
-                        maxValue: 1200,
-                    },
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'height',
-            title: 'Height',
-            group: AXP_STYLING_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 300,
-                dataType: 'number',
-                interface: {
-                    name: 'height',
-                    path: 'options.height',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        minValue: 0,
-                        maxValue: 800,
-                    },
-                },
-            },
-            visible: true,
-        },
-        // ====== Axis Settings ======
-        {
-            name: 'showXAxis',
-            title: 'Show X Axis',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showXAxis',
-                    path: 'options.showXAxis',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'xAxisLabel',
-            title: 'X Axis Label',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: '',
-                dataType: 'string',
-                interface: {
-                    name: 'xAxisLabel',
-                    path: 'options.xAxisLabel',
-                    type: AXPWidgetsCatalog.text,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'showYAxis',
-            title: 'Show Y Axis',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showYAxis',
-                    path: 'options.showYAxis',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'yAxisLabel',
-            title: 'Y Axis Label',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: '',
-                dataType: 'string',
-                interface: {
-                    name: 'yAxisLabel',
-                    path: 'options.yAxisLabel',
-                    type: AXPWidgetsCatalog.text,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'yAxisStartsAtZero',
-            title: 'Y Axis Starts At Zero',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'yAxisStartsAtZero',
-                    path: 'options.yAxisStartsAtZero',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'axisPadding',
-            title: 'Axis Padding',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 5,
-                dataType: 'number',
-                interface: {
-                    name: 'axisPadding',
-                    path: 'options.axisPadding',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        minValue: 0,
-                        maxValue: 50,
-                    },
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'showGrid',
-            title: 'Show Grid Lines',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showGrid',
-                    path: 'options.showGrid',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'showVerticalGrid',
-            title: 'Show Vertical Grid',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showVerticalGrid',
-                    path: 'options.showVerticalGrid',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        // ====== Line Appearance ======
-        {
-            name: 'lineWidth',
-            title: 'Line Width',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 2,
-                dataType: 'number',
-                interface: {
-                    name: 'lineWidth',
-                    path: 'options.lineWidth',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        placeholder: '1-10',
-                        minValue: 1,
-                        maxValue: 10,
-                    },
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'smoothLine',
-            title: 'Smooth Line',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'smoothLine',
-                    path: 'options.smoothLine',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'showPoints',
-            title: 'Show Points',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showPoints',
-                    path: 'options.showPoints',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'pointRadius',
-            title: 'Point Size',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 4,
-                dataType: 'number',
-                interface: {
-                    name: 'pointRadius',
-                    path: 'options.pointRadius',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        placeholder: '1-10',
-                        minValue: 1,
-                        maxValue: 10,
-                    },
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'fillArea',
-            title: 'Fill Area',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: false,
-                dataType: 'boolean',
-                interface: {
-                    name: 'fillArea',
-                    path: 'options.fillArea',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'fillOpacity',
-            title: 'Fill Opacity',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 10,
-                dataType: 'number',
-                interface: {
-                    name: 'fillOpacity',
-                    path: 'options.fillOpacity',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        placeholder: '0-100',
-                        minValue: 0,
-                        maxValue: 100,
-                    },
-                },
-            },
-            visible: true,
-        },
-        // ====== Tooltip Settings ======
-        {
-            name: 'showTooltip',
-            title: 'Show Tooltip',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showTooltip',
-                    path: 'options.showTooltip',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'showCrosshair',
-            title: 'Show Crosshair',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: false,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showCrosshair',
-                    path: 'options.showCrosshair',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        // ====== Animation Settings ======
-        {
-            name: 'animationEasing',
-            title: 'Animation Easing',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 'cubic-out',
-                dataType: 'string',
-                interface: {
-                    name: 'animationEasing',
-                    path: 'options.animationEasing',
-                    type: AXPWidgetsCatalog.select,
-                    options: {
-                        dataSource: [
-                            { value: 'linear', text: 'Linear' },
-                            { value: 'ease', text: 'Ease' },
-                            { value: 'ease-in', text: 'Ease In' },
-                            { value: 'ease-out', text: 'Ease Out' },
-                            { value: 'ease-in-out', text: 'Ease In Out' },
-                            { value: 'cubic', text: 'Cubic' },
-                            { value: 'cubic-in', text: 'Cubic In' },
-                            { value: 'cubic-out', text: 'Cubic Out' },
-                            { value: 'cubic-in-out', text: 'Cubic In Out' },
-                        ],
-                        textField: 'text',
-                        valueField: 'value',
-                    },
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'animationDuration',
-            title: 'Animation Duration',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 800,
-                dataType: 'number',
-                interface: {
-                    name: 'animationDuration',
-                    path: 'options.animationDuration',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        placeholder: '0-2000',
-                        minValue: 0,
-                        maxValue: 2000,
-                    },
-                },
-            },
-            visible: true,
-        },
-    ],
-    components: {
-        view: {
-            component: () => Promise.resolve().then(function () { return lineChartWidget_component; }).then((c) => c.AXPLineChartWidgetViewComponent),
-        },
-    },
-    meta: {
-        dimensions: {
-            width: 5,
-            height: 6,
-            minWidth: 2,
-            minHeight: 2,
-            maxWidth: 6,
-            maxHeight: 7,
-        },
-    },
-};
-
-class AXPStickyNoteWidgetViewComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.isEditing = signal(false);
-        this.wysiwyg = viewChild('wysiwyg');
-        this.value = computed(() => this.getValue());
-        this.date = computed(() => this.options()?.date ?? new Date());
-        this.bgColor = computed(() => this.options()?.backgroundColor ?? '#FFF8B8');
-        this.color = signal('#333333');
-        this.el = inject(ElementRef);
-        // Modern color palette with pastel and vibrant options
-        this.colorPresets = [
-            '#FFF8B8', // Soft yellow
-            '#FFD8E6', // Soft pink
-            '#D1F0FF', // Soft blue
-            '#E2FFD1', // Soft green
-            '#FFE8D1', // Soft orange
-            '#F0D1FF', // Soft purple
-            '#FFCDD2', // Soft red
-            '#D1FFF0', // Soft teal
-            '#F5F5F5', // Light gray
-            '#FFFFFF', // White
-        ];
-    }
-    // Handle clicks outside the component to cancel editing
-    handleClickOutside(event) {
-        const clickedInside = this.el.nativeElement.contains(event.target);
-        if (!clickedInside && this.isEditing()) {
-            this.saveChanges();
-        }
-    }
-    // Handle double-click to activate editing
-    activateEdit() {
-        //TODO FOCUS WYSIWYG
-        this.wysiwyg()?.focus();
-        this.isEditing.set(true);
-    }
-    // Save changes and exit edit mode
-    saveChanges() {
-        this.isEditing.set(false);
-    }
-    setColor(color) {
-        this.setOptions({ backgroundColor: color });
-    }
-    valueChange(event) {
-        if (event.isUserInteraction) {
-            this.setValue(event.value);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPStickyNoteWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPStickyNoteWidgetViewComponent, isStandalone: true, selector: "ng-component", host: { listeners: { "document:click": "handleClickOutside($event)" } }, providers: [
-            {
-                provide: AXGridLayoutWidgetComponent,
-                useExisting: AXPStickyNoteWidgetViewComponent,
-            },
-        ], viewQueries: [{ propertyName: "wysiwyg", first: true, predicate: ["wysiwyg"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"sticky-note-container ax-size-full ax-rounded-lg ax-flex ax-flex-col ax-p-4 ax-shadow-md ax-transition-all ax-duration-300 hover:ax-shadow-lg\"\n  [style.background-color]=\"bgColor()\"\n  [style.color]=\"color()\"\n  [class.ax-shadow-lg]=\"isEditing()\"\n  [class.ax-scale-[1.02]]=\"isEditing()\"\n  (dblclick)=\"activateEdit()\"\n>\n  <!-- Header with timestamp -->\n  <div class=\"ax-flex ax-justify-between ax-items-center ax-mb-3\">\n    <div class=\"ax-text-xs ax-opacity-70 ax-font-medium ax-flex ax-items-center ax-gap-1\">\n      <i class=\"fa-regular fa-clock ax-text-[0.65rem]\"></i>\n      {{ date() | format : 'datetime' : 'dd MMM, YY HH:mm' | async }}\n    </div>\n  </div>\n\n  <!-- Content area -->\n  <div class=\"ax-flex-1 ax-overflow-auto\">\n    <ax-wysiwyg-container\n      #wysiwyg\n      [class]=\"isEditing() ? 'ax-pointer-events-auto ax-cursor-text' : 'ax-pointer-events-none !ax-cursor-pointer'\"\n      class=\"ax-h-full\"\n      placeHolder=\"start writing with double click...\"\n      look=\"none\"\n      (onValueChanged)=\"valueChange($event)\"\n      [ngModel]=\"value()\"\n    >\n      <ax-wysiwyg-view class=\"!ax-size-full ax-border-b-0\"></ax-wysiwyg-view>\n    </ax-wysiwyg-container>\n  </div>\n\n  <!-- Footer with color selector and save button -->\n  @if (isEditing()) {\n  <div class=\"ax-absolute ax-bottom-2 ax-left-2 ax-right-2 ax-flex ax-flex-wrap ax-gap-1 ax-text-xs\">\n    <!-- Color selection bar when in edit mode -->\n    <div class=\"ax-flex ax-w-full ax-mt-2 ax-border ax-border-gray-200 ax-overflow-hidden ax-rounded-md\">\n      @for (preset of colorPresets; track preset) {\n      <div\n        class=\"ax-h-6 ax-flex-1 ax-cursor-pointer ax-transition-all ax-duration-200 ax-border-r ax-border-gray-200 last:ax-border-r-0 hover:ax-brightness-95\"\n        [style.background-color]=\"preset\"\n        [class.ax-ring-inset]=\"bgColor() === preset\"\n        [class.ax-ring-2]=\"bgColor() === preset\"\n        [class.ax-ring-primary]=\"bgColor() === preset\"\n        (click)=\"setColor(preset)\"\n      ></div>\n      }\n    </div>\n  </div>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep ax-wysiwyg-view{color:#2e2e2e!important}\n"], dependencies: [{ kind: "ngmodule", type: AXWysiwygModule }, { kind: "component", type: i1$1.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i1$1.AXWysiwygViewComponent, selector: "ax-wysiwyg-view", inputs: ["class"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXToolBarModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "pipe", type: i2.AXFormatPipe, name: "format" }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXColorBoxModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPStickyNoteWidgetViewComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, imports: [
-                        AXWysiwygModule,
-                        AXDecoratorModule,
-                        AXToolBarModule,
-                        FormsModule,
-                        AXDateTimeModule,
-                        AXFormatModule,
-                        AXPopoverModule,
-                        CommonModule,
-                        FormsModule,
-                        AXColorBoxModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        {
-                            provide: AXGridLayoutWidgetComponent,
-                            useExisting: AXPStickyNoteWidgetViewComponent,
-                        },
-                    ], template: "<div\n  class=\"sticky-note-container ax-size-full ax-rounded-lg ax-flex ax-flex-col ax-p-4 ax-shadow-md ax-transition-all ax-duration-300 hover:ax-shadow-lg\"\n  [style.background-color]=\"bgColor()\"\n  [style.color]=\"color()\"\n  [class.ax-shadow-lg]=\"isEditing()\"\n  [class.ax-scale-[1.02]]=\"isEditing()\"\n  (dblclick)=\"activateEdit()\"\n>\n  <!-- Header with timestamp -->\n  <div class=\"ax-flex ax-justify-between ax-items-center ax-mb-3\">\n    <div class=\"ax-text-xs ax-opacity-70 ax-font-medium ax-flex ax-items-center ax-gap-1\">\n      <i class=\"fa-regular fa-clock ax-text-[0.65rem]\"></i>\n      {{ date() | format : 'datetime' : 'dd MMM, YY HH:mm' | async }}\n    </div>\n  </div>\n\n  <!-- Content area -->\n  <div class=\"ax-flex-1 ax-overflow-auto\">\n    <ax-wysiwyg-container\n      #wysiwyg\n      [class]=\"isEditing() ? 'ax-pointer-events-auto ax-cursor-text' : 'ax-pointer-events-none !ax-cursor-pointer'\"\n      class=\"ax-h-full\"\n      placeHolder=\"start writing with double click...\"\n      look=\"none\"\n      (onValueChanged)=\"valueChange($event)\"\n      [ngModel]=\"value()\"\n    >\n      <ax-wysiwyg-view class=\"!ax-size-full ax-border-b-0\"></ax-wysiwyg-view>\n    </ax-wysiwyg-container>\n  </div>\n\n  <!-- Footer with color selector and save button -->\n  @if (isEditing()) {\n  <div class=\"ax-absolute ax-bottom-2 ax-left-2 ax-right-2 ax-flex ax-flex-wrap ax-gap-1 ax-text-xs\">\n    <!-- Color selection bar when in edit mode -->\n    <div class=\"ax-flex ax-w-full ax-mt-2 ax-border ax-border-gray-200 ax-overflow-hidden ax-rounded-md\">\n      @for (preset of colorPresets; track preset) {\n      <div\n        class=\"ax-h-6 ax-flex-1 ax-cursor-pointer ax-transition-all ax-duration-200 ax-border-r ax-border-gray-200 last:ax-border-r-0 hover:ax-brightness-95\"\n        [style.background-color]=\"preset\"\n        [class.ax-ring-inset]=\"bgColor() === preset\"\n        [class.ax-ring-2]=\"bgColor() === preset\"\n        [class.ax-ring-primary]=\"bgColor() === preset\"\n        (click)=\"setColor(preset)\"\n      ></div>\n      }\n    </div>\n  </div>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep ax-wysiwyg-view{color:#2e2e2e!important}\n"] }]
-        }], propDecorators: { handleClickOutside: [{
-                type: HostListener,
-                args: ['document:click', ['$event']]
-            }] } });
-
-var stickyNoteWidget_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPStickyNoteWidgetViewComponent: AXPStickyNoteWidgetViewComponent
-});
-
-const AXPStickyNoteWidget = {
-    name: 'sticky-note',
-    title: 'Sticky Note Widget',
-    categories: AXP_WIDGETS_UTILITY_CATEGORY,
-    groups: [AXPWidgetGroupEnum.DashboardWidget],
-    type: 'dashboard',
-    icon: 'fa-light fa-sticky-note',
-    properties: [AXP_DATA_PATH_PROPERTY, AXP_BG_COLOR_PROPERTY, plainTextDefaultProperty()],
-    components: {
-        view: {
-            component: () => Promise.resolve().then(function () { return stickyNoteWidget_component; }).then((c) => c.AXPStickyNoteWidgetViewComponent),
-        },
-    },
-    meta: {
-        dimensions: {
-            width: 2,
-            height: 3,
-            minWidth: 2,
-            minHeight: 2,
-            maxWidth: 4,
-            maxHeight: 4,
-        },
-    },
-};
-
-/**
- * Task List Widget Component
- * Displays a list of tasks with checkboxes and filtering options
- */
-class AXPTaskListWidgetViewComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        // Outputs
-        this.taskClick = output();
-        this.taskCompleted = output();
-        // Dependencies
-        this.cdr = inject(ChangeDetectorRef);
-        this.datePipe = inject(DatePipe);
-        // Configuration options
-        this.maxItems = computed(() => this.options()?.maxItems ?? 10);
-        this.showDate = computed(() => this.options()?.showDate ?? true);
-        this.showAssignee = computed(() => this.options()?.showAssignee ?? true);
-        this.showPriority = computed(() => this.options()?.showPriority ?? true);
-        this.allowMarkComplete = computed(() => this.options()?.allowMarkComplete ?? true);
-        this.showCategories = computed(() => this.options()?.groupByCategory ?? true);
-        // Data computed properties
-        this.taskItems = computed(() => {
-            const value = this.getValue();
-            if (!value?.data?.length)
-                return [];
-            return value.data.slice(0, this.maxItems());
-        });
-    }
-    // Task counting methods
-    getPendingTaskCount() {
-        return this.getFilteredTasks((task) => !task.completed).length;
-    }
-    getCompletedTaskCount() {
-        return this.getFilteredTasks((task) => task.completed).length;
-    }
-    // Category-related methods
-    hasCategories() {
-        return this.taskItems().some((task) => !!task.category);
-    }
-    getCategories() {
-        const tasks = this.taskItems();
-        const categories = new Set();
-        let hasUncategorized = false;
-        tasks.forEach((task) => {
-            if (task.category) {
-                categories.add(task.category);
-            }
-            else {
-                hasUncategorized = true;
-            }
-        });
-        const result = Array.from(categories);
-        if (hasUncategorized) {
-            result.push('Uncategorized');
-        }
-        return result;
-    }
-    getTasksByCategory(category) {
-        const tasks = this.taskItems();
-        if (category === 'Uncategorized') {
-            return tasks.filter((task) => !task.category);
-        }
-        return tasks.filter((task) => task.category === category);
-    }
-    getCategoryTaskCount(category) {
-        return this.getTasksByCategory(category).filter((task) => !task.completed).length;
-    }
-    // Event handlers
-    onTaskClick(task) {
-        this.taskClick.emit(task);
-    }
-    onTaskCompletionChange(task, isCompleted) {
-        const updatedTask = { ...task, completed: isCompleted };
-        const value = this.getValue();
-        if (!value?.data)
-            return;
-        const updatedTasks = value.data.map((t) => (t.id === task.id ? updatedTask : t));
-        this.setValue({ ...value, data: updatedTasks });
-        this.taskCompleted.emit(updatedTask);
-        this.cdr.detectChanges();
-    }
-    // Formatting and utility methods
-    formatDueDate(date) {
-        if (!date)
-            return '';
-        const dateObj = typeof date === 'string' ? new Date(date) : date;
-        const diffDays = this.getDaysDifference(dateObj);
-        if (diffDays < 0)
-            return 'Overdue!';
-        if (diffDays === 0)
-            return 'Today';
-        if (diffDays === 1)
-            return 'Tomorrow';
-        if (diffDays < 7)
-            return this.datePipe.transform(dateObj, 'EEE') || '';
-        return this.datePipe.transform(dateObj, 'MM/dd/yyyy') || '';
-    }
-    getPriorityColor(priority) {
-        if (!priority)
-            return '';
-        const priorityColors = {
-            high: 'danger',
-            medium: 'warning',
-            low: 'success',
-        };
-        return priorityColors[priority] || '';
-    }
-    // Helper methods
-    getFilteredTasks(filterFn) {
-        const value = this.getValue();
-        if (!value?.data?.length)
-            return [];
-        return value.data.filter(filterFn);
-    }
-    getDaysDifference(date) {
-        const now = new Date();
-        now.setHours(0, 0, 0, 0);
-        const targetDate = new Date(date);
-        targetDate.setHours(0, 0, 0, 0);
-        const diffMs = targetDate.getTime() - now.getTime();
-        return Math.floor(diffMs / (1000 * 60 * 60 * 24));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTaskListWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPTaskListWidgetViewComponent, isStandalone: true, selector: "ng-component", outputs: { taskClick: "taskClick", taskCompleted: "taskCompleted" }, providers: [DatePipe], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-size-full ax-p-4\">\n  <!-- Header -->\n  <div class=\"ax-flex ax-justify-between ax-items-center ax-mb-3\">\n    <h3 class=\"ax-text-lg ax-font-semibold\">{{ 'widget.tasklist.title' | translate | async }}</h3>\n    <div class=\"ax-flex ax-gap-2\">\n      @if(getPendingTaskCount() > 0){\n      <ax-badge\n        [text]=\"getPendingTaskCount() + ' ' + ('widget.tasklist.pending' | translate | async)\"\n        [color]=\"'warning'\"\n        size=\"sm\"\n        class=\"ax-ml-1\"\n      >\n      </ax-badge>\n      } @if(getCompletedTaskCount() > 0){\n      <ax-badge\n        [text]=\"getCompletedTaskCount() + ' ' + ('widget.tasklist.completed' | translate | async)\"\n        [color]=\"'success'\"\n        size=\"sm\"\n        class=\"ax-ml-1\"\n      >\n      </ax-badge>\n      }\n    </div>\n  </div>\n\n  <!-- Task List -->\n  <div class=\"ax-space-y-4 ax-my-4 ax-px-2\">\n    @if (showCategories() && hasCategories()) {\n    <!-- Categorized Tasks -->\n    @for (category of getCategories(); track category) {\n    <div class=\"ax-mb-3\">\n      <!-- Category Header -->\n      <div class=\"ax-flex ax-justify-between ax-items-center ax-mb-2 ax-h-5\">\n        <h4 class=\"ax-font-medium ax-text-gray-700\">{{ category }}</h4>\n        @if(getCategoryTaskCount(category)){\n        <ax-badge [text]=\"getCategoryTaskCount(category).toString()\" [color]=\"'primary'\" size=\"sm\"></ax-badge>\n        }\n      </div>\n      <!-- Tasks in Category -->\n      @for (task of getTasksByCategory(category); track task.id) {\n      <ng-container\n        [ngTemplateOutlet]=\"taskItemTemplateRef\"\n        [ngTemplateOutletContext]=\"{ $implicit: task }\"\n      ></ng-container>\n      }\n    </div>\n    } } @else {\n    <!-- Uncategorized Tasks -->\n    @for (task of taskItems(); track task.id) {\n    <ng-container\n      [ngTemplateOutlet]=\"taskItemTemplateRef\"\n      [ngTemplateOutletContext]=\"{ $implicit: task }\"\n    ></ng-container>\n    } @empty {\n    <!-- Empty State -->\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-py-12 ax-px-4 ax-text-gray-400\">\n      <ax-icon class=\"ax-text-4xl ax-mb-3 ax-text-gray-300\">\n        <i class=\"fa-light fa-clipboard-list-check\"></i>\n      </ax-icon>\n      <p class=\"ax-text-center\">{{ 'widget.tasklist.noTasks' | translate | async }}</p>\n    </div>\n    } }\n  </div>\n</div>\n\n<!-- Task Item Template -->\n<ng-template #taskItemTemplateRef let-task>\n  <div class=\"ax-flex ax-gap-3 ax-items-center ax-py-2 ax-border-b ax-border-gray-100 last:ax-border-0\">\n    <!-- Checkbox -->\n    <ax-check-box\n      class=\"ax-flex-shrink-0\"\n      [value]=\"task.completed\"\n      [disabled]=\"!allowMarkComplete()\"\n      (valueChange)=\"onTaskCompletionChange(task, $event)\"\n    >\n    </ax-check-box>\n\n    <!-- Task Details -->\n    <div class=\"ax-overflow-hidden ax-grow ax-text-start\" (click)=\"onTaskClick(task)\">\n      <!-- Title and Priority -->\n      <div class=\"ax-flex ax-items-center ax-gap-2\">\n        <h6\n          class=\"ax-font-semibold ax-truncate ax-pb-1\"\n          [class.ax-line-through]=\"task.completed\"\n          [class.ax-text-gray-400]=\"task.completed\"\n        >\n          {{ task.title }}\n        </h6>\n        @if(showPriority() && task.priority) {\n        <ax-badge [color]=\"getPriorityColor(task.priority)\" [text]=\"task.priority\" size=\"sm\" class=\"ax-ml-1\"></ax-badge>\n        }\n      </div>\n\n      <!-- Metadata -->\n      <div class=\"ax-flex ax-flex-wrap ax-gap-x-3 ax-gap-y-1 ax-mt-1 ax-text-xs ax-text-gray-500\">\n        @if(showDate() && task.dueDate) {\n        <span class=\"ax-flex ax-items-center ax-gap-1\" [class.ax-text-danger-500]=\"getDaysDifference(task.dueDate) < 0\">\n          <ax-icon><i class=\"fa-light fa-calendar\"></i></ax-icon>\n          {{ formatDueDate(task.dueDate) }}\n        </span>\n        } @if(showAssignee() && task.assignedTo) {\n        <span class=\"ax-flex ax-items-center ax-gap-1\">\n          <ax-icon><i class=\"fa-light fa-user\"></i></ax-icon>\n          {{ task.assignedTo.name }}\n        </span>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{display:block;height:100%;width:100%}.task-completed{text-decoration:line-through;color:var(--ax-text-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i3.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i4.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTaskListWidgetViewComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, imports: [
-                        CommonModule,
-                        AXTabsModule,
-                        AXDecoratorModule,
-                        AXButtonModule,
-                        AXBadgeModule,
-                        AXAvatarModule,
-                        AXImageModule,
-                        AXCheckBoxModule,
-                        AXLabelModule,
-                        AXTranslationModule,
-                    ], providers: [DatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-size-full ax-p-4\">\n  <!-- Header -->\n  <div class=\"ax-flex ax-justify-between ax-items-center ax-mb-3\">\n    <h3 class=\"ax-text-lg ax-font-semibold\">{{ 'widget.tasklist.title' | translate | async }}</h3>\n    <div class=\"ax-flex ax-gap-2\">\n      @if(getPendingTaskCount() > 0){\n      <ax-badge\n        [text]=\"getPendingTaskCount() + ' ' + ('widget.tasklist.pending' | translate | async)\"\n        [color]=\"'warning'\"\n        size=\"sm\"\n        class=\"ax-ml-1\"\n      >\n      </ax-badge>\n      } @if(getCompletedTaskCount() > 0){\n      <ax-badge\n        [text]=\"getCompletedTaskCount() + ' ' + ('widget.tasklist.completed' | translate | async)\"\n        [color]=\"'success'\"\n        size=\"sm\"\n        class=\"ax-ml-1\"\n      >\n      </ax-badge>\n      }\n    </div>\n  </div>\n\n  <!-- Task List -->\n  <div class=\"ax-space-y-4 ax-my-4 ax-px-2\">\n    @if (showCategories() && hasCategories()) {\n    <!-- Categorized Tasks -->\n    @for (category of getCategories(); track category) {\n    <div class=\"ax-mb-3\">\n      <!-- Category Header -->\n      <div class=\"ax-flex ax-justify-between ax-items-center ax-mb-2 ax-h-5\">\n        <h4 class=\"ax-font-medium ax-text-gray-700\">{{ category }}</h4>\n        @if(getCategoryTaskCount(category)){\n        <ax-badge [text]=\"getCategoryTaskCount(category).toString()\" [color]=\"'primary'\" size=\"sm\"></ax-badge>\n        }\n      </div>\n      <!-- Tasks in Category -->\n      @for (task of getTasksByCategory(category); track task.id) {\n      <ng-container\n        [ngTemplateOutlet]=\"taskItemTemplateRef\"\n        [ngTemplateOutletContext]=\"{ $implicit: task }\"\n      ></ng-container>\n      }\n    </div>\n    } } @else {\n    <!-- Uncategorized Tasks -->\n    @for (task of taskItems(); track task.id) {\n    <ng-container\n      [ngTemplateOutlet]=\"taskItemTemplateRef\"\n      [ngTemplateOutletContext]=\"{ $implicit: task }\"\n    ></ng-container>\n    } @empty {\n    <!-- Empty State -->\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-py-12 ax-px-4 ax-text-gray-400\">\n      <ax-icon class=\"ax-text-4xl ax-mb-3 ax-text-gray-300\">\n        <i class=\"fa-light fa-clipboard-list-check\"></i>\n      </ax-icon>\n      <p class=\"ax-text-center\">{{ 'widget.tasklist.noTasks' | translate | async }}</p>\n    </div>\n    } }\n  </div>\n</div>\n\n<!-- Task Item Template -->\n<ng-template #taskItemTemplateRef let-task>\n  <div class=\"ax-flex ax-gap-3 ax-items-center ax-py-2 ax-border-b ax-border-gray-100 last:ax-border-0\">\n    <!-- Checkbox -->\n    <ax-check-box\n      class=\"ax-flex-shrink-0\"\n      [value]=\"task.completed\"\n      [disabled]=\"!allowMarkComplete()\"\n      (valueChange)=\"onTaskCompletionChange(task, $event)\"\n    >\n    </ax-check-box>\n\n    <!-- Task Details -->\n    <div class=\"ax-overflow-hidden ax-grow ax-text-start\" (click)=\"onTaskClick(task)\">\n      <!-- Title and Priority -->\n      <div class=\"ax-flex ax-items-center ax-gap-2\">\n        <h6\n          class=\"ax-font-semibold ax-truncate ax-pb-1\"\n          [class.ax-line-through]=\"task.completed\"\n          [class.ax-text-gray-400]=\"task.completed\"\n        >\n          {{ task.title }}\n        </h6>\n        @if(showPriority() && task.priority) {\n        <ax-badge [color]=\"getPriorityColor(task.priority)\" [text]=\"task.priority\" size=\"sm\" class=\"ax-ml-1\"></ax-badge>\n        }\n      </div>\n\n      <!-- Metadata -->\n      <div class=\"ax-flex ax-flex-wrap ax-gap-x-3 ax-gap-y-1 ax-mt-1 ax-text-xs ax-text-gray-500\">\n        @if(showDate() && task.dueDate) {\n        <span class=\"ax-flex ax-items-center ax-gap-1\" [class.ax-text-danger-500]=\"getDaysDifference(task.dueDate) < 0\">\n          <ax-icon><i class=\"fa-light fa-calendar\"></i></ax-icon>\n          {{ formatDueDate(task.dueDate) }}\n        </span>\n        } @if(showAssignee() && task.assignedTo) {\n        <span class=\"ax-flex ax-items-center ax-gap-1\">\n          <ax-icon><i class=\"fa-light fa-user\"></i></ax-icon>\n          {{ task.assignedTo.name }}\n        </span>\n        }\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{display:block;height:100%;width:100%}.task-completed{text-decoration:line-through;color:var(--ax-text-secondary)}\n"] }]
-        }] });
-
-var tasklistWidget_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPTaskListWidgetViewComponent: AXPTaskListWidgetViewComponent
-});
-
-const AXPTaskListWidget = {
-    name: 'task-list',
-    title: 'Task List Widget',
-    categories: [AXP_WIDGETS_CHART_CATEGORY],
-    groups: [AXPWidgetGroupEnum.DashboardWidget],
-    type: 'dashboard',
-    icon: 'fa-light fa-clipboard-list-check',
-    properties: [
-        cloneProperty(AXP_DATA_PATH_PROPERTY, { visible: false }),
-        // ====== Title ======
-        {
-            name: 'title',
-            title: 'Chart Title',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: '',
-                dataType: 'string',
-                interface: {
-                    name: 'title',
-                    path: 'options.title',
-                    type: AXPWidgetsCatalog.text,
-                    options: {
-                        placeholder: 'Enter chart title',
-                    },
-                },
-            },
-            visible: true,
-        },
-        // Display options
-        {
-            name: 'maxItems',
-            title: 'Max Items',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 10,
-                dataType: 'number',
-                interface: {
-                    name: 'maxItems',
-                    path: 'options.maxItems',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        minValue: 1,
-                        maxValue: 50,
-                    },
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'showDate',
-            title: 'Show Date',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showDate',
-                    path: 'options.showDate',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'showAssignee',
-            title: 'Show Assignee',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showAssignee',
-                    path: 'options.showAssignee',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'groupByCategory',
-            title: 'Group by Category',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'groupByCategory',
-                    path: 'options.groupByCategory',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'showPriority',
-            title: 'Show Priority',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showPriority',
-                    path: 'options.showPriority',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'allowMarkComplete',
-            title: 'Allow Complete',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'allowMarkComplete',
-                    path: 'options.allowMarkComplete',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-    ],
-    components: {
-        view: {
-            component: () => Promise.resolve().then(function () { return tasklistWidget_component; }).then((c) => c.AXPTaskListWidgetViewComponent),
-        },
-    },
-    meta: {
-        dimensions: {
-            width: 5,
-            height: 7,
-            minWidth: 3,
-            minHeight: 4,
-            maxWidth: 6,
-            maxHeight: 8,
-        },
-    },
-};
-
-/**
- * Abstract Weather API Service
- * Base class that defines the interface and common functionality
- * for weather data providers
- */
-class AXPWeatherApiAbstract {
-    constructor() {
-        /** Weather condition definitions mapping */
-        this.weatherConditions = {
-            sunny: {
-                id: 'sunny',
-                name: 'Sunny',
-                icon: 'fa-solid fa-sun',
-                color: '#ff9d00',
-            },
-            clearNight: {
-                id: 'clearNight',
-                name: 'Clear Night',
-                icon: 'fa-solid fa-moon',
-                color: '#5d639e',
-            },
-            partlyCloudy: {
-                id: 'partlyCloudy',
-                name: 'Partly Cloudy',
-                icon: 'fa-solid fa-cloud-sun',
-                color: '#6ba4e8',
-            },
-            partlyCloudyNight: {
-                id: 'partlyCloudyNight',
-                name: 'Partly Cloudy Night',
-                icon: 'fa-solid fa-cloud-moon',
-                color: '#5d639e',
-            },
-            cloudy: {
-                id: 'cloudy',
-                name: 'Cloudy',
-                icon: 'fa-solid fa-cloud',
-                color: '#72869d',
-            },
-            rain: {
-                id: 'rain',
-                name: 'Rain',
-                icon: 'fa-solid fa-cloud-rain',
-                color: '#3a74ad',
-            },
-            showers: {
-                id: 'showers',
-                name: 'Showers',
-                icon: 'fa-solid fa-cloud-showers-heavy',
-                color: '#2c5d8c',
-            },
-            thunderstorm: {
-                id: 'thunderstorm',
-                name: 'Thunderstorm',
-                icon: 'fa-solid fa-bolt-lightning',
-                color: '#8834af',
-            },
-            snow: {
-                id: 'snow',
-                name: 'Snow',
-                icon: 'fa-solid fa-snowflake',
-                color: '#68a9cd',
-            },
-            mist: {
-                id: 'mist',
-                name: 'Mist',
-                icon: 'fa-solid fa-smog',
-                color: '#94a3b8',
-            },
-        };
-        /** Day of week mapping */
-        this.dayNames = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
-    }
-    /**
-     * Get weather condition info by ID
-     * @param id Condition ID
-     * @returns Weather condition info or default if not found
-     */
-    getCondition(id) {
-        // Normalize condition ID by removing spaces and converting to lowercase
-        const normalizedId = id.toLowerCase().replace(/\s+/g, '');
-        // Direct match first
-        if (this.weatherConditions[normalizedId]) {
-            return this.weatherConditions[normalizedId];
-        }
-        // Check for partial matches or common variants
-        if (normalizedId.includes('partly') && normalizedId.includes('cloud')) {
-            return this.weatherConditions['partlyCloudy'];
-        }
-        if (normalizedId.includes('cloud')) {
-            return this.weatherConditions['cloudy'];
-        }
-        if (normalizedId.includes('sun')) {
-            return this.weatherConditions['sunny'];
-        }
-        if (normalizedId.includes('rain')) {
-            return this.weatherConditions['rain'];
-        }
-        if (normalizedId.includes('snow')) {
-            return this.weatherConditions['snow'];
-        }
-        // If no match found, return default unknown condition
-        return {
-            id: 'unknown',
-            name: 'Unknown',
-            icon: 'fa-solid fa-question',
-            color: '#999999',
-        };
-    }
-    /**
-     * Parse location string into city and display components
-     * @param location Location query string
-     * @returns Parsed location parts
-     */
-    parseLocation(location) {
-        if (!location || location.trim() === '') {
-            return { city: 'New York', country: 'USA', display: 'New York' };
-        }
-        const city = location.trim();
-        return { city, country: '', display: city };
-    }
-    /**
-     * Format location name for display
-     * @param locationParts Parsed location parts
-     * @returns Formatted location name
-     */
-    formatLocationName(locationParts) {
-        return locationParts.city || 'Unknown Location';
-    }
-    /**
-     * Map API condition text to our internal condition IDs
-     * @param conditionText Condition text from API
-     * @returns Internal condition ID
-     */
-    mapApiConditionToId(conditionText) {
-        const text = conditionText.toLowerCase();
-        // Match WeatherAPI.com condition text
-        // Reference: https://www.weatherapi.com/docs/#weather-icons
-        if (text.includes('sunny') || text.includes('clear')) {
-            return 'sunny';
-        }
-        if (text === 'partly cloudy') {
-            return 'partlyCloudy';
-        }
-        if (text.includes('cloudy') || text.includes('overcast')) {
-            return 'cloudy';
-        }
-        if (text.includes('rain') || text.includes('drizzle') || text.includes('shower')) {
-            return 'rain';
-        }
-        if (text.includes('thunder') || text.includes('lightning')) {
-            return 'thunderstorm';
-        }
-        if (text.includes('snow') || text.includes('sleet') || text.includes('blizzard')) {
-            return 'snow';
-        }
-        if (text.includes('mist') || text.includes('fog')) {
-            return 'mist';
-        }
-        // Default to partly cloudy if we don't have a specific mapping
-        return 'partlyCloudy';
-    }
-    /**
-     * Generate random integer between min and max (inclusive)
-     * Helper method for implementations
-     * @param min Minimum value
-     * @param max Maximum value
-     * @returns Random integer
-     */
-    getRandomInt(min, max) {
-        return Math.floor(Math.random() * (max - min + 1)) + min;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPWeatherApiAbstract, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPWeatherApiAbstract }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPWeatherApiAbstract, decorators: [{
-            type: Injectable
-        }] });
-
-/**
- * Mock Weather API Service
- * Provides simulated weather data for development and testing
- */
-class AXPWeatherApiMockService extends AXPWeatherApiAbstract {
-    constructor() {
-        super(...arguments);
-        // Mock configuration
-        this.mockDelay = 500;
-    }
-    /**
-     * Get current weather data for given location
-     * @param options Weather request options
-     * @returns Observable with weather data
-     */
-    getWeather(options) {
-        const locationParts = this.parseLocation(options.location || '');
-        const displayName = this.formatLocationName(locationParts);
-        return this.getMockWeatherData(locationParts.city, options).pipe(map((mockData) => ({
-            ...mockData,
-            location: {
-                city: locationParts.city,
-                country: '',
-                displayName: displayName,
-            },
-        })));
-    }
-    /**
-     * Get weather forecast for a location
-     * @param options Weather request options with days
-     * @returns Observable of weather data with forecast
-     */
-    getForecast(options) {
-        const days = options.days || 5;
-        return this.getMockForecast(options.location || '', days, options);
-    }
-    /**
-     * Get mock weather data for demo/development
-     * @param location Location query
-     * @param options Request options
-     * @returns Observable of mock weather data
-     */
-    getMockWeatherData(location, options) {
-        return new Observable((observer) => {
-            setTimeout(() => {
-                try {
-                    const locationParts = this.parseLocation(location);
-                    const tempUnit = options?.tempUnit || '°C';
-                    const isCelsius = tempUnit === '°C';
-                    // Generate more realistic weather data based on location and current date
-                    const now = new Date();
-                    const month = now.getMonth(); // 0-11
-                    // Seasonally appropriate temperature range
-                    let minRange = 15;
-                    let maxRange = 25;
-                    // Northern hemisphere seasonal adjustments
-                    if (month >= 11 || month <= 1) {
-                        // Winter
-                        minRange = -5;
-                        maxRange = 10;
-                    }
-                    else if (month >= 2 && month <= 4) {
-                        // Spring
-                        minRange = 10;
-                        maxRange = 20;
-                    }
-                    else if (month >= 5 && month <= 7) {
-                        // Summer
-                        minRange = 20;
-                        maxRange = 35;
-                    }
-                    else if (month >= 8 && month <= 10) {
-                        // Fall/Autumn
-                        minRange = 10;
-                        maxRange = 25;
-                    }
-                    // Generate current temperature - more likely to be in the middle of the range
-                    const tempC = Math.round(minRange + (this.getRandomInt(4, 8) / 10) * (maxRange - minRange));
-                    const tempF = Math.round((tempC * 9) / 5 + 32);
-                    const humidity = this.getRandomInt(30, 90);
-                    const windKph = this.getRandomInt(5, 30);
-                    const windMph = Math.round(windKph * 0.621371);
-                    // Temperature-based conditions with randomization
-                    let conditionId = 'partlyCloudy';
-                    if (tempC > 25)
-                        conditionId = 'sunny';
-                    else if (tempC < 10)
-                        conditionId = 'cloudy';
-                    if (this.getRandomInt(1, 10) > 7)
-                        conditionId = 'rain';
-                    observer.next({
-                        location: {
-                            city: locationParts.city,
-                            country: '',
-                            displayName: this.formatLocationName(locationParts),
-                        },
-                        current: {
-                            condition: conditionId,
-                            conditionCode: 0,
-                            iconUrl: '', // Would be set from API
-                            tempC: tempC,
-                            tempF: tempF,
-                            feelsLikeC: tempC + this.getRandomInt(-3, 2),
-                            feelsLikeF: tempF + this.getRandomInt(-5, 3),
-                            humidity: humidity,
-                            windKph: windKph,
-                            windMph: windMph,
-                            windDirection: ['N', 'NE', 'E', 'SE', 'S', 'SW', 'W', 'NW'][this.getRandomInt(0, 7)],
-                            uv: this.getRandomInt(0, 10),
-                            lastUpdated: new Date().toISOString(),
-                        },
-                        forecast: [],
-                    });
-                    observer.complete();
-                }
-                catch (error) {
-                    observer.error(error);
-                }
-            }, this.mockDelay);
-        }).pipe(catchError((error) => throwError(() => new Error(`Failed to get weather data: ${error.message}`))));
-    }
-    /**
-     * Get mock forecast data for demo/development
-     * @param location Location query
-     * @param days Number of forecast days
-     * @param options Request options
-     * @returns Observable of mock weather data with forecast
-     */
-    getMockForecast(location, days = 5, options) {
-        return this.getMockWeatherData(location, options).pipe(map((data) => {
-            const currentCondition = data.current.condition;
-            const currentTemp = data.current.tempC;
-            // Use the current weather as a base for the forecast trend
-            const forecast = Array.from({ length: days }, (_, i) => {
-                // Create forecast date for each day (starting from tomorrow)
-                const forecastDate = new Date();
-                forecastDate.setDate(new Date().getDate() + i + 1);
-                const dateStr = forecastDate.toISOString().split('T')[0];
-                const dayName = this.dayNames[forecastDate.getDay()];
-                // Generate condition with some continuity from current weather
-                // Weather tends to be similar for a few days with gradual changes
-                let conditionId;
-                if (i === 0) {
-                    // Tomorrow's weather has 60% chance of being similar to today
-                    conditionId =
-                        this.getRandomInt(1, 10) <= 6
-                            ? currentCondition
-                            : ['sunny', 'partlyCloudy', 'cloudy', 'rain', 'snow'][this.getRandomInt(0, 4)];
-                }
-                else {
-                    // Subsequent days have 70% chance of being similar to previous day
-                    const previousCondition = forecast[i - 1]?.condition || currentCondition;
-                    conditionId =
-                        this.getRandomInt(1, 10) <= 7
-                            ? previousCondition
-                            : ['sunny', 'partlyCloudy', 'cloudy', 'rain', 'snow'][this.getRandomInt(0, 4)];
-                }
-                // Generate temperatures with realistic variance
-                // Max is typically higher than current temperature
-                // Min is typically lower than current temperature
-                const tempVariance = this.getRandomInt(-3, 3); // Small day-to-day change
-                const baseMaxC = currentTemp + this.getRandomInt(0, 5); // Max is higher than current
-                const maxTempC = baseMaxC + tempVariance;
-                const minTempC = maxTempC - this.getRandomInt(5, 10); // Min is lower than max
-                const maxTempF = Math.round((maxTempC * 9) / 5 + 32);
-                const minTempF = Math.round((minTempC * 9) / 5 + 32);
-                return {
-                    date: dateStr,
-                    day: dayName,
-                    condition: conditionId,
-                    iconUrl: '', // Would be set from API
-                    maxTempC,
-                    maxTempF,
-                    minTempC,
-                    minTempF,
-                };
-            });
-            return { ...data, forecast };
-        }));
-    }
-    /**
-     * Set the API key for the weather service
-     * No-op in the mock implementation
-     * @param key The API key
-     */
-    setApiKey(key) {
-        // No-op for mock service
-        console.log('API key setting is ignored in mock weather service');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPWeatherApiMockService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPWeatherApiMockService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPWeatherApiMockService, decorators: [{
-            type: Injectable
-        }] });
-
-const AXP_WEATHER_API_KEY = new InjectionToken('AXP_WEATHER_API_KEY', {
-    providedIn: 'root',
-    factory: () => {
-        return '40281dc1e31749edb6c104828250604';
-    },
-});
-
-/**
- * Real Weather API Service
- * Fetches actual weather data from a weather API service
- */
-class AXPWeatherApiService extends AXPWeatherApiAbstract {
-    constructor() {
-        super(...arguments);
-        this.http = inject(HttpClient);
-        // API configuration
-        this.baseApiUrl = 'https://api.weatherapi.com/v1';
-        this.apiKeyToken = inject(AXP_WEATHER_API_KEY, { optional: true });
-    }
-    /**
-     * Set the API key for the weather service
-     * @param key The API key
-     */
-    setApiKey(key) {
-        if (key && key.trim() !== '') {
-            this.apiKeyToken = key;
-        }
-    }
-    /**
-     * Get current weather data for given location
-     * @param options Weather request options
-     * @returns Observable with weather data
-     */
-    getWeather(options) {
-        // If forecast is likely needed, we should fetch it all at once
-        if (options.useMockData === false || options.useMockData === undefined) {
-            // For real API, use the forecast endpoint which includes current data
-            return this.getForecast({
-                ...options,
-                days: 1, // Request minimal forecast data
-            });
-        }
-        // For mock data, we'll continue using separate calls for backward compatibility
-        const locationParts = this.parseLocation(options.location || '');
-        const displayName = this.formatLocationName(locationParts);
-        // Use real API with query based on city only
-        const query = encodeURIComponent(locationParts.city);
-        const url = `${this.baseApiUrl}/current.json?key=${this.apiKeyToken}&q=${query}&aqi=no`;
-        return this.http.get(url).pipe(map((data) => this.transformApiResponse(data, displayName)), catchError((error) => {
-            console.error('Weather API error:', error);
-            // Check for location not found error
-            if (error.error?.error?.code === 1006) {
-                return throwError(() => new Error(`Location "${locationParts.city}" not found. Please check the city name and try again.`));
-            }
-            return throwError(() => new Error(`Failed to fetch weather data: ${error.message}`));
-        }));
-    }
-    /**
-     * Get weather forecast for a location
-     * @param options Weather request options with days
-     * @returns Observable of weather data with forecast
-     */
-    getForecast(options) {
-        const locationParts = this.parseLocation(options.location || '');
-        const displayName = this.formatLocationName(locationParts);
-        const days = options.days || 5;
-        // Build forecast API URL
-        const query = encodeURIComponent(locationParts.city);
-        const url = `${this.baseApiUrl}/forecast.json?key=${this.apiKeyToken}&q=${query}&days=${days}&aqi=no`;
-        return this.http.get(url).pipe(map((data) => this.transformForecastResponse(data, displayName, days)), catchError((error) => {
-            console.error('Weather API error:', error);
-            // Check for location not found error
-            if (error.error?.error?.code === 1006) {
-                return throwError(() => new Error(`Location "${locationParts.city}" not found. Please check the city name and try again.`));
-            }
-            return throwError(() => new Error(`Failed to fetch forecast data: ${error.message}`));
-        }));
-    }
-    /**
-     * Transform API response to our internal data model
-     * @param apiData Raw API response
-     * @param displayName Formatted location name
-     * @returns Normalized weather data
-     */
-    transformApiResponse(apiData, displayName) {
-        // Map API condition text to our condition IDs
-        const conditionText = apiData.current?.condition?.text || '';
-        const conditionId = this.mapApiConditionToId(conditionText);
-        return {
-            location: {
-                city: apiData.location?.name || '',
-                country: apiData.location?.country || '',
-                displayName: displayName,
-            },
-            current: {
-                condition: conditionId, // Use our mapped condition ID
-                conditionCode: apiData.current?.condition?.code || 0,
-                iconUrl: apiData.current?.condition?.icon || '',
-                tempC: apiData.current?.temp_c || 0,
-                tempF: apiData.current?.temp_f || 0,
-                feelsLikeC: apiData.current?.feelslike_c || 0,
-                feelsLikeF: apiData.current?.feelslike_f || 0,
-                humidity: apiData.current?.humidity || 0,
-                windKph: apiData.current?.wind_kph || 0,
-                windMph: apiData.current?.wind_mph || 0,
-                windDirection: apiData.current?.wind_dir || '',
-                uv: apiData.current?.uv || 0,
-                lastUpdated: apiData.current?.last_updated || new Date().toISOString(),
-            },
-            forecast: [],
-        };
-    }
-    /**
-     * Transform forecast API response to our internal data model
-     * @param apiData Raw API response with forecast
-     * @param displayName Formatted location name
-     * @param days Number of forecast days
-     * @returns Normalized weather data with forecast
-     */
-    transformForecastResponse(apiData, displayName, days) {
-        // First transform the current weather data using the current field of the forecast response
-        const weatherData = this.transformApiResponse(apiData, displayName);
-        // Then add the forecast data
-        const forecastDays = apiData.forecast?.forecastday || [];
-        weatherData.forecast = forecastDays.slice(0, days).map((day) => {
-            // Parse the date for day name
-            const date = new Date(day.date);
-            const dayName = date.toLocaleDateString('en-US', { weekday: 'short' });
-            // Map condition to our internal ID
-            const conditionText = day.day?.condition?.text || '';
-            const conditionId = this.mapApiConditionToId(conditionText);
-            return {
-                date: day.date,
-                day: dayName,
-                condition: conditionId,
-                iconUrl: day.day?.condition?.icon || '',
-                maxTempC: day.day?.maxtemp_c || 0,
-                maxTempF: day.day?.maxtemp_f || 0,
-                minTempC: day.day?.mintemp_c || 0,
-                minTempF: day.day?.mintemp_f || 0,
-            };
-        });
-        return weatherData;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPWeatherApiService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPWeatherApiService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPWeatherApiService, decorators: [{
-            type: Injectable
-        }] });
-
-/**
- * Weather Widget Component
- * Displays current weather conditions and optional forecast data
- * for a specified location with customizable display options.
- */
-class AXPWeatherWidgetViewComponent extends AXPValueWidgetComponent {
-    /**
-     * Component constructor
-     * @param cdr ChangeDetectorRef for triggering view updates
-     */
-    constructor(cdr) {
-        super();
-        this.cdr = cdr;
-        // Container element reference
-        this.containerEl = viewChild.required('containerElement');
-        // Weather API service instance
-        this.weatherService = inject(AXPWeatherApiAbstract);
-        // State signals
-        this.weatherData = signal(null);
-        this.isLoading = signal(true);
-        this.hasError = signal(false);
-        this.errorMessage = signal('');
-        this.isForecastLoading = signal(false);
-        // Auto-refresh subscription
-        this.refreshSubscription = null;
-        // Option-derived computed properties
-        this.city = computed(() => {
-            return this.options()['city'] || 'Newyork';
-        });
-        this.temperatureUnit = computed(() => this.options()['temperatureUnit']?.id || '°C');
-        this.windSpeedUnit = computed(() => this.options()['windSpeedUnit']?.id || 'km/h');
-        // Display option flags
-        this.showCurrentCondition = computed(() => this.options()['showCurrentCondition'] !== false);
-        this.showTemperature = computed(() => this.options()['showTemperature'] !== false);
-        this.showHumidity = computed(() => this.options()['showHumidity'] !== false);
-        this.showWind = computed(() => this.options()['showWind'] !== false);
-        this.showForecast = computed(() => this.options()['showForecast'] !== false);
-        this.forecastDays = computed(() => this.options()['forecastDays'] ?? 5);
-        // Refresh settings
-        this.autoRefresh = computed(() => this.options()['autoRefresh'] !== false);
-        this.refreshInterval = computed(() => this.options()['refreshInterval']?.id ?? 15);
-        // Reactivity effects
-        this.optionsEffect = effect(() => {
-            const opts = this.options();
-            this.loadWeatherData();
-            this.setupRefreshTimer();
-        });
-        this.valueEffect = effect(() => {
-            this.city();
-            this.loadWeatherData();
-        });
-        this.displayedForecast = computed(() => {
-            const weatherData = this.weatherData();
-            if (!weatherData?.forecast)
-                return [];
-            const forecastDays = this.forecastDays();
-            return weatherData.forecast.slice(0, forecastDays);
-        });
-        // Inject the abstract service which will resolve to either the mock or real implementation
-        this.weatherService = inject(AXPWeatherApiAbstract);
-        setTimeout(() => {
-            this.loadWeatherData();
-            this.setupRefreshTimer();
-        }, 0);
-    }
-    /**
-     * Component cleanup on destroy
-     */
-    ngOnDestroy() {
-        this.clearRefreshTimer();
-    }
-    /**
-     * Loads weather data from the API
-     * Sets loading state and handles errors
-     */
-    loadWeatherData() {
-        this.isLoading.set(true);
-        this.hasError.set(false);
-        this.errorMessage.set('');
-        const locationQuery = this.city();
-        const shouldShowForecast = this.showForecast();
-        // If we need forecast, request it directly to avoid duplicate calls
-        // The forecast endpoint also returns current weather
-        if (shouldShowForecast) {
-            const forecastOptions = {
-                location: locationQuery,
-                tempUnit: this.temperatureUnit(),
-                useMockData: false, // Use real API, signals to use forecast endpoint
-                days: this.forecastDays(),
-            };
-            this.isForecastLoading.set(true);
-            this.weatherService.getForecast(forecastOptions).subscribe({
-                next: (data) => {
-                    this.weatherData.set(data);
-                    this.isLoading.set(false);
-                    this.isForecastLoading.set(false);
-                    setTimeout(() => this.cdr.detectChanges());
-                },
-                error: (error) => {
-                    this.hasError.set(true);
-                    this.errorMessage.set(error.message || 'Failed to load weather data. Please try again.');
-                    this.isLoading.set(false);
-                    this.isForecastLoading.set(false);
-                    this.cdr.detectChanges();
-                },
-            });
-            return;
-        }
-        // If we only need current weather, use getWeather
-        const requestOptions = {
-            location: locationQuery,
-            tempUnit: this.temperatureUnit(),
-            useMockData: false, // Use real API
-        };
-        this.weatherService.getWeather(requestOptions).subscribe({
-            next: (data) => {
-                this.weatherData.set(data);
-                this.isLoading.set(false);
-                setTimeout(() => this.cdr.detectChanges());
-            },
-            error: (error) => {
-                this.hasError.set(true);
-                this.errorMessage.set(error.message || 'Failed to load weather data. Please try again.');
-                this.isLoading.set(false);
-                this.cdr.detectChanges();
-            },
-        });
-    }
-    /**
-     * Sets up the auto-refresh timer based on configuration
-     */
-    setupRefreshTimer() {
-        this.clearRefreshTimer();
-        if (!this.autoRefresh())
-            return;
-        const minInterval = 5; // 5 minutes minimum
-        const intervalValue = Math.max(this.refreshInterval(), minInterval);
-        const intervalMs = intervalValue * 60 * 1000;
-        this.refreshSubscription = interval(intervalMs)
-            .pipe(switchMap(() => {
-            // Always use the loadWeatherData method to determine the correct API call
-            this.loadWeatherData();
-            // Return an empty observable to satisfy the switchMap typing
-            return new Observable((observer) => {
-                observer.complete();
-            });
-        }))
-            .subscribe();
-    }
-    /**
-     * Clears the refresh timer subscription
-     */
-    clearRefreshTimer() {
-        if (this.refreshSubscription) {
-            this.refreshSubscription.unsubscribe();
-            this.refreshSubscription = null;
-        }
-    }
-    /**
-     * Manually refreshes the weather data
-     */
-    refreshWeather() {
-        this.loadWeatherData();
-    }
-    /**
-     * Gets the current temperature based on selected unit
-     */
-    getCurrentTemperature() {
-        if (!this.weatherData())
-            return 0;
-        return this.temperatureUnit() === '°C' ? this.weatherData().current.tempC : this.weatherData().current.tempF;
-    }
-    /**
-     * Gets the feels like temperature based on selected unit
-     */
-    getFeelsLikeTemperature() {
-        if (!this.weatherData())
-            return 0;
-        return this.temperatureUnit() === '°C'
-            ? this.weatherData().current.feelsLikeC
-            : this.weatherData().current.feelsLikeF;
-    }
-    /**
-     * Gets the humidity percentage
-     */
-    getHumidity() {
-        return this.weatherData()?.current.humidity || 0;
-    }
-    /**
-     * Gets the wind speed based on selected unit
-     */
-    getWindSpeed() {
-        if (!this.weatherData())
-            return 0;
-        return this.windSpeedUnit() === 'km/h' ? this.weatherData().current.windKph : this.weatherData().current.windMph;
-    }
-    /**
-     * Gets the current weather condition
-     */
-    getCurrentCondition() {
-        const conditionId = this.weatherData()?.current.condition || '';
-        return this.getConditionName(conditionId);
-    }
-    /**
-     * Gets the formatted last updated time
-     */
-    getLastUpdated() {
-        if (!this.weatherData()?.current.lastUpdated)
-            return '';
-        return new Date(this.weatherData().current.lastUpdated).toLocaleTimeString();
-    }
-    /**
-     * Gets the icon class for a weather condition
-     * @param conditionId Weather condition ID
-     * @returns Font Awesome icon class
-     */
-    getConditionIcon(conditionId) {
-        const condition = this.weatherService.getCondition(conditionId);
-        return condition?.icon || 'fa-solid fa-question';
-    }
-    /**
-     * Gets the display name for a weather condition
-     * @param conditionId Weather condition ID
-     * @returns Condition display name
-     */
-    getConditionName(conditionId) {
-        const condition = this.weatherService.getCondition(conditionId);
-        return condition?.name || 'Unknown';
-    }
-    /**
-     * Gets the color for a weather condition
-     * @param conditionId Weather condition ID
-     * @returns CSS color value
-     */
-    getConditionColor(conditionId) {
-        const condition = this.weatherService.getCondition(conditionId);
-        return condition?.color || '#999999';
-    }
-    /**
-     * Cleans up chart resources
-     * Required by AXPChartBaseComponent
-     */
-    cleanupChart() {
-        this.clearRefreshTimer();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPWeatherWidgetViewComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPWeatherWidgetViewComponent, isStandalone: true, selector: "ng-component", providers: [
-            {
-                provide: AXPWeatherApiAbstract,
-                useClass: AXPWeatherApiService,
-            },
-        ], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["containerElement"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- Weather Widget Component Template -->\n<div class=\"axp-weather-container\" #containerElement>\n  <!-- Loading indicator -->\n  @if (isLoading()) {\n  <div class=\"axp-weather-loading-overlay\">\n    <div class=\"axp-weather-loading-spinner\">\n      <i class=\"fa-solid fa-spinner fa-spin\"></i>\n      <span>Loading weather data...</span>\n    </div>\n  </div>\n  }\n\n  <!-- Error message -->\n  @if (hasError()) {\n  <div class=\"axp-weather-error-overlay\">\n    <div class=\"axp-weather-error-message\">\n      <i class=\"fa-solid fa-exclamation-triangle\"></i>\n      <span>{{ errorMessage() }}</span>\n      <button class=\"axp-weather-retry-button\" (click)=\"refreshWeather()\">\n        <i class=\"fa-solid fa-sync-alt\"></i>\n        <span>Retry</span>\n      </button>\n    </div>\n  </div>\n  }\n\n  <!-- Weather content - only show when we have data -->\n  @if (weatherData()) {\n  <!-- Background decorations based on weather condition -->\n  <div class=\"axp-weather-background-decorations\">\n    <div class=\"axp-weather-decoration\" [ngClass]=\"weatherData()?.current?.condition?.toLowerCase()\"></div>\n    <div class=\"axp-weather-gradient-overlay\"></div>\n  </div>\n\n  <div class=\"axp-weather-inner\">\n    <!-- Location information section -->\n    <div class=\"axp-weather-location-info\">\n      <div class=\"axp-weather-location-icon\">\n        <i class=\"fa-solid fa-location-dot\"></i>\n      </div>\n      <div class=\"axp-weather-location-text\">\n        <h2 class=\"axp-weather-location-name\">{{ city() }}</h2>\n      </div>\n    </div>\n\n    <!-- Current weather conditions section -->\n    <div class=\"axp-weather-current-weather\">\n      <!-- Weather icon and condition name -->\n      @if (showCurrentCondition()) {\n      <div class=\"axp-weather-condition\">\n        <div class=\"axp-weather-icon-wrapper\">\n          <div class=\"axp-weather-icon\">\n            <i\n              [class]=\"getConditionIcon(weatherData()?.current?.condition || '')\"\n              [style.color]=\"getConditionColor(weatherData()?.current?.condition || '')\"\n            ></i>\n          </div>\n          <div\n            class=\"axp-weather-icon-glow\"\n            [style.background-color]=\"getConditionColor(weatherData()?.current?.condition || '')\"\n          ></div>\n        </div>\n        <div class=\"axp-weather-condition-name\">{{ getCurrentCondition() }}</div>\n      </div>\n      }\n\n      <!-- Temperature display -->\n      @if (showTemperature()) {\n      <div class=\"axp-weather-temperature\">\n        <span class=\"axp-weather-temperature-value\">{{ getCurrentTemperature() }}</span>\n        <span class=\"axp-weather-temperature-unit\">{{ temperatureUnit() }}</span>\n      </div>\n      }\n    </div>\n\n    <!-- Weather details section (humidity and wind) -->\n    @if (showHumidity() || showWind()) {\n    <div class=\"axp-weather-details\">\n      <!-- Humidity information -->\n      @if (showHumidity()) {\n      <div class=\"axp-weather-detail-item\">\n        <div class=\"axp-weather-detail-icon\">\n          <i class=\"fa-solid fa-droplet\"></i>\n        </div>\n        <div class=\"axp-weather-detail-info\">\n          <div class=\"axp-weather-detail-label\">Humidity</div>\n          <div class=\"axp-weather-detail-value\">{{ getHumidity() }}%</div>\n        </div>\n      </div>\n      }\n\n      <!-- Wind speed information -->\n      @if (showWind()) {\n      <div class=\"axp-weather-detail-item\">\n        <div class=\"axp-weather-detail-icon\">\n          <i class=\"fa-solid fa-wind\"></i>\n        </div>\n        <div class=\"axp-weather-detail-info\">\n          <div class=\"axp-weather-detail-label\">Wind</div>\n          <div class=\"axp-weather-detail-value\">{{ getWindSpeed() }} {{ windSpeedUnit() }}</div>\n        </div>\n      </div>\n      }\n    </div>\n    }\n\n    <!-- Weather forecast section -->\n    @if (showForecast() && weatherData()?.forecast) {\n    <div class=\"axp-weather-forecast\">\n      <div class=\"axp-weather-forecast-header\">\n        <h3 class=\"axp-weather-forecast-title\">\n          <i class=\"fa-solid fa-calendar-days\"></i>\n          <span>Forecast</span>\n        </h3>\n        <!-- <div class=\"axp-weather-scroll-indicator\">\n          <i class=\"fa-solid fa-chevron-right\"></i>\n        </div> -->\n      </div>\n      <!-- Loading indicator for forecast -->\n      @if (isForecastLoading()) {\n      <div class=\"axp-weather-forecast-loading\">\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        <span>Loading forecast...</span>\n      </div>\n      }\n      <!-- Scrollable forecast days display -->\n      <div class=\"axp-weather-forecast-items\">\n        @for (day of displayedForecast(); track day.day) {\n        <div class=\"axp-weather-forecast-day\">\n          <div class=\"axp-weather-forecast-day-name\">{{ day.day }}</div>\n          <div class=\"axp-weather-forecast-icon\" title=\"{{ getConditionName(day.condition) }}\">\n            <i [class]=\"getConditionIcon(day.condition)\" [style.color]=\"getConditionColor(day.condition)\"></i>\n          </div>\n          <div class=\"axp-weather-forecast-temps\">\n            <span class=\"axp-weather-forecast-low\">\n              {{ temperatureUnit() === '\u00B0C' ? day.minTempC : day.minTempF }}\u00B0\n            </span>\n            <span class=\"axp-weather-forecast-high\">\n              {{ temperatureUnit() === '\u00B0C' ? day.maxTempC : day.maxTempF }}\u00B0\n            </span>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n    }\n\n    <!-- Last updated timestamp -->\n    <div class=\"axp-weather-last-updated\">\n      <span>Last updated: {{ getLastUpdated() }}</span>\n    </div>\n\n    <!-- Manual refresh button -->\n    <div class=\"axp-weather-refresh-action\">\n      <button\n        class=\"axp-weather-refresh-button\"\n        (click)=\"refreshWeather()\"\n        [attr.aria-label]=\"'Refresh weather data'\"\n        title=\"Refresh weather data\"\n      >\n        <i class=\"fa-solid fa-sync-alt\"></i>\n        <span>Refresh</span>\n      </button>\n    </div>\n  </div>\n  } @else if (!isLoading() && !hasError()) {\n  <!-- No data state (not loading, no error) -->\n  <div class=\"axp-weather-no-data-state\">\n    <i class=\"fa-solid fa-cloud-sun\"></i>\n    <p>No weather data available</p>\n    <button class=\"axp-weather-refresh-button\" (click)=\"refreshWeather()\">\n      <i class=\"fa-solid fa-sync-alt\"></i>\n      <span>Load Data</span>\n    </button>\n  </div>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%;--primary-gradient-start: #2196f3;--primary-gradient-end: #1976d2;--shadow-color: rgba(0, 0, 0, .2);--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .2);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .75);--transition-speed: .3s}.axp-weather-container{width:100%;height:100%;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#fff;min-height:300px;background-color:#2c3e50}.axp-weather-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(44,62,80,.85);display:flex;justify-content:center;align-items:center;z-index:100}.axp-weather-loading-spinner{text-align:center}.axp-weather-loading-spinner i{font-size:2.5rem;color:#fff;margin-bottom:.5rem}.axp-weather-loading-spinner span{display:block;color:#fff;font-size:1rem}.axp-weather-error-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(189,54,47,.85);display:flex;justify-content:center;align-items:center;z-index:100}.axp-weather-error-message{text-align:center;padding:1rem}.axp-weather-error-message i{font-size:2.5rem;color:#fff;margin-bottom:.5rem}.axp-weather-error-message span{display:block;color:#fff;font-size:1.1rem;margin-bottom:1rem}.axp-weather-error-message .axp-weather-retry-button{color:#bd362f;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.axp-weather-error-message .axp-weather-retry-button:hover{transform:translateY(-1px)}.axp-weather-no-data-state{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;text-align:center}.axp-weather-no-data-state i{font-size:3rem;margin-bottom:1rem;color:rgba(255,255,255,.8)}.axp-weather-no-data-state p{margin-bottom:1.5rem;font-size:1.1rem}.axp-weather-no-data-state .axp-weather-refresh-button{background-color:rgba(255,255,255,.2);color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.axp-weather-no-data-state .axp-weather-refresh-button:hover{background-color:rgba(255,255,255,.3);transform:translateY(-1px)}.axp-weather-background-decorations{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.axp-weather-decoration{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.axp-weather-decoration.sunny{background:linear-gradient(135deg,#ff7e00,#f7d358)}.axp-weather-decoration.partlyCloudy{background:linear-gradient(135deg,#7ba2e7,#b4d2f7)}.axp-weather-decoration.cloudy{background:linear-gradient(135deg,#717e8c,#919eab)}.axp-weather-decoration.rain{background:linear-gradient(135deg,#6a8caf,#567a9e)}.axp-weather-decoration.snow{background:linear-gradient(135deg,#99b3cc,#c6d4e1)}.axp-weather-decoration.thunder{background:linear-gradient(135deg,#425777,#2c3e50)}.axp-weather-decoration.mist{background:linear-gradient(135deg,#94a3b8,#cbd5e1)}.axp-weather-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.5))}.axp-weather-inner{position:relative;z-index:2;height:100%;padding:1.5rem;display:flex;flex-direction:column}.axp-weather-location-info{display:flex;align-items:center;margin-bottom:1.5rem}.axp-weather-location-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.2);border-radius:50%;margin-right:.75rem}.axp-weather-location-icon i{color:#fff}.axp-weather-location-name{margin:0;font-size:1.5rem;font-weight:500;text-shadow:1px 1px 3px rgba(0,0,0,.2);text-transform:capitalize}.axp-weather-current-weather{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap}.axp-weather-condition{display:flex;flex-direction:column;align-items:center}.axp-weather-icon-wrapper{position:relative;margin-bottom:.5rem}.axp-weather-icon{position:relative;z-index:2}.axp-weather-icon i{font-size:2.75rem;filter:drop-shadow(0 0 8px rgba(0,0,0,.3))}.axp-weather-icon-glow{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:45px;border-radius:50%;filter:blur(15px);opacity:.75}.axp-weather-condition-name{font-size:1.1rem;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.axp-weather-temperature{display:flex;align-items:flex-start;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.axp-weather-temperature-value{font-size:3.5rem;font-weight:500;line-height:1}.axp-weather-temperature-unit{font-size:1.5rem;margin-top:.25rem}.axp-weather-details{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background-color:rgba(0,0,0,.15);border-radius:8px}.axp-weather-detail-item{display:flex;align-items:center;flex:1;min-width:120px}.axp-weather-detail-icon{width:40px;height:40px;border-radius:50%;background-color:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;margin-right:.75rem}.axp-weather-detail-icon i{font-size:1.25rem}.axp-weather-detail-info{display:flex;flex-direction:column}.axp-weather-detail-label{font-size:.875rem;color:rgba(255,255,255,.8);margin-bottom:.25rem}.axp-weather-detail-value{font-size:1.125rem;font-weight:500}.axp-weather-forecast{margin-top:auto;margin-bottom:1rem;background-color:rgba(0,0,0,.15);border-radius:8px;padding:1rem}.axp-weather-forecast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.axp-weather-forecast-title{margin:0;font-size:1.125rem;font-weight:500;display:flex;align-items:center}.axp-weather-forecast-title i{margin-right:.5rem;opacity:.8}.axp-weather-scroll-indicator{color:rgba(255,255,255,.6)}.axp-weather-forecast-items{display:flex;overflow-x:auto;gap:.75rem;padding-bottom:.5rem}.axp-weather-forecast-items::-webkit-scrollbar{height:4px}.axp-weather-forecast-items::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3);border-radius:4px}.axp-weather-forecast-items::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1);border-radius:4px}.axp-weather-forecast-day{min-width:80px;display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background-color:rgba(255,255,255,.1);border-radius:6px;transition:all .3s ease}.axp-weather-forecast-day:hover{background-color:rgba(255,255,255,.15);transform:translateY(-2px)}.axp-weather-forecast-day-name{font-size:.875rem;margin-bottom:.5rem;font-weight:500}.axp-weather-forecast-icon{font-size:1.5rem;margin-bottom:.5rem}.axp-weather-forecast-icon i{filter:drop-shadow(0 0 5px rgba(0,0,0,.2))}.axp-weather-forecast-temps{display:flex;flex-direction:row;gap:.75rem;align-items:center;font-size:.875rem}.axp-weather-last-updated{text-align:center;font-size:.75rem;opacity:.7;margin-bottom:.5rem}.axp-weather-refresh-action{text-align:center}.axp-weather-refresh-button{background-color:rgba(255,255,255,.2);color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.axp-weather-refresh-button:hover{background-color:rgba(255,255,255,.3);transform:translateY(-1px)}.axp-weather-refresh-button i{font-size:.875rem}@media (max-width: 576px){.axp-weather-inner{padding:.8rem;gap:.4rem}.axp-weather-location-name{font-size:1.1rem}.axp-weather-temperature{font-size:2.5rem}.axp-weather-temperature-unit{font-size:1.1rem}.axp-weather-weather-details{flex-direction:column;gap:.5rem}.axp-weather-forecast-items{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem;margin:0 -.4rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;mask-image:linear-gradient(to right,#000 95%,rgba(0,0,0,0));-webkit-mask-image:linear-gradient(to right,rgb(0,0,0) 95%,rgba(0,0,0,0))}.axp-weather-forecast-items::-webkit-scrollbar{height:4px}.axp-weather-forecast-items::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.2);border-radius:4px}.axp-weather-forecast-day{min-width:60px;flex:0 0 auto;padding:.4rem .6rem}.axp-weather-forecast-day-name{font-size:.7rem}.axp-weather-forecast-icon{padding:.3rem;height:1.6rem}.axp-weather-forecast-temps{font-size:.7rem}.axp-weather-scroll-indicator{display:block}}:host-context(.theme-dark){--glass-bg: rgba(0, 0, 0, .3);--glass-border: rgba(255, 255, 255, .1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: HttpClientModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPWeatherWidgetViewComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, imports: [CommonModule, AXDateTimeModule, AXFormatModule, HttpClientModule], providers: [
-                        {
-                            provide: AXPWeatherApiAbstract,
-                            useClass: AXPWeatherApiService,
-                        },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Weather Widget Component Template -->\n<div class=\"axp-weather-container\" #containerElement>\n  <!-- Loading indicator -->\n  @if (isLoading()) {\n  <div class=\"axp-weather-loading-overlay\">\n    <div class=\"axp-weather-loading-spinner\">\n      <i class=\"fa-solid fa-spinner fa-spin\"></i>\n      <span>Loading weather data...</span>\n    </div>\n  </div>\n  }\n\n  <!-- Error message -->\n  @if (hasError()) {\n  <div class=\"axp-weather-error-overlay\">\n    <div class=\"axp-weather-error-message\">\n      <i class=\"fa-solid fa-exclamation-triangle\"></i>\n      <span>{{ errorMessage() }}</span>\n      <button class=\"axp-weather-retry-button\" (click)=\"refreshWeather()\">\n        <i class=\"fa-solid fa-sync-alt\"></i>\n        <span>Retry</span>\n      </button>\n    </div>\n  </div>\n  }\n\n  <!-- Weather content - only show when we have data -->\n  @if (weatherData()) {\n  <!-- Background decorations based on weather condition -->\n  <div class=\"axp-weather-background-decorations\">\n    <div class=\"axp-weather-decoration\" [ngClass]=\"weatherData()?.current?.condition?.toLowerCase()\"></div>\n    <div class=\"axp-weather-gradient-overlay\"></div>\n  </div>\n\n  <div class=\"axp-weather-inner\">\n    <!-- Location information section -->\n    <div class=\"axp-weather-location-info\">\n      <div class=\"axp-weather-location-icon\">\n        <i class=\"fa-solid fa-location-dot\"></i>\n      </div>\n      <div class=\"axp-weather-location-text\">\n        <h2 class=\"axp-weather-location-name\">{{ city() }}</h2>\n      </div>\n    </div>\n\n    <!-- Current weather conditions section -->\n    <div class=\"axp-weather-current-weather\">\n      <!-- Weather icon and condition name -->\n      @if (showCurrentCondition()) {\n      <div class=\"axp-weather-condition\">\n        <div class=\"axp-weather-icon-wrapper\">\n          <div class=\"axp-weather-icon\">\n            <i\n              [class]=\"getConditionIcon(weatherData()?.current?.condition || '')\"\n              [style.color]=\"getConditionColor(weatherData()?.current?.condition || '')\"\n            ></i>\n          </div>\n          <div\n            class=\"axp-weather-icon-glow\"\n            [style.background-color]=\"getConditionColor(weatherData()?.current?.condition || '')\"\n          ></div>\n        </div>\n        <div class=\"axp-weather-condition-name\">{{ getCurrentCondition() }}</div>\n      </div>\n      }\n\n      <!-- Temperature display -->\n      @if (showTemperature()) {\n      <div class=\"axp-weather-temperature\">\n        <span class=\"axp-weather-temperature-value\">{{ getCurrentTemperature() }}</span>\n        <span class=\"axp-weather-temperature-unit\">{{ temperatureUnit() }}</span>\n      </div>\n      }\n    </div>\n\n    <!-- Weather details section (humidity and wind) -->\n    @if (showHumidity() || showWind()) {\n    <div class=\"axp-weather-details\">\n      <!-- Humidity information -->\n      @if (showHumidity()) {\n      <div class=\"axp-weather-detail-item\">\n        <div class=\"axp-weather-detail-icon\">\n          <i class=\"fa-solid fa-droplet\"></i>\n        </div>\n        <div class=\"axp-weather-detail-info\">\n          <div class=\"axp-weather-detail-label\">Humidity</div>\n          <div class=\"axp-weather-detail-value\">{{ getHumidity() }}%</div>\n        </div>\n      </div>\n      }\n\n      <!-- Wind speed information -->\n      @if (showWind()) {\n      <div class=\"axp-weather-detail-item\">\n        <div class=\"axp-weather-detail-icon\">\n          <i class=\"fa-solid fa-wind\"></i>\n        </div>\n        <div class=\"axp-weather-detail-info\">\n          <div class=\"axp-weather-detail-label\">Wind</div>\n          <div class=\"axp-weather-detail-value\">{{ getWindSpeed() }} {{ windSpeedUnit() }}</div>\n        </div>\n      </div>\n      }\n    </div>\n    }\n\n    <!-- Weather forecast section -->\n    @if (showForecast() && weatherData()?.forecast) {\n    <div class=\"axp-weather-forecast\">\n      <div class=\"axp-weather-forecast-header\">\n        <h3 class=\"axp-weather-forecast-title\">\n          <i class=\"fa-solid fa-calendar-days\"></i>\n          <span>Forecast</span>\n        </h3>\n        <!-- <div class=\"axp-weather-scroll-indicator\">\n          <i class=\"fa-solid fa-chevron-right\"></i>\n        </div> -->\n      </div>\n      <!-- Loading indicator for forecast -->\n      @if (isForecastLoading()) {\n      <div class=\"axp-weather-forecast-loading\">\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        <span>Loading forecast...</span>\n      </div>\n      }\n      <!-- Scrollable forecast days display -->\n      <div class=\"axp-weather-forecast-items\">\n        @for (day of displayedForecast(); track day.day) {\n        <div class=\"axp-weather-forecast-day\">\n          <div class=\"axp-weather-forecast-day-name\">{{ day.day }}</div>\n          <div class=\"axp-weather-forecast-icon\" title=\"{{ getConditionName(day.condition) }}\">\n            <i [class]=\"getConditionIcon(day.condition)\" [style.color]=\"getConditionColor(day.condition)\"></i>\n          </div>\n          <div class=\"axp-weather-forecast-temps\">\n            <span class=\"axp-weather-forecast-low\">\n              {{ temperatureUnit() === '\u00B0C' ? day.minTempC : day.minTempF }}\u00B0\n            </span>\n            <span class=\"axp-weather-forecast-high\">\n              {{ temperatureUnit() === '\u00B0C' ? day.maxTempC : day.maxTempF }}\u00B0\n            </span>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n    }\n\n    <!-- Last updated timestamp -->\n    <div class=\"axp-weather-last-updated\">\n      <span>Last updated: {{ getLastUpdated() }}</span>\n    </div>\n\n    <!-- Manual refresh button -->\n    <div class=\"axp-weather-refresh-action\">\n      <button\n        class=\"axp-weather-refresh-button\"\n        (click)=\"refreshWeather()\"\n        [attr.aria-label]=\"'Refresh weather data'\"\n        title=\"Refresh weather data\"\n      >\n        <i class=\"fa-solid fa-sync-alt\"></i>\n        <span>Refresh</span>\n      </button>\n    </div>\n  </div>\n  } @else if (!isLoading() && !hasError()) {\n  <!-- No data state (not loading, no error) -->\n  <div class=\"axp-weather-no-data-state\">\n    <i class=\"fa-solid fa-cloud-sun\"></i>\n    <p>No weather data available</p>\n    <button class=\"axp-weather-refresh-button\" (click)=\"refreshWeather()\">\n      <i class=\"fa-solid fa-sync-alt\"></i>\n      <span>Load Data</span>\n    </button>\n  </div>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%;--primary-gradient-start: #2196f3;--primary-gradient-end: #1976d2;--shadow-color: rgba(0, 0, 0, .2);--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .2);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .75);--transition-speed: .3s}.axp-weather-container{width:100%;height:100%;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#fff;min-height:300px;background-color:#2c3e50}.axp-weather-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(44,62,80,.85);display:flex;justify-content:center;align-items:center;z-index:100}.axp-weather-loading-spinner{text-align:center}.axp-weather-loading-spinner i{font-size:2.5rem;color:#fff;margin-bottom:.5rem}.axp-weather-loading-spinner span{display:block;color:#fff;font-size:1rem}.axp-weather-error-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(189,54,47,.85);display:flex;justify-content:center;align-items:center;z-index:100}.axp-weather-error-message{text-align:center;padding:1rem}.axp-weather-error-message i{font-size:2.5rem;color:#fff;margin-bottom:.5rem}.axp-weather-error-message span{display:block;color:#fff;font-size:1.1rem;margin-bottom:1rem}.axp-weather-error-message .axp-weather-retry-button{color:#bd362f;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.axp-weather-error-message .axp-weather-retry-button:hover{transform:translateY(-1px)}.axp-weather-no-data-state{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;text-align:center}.axp-weather-no-data-state i{font-size:3rem;margin-bottom:1rem;color:rgba(255,255,255,.8)}.axp-weather-no-data-state p{margin-bottom:1.5rem;font-size:1.1rem}.axp-weather-no-data-state .axp-weather-refresh-button{background-color:rgba(255,255,255,.2);color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.axp-weather-no-data-state .axp-weather-refresh-button:hover{background-color:rgba(255,255,255,.3);transform:translateY(-1px)}.axp-weather-background-decorations{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.axp-weather-decoration{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.axp-weather-decoration.sunny{background:linear-gradient(135deg,#ff7e00,#f7d358)}.axp-weather-decoration.partlyCloudy{background:linear-gradient(135deg,#7ba2e7,#b4d2f7)}.axp-weather-decoration.cloudy{background:linear-gradient(135deg,#717e8c,#919eab)}.axp-weather-decoration.rain{background:linear-gradient(135deg,#6a8caf,#567a9e)}.axp-weather-decoration.snow{background:linear-gradient(135deg,#99b3cc,#c6d4e1)}.axp-weather-decoration.thunder{background:linear-gradient(135deg,#425777,#2c3e50)}.axp-weather-decoration.mist{background:linear-gradient(135deg,#94a3b8,#cbd5e1)}.axp-weather-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.5))}.axp-weather-inner{position:relative;z-index:2;height:100%;padding:1.5rem;display:flex;flex-direction:column}.axp-weather-location-info{display:flex;align-items:center;margin-bottom:1.5rem}.axp-weather-location-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.2);border-radius:50%;margin-right:.75rem}.axp-weather-location-icon i{color:#fff}.axp-weather-location-name{margin:0;font-size:1.5rem;font-weight:500;text-shadow:1px 1px 3px rgba(0,0,0,.2);text-transform:capitalize}.axp-weather-current-weather{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap}.axp-weather-condition{display:flex;flex-direction:column;align-items:center}.axp-weather-icon-wrapper{position:relative;margin-bottom:.5rem}.axp-weather-icon{position:relative;z-index:2}.axp-weather-icon i{font-size:2.75rem;filter:drop-shadow(0 0 8px rgba(0,0,0,.3))}.axp-weather-icon-glow{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:45px;border-radius:50%;filter:blur(15px);opacity:.75}.axp-weather-condition-name{font-size:1.1rem;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.axp-weather-temperature{display:flex;align-items:flex-start;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.axp-weather-temperature-value{font-size:3.5rem;font-weight:500;line-height:1}.axp-weather-temperature-unit{font-size:1.5rem;margin-top:.25rem}.axp-weather-details{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background-color:rgba(0,0,0,.15);border-radius:8px}.axp-weather-detail-item{display:flex;align-items:center;flex:1;min-width:120px}.axp-weather-detail-icon{width:40px;height:40px;border-radius:50%;background-color:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;margin-right:.75rem}.axp-weather-detail-icon i{font-size:1.25rem}.axp-weather-detail-info{display:flex;flex-direction:column}.axp-weather-detail-label{font-size:.875rem;color:rgba(255,255,255,.8);margin-bottom:.25rem}.axp-weather-detail-value{font-size:1.125rem;font-weight:500}.axp-weather-forecast{margin-top:auto;margin-bottom:1rem;background-color:rgba(0,0,0,.15);border-radius:8px;padding:1rem}.axp-weather-forecast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.axp-weather-forecast-title{margin:0;font-size:1.125rem;font-weight:500;display:flex;align-items:center}.axp-weather-forecast-title i{margin-right:.5rem;opacity:.8}.axp-weather-scroll-indicator{color:rgba(255,255,255,.6)}.axp-weather-forecast-items{display:flex;overflow-x:auto;gap:.75rem;padding-bottom:.5rem}.axp-weather-forecast-items::-webkit-scrollbar{height:4px}.axp-weather-forecast-items::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3);border-radius:4px}.axp-weather-forecast-items::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1);border-radius:4px}.axp-weather-forecast-day{min-width:80px;display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background-color:rgba(255,255,255,.1);border-radius:6px;transition:all .3s ease}.axp-weather-forecast-day:hover{background-color:rgba(255,255,255,.15);transform:translateY(-2px)}.axp-weather-forecast-day-name{font-size:.875rem;margin-bottom:.5rem;font-weight:500}.axp-weather-forecast-icon{font-size:1.5rem;margin-bottom:.5rem}.axp-weather-forecast-icon i{filter:drop-shadow(0 0 5px rgba(0,0,0,.2))}.axp-weather-forecast-temps{display:flex;flex-direction:row;gap:.75rem;align-items:center;font-size:.875rem}.axp-weather-last-updated{text-align:center;font-size:.75rem;opacity:.7;margin-bottom:.5rem}.axp-weather-refresh-action{text-align:center}.axp-weather-refresh-button{background-color:rgba(255,255,255,.2);color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.axp-weather-refresh-button:hover{background-color:rgba(255,255,255,.3);transform:translateY(-1px)}.axp-weather-refresh-button i{font-size:.875rem}@media (max-width: 576px){.axp-weather-inner{padding:.8rem;gap:.4rem}.axp-weather-location-name{font-size:1.1rem}.axp-weather-temperature{font-size:2.5rem}.axp-weather-temperature-unit{font-size:1.1rem}.axp-weather-weather-details{flex-direction:column;gap:.5rem}.axp-weather-forecast-items{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem;margin:0 -.4rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;mask-image:linear-gradient(to right,#000 95%,rgba(0,0,0,0));-webkit-mask-image:linear-gradient(to right,rgb(0,0,0) 95%,rgba(0,0,0,0))}.axp-weather-forecast-items::-webkit-scrollbar{height:4px}.axp-weather-forecast-items::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.2);border-radius:4px}.axp-weather-forecast-day{min-width:60px;flex:0 0 auto;padding:.4rem .6rem}.axp-weather-forecast-day-name{font-size:.7rem}.axp-weather-forecast-icon{padding:.3rem;height:1.6rem}.axp-weather-forecast-temps{font-size:.7rem}.axp-weather-scroll-indicator{display:block}}:host-context(.theme-dark){--glass-bg: rgba(0, 0, 0, .3);--glass-border: rgba(255, 255, 255, .1)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
-
-var weatherWidget_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPWeatherWidgetViewComponent: AXPWeatherWidgetViewComponent
-});
-
-/**
- * Weather Widget Configuration
- * Provides customization options for displaying weather data and forecast
- */
-const AXPWeatherWidget = {
-    name: 'weather',
-    title: 'Weather Widget',
-    categories: [AXP_WIDGETS_UTILITY_CATEGORY],
-    groups: [AXPWidgetGroupEnum.DashboardWidget],
-    type: 'dashboard',
-    icon: 'fa-light fa-cloud-sun',
-    properties: [
-        /* Location Settings */
-        {
-            name: 'city',
-            title: 'City',
-            group: AXP_DATA_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 'New York',
-                dataType: 'string',
-                interface: {
-                    name: 'city',
-                    path: 'options.city',
-                    type: AXPWidgetsCatalog.text,
-                },
-            },
-            visible: true,
-        },
-        /* Display Options */
-        // {
-        //   name: 'showCurrentCondition',
-        //   title: 'Show Current Condition',
-        //   group: AXP_APPEARANCE_PROPERTY_GROUP,
-        //   schema: {
-        //     defaultValue: true,
-        //     dataType: 'boolean',
-        //     interface: {
-        //       name: 'showCurrentCondition',
-        //       path: 'options.showCurrentCondition',
-        //       type: AXPWidgetsCatalog.toggle,
-        //     },
-        //   },
-        //   visible: true,
-        // },
-        // {
-        //   name: 'showTemperature',
-        //   title: 'Show Temperature',
-        //   group: AXP_APPEARANCE_PROPERTY_GROUP,
-        //   schema: {
-        //     defaultValue: true,
-        //     dataType: 'boolean',
-        //     interface: {
-        //       name: 'showTemperature',
-        //       path: 'options.showTemperature',
-        //       type: AXPWidgetsCatalog.toggle,
-        //     },
-        //   },
-        //   visible: true,
-        // },
-        // {
-        //   name: 'showCurrentCondition',
-        //   title: 'Show Current Condition',
-        //   group: AXP_APPEARANCE_PROPERTY_GROUP,
-        //   schema: {
-        //     defaultValue: true,
-        //     dataType: 'boolean',
-        //     interface: {
-        //       name: 'showCurrentCondition',
-        //       path: 'options.showCurrentCondition',
-        //       type: AXPWidgetsCatalog.toggle,
-        //     },
-        //   },
-        //   visible: true,
-        // },
-        // {
-        //   name: 'showTemperature',
-        //   title: 'Show Temperature',
-        //   group: AXP_APPEARANCE_PROPERTY_GROUP,
-        //   schema: {
-        //     defaultValue: true,
-        //     dataType: 'boolean',
-        //     interface: {
-        //       name: 'showTemperature',
-        //       path: 'options.showTemperature',
-        //       type: AXPWidgetsCatalog.toggle,
-        //     },
-        //   },
-        //   visible: true,
-        // },
-        {
-            name: 'showHumidity',
-            title: 'Show Humidity',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showHumidity',
-                    path: 'options.showHumidity',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'showWind',
-            title: 'Show Wind Speed',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showWind',
-                    path: 'options.showWind',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'showForecast',
-            title: 'Show Forecast',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'showForecast',
-                    path: 'options.showForecast',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'forecastDays',
-            title: 'Forecast Days',
-            group: AXP_APPEARANCE_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 5,
-                dataType: 'number',
-                interface: {
-                    name: 'forecastDays',
-                    path: 'options.forecastDays',
-                    type: AXPWidgetsCatalog.number,
-                    options: {
-                        minValue: 1,
-                        maxValue: 7,
-                        step: 1,
-                    },
-                },
-            },
-            visible: true,
-        },
-        /* Units Settings */
-        {
-            name: 'temperatureUnit',
-            title: 'Temperature Unit',
-            group: AXP_DATA_PROPERTY_GROUP,
-            schema: {
-                defaultValue: '°C',
-                dataType: 'string',
-                interface: {
-                    name: 'temperatureUnit',
-                    path: 'options.temperatureUnit',
-                    type: AXPWidgetsCatalog.select,
-                    options: {
-                        dataSource: ['°C', '°F'],
-                    },
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'windSpeedUnit',
-            title: 'Wind Speed Unit',
-            group: AXP_DATA_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 'km/h',
-                dataType: 'string',
-                interface: {
-                    name: 'windSpeedUnit',
-                    path: 'options.windSpeedUnit',
-                    type: AXPWidgetsCatalog.select,
-                    options: {
-                        dataSource: ['km/h', 'mph', 'm/s'],
-                    },
-                },
-            },
-            visible: true,
-        },
-        /* Refresh Settings */
-        {
-            name: 'autoRefresh',
-            title: 'Auto Refresh',
-            group: AXP_BEHAVIOR_PROPERTY_GROUP,
-            schema: {
-                defaultValue: true,
-                dataType: 'boolean',
-                interface: {
-                    name: 'autoRefresh',
-                    path: 'options.autoRefresh',
-                    type: AXPWidgetsCatalog.toggle,
-                },
-            },
-            visible: true,
-        },
-        {
-            name: 'refreshInterval',
-            title: 'Refresh Interval (minutes)',
-            group: AXP_BEHAVIOR_PROPERTY_GROUP,
-            schema: {
-                defaultValue: 15,
-                dataType: 'number',
-                interface: {
-                    name: 'refreshInterval',
-                    path: 'options.refreshInterval',
-                    type: AXPWidgetsCatalog.select,
-                    options: {
-                        dataSource: [5, 10, 15, 30, 60],
-                    },
-                },
-            },
-            visible: true,
-        },
-    ],
-    components: {
-        view: {
-            component: () => Promise.resolve().then(function () { return weatherWidget_component; }).then((c) => c.AXPWeatherWidgetViewComponent),
-        },
-    },
-    meta: {
-        dimensions: {
-            width: 3,
-            height: 7,
-            minWidth: 2,
-            minHeight: 4,
-            maxWidth: 4,
-            maxHeight: 8,
-        },
-    },
-};
-
-class AXPDashboardShortcutWidgetViewComponent extends AXPLayoutWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.popupService = inject(AXPopupService);
-        this.workflow = inject(AXPWorkflowService);
-        this.searchConfig = inject(AXP_GLOBAL_SEARCH_CONFIG_TOKEN);
-        this.item = computed(() => this.options()['item']);
-        this.color = computed(() => this.options()['color']);
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        if (!this.color()) {
-            this.setOptions({
-                color: AXPDataGenerator.color()
-            });
-        }
-    }
-    async executeCommand() {
-        if (this.item()?.command) {
-            await this.workflow.execute(this.item().command.name, this.item().command.options);
-        }
-    }
-    async setCommand() {
-        const component = await this.searchConfig.window();
-        const popup = await this.popupService.open(component, {
-            title: 'Choose command...',
-            size: 'fit',
-            closeOnBackdropClick: true,
-            header: false,
-        });
-        if (popup.data) {
-            const result = popup.data;
-            if (result && result.command) {
-                this.setOptions({
-                    item: {
-                        name: result.name,
-                        title: result.title,
-                        description: result.description,
-                        icon: result.icon,
-                        command: result.command
-                    }
-                });
-            }
-        }
-    }
-    get __style() {
-        const cls = {};
-        cls[`background-color`] = this.color();
-        return cls;
-    }
-    get __class() {
-        const cls = {};
-        cls[`ax-flex`] = true;
-        cls[`ax-flex-col`] = true;
-        cls[`ax-items-center`] = true;
-        cls[`ax-justify-center`] = true;
-        cls[`ax-w-full`] = true;
-        cls[`ax-h-full`] = true;
-        cls[`ax-text-center`] = true;
-        cls[`ax-overflow-hidden`] = true;
-        cls[`ax-cursor-pointer`] = true;
-        cls[`ax-text-white`] = true;
-        return cls;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPDashboardShortcutWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPDashboardShortcutWidgetViewComponent, isStandalone: true, selector: "ng-component", host: { properties: { "style": "this.__style", "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
-    @if(item()) {
-      <div 
-        class="ax-group ax-flex ax-flex-col ax-items-center ax-justify-center ax-p-3 ax-w-full ax-h-full ax-relative ax-overflow-hidden "
-        (click)="executeCommand()">
-        <div class="ax-absolute ax-inset-0 ax-bg-black/0 hover:ax-bg-black/10 ax-transition-opacity"></div>
-        <i [class]="item().icon + ' ax-text-3xl'"></i>
-        <span class="ax-text-xl ax-font-semibold">{{ item().title | translate | async }}</span>
-        @if(item().description) {
-          <span class="ax-text-sm ax-opacity-90 ax-text-center ax-px-2">{{ item().description! | translate | async }}</span>
-        }
-      </div>
-    } @else {
-      <div 
-        (click)="setCommand()" 
-        class="ax-group ax-flex ax-flex-col ax-items-center ax-justify-center ax-p-3 ax-w-full ax-h-full  ax-relative ax-overflow-hidden">
-        <div class="ax-absolute ax-inset-0 ax-bg-black/0 hover:ax-bg-black/5 ax-transition-opacity"></div>
-        <i class="fa-light fa-plus ax-text-3xl"></i>
-        <span class="ax-text-xl ax-font-semibold">Add Shortcut</span>
-      </div>
-    }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPDashboardShortcutWidgetViewComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-    @if(item()) {
-      <div 
-        class="ax-group ax-flex ax-flex-col ax-items-center ax-justify-center ax-p-3 ax-w-full ax-h-full ax-relative ax-overflow-hidden "
-        (click)="executeCommand()">
-        <div class="ax-absolute ax-inset-0 ax-bg-black/0 hover:ax-bg-black/10 ax-transition-opacity"></div>
-        <i [class]="item().icon + ' ax-text-3xl'"></i>
-        <span class="ax-text-xl ax-font-semibold">{{ item().title | translate | async }}</span>
-        @if(item().description) {
-          <span class="ax-text-sm ax-opacity-90 ax-text-center ax-px-2">{{ item().description! | translate | async }}</span>
-        }
-      </div>
-    } @else {
-      <div 
-        (click)="setCommand()" 
-        class="ax-group ax-flex ax-flex-col ax-items-center ax-justify-center ax-p-3 ax-w-full ax-h-full  ax-relative ax-overflow-hidden">
-        <div class="ax-absolute ax-inset-0 ax-bg-black/0 hover:ax-bg-black/5 ax-transition-opacity"></div>
-        <i class="fa-light fa-plus ax-text-3xl"></i>
-        <span class="ax-text-xl ax-font-semibold">Add Shortcut</span>
-      </div>
-    }
-  `,
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, AXTranslationModule]
-                }]
-        }], propDecorators: { __style: [{
-                type: HostBinding,
-                args: ['style']
-            }], __class: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-var dashboardShortcutWidgetView_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPDashboardShortcutWidgetViewComponent: AXPDashboardShortcutWidgetViewComponent
-});
-
-const AXPDashboardShortcutWidget = {
-    name: "dashboard-shortcut",
-    title: "Shortcut",
-    description: 'Quick access to your key features.',
-    type: 'view',
-    categories: [AXP_WIDGETS_UTILITY_CATEGORY],
-    groups: [AXPWidgetGroupEnum.DashboardWidget],
-    icon: "fa-light fa-link",
-    properties: [
-        AXP_COLOR_PROPERTY
-    ],
-    meta: {
-        dimensions: {
-            width: 2,
-            height: 2,
-            minWidth: 1,
-            minHeight: 1,
-            maxWidth: 3,
-            maxHeight: 2,
-        },
-    },
-    components: {
-        view: {
-            component: () => Promise.resolve().then(function () { return dashboardShortcutWidgetView_component; }).then((c) => c.AXPDashboardShortcutWidgetViewComponent),
-        },
-    }
-};
-
-class AXMMenuProvider {
-    constructor() {
-        this.sessionService = inject(AXPSessionService);
-        this.entityService = inject(AXPEntityService);
-    }
-    async provide(context) {
-        const scope = RootConfig.config.i18n;
-        const module = RootConfig.module;
-        const appName = this.sessionService.application?.name;
-        context.addItems([
-            {
-                priority: 9001,
-                text: `t('root-menu', {scope: "${scope}"})`,
-                icon: RootConfig.module.icon,
-                data: {
-                // requiredPermission: 'demo.admin.settings',
-                },
-                children: [
-                    {
-                        text: `t('dashboards', {scope: "${scope}"})`,
-                        path: `${this.sessionService.application?.name}/dashboard/management`,
-                        icon: RootConfig.entities.dashboard.icon,
-                        priority: 1,
-                    },
-                ],
-            },
-        ]);
-        const isAuthorized = await firstValueFrom(this.sessionService.isAuthorized$);
-        if (!isAuthorized) {
-            return;
-        }
-    }
-}
-
-function routesFactory() {
-    const config = inject(AXP_ENTITY_CONFIG_TOKEN);
-    return {
-        path: ':app',
-        canActivate: [AXPAuthGuard],
-        loadComponent: () => {
-            return config.viewers.root();
-        },
-        children: [
-            {
-                path: 'dashboard',
-                loadComponent: () => import('./acorex-modules-dashboard-management-home-dashboard-By3lZP-J.mjs').then((c) => c.AXMDashboardHomeComponent),
-                children: [
-                    {
-                        path: 'management',
-                        loadComponent: () => import('./acorex-modules-dashboard-management-home-dashboard-By3lZP-J.mjs').then((c) => c.AXMDashboardHomeComponent),
-                    },
-                ],
-            },
-        ],
-    };
-}
-class AXMDashboardManagementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDashboardManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXMDashboardManagementModule, imports: [i3$1.AXPLayoutBuilderModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDashboardManagementModule, providers: [
-            {
-                provide: AXMDashboardService,
-                useClass: AXMDashboardServiceImpl,
-            },
-            {
-                provide: AXP_HOME_PAGES,
-                multi: true,
-                useFactory: () => [
-                    {
-                        key: 'dashboard',
-                        title: 'Dashboard',
-                        route: routesFactory(),
-                    },
-                ],
-            },
-            AXPWidgetsModule,
-            {
-                provide: AXP_MENU_PROVIDER,
-                useClass: AXMMenuProvider,
-                multi: true,
-            },
-            {
-                provide: AXP_ENTITY_DEFINITION_LOADER,
-                useClass: AXMEntityProvider,
-                multi: true,
-            },
-            {
-                provide: AXMDashboardService,
-                useClass: AXMDashboardServiceImpl,
-            },
-            {
-                provide: AXP_HOME_PAGE_DEFAULT_KEY,
-                useValue: 'dashboard',
-            },
-        ], imports: [AXPLayoutBuilderModule.forChild({
-                widgets: [
-                    AXPDashboardShortcutWidget,
-                    //charts
-                    AXPDonutChartWidget,
-                    AXPBarChartWidget,
-                    AXPLineChartWidget,
-                    AXPGaugeChartWidget,
-                    AXPStickyNoteWidget,
-                    AXPClockCalendarWidget,
-                    AXPWeatherWidget,
-                    AXPTaskListWidget,
-                ],
-            })] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDashboardManagementModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        AXPLayoutBuilderModule.forChild({
-                            widgets: [
-                                AXPDashboardShortcutWidget,
-                                //charts
-                                AXPDonutChartWidget,
-                                AXPBarChartWidget,
-                                AXPLineChartWidget,
-                                AXPGaugeChartWidget,
-                                AXPStickyNoteWidget,
-                                AXPClockCalendarWidget,
-                                AXPWeatherWidget,
-                                AXPTaskListWidget,
-                            ],
-                        }),
-                    ],
-                    exports: [],
-                    declarations: [],
-                    providers: [
-                        {
-                            provide: AXMDashboardService,
-                            useClass: AXMDashboardServiceImpl,
-                        },
-                        {
-                            provide: AXP_HOME_PAGES,
-                            multi: true,
-                            useFactory: () => [
-                                {
-                                    key: 'dashboard',
-                                    title: 'Dashboard',
-                                    route: routesFactory(),
-                                },
-                            ],
-                        },
-                        AXPWidgetsModule,
-                        {
-                            provide: AXP_MENU_PROVIDER,
-                            useClass: AXMMenuProvider,
-                            multi: true,
-                        },
-                        {
-                            provide: AXP_ENTITY_DEFINITION_LOADER,
-                            useClass: AXMEntityProvider,
-                            multi: true,
-                        },
-                        {
-                            provide: AXMDashboardService,
-                            useClass: AXMDashboardServiceImpl,
-                        },
-                        {
-                            provide: AXP_HOME_PAGE_DEFAULT_KEY,
-                            useValue: 'dashboard',
-                        },
-                    ],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AXMDashboardService as A, RootConfig as R, AXMDashboardManagementModule as a, AXPBarChartWidgetViewComponent as b, AXPBarChartWidget as c, AXP_WIDGETS_CHART_CATEGORY as d, AXP_WIDGETS_UTILITY_CATEGORY as e, AXPClockCalendarWidgetViewComponent as f, AXPClockCalendarWidget as g, AXP_TIMEZONE_OPTIONS as h, AXP_DATE_FORMAT_OPTIONS as i, AXPDonutChartWidgetViewComponent as j, AXPDonutChartWidget as k, AXPGaugeChartWidgetViewComponent as l, AXPGaugeChartWidget as m, AXPLineChartWidgetViewComponent as n, AXPLineChartWidget as o, AXPStickyNoteWidgetViewComponent as p, AXPStickyNoteWidget as q, AXPTaskListWidgetViewComponent as r, AXPTaskListWidget as s, AXPWeatherApiAbstract as t, AXPWeatherApiMockService as u, AXPWeatherApiService as v, AXPWeatherWidgetViewComponent as w, AXPWeatherWidget as x };
-//# sourceMappingURL=acorex-modules-dashboard-management-acorex-modules-dashboard-management-DKGnh_V9.mjs.map