@acorex-platform/extension-weather-core-client 0.0.21

package/fesm2022/acorex-platform-extension-weather-core-client.mjs

@@ -0,0 +1,803 @@
+import { AXP_EXPERIENCE_SETTINGS_GROUP, AXP_EXPERIENCE_SETTINGS_SECTIONS, AXP_SETTING_DEFINITION_PROVIDER, AXP_INTEGRATION_DOMAIN_PROVIDER } from '@acorex-platform/framework-client/common';
+import { AXP_MODULE_MANIFEST_PROVIDER } from '@acorex-platform/framework-client/core';
+import { AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/layout/widget-core';
+import * as i0 from '@angular/core';
+import { Injectable, inject, DestroyRef, signal, computed, effect, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { AXP_INTEGRATION_CATEGORY, AXPWidgetsList, AXPWidgetsCatalog } from '@acorex-platform/framework-shared/core';
+import { RootConfig, AXE_WEATHER_DOMAIN_ID, WEATHER_PROVIDER_IDS, AXEWeatherSettingKeys, getWeatherCondition } from '@acorex-platform/extension-weather-core-client/contracts';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i1 from '@acorex/components/skeleton';
+import { AXSkeletonModule } from '@acorex/components/skeleton';
+import * as i3 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXPStateMessageComponent } from '@acorex-platform/framework-client/layout/components';
+import { AXPDashboardWidgetComponent, AXP_UTILITY_WEATHER_DIMENSIONS, AXP_DASHBOARD_SHARED_SUB_UTILITY_WEATHER, AXP_WIDGETS_UTILITY_CATEGORY } from '@acorex-platform/module-dashboard-management-client';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { catchError, of, finalize, interval, switchMap } from 'rxjs';
+import { AXPWeatherApiAbstract, AXEWeatherGatewayService } from '@acorex-platform/extension-weather-core-gateway';
+import { AXPWidgetGroupEnum } from '@acorex-platform/framework-shared/widget-core';
+import { AXP_DATA_PROPERTY_GROUP, AXP_APPEARANCE_PROPERTY_GROUP, AXP_BEHAVIOR_PROPERTY_GROUP } from '@acorex-platform/framework-client/layout/widgets';
+import { defineWidget } from '@acorex-platform/framework-shared/runtime';
+
+const I18N$1 = `@${RootConfig.config.i18n}:integration.domain`;
+class AXEWeatherIntegrationDomainProvider {
+    async provide(context) {
+        context.register({
+            id: AXE_WEATHER_DOMAIN_ID,
+            module: RootConfig.module.name,
+            displayName: `${I18N$1}.title`,
+            description: `${I18N$1}.description`,
+            icon: RootConfig.module.icon,
+            category: AXP_INTEGRATION_CATEGORY.Weather,
+            capabilities: [],
+            settingsGroup: 'experience',
+            sortOrder: 10,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXEWeatherIntegrationDomainProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXEWeatherIntegrationDomainProvider }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXEWeatherIntegrationDomainProvider, decorators: [{
+            type: Injectable
+        }] });
+
+const WeatherExtensionManifest = {
+    name: RootConfig.module.name,
+    version: '1.0.0',
+    title: RootConfig.module.title,
+    icon: RootConfig.module.icon,
+    i18n: RootConfig.config.i18n,
+    type: 'integration',
+    domain: 'weather',
+    dependencies: [],
+};
+
+const I18N = `@${RootConfig.config.i18n}:settings`;
+class AXEWeatherSettingsProvider {
+    async provide(context) {
+        if (!context.hasGroup(AXP_EXPERIENCE_SETTINGS_GROUP)) {
+            return;
+        }
+        const experience = context.group(AXP_EXPERIENCE_SETTINGS_GROUP);
+        if (!experience) {
+            return;
+        }
+        const widgets = experience.section(AXP_EXPERIENCE_SETTINGS_SECTIONS.Widgets);
+        if (!widgets) {
+            return;
+        }
+        widgets.addSetting({
+            key: AXEWeatherSettingKeys.ActiveProvider,
+            title: `${I18N}.provider.active-provider.title`,
+            scope: 'T',
+            overridableAt: [],
+            isInherited: true,
+            defaultValue: WEATHER_PROVIDER_IDS.WeatherApi,
+            widget: {
+                type: AXPWidgetsList.Editors.SelectBox,
+                options: {
+                    dataSource: [
+                        { id: WEATHER_PROVIDER_IDS.WeatherApi, title: 'WeatherAPI.com' },
+                        { id: WEATHER_PROVIDER_IDS.OpenWeatherMap, title: 'OpenWeatherMap' },
+                    ],
+                },
+            },
+            description: `${I18N}.provider.active-provider.description`,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXEWeatherSettingsProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXEWeatherSettingsProvider }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXEWeatherSettingsProvider, decorators: [{
+            type: Injectable
+        }] });
+
+const GRID_CELL_HEIGHT = 75;
+const GRID_GAP = 5;
+const CONDITION_HUES = {
+    sunny: 38,
+    clearNight: 250,
+    partlyCloudy: 210,
+    partlyCloudyNight: 250,
+    cloudy: 215,
+    rain: 220,
+    showers: 215,
+    thunderstorm: 270,
+    snow: 200,
+    mist: 215,
+    unknown: 210,
+};
+function normalizeHue(hue) {
+    return ((hue % 360) + 360) % 360;
+}
+/** Snap pixel size to the nearest dashboard grid unit count (1–4). */
+function gridUnitsFromPixels(size, cellSize) {
+    let bestUnits = 1;
+    let bestDelta = Infinity;
+    for (let units = 1; units <= 4; units++) {
+        const expected = units * cellSize + (units - 1) * GRID_GAP;
+        const delta = Math.abs(size - expected);
+        if (delta < bestDelta) {
+            bestDelta = delta;
+            bestUnits = units;
+        }
+    }
+    return bestUnits;
+}
+function resolveWeatherGridUnits(width, height) {
+    return {
+        w: gridUnitsFromPixels(width, 112),
+        h: gridUnitsFromPixels(height, GRID_CELL_HEIGHT),
+    };
+}
+function resolveWeatherLayoutVariant(width, height) {
+    if (width <= 0 || height <= 0) {
+        return '2x2';
+    }
+    const { w, h } = resolveWeatherGridUnits(width, height);
+    // Snap disallowed sizes to nearest allowed layout.
+    if (w === 1 && h === 1) {
+        return '2x2';
+    }
+    if (w === 1 && h >= 4) {
+        return '1x2';
+    }
+    if (w === 1 && h === 3) {
+        return '1x2';
+    }
+    if (w >= 4 && h >= 4) {
+        return '4x4';
+    }
+    if (w >= 4 && h >= 2) {
+        return '4x2';
+    }
+    if (w >= 4 && h === 1) {
+        return '2x1';
+    }
+    if (w >= 2 && h >= 2) {
+        return '2x2';
+    }
+    if (w >= 2 && h === 1) {
+        return '2x1';
+    }
+    if (w === 1 && h >= 2) {
+        return '1x2';
+    }
+    return '2x2';
+}
+function getWeatherConditionHue(conditionId) {
+    const normalized = String(conditionId || 'unknown').replace(/\s+/g, '');
+    return CONDITION_HUES[normalized] ?? CONDITION_HUES[getWeatherCondition(normalized).id] ?? CONDITION_HUES['unknown'];
+}
+function buildWeatherVisualTheme(conditionId) {
+    const condition = getWeatherCondition(conditionId || 'partlyCloudy');
+    const hue = getWeatherConditionHue(condition.id);
+    const accent = condition.color || '#6ba4e8';
+    const h = normalizeHue(hue);
+    const isWarm = ['sunny', 'clearNight'].includes(condition.id);
+    const high = isWarm ? '#f59e0b' : '#3b82f6';
+    const low = '#3b82f6';
+    return {
+        background: `linear-gradient(135deg, hsl(${h}, 84%, 97%) 0%, hsl(${h}, 68%, 98%) 52%, #fff 100%)`,
+        blob: `radial-gradient(circle at 100% 100%, hsla(${h}, 85%, 72%, 0.45) 0%, hsla(${h}, 70%, 80%, 0.18) 42%, transparent 72%)`,
+        high,
+        low,
+        accent,
+    };
+}
+function shouldShowWeatherStats(_variant) {
+    return true;
+}
+function shouldShowWeatherFeelsLike(variant) {
+    return variant !== '1x2';
+}
+function shouldShowWeatherHourly(variant) {
+    return variant === '2x1' || variant === '4x2' || variant === '4x4';
+}
+function shouldShowWeatherMetrics(variant) {
+    return variant === '4x2' || variant === '4x4';
+}
+function shouldShowWeatherDaily(variant, showForecast) {
+    return showForecast && (variant === '4x2' || variant === '4x4');
+}
+function isWeatherWideDashboard(variant) {
+    return variant === '4x2' || variant === '4x4';
+}
+/** Cap hourly slots so wide tiles fill evenly without a horizontal scrollbar. */
+function resolveWeatherHourlyCount(variant, configuredHours) {
+    const configured = Number.isFinite(configuredHours) ? Math.max(1, Math.floor(configuredHours)) : 6;
+    switch (variant) {
+        case '2x1':
+            return Math.min(configured, 4);
+        case '4x2':
+            return Math.min(configured, 4);
+        case '4x4':
+            return Math.min(configured, 6);
+        default:
+            return configured;
+    }
+}
+
+class AXPWeatherWidgetViewComponent extends AXPDashboardWidgetComponent {
+    constructor() {
+        super();
+        this.weatherService = inject(AXPWeatherApiAbstract);
+        this.destroyRef = inject(DestroyRef);
+        this.containerWidth = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "containerWidth" }] : /* istanbul ignore next */ []));
+        this.containerHeight = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "containerHeight" }] : /* istanbul ignore next */ []));
+        this.refreshSubscription = null;
+        this.iconCache = new Map();
+        this.weatherData = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "weatherData" }] : /* istanbul ignore next */ []));
+        this.isLoading = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+        this.hasError = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
+        this.errorMessage = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+        this.city = computed(() => this.options()['city'] || 'New York', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "city" }] : /* istanbul ignore next */ []));
+        this.temperatureUnit = computed(() => this.options()['temperatureUnit']?.id || '°C', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "temperatureUnit" }] : /* istanbul ignore next */ []));
+        this.windSpeedUnit = computed(() => this.options()['windSpeedUnit']?.id || 'km/h', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "windSpeedUnit" }] : /* istanbul ignore next */ []));
+        this.showHumidity = computed(() => this.options()['showHumidity'] !== false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showHumidity" }] : /* istanbul ignore next */ []));
+        this.showWind = computed(() => this.options()['showWind'] !== false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showWind" }] : /* istanbul ignore next */ []));
+        this.showForecast = computed(() => this.options()['showForecast'] !== false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showForecast" }] : /* istanbul ignore next */ []));
+        this.forecastDays = computed(() => this.options()['forecastDays'] ?? 5, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "forecastDays" }] : /* istanbul ignore next */ []));
+        this.forecastHours = computed(() => this.options()['forecastHours'] ?? 6, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "forecastHours" }] : /* istanbul ignore next */ []));
+        this.autoRefresh = computed(() => this.options()['autoRefresh'] !== false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "autoRefresh" }] : /* istanbul ignore next */ []));
+        this.refreshInterval = computed(() => this.options()['refreshInterval']?.id ?? 15, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "refreshInterval" }] : /* istanbul ignore next */ []));
+        this.layoutVariant = computed(() => resolveWeatherLayoutVariant(this.containerWidth(), this.containerHeight()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "layoutVariant" }] : /* istanbul ignore next */ []));
+        this.visualTheme = computed(() => buildWeatherVisualTheme(this.weatherData()?.current.condition || 'partlyCloudy'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "visualTheme" }] : /* istanbul ignore next */ []));
+        this.showStats = computed(() => shouldShowWeatherStats(this.layoutVariant()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showStats" }] : /* istanbul ignore next */ []));
+        this.showFeelsLike = computed(() => shouldShowWeatherFeelsLike(this.layoutVariant()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showFeelsLike" }] : /* istanbul ignore next */ []));
+        this.showHourly = computed(() => shouldShowWeatherHourly(this.layoutVariant()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showHourly" }] : /* istanbul ignore next */ []));
+        this.showMetrics = computed(() => shouldShowWeatherMetrics(this.layoutVariant()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showMetrics" }] : /* istanbul ignore next */ []));
+        this.showDaily = computed(() => shouldShowWeatherDaily(this.layoutVariant(), this.showForecast()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showDaily" }] : /* istanbul ignore next */ []));
+        this.effectiveForecastHours = computed(() => resolveWeatherHourlyCount(this.layoutVariant(), this.forecastHours()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "effectiveForecastHours" }] : /* istanbul ignore next */ []));
+        this.displayedDailyForecast = computed(() => {
+            const weatherData = this.weatherData();
+            if (!weatherData?.forecast) {
+                return [];
+            }
+            return weatherData.forecast.slice(1, this.forecastDays());
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayedDailyForecast" }] : /* istanbul ignore next */ []));
+        this.displayedHourlyForecast = computed(() => {
+            const maxHours = this.effectiveForecastHours();
+            const weatherData = this.weatherData();
+            if (!weatherData?.forecast?.[0]?.hour) {
+                return [];
+            }
+            const now = new Date();
+            const currentHour = now.getHours();
+            const todayHours = weatherData.forecast[0].hour;
+            const remainingTodayHours = todayHours.filter((hour) => {
+                const hourTime = new Date(hour.time);
+                return hourTime.getHours() > currentHour;
+            });
+            let result = [...remainingTodayHours];
+            if (result.length < maxHours && weatherData.forecast.length > 1) {
+                const tomorrowHours = weatherData.forecast[1].hour;
+                const neededFromTomorrow = maxHours - result.length;
+                result = [...result, ...tomorrowHours.slice(0, neededFromTomorrow)];
+            }
+            return result.slice(0, maxHours);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayedHourlyForecast" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            this.options();
+            this.loadWeatherData();
+            this.setupRefreshTimer();
+        });
+        this.destroyRef.onDestroy(() => this.clearRefreshTimer());
+    }
+    onContainerSizeChanged(size) {
+        this.containerWidth.set(size.width);
+        this.containerHeight.set(size.height);
+    }
+    refreshWeather() {
+        this.loadWeatherData();
+    }
+    getConditionIcon(conditionId) {
+        const id = conditionId || 'unknown';
+        if (this.iconCache.has(id)) {
+            return this.iconCache.get(id);
+        }
+        const iconPath = this.weatherService.resolveConditionIcon(id);
+        this.iconCache.set(id, iconPath);
+        return iconPath;
+    }
+    getConditionName(conditionId) {
+        const condition = this.weatherService.getCondition(conditionId);
+        if (!condition?.name) {
+            return '@dashboard:weather.conditions.unknown';
+        }
+        const formattedName = condition.name.toLowerCase().replace(/\s+/g, '-');
+        return `@dashboard:weather.conditions.${formattedName}`;
+    }
+    getCurrentTemperature() {
+        const data = this.weatherData();
+        if (!data) {
+            return 0;
+        }
+        return this.temperatureUnit() === '°C' ? data.current.tempC : data.current.tempF;
+    }
+    getFeelsLikeTemperature() {
+        const data = this.weatherData();
+        if (!data) {
+            return 0;
+        }
+        return this.temperatureUnit() === '°C' ? data.current.feelsLikeC : data.current.feelsLikeF;
+    }
+    getMaxTemp() {
+        const day = this.weatherData()?.forecast?.[0];
+        if (!day) {
+            return 0;
+        }
+        return this.temperatureUnit() === '°C' ? day.maxTempC : day.maxTempF;
+    }
+    getMinTemp() {
+        const day = this.weatherData()?.forecast?.[0];
+        if (!day) {
+            return 0;
+        }
+        return this.temperatureUnit() === '°C' ? day.minTempC : day.minTempF;
+    }
+    getHumidity() {
+        return this.weatherData()?.current.humidity ?? 0;
+    }
+    getWindSpeed() {
+        const data = this.weatherData();
+        if (!data) {
+            return 0;
+        }
+        return this.windSpeedUnit() === 'km/h' ? data.current.windKph : data.current.windMph;
+    }
+    getUvIndex() {
+        return this.weatherData()?.current.uv ?? 0;
+    }
+    getWindSpeedUnitKey() {
+        return this.windSpeedUnit() === 'km/h' ? '@dashboard:weather.units.kmh' : '@dashboard:weather.units.mph';
+    }
+    getForecastDayTemp(day) {
+        return this.temperatureUnit() === '°C' ? day.maxTempC : day.maxTempF;
+    }
+    getForecastDayMinTemp(day) {
+        return this.temperatureUnit() === '°C' ? day.minTempC : day.minTempF;
+    }
+    getHourLabel(timeStr) {
+        const time = new Date(timeStr);
+        return time.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: false });
+    }
+    getHourTemp(hour) {
+        return this.temperatureUnit() === '°C' ? hour.tempC : hour.tempF;
+    }
+    getDayName(date) {
+        const today = new Date();
+        today.setHours(0, 0, 0, 0);
+        const tomorrow = new Date(today);
+        tomorrow.setDate(tomorrow.getDate() + 1);
+        const checkDate = new Date(date);
+        checkDate.setHours(0, 0, 0, 0);
+        if (checkDate.getTime() === today.getTime()) {
+            return '@dashboard:weather.days.today';
+        }
+        if (checkDate.getTime() === tomorrow.getTime()) {
+            return '@dashboard:weather.days.tomorrow';
+        }
+        const days = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'];
+        return `@dashboard:weather.days.${days[checkDate.getDay()]}`;
+    }
+    parseDate(dateStr) {
+        return new Date(dateStr);
+    }
+    locationShortLabel() {
+        const location = this.weatherData()?.location;
+        const raw = (location?.country || location?.city || this.city()).trim();
+        if (/^[A-Za-z]{2,3}$/.test(raw)) {
+            return raw.toUpperCase();
+        }
+        const words = raw.split(/\s+/).filter(Boolean);
+        if (words.length >= 2) {
+            return `${words[0][0] ?? ''}${words[1][0] ?? ''}`.toUpperCase();
+        }
+        return raw.slice(0, 2).toUpperCase();
+    }
+    loadWeatherData() {
+        if (!this.city()) {
+            this.isLoading.set(false);
+            return;
+        }
+        this.isLoading.set(true);
+        this.hasError.set(false);
+        this.errorMessage.set('');
+        const requestDays = Math.max(this.forecastDays(), 2);
+        this.weatherService
+            .getForecast({
+            location: this.city(),
+            tempUnit: this.temperatureUnit(),
+            days: requestDays,
+        })
+            .pipe(catchError((error) => {
+            this.handleError(error);
+            return of(null);
+        }), finalize(() => this.isLoading.set(false)), takeUntilDestroyed(this.destroyRef))
+            .subscribe((data) => {
+            if (data) {
+                this.weatherData.set(data);
+            }
+        });
+    }
+    setupRefreshTimer() {
+        this.clearRefreshTimer();
+        if (!this.autoRefresh()) {
+            return;
+        }
+        const intervalValue = Math.max(this.refreshInterval(), 5);
+        const intervalMs = intervalValue * 60 * 1000;
+        this.refreshSubscription = interval(intervalMs)
+            .pipe(switchMap(() => {
+            this.loadWeatherData();
+            return of(null);
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe();
+    }
+    clearRefreshTimer() {
+        if (this.refreshSubscription) {
+            this.refreshSubscription.unsubscribe();
+            this.refreshSubscription = null;
+        }
+    }
+    handleError(error) {
+        console.error('Weather widget error:', error);
+        this.hasError.set(true);
+        const status = error?.status;
+        if (status === 0) {
+            this.errorMessage.set('@dashboard:weather.error.network');
+            return;
+        }
+        if (status !== undefined && status >= 400 && status < 500) {
+            this.errorMessage.set('@dashboard:weather.error.api');
+            return;
+        }
+        this.errorMessage.set('@dashboard:weather.error.general');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWeatherWidgetViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPWeatherWidgetViewComponent, isStandalone: true, selector: "ng-component", providers: [
+            {
+                provide: AXPWeatherApiAbstract,
+                useClass: AXEWeatherGatewayService,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"weather-card weather-card--{{ layoutVariant() }}\"\n  [style.background]=\"visualTheme().background\"\n  [style.--weather-high]=\"visualTheme().high\"\n  [style.--weather-low]=\"visualTheme().low\"\n  [style.--weather-accent]=\"visualTheme().accent\"\n  [attr.aria-label]=\"'Current weather for ' + city()\"\n>\n  @if (isLoading()) {\n    <div class=\"weather-card__state\" [attr.aria-busy]=\"true\">\n      <ax-skeleton class=\"weather-card__skeleton-icon\"></ax-skeleton>\n      <div class=\"weather-card__skeleton-lines\">\n        <ax-skeleton class=\"weather-card__skeleton-line weather-card__skeleton-line--lg\"></ax-skeleton>\n        <ax-skeleton class=\"weather-card__skeleton-line\"></ax-skeleton>\n      </div>\n    </div>\n  } @else if (hasError()) {\n    <div class=\"weather-card__state\">\n      <axp-state-message\n        mode=\"error\"\n        icon=\"fa-solid fa-exclamation-triangle\"\n        [title]=\"'@dashboard:weather.error.title'\"\n        [description]=\"errorMessage()\"\n      >\n        <button slot=\"actions\" type=\"button\" class=\"weather-card__retry\" (click)=\"refreshWeather()\">\n          <i class=\"fa-solid fa-sync-alt\" aria-hidden=\"true\"></i>\n          <span>{{ '@dashboard:weather.retry' | translate | async }}</span>\n        </button>\n      </axp-state-message>\n    </div>\n  } @else if (weatherData()) {\n    <div class=\"weather-card__blob\" [style.background]=\"visualTheme().blob\" aria-hidden=\"true\"></div>\n\n    @if (layoutVariant() === '1x2') {\n      <div class=\"weather-card__tall\">\n        <div class=\"weather-card__hero\">\n          <div class=\"weather-card__hero-core\">\n            <img\n              [src]=\"getConditionIcon(weatherData()!.current.condition)\"\n              class=\"weather-card__hero-icon\"\n              [alt]=\"getConditionName(weatherData()!.current.condition) | translate | async\"\n              loading=\"lazy\"\n            />\n            <span class=\"weather-card__temp\">{{ getCurrentTemperature() | number: '1.0-0' }}\u00B0</span>\n          </div>\n          <div class=\"weather-card__inline-location\">\n            <i class=\"fa-solid fa-location-dot\" aria-hidden=\"true\"></i>\n            <span>{{ locationShortLabel() }}</span>\n          </div>\n        </div>\n\n        <p class=\"weather-card__condition weather-card__condition--center\">\n          {{ getConditionName(weatherData()!.current.condition) | translate | async }}\n        </p>\n\n        @if (showStats()) {\n          <div class=\"weather-card__footer-stats\">\n            <span class=\"weather-card__stat weather-card__stat--high\">\n              H {{ getMaxTemp() | number: '1.0-0' }}\u00B0\n            </span>\n            <span class=\"weather-card__stat weather-card__stat--low\">\n              L {{ getMinTemp() | number: '1.0-0' }}\u00B0\n            </span>\n          </div>\n        }\n      </div>\n    } @else {\n      <header class=\"weather-card__header\">\n        <img\n          [src]=\"getConditionIcon(weatherData()!.current.condition)\"\n          class=\"weather-card__icon\"\n          [alt]=\"getConditionName(weatherData()!.current.condition) | translate | async\"\n          loading=\"lazy\"\n        />\n        <div class=\"weather-card__location\">\n          <span class=\"weather-card__city\">{{ city() }}</span>\n          <i class=\"fa-solid fa-location-dot\" aria-hidden=\"true\"></i>\n        </div>\n      </header>\n\n      <div class=\"weather-card__body\">\n        <div class=\"weather-card__primary\">\n          <div class=\"weather-card__temp\">{{ getCurrentTemperature() | number: '1.0-0' }}\u00B0</div>\n          <p class=\"weather-card__condition\">\n            {{ getConditionName(weatherData()!.current.condition) | translate | async }}\n          </p>\n        </div>\n\n        @if (showStats()) {\n          <div class=\"weather-card__stats\">\n            <span class=\"weather-card__stat weather-card__stat--high\">\n              H {{ getMaxTemp() | number: '1.0-0' }}\u00B0\n            </span>\n            <span class=\"weather-card__stat weather-card__stat--low\">\n              L {{ getMinTemp() | number: '1.0-0' }}\u00B0\n            </span>\n            @if (showFeelsLike()) {\n              <span class=\"weather-card__stat weather-card__stat--feels\">\n                Feels {{ getFeelsLikeTemperature() | number: '1.0-0' }}\u00B0\n              </span>\n            }\n          </div>\n        }\n\n        @if (showHourly()) {\n        <section class=\"weather-card__hourly\">\n          <h4 class=\"weather-card__section-title\">\n            {{ '@dashboard:weather.hourly-forecast' | translate | async }}\n          </h4>\n          <div class=\"weather-card__hourly-row\">\n            @for (hour of displayedHourlyForecast(); track hour.time) {\n              <div class=\"weather-card__hour\">\n                <span class=\"weather-card__hour-time\">{{ getHourLabel(hour.time) }}</span>\n                <img\n                  [src]=\"getConditionIcon(hour.condition)\"\n                  class=\"weather-card__hour-icon\"\n                  [alt]=\"getConditionName(hour.condition) | translate | async\"\n                  loading=\"lazy\"\n                />\n                <span class=\"weather-card__hour-temp\">{{ getHourTemp(hour) | number: '1.0-0' }}\u00B0</span>\n              </div>\n            }\n          </div>\n        </section>\n      }\n\n      @if (showDaily()) {\n        <section class=\"weather-card__daily\">\n          <h4 class=\"weather-card__section-title\">\n            {{ '@dashboard:weather.forecast' | translate | async }}\n          </h4>\n          <div class=\"weather-card__daily-list\">\n            @for (day of displayedDailyForecast(); track day.date) {\n              <div class=\"weather-card__daily-item\">\n                <span class=\"weather-card__daily-name\">\n                  {{ getDayName(parseDate(day.date)) | translate | async }}\n                </span>\n                <img\n                  [src]=\"getConditionIcon(day.condition)\"\n                  class=\"weather-card__daily-icon\"\n                  [alt]=\"getConditionName(day.condition) | translate | async\"\n                  loading=\"lazy\"\n                />\n                <span class=\"weather-card__daily-high\">{{ getForecastDayTemp(day) | number: '1.0-0' }}\u00B0</span>\n                <span class=\"weather-card__daily-low\">{{ getForecastDayMinTemp(day) | number: '1.0-0' }}\u00B0</span>\n              </div>\n            }\n          </div>\n        </section>\n      }\n\n      @if (showMetrics() && (showHumidity() || showWind() || getUvIndex() > 0)) {\n        <section class=\"weather-card__metrics\">\n          @if (showHumidity()) {\n            <div class=\"weather-card__metric\">\n              <i class=\"fa-solid fa-droplet\" aria-hidden=\"true\"></i>\n              <span class=\"weather-card__metric-label\">{{ '@dashboard:weather.humidity' | translate | async }}</span>\n              <span class=\"weather-card__metric-value\">{{ getHumidity() }}%</span>\n            </div>\n          }\n          @if (showWind()) {\n            <div class=\"weather-card__metric\">\n              <i class=\"fa-solid fa-wind\" aria-hidden=\"true\"></i>\n              <span class=\"weather-card__metric-label\">{{ '@dashboard:weather.wind' | translate | async }}</span>\n              <span class=\"weather-card__metric-value\">\n                {{ getWindSpeed() }} {{ getWindSpeedUnitKey() | translate | async }}\n              </span>\n            </div>\n          }\n          @if (getUvIndex() > 0) {\n            <div class=\"weather-card__metric\">\n              <i class=\"fa-solid fa-sun\" aria-hidden=\"true\"></i>\n              <span class=\"weather-card__metric-label\">{{ '@dashboard:weather.uv-index' | translate | async }}</span>\n              <span class=\"weather-card__metric-value\">{{ getUvIndex() }}</span>\n            </div>\n          }\n        </section>\n      }\n    </div>\n    }\n  } @else {\n    <div class=\"weather-card__state\">\n      <axp-state-message\n        icon=\"fa-solid fa-cloud-sun\"\n        [title]=\"'@dashboard:weather.no-data.title'\"\n        [description]=\"'@dashboard:weather.no-data.description'\"\n      >\n        <button slot=\"actions\" type=\"button\" class=\"weather-card__retry\" (click)=\"refreshWeather()\">\n          <i class=\"fa-solid fa-sync-alt\" aria-hidden=\"true\"></i>\n          <span>{{ '@dashboard:weather.load-data' | translate | async }}</span>\n        </button>\n      </axp-state-message>\n    </div>\n  }\n</div>\n", styles: ["@layer properties;:host{display:block;width:100%;height:100%}.weather-card{--weather-icon-size: 3rem;--weather-temp-size: 2.75rem;--weather-label-size: .875rem;--weather-meta-size: .8125rem;--weather-caption-size: .6875rem;position:relative;display:flex;width:100%;height:100%;min-height:0px;flex-direction:column;overflow:hidden;padding:1rem 1.125rem;border-radius:1rem;border:1px solid var(--weather-accent, #6ba4e8);color:#0f172a;box-shadow:0 1px 3px #0f172a0f}@supports (color: color-mix(in lab,red,red)){.weather-card{border:1px solid color-mix(in srgb,var(--weather-accent, #6ba4e8) 16%,white)}}.weather-card .weather-card__blob{pointer-events:none;position:absolute;inset:0}.weather-card .weather-card__state{position:relative;z-index:1;display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:.625rem}.weather-card .weather-card__retry{display:inline-flex;align-items:center;gap:.375rem}.weather-card .weather-card__header{position:relative;z-index:1;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:.75rem}.weather-card .weather-card__icon{width:var(--weather-icon-size);height:var(--weather-icon-size);flex-shrink:0;object-fit:contain}.weather-card .weather-card__location{display:inline-flex;min-width:0px;align-items:center;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);gap:.3rem;font-size:var(--weather-meta-size);color:#334155}.weather-card .weather-card__location i{font-size:.6875rem;color:#94a3b8}.weather-card .weather-card__city{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.weather-card .weather-card__body{position:relative;z-index:1;display:flex;min-height:0px;flex:1;flex-direction:column;gap:.625rem;margin-top:.375rem}.weather-card .weather-card__primary{display:flex;min-width:0px;flex-direction:column;gap:.25rem}.weather-card .weather-card__temp{font-size:var(--weather-temp-size);--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);letter-spacing:-.04em;color:#0f172a}.weather-card .weather-card__condition{margin:0;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);font-size:var(--weather-label-size);line-height:1.35;color:#475569}.weather-card .weather-card__stats{display:flex;flex-wrap:wrap;align-items:center;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);gap:.75rem 1rem;font-size:var(--weather-meta-size)}.weather-card .weather-card__stat--high{color:var(--weather-high, #f59e0b)}.weather-card .weather-card__stat--low{color:var(--weather-low, #3b82f6)}.weather-card .weather-card__stat--feels{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:#64748b}.weather-card .weather-card__section-title{margin:0 0 .5rem;font-size:var(--weather-caption-size);--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.weather-card .weather-card__hourly-row{display:flex;overflow-x:auto;gap:.375rem}.weather-card .weather-card__hour{display:flex;flex:1;flex-direction:column;align-items:center;gap:.25rem;min-width:2.75rem}.weather-card .weather-card__hour-time{font-size:var(--weather-caption-size);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:#94a3b8}.weather-card .weather-card__hour-icon{width:calc(var(--weather-icon-size) * .55);height:calc(var(--weather-icon-size) * .55);object-fit:contain}.weather-card .weather-card__hour-temp{font-size:var(--weather-meta-size);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.weather-card .weather-card__daily-list{display:flex;flex-direction:column;gap:.375rem}.weather-card .weather-card__daily-item{display:grid;align-items:center;grid-template-columns:minmax(4rem,1fr) auto auto auto;gap:.625rem;font-size:var(--weather-meta-size)}.weather-card .weather-card__daily-name{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:#334155}.weather-card .weather-card__daily-icon{width:calc(var(--weather-icon-size) * .5);height:calc(var(--weather-icon-size) * .5);object-fit:contain}.weather-card .weather-card__daily-high{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.weather-card .weather-card__daily-low{color:#64748b}.weather-card .weather-card__metrics{display:flex;flex-direction:column;gap:.625rem}.weather-card .weather-card__metric{display:grid;align-items:center;grid-template-columns:auto 1fr auto;gap:.5rem;font-size:var(--weather-meta-size);color:#64748b}.weather-card .weather-card__metric i{color:var(--weather-accent, #3b82f6);width:1rem;text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.weather-card .weather-card__metric-value{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:#0f172a}.weather-card .weather-card__skeleton-icon{width:var(--weather-icon-size);height:var(--weather-icon-size);border-radius:calc(infinity * 1px)}.weather-card .weather-card__skeleton-lines{display:flex;width:100%;flex-direction:column;gap:.375rem}.weather-card .weather-card__skeleton-line{width:55%;height:.75rem;border-radius:var(--radius-md, .375rem)}.weather-card .weather-card__skeleton-line--lg{width:35%;height:1.75rem}.weather-card--1x2{--weather-temp-size: 2.125rem;--weather-label-size: .875rem;--weather-meta-size: .8125rem;padding:.625rem .625rem .5rem}.weather-card--1x2 .weather-card__tall{position:relative;z-index:1;display:grid;width:100%;height:100%;min-height:0px;align-items:stretch;grid-template-rows:auto 1fr auto}.weather-card--1x2 .weather-card__hero{display:flex;width:100%;align-items:flex-start;justify-content:center;gap:.125rem;padding-top:.125rem}.weather-card--1x2 .weather-card__hero-core{position:relative;display:inline-flex;align-items:center;padding-left:1.375rem}.weather-card--1x2 .weather-card__hero-icon{pointer-events:none;position:absolute;top:50%;left:0;z-index:0;object-fit:contain;width:2.125rem;height:2.125rem;transform:translateY(-50%)}.weather-card--1x2 .weather-card__temp{position:relative;z-index:1;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);font-size:var(--weather-temp-size);letter-spacing:-.03em}.weather-card--1x2 .weather-card__inline-location{display:inline-flex;flex-shrink:0;align-items:center;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);white-space:nowrap;gap:.125rem;margin-top:.2rem;font-size:.625rem;color:#64748b}.weather-card--1x2 .weather-card__inline-location i{font-size:.5rem;color:#94a3b8}.weather-card--1x2 .weather-card__condition--center{margin:0;display:flex;align-items:center;justify-content:center;text-align:center;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);font-size:var(--weather-label-size);color:#334155}.weather-card--1x2 .weather-card__footer-stats{display:flex;width:100%;align-items:center;justify-content:space-between;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);gap:.5rem;font-size:var(--weather-meta-size)}.weather-card--1x2 .weather-card__stat--high,.weather-card--1x2 .weather-card__stat--low{color:var(--weather-low, #3b82f6)}.weather-card--2x1{--weather-icon-size: 2.75rem;--weather-temp-size: 2.5rem;padding:.875rem 1rem}.weather-card--2x1 .weather-card__body{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:1.25rem;row-gap:.5rem;margin-top:.25rem}.weather-card--2x1 .weather-card__primary{flex-shrink:0;flex-grow:0}.weather-card--2x1 .weather-card__stats{flex:auto;justify-content:flex-end;margin-left:auto}.weather-card--2x1 .weather-card__hourly{flex:1 1 100%;min-width:0;overflow:hidden}.weather-card--2x1 .weather-card__hourly-row{justify-content:space-between;overflow:hidden}.weather-card--2x1 .weather-card__hour{min-width:0px;flex:1}.weather-card--2x2{--weather-icon-size: 3.5rem;--weather-temp-size: 3.25rem;--weather-label-size: .9375rem;--weather-meta-size: .875rem}.weather-card--2x2 .weather-card__body{flex:1;justify-content:space-between;gap:.5rem}.weather-card--2x2 .weather-card__stats{margin-top:auto}.weather-card--4x2{--weather-icon-size: 2.75rem;--weather-temp-size: 2.75rem;--weather-label-size: .875rem;--weather-meta-size: .8125rem;--weather-caption-size: .625rem;padding:.75rem 1rem}.weather-card--4x2 .weather-card__body{display:grid;min-height:0px;flex:1;align-items:stretch;grid-template-columns:minmax(0,.95fr) minmax(0,1.8fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:.875rem;row-gap:.375rem;margin-top:.25rem}.weather-card--4x2 .weather-card__primary{grid-column:1;grid-row:1;min-width:0}.weather-card--4x2 .weather-card__condition{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weather-card--4x2 .weather-card__stats{flex-direction:row;flex-wrap:wrap;align-content:flex-start;align-items:center;grid-column:1;grid-row:2;gap:.35rem .65rem;min-width:0;align-self:end}.weather-card--4x2 .weather-card__hourly{display:flex;min-height:0px;flex-direction:column;grid-column:2;grid-row:1 / span 2;overflow:hidden}.weather-card--4x2 .weather-card__section-title{margin:0 0 .35rem}.weather-card--4x2 .weather-card__hourly-row{display:flex;flex:1;align-items:stretch;justify-content:space-between;gap:.125rem;overflow:hidden}.weather-card--4x2 .weather-card__hour{display:flex;min-width:0px;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:.2rem}.weather-card--4x2 .weather-card__hour-icon{width:1.5rem;height:1.5rem}.weather-card--4x2 .weather-card__hour-time,.weather-card--4x2 .weather-card__hour-temp{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weather-card--4x2 .weather-card__daily{display:none}.weather-card--4x2 .weather-card__metrics{display:flex;height:100%;flex-direction:column;justify-content:space-evenly;grid-column:3;grid-row:1 / span 2;min-width:0;gap:.5rem}.weather-card--4x2 .weather-card__metric{grid-template-columns:auto minmax(0,1fr) auto;gap:.375rem}.weather-card--4x2 .weather-card__metric-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weather-card--4x4{--weather-icon-size: 4rem;--weather-temp-size: 3.75rem;--weather-label-size: 1rem;--weather-meta-size: .875rem;--weather-caption-size: .75rem;padding:1.125rem 1.375rem}.weather-card--4x4 .weather-card__body{display:grid;align-items:flex-start;grid-template-columns:minmax(10rem,1fr) minmax(0,2.4fr) minmax(8rem,.9fr);grid-template-rows:auto auto;gap:1rem 1.5rem;margin-top:.625rem}.weather-card--4x4 .weather-card__primary{grid-column:1;grid-row:1}.weather-card--4x4 .weather-card__stats{flex-direction:column;align-items:flex-start;grid-column:1;grid-row:2;gap:.5rem}.weather-card--4x4 .weather-card__hourly{grid-column:2;grid-row:1;min-width:0;overflow:hidden}.weather-card--4x4 .weather-card__hourly-row{justify-content:space-between;overflow:hidden}.weather-card--4x4 .weather-card__hour{min-width:0px;flex:1}.weather-card--4x4 .weather-card__daily{grid-column:2;grid-row:2}.weather-card--4x4 .weather-card__metrics{justify-content:space-evenly;grid-column:3;grid-row:1 / span 2;gap:.875rem}.weather-card--4x4 .weather-card__hour-icon{width:calc(var(--weather-icon-size) * .5);height:calc(var(--weather-icon-size) * .5)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWeatherWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        CommonModule,
+                        AXTranslationModule,
+                        AXSkeletonModule,
+                        AXButtonModule,
+                        AXPStateMessageComponent,
+                    ], providers: [
+                        {
+                            provide: AXPWeatherApiAbstract,
+                            useClass: AXEWeatherGatewayService,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"weather-card weather-card--{{ layoutVariant() }}\"\n  [style.background]=\"visualTheme().background\"\n  [style.--weather-high]=\"visualTheme().high\"\n  [style.--weather-low]=\"visualTheme().low\"\n  [style.--weather-accent]=\"visualTheme().accent\"\n  [attr.aria-label]=\"'Current weather for ' + city()\"\n>\n  @if (isLoading()) {\n    <div class=\"weather-card__state\" [attr.aria-busy]=\"true\">\n      <ax-skeleton class=\"weather-card__skeleton-icon\"></ax-skeleton>\n      <div class=\"weather-card__skeleton-lines\">\n        <ax-skeleton class=\"weather-card__skeleton-line weather-card__skeleton-line--lg\"></ax-skeleton>\n        <ax-skeleton class=\"weather-card__skeleton-line\"></ax-skeleton>\n      </div>\n    </div>\n  } @else if (hasError()) {\n    <div class=\"weather-card__state\">\n      <axp-state-message\n        mode=\"error\"\n        icon=\"fa-solid fa-exclamation-triangle\"\n        [title]=\"'@dashboard:weather.error.title'\"\n        [description]=\"errorMessage()\"\n      >\n        <button slot=\"actions\" type=\"button\" class=\"weather-card__retry\" (click)=\"refreshWeather()\">\n          <i class=\"fa-solid fa-sync-alt\" aria-hidden=\"true\"></i>\n          <span>{{ '@dashboard:weather.retry' | translate | async }}</span>\n        </button>\n      </axp-state-message>\n    </div>\n  } @else if (weatherData()) {\n    <div class=\"weather-card__blob\" [style.background]=\"visualTheme().blob\" aria-hidden=\"true\"></div>\n\n    @if (layoutVariant() === '1x2') {\n      <div class=\"weather-card__tall\">\n        <div class=\"weather-card__hero\">\n          <div class=\"weather-card__hero-core\">\n            <img\n              [src]=\"getConditionIcon(weatherData()!.current.condition)\"\n              class=\"weather-card__hero-icon\"\n              [alt]=\"getConditionName(weatherData()!.current.condition) | translate | async\"\n              loading=\"lazy\"\n            />\n            <span class=\"weather-card__temp\">{{ getCurrentTemperature() | number: '1.0-0' }}\u00B0</span>\n          </div>\n          <div class=\"weather-card__inline-location\">\n            <i class=\"fa-solid fa-location-dot\" aria-hidden=\"true\"></i>\n            <span>{{ locationShortLabel() }}</span>\n          </div>\n        </div>\n\n        <p class=\"weather-card__condition weather-card__condition--center\">\n          {{ getConditionName(weatherData()!.current.condition) | translate | async }}\n        </p>\n\n        @if (showStats()) {\n          <div class=\"weather-card__footer-stats\">\n            <span class=\"weather-card__stat weather-card__stat--high\">\n              H {{ getMaxTemp() | number: '1.0-0' }}\u00B0\n            </span>\n            <span class=\"weather-card__stat weather-card__stat--low\">\n              L {{ getMinTemp() | number: '1.0-0' }}\u00B0\n            </span>\n          </div>\n        }\n      </div>\n    } @else {\n      <header class=\"weather-card__header\">\n        <img\n          [src]=\"getConditionIcon(weatherData()!.current.condition)\"\n          class=\"weather-card__icon\"\n          [alt]=\"getConditionName(weatherData()!.current.condition) | translate | async\"\n          loading=\"lazy\"\n        />\n        <div class=\"weather-card__location\">\n          <span class=\"weather-card__city\">{{ city() }}</span>\n          <i class=\"fa-solid fa-location-dot\" aria-hidden=\"true\"></i>\n        </div>\n      </header>\n\n      <div class=\"weather-card__body\">\n        <div class=\"weather-card__primary\">\n          <div class=\"weather-card__temp\">{{ getCurrentTemperature() | number: '1.0-0' }}\u00B0</div>\n          <p class=\"weather-card__condition\">\n            {{ getConditionName(weatherData()!.current.condition) | translate | async }}\n          </p>\n        </div>\n\n        @if (showStats()) {\n          <div class=\"weather-card__stats\">\n            <span class=\"weather-card__stat weather-card__stat--high\">\n              H {{ getMaxTemp() | number: '1.0-0' }}\u00B0\n            </span>\n            <span class=\"weather-card__stat weather-card__stat--low\">\n              L {{ getMinTemp() | number: '1.0-0' }}\u00B0\n            </span>\n            @if (showFeelsLike()) {\n              <span class=\"weather-card__stat weather-card__stat--feels\">\n                Feels {{ getFeelsLikeTemperature() | number: '1.0-0' }}\u00B0\n              </span>\n            }\n          </div>\n        }\n\n        @if (showHourly()) {\n        <section class=\"weather-card__hourly\">\n          <h4 class=\"weather-card__section-title\">\n            {{ '@dashboard:weather.hourly-forecast' | translate | async }}\n          </h4>\n          <div class=\"weather-card__hourly-row\">\n            @for (hour of displayedHourlyForecast(); track hour.time) {\n              <div class=\"weather-card__hour\">\n                <span class=\"weather-card__hour-time\">{{ getHourLabel(hour.time) }}</span>\n                <img\n                  [src]=\"getConditionIcon(hour.condition)\"\n                  class=\"weather-card__hour-icon\"\n                  [alt]=\"getConditionName(hour.condition) | translate | async\"\n                  loading=\"lazy\"\n                />\n                <span class=\"weather-card__hour-temp\">{{ getHourTemp(hour) | number: '1.0-0' }}\u00B0</span>\n              </div>\n            }\n          </div>\n        </section>\n      }\n\n      @if (showDaily()) {\n        <section class=\"weather-card__daily\">\n          <h4 class=\"weather-card__section-title\">\n            {{ '@dashboard:weather.forecast' | translate | async }}\n          </h4>\n          <div class=\"weather-card__daily-list\">\n            @for (day of displayedDailyForecast(); track day.date) {\n              <div class=\"weather-card__daily-item\">\n                <span class=\"weather-card__daily-name\">\n                  {{ getDayName(parseDate(day.date)) | translate | async }}\n                </span>\n                <img\n                  [src]=\"getConditionIcon(day.condition)\"\n                  class=\"weather-card__daily-icon\"\n                  [alt]=\"getConditionName(day.condition) | translate | async\"\n                  loading=\"lazy\"\n                />\n                <span class=\"weather-card__daily-high\">{{ getForecastDayTemp(day) | number: '1.0-0' }}\u00B0</span>\n                <span class=\"weather-card__daily-low\">{{ getForecastDayMinTemp(day) | number: '1.0-0' }}\u00B0</span>\n              </div>\n            }\n          </div>\n        </section>\n      }\n\n      @if (showMetrics() && (showHumidity() || showWind() || getUvIndex() > 0)) {\n        <section class=\"weather-card__metrics\">\n          @if (showHumidity()) {\n            <div class=\"weather-card__metric\">\n              <i class=\"fa-solid fa-droplet\" aria-hidden=\"true\"></i>\n              <span class=\"weather-card__metric-label\">{{ '@dashboard:weather.humidity' | translate | async }}</span>\n              <span class=\"weather-card__metric-value\">{{ getHumidity() }}%</span>\n            </div>\n          }\n          @if (showWind()) {\n            <div class=\"weather-card__metric\">\n              <i class=\"fa-solid fa-wind\" aria-hidden=\"true\"></i>\n              <span class=\"weather-card__metric-label\">{{ '@dashboard:weather.wind' | translate | async }}</span>\n              <span class=\"weather-card__metric-value\">\n                {{ getWindSpeed() }} {{ getWindSpeedUnitKey() | translate | async }}\n              </span>\n            </div>\n          }\n          @if (getUvIndex() > 0) {\n            <div class=\"weather-card__metric\">\n              <i class=\"fa-solid fa-sun\" aria-hidden=\"true\"></i>\n              <span class=\"weather-card__metric-label\">{{ '@dashboard:weather.uv-index' | translate | async }}</span>\n              <span class=\"weather-card__metric-value\">{{ getUvIndex() }}</span>\n            </div>\n          }\n        </section>\n      }\n    </div>\n    }\n  } @else {\n    <div class=\"weather-card__state\">\n      <axp-state-message\n        icon=\"fa-solid fa-cloud-sun\"\n        [title]=\"'@dashboard:weather.no-data.title'\"\n        [description]=\"'@dashboard:weather.no-data.description'\"\n      >\n        <button slot=\"actions\" type=\"button\" class=\"weather-card__retry\" (click)=\"refreshWeather()\">\n          <i class=\"fa-solid fa-sync-alt\" aria-hidden=\"true\"></i>\n          <span>{{ '@dashboard:weather.load-data' | translate | async }}</span>\n        </button>\n      </axp-state-message>\n    </div>\n  }\n</div>\n", styles: ["@layer properties;:host{display:block;width:100%;height:100%}.weather-card{--weather-icon-size: 3rem;--weather-temp-size: 2.75rem;--weather-label-size: .875rem;--weather-meta-size: .8125rem;--weather-caption-size: .6875rem;position:relative;display:flex;width:100%;height:100%;min-height:0px;flex-direction:column;overflow:hidden;padding:1rem 1.125rem;border-radius:1rem;border:1px solid var(--weather-accent, #6ba4e8);color:#0f172a;box-shadow:0 1px 3px #0f172a0f}@supports (color: color-mix(in lab,red,red)){.weather-card{border:1px solid color-mix(in srgb,var(--weather-accent, #6ba4e8) 16%,white)}}.weather-card .weather-card__blob{pointer-events:none;position:absolute;inset:0}.weather-card .weather-card__state{position:relative;z-index:1;display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:.625rem}.weather-card .weather-card__retry{display:inline-flex;align-items:center;gap:.375rem}.weather-card .weather-card__header{position:relative;z-index:1;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:.75rem}.weather-card .weather-card__icon{width:var(--weather-icon-size);height:var(--weather-icon-size);flex-shrink:0;object-fit:contain}.weather-card .weather-card__location{display:inline-flex;min-width:0px;align-items:center;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);gap:.3rem;font-size:var(--weather-meta-size);color:#334155}.weather-card .weather-card__location i{font-size:.6875rem;color:#94a3b8}.weather-card .weather-card__city{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.weather-card .weather-card__body{position:relative;z-index:1;display:flex;min-height:0px;flex:1;flex-direction:column;gap:.625rem;margin-top:.375rem}.weather-card .weather-card__primary{display:flex;min-width:0px;flex-direction:column;gap:.25rem}.weather-card .weather-card__temp{font-size:var(--weather-temp-size);--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);letter-spacing:-.04em;color:#0f172a}.weather-card .weather-card__condition{margin:0;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);font-size:var(--weather-label-size);line-height:1.35;color:#475569}.weather-card .weather-card__stats{display:flex;flex-wrap:wrap;align-items:center;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);gap:.75rem 1rem;font-size:var(--weather-meta-size)}.weather-card .weather-card__stat--high{color:var(--weather-high, #f59e0b)}.weather-card .weather-card__stat--low{color:var(--weather-low, #3b82f6)}.weather-card .weather-card__stat--feels{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:#64748b}.weather-card .weather-card__section-title{margin:0 0 .5rem;font-size:var(--weather-caption-size);--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.weather-card .weather-card__hourly-row{display:flex;overflow-x:auto;gap:.375rem}.weather-card .weather-card__hour{display:flex;flex:1;flex-direction:column;align-items:center;gap:.25rem;min-width:2.75rem}.weather-card .weather-card__hour-time{font-size:var(--weather-caption-size);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:#94a3b8}.weather-card .weather-card__hour-icon{width:calc(var(--weather-icon-size) * .55);height:calc(var(--weather-icon-size) * .55);object-fit:contain}.weather-card .weather-card__hour-temp{font-size:var(--weather-meta-size);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.weather-card .weather-card__daily-list{display:flex;flex-direction:column;gap:.375rem}.weather-card .weather-card__daily-item{display:grid;align-items:center;grid-template-columns:minmax(4rem,1fr) auto auto auto;gap:.625rem;font-size:var(--weather-meta-size)}.weather-card .weather-card__daily-name{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:#334155}.weather-card .weather-card__daily-icon{width:calc(var(--weather-icon-size) * .5);height:calc(var(--weather-icon-size) * .5);object-fit:contain}.weather-card .weather-card__daily-high{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.weather-card .weather-card__daily-low{color:#64748b}.weather-card .weather-card__metrics{display:flex;flex-direction:column;gap:.625rem}.weather-card .weather-card__metric{display:grid;align-items:center;grid-template-columns:auto 1fr auto;gap:.5rem;font-size:var(--weather-meta-size);color:#64748b}.weather-card .weather-card__metric i{color:var(--weather-accent, #3b82f6);width:1rem;text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.weather-card .weather-card__metric-value{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:#0f172a}.weather-card .weather-card__skeleton-icon{width:var(--weather-icon-size);height:var(--weather-icon-size);border-radius:calc(infinity * 1px)}.weather-card .weather-card__skeleton-lines{display:flex;width:100%;flex-direction:column;gap:.375rem}.weather-card .weather-card__skeleton-line{width:55%;height:.75rem;border-radius:var(--radius-md, .375rem)}.weather-card .weather-card__skeleton-line--lg{width:35%;height:1.75rem}.weather-card--1x2{--weather-temp-size: 2.125rem;--weather-label-size: .875rem;--weather-meta-size: .8125rem;padding:.625rem .625rem .5rem}.weather-card--1x2 .weather-card__tall{position:relative;z-index:1;display:grid;width:100%;height:100%;min-height:0px;align-items:stretch;grid-template-rows:auto 1fr auto}.weather-card--1x2 .weather-card__hero{display:flex;width:100%;align-items:flex-start;justify-content:center;gap:.125rem;padding-top:.125rem}.weather-card--1x2 .weather-card__hero-core{position:relative;display:inline-flex;align-items:center;padding-left:1.375rem}.weather-card--1x2 .weather-card__hero-icon{pointer-events:none;position:absolute;top:50%;left:0;z-index:0;object-fit:contain;width:2.125rem;height:2.125rem;transform:translateY(-50%)}.weather-card--1x2 .weather-card__temp{position:relative;z-index:1;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);font-size:var(--weather-temp-size);letter-spacing:-.03em}.weather-card--1x2 .weather-card__inline-location{display:inline-flex;flex-shrink:0;align-items:center;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);white-space:nowrap;gap:.125rem;margin-top:.2rem;font-size:.625rem;color:#64748b}.weather-card--1x2 .weather-card__inline-location i{font-size:.5rem;color:#94a3b8}.weather-card--1x2 .weather-card__condition--center{margin:0;display:flex;align-items:center;justify-content:center;text-align:center;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);font-size:var(--weather-label-size);color:#334155}.weather-card--1x2 .weather-card__footer-stats{display:flex;width:100%;align-items:center;justify-content:space-between;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);gap:.5rem;font-size:var(--weather-meta-size)}.weather-card--1x2 .weather-card__stat--high,.weather-card--1x2 .weather-card__stat--low{color:var(--weather-low, #3b82f6)}.weather-card--2x1{--weather-icon-size: 2.75rem;--weather-temp-size: 2.5rem;padding:.875rem 1rem}.weather-card--2x1 .weather-card__body{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:1.25rem;row-gap:.5rem;margin-top:.25rem}.weather-card--2x1 .weather-card__primary{flex-shrink:0;flex-grow:0}.weather-card--2x1 .weather-card__stats{flex:auto;justify-content:flex-end;margin-left:auto}.weather-card--2x1 .weather-card__hourly{flex:1 1 100%;min-width:0;overflow:hidden}.weather-card--2x1 .weather-card__hourly-row{justify-content:space-between;overflow:hidden}.weather-card--2x1 .weather-card__hour{min-width:0px;flex:1}.weather-card--2x2{--weather-icon-size: 3.5rem;--weather-temp-size: 3.25rem;--weather-label-size: .9375rem;--weather-meta-size: .875rem}.weather-card--2x2 .weather-card__body{flex:1;justify-content:space-between;gap:.5rem}.weather-card--2x2 .weather-card__stats{margin-top:auto}.weather-card--4x2{--weather-icon-size: 2.75rem;--weather-temp-size: 2.75rem;--weather-label-size: .875rem;--weather-meta-size: .8125rem;--weather-caption-size: .625rem;padding:.75rem 1rem}.weather-card--4x2 .weather-card__body{display:grid;min-height:0px;flex:1;align-items:stretch;grid-template-columns:minmax(0,.95fr) minmax(0,1.8fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:.875rem;row-gap:.375rem;margin-top:.25rem}.weather-card--4x2 .weather-card__primary{grid-column:1;grid-row:1;min-width:0}.weather-card--4x2 .weather-card__condition{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weather-card--4x2 .weather-card__stats{flex-direction:row;flex-wrap:wrap;align-content:flex-start;align-items:center;grid-column:1;grid-row:2;gap:.35rem .65rem;min-width:0;align-self:end}.weather-card--4x2 .weather-card__hourly{display:flex;min-height:0px;flex-direction:column;grid-column:2;grid-row:1 / span 2;overflow:hidden}.weather-card--4x2 .weather-card__section-title{margin:0 0 .35rem}.weather-card--4x2 .weather-card__hourly-row{display:flex;flex:1;align-items:stretch;justify-content:space-between;gap:.125rem;overflow:hidden}.weather-card--4x2 .weather-card__hour{display:flex;min-width:0px;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:.2rem}.weather-card--4x2 .weather-card__hour-icon{width:1.5rem;height:1.5rem}.weather-card--4x2 .weather-card__hour-time,.weather-card--4x2 .weather-card__hour-temp{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weather-card--4x2 .weather-card__daily{display:none}.weather-card--4x2 .weather-card__metrics{display:flex;height:100%;flex-direction:column;justify-content:space-evenly;grid-column:3;grid-row:1 / span 2;min-width:0;gap:.5rem}.weather-card--4x2 .weather-card__metric{grid-template-columns:auto minmax(0,1fr) auto;gap:.375rem}.weather-card--4x2 .weather-card__metric-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weather-card--4x4{--weather-icon-size: 4rem;--weather-temp-size: 3.75rem;--weather-label-size: 1rem;--weather-meta-size: .875rem;--weather-caption-size: .75rem;padding:1.125rem 1.375rem}.weather-card--4x4 .weather-card__body{display:grid;align-items:flex-start;grid-template-columns:minmax(10rem,1fr) minmax(0,2.4fr) minmax(8rem,.9fr);grid-template-rows:auto auto;gap:1rem 1.5rem;margin-top:.625rem}.weather-card--4x4 .weather-card__primary{grid-column:1;grid-row:1}.weather-card--4x4 .weather-card__stats{flex-direction:column;align-items:flex-start;grid-column:1;grid-row:2;gap:.5rem}.weather-card--4x4 .weather-card__hourly{grid-column:2;grid-row:1;min-width:0;overflow:hidden}.weather-card--4x4 .weather-card__hourly-row{justify-content:space-between;overflow:hidden}.weather-card--4x4 .weather-card__hour{min-width:0px;flex:1}.weather-card--4x4 .weather-card__daily{grid-column:2;grid-row:2}.weather-card--4x4 .weather-card__metrics{justify-content:space-evenly;grid-column:3;grid-row:1 / span 2;gap:.875rem}.weather-card--4x4 .weather-card__hour-icon{width:calc(var(--weather-icon-size) * .5);height:calc(var(--weather-icon-size) * .5)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [] });
+
+var weatherWidget_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPWeatherWidgetViewComponent: AXPWeatherWidgetViewComponent
+});
+
+/**
+ * Responsive weather widget — adapts layout from compact to extra-large based on tile size.
+ */
+const AXPWeatherWidget = {
+    name: RootConfig.widgets.weather,
+    title: '@dashboard:widgets.weather.widget-title',
+    description: '@dashboard:widgets.weather.widget-description',
+    categories: [AXP_WIDGETS_UTILITY_CATEGORY],
+    subCategory: AXP_DASHBOARD_SHARED_SUB_UTILITY_WEATHER,
+    groups: [AXPWidgetGroupEnum.DashboardWidget],
+    type: 'dashboard',
+    icon: 'fa-light fa-cloud-sun',
+    properties: [
+        {
+            name: 'city',
+            title: '@dashboard:widgets.weather.city',
+            group: AXP_DATA_PROPERTY_GROUP,
+            schema: {
+                defaultValue: 'New York',
+                dataType: 'string',
+                interface: {
+                    name: 'city',
+                    path: 'options.city',
+                    type: AXPWidgetsCatalog.text,
+                },
+            },
+            visible: true,
+        },
+        {
+            name: 'showHumidity',
+            title: '@dashboard:widgets.weather.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: '@dashboard:widgets.weather.show-wind',
+            group: AXP_APPEARANCE_PROPERTY_GROUP,
+            schema: {
+                defaultValue: true,
+                dataType: 'boolean',
+                interface: {
+                    name: 'showWind',
+                    path: 'options.showWind',
+                    type: AXPWidgetsCatalog.toggle,
+                },
+            },
+            visible: true,
+        },
+        {
+            name: 'showForecast',
+            title: '@dashboard:widgets.weather.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: '@dashboard:widgets.weather.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,
+        },
+        {
+            name: 'forecastHours',
+            title: '@dashboard:widgets.weather.forecast-hours',
+            group: AXP_APPEARANCE_PROPERTY_GROUP,
+            schema: {
+                defaultValue: 6,
+                dataType: 'number',
+                interface: {
+                    name: 'forecastHours',
+                    path: 'options.forecastHours',
+                    type: AXPWidgetsCatalog.number,
+                    options: {
+                        minValue: 1,
+                        maxValue: 8,
+                        step: 1,
+                    },
+                },
+            },
+            visible: true,
+        },
+        {
+            name: 'temperatureUnit',
+            title: '@dashboard:widgets.weather.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: '@dashboard:widgets.weather.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,
+        },
+        {
+            name: 'autoRefresh',
+            title: '@dashboard:widgets.weather.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: '@dashboard:widgets.weather.refresh-interval',
+            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: {
+        title: { visible: false },
+        dimensions: AXP_UTILITY_WEATHER_DIMENSIONS,
+    },
+};
+
+//#region ---- Weather widget definition (AI sidecar) ----
+/**
+ * Build-time metadata for the full weather widget; mirrors {@link AXPWeatherWidget}.
+ */
+const axmWeatherWidgetDefinition = defineWidget({
+    name: RootConfig.widgets.weather,
+    title: '@dashboard:widgets.weather.widget-title',
+    description: '@dashboard:widgets.weather.widget-description',
+    icon: 'fa-light fa-cloud-sun',
+    categories: [
+        {
+            name: 'utility',
+            order: 7,
+            title: '@dashboard-management:shared-widgets.widget-picker-category.utility',
+        },
+    ],
+    subCategory: {
+        name: 'dashboard-utility-weather',
+        order: 3,
+        title: '@dashboard-management:shared-widgets.widget-picker-sub-categories.utility-weather',
+    },
+    groups: [AXPWidgetGroupEnum.DashboardWidget],
+    type: 'dashboard',
+    inputs: [
+        { name: 'city', title: 'City / location', interface: { name: 'text-editor' } },
+        { name: 'showHumidity', title: 'Show humidity', interface: { name: 'toggle-editor' } },
+        { name: 'showWind', title: 'Show wind', interface: { name: 'toggle-editor' } },
+        { name: 'showForecast', title: 'Show forecast', interface: { name: 'toggle-editor' } },
+        { name: 'forecastDays', title: 'Forecast days', interface: { name: 'number-editor' } },
+        { name: 'forecastHours', title: 'Forecast hours', interface: { name: 'number-editor' } },
+        { name: 'temperatureUnit', title: 'Temperature unit', interface: { name: 'select-editor' } },
+        { name: 'windSpeedUnit', title: 'Wind speed unit', interface: { name: 'select-editor' } },
+        { name: 'autoRefresh', title: 'Auto refresh', interface: { name: 'toggle-editor' } },
+        { name: 'refreshInterval', title: 'Refresh interval (ms)', interface: { name: 'number-editor' } },
+    ],
+    outputs: [
+        {
+            name: 'boundValue',
+            title: 'Weather snapshot',
+            description: 'Resolved weather DTO from the weather API service for the configured city.',
+            interface: { name: 'json' },
+        },
+    ],
+    ai: {
+        tags: ['dashboard', 'utility', 'weather', 'forecast'],
+        shortDescription: '**Responsive weather** tile that adapts from compact to full forecast layout.',
+        usage: {
+            whenToUse: ['Operational dashboards that need ambient weather context.'],
+            avoidWhen: ['Business KPIs without a location — KPI widgets.'],
+        },
+        renderSurfaces: [{ mode: 'view', summary: 'Dashboard tile: weather service–backed current + forecast UI.' }],
+        instruction: 'City string must be geocodable by the configured weather provider; see weather-widget.config.ts.',
+    },
+});
+//#endregion
+
+class AXEWeatherWidgetsProvider {
+    getWidgets() {
+        return [AXPWeatherWidget];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXEWeatherWidgetsProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXEWeatherWidgetsProvider }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXEWeatherWidgetsProvider, decorators: [{
+            type: Injectable
+        }] });
+
+class AXEWeatherExtensionModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXEWeatherExtensionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXEWeatherExtensionModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXEWeatherExtensionModule, providers: [
+            { provide: AXP_MODULE_MANIFEST_PROVIDER, useValue: WeatherExtensionManifest, multi: true },
+            { provide: AXP_WIDGET_DEFINITION_PROVIDER, useClass: AXEWeatherWidgetsProvider, multi: true },
+            { provide: AXP_SETTING_DEFINITION_PROVIDER, useClass: AXEWeatherSettingsProvider, multi: true },
+            { provide: AXP_INTEGRATION_DOMAIN_PROVIDER, useClass: AXEWeatherIntegrationDomainProvider, multi: true },
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXEWeatherExtensionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    providers: [
+                        { provide: AXP_MODULE_MANIFEST_PROVIDER, useValue: WeatherExtensionManifest, multi: true },
+                        { provide: AXP_WIDGET_DEFINITION_PROVIDER, useClass: AXEWeatherWidgetsProvider, multi: true },
+                        { provide: AXP_SETTING_DEFINITION_PROVIDER, useClass: AXEWeatherSettingsProvider, multi: true },
+                        { provide: AXP_INTEGRATION_DOMAIN_PROVIDER, useClass: AXEWeatherIntegrationDomainProvider, multi: true },
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXEWeatherExtensionModule, AXEWeatherWidgetsProvider };
+//# sourceMappingURL=acorex-platform-extension-weather-core-client.mjs.map