world-clock-strip 0.2.0

package/dist/index.js

@@ -0,0 +1,1456 @@
+const x = ':host{--world-clock-radius: 18px;display:block;width:100%;color-scheme:dark;font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;overflow:visible}*,*:before,*:after{box-sizing:border-box}.clock-strip{position:relative;width:100%;min-height:114px;padding-bottom:8px}.clock-strip--config-open{padding-bottom:344px}.clock-strip--preset-minimal .clock-strip__band{box-shadow:0 10px 22px #0000002e}.clock-strip--preset-cinematic .clock-strip__band{box-shadow:0 18px 42px #0000005c}.clock-strip--preset-wallboard .clock-strip__band{min-height:124px;border-radius:22px}.clock-strip__band{position:relative;min-height:114px;width:100%;overflow:hidden;border-radius:var(--world-clock-radius);border:none;background:#0b1522;box-shadow:0 14px 34px #00000047}.clock-strip__hover-zone{position:absolute;left:0;right:0;bottom:0;height:14px;display:grid;place-items:end center;z-index:3}.clock-strip__config-trigger{appearance:none;border:0;border-radius:999px;padding:7px 16px 8px;background:linear-gradient(180deg,#0b1522eb,#080f19fa);color:#dbe7f5e0;font:inherit;font-size:.78rem;font-weight:600;letter-spacing:.04em;box-shadow:0 8px 18px #00000047,inset 0 0 0 1px #8eaed02e;cursor:pointer;opacity:0;transform:translateY(10px);transition:opacity .15s ease,transform .15s ease,color .15s ease,box-shadow .15s ease}.clock-strip__hover-zone:hover .clock-strip__config-trigger,.clock-strip:focus-within .clock-strip__config-trigger,.clock-strip--config-open .clock-strip__config-trigger{opacity:1;transform:translateY(0)}.clock-strip__config-trigger:hover,.clock-strip__config-trigger:focus-visible{color:#f5f9fff5;box-shadow:0 12px 24px #00000057,inset 0 0 0 1px #aac8ea47;outline:none}.clock-config-drawer{position:absolute;left:0;right:0;bottom:0;z-index:2;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.clock-config-drawer--open{opacity:1;transform:translateY(0);pointer-events:auto}.clock-config-drawer__form{display:grid;gap:12px;padding:12px 14px 16px;border-radius:20px;background:linear-gradient(180deg,#4a4f57b3,#363b42c2);box-shadow:0 18px 36px #0003,inset 0 0 0 1px #e0e5ec29;backdrop-filter:blur(16px) saturate(.82);-webkit-backdrop-filter:blur(16px) saturate(.82)}.clock-config-drawer__section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.clock-config-drawer__section-copy{margin-top:0;font-size:.78rem;color:#ecf0f5c7}.clock-config-drawer__head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.clock-config-drawer__list-title{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#eff3f7ad}.clock-config-drawer__section-copy code{font-family:IBM Plex Mono,SFMono-Regular,monospace;color:#f8fafcf5}.clock-config-status{font-size:.78rem;color:#f6f8faeb}.clock-config-drawer__ghost,.clock-config-drawer__primary,.clock-config-location__remove{appearance:none;border-radius:999px;padding:8px 14px;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,border-color .15s ease}.clock-config-drawer__ghost,.clock-config-location__remove{border:1px solid rgba(233,237,242,.18);background:#585d6694;color:#f7f9fbe6}.clock-config-drawer__primary{border:1px solid rgba(244,247,250,.2);background:linear-gradient(180deg,#7c818af5,#5a5f68fa);color:#f8fbfffa}.clock-config-drawer__ghost:hover,.clock-config-drawer__ghost:focus-visible,.clock-config-location__remove:hover,.clock-config-location__remove:focus-visible,.clock-config-drawer__primary:hover,.clock-config-drawer__primary:focus-visible{outline:none;box-shadow:0 10px 20px #0000002e}.clock-config-add-panel,.clock-config-drawer__list,.clock-config-advanced__custom{display:grid;gap:10px;padding:10px 12px;border-radius:14px;background:#ebeff31f;box-shadow:inset 0 0 0 1px #ffffff1f}.clock-config-search-results{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.clock-config-search-result{appearance:none;display:grid;gap:2px;width:100%;text-align:left;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#f8fafc1f;color:#fafbfcf5;padding:10px 12px;cursor:pointer}.clock-config-search-result span:last-child{font-size:.76rem;color:#eaeff4b8}.clock-config-search-result--selected,.clock-config-search-result:hover,.clock-config-search-result:focus-visible{outline:none;border-color:#ffffff38;background:#ffffff2e}.clock-config-search-empty,.clock-config-add-confirm__city{font-size:.82rem;color:#f3f6f9d1}.clock-config-add-confirm{display:grid;gap:10px}.clock-config-add-confirm__actions,.clock-config-location-list__actions{display:flex;gap:8px;flex-wrap:wrap}.clock-config-preset-save,.clock-config-preset{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.clock-config-presets{display:grid;gap:8px}.clock-config-field{display:grid;gap:7px}.clock-config-field--wide{min-width:0}.clock-config-field--time-zone{grid-column:1 / span 2}.clock-config-field__label{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#95b3d4ad}.clock-config-field input,.clock-config-field select,.clock-config-textarea,.clock-config-preset-save input{width:100%;min-width:0;border:1px solid rgba(120,152,188,.18);border-radius:12px;background:#0d17228f;color:#f1f7fdf2;font:inherit;padding:10px 12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.clock-config-field input::placeholder,.clock-config-textarea::placeholder,.clock-config-preset-save input::placeholder{color:#a5b6cb70}.clock-config-field input:focus,.clock-config-field select:focus,.clock-config-textarea:focus,.clock-config-preset-save input:focus{outline:none;border-color:#8bb5df80;box-shadow:0 0 0 3px #4a7fbb2e}.clock-config-textarea{min-height:120px;resize:vertical}.clock-config-field--toggle{align-content:start}.clock-config-field__toggle-row{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 2px;color:#e4edf7e6}.clock-config-field__toggle-row input{width:16px;height:16px}.clock-config-drawer__locations{display:grid;gap:12px;max-height:200px;overflow:auto;padding-right:2px}.clock-config-location,.clock-config-location-list__item{display:grid;grid-template-columns:minmax(140px,.9fr) minmax(180px,1.1fr) auto;gap:12px;align-items:end;padding:10px 12px;border-radius:14px;background:#0c151f5c;box-shadow:inset 0 0 0 1px #5e79981f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.clock-config-location__remove{align-self:stretch;min-width:74px}.clock-config-location-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.clock-config-location-list__item{grid-template-columns:auto auto auto;align-items:center;padding:9px 12px;justify-content:space-between;width:20%;min-width:240px;max-width:320px}.clock-config-location-list__item--confirm{align-items:start;width:20%;min-width:240px;max-width:320px}.clock-config-location-list__item--selected{grid-template-columns:auto minmax(0,1fr) auto;align-items:start}.clock-config-location-list__bullet{font-size:1rem;font-weight:700;color:#d0dcebe0}.clock-config-location-list__body{min-width:0;max-width:none}.clock-config-location-list__body--button{appearance:none;border:0;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer}.clock-config-location-list__body--edit{display:grid;gap:8px}.clock-config-location-list__title,.clock-config-location-list__confirm{font-size:.9rem;font-weight:600;color:#f1f7fcf2}.clock-config-location-list__meta{margin-top:2px;font-size:.76rem;color:#b3c2d3c7;word-break:break-word}@media(max-width:1200px){.clock-config-search-results{grid-template-columns:repeat(3,minmax(0,1fr))}}.clock-config-advanced{display:none}.clock-config-advanced--open{display:block}.clock-config-advanced__grid{display:grid;grid-template-columns:150px minmax(240px,1fr);gap:12px;padding:10px 12px;border-radius:14px;background:#0a121c47;box-shadow:inset 0 0 0 1px #6683a51a}@media(max-width:900px){.clock-strip--config-open{padding-bottom:520px}.clock-config-drawer__section-head{flex-direction:column;align-items:stretch}.clock-config-search-results{grid-template-columns:repeat(2,minmax(0,1fr))}.clock-config-advanced__grid,.clock-config-location{grid-template-columns:1fr}.clock-config-field--time-zone{grid-column:auto}.clock-config-location__remove{justify-self:start}.clock-config-location-list__item,.clock-config-location-list__item--confirm{width:100%;min-width:0;max-width:none}}@media(max-width:560px){.clock-config-search-results{grid-template-columns:1fr}}.clock-strip__band:before{content:"";position:absolute;inset:0;background:var(--clock-strip-background)}.clock-strip__band:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.022) 10%,transparent 24%),linear-gradient(180deg,transparent 0%,rgba(2,6,14,.02) 58%,rgba(2,6,14,.12) 100%);pointer-events:none}.clock-strip__markers{position:absolute;inset:0}.clock-marker{position:absolute;z-index:1;display:grid;gap:4px;top:50%;min-width:156px;justify-items:center;text-align:center;transform:translate(-50%,-50%);overflow:visible;isolation:isolate;padding:0}.clock-marker--edge-left{justify-items:start;text-align:left;transform:translateY(-50%)}.clock-marker--edge-right{justify-items:end;text-align:right;transform:translateY(-50%)}.clock-marker__text{position:relative;z-index:1;min-width:0;max-width:100%;font-size:clamp(1.12rem,1.14vw,1.6rem);line-height:1.02;font-weight:700;letter-spacing:.02em;color:#fcfdfffa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none}.clock-marker__text--time{font-size:clamp(1.12rem,1.14vw,1.6rem);font-weight:700;font-variant-numeric:tabular-nums}.clock-marker__meta{position:relative;z-index:1;display:block;max-width:100%;margin-top:1px;font-size:.9rem;font-weight:700;letter-spacing:.03em;color:#eef6ffd6;text-shadow:none;white-space:nowrap}.clock-marker__temp{position:relative;z-index:1;display:block;max-width:100%;margin-top:-1px;font-size:.84rem;font-weight:800;letter-spacing:.08em;color:#fff5e0e6;text-shadow:none;white-space:nowrap}.clock-weather{position:absolute;z-index:0;left:50%;top:6px;width:164px;height:90px;overflow:visible;transform:translate(-50%);pointer-events:none;opacity:.92;background-image:var(--clock-weather-image);background-repeat:no-repeat;background-position:center center;background-size:contain;filter:saturate(1.03) contrast(1.02) brightness(1.01);mix-blend-mode:normal;-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 0%,rgba(0,0,0,.98) 58%,rgba(0,0,0,.78) 80%,transparent 100%);mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 0%,rgba(0,0,0,.98) 58%,rgba(0,0,0,.78) 80%,transparent 100%)}.clock-marker--edge-left .clock-weather,.clock-marker--edge-right .clock-weather{left:50%;-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 0%,rgba(0,0,0,.98) 58%,rgba(0,0,0,.82) 82%,transparent 100%);mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 0%,rgba(0,0,0,.98) 58%,rgba(0,0,0,.82) 82%,transparent 100%)}.clock-weather:after{content:none}.clock-weather--image{box-shadow:none}.clock-weather--clear-day,.clock-weather--clear-night{top:0;width:126px;height:126px;background-size:contain;opacity:.9}.clock-weather--clear-day{background-position:center center}.clock-weather--clear-night{top:-42px;width:430px;height:156px;background-size:cover;background-position:center 26%;opacity:.8;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 10%,rgba(0,0,0,.9) 22%,rgba(0,0,0,.98) 36%,rgba(0,0,0,.9) 66%,rgba(0,0,0,.48) 84%,transparent 100%),radial-gradient(ellipse at center,rgba(0,0,0,.98) 0%,rgba(0,0,0,.92) 50%,rgba(0,0,0,.58) 72%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.42) 10%,rgba(0,0,0,.9) 22%,rgba(0,0,0,.98) 36%,rgba(0,0,0,.9) 66%,rgba(0,0,0,.48) 84%,transparent 100%),radial-gradient(ellipse at center,rgba(0,0,0,.98) 0%,rgba(0,0,0,.92) 50%,rgba(0,0,0,.58) 72%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.clock-weather--partly-cloudy{top:52px;width:104px;height:58px;background-size:contain;background-position:center center}.clock-weather--cloudy{top:22px;width:170px;height:92px;background-size:contain;background-position:center center}.clock-weather--rain,.clock-weather--storm,.clock-weather--snow,.clock-weather--fog{width:160px;height:86px;background-size:contain;background-position:center center}.clock-weather--storm{width:255px;height:146px;top:-30px;opacity:.96}.clock-weather--fog{width:196px;height:98px;background-size:contain;background-position:center center}.clock-weather__sun,.clock-weather__stars,.clock-weather__rain,.clock-weather__snow,.clock-weather__mist,.clock-weather__cloud{position:absolute}.clock-weather__stars{inset:0;background:radial-gradient(circle at 20% 26%,rgba(255,255,255,1) 0 1.2px,transparent 1.8px),radial-gradient(circle at 62% 18%,rgba(255,255,255,.92) 0 1.2px,transparent 1.8px),radial-gradient(circle at 78% 34%,rgba(255,255,255,.8) 0 1.1px,transparent 1.7px),radial-gradient(circle at 36% 42%,rgba(255,255,255,.86) 0 1.2px,transparent 1.8px),radial-gradient(circle at 53% 58%,rgba(255,255,255,.78) 0 1.1px,transparent 1.7px);opacity:1}.clock-weather__cloud{border-radius:999px;background:radial-gradient(circle at 32% 36%,rgba(255,255,255,.95) 0%,rgba(244,249,255,.78) 30%,rgba(222,235,250,.42) 58%,rgba(222,235,250,.08) 78%,transparent 100%);filter:blur(4px);animation:clock-cloud-drift 18s linear infinite;box-shadow:0 0 22px #c9dff72e,inset 0 1px #ffffff38;mix-blend-mode:normal}.clock-weather__cloud--a{left:0;top:12px;width:108px;height:36px}.clock-weather__cloud--b{right:28px;top:4px;width:92px;height:30px;animation-duration:22s}.clock-weather__cloud--c{left:68px;bottom:10px;width:122px;height:34px;animation-duration:26s}.clock-weather__sun{right:24px;top:2px;width:46px;height:46px;border-radius:999px;background:radial-gradient(circle,rgba(255,247,192,1) 0%,rgba(255,218,104,.92) 36%,rgba(255,196,75,.44) 62%,rgba(255,196,75,.08) 82%,transparent 100%);box-shadow:0 0 22px #ffd05c57,0 0 38px #ffd05c2e;filter:none;mix-blend-mode:normal}.clock-weather__rain{inset:10px 0 0;background:linear-gradient(105deg,transparent 0 38%,rgba(183,219,255,.9) 39% 40.6%,transparent 41.2% 100%) 0 0 / 50px 100% repeat-x,linear-gradient(105deg,transparent 0 54%,rgba(183,219,255,.82) 55% 56.4%,transparent 57% 100%) 18px 0 / 66px 100% repeat-x;opacity:1;transform:translateY(-2px);filter:none;text-shadow:0 0 10px rgba(183,219,255,.25);animation:clock-rain-fall .9s linear infinite;mix-blend-mode:normal}.clock-weather__snow{inset:0;background:radial-gradient(circle at 15% 24%,rgba(255,255,255,1) 0 2px,transparent 2.3px),radial-gradient(circle at 34% 16%,rgba(255,255,255,.94) 0 1.7px,transparent 2px),radial-gradient(circle at 58% 22%,rgba(255,255,255,1) 0 2px,transparent 2.3px),radial-gradient(circle at 76% 28%,rgba(255,255,255,.92) 0 1.7px,transparent 2px),radial-gradient(circle at 26% 56%,rgba(255,255,255,.92) 0 1.7px,transparent 2px),radial-gradient(circle at 66% 58%,rgba(255,255,255,1) 0 2px,transparent 2.3px);animation:clock-snow-fall 4.8s linear infinite;mix-blend-mode:normal}.clock-weather__mist{left:0;right:0;height:16px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,rgba(237,244,255,.54) 18%,rgba(237,244,255,.82) 50%,rgba(237,244,255,.54) 82%,transparent 100%);filter:blur(8px);animation:clock-mist-shift 8s ease-in-out infinite alternate;mix-blend-mode:normal}.clock-weather__mist--a{top:18px}.clock-weather__mist--b{top:40px;animation-duration:10s}.clock-weather--storm .clock-weather__cloud{background:radial-gradient(circle at 35% 35%,rgba(223,230,240,.82) 0%,rgba(187,201,221,.62) 42%,rgba(176,191,212,.16) 72%,transparent 100%)}@keyframes clock-cloud-drift{0%{transform:translate(-4px)}50%{transform:translate(4px)}to{transform:translate(-4px)}}@keyframes clock-rain-fall{0%{transform:translateY(-6px)}to{transform:translateY(10px)}}@keyframes clock-snow-fall{0%{transform:translateY(-8px)}to{transform:translateY(12px)}}@keyframes clock-mist-shift{0%{transform:translate(-6px)}to{transform:translate(6px)}}@media(max-width:720px){.clock-strip,.clock-strip__band{min-height:0}.clock-strip__markers{position:relative;display:grid;gap:12px;padding:14px;grid-template-columns:repeat(auto-fit,minmax(144px,1fr))}.clock-marker{position:relative;top:auto;left:auto!important;right:auto!important;transform:none;min-height:84px;min-width:0;padding:16px 12px;border-radius:16px;border:1px solid rgba(197,219,246,.1);background:#060c162e;backdrop-filter:blur(4px)}.clock-marker--edge-left,.clock-marker--edge-right{justify-items:center;text-align:center;transform:none}.clock-weather{width:auto;height:auto;inset:0;transform:none}.clock-marker__text,.clock-marker__meta,.clock-marker__temp{white-space:normal}}';
+const I = "world-clock-strip", _ = "world-clock-time-zone-options", f = "worldClock", S = "world-clock-strip:presets", v = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Map(), Q = /* @__PURE__ */ new Set([
+  "America/Adak",
+  "America/Anchorage",
+  "America/Boise",
+  "America/Chicago",
+  "America/Denver",
+  "America/Detroit",
+  "America/Indiana/Indianapolis",
+  "America/Indiana/Knox",
+  "America/Indiana/Marengo",
+  "America/Indiana/Petersburg",
+  "America/Indiana/Tell_City",
+  "America/Indiana/Vevay",
+  "America/Indiana/Vincennes",
+  "America/Indiana/Winamac",
+  "America/Juneau",
+  "America/Kentucky/Louisville",
+  "America/Kentucky/Monticello",
+  "America/Los_Angeles",
+  "America/Menominee",
+  "America/Metlakatla",
+  "America/New_York",
+  "America/Nome",
+  "America/North_Dakota/Beulah",
+  "America/North_Dakota/Center",
+  "America/North_Dakota/New_Salem",
+  "America/Phoenix",
+  "America/Puerto_Rico",
+  "America/Sitka",
+  "America/Yakutat",
+  "Pacific/Guam",
+  "Pacific/Honolulu",
+  "Pacific/Pago_Pago",
+  "Pacific/Saipan"
+]), A = {
+  "clear-day": d("Sunny.webp"),
+  "clear-night": d("starry-night.webp"),
+  cloudy: d("Cloudy.webp"),
+  rain: d("Rainy.webp"),
+  storm: d("storm.webp"),
+  snow: d("Snow.webp"),
+  fog: d("Foggy.webp")
+}, w = [
+  { label: "Las Vegas", timeZone: "America/Los_Angeles", weatherQuery: "Las Vegas, Nevada" },
+  { label: "Israel", timeZone: "Asia/Jerusalem", weatherQuery: "Jerusalem, Israel" },
+  { label: "New Delhi", timeZone: "Asia/Kolkata", weatherQuery: "New Delhi, India" },
+  { label: "Macau", timeZone: "Asia/Macau", weatherQuery: "Macau" },
+  { label: "Sydney", timeZone: "Australia/Sydney", weatherQuery: "Sydney, Australia" }
+], E = [
+  "America/Los_Angeles",
+  "America/Denver",
+  "America/Chicago",
+  "America/New_York",
+  "Europe/London",
+  "Europe/Paris",
+  "Asia/Jerusalem",
+  "Asia/Dubai",
+  "Asia/Kolkata",
+  "Asia/Singapore",
+  "Asia/Tokyo",
+  "Australia/Sydney"
+], g = [
+  { label: "Los Angeles", timeZone: "America/Los_Angeles", weatherQuery: "Los Angeles, California", country: "United States" },
+  { label: "Las Vegas", timeZone: "America/Los_Angeles", weatherQuery: "Las Vegas, Nevada", country: "United States" },
+  { label: "Denver", timeZone: "America/Denver", weatherQuery: "Denver, Colorado", country: "United States" },
+  { label: "Chicago", timeZone: "America/Chicago", weatherQuery: "Chicago, Illinois", country: "United States" },
+  { label: "New York", timeZone: "America/New_York", weatherQuery: "New York, New York", country: "United States" },
+  { label: "Honolulu", timeZone: "Pacific/Honolulu", weatherQuery: "Honolulu, Hawaii", country: "United States" },
+  { label: "London", timeZone: "Europe/London", weatherQuery: "London, United Kingdom", country: "United Kingdom" },
+  { label: "Paris", timeZone: "Europe/Paris", weatherQuery: "Paris, France", country: "France" },
+  { label: "Berlin", timeZone: "Europe/Berlin", weatherQuery: "Berlin, Germany", country: "Germany" },
+  { label: "Jerusalem", timeZone: "Asia/Jerusalem", weatherQuery: "Jerusalem, Israel", country: "Israel" },
+  { label: "Dubai", timeZone: "Asia/Dubai", weatherQuery: "Dubai, United Arab Emirates", country: "United Arab Emirates" },
+  { label: "New Delhi", timeZone: "Asia/Kolkata", weatherQuery: "New Delhi, India", country: "India" },
+  { label: "Singapore", timeZone: "Asia/Singapore", weatherQuery: "Singapore", country: "Singapore" },
+  { label: "Hong Kong", timeZone: "Asia/Hong_Kong", weatherQuery: "Hong Kong", country: "Hong Kong" },
+  { label: "Macau", timeZone: "Asia/Macau", weatherQuery: "Macau", country: "Macau" },
+  { label: "Tokyo", timeZone: "Asia/Tokyo", weatherQuery: "Tokyo, Japan", country: "Japan" },
+  { label: "Seoul", timeZone: "Asia/Seoul", weatherQuery: "Seoul, South Korea", country: "South Korea" },
+  { label: "Sydney", timeZone: "Australia/Sydney", weatherQuery: "Sydney, Australia", country: "Australia" },
+  { label: "Auckland", timeZone: "Pacific/Auckland", weatherQuery: "Auckland, New Zealand", country: "New Zealand" },
+  { label: "Sao Paulo", timeZone: "America/Sao_Paulo", weatherQuery: "Sao Paulo, Brazil", country: "Brazil" }
+];
+class L extends HTMLElement {
+  static get observedAttributes() {
+    return [
+      "locations",
+      "weather-enabled",
+      "weather-endpoint",
+      "visual-preset",
+      "read-only",
+      "persist-key",
+      "enable-url-state",
+      "share-query-param"
+    ];
+  }
+  root;
+  locationsState = u(w);
+  weatherEnabledState = !0;
+  weatherEndpointState = "";
+  visualPresetState = "default";
+  readOnlyState = !1;
+  persistKeyState = "";
+  enableUrlState = !1;
+  shareQueryParamState = f;
+  cityCatalogState = g;
+  weatherOverridesState = {};
+  weatherByKey = /* @__PURE__ */ new Map();
+  weatherFetchedAt = 0;
+  weatherRequestKey = "";
+  clockTimer = null;
+  weatherTimer = null;
+  inFlightWeatherRequest = null;
+  configDrawerOpen = !1;
+  advancedSettingsOpen = !1;
+  configDraftState = this.createConfigDraft();
+  addLocationOpen = !1;
+  addLocationQuery = "";
+  addLocationPreferredName = "";
+  selectedCommonCityKey = "";
+  pendingDeleteIndex = null;
+  selectedLocationIndex = null;
+  customLocationDraft = { label: "", timeZone: "", weatherQuery: "" };
+  presetNameDraft = "";
+  importExportDraft = "";
+  importExportOpen = !1;
+  statusMessage = "";
+  constructor() {
+    super(), this.root = this.attachShadow({ mode: "open" }), this.readAttributes(), this.configDraftState = this.createConfigDraft(), this.root.addEventListener("click", this.handleRootClick.bind(this)), this.root.addEventListener("input", this.handleRootInput.bind(this)), this.root.addEventListener("change", this.handleRootChange.bind(this)), this.root.addEventListener("focusout", this.handleRootFocusOut.bind(this));
+  }
+  connectedCallback() {
+    this.initializeSharedState(), this.render(), this.startClockRefresh(), this.startWeatherRefresh(!0);
+  }
+  disconnectedCallback() {
+    this.stopClockRefresh(), this.stopWeatherRefresh(), this.inFlightWeatherRequest?.abort(), this.inFlightWeatherRequest = null;
+  }
+  attributeChangedCallback(e, t, r) {
+    if (e === "locations") {
+      this.locationsState = P(r, this.locationsState), this.handleConfigurationChange(!0);
+      return;
+    }
+    if (e === "weather-enabled") {
+      this.weatherEnabledState = r == null ? !0 : r !== "false", this.handleConfigurationChange(!0);
+      return;
+    }
+    if (e === "weather-endpoint") {
+      this.weatherEndpointState = String(r || "").trim(), this.handleConfigurationChange(!0, "attribute");
+      return;
+    }
+    if (e === "visual-preset") {
+      this.visualPresetState = h(r), this.handleConfigurationChange(!1, "attribute");
+      return;
+    }
+    if (e === "read-only") {
+      this.readOnlyState = r != null && r !== "false", this.render();
+      return;
+    }
+    if (e === "persist-key") {
+      this.persistKeyState = String(r || "").trim();
+      return;
+    }
+    if (e === "enable-url-state") {
+      this.enableUrlState = r != null && r !== "false";
+      return;
+    }
+    e === "share-query-param" && (this.shareQueryParamState = String(r || f).trim() || f);
+  }
+  get locations() {
+    return this.locationsState.map((e) => ({ ...e }));
+  }
+  set locations(e) {
+    this.locationsState = u(e), this.handleConfigurationChange(!0, "api");
+  }
+  get weatherEnabled() {
+    return this.weatherEnabledState;
+  }
+  set weatherEnabled(e) {
+    this.weatherEnabledState = !!e, this.handleConfigurationChange(!0, "api");
+  }
+  get weatherEndpoint() {
+    return this.weatherEndpointState;
+  }
+  set weatherEndpoint(e) {
+    this.weatherEndpointState = String(e || "").trim(), this.handleConfigurationChange(!0, "api");
+  }
+  get visualPreset() {
+    return this.visualPresetState;
+  }
+  set visualPreset(e) {
+    this.visualPresetState = h(e), this.handleConfigurationChange(!1, "api");
+  }
+  get readOnly() {
+    return this.readOnlyState;
+  }
+  set readOnly(e) {
+    this.readOnlyState = !!e, this.render();
+  }
+  get persistKey() {
+    return this.persistKeyState;
+  }
+  set persistKey(e) {
+    this.persistKeyState = String(e || "").trim();
+  }
+  get shareQueryParam() {
+    return this.shareQueryParamState;
+  }
+  set shareQueryParam(e) {
+    this.shareQueryParamState = String(e || f).trim() || f;
+  }
+  get cityCatalog() {
+    return this.cityCatalogState.map((e) => ({ ...e }));
+  }
+  set cityCatalog(e) {
+    this.cityCatalogState = Z(e), this.render();
+  }
+  get weatherOverrides() {
+    return { ...this.weatherOverridesState };
+  }
+  set weatherOverrides(e) {
+    this.weatherOverridesState = e && typeof e == "object" ? { ...e } : {}, this.handleConfigurationChange(!1);
+  }
+  get config() {
+    return {
+      locations: this.locations,
+      weatherEnabled: this.weatherEnabledState,
+      weatherEndpoint: this.weatherEndpointState,
+      visualPreset: this.visualPresetState
+    };
+  }
+  set config(e) {
+    this.applyConfigValue(e, "api");
+  }
+  readAttributes() {
+    this.hasAttribute("locations") && (this.locationsState = P(this.getAttribute("locations"), this.locationsState)), this.hasAttribute("weather-enabled") && (this.weatherEnabledState = this.getAttribute("weather-enabled") !== "false"), this.hasAttribute("weather-endpoint") && (this.weatherEndpointState = String(this.getAttribute("weather-endpoint") || "").trim()), this.hasAttribute("visual-preset") && (this.visualPresetState = h(this.getAttribute("visual-preset"))), this.hasAttribute("read-only") && (this.readOnlyState = this.getAttribute("read-only") !== "false"), this.hasAttribute("persist-key") && (this.persistKeyState = String(this.getAttribute("persist-key") || "").trim()), this.hasAttribute("enable-url-state") && (this.enableUrlState = this.getAttribute("enable-url-state") !== "false"), this.hasAttribute("share-query-param") && (this.shareQueryParamState = String(this.getAttribute("share-query-param") || f).trim() || f);
+  }
+  initializeSharedState() {
+    if (this.persistKeyState) {
+      const e = le(this.persistKeyState);
+      e && this.applyConfigValue(e, "storage");
+    }
+    if (this.enableUrlState) {
+      const e = ce(this.shareQueryParamState);
+      e && this.applyConfigValue(e, "url");
+    }
+  }
+  handleConfigurationChange(e, t = "api") {
+    this.weatherEnabledState || (this.weatherByKey = /* @__PURE__ */ new Map(), this.weatherFetchedAt = 0, this.weatherRequestKey = "", this.inFlightWeatherRequest?.abort(), this.inFlightWeatherRequest = null), this.persistCurrentConfig(), this.dispatchConfigChange(t), this.render(), this.isConnected && (e ? this.startWeatherRefresh(!0) : this.render());
+  }
+  applyConfigValue(e, t) {
+    e.locations && (this.locationsState = u(e.locations)), typeof e.weatherEnabled == "boolean" && (this.weatherEnabledState = e.weatherEnabled), typeof e.weatherEndpoint == "string" && (this.weatherEndpointState = e.weatherEndpoint.trim()), e.visualPreset && (this.visualPresetState = h(e.visualPreset)), this.syncConfigDraftFromState(), this.handleConfigurationChange(!0, t);
+  }
+  persistCurrentConfig() {
+    this.persistKeyState && de(this.persistKeyState, this.config);
+  }
+  dispatchConfigChange(e) {
+    this.dispatchEvent(
+      new CustomEvent("configchange", {
+        detail: {
+          config: this.config,
+          source: e
+        }
+      })
+    );
+  }
+  startClockRefresh() {
+    this.stopClockRefresh();
+    const e = () => {
+      this.render();
+      const t = 6e4 - Date.now() % 6e4 + 50;
+      this.clockTimer = window.setTimeout(e, t);
+    };
+    e();
+  }
+  stopClockRefresh() {
+    this.clockTimer != null && (window.clearTimeout(this.clockTimer), this.clockTimer = null);
+  }
+  startWeatherRefresh(e) {
+    if (this.stopWeatherRefresh(), !this.weatherEnabledState || !this.locationsState.length) {
+      this.render();
+      return;
+    }
+    this.refreshWeather(e), this.weatherTimer = window.setInterval(() => {
+      this.refreshWeather(!1);
+    }, 9e5);
+  }
+  stopWeatherRefresh() {
+    this.weatherTimer != null && (window.clearInterval(this.weatherTimer), this.weatherTimer = null);
+  }
+  async refreshWeather(e) {
+    const t = this.buildWeatherRequestKey(), r = this.weatherFetchedAt > 0 && Date.now() - this.weatherFetchedAt < 9e5;
+    if (!e && r && t === this.weatherRequestKey)
+      return;
+    this.inFlightWeatherRequest?.abort();
+    const i = new AbortController();
+    this.inFlightWeatherRequest = i;
+    try {
+      const n = await be(this.locationsState, this.weatherEndpointState, i.signal);
+      if (i.signal.aborted || t !== this.buildWeatherRequestKey())
+        return;
+      const o = /* @__PURE__ */ new Map();
+      for (const s of n.locations)
+        o.set(m(s), s.weather ?? null);
+      this.weatherByKey = o, this.weatherFetchedAt = Date.now(), this.weatherRequestKey = t;
+    } catch (n) {
+      if (i.signal.aborted)
+        return;
+      console.error("World clock weather refresh failed", n), this.weatherFetchedAt = Date.now(), this.weatherRequestKey = t;
+    } finally {
+      this.inFlightWeatherRequest === i && (this.inFlightWeatherRequest = null), this.render();
+    }
+  }
+  buildWeatherRequestKey() {
+    return JSON.stringify({
+      endpoint: this.weatherEndpointState,
+      locations: this.locationsState.map((e) => ({
+        key: m(e),
+        weatherQuery: e.weatherQuery || e.label
+      }))
+    });
+  }
+  createConfigDraft() {
+    return {
+      locations: this.locationsState.map((e) => ({
+        label: e.label,
+        timeZone: e.timeZone,
+        weatherQuery: e.weatherQuery || e.label
+      })),
+      weatherEnabled: this.weatherEnabledState,
+      weatherEndpoint: this.weatherEndpointState,
+      visualPreset: this.visualPresetState
+    };
+  }
+  syncConfigDraftFromState() {
+    this.configDraftState = this.createConfigDraft();
+  }
+  handleRootClick(e) {
+    const t = e.target;
+    if (!(t instanceof Element))
+      return;
+    const r = t.closest("[data-action]");
+    if (!r)
+      return;
+    const i = r.dataset.action || "";
+    if (i === "toggle-config") {
+      this.configDrawerOpen = !this.configDrawerOpen, this.syncConfigDraftFromState(), this.resetTransientConfigUi(), this.render();
+      return;
+    }
+    if (i === "toggle-advanced") {
+      this.advancedSettingsOpen = !this.advancedSettingsOpen, this.render();
+      return;
+    }
+    if (i === "copy-share-link") {
+      this.copyShareLink();
+      return;
+    }
+    if (i === "copy-config-json") {
+      this.copyConfigJson();
+      return;
+    }
+    if (i === "toggle-import-export") {
+      this.importExportOpen = !this.importExportOpen, this.importExportDraft = this.importExportOpen ? JSON.stringify(this.config, null, 2) : "", this.render();
+      return;
+    }
+    if (i === "import-config-json") {
+      this.importConfigJson();
+      return;
+    }
+    if (i === "save-preset") {
+      this.saveCurrentPreset();
+      return;
+    }
+    if (i === "load-preset") {
+      const n = String(r.dataset.presetName || "");
+      this.loadSavedPreset(n);
+      return;
+    }
+    if (i === "delete-preset") {
+      const n = String(r.dataset.presetName || "");
+      this.deleteSavedPreset(n);
+      return;
+    }
+    if (i === "toggle-add-location") {
+      this.addLocationOpen = !this.addLocationOpen, this.addLocationOpen || this.resetAddLocationUi(), this.render();
+      return;
+    }
+    if (i === "select-common-city") {
+      const n = String(r.dataset.cityKey || ""), o = g.find((s) => k(s) === n);
+      if (!o)
+        return;
+      this.selectedCommonCityKey = n, this.addLocationPreferredName = o.label, this.render();
+      return;
+    }
+    if (i === "confirm-add-location") {
+      const n = this.getSelectedCommonCity();
+      if (!n)
+        return;
+      this.configDraftState.locations.push({
+        label: (this.addLocationPreferredName || n.label).trim(),
+        timeZone: n.timeZone,
+        weatherQuery: n.weatherQuery
+      }), this.applyConfigDraft(!0), this.resetAddLocationUi(), this.render();
+      return;
+    }
+    if (i === "cancel-add-location") {
+      this.resetAddLocationUi(), this.addLocationOpen = !1, this.render();
+      return;
+    }
+    if (i === "request-remove-location") {
+      const n = Number.parseInt(r.dataset.index || "-1", 10);
+      Number.isInteger(n) && n >= 0 && (this.pendingDeleteIndex = n, this.selectedLocationIndex = null, this.render());
+      return;
+    }
+    if (i === "cancel-remove-location") {
+      this.pendingDeleteIndex = null, this.render();
+      return;
+    }
+    if (i === "confirm-remove-location") {
+      const n = Number.parseInt(r.dataset.index || "-1", 10);
+      Number.isInteger(n) && n >= 0 && (this.configDraftState.locations.splice(n, 1), this.pendingDeleteIndex = null, this.selectedLocationIndex = null, this.applyConfigDraft(!0), this.render());
+      return;
+    }
+    if (i === "select-location") {
+      const n = Number.parseInt(r.dataset.index || "-1", 10);
+      Number.isInteger(n) && n >= 0 && (this.pendingDeleteIndex = null, this.selectedLocationIndex = this.selectedLocationIndex === n ? null : n, this.render());
+      return;
+    }
+    if (i === "add-custom-location") {
+      const n = {
+        label: this.customLocationDraft.label.trim(),
+        timeZone: this.customLocationDraft.timeZone.trim(),
+        weatherQuery: this.customLocationDraft.weatherQuery.trim()
+      };
+      if (!n.label || !n.timeZone || !n.weatherQuery)
+        return;
+      this.configDraftState.locations.push(n), this.customLocationDraft = { label: "", timeZone: "", weatherQuery: "" }, this.applyConfigDraft(!0), this.render();
+      return;
+    }
+  }
+  handleRootInput(e) {
+    const t = e.target;
+    if (!(t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement))
+      return;
+    const r = t.dataset.setting || "";
+    if (r === "addLocationQuery") {
+      this.addLocationQuery = t.value, this.selectedCommonCityKey = "", this.addLocationPreferredName = "", this.render();
+      return;
+    }
+    if (r === "addLocationPreferredName") {
+      this.addLocationPreferredName = t.value;
+      return;
+    }
+    if (r === "customLabel") {
+      this.customLocationDraft.label = t.value;
+      return;
+    }
+    if (r === "customTimeZone") {
+      this.customLocationDraft.timeZone = t.value;
+      return;
+    }
+    if (r === "customWeatherQuery") {
+      this.customLocationDraft.weatherQuery = t.value;
+      return;
+    }
+    if (r === "presetName") {
+      this.presetNameDraft = t.value;
+      return;
+    }
+    if (r === "importExportDraft") {
+      this.importExportDraft = t.value;
+      return;
+    }
+    const i = t.dataset.field || "", n = Number.parseInt(t.dataset.index || "-1", 10);
+    if (!Number.isInteger(n) || n < 0 || n >= this.configDraftState.locations.length)
+      return;
+    const o = this.configDraftState.locations[n];
+    if (i === "label") {
+      o.label = t.value;
+      return;
+    }
+    if (i === "timeZone") {
+      o.timeZone = t.value;
+      return;
+    }
+    i === "weatherQuery" && (o.weatherQuery = t.value);
+  }
+  handleRootChange(e) {
+    const t = e.target;
+    if (!(t instanceof HTMLInputElement || t instanceof HTMLSelectElement))
+      return;
+    const r = t.dataset.setting || "";
+    if (r === "weatherEnabled" && t instanceof HTMLInputElement) {
+      this.configDraftState.weatherEnabled = t.checked, this.applyConfigDraft(!0);
+      return;
+    }
+    if (r === "weatherEndpoint" && t instanceof HTMLInputElement) {
+      this.configDraftState.weatherEndpoint = t.value;
+      return;
+    }
+    if (r === "visualPreset" && t instanceof HTMLSelectElement) {
+      this.configDraftState.visualPreset = h(t.value), this.applyConfigDraft(!0);
+      return;
+    }
+  }
+  handleRootFocusOut(e) {
+    const t = e.target;
+    (t instanceof HTMLInputElement || t instanceof HTMLSelectElement || t instanceof HTMLTextAreaElement) && t.closest(".clock-config-drawer") && window.setTimeout(() => {
+      this.configDrawerOpen && this.applyConfigDraft(!0);
+    }, 0);
+  }
+  applyConfigDraft(e = !1) {
+    const t = u(
+      this.configDraftState.locations.map((r) => ({
+        label: r.label.trim(),
+        timeZone: r.timeZone.trim(),
+        weatherQuery: (r.weatherQuery || r.label).trim()
+      }))
+    );
+    this.locationsState = t.length ? t : u(w), this.weatherEnabledState = this.configDraftState.weatherEnabled, this.weatherEndpointState = this.configDraftState.weatherEndpoint.trim(), this.visualPresetState = this.configDraftState.visualPreset, this.configDrawerOpen = e ? this.configDrawerOpen : !1, this.syncConfigDraftFromState(), this.handleConfigurationChange(!0, "drawer");
+  }
+  render() {
+    const e = this.captureRenderFocus();
+    if (!this.locationsState.length) {
+      this.root.innerHTML = `<style>${x}</style>`, this.restoreRenderFocus(e);
+      return;
+    }
+    const t = /* @__PURE__ */ new Date(), r = this.locationsState.map((o, s) => {
+      const l = F(o.timeZone, t);
+      return {
+        label: o.label,
+        timeZone: o.timeZone,
+        weatherQuery: o.weatherQuery || o.label,
+        timeParts: l,
+        weather: Y(o, this.weatherByKey, this.weatherOverridesState),
+        positionPercent: X(s, this.locationsState.length)
+      };
+    }), i = W(r), n = i.reduce((o, s) => Math.max(o, s.lane + 1), 1);
+    this.root.innerHTML = `
+      <style>${x}</style>
+      <section class="clock-strip clock-strip--preset-${this.visualPresetState} ${this.configDrawerOpen && !this.readOnlyState ? "clock-strip--config-open" : ""}" part="base">
+        <section
+          class="clock-strip__band"
+          part="band"
+          style="--clock-lane-count:${n};--clock-strip-background:${V(i)};"
+          aria-label="World clock strip"
+        >
+          <div class="clock-strip__markers" part="markers">
+            ${i.map((o) => this.renderClockMarker(o)).join("")}
+          </div>
+        </section>
+        ${this.readOnlyState ? "" : `
+          <div class="clock-strip__hover-zone" part="config-hover-zone" aria-hidden="true">
+            <button
+              class="clock-strip__config-trigger"
+              type="button"
+              part="config-trigger"
+              data-action="toggle-config"
+              aria-label="${this.configDrawerOpen ? "Close world time settings" : "Open world time settings"}"
+              aria-expanded="${this.configDrawerOpen ? "true" : "false"}"
+            >
+              ${this.configDrawerOpen ? "Close" : "World Time Settings"}
+            </button>
+          </div>
+          ${this.renderConfigDrawer()}
+        `}
+      </section>
+    `, this.restoreRenderFocus(e);
+  }
+  renderConfigDrawer() {
+    const e = this.configDrawerOpen ? this.configDraftState : this.createConfigDraft(), t = this.getFilteredCommonCities(), r = this.getSelectedCommonCity(), i = this.getSavedPresets();
+    return `
+      <section
+        class="clock-config-drawer ${this.configDrawerOpen ? "clock-config-drawer--open" : ""}"
+        part="config-drawer"
+        aria-hidden="${this.configDrawerOpen ? "false" : "true"}"
+      >
+        <div class="clock-config-drawer__form">
+          <div class="clock-config-drawer__section-head">
+            <div class="clock-config-drawer__section-copy">Add from the common city list. Use <code>Advanced</code> for custom entries.</div>
+            <div class="clock-config-drawer__head-actions">
+              <button type="button" class="clock-config-drawer__ghost" data-action="copy-share-link">Share</button>
+              <button type="button" class="clock-config-drawer__ghost" data-action="toggle-import-export" aria-expanded="${this.importExportOpen ? "true" : "false"}">JSON</button>
+              <button type="button" class="clock-config-drawer__ghost" data-action="toggle-advanced" aria-expanded="${this.advancedSettingsOpen ? "true" : "false"}">Advanced</button>
+              <button type="button" class="clock-config-drawer__ghost" data-action="toggle-add-location" aria-expanded="${this.addLocationOpen ? "true" : "false"}">+</button>
+            </div>
+          </div>
+          ${this.statusMessage ? `<div class="clock-config-status">${c(this.statusMessage)}</div>` : ""}
+          ${this.renderAddLocationPanel(t, r)}
+          ${this.renderPresetPanel(i)}
+          ${this.renderImportExportPanel()}
+          <div class="clock-config-drawer__list">
+            <div class="clock-config-drawer__list-title">Current locations</div>
+            <ul class="clock-config-location-list">
+              ${e.locations.map((n, o) => this.renderConfigLocationListItem(n, o)).join("")}
+            </ul>
+          </div>
+          ${this.renderAdvancedSettings(e)}
+          <datalist id="${_}">
+            ${oe().map((n) => `<option value="${c(n)}"></option>`).join("")}
+          </datalist>
+        </div>
+      </section>
+    `;
+  }
+  renderPresetPanel(e) {
+    return `
+      <section class="clock-config-drawer__list">
+        <div class="clock-config-drawer__list-title">Saved presets</div>
+        <div class="clock-config-preset-save">
+          <input
+            type="text"
+            value="${c(this.presetNameDraft)}"
+            data-setting="presetName"
+            placeholder="Preset name"
+          />
+          <button type="button" class="clock-config-drawer__ghost" data-action="save-preset">Save current</button>
+        </div>
+        <div class="clock-config-presets">
+          ${e.length ? e.map((t) => `
+                <div class="clock-config-preset">
+                  <button type="button" class="clock-config-search-result" data-action="load-preset" data-preset-name="${c(t.name)}">${c(t.name)}</button>
+                  <button type="button" class="clock-config-location__remove" data-action="delete-preset" data-preset-name="${c(t.name)}">Delete</button>
+                </div>
+              `).join("") : '<div class="clock-config-search-empty">No saved presets yet.</div>'}
+        </div>
+      </section>
+    `;
+  }
+  renderImportExportPanel() {
+    return this.importExportOpen ? `
+      <section class="clock-config-drawer__list">
+        <div class="clock-config-drawer__list-title">Import / export JSON</div>
+        <label class="clock-config-field">
+          <textarea
+            class="clock-config-textarea"
+            data-setting="importExportDraft"
+            placeholder="Paste config JSON"
+          >${c(this.importExportDraft)}</textarea>
+        </label>
+        <div class="clock-config-add-confirm__actions">
+          <button type="button" class="clock-config-drawer__ghost" data-action="copy-config-json">Copy current</button>
+          <button type="button" class="clock-config-drawer__primary" data-action="import-config-json">Import</button>
+        </div>
+      </section>
+    ` : "";
+  }
+  renderAddLocationPanel(e, t) {
+    return this.addLocationOpen ? `
+      <section class="clock-config-add-panel">
+        <label class="clock-config-field">
+          <span class="clock-config-field__label">Search city</span>
+          <input
+            type="search"
+            value="${c(this.addLocationQuery)}"
+            data-setting="addLocationQuery"
+            placeholder="Start typing a city"
+            spellcheck="false"
+            autocapitalize="words"
+            autocomplete="off"
+          />
+        </label>
+        <div class="clock-config-search-results">
+          ${e.length ? e.map((r) => `
+                <button
+                  type="button"
+                  class="clock-config-search-result ${this.selectedCommonCityKey === k(r) ? "clock-config-search-result--selected" : ""}"
+                  data-action="select-common-city"
+                  data-city-key="${c(k(r))}"
+                >
+                  <span>${c(r.label)}</span>
+                  <span>${c(r.country)} · ${c(r.timeZone)}</span>
+                </button>
+              `).join("") : '<div class="clock-config-search-empty">No common city match. Use <strong>Advanced</strong> to add a custom city.</div>'}
+        </div>
+        ${t ? `
+          <div class="clock-config-add-confirm">
+            <div class="clock-config-add-confirm__city">
+              Weather will use ${c(t.weatherQuery)}.
+            </div>
+            <label class="clock-config-field">
+              <span class="clock-config-field__label">Preferred name</span>
+              <input
+                type="text"
+                value="${c(this.addLocationPreferredName)}"
+                data-setting="addLocationPreferredName"
+                placeholder="${c(t.label)}"
+              />
+            </label>
+            <div class="clock-config-add-confirm__actions">
+              <button type="button" class="clock-config-drawer__ghost" data-action="cancel-add-location">Cancel</button>
+              <button type="button" class="clock-config-drawer__primary" data-action="confirm-add-location">Add city</button>
+            </div>
+          </div>
+        ` : ""}
+      </section>
+    ` : "";
+  }
+  renderAdvancedSettings(e) {
+    return `
+      <section class="clock-config-advanced ${this.advancedSettingsOpen ? "clock-config-advanced--open" : ""}">
+        <div class="clock-config-advanced__grid">
+          <label class="clock-config-field clock-config-field--toggle">
+            <span class="clock-config-field__label">Weather</span>
+            <span class="clock-config-field__toggle-row">
+              <input
+                type="checkbox"
+                data-setting="weatherEnabled"
+                ${e.weatherEnabled ? "checked" : ""}
+              />
+              <span>${e.weatherEnabled ? "Enabled" : "Disabled"}</span>
+            </span>
+          </label>
+          <label class="clock-config-field clock-config-field--wide">
+            <span class="clock-config-field__label">Weather endpoint</span>
+            <input
+              type="text"
+              value="${c(e.weatherEndpoint)}"
+              placeholder="/api/weather/clocks"
+              data-setting="weatherEndpoint"
+            />
+          </label>
+          <label class="clock-config-field clock-config-field--wide">
+            <span class="clock-config-field__label">Visual preset</span>
+            <select data-setting="visualPreset">
+              ${["default", "minimal", "cinematic", "wallboard"].map((t) => `<option value="${t}" ${e.visualPreset === t ? "selected" : ""}>${t}</option>`).join("")}
+            </select>
+          </label>
+        </div>
+        <div class="clock-config-advanced__custom">
+          <div class="clock-config-drawer__list-title">Custom city</div>
+          <div class="clock-config-location">
+            <label class="clock-config-field">
+              <span class="clock-config-field__label">Preferred name</span>
+              <input type="text" value="${c(this.customLocationDraft.label)}" data-setting="customLabel" placeholder="Reykjavik" />
+            </label>
+            <label class="clock-config-field">
+              <span class="clock-config-field__label">Weather city</span>
+              <input type="text" value="${c(this.customLocationDraft.weatherQuery)}" data-setting="customWeatherQuery" placeholder="Reykjavik, Iceland" />
+            </label>
+            <label class="clock-config-field clock-config-field--time-zone">
+              <span class="clock-config-field__label">Time zone</span>
+              <input
+                type="search"
+                list="${_}"
+                value="${c(this.customLocationDraft.timeZone)}"
+                data-setting="customTimeZone"
+                placeholder="Search IANA time zone"
+                spellcheck="false"
+                autocapitalize="off"
+                autocomplete="off"
+              />
+            </label>
+            <button type="button" class="clock-config-location__remove" data-action="add-custom-location">Add</button>
+          </div>
+        </div>
+      </section>
+    `;
+  }
+  renderConfigLocationListItem(e, t) {
+    return this.pendingDeleteIndex === t ? `
+        <li class="clock-config-location-list__item clock-config-location-list__item--confirm">
+          <span class="clock-config-location-list__bullet">-</span>
+          <div class="clock-config-location-list__body">
+            <div class="clock-config-location-list__confirm">Remove ${c(e.label)}?</div>
+            <div class="clock-config-location-list__actions">
+              <button type="button" class="clock-config-drawer__ghost" data-action="cancel-remove-location">No</button>
+              <button type="button" class="clock-config-location__remove" data-action="confirm-remove-location" data-index="${t}">Remove</button>
+            </div>
+          </div>
+        </li>
+      ` : this.selectedLocationIndex === t ? `
+        <li class="clock-config-location-list__item clock-config-location-list__item--selected" part="config-location">
+          <span class="clock-config-location-list__bullet">-</span>
+          <div class="clock-config-location-list__body clock-config-location-list__body--edit">
+            <label class="clock-config-field">
+              <span class="clock-config-field__label">Screen name</span>
+              <input
+                type="text"
+                value="${c(e.label)}"
+                data-index="${t}"
+                data-field="label"
+                placeholder="Macau"
+              />
+            </label>
+            <label class="clock-config-field">
+              <span class="clock-config-field__label">Weather city</span>
+              <input
+                type="text"
+                value="${c(e.weatherQuery)}"
+                data-index="${t}"
+                data-field="weatherQuery"
+                placeholder="Macau"
+              />
+            </label>
+            <div class="clock-config-location-list__meta">${c(e.timeZone)}</div>
+          </div>
+          <button type="button" class="clock-config-location__remove" data-action="request-remove-location" data-index="${t}">Remove</button>
+        </li>
+      ` : `
+      <li class="clock-config-location-list__item" part="config-location">
+        <span class="clock-config-location-list__bullet">-</span>
+        <button type="button" class="clock-config-location-list__body clock-config-location-list__body--button" data-action="select-location" data-index="${t}">
+          <div class="clock-config-location-list__title">${c(e.label)}</div>
+          <div class="clock-config-location-list__meta">${c(e.timeZone)}</div>
+        </button>
+        <button type="button" class="clock-config-location__remove" data-action="request-remove-location" data-index="${t}">Remove</button>
+      </li>
+    `;
+  }
+  getFilteredCommonCities() {
+    const e = new Set(
+      this.configDraftState.locations.map((r) => m(r))
+    ), t = this.addLocationQuery.trim().toLowerCase();
+    return g.filter((r) => !e.has(m(r))).filter((r) => t ? `${r.label} ${r.country} ${r.timeZone} ${r.weatherQuery}`.toLowerCase().includes(t) : !0).slice(0, 8);
+  }
+  getSelectedCommonCity() {
+    return g.find((e) => k(e) === this.selectedCommonCityKey) ?? null;
+  }
+  resetAddLocationUi() {
+    this.addLocationQuery = "", this.addLocationPreferredName = "", this.selectedCommonCityKey = "";
+  }
+  resetTransientConfigUi() {
+    this.pendingDeleteIndex = null, this.selectedLocationIndex = null, this.advancedSettingsOpen = !1, this.addLocationOpen = !1, this.resetAddLocationUi(), this.customLocationDraft = { label: "", timeZone: "", weatherQuery: "" };
+  }
+  async copyShareLink() {
+    const e = se(this.config, this.shareQueryParamState);
+    await N(e), this.setStatusMessage("Share link copied");
+  }
+  async copyConfigJson() {
+    const e = JSON.stringify(this.config, null, 2);
+    await N(e), this.importExportDraft = e, this.setStatusMessage("Config JSON copied"), this.render();
+  }
+  importConfigJson() {
+    try {
+      const e = JSON.parse(this.importExportDraft), t = b(e);
+      this.applyConfigValue(t, "api"), this.setStatusMessage("Config imported"), this.render();
+    } catch (e) {
+      this.setStatusMessage(e instanceof Error ? e.message : "Invalid config JSON"), this.render();
+    }
+  }
+  getSavedPresets() {
+    try {
+      const e = window.localStorage.getItem(S);
+      if (!e)
+        return [];
+      const t = JSON.parse(e);
+      return Array.isArray(t) ? t.filter((r) => r && typeof r.name == "string" && r.config).map((r) => ({ name: r.name, config: b(r.config) })) : [];
+    } catch {
+      return [];
+    }
+  }
+  writeSavedPresets(e) {
+    window.localStorage.setItem(S, JSON.stringify(e));
+  }
+  saveCurrentPreset() {
+    const e = this.presetNameDraft.trim();
+    if (!e) {
+      this.setStatusMessage("Enter a preset name"), this.render();
+      return;
+    }
+    const t = this.getSavedPresets().filter((r) => r.name !== e);
+    t.unshift({ name: e, config: this.config }), this.writeSavedPresets(t), this.presetNameDraft = "", this.setStatusMessage("Preset saved"), this.render();
+  }
+  loadSavedPreset(e) {
+    const t = this.getSavedPresets().find((r) => r.name === e);
+    t && (this.applyConfigValue(t.config, "preset"), this.setStatusMessage(`Loaded preset: ${e}`), this.render());
+  }
+  deleteSavedPreset(e) {
+    const t = this.getSavedPresets().filter((r) => r.name !== e);
+    this.writeSavedPresets(t), this.setStatusMessage(`Deleted preset: ${e}`), this.render();
+  }
+  setStatusMessage(e) {
+    this.statusMessage = e, window.setTimeout(() => {
+      this.statusMessage === e && (this.statusMessage = "", this.render());
+    }, 2200);
+  }
+  captureRenderFocus() {
+    const e = this.root.activeElement;
+    if (!(e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement))
+      return null;
+    const t = e.dataset.setting;
+    if (t)
+      return {
+        selector: `[data-setting="${t}"]`,
+        start: e.selectionStart,
+        end: e.selectionEnd
+      };
+    const r = e.dataset.field, i = e.dataset.index;
+    return r && i != null ? {
+      selector: `[data-field="${r}"][data-index="${i}"]`,
+      start: e.selectionStart,
+      end: e.selectionEnd
+    } : null;
+  }
+  restoreRenderFocus(e) {
+    if (!e)
+      return;
+    const t = this.root.querySelector(e.selector);
+    if (t && (t.focus(), e.start != null && e.end != null))
+      try {
+        t.setSelectionRange(e.start, e.end);
+      } catch {
+        return;
+      }
+  }
+  renderClockMarker(e) {
+    const t = e.label, r = e.timeParts.timeText, i = e.timeParts.dayText, n = j(
+      e.weather,
+      q()
+    ), o = z(e.positionPercent), s = o === "clock-marker--edge-left" ? `left:${e.edgeInsetPx != null ? e.edgeInsetPx : Math.max(10, e.labelOffsetPx || 0)}px;` : o === "clock-marker--edge-right" ? `right:${e.edgeInsetPx != null ? e.edgeInsetPx : Math.max(10, -(e.labelOffsetPx || 0))}px;left:auto;` : `left:calc(${e.positionPercent}% ${K(e.labelOffsetPx || 0)});`, l = [t, r, i, n].filter(Boolean).join(" · ");
+    return `
+      <article
+        class="clock-marker ${o}"
+        part="marker"
+        title="${c(l)}"
+        style="${s}--clock-lane:${e.lane};"
+      >
+        ${this.renderClockWeatherBackdrop(e)}
+        <div class="clock-marker__text" part="label">${c(t)}</div>
+        <div class="clock-marker__text clock-marker__text--time" part="time">${c(r)}</div>
+        <div class="clock-marker__meta" part="meta">${c(i)}</div>
+        ${n ? `<div class="clock-marker__temp" part="temperature">${c(n)}</div>` : ""}
+      </article>
+    `;
+  }
+  renderClockWeatherBackdrop(e) {
+    if (!this.weatherEnabledState)
+      return "";
+    const t = e.weather, r = t && t.state === "pass" ? String(t.condition || "cloudy") : G(e.timeParts.hour24), i = ge(r, t, e.timeParts.hour24);
+    return `
+      <div
+        class="clock-weather clock-weather--image clock-weather--${c(r)}"
+        aria-hidden="true"
+        style="--clock-weather-image:url('${i}')"
+      ></div>
+    `;
+  }
+}
+function R(a = I) {
+  const e = customElements.get(a);
+  return e || (customElements.define(a, L), L);
+}
+function Ee(a = {}) {
+  R();
+  const e = document.createElement(I);
+  return a.locations && (e.locations = a.locations), a.weatherEnabled != null && (e.weatherEnabled = a.weatherEnabled), a.weatherEndpoint && (e.weatherEndpoint = a.weatherEndpoint), a.visualPreset && (e.visualPreset = a.visualPreset), a.readOnly != null && (e.readOnly = a.readOnly), a.persistKey && (e.persistKey = a.persistKey), a.enableUrlState != null && e.setAttribute("enable-url-state", String(a.enableUrlState)), a.shareQueryParam && (e.shareQueryParam = a.shareQueryParam), a.cityCatalog && (e.cityCatalog = a.cityCatalog), a.weatherOverrides && (e.weatherOverrides = a.weatherOverrides), e;
+}
+function u(a) {
+  const e = (Array.isArray(a) ? a : w).map((i) => ({
+    label: String(i?.label || "").trim(),
+    timeZone: String(i?.timeZone || "").trim(),
+    weatherQuery: String(i?.weatherQuery || i?.label || "").trim()
+  })).filter((i) => i.label && i.timeZone), t = [];
+  let r = !1;
+  for (const i of e) {
+    if (Ce(i))
+      continue;
+    if (ve(i)) {
+      r || (t.push({ label: "Macau", timeZone: "Asia/Macau", weatherQuery: "Macau" }), r = !0);
+      continue;
+    }
+    t.some(
+      (o) => o.label.toLowerCase() === i.label.toLowerCase() && o.timeZone.toLowerCase() === i.timeZone.toLowerCase()
+    ) || t.push(i);
+  }
+  return t.sort(Ae);
+}
+function b(a) {
+  return {
+    locations: u(a.locations),
+    weatherEnabled: a.weatherEnabled !== !1,
+    weatherEndpoint: String(a.weatherEndpoint || "").trim(),
+    visualPreset: h(a.visualPreset)
+  };
+}
+function h(a) {
+  return a === "minimal" || a === "cinematic" || a === "wallboard" ? a : "default";
+}
+function Z(a) {
+  return (Array.isArray(a) ? a : g).map((t) => ({
+    label: String(t?.label || "").trim(),
+    timeZone: String(t?.timeZone || "").trim(),
+    weatherQuery: String(t?.weatherQuery || t?.label || "").trim(),
+    country: String(t?.country || "").trim()
+  })).filter((t) => t.label && t.timeZone && t.weatherQuery);
+}
+function P(a, e) {
+  if (!a)
+    return u(e);
+  try {
+    const t = JSON.parse(a);
+    return u(t);
+  } catch (t) {
+    return console.error("Invalid world clock locations attribute", t), u(e);
+  }
+}
+function D(a) {
+  return `linear-gradient(90deg, ${a.map((e) => `${e.color} ${e.percent}%`).join(", ")})`;
+}
+function W(a) {
+  return a.map((e) => ({
+    ...e,
+    lane: 0,
+    labelOffsetPx: 0
+  }));
+}
+function K(a) {
+  const e = Number(a || 0);
+  return e < 0 ? `- ${Math.abs(e)}px` : `+ ${e}px`;
+}
+function z(a) {
+  return a <= 8 ? "clock-marker--edge-left" : a >= 92 ? "clock-marker--edge-right" : "";
+}
+function F(a, e) {
+  try {
+    const r = new Intl.DateTimeFormat("en-US", {
+      timeZone: a,
+      weekday: "long",
+      hour: "numeric",
+      minute: "2-digit",
+      hour12: !0,
+      timeZoneName: "short"
+    }).formatToParts(e), i = Object.fromEntries(r.map((l) => [l.type, l.value])), n = Number(i.hour || "0"), o = String(i.dayPeriod || "").toUpperCase();
+    return {
+      hour24: o === "PM" && n < 12 ? n + 12 : o === "AM" && n === 12 ? 0 : n,
+      minute24: Number(i.minute || "0"),
+      timeText: `${i.hour || ""}:${i.minute || ""} ${i.dayPeriod || ""}`.trim(),
+      dayText: O(a, e, String(i.weekday || "")),
+      zoneText: String(i.timeZoneName || a)
+    };
+  } catch {
+    return {
+      hour24: e.getHours(),
+      minute24: e.getMinutes(),
+      timeText: e.toLocaleTimeString("en-US", { hour: "numeric", minute: "2-digit" }),
+      dayText: O(a, e, e.toLocaleDateString("en-US", { weekday: "long" })),
+      zoneText: a
+    };
+  }
+}
+function O(a, e, t) {
+  const r = U(a, e);
+  return r ? `${t} ${r}${H(r)}` : t;
+}
+function U(a, e) {
+  try {
+    const i = new Intl.DateTimeFormat("en-US", {
+      timeZone: a,
+      day: "numeric"
+    }).formatToParts(e).find((o) => o.type === "day"), n = Number(i?.value || "");
+    return Number.isFinite(n) ? n : null;
+  } catch {
+    const t = e.getDate();
+    return Number.isFinite(t) ? t : null;
+  }
+}
+function H(a) {
+  const e = a % 100;
+  if (e >= 11 && e <= 13)
+    return "th";
+  const t = a % 10;
+  return t === 1 ? "st" : t === 2 ? "nd" : t === 3 ? "rd" : "th";
+}
+function j(a, e) {
+  const t = a?.state === "pass" ? Number(a.temperature) : Number.NaN;
+  if (!Number.isFinite(t))
+    return "";
+  const r = J(e), i = r === "F" ? B(t) : t;
+  return `${Math.round(i)}°${r}`;
+}
+function J(a) {
+  return Q.has(a) ? "F" : "C";
+}
+function q() {
+  try {
+    return String(Intl.DateTimeFormat().resolvedOptions().timeZone || "").trim();
+  } catch {
+    return "";
+  }
+}
+function B(a) {
+  return a * 9 / 5 + 32;
+}
+function Y(a, e, t) {
+  const r = m(a);
+  return Object.prototype.hasOwnProperty.call(t, r) ? t[r] : e.get(r) ?? null;
+}
+function G(a) {
+  return a >= 6 && a < 18 ? "clear-day" : "clear-night";
+}
+function V(a) {
+  if (!a.length)
+    return D(M());
+  const e = a.map((o) => ({
+    x: o.positionPercent,
+    time: ee(o.timeParts)
+  })), t = te(e), r = [
+    ...t.map((o) => ({ x: o.x - 100, time: o.time - 100 })),
+    ...t,
+    ...t.map((o) => ({ x: o.x + 100, time: o.time + 100 }))
+  ].sort((o, s) => o.x - s.x), i = 72, n = [];
+  for (let o = 0; o <= i; o += 1) {
+    const s = Number((o / i * 100).toFixed(2)), l = ae(s, r);
+    n.push({
+      color: re(l),
+      percent: s
+    });
+  }
+  return D(n);
+}
+function X(a, e) {
+  if (e <= 1)
+    return 50;
+  const t = 12, r = 100 - t * 2;
+  return Number((t + r * a / (e - 1)).toFixed(2));
+}
+function M() {
+  return [
+    { color: "#08111b", percent: 0 },
+    { color: "#0d1c30", percent: 18 },
+    { color: "#1f3048", percent: 20.83 },
+    { color: "#5f5163", percent: 24 },
+    { color: "#d18b59", percent: 29.17 },
+    { color: "#5e8bb9", percent: 36 },
+    { color: "#8cc4e7", percent: 45.83 },
+    { color: "#dceff8", percent: 58 },
+    { color: "#7ab6df", percent: 70.83 },
+    { color: "#5e7692", percent: 74.5 },
+    { color: "#9c6149", percent: 76.5 },
+    { color: "#d98d55", percent: 77.8 },
+    { color: "#402e43", percent: 79.17 },
+    { color: "#111d31", percent: 81.25 },
+    { color: "#08111b", percent: 86 },
+    { color: "#08111b", percent: 100 }
+  ];
+}
+function ee(a) {
+  return (Number(a.hour24 || 0) * 60 + Number(a.minute24 || 0)) % 1440 / 1440 * 100;
+}
+function te(a) {
+  if (!a.length)
+    return [];
+  const e = [{ ...a[0] }];
+  let t = a[0].time;
+  for (let r = 1; r < a.length; r += 1) {
+    let i = a[r].time;
+    for (; i < t; )
+      i += 100;
+    e.push({
+      x: a[r].x,
+      time: i
+    }), t = i;
+  }
+  return e;
+}
+function ae(a, e) {
+  if (!e.length)
+    return 0;
+  for (let t = 0; t < e.length - 1; t += 1) {
+    const r = e[t], i = e[t + 1];
+    if (a < r.x || a > i.x)
+      continue;
+    const n = i.x - r.x;
+    if (n <= 0)
+      return r.time;
+    const o = (a - r.x) / n;
+    return r.time + (i.time - r.time) * o;
+  }
+  return e[e.length - 1].time;
+}
+function re(a) {
+  const e = (a % 100 + 100) % 100, t = M();
+  for (let r = 0; r < t.length - 1; r += 1) {
+    const i = t[r], n = t[r + 1];
+    if (e < i.percent || e > n.percent)
+      continue;
+    const o = n.percent - i.percent;
+    if (o <= 0)
+      return i.color;
+    const s = (e - i.percent) / o;
+    return ie(i.color, n.color, s);
+  }
+  return t[t.length - 1].color;
+}
+function ie(a, e, t) {
+  const r = $(a), i = $(e);
+  return ne({
+    r: Math.round(r.r + (i.r - r.r) * t),
+    g: Math.round(r.g + (i.g - r.g) * t),
+    b: Math.round(r.b + (i.b - r.b) * t)
+  });
+}
+function $(a) {
+  const e = a.replace("#", "");
+  return {
+    r: Number.parseInt(e.slice(0, 2), 16),
+    g: Number.parseInt(e.slice(2, 4), 16),
+    b: Number.parseInt(e.slice(4, 6), 16)
+  };
+}
+function ne(a) {
+  return `#${[a.r, a.g, a.b].map((e) => e.toString(16).padStart(2, "0")).join("")}`;
+}
+function oe() {
+  try {
+    if (typeof Intl.supportedValuesOf == "function")
+      return Intl.supportedValuesOf("timeZone");
+  } catch {
+    return E;
+  }
+  return E;
+}
+function d(a) {
+  const e = ["..", "assets", "weather", a].join("/");
+  return new URL(e, import.meta.url).href;
+}
+function ce(a) {
+  try {
+    const t = new URL(window.location.href).searchParams.get(a);
+    return t ? fe(t) : null;
+  } catch {
+    return null;
+  }
+}
+function se(a, e) {
+  const t = new URL(window.location.href);
+  return t.searchParams.set(e, ue(a)), t.toString();
+}
+function le(a) {
+  try {
+    const e = window.localStorage.getItem(a);
+    return e ? b(JSON.parse(e)) : null;
+  } catch {
+    return null;
+  }
+}
+function de(a, e) {
+  window.localStorage.setItem(a, JSON.stringify(e));
+}
+function ue(a) {
+  return pe(JSON.stringify(b(a)));
+}
+function fe(a) {
+  const e = he(a);
+  return b(JSON.parse(e));
+}
+function pe(a) {
+  return btoa(unescape(encodeURIComponent(a))).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/g, "");
+}
+function he(a) {
+  const e = a.replace(/-/g, "+").replace(/_/g, "/").padEnd(Math.ceil(a.length / 4) * 4, "=");
+  return decodeURIComponent(escape(atob(e)));
+}
+async function N(a) {
+  if (navigator.clipboard?.writeText) {
+    await navigator.clipboard.writeText(a);
+    return;
+  }
+  const e = document.createElement("textarea");
+  e.value = a, document.body.append(e), e.select(), document.execCommand("copy"), e.remove();
+}
+function ge(a, e, t) {
+  return a === "partly-cloudy" ? me(e, t) ? d("Partly_Cloudy_Day.webp") : d("Partly_Cloudy.webp") : A[a] || A.cloudy;
+}
+function me(a, e) {
+  return a && typeof a.isDay == "boolean" ? a.isDay : e >= 6 && e < 18;
+}
+function m(a) {
+  const e = String(a.weatherQuery || a.label || "").trim().toLowerCase(), t = String(a.timeZone || "").trim().toLowerCase();
+  return `${e}__${t}`;
+}
+function k(a) {
+  return `${a.label.toLowerCase()}__${a.timeZone.toLowerCase()}`;
+}
+async function be(a, e, t) {
+  return e ? ke(a, e, t) : we(a, t);
+}
+async function ke(a, e, t) {
+  const r = await fetch(e, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({ locations: a }),
+    signal: t
+  });
+  if (!r.ok)
+    throw new Error(`Weather endpoint returned ${r.status}`);
+  const i = await r.json();
+  return {
+    fetchedAt: String(i?.fetchedAt || (/* @__PURE__ */ new Date()).toISOString()),
+    locations: Array.isArray(i?.locations) ? i.locations : []
+  };
+}
+async function we(a, e) {
+  const t = await Promise.all(
+    a.map(async (r) => {
+      try {
+        return await ye(r, e);
+      } catch (i) {
+        return {
+          label: r.label,
+          timeZone: r.timeZone,
+          weatherQuery: String(r.weatherQuery || r.label || "").trim(),
+          weather: {
+            state: "fail",
+            condition: "unknown",
+            description: i instanceof Error ? i.message : "Weather request failed"
+          }
+        };
+      }
+    })
+  );
+  return {
+    fetchedAt: (/* @__PURE__ */ new Date()).toISOString(),
+    locations: t
+  };
+}
+async function ye(a, e) {
+  const t = String(a.label || "").trim(), r = String(a.timeZone || "").trim(), i = String(a.weatherQuery || a.label || "").trim();
+  if (!i)
+    throw new Error("Weather place missing");
+  const n = await xe(i, e), o = await _e(n.latitude, n.longitude, r, e), s = Number(o.weather_code), l = Number(o.is_day) === 1, p = Se(s, l);
+  return {
+    label: t,
+    timeZone: r,
+    weatherQuery: i,
+    weather: {
+      state: "pass",
+      condition: p.condition,
+      description: p.description,
+      code: s,
+      isDay: l,
+      temperature: Number.isFinite(Number(o.temperature_2m)) ? Number(o.temperature_2m) : null,
+      temperatureUnit: "°C",
+      cloudCover: Number.isFinite(Number(o.cloud_cover)) ? Number(o.cloud_cover) : null,
+      precipitation: Number.isFinite(Number(o.precipitation)) ? Number(o.precipitation) : null,
+      latitude: n.latitude,
+      longitude: n.longitude,
+      locationName: n.displayName
+    }
+  };
+}
+async function xe(a, e) {
+  const t = a.toLowerCase(), r = v.get(t);
+  if (r && r.expiresAt > Date.now())
+    return r.value;
+  const i = Array.from(
+    new Set([a, a.split(",")[0].trim(), a.replace(/\s+/g, " ").trim()].filter(Boolean))
+  );
+  let n = null;
+  for (const s of i) {
+    const l = new URL("https://geocoding-api.open-meteo.com/v1/search");
+    l.searchParams.set("name", s), l.searchParams.set("count", "1"), l.searchParams.set("language", "en"), l.searchParams.set("format", "json");
+    const p = await fetch(l, { signal: e });
+    if (!p.ok)
+      throw new Error(`Geocoding failed with ${p.status}`);
+    const y = await p.json();
+    if (n = Array.isArray(y.results) && y.results[0] || null, n)
+      break;
+  }
+  if (!n)
+    throw new Error(`No weather location found for ${a}`);
+  const o = {
+    latitude: Number(n.latitude),
+    longitude: Number(n.longitude),
+    displayName: [n.name, n.admin1 || n.country].filter(Boolean).join(", ")
+  };
+  return v.set(t, {
+    expiresAt: Date.now() + 864e5,
+    value: o
+  }), o;
+}
+async function _e(a, e, t, r) {
+  const i = `${a}:${e}:${t}`, n = C.get(i);
+  if (n && n.expiresAt > Date.now())
+    return n.value;
+  const o = new URL("https://api.open-meteo.com/v1/forecast");
+  o.searchParams.set("latitude", String(a)), o.searchParams.set("longitude", String(e)), o.searchParams.set("current", "temperature_2m,weather_code,is_day,cloud_cover,precipitation"), o.searchParams.set("timezone", t || "auto"), o.searchParams.set("forecast_days", "1");
+  const s = await fetch(o, { signal: r });
+  if (!s.ok)
+    throw new Error(`Weather fetch failed with ${s.status}`);
+  const l = await s.json();
+  if (!l.current)
+    throw new Error("Current weather unavailable");
+  return C.set(i, {
+    expiresAt: Date.now() + 9e5,
+    value: l.current
+  }), l.current;
+}
+function Se(a, e) {
+  return a === 0 ? {
+    condition: e ? "clear-day" : "clear-night",
+    description: e ? "Clear sky" : "Clear night"
+  } : a === 1 || a === 2 ? {
+    condition: "partly-cloudy",
+    description: "Partly cloudy"
+  } : a === 3 ? {
+    condition: "cloudy",
+    description: "Overcast"
+  } : a === 45 || a === 48 ? {
+    condition: "fog",
+    description: "Fog"
+  } : [51, 53, 55, 56, 57, 61, 63, 65, 66, 67, 80, 81, 82].includes(a) ? {
+    condition: "rain",
+    description: "Rain"
+  } : [71, 73, 75, 77, 85, 86].includes(a) ? {
+    condition: "snow",
+    description: "Snow"
+  } : [95, 96, 99].includes(a) ? {
+    condition: "storm",
+    description: "Thunderstorm"
+  } : {
+    condition: "cloudy",
+    description: "Cloudy"
+  };
+}
+function ve(a) {
+  const e = String(a.label || "").trim().toLowerCase(), t = String(a.timeZone || "").trim().toLowerCase(), r = String(a.weatherQuery || "").trim().toLowerCase();
+  return e === "macau" || e === "manila" || e === "macau / manila" || r === "macau" || r === "manila" || t === "asia/macau" || t === "asia/manila";
+}
+function Ce(a) {
+  const e = String(a.label || "").trim().toLowerCase(), t = String(a.timeZone || "").trim().toLowerCase(), r = String(a.weatherQuery || "").trim().toLowerCase();
+  return e === "gold coast" || r === "gold coast" || r === "gold coast, australia" || t === "australia/brisbane";
+}
+function Ae(a, e) {
+  const t = T(a.timeZone), r = T(e.timeZone);
+  return t !== r ? t - r : a.label.localeCompare(e.label);
+}
+function T(a) {
+  const e = {
+    "America/Los_Angeles": 0,
+    "Asia/Jerusalem": 1,
+    "Asia/Kolkata": 2,
+    "Asia/Macau": 3,
+    "Australia/Sydney": 4
+  };
+  return Object.prototype.hasOwnProperty.call(e, a) ? e[a] : Number.MAX_SAFE_INTEGER;
+}
+function c(a) {
+  return String(a).replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+}
+export {
+  I as WORLD_CLOCK_TAG_NAME,
+  L as WorldClockStripElement,
+  Ee as createWorldClockStrip,
+  w as defaultClockLocations,
+  R as defineWorldClockStrip,
+  fe as deserializeWorldClockConfig,
+  G as getFallbackWeatherCondition,
+  me as isDaytimeWeather,
+  Se as mapWeatherCode,
+  u as normalizeClockLocations,
+  ue as serializeWorldClockConfig
+};
+//# sourceMappingURL=index.js.map