world-clock-strip 0.2.0 → 0.2.1

package/dist/index.js

@@ -1,5 +1,5 @@
-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([
+const _ = ':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", S = "world-clock-time-zone-options", h = "worldClock", v = "world-clock-strip:presets", d = "https://cdn.jsdelivr.net/npm/world-clock-strip@0.2.1/assets/weather/", C = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map(), Q = /* @__PURE__ */ new Set([
   "America/Adak",
   "America/Anchorage",
   "America/Boise",
@@ -33,15 +33,7 @@ const I = "world-clock-strip", _ = "world-clock-time-zone-options", f = "worldCl
   "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 = [
+]), y = [
   { 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" },
@@ -89,6 +81,7 @@ class L extends HTMLElement {
       "weather-enabled",
       "weather-endpoint",
       "visual-preset",
+      "weather-asset-base-url",
       "read-only",
       "persist-key",
       "enable-url-state",
@@ -96,14 +89,15 @@ class L extends HTMLElement {
     ];
   }
   root;
-  locationsState = u(w);
+  locationsState = u(y);
   weatherEnabledState = !0;
   weatherEndpointState = "";
+  weatherAssetBaseUrlState = d;
   visualPresetState = "default";
   readOnlyState = !1;
   persistKeyState = "";
   enableUrlState = !1;
-  shareQueryParamState = f;
+  shareQueryParamState = h;
   cityCatalogState = g;
   weatherOverridesState = {};
   weatherByKey = /* @__PURE__ */ new Map();
@@ -148,8 +142,12 @@ class L extends HTMLElement {
       this.weatherEndpointState = String(r || "").trim(), this.handleConfigurationChange(!0, "attribute");
       return;
     }
+    if (e === "weather-asset-base-url") {
+      this.weatherAssetBaseUrlState = String(r || d).trim() || d, this.handleConfigurationChange(!1, "attribute");
+      return;
+    }
     if (e === "visual-preset") {
-      this.visualPresetState = h(r), this.handleConfigurationChange(!1, "attribute");
+      this.visualPresetState = p(r), this.handleConfigurationChange(!1, "attribute");
       return;
     }
     if (e === "read-only") {
@@ -164,7 +162,7 @@ class L extends HTMLElement {
       this.enableUrlState = r != null && r !== "false";
       return;
     }
-    e === "share-query-param" && (this.shareQueryParamState = String(r || f).trim() || f);
+    e === "share-query-param" && (this.shareQueryParamState = String(r || h).trim() || h);
   }
   get locations() {
     return this.locationsState.map((e) => ({ ...e }));
@@ -188,7 +186,13 @@ class L extends HTMLElement {
     return this.visualPresetState;
   }
   set visualPreset(e) {
-    this.visualPresetState = h(e), this.handleConfigurationChange(!1, "api");
+    this.visualPresetState = p(e), this.handleConfigurationChange(!1, "api");
+  }
+  get weatherAssetBaseUrl() {
+    return this.weatherAssetBaseUrlState;
+  }
+  set weatherAssetBaseUrl(e) {
+    this.weatherAssetBaseUrlState = String(e || d).trim() || d, this.handleConfigurationChange(!1, "api");
   }
   get readOnly() {
     return this.readOnlyState;
@@ -206,7 +210,7 @@ class L extends HTMLElement {
     return this.shareQueryParamState;
   }
   set shareQueryParam(e) {
-    this.shareQueryParamState = String(e || f).trim() || f;
+    this.shareQueryParamState = String(e || h).trim() || h;
   }
   get cityCatalog() {
     return this.cityCatalogState.map((e) => ({ ...e }));
@@ -232,7 +236,7 @@ class L extends HTMLElement {
     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);
+    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("weather-asset-base-url") && (this.weatherAssetBaseUrlState = String(this.getAttribute("weather-asset-base-url") || d).trim() || d), this.hasAttribute("visual-preset") && (this.visualPresetState = p(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") || h).trim() || h);
   }
   initializeSharedState() {
     if (this.persistKeyState) {
@@ -240,7 +244,7 @@ class L extends HTMLElement {
       e && this.applyConfigValue(e, "storage");
     }
     if (this.enableUrlState) {
-      const e = ce(this.shareQueryParamState);
+      const e = se(this.shareQueryParamState);
       e && this.applyConfigValue(e, "url");
     }
   }
@@ -248,7 +252,7 @@ class L extends HTMLElement {
     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);
+    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 = p(e.visualPreset)), this.syncConfigDraftFromState(), this.handleConfigurationChange(!0, t);
   }
   persistCurrentConfig() {
     this.persistKeyState && de(this.persistKeyState, this.config);
@@ -299,8 +303,8 @@ class L extends HTMLElement {
       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);
+      for (const c of n.locations)
+        o.set(m(c), c.weather ?? null);
       this.weatherByKey = o, this.weatherFetchedAt = Date.now(), this.weatherRequestKey = t;
     } catch (n) {
       if (i.signal.aborted)
@@ -385,7 +389,7 @@ class L extends HTMLElement {
       return;
     }
     if (i === "select-common-city") {
-      const n = String(r.dataset.cityKey || ""), o = g.find((s) => k(s) === n);
+      const n = String(r.dataset.cityKey || ""), o = g.find((c) => w(c) === n);
       if (!o)
         return;
       this.selectedCommonCityKey = n, this.addLocationPreferredName = o.label, this.render();
@@ -498,7 +502,7 @@ class L extends HTMLElement {
       return;
     }
     if (r === "visualPreset" && t instanceof HTMLSelectElement) {
-      this.configDraftState.visualPreset = h(t.value), this.applyConfigDraft(!0);
+      this.configDraftState.visualPreset = p(t.value), this.applyConfigDraft(!0);
       return;
     }
   }
@@ -516,15 +520,15 @@ class L extends HTMLElement {
         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");
+    this.locationsState = t.length ? t : u(y), 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);
+      this.root.innerHTML = `<style>${_}</style>`, this.restoreRenderFocus(e);
       return;
     }
-    const t = /* @__PURE__ */ new Date(), r = this.locationsState.map((o, s) => {
+    const t = /* @__PURE__ */ new Date(), r = this.locationsState.map((o, c) => {
       const l = F(o.timeZone, t);
       return {
         label: o.label,
@@ -532,11 +536,11 @@ class L extends HTMLElement {
         weatherQuery: o.weatherQuery || o.label,
         timeParts: l,
         weather: Y(o, this.weatherByKey, this.weatherOverridesState),
-        positionPercent: X(s, this.locationsState.length)
+        positionPercent: X(c, this.locationsState.length)
       };
-    }), i = W(r), n = i.reduce((o, s) => Math.max(o, s.lane + 1), 1);
+    }), i = W(r), n = i.reduce((o, c) => Math.max(o, c.lane + 1), 1);
     this.root.innerHTML = `
-      <style>${x}</style>
+      <style>${_}</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"
@@ -584,7 +588,7 @@ class L extends HTMLElement {
               <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.statusMessage ? `<div class="clock-config-status">${s(this.statusMessage)}</div>` : ""}
           ${this.renderAddLocationPanel(t, r)}
           ${this.renderPresetPanel(i)}
           ${this.renderImportExportPanel()}
@@ -595,8 +599,8 @@ class L extends HTMLElement {
             </ul>
           </div>
           ${this.renderAdvancedSettings(e)}
-          <datalist id="${_}">
-            ${oe().map((n) => `<option value="${c(n)}"></option>`).join("")}
+          <datalist id="${S}">
+            ${oe().map((n) => `<option value="${s(n)}"></option>`).join("")}
           </datalist>
         </div>
       </section>
@@ -609,7 +613,7 @@ class L extends HTMLElement {
         <div class="clock-config-preset-save">
           <input
             type="text"
-            value="${c(this.presetNameDraft)}"
+            value="${s(this.presetNameDraft)}"
             data-setting="presetName"
             placeholder="Preset name"
           />
@@ -618,8 +622,8 @@ class L extends HTMLElement {
         <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>
+                  <button type="button" class="clock-config-search-result" data-action="load-preset" data-preset-name="${s(t.name)}">${s(t.name)}</button>
+                  <button type="button" class="clock-config-location__remove" data-action="delete-preset" data-preset-name="${s(t.name)}">Delete</button>
                 </div>
               `).join("") : '<div class="clock-config-search-empty">No saved presets yet.</div>'}
         </div>
@@ -635,7 +639,7 @@ class L extends HTMLElement {
             class="clock-config-textarea"
             data-setting="importExportDraft"
             placeholder="Paste config JSON"
-          >${c(this.importExportDraft)}</textarea>
+          >${s(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>
@@ -651,7 +655,7 @@ class L extends HTMLElement {
           <span class="clock-config-field__label">Search city</span>
           <input
             type="search"
-            value="${c(this.addLocationQuery)}"
+            value="${s(this.addLocationQuery)}"
             data-setting="addLocationQuery"
             placeholder="Start typing a city"
             spellcheck="false"
@@ -663,27 +667,27 @@ class L extends HTMLElement {
           ${e.length ? e.map((r) => `
                 <button
                   type="button"
-                  class="clock-config-search-result ${this.selectedCommonCityKey === k(r) ? "clock-config-search-result--selected" : ""}"
+                  class="clock-config-search-result ${this.selectedCommonCityKey === w(r) ? "clock-config-search-result--selected" : ""}"
                   data-action="select-common-city"
-                  data-city-key="${c(k(r))}"
+                  data-city-key="${s(w(r))}"
                 >
-                  <span>${c(r.label)}</span>
-                  <span>${c(r.country)} · ${c(r.timeZone)}</span>
+                  <span>${s(r.label)}</span>
+                  <span>${s(r.country)} · ${s(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)}.
+              Weather will use ${s(t.weatherQuery)}.
             </div>
             <label class="clock-config-field">
               <span class="clock-config-field__label">Preferred name</span>
               <input
                 type="text"
-                value="${c(this.addLocationPreferredName)}"
+                value="${s(this.addLocationPreferredName)}"
                 data-setting="addLocationPreferredName"
-                placeholder="${c(t.label)}"
+                placeholder="${s(t.label)}"
               />
             </label>
             <div class="clock-config-add-confirm__actions">
@@ -714,7 +718,7 @@ class L extends HTMLElement {
             <span class="clock-config-field__label">Weather endpoint</span>
             <input
               type="text"
-              value="${c(e.weatherEndpoint)}"
+              value="${s(e.weatherEndpoint)}"
               placeholder="/api/weather/clocks"
               data-setting="weatherEndpoint"
             />
@@ -731,18 +735,18 @@ class L extends HTMLElement {
           <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" />
+              <input type="text" value="${s(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" />
+              <input type="text" value="${s(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)}"
+                list="${S}"
+                value="${s(this.customLocationDraft.timeZone)}"
                 data-setting="customTimeZone"
                 placeholder="Search IANA time zone"
                 spellcheck="false"
@@ -761,7 +765,7 @@ class L extends HTMLElement {
         <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__confirm">Remove ${s(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>
@@ -776,7 +780,7 @@ class L extends HTMLElement {
               <span class="clock-config-field__label">Screen name</span>
               <input
                 type="text"
-                value="${c(e.label)}"
+                value="${s(e.label)}"
                 data-index="${t}"
                 data-field="label"
                 placeholder="Macau"
@@ -786,13 +790,13 @@ class L extends HTMLElement {
               <span class="clock-config-field__label">Weather city</span>
               <input
                 type="text"
-                value="${c(e.weatherQuery)}"
+                value="${s(e.weatherQuery)}"
                 data-index="${t}"
                 data-field="weatherQuery"
                 placeholder="Macau"
               />
             </label>
-            <div class="clock-config-location-list__meta">${c(e.timeZone)}</div>
+            <div class="clock-config-location-list__meta">${s(e.timeZone)}</div>
           </div>
           <button type="button" class="clock-config-location__remove" data-action="request-remove-location" data-index="${t}">Remove</button>
         </li>
@@ -800,8 +804,8 @@ class L extends HTMLElement {
       <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>
+          <div class="clock-config-location-list__title">${s(e.label)}</div>
+          <div class="clock-config-location-list__meta">${s(e.timeZone)}</div>
         </button>
         <button type="button" class="clock-config-location__remove" data-action="request-remove-location" data-index="${t}">Remove</button>
       </li>
@@ -814,7 +818,7 @@ class L extends HTMLElement {
     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;
+    return g.find((e) => w(e) === this.selectedCommonCityKey) ?? null;
   }
   resetAddLocationUi() {
     this.addLocationQuery = "", this.addLocationPreferredName = "", this.selectedCommonCityKey = "";
@@ -823,7 +827,7 @@ class L extends HTMLElement {
     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);
+    const e = ce(this.config, this.shareQueryParamState);
     await N(e), this.setStatusMessage("Share link copied");
   }
   async copyConfigJson() {
@@ -840,7 +844,7 @@ class L extends HTMLElement {
   }
   getSavedPresets() {
     try {
-      const e = window.localStorage.getItem(S);
+      const e = window.localStorage.getItem(v);
       if (!e)
         return [];
       const t = JSON.parse(e);
@@ -850,7 +854,7 @@ class L extends HTMLElement {
     }
   }
   writeSavedPresets(e) {
-    window.localStorage.setItem(S, JSON.stringify(e));
+    window.localStorage.setItem(v, JSON.stringify(e));
   }
   saveCurrentPreset() {
     const e = this.presetNameDraft.trim();
@@ -906,30 +910,30 @@ class L extends HTMLElement {
   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(" · ");
+      J()
+    ), o = K(e.positionPercent), c = 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}% ${z(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};"
+        title="${s(l)}"
+        style="${c}--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>` : ""}
+        <div class="clock-marker__text" part="label">${s(t)}</div>
+        <div class="clock-marker__text clock-marker__text--time" part="time">${s(r)}</div>
+        <div class="clock-marker__meta" part="meta">${s(i)}</div>
+        ${n ? `<div class="clock-marker__temp" part="temperature">${s(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);
+    const t = e.weather, r = t && t.state === "pass" ? String(t.condition || "cloudy") : G(e.timeParts.hour24), i = ge(r, t, e.timeParts.hour24, this.weatherAssetBaseUrlState);
     return `
       <div
-        class="clock-weather clock-weather--image clock-weather--${c(r)}"
+        class="clock-weather clock-weather--image clock-weather--${s(r)}"
         aria-hidden="true"
         style="--clock-weather-image:url('${i}')"
       ></div>
@@ -943,10 +947,10 @@ function R(a = I) {
 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;
+  return a.locations && (e.locations = a.locations), a.weatherEnabled != null && (e.weatherEnabled = a.weatherEnabled), a.weatherEndpoint && (e.weatherEndpoint = a.weatherEndpoint), a.weatherAssetBaseUrl && (e.weatherAssetBaseUrl = a.weatherAssetBaseUrl), 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) => ({
+  const e = (Array.isArray(a) ? a : y).map((i) => ({
     label: String(i?.label || "").trim(),
     timeZone: String(i?.timeZone || "").trim(),
     weatherQuery: String(i?.weatherQuery || i?.label || "").trim()
@@ -970,10 +974,10 @@ function b(a) {
     locations: u(a.locations),
     weatherEnabled: a.weatherEnabled !== !1,
     weatherEndpoint: String(a.weatherEndpoint || "").trim(),
-    visualPreset: h(a.visualPreset)
+    visualPreset: p(a.visualPreset)
   };
 }
-function h(a) {
+function p(a) {
   return a === "minimal" || a === "cinematic" || a === "wallboard" ? a : "default";
 }
 function Z(a) {
@@ -1004,11 +1008,11 @@ function W(a) {
     labelOffsetPx: 0
   }));
 }
-function K(a) {
+function z(a) {
   const e = Number(a || 0);
   return e < 0 ? `- ${Math.abs(e)}px` : `+ ${e}px`;
 }
-function z(a) {
+function K(a) {
   return a <= 8 ? "clock-marker--edge-left" : a >= 92 ? "clock-marker--edge-right" : "";
 }
 function F(a, e) {
@@ -1025,7 +1029,7 @@ function F(a, e) {
       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 || "")),
+      dayText: $(a, e, String(i.weekday || "")),
       zoneText: String(i.timeZoneName || a)
     };
   } catch {
@@ -1033,12 +1037,12 @@ function F(a, e) {
       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" })),
+      dayText: $(a, e, e.toLocaleDateString("en-US", { weekday: "long" })),
       zoneText: a
     };
   }
 }
-function O(a, e, t) {
+function $(a, e, t) {
   const r = U(a, e);
   return r ? `${t} ${r}${H(r)}` : t;
 }
@@ -1065,20 +1069,20 @@ 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;
+  const r = B(e), i = r === "F" ? q(t) : t;
   return `${Math.round(i)}°${r}`;
 }
-function J(a) {
+function B(a) {
   return Q.has(a) ? "F" : "C";
 }
-function q() {
+function J() {
   try {
     return String(Intl.DateTimeFormat().resolvedOptions().timeZone || "").trim();
   } catch {
     return "";
   }
 }
-function B(a) {
+function q(a) {
   return a * 9 / 5 + 32;
 }
 function Y(a, e, t) {
@@ -1098,12 +1102,12 @@ function V(a) {
     ...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 = [];
+  ].sort((o, c) => o.x - c.x), i = 72, n = [];
   for (let o = 0; o <= i; o += 1) {
-    const s = Number((o / i * 100).toFixed(2)), l = ae(s, r);
+    const c = Number((o / i * 100).toFixed(2)), l = ae(c, r);
     n.push({
       color: re(l),
-      percent: s
+      percent: c
     });
   }
   return D(n);
@@ -1177,20 +1181,20 @@ function re(a) {
     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);
+    const c = (e - i.percent) / o;
+    return ie(i.color, n.color, c);
   }
   return t[t.length - 1].color;
 }
 function ie(a, e, t) {
-  const r = $(a), i = $(e);
+  const r = O(a), i = O(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) {
+function O(a) {
   const e = a.replace("#", "");
   return {
     r: Number.parseInt(e.slice(0, 2), 16),
@@ -1210,19 +1214,15 @@ function oe() {
   }
   return E;
 }
-function d(a) {
-  const e = ["..", "assets", "weather", a].join("/");
-  return new URL(e, import.meta.url).href;
-}
-function ce(a) {
+function se(a) {
   try {
     const t = new URL(window.location.href).searchParams.get(a);
-    return t ? fe(t) : null;
+    return t ? he(t) : null;
   } catch {
     return null;
   }
 }
-function se(a, e) {
+function ce(a, e) {
   const t = new URL(window.location.href);
   return t.searchParams.set(e, ue(a)), t.toString();
 }
@@ -1238,16 +1238,16 @@ function de(a, e) {
   window.localStorage.setItem(a, JSON.stringify(e));
 }
 function ue(a) {
-  return pe(JSON.stringify(b(a)));
+  return fe(JSON.stringify(b(a)));
 }
-function fe(a) {
-  const e = he(a);
+function he(a) {
+  const e = pe(a);
   return b(JSON.parse(e));
 }
-function pe(a) {
+function fe(a) {
   return btoa(unescape(encodeURIComponent(a))).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/g, "");
 }
-function he(a) {
+function pe(a) {
   const e = a.replace(/-/g, "+").replace(/_/g, "/").padEnd(Math.ceil(a.length / 4) * 4, "=");
   return decodeURIComponent(escape(atob(e)));
 }
@@ -1259,8 +1259,23 @@ async function N(a) {
   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 ge(a, e, t, r) {
+  if (a === "partly-cloudy")
+    return me(e, t) ? k("Partly_Cloudy_Day.webp", r) : k("Partly_Cloudy.webp", r);
+  const i = {
+    "clear-day": "Sunny.webp",
+    "clear-night": "starry-night.webp",
+    cloudy: "Cloudy.webp",
+    rain: "Rainy.webp",
+    storm: "storm.webp",
+    snow: "Snow.webp",
+    fog: "Foggy.webp"
+  }[a] || "Cloudy.webp";
+  return k(i, r);
+}
+function k(a, e) {
+  const t = String(e || d).trim() || d;
+  return /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(t) ? new URL(a, t.endsWith("/") ? t : `${t}/`).toString() : `${t.endsWith("/") ? t : `${t}/`}${a}`;
 }
 function me(a, e) {
   return a && typeof a.isDay == "boolean" ? a.isDay : e >= 6 && e < 18;
@@ -1269,13 +1284,13 @@ function m(a) {
   const e = String(a.weatherQuery || a.label || "").trim().toLowerCase(), t = String(a.timeZone || "").trim().toLowerCase();
   return `${e}__${t}`;
 }
-function k(a) {
+function w(a) {
   return `${a.label.toLowerCase()}__${a.timeZone.toLowerCase()}`;
 }
 async function be(a, e, t) {
-  return e ? ke(a, e, t) : we(a, t);
+  return e ? we(a, e, t) : ke(a, t);
 }
-async function ke(a, e, t) {
+async function we(a, e, t) {
   const r = await fetch(e, {
     method: "POST",
     headers: {
@@ -1292,7 +1307,7 @@ async function ke(a, e, t) {
     locations: Array.isArray(i?.locations) ? i.locations : []
   };
 }
-async function we(a, e) {
+async function ke(a, e) {
   const t = await Promise.all(
     a.map(async (r) => {
       try {
@@ -1320,16 +1335,16 @@ 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);
+  const n = await xe(i, e), o = await _e(n.latitude, n.longitude, r, e), c = Number(o.weather_code), l = Number(o.is_day) === 1, f = Se(c, l);
   return {
     label: t,
     timeZone: r,
     weatherQuery: i,
     weather: {
       state: "pass",
-      condition: p.condition,
-      description: p.description,
-      code: s,
+      condition: f.condition,
+      description: f.description,
+      code: c,
       isDay: l,
       temperature: Number.isFinite(Number(o.temperature_2m)) ? Number(o.temperature_2m) : null,
       temperatureUnit: "°C",
@@ -1342,21 +1357,21 @@ async function ye(a, e) {
   };
 }
 async function xe(a, e) {
-  const t = a.toLowerCase(), r = v.get(t);
+  const t = a.toLowerCase(), r = C.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) {
+  for (const c 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)
+    l.searchParams.set("name", c), l.searchParams.set("count", "1"), l.searchParams.set("language", "en"), l.searchParams.set("format", "json");
+    const f = await fetch(l, { signal: e });
+    if (!f.ok)
+      throw new Error(`Geocoding failed with ${f.status}`);
+    const x = await f.json();
+    if (n = Array.isArray(x.results) && x.results[0] || null, n)
       break;
   }
   if (!n)
@@ -1366,24 +1381,24 @@ async function xe(a, e) {
     longitude: Number(n.longitude),
     displayName: [n.name, n.admin1 || n.country].filter(Boolean).join(", ")
   };
-  return v.set(t, {
+  return C.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);
+  const i = `${a}:${e}:${t}`, n = A.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();
+  const c = await fetch(o, { signal: r });
+  if (!c.ok)
+    throw new Error(`Weather fetch failed with ${c.status}`);
+  const l = await c.json();
   if (!l.current)
     throw new Error("Current weather unavailable");
-  return C.set(i, {
+  return A.set(i, {
     expiresAt: Date.now() + 9e5,
     value: l.current
   }), l.current;
@@ -1437,16 +1452,16 @@ function T(a) {
   };
   return Object.prototype.hasOwnProperty.call(e, a) ? e[a] : Number.MAX_SAFE_INTEGER;
 }
-function c(a) {
+function s(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,
+  y as defaultClockLocations,
   R as defineWorldClockStrip,
-  fe as deserializeWorldClockConfig,
+  he as deserializeWorldClockConfig,
   G as getFallbackWeatherCondition,
   me as isDaytimeWeather,
   Se as mapWeatherCode,