analog-clock-components 0.2.39 → 0.2.41

package/dist/analog-clock/analog-clock.esm.js

@@ -1 +1 @@
-import{p as e,g as a,b as o}from"./p-_YyA_mbv.js";export{s as setNonce}from"./p-_YyA_mbv.js";(()=>{const a=import.meta.url,o={};return""!==a&&(o.resourcesUrl=new URL(".",a).href),e(o)})().then((async e=>(await a(),o([["p-9f2d28a6",[[1,"analog-clock",{size:[2],timeZone:[2,"time-zone"],time:[32]}]]]],e))));
+import{p as t,b as o}from"./p-CTtfWR3D.js";export{s as setNonce}from"./p-CTtfWR3D.js";import{g as e}from"./p-DQuL1Twl.js";(()=>{const o=import.meta.url,e={};return""!==o&&(e.resourcesUrl=new URL(".",o).href),t(e)})().then((async t=>(await e(),o([["p-20594026",[[257,"analog-clock",{size:[2],timeZone:[2,"time-zone"],time:[32]}]]]],t))));

package/dist/analog-clock/{p-9f2d28a6.entry.js → p-20594026.entry.js}

@@ -1 +1 @@
-import{r as e,h as t}from"./p-_YyA_mbv.js";const c=class{constructor(t){e(this,t),this.size=void 0,this.timeZone=0,this.time=Date.now()}componentDidLoad(){this.timer=window.setInterval((()=>{this.time=Date.now()}),250)}disconnectedCallback(){clearInterval(this.timer)}get hour(){return new Date(this.time).getHours()}get minute(){return new Date(this.time).getMinutes()}get second(){return new Date(this.time).getSeconds()}hourToDegrees(){const e=this.hour+this.timeZone;return Math.floor(this.minute/2)+30*e}minuteToDegrees(){return Math.floor(this.second/10)+6*this.minute}secondToDegrees(){return 6*this.second}render(){return t("svg",{key:"39e3465d3bf04035966b00bb15186d1f712163cd",class:"clock",viewBox:"0 0 200 200",width:this.size,height:this.size},t("circle",{key:"e4c4288aa0efc9cf98027eef1f5bd7c550c23a18",id:"circle",cx:"100",cy:"100",r:"95","stroke-width":"10",fill:"transparent"}),t("line",{key:"296fb8ac19749103439f2ce1878db5ccfb214c20",id:"hour",transform:`rotate(${this.hourToDegrees()}, 100, 100)`,x1:"100",y1:"100",x2:"100",y2:"60","stroke-width":"10","stroke-linecap":"round"}),t("line",{key:"acbe2c6ebdf05ff46e06144839dec43c45e8b40d",id:"minute",transform:`rotate(${this.minuteToDegrees()}, 100, 100)`,x1:"100",y1:"100",x2:"100",y2:"30","stroke-width":"8","stroke-linecap":"round"}),t("line",{key:"f275abf7169379b2f61c9cdd185068f5e2373d4a",id:"second",transform:`rotate(${this.secondToDegrees()}, 100, 100)`,x1:"100",y1:"100",x2:"100",y2:"20","stroke-width":"2","stroke-linecap":"round"}))}};c.style=".clock #circle{stroke:var(--clock-circle-color, black)}.clock #hour{stroke:var(--clock-hour-color, black)}.clock #minute{stroke:var(--clock-minute-color, black)}.clock #second{stroke:var(--clock-second-color, black)}";export{c as analog_clock}
+import{r as e,h as t}from"./p-CTtfWR3D.js";const c=class{constructor(t){e(this,t),this.size=void 0,this.timeZone=0,this.time=Date.now()}componentDidLoad(){this.timer=window.setInterval((()=>{this.time=Date.now()}),250)}disconnectedCallback(){clearInterval(this.timer)}get hour(){return new Date(this.time).getHours()}get minute(){return new Date(this.time).getMinutes()}get second(){return new Date(this.time).getSeconds()}hourToDegrees(){const e=this.hour+this.timeZone;return Math.floor(this.minute/2)+30*e}minuteToDegrees(){return Math.floor(this.second/10)+6*this.minute}secondToDegrees(){return 6*this.second}render(){return t("svg",{key:"39e3465d3bf04035966b00bb15186d1f712163cd",class:"clock",viewBox:"0 0 200 200",width:this.size,height:this.size},t("circle",{key:"e4c4288aa0efc9cf98027eef1f5bd7c550c23a18",id:"circle",cx:"100",cy:"100",r:"95","stroke-width":"10",fill:"transparent"}),t("line",{key:"296fb8ac19749103439f2ce1878db5ccfb214c20",id:"hour",transform:`rotate(${this.hourToDegrees()}, 100, 100)`,x1:"100",y1:"100",x2:"100",y2:"60","stroke-width":"10","stroke-linecap":"round"}),t("line",{key:"acbe2c6ebdf05ff46e06144839dec43c45e8b40d",id:"minute",transform:`rotate(${this.minuteToDegrees()}, 100, 100)`,x1:"100",y1:"100",x2:"100",y2:"30","stroke-width":"8","stroke-linecap":"round"}),t("line",{key:"f275abf7169379b2f61c9cdd185068f5e2373d4a",id:"second",transform:`rotate(${this.secondToDegrees()}, 100, 100)`,x1:"100",y1:"100",x2:"100",y2:"20","stroke-width":"2","stroke-linecap":"round"}))}};c.style=".clock #circle{stroke:var(--clock-circle-color, black)}.clock #hour{stroke:var(--clock-hour-color, black)}.clock #minute{stroke:var(--clock-minute-color, black)}.clock #second{stroke:var(--clock-second-color, black)}";export{c as analog_clock}

package/dist/analog-clock/p-CTtfWR3D.js

