@acorex-platform/extension-weather-core-client 0.0.53 → 0.0.56

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

@@ -319,10 +319,10 @@ class AXPWeatherWidgetViewComponent extends AXPDashboardWidgetComponent {
     getConditionName(conditionId) {
         const condition = this.weatherService.getCondition(conditionId);
         if (!condition?.name) {
-            return '@dashboard:weather.conditions.unknown';
+            return '@extensions-weather:weather.conditions.unknown';
         }
         const formattedName = condition.name.toLowerCase().replace(/\s+/g, '-');
-        return `@dashboard:weather.conditions.${formattedName}`;
+        return `@extensions-weather:weather.conditions.${formattedName}`;
     }
     getCurrentTemperature() {
         const data = this.weatherData();
@@ -366,7 +366,7 @@ class AXPWeatherWidgetViewComponent extends AXPDashboardWidgetComponent {
         return this.weatherData()?.current.uv ?? 0;
     }
     getWindSpeedUnitKey() {
-        return this.windSpeedUnit() === 'km/h' ? '@dashboard:weather.units.kmh' : '@dashboard:weather.units.mph';
+        return this.windSpeedUnit() === 'km/h' ? '@extensions-weather:weather.units.kmh' : '@extensions-weather:weather.units.mph';
     }
     getForecastDayTemp(day) {
         return this.temperatureUnit() === '°C' ? day.maxTempC : day.maxTempF;
@@ -389,13 +389,13 @@ class AXPWeatherWidgetViewComponent extends AXPDashboardWidgetComponent {
         const checkDate = new Date(date);
         checkDate.setHours(0, 0, 0, 0);
         if (checkDate.getTime() === today.getTime()) {
-            return '@dashboard:weather.days.today';
+            return '@extensions-weather:weather.days.today';
         }
         if (checkDate.getTime() === tomorrow.getTime()) {
-            return '@dashboard:weather.days.tomorrow';
+            return '@extensions-weather:weather.days.tomorrow';
         }
         const days = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'];
-        return `@dashboard:weather.days.${days[checkDate.getDay()]}`;
+        return `@extensions-weather:weather.days.${days[checkDate.getDay()]}`;
     }
     parseDate(dateStr) {
         return new Date(dateStr);
@@ -462,14 +462,14 @@ class AXPWeatherWidgetViewComponent extends AXPDashboardWidgetComponent {
         this.hasError.set(true);
         const status = error?.status;
         if (status === 0) {
-            this.errorMessage.set('@dashboard:weather.error.network');
+            this.errorMessage.set('@extensions-weather:weather.error.network');
             return;
         }
         if (status !== undefined && status >= 400 && status < 500) {
-            this.errorMessage.set('@dashboard:weather.error.api');
+            this.errorMessage.set('@extensions-weather:weather.error.api');
             return;
         }
-        this.errorMessage.set('@dashboard:weather.error.general');
+        this.errorMessage.set('@extensions-weather: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: [
@@ -477,7 +477,7 @@ class AXPWeatherWidgetViewComponent extends AXPDashboardWidgetComponent {
                 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 }); }
+        ], 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]=\"('@extensions-weather:weather.aria-current' | translate: { params: { city: city() } } | async) ?? ''\"\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]=\"'@extensions-weather: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>{{ '@extensions-weather: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              {{ '@extensions-weather:weather.labels.high' | translate | async }} {{ getMaxTemp() | number: '1.0-0' }}\u00B0\n            </span>\n            <span class=\"weather-card__stat weather-card__stat--low\">\n              {{ '@extensions-weather:weather.labels.low' | translate | async }} {{ 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              {{ '@extensions-weather:weather.labels.high' | translate | async }} {{ getMaxTemp() | number: '1.0-0' }}\u00B0\n            </span>\n            <span class=\"weather-card__stat weather-card__stat--low\">\n              {{ '@extensions-weather:weather.labels.low' | translate | async }} {{ getMinTemp() | number: '1.0-0' }}\u00B0\n            </span>\n            @if (showFeelsLike()) {\n              <span class=\"weather-card__stat weather-card__stat--feels\">\n                {{ '@extensions-weather:weather.feels-like' | translate | async }} {{ 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            {{ '@extensions-weather: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            {{ '@extensions-weather: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\">{{ '@extensions-weather: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\">{{ '@extensions-weather: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\">{{ '@extensions-weather: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]=\"'@extensions-weather:weather.no-data.title'\"\n        [description]=\"'@extensions-weather: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>{{ '@extensions-weather: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,
@@ -492,7 +492,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             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"] }]
+                    ], 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]=\"('@extensions-weather:weather.aria-current' | translate: { params: { city: city() } } | async) ?? ''\"\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]=\"'@extensions-weather: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>{{ '@extensions-weather: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              {{ '@extensions-weather:weather.labels.high' | translate | async }} {{ getMaxTemp() | number: '1.0-0' }}\u00B0\n            </span>\n            <span class=\"weather-card__stat weather-card__stat--low\">\n              {{ '@extensions-weather:weather.labels.low' | translate | async }} {{ 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              {{ '@extensions-weather:weather.labels.high' | translate | async }} {{ getMaxTemp() | number: '1.0-0' }}\u00B0\n            </span>\n            <span class=\"weather-card__stat weather-card__stat--low\">\n              {{ '@extensions-weather:weather.labels.low' | translate | async }} {{ getMinTemp() | number: '1.0-0' }}\u00B0\n            </span>\n            @if (showFeelsLike()) {\n              <span class=\"weather-card__stat weather-card__stat--feels\">\n                {{ '@extensions-weather:weather.feels-like' | translate | async }} {{ 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            {{ '@extensions-weather: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            {{ '@extensions-weather: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\">{{ '@extensions-weather: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\">{{ '@extensions-weather: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\">{{ '@extensions-weather: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]=\"'@extensions-weather:weather.no-data.title'\"\n        [description]=\"'@extensions-weather: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>{{ '@extensions-weather: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({
@@ -505,8 +505,8 @@ var weatherWidget_component = /*#__PURE__*/Object.freeze({
  */
 const AXPWeatherWidget = {
     name: RootConfig.widgets.weather,
-    title: '@dashboard:widgets.weather.widget-title',
-    description: '@dashboard:widgets.weather.widget-description',
+    title: '@extensions-weather:widgets.weather.widget-title',
+    description: '@extensions-weather:widgets.weather.widget-description',
     categories: [AXP_WIDGETS_UTILITY_CATEGORY],
     subCategory: AXP_DASHBOARD_SHARED_SUB_UTILITY_WEATHER,
     groups: [AXPWidgetGroupEnum.DashboardWidget],
@@ -515,7 +515,7 @@ const AXPWeatherWidget = {
     properties: [
         {
             name: 'city',
-            title: '@dashboard:widgets.weather.city',
+            title: '@extensions-weather:widgets.weather.city',
             group: AXP_DATA_PROPERTY_GROUP,
             schema: {
                 defaultValue: 'New York',
@@ -530,7 +530,7 @@ const AXPWeatherWidget = {
         },
         {
             name: 'showHumidity',
-            title: '@dashboard:widgets.weather.show-humidity',
+            title: '@extensions-weather:widgets.weather.show-humidity',
             group: AXP_APPEARANCE_PROPERTY_GROUP,
             schema: {
                 defaultValue: true,
@@ -545,7 +545,7 @@ const AXPWeatherWidget = {
         },
         {
             name: 'showWind',
-            title: '@dashboard:widgets.weather.show-wind',
+            title: '@extensions-weather:widgets.weather.show-wind',
             group: AXP_APPEARANCE_PROPERTY_GROUP,
             schema: {
                 defaultValue: true,
@@ -560,7 +560,7 @@ const AXPWeatherWidget = {
         },
         {
             name: 'showForecast',
-            title: '@dashboard:widgets.weather.show-forecast',
+            title: '@extensions-weather:widgets.weather.show-forecast',
             group: AXP_APPEARANCE_PROPERTY_GROUP,
             schema: {
                 defaultValue: true,
@@ -575,7 +575,7 @@ const AXPWeatherWidget = {
         },
         {
             name: 'forecastDays',
-            title: '@dashboard:widgets.weather.forecast-days',
+            title: '@extensions-weather:widgets.weather.forecast-days',
             group: AXP_APPEARANCE_PROPERTY_GROUP,
             schema: {
                 defaultValue: 5,
@@ -595,7 +595,7 @@ const AXPWeatherWidget = {
         },
         {
             name: 'forecastHours',
-            title: '@dashboard:widgets.weather.forecast-hours',
+            title: '@extensions-weather:widgets.weather.forecast-hours',
             group: AXP_APPEARANCE_PROPERTY_GROUP,
             schema: {
                 defaultValue: 6,
@@ -615,7 +615,7 @@ const AXPWeatherWidget = {
         },
         {
             name: 'temperatureUnit',
-            title: '@dashboard:widgets.weather.temperature-unit',
+            title: '@extensions-weather:widgets.weather.temperature-unit',
             group: AXP_DATA_PROPERTY_GROUP,
             schema: {
                 defaultValue: '°C',
@@ -633,7 +633,7 @@ const AXPWeatherWidget = {
         },
         {
             name: 'windSpeedUnit',
-            title: '@dashboard:widgets.weather.wind-speed-unit',
+            title: '@extensions-weather:widgets.weather.wind-speed-unit',
             group: AXP_DATA_PROPERTY_GROUP,
             schema: {
                 defaultValue: 'km/h',
@@ -651,7 +651,7 @@ const AXPWeatherWidget = {
         },
         {
             name: 'autoRefresh',
-            title: '@dashboard:widgets.weather.auto-refresh',
+            title: '@extensions-weather:widgets.weather.auto-refresh',
             group: AXP_BEHAVIOR_PROPERTY_GROUP,
             schema: {
                 defaultValue: true,
@@ -666,7 +666,7 @@ const AXPWeatherWidget = {
         },
         {
             name: 'refreshInterval',
-            title: '@dashboard:widgets.weather.refresh-interval',
+            title: '@extensions-weather:widgets.weather.refresh-interval',
             group: AXP_BEHAVIOR_PROPERTY_GROUP,
             schema: {
                 defaultValue: 15,
@@ -700,8 +700,8 @@ const AXPWeatherWidget = {
  */
 const axmWeatherWidgetDefinition = defineWidget({
     name: RootConfig.widgets.weather,
-    title: '@dashboard:widgets.weather.widget-title',
-    description: '@dashboard:widgets.weather.widget-description',
+    title: '@extensions-weather:widgets.weather.widget-title',
+    description: '@extensions-weather:widgets.weather.widget-description',
     icon: 'fa-light fa-cloud-sun',
     categories: [
         {
@@ -718,22 +718,54 @@ const axmWeatherWidgetDefinition = defineWidget({
     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' } },
+        { name: 'city', title: '@extensions-weather:widgets.weather.city', interface: { name: 'text-editor' } },
+        {
+            name: 'showHumidity',
+            title: '@extensions-weather:widgets.weather.show-humidity',
+            interface: { name: 'toggle-editor' },
+        },
+        { name: 'showWind', title: '@extensions-weather:widgets.weather.show-wind', interface: { name: 'toggle-editor' } },
+        {
+            name: 'showForecast',
+            title: '@extensions-weather:widgets.weather.show-forecast',
+            interface: { name: 'toggle-editor' },
+        },
+        {
+            name: 'forecastDays',
+            title: '@extensions-weather:widgets.weather.forecast-days',
+            interface: { name: 'number-editor' },
+        },
+        {
+            name: 'forecastHours',
+            title: '@extensions-weather:widgets.weather.forecast-hours',
+            interface: { name: 'number-editor' },
+        },
+        {
+            name: 'temperatureUnit',
+            title: '@extensions-weather:widgets.weather.temperature-unit',
+            interface: { name: 'select-editor' },
+        },
+        {
+            name: 'windSpeedUnit',
+            title: '@extensions-weather:widgets.weather.wind-speed-unit',
+            interface: { name: 'select-editor' },
+        },
+        {
+            name: 'autoRefresh',
+            title: '@extensions-weather:widgets.weather.auto-refresh',
+            interface: { name: 'toggle-editor' },
+        },
+        {
+            name: 'refreshInterval',
+            title: '@extensions-weather:widgets.weather.refresh-interval',
+            interface: { name: 'number-editor' },
+        },
     ],
     outputs: [
         {
             name: 'boundValue',
-            title: 'Weather snapshot',
-            description: 'Resolved weather DTO from the weather API service for the configured city.',
+            title: '@extensions-weather:widgets.weather.output-bound-value.title',
+            description: '@extensions-weather:widgets.weather.output-bound-value.description',
             interface: { name: 'json' },
         },
     ],