@@ -0,0 +1,2 @@
+var t=Object.defineProperty,e=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},n=(t,e)=>{t.__stencil__getHostRef=()=>e,e.t=t},o=(t,e)=>(0,console.error)(t,e),i=new Map,l=new Map,s="slot-fb{display:contents}slot-fb[hidden]{display:none}",r="undefined"!=typeof window?window:{},c={o:0,i:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},u=t=>Promise.resolve(t),a=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),f=!!a&&(()=>!!r.document&&Object.getOwnPropertyDescriptor(r.document.adoptedStyleSheets,"length").writable)(),d=!1,h=[],p=[],m=(t,e)=>n=>{t.push(n),d||(d=!0,e&&4&c.o?w(y):c.raf(y))},v=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){o(t)}t.length=0},y=()=>{v(h),v(p),(d=h.length>0)&&c.raf(y)},w=t=>u().then(t),b=m(p,!0),$=t=>"object"==(t=typeof t)||"function"===t;function g(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((e,n)=>{for(var o in n)t(e,o,{get:n[o],enumerable:!0})})({},{err:()=>j,map:()=>O,ok:()=>S,unwrap:()=>E,unwrapErr:()=>C});var S=t=>({isOk:!0,isErr:!1,value:t}),j=t=>({isOk:!1,isErr:!0,value:t});function O(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>S(t))):S(n)}if(t.isErr)return j(t.value);throw"should never get here"}var k,E=t=>{if(t.isOk)return t.value;throw t.value},C=t=>{if(t.isErr)return t.value;throw t.value};function M(){const t=this.attachShadow({mode:"open"});void 0===k&&(k=null),k&&(f?t.adoptedStyleSheets.push(k):t.adoptedStyleSheets=[...t.adoptedStyleSheets,k])}var x=new WeakMap,P=t=>"sc-"+t.l,N=(t,e,...n)=>{let o=null,i=null,l=!1,s=!1;const r=[],c=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((l="function"!=typeof t&&!$(o))&&(o+=""),l&&s?r[r.length-1].u+=o:r.push(l?D(null,o):o),s=l)};if(c(n),e){e.key&&(i=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}const u=D(t,null);return u.h=e,r.length>0&&(u.p=r),u.m=i,u},D=(t,e)=>({o:0,v:t,u:e,$:null,p:null,h:null,m:null}),R={},U=t=>{const e=(t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};U("::slotted"),U(":host"),U(":host-context");var W,A=(t,e)=>null==t||$(t)?t:2&e?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:t,L=(t,e,n,o,i,l)=>{if(n===o)return;let s=((t,e)=>e in t)(t,e);if(e.toLowerCase(),"class"===e){const e=t.classList,i=F(n);let l=F(o);e.remove(...i.filter((t=>t&&!l.includes(t)))),e.add(...l.filter((t=>t&&!i.includes(t))))}else if("key"===e);else{const r=$(o);if((s||r&&null!==o)&&!i)try{if(t.tagName.includes("-"))t[e]!==o&&(t[e]=o);else{const i=null==o?"":o;"list"===e?s=!1:null!=n&&t[e]==i||("function"==typeof t.__lookupSetter__(e)?t[e]=i:t.setAttribute(e,i))}}catch(t){}null==o||!1===o?!1===o&&""!==t.getAttribute(e)||t.removeAttribute(e):(!s||4&l||i)&&!r&&1===t.nodeType&&t.setAttribute(e,o=!0===o?"":o)}},T=/\s/,F=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(T):[]),H=(t,e,n)=>{const o=11===e.$.nodeType&&e.$.host?e.$.host:e.$,i=t&&t.h||{},l=e.h||{};for(const t of q(Object.keys(i)))t in l||L(o,t,i[t],void 0,n,e.o);for(const t of q(Object.keys(l)))L(o,t,i[t],l[t],n,e.o)};function q(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var z=!1,V=(t,e,n)=>{const o=e.p[n];let i,l,s=0;if(z||(z="svg"===o.v),!r.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(i=o.$=r.document.createElementNS(z?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.v),z&&"foreignObject"===o.v&&(z=!1),H(null,o,z),o.p)for(s=0;s<o.p.length;++s)l=V(t,o,s),l&&i.appendChild(l);return"svg"===o.v?z=!1:"foreignObject"===i.tagName&&(z=!0),i["s-hn"]=W,i},G=(t,e,n,o,i,l)=>{let s,r=t;for(r.shadowRoot&&r.tagName===W&&(r=r.shadowRoot);i<=l;++i)o[i]&&(s=V(null,n,i),s&&(o[i].$=s,B(r,s,e)))},I=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.$;t&&t.remove()}}},Y=(t,e,n=!1)=>t.v===e.v&&(n?(n&&!t.m&&e.m&&(t.m=e.m),!0):t.m===e.m),_=(t,e,n=!1)=>{const o=e.$=t.$,i=t.p,l=e.p,s=e.v;H(t,e,z="svg"===s||"foreignObject"!==s&&z),null!==i&&null!==l?((t,e,n,o,i=!1)=>{let l,s,r=0,c=0,u=0,a=0,f=e.length-1,d=e[0],h=e[f],p=o.length-1,m=o[0],v=o[p];for(;r<=f&&c<=p;)if(null==d)d=e[++r];else if(null==h)h=e[--f];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(Y(d,m,i))_(d,m,i),d=e[++r],m=o[++c];else if(Y(h,v,i))_(h,v,i),h=e[--f],v=o[--p];else if(Y(d,v,i))_(d,v,i),B(t,d.$,h.$.nextSibling),d=e[++r],v=o[--p];else if(Y(h,m,i))_(h,m,i),B(t,h.$,d.$),h=e[--f],m=o[++c];else{for(u=-1,a=r;a<=f;++a)if(e[a]&&null!==e[a].m&&e[a].m===m.m){u=a;break}u>=0?(s=e[u],s.v!==m.v?l=V(e&&e[c],n,u):(_(s,m,i),e[u]=void 0,l=s.$),m=o[++c]):(l=V(e&&e[c],n,c),m=o[++c]),l&&B(d.$.parentNode,l,d.$)}r>f?G(t,null==o[p+1]?null:o[p+1].$,n,o,c,p):c>p&&I(e,r,f)})(o,i,e,l,n):null!==l?G(o,null,e,l,0,l.length-1):!n&&null!==i&&I(i,0,i.length-1),z&&"svg"===s&&(z=!1)},B=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),J=(t,e)=>{if(e&&!t.S&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.S=()=>{e["s-p"].splice(n-1,1),o()})))}},K=(t,e)=>{if(t.o|=16,4&t.o)return void(t.o|=512);J(t,t.j);const n=()=>Q(t,e);if(!e)return b(n);queueMicrotask((()=>{n()}))},Q=(t,e)=>{const n=t.$hostElement$,o=t.t;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let i;return i=it(o,e?"componentWillLoad":"componentWillUpdate",void 0,n),i=X(i,(()=>it(o,"componentWillRender",void 0,n))),X(i,(()=>tt(t,o,e)))},X=(t,e)=>Z(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),Z=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,tt=async(t,e,n)=>{var o;const i=t.$hostElement$,u=i["s-rc"];n&&(t=>{const e=t.O,n=t.$hostElement$,o=e.o,i=((t,e)=>{var n;const o=P(e),i=l.get(o);if(!r.document)return o;if(t=11===t.nodeType?t:r.document,i)if("string"==typeof i){let l,u=x.get(t=t.head||t);if(u||x.set(t,u=new Set),!u.has(o)){{l=r.document.createElement("style"),l.innerHTML=i;const o=null!=(n=c.k)?n:g(r.document);if(null!=o&&l.setAttribute("nonce",o),!(1&e.o))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(l,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(a){const e=new CSSStyleSheet;e.replaceSync(i),f?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=i+e.innerHTML:t.prepend(l)}else t.append(l);1&e.o&&t.insertBefore(l,null)}4&e.o&&(l.innerHTML+=s),u&&u.add(o)}}else t.adoptedStyleSheets.includes(i)||(f?t.adoptedStyleSheets.push(i):t.adoptedStyleSheets=[...t.adoptedStyleSheets,i]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=i,n.classList.add(i+"-h"))})(t);et(t,e,i,n),u&&(u.map((t=>t())),i["s-rc"]=void 0);{const e=null!=(o=i["s-p"])?o:[],n=()=>nt(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},et=(t,e,n,i)=>{try{e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{const o=t.$hostElement$,i=t.C||D(null,null),l=(t=>t&&t.v===R)(e)?e:N(null,null,e);if(W=o.tagName,n&&l.h)for(const t of Object.keys(l.h))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(l.h[t]=o[t]);l.v=null,l.o|=4,t.C=l,l.$=i.$=o.shadowRoot||o,_(i,l,n)})(t,e,i)}catch(e){o(e,t.$hostElement$)}return null},nt=t=>{const e=t.$hostElement$,n=t.t,o=t.j;it(n,"componentDidRender",void 0,e),64&t.o?it(n,"componentDidUpdate",void 0,e):(t.o|=64,lt(e),it(n,"componentDidLoad",void 0,e),t.M(e),o||ot()),t.S&&(t.S(),t.S=void 0),512&t.o&&w((()=>K(t,!1))),t.o&=-517},ot=()=>{w((()=>(t=>{const e=c.ce("appload",{detail:{namespace:"analog-clock"}});return t.dispatchEvent(e),e})(r)))},it=(t,e,n,i)=>{if(t&&t[e])try{return t[e](n)}catch(t){o(t,i)}},lt=t=>t.classList.add("hydrated"),st=(t,n,o,i)=>{const l=e(t);if(!l)return;if(!l)throw Error(`Couldn't find host element for "${i.l}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const s=l.P.get(n),r=l.o,c=l.t;if(o=A(o,i.N[n][0]),(!(8&r)||void 0===s)&&o!==s&&(!Number.isNaN(s)||!Number.isNaN(o))&&(l.P.set(n,o),c&&2==(18&r))){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(o,s,n))return;K(l,!1)}},rt=(t,n,o)=>{var i,l;const s=t.prototype;if(n.N){const r=Object.entries(null!=(i=n.N)?i:{});if(r.map((([t,[i]])=>{if(31&i||2&o&&32&i){const{get:l,set:r}=Object.getOwnPropertyDescriptor(s,t)||{};l&&(n.N[t][0]|=2048),r&&(n.N[t][0]|=4096),(1&o||!l)&&Object.defineProperty(s,t,{get(){{if(!(2048&n.N[t][0]))return((t,n)=>e(this).P.get(n))(0,t);const o=e(this),i=o?o.t:s;if(!i)return;return i[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,t,{set(l){const s=e(this);if(s){if(r){const e=32&i?this[t]:s.$hostElement$[t];return void 0===e&&s.P.get(t)?l=s.P.get(t):!s.P.get(t)&&e&&s.P.set(t,e),r.call(this,A(l,i)),void st(this,t,l=32&i?this[t]:s.$hostElement$[t],n)}{if(!(1&o&&4096&n.N[t][0]))return st(this,t,l,n),void(1&o&&!s.t&&s.D.then((()=>{4096&n.N[t][0]&&s.t[t]!==s.P.get(t)&&(s.t[t]=l)})));const e=()=>{const e=s.t[t];!s.P.get(t)&&e&&s.P.set(t,e),s.t[t]=A(l,i),st(this,t,s.t[t],n)};s.t?e():s.D.then((()=>e()))}}}})}})),1&o){const o=new Map;s.attributeChangedCallback=function(t,i,l){c.jmp((()=>{var r;const c=o.get(t);if(this.hasOwnProperty(c))l=this[c],delete this[c];else{if(s.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==l)return;if(null==c){const o=e(this),s=null==o?void 0:o.o;if(o&&s&&!(8&s)&&128&s&&l!==i){const e=o.t,s=null==(r=n.R)?void 0:r[t];null==s||s.forEach((n=>{null!=e[n]&&e[n].call(e,l,i,t)}))}return}}const u=Object.getOwnPropertyDescriptor(s,c);(l=(null!==l||"boolean"!=typeof this[c])&&l)===this[c]||u.get&&!u.set||(this[c]=l)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=n.R)?l:{}),...r.filter((([t,e])=>15&e[0])).map((([t,e])=>{const n=e[1]||t;return o.set(n,t),n}))]))}}return t},ct=(t,e)=>{it(t,"connectedCallback",void 0,e)},ut=(t,e)=>{it(t,"disconnectedCallback",void 0,e||t)},at=(t,n={})=>{var u;if(!r.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const f=[],d=n.exclude||[],h=r.customElements,p=r.document.head,m=p.querySelector("meta[charset]"),v=r.document.createElement("style"),y=[];let w,b=!0;Object.assign(c,n),c.i=new URL(n.resourcesUrl||"./",r.document.baseURI).href;let $=!1;if(t.map((t=>{t[1].map((n=>{const s={o:n[0],l:n[1],N:n[2],U:n[3]};4&s.o&&($=!0),s.N=n[2];const r=s.l,u=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={o:0,$hostElement$:t,O:e,P:new Map};n.D=new Promise((t=>n.M=t)),t["s-p"]=[],t["s-rc"]=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,s),1&s.o)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${s.l}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else M.call(t,s)}connectedCallback(){e(this)&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),w&&(clearTimeout(w),w=null),b?y.push(this):c.jmp((()=>(t=>{if(!(1&c.o)){const n=e(t);if(!n)return;const s=n.O,r=()=>{};if(1&n.o)(null==n?void 0:n.t)?ct(n.t,t):(null==n?void 0:n.D)&&n.D.then((()=>ct(n.t,t)));else{n.o|=1;{let e=t;for(;e=e.parentNode||e.host;)if(e["s-p"]){J(n,n.j=e);break}}s.N&&Object.entries(s.N).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let s;if(!(32&e.o)){if(e.o|=32,n.W){const l=((t,e)=>{const n=t.l.replace(/-/g,"_"),l=t.W;if(!l)return;const s=i.get(l);return s?s[n]:import(`./${l}.entry.js`).then((t=>(i.set(l,t),t[n])),(t=>{o(t,e.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(l&&"then"in l){const t=()=>{};s=await l,t()}else s=l;if(!s)throw Error(`Constructor for "${n.l}#${e.A}" was not found`);s.isProxied||(rt(s,n,2),s.isProxied=!0);const r=()=>{};e.o|=8;try{new s(e)}catch(e){o(e,t)}e.o&=-9,r(),ct(e.t,t)}else s=t.constructor,customElements.whenDefined(t.localName).then((()=>e.o|=128));if(s&&s.style){let t;"string"==typeof s.style&&(t=s.style);const e=P(n);if(!l.has(e)){const o=()=>{};((t,e,n)=>{let o=l.get(t);a&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,l.set(t,o)})(e,t,!!(1&n.o)),o()}}}const r=e.j,c=()=>K(e,!0);r&&r["s-rc"]?r["s-rc"].push(c):c()})(t,n,s)}r()}})(this))))}disconnectedCallback(){c.jmp((()=>(async t=>{if(!(1&c.o)){const n=e(t);(null==n?void 0:n.t)?ut(n.t,t):(null==n?void 0:n.D)&&n.D.then((()=>ut(n.t,t)))}x.has(t)&&x.delete(t),t.shadowRoot&&x.has(t.shadowRoot)&&x.delete(t.shadowRoot)})(this))),c.raf((()=>{var t;const n=e(this);if(!n)return;const o=y.findIndex((t=>t===this));o>-1&&y.splice(o,1),(null==(t=null==n?void 0:n.C)?void 0:t.$)instanceof Node&&!n.C.$.isConnected&&delete n.C.$}))}componentOnReady(){var t;return null==(t=e(this))?void 0:t.D}};s.W=t[0],d.includes(r)||h.get(r)||(f.push(r),h.define(r,rt(u,s,1)))}))})),f.length>0&&($&&(v.textContent+=s),v.textContent+=f.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const t=null!=(u=c.k)?u:g(r.document);null!=t&&v.setAttribute("nonce",t),p.insertBefore(v,m?m.nextSibling:p.firstChild)}b=!1,y.length?y.map((t=>t.connectedCallback())):c.jmp((()=>w=setTimeout(ot,30)))},ft=t=>c.k=t;export{at as b,N as h,u as p,n as r,ft as s}

package/dist/analog-clock/p-DQuL1Twl.js

@@ -0,0 +1 @@
+const o=()=>{};export{o as g}

package/dist/cjs/analog-clock.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DYD_W8yc.js');
+var index = require('./index-C8rxBrs6.js');
 
 const analogClockCss = ".clock #circle{stroke:var(--clock-circle-color, black)}.clock #hour{stroke:var(--clock-hour-color, black)}.clock #minute{stroke:var(--clock-minute-color, black)}.clock #second{stroke:var(--clock-second-color, black)}";
 

package/dist/cjs/analog-clock.cjs.js

@@ -1,10 +1,11 @@
 'use strict';
 
-var index = require('./index-DYD_W8yc.js');
+var index = require('./index-C8rxBrs6.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.35.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.36.1 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {
@@ -17,8 +18,8 @@ var patchBrowser = () => {
 };
 
 patchBrowser().then(async (options) => {
-  await index.globalScripts();
-  return index.bootstrapLazy([["analog-clock.cjs",[[1,"analog-clock",{"size":[2],"timeZone":[2,"time-zone"],"time":[32]}]]]], options);
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["analog-clock.cjs",[[257,"analog-clock",{"size":[2],"timeZone":[2,"time-zone"],"time":[32]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/app-globals-V2Kpy_OQ.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const globalScripts = () => {};
+
+exports.globalScripts = globalScripts;

package/dist/cjs/{index-DYD_W8yc.js → index-C8rxBrs6.js}

@@ -3,11 +3,8 @@
 const NAMESPACE = 'analog-clock';
 const BUILD = /* analog-clock */ { hydratedSelectorName: "hydrated", lazyLoad: true, updatable: true, watchCallback: false };
 
-const globalScripts = () => {};
-const globalStyles = "";
-
 /*
- Stencil Client Platform v4.35.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.36.1 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -104,6 +101,7 @@ var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
   }
   return false;
 })() ;
+var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @__PURE__ */ (() => !!win.document && Object.getOwnPropertyDescriptor(win.document.adoptedStyleSheets, "length").writable)() : false;
 var queuePending = false;
 var queueDomReads = [];
 var queueDomWrites = [];
@@ -203,12 +201,24 @@ var unwrapErr = (result) => {
     throw result.value;
   }
 };
+
+// src/utils/style.ts
+function createStyleSheetIfNeededAndSupported(styles2) {
+  return void 0;
+}
+
+// src/utils/shadow-root.ts
+var globalStyleSheet;
 function createShadowRoot(cmpMeta) {
+  var _a;
   const shadowRoot = this.attachShadow({ mode: "open" });
-  if (supportsConstructableStylesheets) {
-    const sheet = new CSSStyleSheet();
-    sheet.replaceSync(globalStyles);
-    shadowRoot.adoptedStyleSheets.push(sheet);
+  if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported()) != null ? _a : null;
+  if (globalStyleSheet) {
+    if (supportsMutableAdoptedStyleSheets) {
+      shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
+    } else {
+      shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
+    }
   }
 }
 var createTime = (fnName, tagName = "") => {
@@ -225,96 +235,6 @@ var uniqueTime = (key, measureText) => {
     };
   }
 };
-var h = (nodeName, vnodeData, ...children) => {
-  let child = null;
-  let key = null;
-  let simple = false;
-  let lastSimple = false;
-  const vNodeChildren = [];
-  const walk = (c) => {
-    for (let i2 = 0; i2 < c.length; i2++) {
-      child = c[i2];
-      if (Array.isArray(child)) {
-        walk(child);
-      } else if (child != null && typeof child !== "boolean") {
-        if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
-          child = String(child);
-        }
-        if (simple && lastSimple) {
-          vNodeChildren[vNodeChildren.length - 1].$text$ += child;
-        } else {
-          vNodeChildren.push(simple ? newVNode(null, child) : child);
-        }
-        lastSimple = simple;
-      }
-    }
-  };
-  walk(children);
-  if (vnodeData) {
-    if (vnodeData.key) {
-      key = vnodeData.key;
-    }
-    {
-      const classData = vnodeData.className || vnodeData.class;
-      if (classData) {
-        vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
-      }
-    }
-  }
-  const vnode = newVNode(nodeName, null);
-  vnode.$attrs$ = vnodeData;
-  if (vNodeChildren.length > 0) {
-    vnode.$children$ = vNodeChildren;
-  }
-  {
-    vnode.$key$ = key;
-  }
-  return vnode;
-};
-var newVNode = (tag, text) => {
-  const vnode = {
-    $flags$: 0,
-    $tag$: tag,
-    $text$: text,
-    $elm$: null,
-    $children$: null
-  };
-  {
-    vnode.$attrs$ = null;
-  }
-  {
-    vnode.$key$ = null;
-  }
-  return vnode;
-};
-var Host = {};
-var isHost = (node) => node && node.$tag$ === Host;
-var createSupportsRuleRe = (selector) => {
-  const safeSelector2 = escapeRegExpSpecialCharacters(selector);
-  return new RegExp(
-    // First capture group: match any context before the selector that's not inside @supports selector()
-    // Using negative lookahead to avoid matching inside @supports selector(...) condition
-    `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector2}))(${safeSelector2}\\b)`,
-    "g"
-  );
-};
-createSupportsRuleRe("::slotted");
-createSupportsRuleRe(":host");
-createSupportsRuleRe(":host-context");
-var parsePropertyValue = (propValue, propType, isFormAssociated) => {
-  if (propValue != null && !isComplexType(propValue)) {
-    if (propType & 2 /* Number */) {
-      return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
-    }
-    return propValue;
-  }
-  return propValue;
-};
-var emitEvent = (elm, name, opts) => {
-  const ev = plt.ce(name, opts);
-  elm.dispatchEvent(ev);
-  return ev;
-};
 var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
 var registerStyle = (scopeId2, cssText, allowCS) => {
   let style = styles.get(scopeId2);
@@ -366,7 +286,11 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
               if (supportsConstructableStylesheets) {
                 const stylesheet = new CSSStyleSheet();
                 stylesheet.replaceSync(style);
-                styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+                if (supportsMutableAdoptedStyleSheets) {
+                  styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
+                } else {
+                  styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+                }
               } else {
                 const existingStyleContainer = styleContainerNode.querySelector("style");
                 if (existingStyleContainer) {
@@ -391,7 +315,11 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
         }
       }
     } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
-      styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
+      if (supportsMutableAdoptedStyleSheets) {
+        styleContainerNode.adoptedStyleSheets.push(style);
+      } else {
+        styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
+      }
     }
   }
   return scopeId2;
@@ -411,6 +339,96 @@ var attachStyles = (hostRef) => {
   endAttachStyles();
 };
 var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
+var h = (nodeName, vnodeData, ...children) => {
+  let child = null;
+  let key = null;
+  let simple = false;
+  let lastSimple = false;
+  const vNodeChildren = [];
+  const walk = (c) => {
+    for (let i2 = 0; i2 < c.length; i2++) {
+      child = c[i2];
+      if (Array.isArray(child)) {
+        walk(child);
+      } else if (child != null && typeof child !== "boolean") {
+        if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
+          child = String(child);
+        }
+        if (simple && lastSimple) {
+          vNodeChildren[vNodeChildren.length - 1].$text$ += child;
+        } else {
+          vNodeChildren.push(simple ? newVNode(null, child) : child);
+        }
+        lastSimple = simple;
+      }
+    }
+  };
+  walk(children);
+  if (vnodeData) {
+    if (vnodeData.key) {
+      key = vnodeData.key;
+    }
+    {
+      const classData = vnodeData.className || vnodeData.class;
+      if (classData) {
+        vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
+      }
+    }
+  }
+  const vnode = newVNode(nodeName, null);
+  vnode.$attrs$ = vnodeData;
+  if (vNodeChildren.length > 0) {
+    vnode.$children$ = vNodeChildren;
+  }
+  {
+    vnode.$key$ = key;
+  }
+  return vnode;
+};
+var newVNode = (tag, text) => {
+  const vnode = {
+    $flags$: 0,
+    $tag$: tag,
+    $text$: text,
+    $elm$: null,
+    $children$: null
+  };
+  {
+    vnode.$attrs$ = null;
+  }
+  {
+    vnode.$key$ = null;
+  }
+  return vnode;
+};
+var Host = {};
+var isHost = (node) => node && node.$tag$ === Host;
+var createSupportsRuleRe = (selector) => {
+  const safeSelector2 = escapeRegExpSpecialCharacters(selector);
+  return new RegExp(
+    // First capture group: match any context before the selector that's not inside @supports selector()
+    // Using negative lookahead to avoid matching inside @supports selector(...) condition
+    `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector2}))(${safeSelector2}\\b)`,
+    "g"
+  );
+};
+createSupportsRuleRe("::slotted");
+createSupportsRuleRe(":host");
+createSupportsRuleRe(":host-context");
+var parsePropertyValue = (propValue, propType, isFormAssociated) => {
+  if (propValue != null && !isComplexType(propValue)) {
+    if (propType & 2 /* Number */) {
+      return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
+    }
+    return propValue;
+  }
+  return propValue;
+};
+var emitEvent = (elm, name, opts) => {
+  const ev = plt.ce(name, opts);
+  elm.dispatchEvent(ev);
+  return ev;
+};
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
   if (oldValue === newValue) {
     return;
@@ -697,7 +715,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
       !isInitialRender && BUILD.updatable && oldChildren !== null
     ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
-    }
+    } else ;
     if (isSvgMode && tag === "svg") {
       isSvgMode = false;
     }
@@ -751,6 +769,12 @@ var scheduleUpdate = (hostRef, isInitialLoad) => {
   }
   attachToAncestor(hostRef, hostRef.$ancestorComponent$);
   const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
+  if (isInitialLoad) {
+    queueMicrotask(() => {
+      dispatch();
+    });
+    return;
+  }
   return writeTask(dispatch) ;
 };
 var dispatchHooks = (hostRef, isInitialLoad) => {
@@ -885,6 +909,9 @@ var addHydratedFlag = (elm) => {
 var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
 var setValue = (ref, propName, newVal, cmpMeta) => {
   const hostRef = getHostRef(ref);
+  if (!hostRef) {
+    return;
+  }
   if (!hostRef) {
     throw new Error(
       `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`
@@ -944,6 +971,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         Object.defineProperty(prototype, memberName, {
           set(newValue) {
             const ref = getHostRef(this);
+            if (!ref) {
+              return;
+            }
             if (origSetter) {
               const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
@@ -1007,7 +1037,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           } else if (propName == null) {
             const hostRef = getHostRef(this);
             const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
-            if (flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
+            if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
               const instance = hostRef.$lazyInstance$ ;
               const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
               entry == null ? void 0 : entry.forEach((callbackName) => {
@@ -1112,6 +1142,9 @@ var fireConnectedCallback = (instance, elm) => {
 var connectedCallback = (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
+    if (!hostRef) {
+      return;
+    }
     const cmpMeta = hostRef.$cmpMeta$;
     const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
     if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
@@ -1226,7 +1259,10 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           }
         }
         connectedCallback() {
-          getHostRef(this);
+          const hostRef = getHostRef(this);
+          if (!hostRef) {
+            return;
+          }
           if (!this.hasRegisteredEventListeners) {
             this.hasRegisteredEventListeners = true;
           }
@@ -1245,6 +1281,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           plt.raf(() => {
             var _a3;
             const hostRef = getHostRef(this);
+            if (!hostRef) {
+              return;
+            }
             const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
             if (i2 > -1) {
               deferredConnectedCallbacks.splice(i2, 1);
@@ -1255,7 +1294,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           });
         }
         componentOnReady() {
-          return getHostRef(this).$onReadyPromise$;
+          var _a3;
+          return (_a3 = getHostRef(this)) == null ? void 0 : _a3.$onReadyPromise$;
         }
       };
       cmpMeta.$lazyBundleId$ = lazyBundle[0];
@@ -1299,7 +1339,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
 exports.bootstrapLazy = bootstrapLazy;
-exports.globalScripts = globalScripts;
 exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;

package/dist/cjs/loader.cjs.js

@@ -1,11 +1,12 @@
 'use strict';
 
-var index = require('./index-DYD_W8yc.js');
+var index = require('./index-C8rxBrs6.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  await index.globalScripts();
-  return index.bootstrapLazy([["analog-clock.cjs",[[1,"analog-clock",{"size":[2],"timeZone":[2,"time-zone"],"time":[32]}]]]], options);
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["analog-clock.cjs",[[257,"analog-clock",{"size":[2],"timeZone":[2,"time-zone"],"time":[32]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -4,7 +4,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.35.1",
+    "version": "4.36.1",
     "typescriptVersion": "5.5.4"
   },
   "collections": [],

package/dist/components/analog-clock.js

@@ -42,7 +42,7 @@ const AnalogClock$1 = /*@__PURE__*/ proxyCustomElement(class AnalogClock extends
         return (h("svg", { key: '39e3465d3bf04035966b00bb15186d1f712163cd', class: "clock", viewBox: "0 0 200 200", width: this.size, height: this.size }, h("circle", { key: 'e4c4288aa0efc9cf98027eef1f5bd7c550c23a18', id: "circle", cx: "100", cy: "100", r: "95", "stroke-width": "10", fill: "transparent" }), h("line", { key: '296fb8ac19749103439f2ce1878db5ccfb214c20', id: "hour", transform: `rotate(${this.hourToDegrees()}, 100, 100)`, x1: "100", y1: "100", x2: "100", y2: "60", "stroke-width": "10", "stroke-linecap": "round" }), h("line", { key: 'acbe2c6ebdf05ff46e06144839dec43c45e8b40d', id: "minute", transform: `rotate(${this.minuteToDegrees()}, 100, 100)`, x1: "100", y1: "100", x2: "100", y2: "30", "stroke-width": "8", "stroke-linecap": "round" }), h("line", { key: 'f275abf7169379b2f61c9cdd185068f5e2373d4a', id: "second", transform: `rotate(${this.secondToDegrees()}, 100, 100)`, x1: "100", y1: "100", x2: "100", y2: "20", "stroke-width": "2", "stroke-linecap": "round" })));
     }
     static get style() { return analogClockCss; }
-}, [1, "analog-clock", {
+}, [257, "analog-clock", {
         "size": [2],
         "timeZone": [2, "time-zone"],
         "time": [32]

package/dist/esm/analog-clock.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-_YyA_mbv.js';
+import { r as registerInstance, h } from './index-CTtfWR3D.js';
 
 const analogClockCss = ".clock #circle{stroke:var(--clock-circle-color, black)}.clock #hour{stroke:var(--clock-hour-color, black)}.clock #minute{stroke:var(--clock-minute-color, black)}.clock #second{stroke:var(--clock-second-color, black)}";
 

package/dist/esm/analog-clock.js

@@ -1,8 +1,9 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-_YyA_mbv.js';
-export { s as setNonce } from './index-_YyA_mbv.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-CTtfWR3D.js';
+export { s as setNonce } from './index-CTtfWR3D.js';
+import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
- Stencil Client Patch Browser v4.35.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.36.1 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {
@@ -16,5 +17,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["analog-clock",[[1,"analog-clock",{"size":[2],"timeZone":[2,"time-zone"],"time":[32]}]]]], options);
+  return bootstrapLazy([["analog-clock",[[257,"analog-clock",{"size":[2],"timeZone":[2,"time-zone"],"time":[32]}]]]], options);
 });

package/dist/esm/app-globals-DQuL1Twl.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };

package/dist/esm/{index-_YyA_mbv.js → index-CTtfWR3D.js}

@@ -1,11 +1,8 @@
 const NAMESPACE = 'analog-clock';
 const BUILD = /* analog-clock */ { hydratedSelectorName: "hydrated", lazyLoad: true, updatable: true, watchCallback: false };
 
-const globalScripts = () => {};
-const globalStyles = "";
-
 /*
- Stencil Client Platform v4.35.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.36.1 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -102,6 +99,7 @@ var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
   }
   return false;
 })() ;
+var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @__PURE__ */ (() => !!win.document && Object.getOwnPropertyDescriptor(win.document.adoptedStyleSheets, "length").writable)() : false;
 var queuePending = false;
 var queueDomReads = [];
 var queueDomWrites = [];
@@ -201,12 +199,24 @@ var unwrapErr = (result) => {
     throw result.value;
   }
 };
+
+// src/utils/style.ts
+function createStyleSheetIfNeededAndSupported(styles2) {
+  return void 0;
+}
+
+// src/utils/shadow-root.ts
+var globalStyleSheet;
 function createShadowRoot(cmpMeta) {
+  var _a;
   const shadowRoot = this.attachShadow({ mode: "open" });
-  if (supportsConstructableStylesheets) {
-    const sheet = new CSSStyleSheet();
-    sheet.replaceSync(globalStyles);
-    shadowRoot.adoptedStyleSheets.push(sheet);
+  if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported()) != null ? _a : null;
+  if (globalStyleSheet) {
+    if (supportsMutableAdoptedStyleSheets) {
+      shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
+    } else {
+      shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
+    }
   }
 }
 var createTime = (fnName, tagName = "") => {
@@ -223,96 +233,6 @@ var uniqueTime = (key, measureText) => {
     };
   }
 };
-var h = (nodeName, vnodeData, ...children) => {
-  let child = null;
-  let key = null;
-  let simple = false;
-  let lastSimple = false;
-  const vNodeChildren = [];
-  const walk = (c) => {
-    for (let i2 = 0; i2 < c.length; i2++) {
-      child = c[i2];
-      if (Array.isArray(child)) {
-        walk(child);
-      } else if (child != null && typeof child !== "boolean") {
-        if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
-          child = String(child);
-        }
-        if (simple && lastSimple) {
-          vNodeChildren[vNodeChildren.length - 1].$text$ += child;
-        } else {
-          vNodeChildren.push(simple ? newVNode(null, child) : child);
-        }
-        lastSimple = simple;
-      }
-    }
-  };
-  walk(children);
-  if (vnodeData) {
-    if (vnodeData.key) {
-      key = vnodeData.key;
-    }
-    {
-      const classData = vnodeData.className || vnodeData.class;
-      if (classData) {
-        vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
-      }
-    }
-  }
-  const vnode = newVNode(nodeName, null);
-  vnode.$attrs$ = vnodeData;
-  if (vNodeChildren.length > 0) {
-    vnode.$children$ = vNodeChildren;
-  }
-  {
-    vnode.$key$ = key;
-  }
-  return vnode;
-};
-var newVNode = (tag, text) => {
-  const vnode = {
-    $flags$: 0,
-    $tag$: tag,
-    $text$: text,
-    $elm$: null,
-    $children$: null
-  };
-  {
-    vnode.$attrs$ = null;
-  }
-  {
-    vnode.$key$ = null;
-  }
-  return vnode;
-};
-var Host = {};
-var isHost = (node) => node && node.$tag$ === Host;
-var createSupportsRuleRe = (selector) => {
-  const safeSelector2 = escapeRegExpSpecialCharacters(selector);
-  return new RegExp(
-    // First capture group: match any context before the selector that's not inside @supports selector()
-    // Using negative lookahead to avoid matching inside @supports selector(...) condition
-    `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector2}))(${safeSelector2}\\b)`,
-    "g"
-  );
-};
-createSupportsRuleRe("::slotted");
-createSupportsRuleRe(":host");
-createSupportsRuleRe(":host-context");
-var parsePropertyValue = (propValue, propType, isFormAssociated) => {
-  if (propValue != null && !isComplexType(propValue)) {
-    if (propType & 2 /* Number */) {
-      return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
-    }
-    return propValue;
-  }
-  return propValue;
-};
-var emitEvent = (elm, name, opts) => {
-  const ev = plt.ce(name, opts);
-  elm.dispatchEvent(ev);
-  return ev;
-};
 var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
 var registerStyle = (scopeId2, cssText, allowCS) => {
   let style = styles.get(scopeId2);
@@ -364,7 +284,11 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
               if (supportsConstructableStylesheets) {
                 const stylesheet = new CSSStyleSheet();
                 stylesheet.replaceSync(style);
-                styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+                if (supportsMutableAdoptedStyleSheets) {
+                  styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
+                } else {
+                  styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+                }
               } else {
                 const existingStyleContainer = styleContainerNode.querySelector("style");
                 if (existingStyleContainer) {
@@ -389,7 +313,11 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
         }
       }
     } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
-      styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
+      if (supportsMutableAdoptedStyleSheets) {
+        styleContainerNode.adoptedStyleSheets.push(style);
+      } else {
+        styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
+      }
     }
   }
   return scopeId2;
@@ -409,6 +337,96 @@ var attachStyles = (hostRef) => {
   endAttachStyles();
 };
 var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
+var h = (nodeName, vnodeData, ...children) => {
+  let child = null;
+  let key = null;
+  let simple = false;
+  let lastSimple = false;
+  const vNodeChildren = [];
+  const walk = (c) => {
+    for (let i2 = 0; i2 < c.length; i2++) {
+      child = c[i2];
+      if (Array.isArray(child)) {
+        walk(child);
+      } else if (child != null && typeof child !== "boolean") {
+        if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
+          child = String(child);
+        }
+        if (simple && lastSimple) {
+          vNodeChildren[vNodeChildren.length - 1].$text$ += child;
+        } else {
+          vNodeChildren.push(simple ? newVNode(null, child) : child);
+        }
+        lastSimple = simple;
+      }
+    }
+  };
+  walk(children);
+  if (vnodeData) {
+    if (vnodeData.key) {
+      key = vnodeData.key;
+    }
+    {
+      const classData = vnodeData.className || vnodeData.class;
+      if (classData) {
+        vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
+      }
+    }
+  }
+  const vnode = newVNode(nodeName, null);
+  vnode.$attrs$ = vnodeData;
+  if (vNodeChildren.length > 0) {
+    vnode.$children$ = vNodeChildren;
+  }
+  {
+    vnode.$key$ = key;
+  }
+  return vnode;
+};
+var newVNode = (tag, text) => {
+  const vnode = {
+    $flags$: 0,
+    $tag$: tag,
+    $text$: text,
+    $elm$: null,
+    $children$: null
+  };
+  {
+    vnode.$attrs$ = null;
+  }
+  {
+    vnode.$key$ = null;
+  }
+  return vnode;
+};
+var Host = {};
+var isHost = (node) => node && node.$tag$ === Host;
+var createSupportsRuleRe = (selector) => {
+  const safeSelector2 = escapeRegExpSpecialCharacters(selector);
+  return new RegExp(
+    // First capture group: match any context before the selector that's not inside @supports selector()
+    // Using negative lookahead to avoid matching inside @supports selector(...) condition
+    `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector2}))(${safeSelector2}\\b)`,
+    "g"
+  );
+};
+createSupportsRuleRe("::slotted");
+createSupportsRuleRe(":host");
+createSupportsRuleRe(":host-context");
+var parsePropertyValue = (propValue, propType, isFormAssociated) => {
+  if (propValue != null && !isComplexType(propValue)) {
+    if (propType & 2 /* Number */) {
+      return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
+    }
+    return propValue;
+  }
+  return propValue;
+};
+var emitEvent = (elm, name, opts) => {
+  const ev = plt.ce(name, opts);
+  elm.dispatchEvent(ev);
+  return ev;
+};
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
   if (oldValue === newValue) {
     return;
@@ -695,7 +713,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
       !isInitialRender && BUILD.updatable && oldChildren !== null
     ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
-    }
+    } else ;
     if (isSvgMode && tag === "svg") {
       isSvgMode = false;
     }
@@ -749,6 +767,12 @@ var scheduleUpdate = (hostRef, isInitialLoad) => {
   }
   attachToAncestor(hostRef, hostRef.$ancestorComponent$);
   const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
+  if (isInitialLoad) {
+    queueMicrotask(() => {
+      dispatch();
+    });
+    return;
+  }
   return writeTask(dispatch) ;
 };
 var dispatchHooks = (hostRef, isInitialLoad) => {
@@ -883,6 +907,9 @@ var addHydratedFlag = (elm) => {
 var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
 var setValue = (ref, propName, newVal, cmpMeta) => {
   const hostRef = getHostRef(ref);
+  if (!hostRef) {
+    return;
+  }
   if (!hostRef) {
     throw new Error(
       `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`
@@ -942,6 +969,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         Object.defineProperty(prototype, memberName, {
           set(newValue) {
             const ref = getHostRef(this);
+            if (!ref) {
+              return;
+            }
             if (origSetter) {
               const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
@@ -1005,7 +1035,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           } else if (propName == null) {
             const hostRef = getHostRef(this);
             const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
-            if (flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
+            if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
               const instance = hostRef.$lazyInstance$ ;
               const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
               entry == null ? void 0 : entry.forEach((callbackName) => {
@@ -1110,6 +1140,9 @@ var fireConnectedCallback = (instance, elm) => {
 var connectedCallback = (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
+    if (!hostRef) {
+      return;
+    }
     const cmpMeta = hostRef.$cmpMeta$;
     const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
     if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
@@ -1224,7 +1257,10 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           }
         }
         connectedCallback() {
-          getHostRef(this);
+          const hostRef = getHostRef(this);
+          if (!hostRef) {
+            return;
+          }
           if (!this.hasRegisteredEventListeners) {
             this.hasRegisteredEventListeners = true;
           }
@@ -1243,6 +1279,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           plt.raf(() => {
             var _a3;
             const hostRef = getHostRef(this);
+            if (!hostRef) {
+              return;
+            }
             const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
             if (i2 > -1) {
               deferredConnectedCallbacks.splice(i2, 1);
@@ -1253,7 +1292,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           });
         }
         componentOnReady() {
-          return getHostRef(this).$onReadyPromise$;
+          var _a3;
+          return (_a3 = getHostRef(this)) == null ? void 0 : _a3.$onReadyPromise$;
         }
       };
       cmpMeta.$lazyBundleId$ = lazyBundle[0];
@@ -1296,4 +1336,4 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
-export { bootstrapLazy as b, globalScripts as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { bootstrapLazy as b, h, promiseResolve as p, registerInstance as r, setNonce as s };

package/dist/esm/loader.js

@@ -1,10 +1,11 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-_YyA_mbv.js';
-export { s as setNonce } from './index-_YyA_mbv.js';
+import { b as bootstrapLazy } from './index-CTtfWR3D.js';
+export { s as setNonce } from './index-CTtfWR3D.js';
+import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["analog-clock",[[1,"analog-clock",{"size":[2],"timeZone":[2,"time-zone"],"time":[32]}]]]], options);
+  return bootstrapLazy([["analog-clock",[[257,"analog-clock",{"size":[2],"timeZone":[2,"time-zone"],"time":[32]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/types/stencil-public-runtime.d.ts

@@ -846,7 +846,7 @@ export declare namespace JSXBase {
     interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
         open?: boolean;
         name?: string;
-        onToggle?: (event: Event) => void;
+        onToggle?: (event: ToggleEvent) => void;
     }
     interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
         cite?: string;
@@ -1552,6 +1552,13 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent) */
+    interface ToggleEvent extends Event {
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/newState) */
+        readonly newState: string;
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/oldState) */
+        readonly oldState: string;
+    }
     interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
@@ -1568,6 +1575,10 @@ export declare namespace JSXBase {
         onCompositionstartCapture?: (event: CompositionEvent) => void;
         onCompositionupdate?: (event: CompositionEvent) => void;
         onCompositionupdateCapture?: (event: CompositionEvent) => void;
+        onBeforeToggle?: (event: ToggleEvent) => void;
+        onBeforeToggleCapture?: (event: ToggleEvent) => void;
+        onToggle?: (event: ToggleEvent) => void;
+        onToggleCapture?: (event: ToggleEvent) => void;
         onFocus?: (event: FocusEvent) => void;
         onFocusCapture?: (event: FocusEvent) => void;
         onFocusin?: (event: FocusEvent) => void;
@@ -1586,10 +1597,6 @@ export declare namespace JSXBase {
         onSubmitCapture?: (event: Event) => void;
         onInvalid?: (event: Event) => void;
         onInvalidCapture?: (event: Event) => void;
-        onBeforeToggle?: (event: Event) => void;
-        onBeforeToggleCapture?: (event: Event) => void;
-        onToggle?: (event: Event) => void;
-        onToggleCapture?: (event: Event) => void;
         onLoad?: (event: Event) => void;
         onLoadCapture?: (event: Event) => void;
         onError?: (event: Event) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "analog-clock-components",
-  "version": "0.2.39",
+  "version": "0.2.41",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -25,12 +25,12 @@
     "format": "prettier --write src"
   },
   "dependencies": {
-    "@stencil/core": "4.35.1"
+    "@stencil/core": "4.36.1"
   },
   "license": "MIT",
   "devDependencies": {
-    "cspell": "9.1.2",
-    "eslint": "9.30.1",
+    "cspell": "9.1.5",
+    "eslint": "9.31.0",
     "prettier": "3.6.2",
     "typescript": "5.8.3"
   },

package/dist/analog-clock/p-_YyA_mbv.js

@@ -1,2 +0,0 @@
-const t=()=>{};var e=Object.defineProperty,n=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},o=(t,e)=>{t.__stencil__getHostRef=()=>e,e.t=t},l=(t,e)=>(0,console.error)(t,e),s=new Map,i=new Map,r="slot-fb{display:contents}slot-fb[hidden]{display:none}",c="undefined"!=typeof window?window:{},u={o:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},a=t=>Promise.resolve(t),f=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),d=!1,h=[],p=[],m=(t,e)=>n=>{t.push(n),d||(d=!0,e&&4&u.o?w(y):u.raf(y))},v=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){l(t)}t.length=0},y=()=>{v(h),v(p),(d=h.length>0)&&u.raf(y)},w=t=>a().then(t),b=m(p,!0),$=t=>"object"==(t=typeof t)||"function"===t;function g(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>j,map:()=>O,ok:()=>S,unwrap:()=>k,unwrapErr:()=>E});var S=t=>({isOk:!0,isErr:!1,value:t}),j=t=>({isOk:!1,isErr:!0,value:t});function O(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>S(t))):S(n)}if(t.isErr)return j(t.value);throw"should never get here"}var k=t=>{if(t.isOk)return t.value;throw t.value},E=t=>{if(t.isErr)return t.value;throw t.value};function C(){const t=this.attachShadow({mode:"open"});if(f){const e=new CSSStyleSheet;e.replaceSync(""),t.adoptedStyleSheets.push(e)}}var M=(t,e,...n)=>{let o=null,l=null,s=!1,i=!1;const r=[],c=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof t&&!$(o))&&(o+=""),s&&i?r[r.length-1].i+=o:r.push(s?x(null,o):o),i=s)};if(c(n),e){e.key&&(l=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}const u=x(t,null);return u.u=e,r.length>0&&(u.h=r),u.p=l,u},x=(t,e)=>({o:0,m:t,i:e,v:null,h:null,u:null,p:null}),P={},N=t=>{const e=(t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};N("::slotted"),N(":host"),N(":host-context");var D,R=(t,e)=>null==t||$(t)?t:2&e?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:t,U=new WeakMap,W=t=>"sc-"+t.$,A=(t,e,n,o,l,s)=>{if(n===o)return;let i=((t,e)=>e in t)(t,e);if(e.toLowerCase(),"class"===e){const e=t.classList,l=T(n);let s=T(o);e.remove(...l.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!l.includes(t))))}else if("key"===e);else{const r=$(o);if((i||r&&null!==o)&&!l)try{if(t.tagName.includes("-"))t[e]!==o&&(t[e]=o);else{const l=null==o?"":o;"list"===e?i=!1:null!=n&&t[e]==l||("function"==typeof t.__lookupSetter__(e)?t[e]=l:t.setAttribute(e,l))}}catch(t){}null==o||!1===o?!1===o&&""!==t.getAttribute(e)||t.removeAttribute(e):(!i||4&s||l)&&!r&&1===t.nodeType&&t.setAttribute(e,o=!0===o?"":o)}},L=/\s/,T=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(L):[]),F=(t,e,n)=>{const o=11===e.v.nodeType&&e.v.host?e.v.host:e.v,l=t&&t.u||{},s=e.u||{};for(const t of H(Object.keys(l)))t in s||A(o,t,l[t],void 0,n,e.o);for(const t of H(Object.keys(s)))A(o,t,l[t],s[t],n,e.o)};function H(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var z=!1,V=(t,e,n)=>{const o=e.h[n];let l,s,i=0;if(z||(z="svg"===o.m),!c.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(l=o.v=c.document.createElementNS(z?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),z&&"foreignObject"===o.m&&(z=!1),F(null,o,z),o.h)for(i=0;i<o.h.length;++i)s=V(t,o,i),s&&l.appendChild(s);return"svg"===o.m?z=!1:"foreignObject"===l.tagName&&(z=!0),l["s-hn"]=D,l},q=(t,e,n,o,l,s)=>{let i,r=t;for(r.shadowRoot&&r.tagName===D&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=V(null,n,l),i&&(o[l].v=i,_(r,i,e)))},G=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.v;t&&t.remove()}}},I=(t,e,n=!1)=>t.m===e.m&&(n?(n&&!t.p&&e.p&&(t.p=e.p),!0):t.p===e.p),Y=(t,e,n=!1)=>{const o=e.v=t.v,l=t.h,s=e.h,i=e.m;F(t,e,z="svg"===i||"foreignObject"!==i&&z),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,i,r=0,c=0,u=0,a=0,f=e.length-1,d=e[0],h=e[f],p=o.length-1,m=o[0],v=o[p];for(;r<=f&&c<=p;)if(null==d)d=e[++r];else if(null==h)h=e[--f];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(I(d,m,l))Y(d,m,l),d=e[++r],m=o[++c];else if(I(h,v,l))Y(h,v,l),h=e[--f],v=o[--p];else if(I(d,v,l))Y(d,v,l),_(t,d.v,h.v.nextSibling),d=e[++r],v=o[--p];else if(I(h,m,l))Y(h,m,l),_(t,h.v,d.v),h=e[--f],m=o[++c];else{for(u=-1,a=r;a<=f;++a)if(e[a]&&null!==e[a].p&&e[a].p===m.p){u=a;break}u>=0?(i=e[u],i.m!==m.m?s=V(e&&e[c],n,u):(Y(i,m,l),e[u]=void 0,s=i.v),m=o[++c]):(s=V(e&&e[c],n,c),m=o[++c]),s&&_(d.v.parentNode,s,d.v)}r>f?q(t,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&G(e,r,f)})(o,l,e,s,n):null!==s?q(o,null,e,s,0,s.length-1):!n&&null!==l&&G(l,0,l.length-1),z&&"svg"===i&&(z=!1)},_=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),B=(t,e)=>{if(e&&!t.S&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.S=()=>{e["s-p"].splice(n-1,1),o()})))}},J=(t,e)=>{if(t.o|=16,!(4&t.o))return B(t,t.j),b((()=>K(t,e)));t.o|=512},K=(t,e)=>{const n=t.$hostElement$,o=t.t;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return l=ot(o,e?"componentWillLoad":"componentWillUpdate",void 0,n),l=Q(l,(()=>ot(o,"componentWillRender",void 0,n))),Q(l,(()=>Z(t,o,e)))},Q=(t,e)=>X(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),X=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,Z=async(t,e,n)=>{var o;const l=t.$hostElement$,s=l["s-rc"];n&&(t=>{const e=t.O,n=t.$hostElement$,o=e.o,l=((t,e)=>{var n;const o=W(e),l=i.get(o);if(!c.document)return o;if(t=11===t.nodeType?t:c.document,l)if("string"==typeof l){let s,i=U.get(t=t.head||t);if(i||U.set(t,i=new Set),!i.has(o)){{s=c.document.createElement("style"),s.innerHTML=l;const o=null!=(n=u.k)?n:g(c.document);if(null!=o&&s.setAttribute("nonce",o),!(1&e.o))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(s,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(f){const e=new CSSStyleSheet;e.replaceSync(l),t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=l+e.innerHTML:t.prepend(s)}else t.append(s);1&e.o&&t.insertBefore(s,null)}4&e.o&&(s.innerHTML+=r),i&&i.add(o)}}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);tt(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>et(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},tt=(t,e,n,o)=>{try{e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.C||x(null,null),s=(t=>t&&t.m===P)(e)?e:M(null,null,e);if(D=o.tagName,n&&s.u)for(const t of Object.keys(s.u))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(s.u[t]=o[t]);s.m=null,s.o|=4,t.C=s,s.v=l.v=o.shadowRoot||o,Y(l,s,n)})(t,e,o)}catch(e){l(e,t.$hostElement$)}return null},et=t=>{const e=t.$hostElement$,n=t.t,o=t.j;ot(n,"componentDidRender",void 0,e),64&t.o?ot(n,"componentDidUpdate",void 0,e):(t.o|=64,lt(e),ot(n,"componentDidLoad",void 0,e),t.M(e),o||nt()),t.S&&(t.S(),t.S=void 0),512&t.o&&w((()=>J(t,!1))),t.o&=-517},nt=()=>{w((()=>(t=>{const e=u.ce("appload",{detail:{namespace:"analog-clock"}});return t.dispatchEvent(e),e})(c)))},ot=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){l(t,o)}},lt=t=>t.classList.add("hydrated"),st=(t,e,o,l)=>{const s=n(t);if(!s)throw Error(`Couldn't find host element for "${l.$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const i=s.P.get(e),r=s.o,c=s.t;if(o=R(o,l.N[e][0]),(!(8&r)||void 0===i)&&o!==i&&(!Number.isNaN(i)||!Number.isNaN(o))&&(s.P.set(e,o),c&&2==(18&r))){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(o,i,e))return;J(s,!1)}},it=(t,e,o)=>{var l,s;const i=t.prototype;if(e.N){const r=Object.entries(null!=(l=e.N)?l:{});if(r.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,t)||{};s&&(e.N[t][0]|=2048),r&&(e.N[t][0]|=4096),(1&o||!s)&&Object.defineProperty(i,t,{get(){{if(!(2048&e.N[t][0]))return((t,e)=>n(this).P.get(e))(0,t);const o=n(this),l=o?o.t:i;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,t,{set(s){const i=n(this);if(r){const n=32&l?this[t]:i.$hostElement$[t];return void 0===n&&i.P.get(t)?s=i.P.get(t):!i.P.get(t)&&n&&i.P.set(t,n),r.call(this,R(s,l)),void st(this,t,s=32&l?this[t]:i.$hostElement$[t],e)}{if(!(1&o&&4096&e.N[t][0]))return st(this,t,s,e),void(1&o&&!i.t&&i.D.then((()=>{4096&e.N[t][0]&&i.t[t]!==i.P.get(t)&&(i.t[t]=s)})));const n=()=>{const n=i.t[t];!i.P.get(t)&&n&&i.P.set(t,n),i.t[t]=R(s,l),st(this,t,i.t[t],e)};i.t?n():i.D.then((()=>n()))}}})}})),1&o){const o=new Map;i.attributeChangedCallback=function(t,l,s){u.jmp((()=>{var r;const c=o.get(t);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),i=null==o?void 0:o.o;if(i&&!(8&i)&&128&i&&s!==l){const n=o.t,i=null==(r=e.R)?void 0:r[t];null==i||i.forEach((e=>{null!=n[e]&&n[e].call(n,s,l,t)}))}return}}const u=Object.getOwnPropertyDescriptor(i,c);(s=(null!==s||"boolean"!=typeof this[c])&&s)===this[c]||u.get&&!u.set||(this[c]=s)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=e.R)?s:{}),...r.filter((([t,e])=>15&e[0])).map((([t,e])=>{const n=e[1]||t;return o.set(n,t),n}))]))}}return t},rt=(t,e)=>{ot(t,"connectedCallback",void 0,e)},ct=(t,e)=>{ot(t,"disconnectedCallback",void 0,e||t)},ut=(t,e={})=>{var o;if(!c.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const a=[],d=e.exclude||[],h=c.customElements,p=c.document.head,m=p.querySelector("meta[charset]"),v=c.document.createElement("style"),y=[];let w,b=!0;Object.assign(u,e),u.l=new URL(e.resourcesUrl||"./",c.document.baseURI).href;let $=!1;if(t.map((t=>{t[1].map((e=>{const o={o:e[0],$:e[1],N:e[2],U:e[3]};4&o.o&&($=!0),o.N=e[2];const r=o.$,c=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={o:0,$hostElement$:t,O:e,P:new Map};n.D=new Promise((t=>n.M=t)),t["s-p"]=[],t["s-rc"]=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,o),1&o.o)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${o.$}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else C.call(t,o)}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),w&&(clearTimeout(w),w=null),b?y.push(this):u.jmp((()=>(t=>{if(!(1&u.o)){const e=n(t),o=e.O,r=()=>{};if(1&e.o)(null==e?void 0:e.t)?rt(e.t,t):(null==e?void 0:e.D)&&e.D.then((()=>rt(e.t,t)));else{e.o|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){B(e,e.j=n);break}}o.N&&Object.entries(o.N).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.o)){if(e.o|=32,n.W){const i=((t,e)=>{const n=t.$.replace(/-/g,"_"),o=t.W;if(!o)return;const i=s.get(o);return i?i[n]:import(`./${o}.entry.js`).then((t=>(s.set(o,t),t[n])),(t=>{l(t,e.$hostElement$)}))
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(i&&"then"in i){const t=()=>{};o=await i,t()}else o=i;if(!o)throw Error(`Constructor for "${n.$}#${e.A}" was not found`);o.isProxied||(it(o,n,2),o.isProxied=!0);const r=()=>{};e.o|=8;try{new o(e)}catch(e){l(e,t)}e.o&=-9,r(),rt(e.t,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.o|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=W(n);if(!i.has(e)){const o=()=>{};((t,e,n)=>{let o=i.get(t);f&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,i.set(t,o)})(e,t,!!(1&n.o)),o()}}}const r=e.j,c=()=>J(e,!0);r&&r["s-rc"]?r["s-rc"].push(c):c()})(t,e,o)}r()}})(this)))}disconnectedCallback(){u.jmp((()=>(async t=>{if(!(1&u.o)){const e=n(t);(null==e?void 0:e.t)?ct(e.t,t):(null==e?void 0:e.D)&&e.D.then((()=>ct(e.t,t)))}U.has(t)&&U.delete(t),t.shadowRoot&&U.has(t.shadowRoot)&&U.delete(t.shadowRoot)})(this))),u.raf((()=>{var t;const e=n(this),o=y.findIndex((t=>t===this));o>-1&&y.splice(o,1),(null==(t=null==e?void 0:e.C)?void 0:t.v)instanceof Node&&!e.C.v.isConnected&&delete e.C.v}))}componentOnReady(){return n(this).D}};o.W=t[0],d.includes(r)||h.get(r)||(a.push(r),h.define(r,it(c,o,1)))}))})),a.length>0&&($&&(v.textContent+=r),v.textContent+=a.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const t=null!=(o=u.k)?o:g(c.document);null!=t&&v.setAttribute("nonce",t),p.insertBefore(v,m?m.nextSibling:p.firstChild)}b=!1,y.length?y.map((t=>t.connectedCallback())):u.jmp((()=>w=setTimeout(nt,30)))},at=t=>u.k=t;export{ut as b,t as g,M as h,a as p,o as r,at as s}