analog-clock-components 0.1.528 → 0.1.530

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

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

package/dist/analog-clock/{p-9f289ce8.entry.js → p-5b14eec4.entry.js}

@@ -1 +1 @@
-import{r as e,h as t}from"./p-cd9d0068.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-e130246a.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-cd9d0068.js → p-e130246a.js}

@@ -1,2 +1,2 @@
-var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),o=(e,n)=>t.set(n.t=e,n),l=(e,t)=>(0,console.error)(e,t),s=new Map,r=new Map,i="slot-fb{display:contents}slot-fb[hidden]{display:none}",c="undefined"!=typeof window?window:{},u=c.document||{head:{}},a={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},f=e=>Promise.resolve(e),h=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),p=!1,d=[],m=[],y=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&a.o?v($):a.raf($))},w=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){l(e)}e.length=0},$=()=>{w(d),w(m),(p=d.length>0)&&a.raf($)},v=e=>f().then(e),b=y(m,!0),g={},S=e=>"object"==(e=typeof e)||"function"===e;function j(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.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:()=>O,map:()=>E,ok:()=>k,unwrap:()=>M,unwrapErr:()=>x});var k=e=>({isOk:!0,isErr:!1,value:e}),O=e=>({isOk:!1,isErr:!0,value:e});function E(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>k(e))):k(n)}if(e.isErr)return O(e.value);throw"should never get here"}var C,M=e=>{if(e.isOk)return e.value;throw e.value},x=e=>{if(e.isErr)return e.value;throw e.value},P=(e,t,...n)=>{let o=null,l=null,s=!1,r=!1;const i=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof e&&!S(o))&&(o+=""),s&&r?i[i.length-1].i+=o:i.push(s?A(null,o):o),r=s)};if(c(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=A(e,null);return u.u=t,i.length>0&&(u.h=i),u.p=l,u},A=(e,t)=>({o:0,m:e,i:t,$:null,h:null,u:null,p:null}),D={},H=new WeakMap,T=e=>"sc-"+e.v,F=(e,t,n,o,l,s)=>{if(n!==o){let r=((e,t)=>t in e)(e,t);if(t.toLowerCase(),"class"===t){const t=e.classList,l=N(n),s=N(o);t.remove(...l.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!l.includes(e))))}else if("key"===t);else{const i=S(o);if((r||i&&null!==o)&&!l)try{if(e.tagName.includes("-"))e[t]=o;else{const l=null==o?"":o;"list"===t?r=!1:null!=n&&e[t]==l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&s||l)&&!i&&e.setAttribute(t,o=!0===o?"":o)}}},L=/\s/,N=e=>e?e.split(L):[],R=(e,t,n)=>{const o=11===t.$.nodeType&&t.$.host?t.$.host:t.$,l=e&&e.u||g,s=t.u||g;for(const e of U(Object.keys(l)))e in s||F(o,e,l[e],void 0,n,t.o);for(const e of U(Object.keys(s)))F(o,e,l[e],s[e],n,t.o)};function U(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var W=!1,q=(e,t,n)=>{const o=t.h[n];let l,s,r=0;if(W||(W="svg"===o.m),l=o.$=u.createElementNS(W?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),W&&"foreignObject"===o.m&&(W=!1),R(null,o,W),l.getRootNode().querySelector("body"),o.h)for(r=0;r<o.h.length;++r)s=q(e,o,r),s&&l.appendChild(s);return"svg"===o.m?W=!1:"foreignObject"===l.tagName&&(W=!0),l["s-hn"]=C,l},G=(e,t,n,o,l,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===C&&(i=i.shadowRoot);l<=s;++l)o[l]&&(r=q(null,n,l),r&&(o[l].$=r,B(i,r,t)))},V=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.$;e&&e.remove()}}},_=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),z=(e,t,n=!1)=>{const o=t.$=e.$,l=e.h,s=t.h,r=t.m;R(e,t,W="svg"===r||"foreignObject"!==r&&W),null!==l&&null!==s?((e,t,n,o,l=!1)=>{let s,r,i=0,c=0,u=0,a=0,f=t.length-1,h=t[0],p=t[f],d=o.length-1,m=o[0],y=o[d];for(;i<=f&&c<=d;)if(null==h)h=t[++i];else if(null==p)p=t[--f];else if(null==m)m=o[++c];else if(null==y)y=o[--d];else if(_(h,m,l))z(h,m,l),h=t[++i],m=o[++c];else if(_(p,y,l))z(p,y,l),p=t[--f],y=o[--d];else if(_(h,y,l))z(h,y,l),B(e,h.$,p.$.nextSibling),h=t[++i],y=o[--d];else if(_(p,m,l))z(p,m,l),B(e,p.$,h.$),p=t[--f],m=o[++c];else{for(u=-1,a=i;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(r=t[u],r.m!==m.m?s=q(t&&t[c],n,u):(z(r,m,l),t[u]=void 0,s=r.$),m=o[++c]):(s=q(t&&t[c],n,c),m=o[++c]),s&&B(h.$.parentNode,s,h.$)}i>f?G(e,null==o[d+1]?null:o[d+1].$,n,o,c,d):c>d&&V(t,i,f)})(o,l,t,s,n):null!==s?G(o,null,t,s,0,s.length-1):!n&&null!==l&&V(l,0,l.length-1),W&&"svg"===r&&(W=!1)},B=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),I=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},J=(e,t)=>{if(e.o|=16,!(4&e.o))return I(e,e.j),b((()=>K(e,t)));e.o|=512},K=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.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`);return Q(void 0,(()=>Y(e,n,t)))},Q=(e,t)=>X(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),X=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,Y=async(e,t,n)=>{var o;const l=e.$hostElement$,s=l["s-rc"];n&&(e=>{const t=e.k,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=T(t),l=r.get(o);if(e=11===e.nodeType?e:u,l)if("string"==typeof l){let s,r=H.get(e=e.head||e);if(r||H.set(e,r=new Set),!r.has(o)){{s=u.createElement("style"),s.innerHTML=l;const o=null!=(n=a.O)?n:j(u);if(null!=o&&s.setAttribute("nonce",o),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else"host"in e?e.prepend(s):e.append(s);1&t.o&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.o&&(s.innerHTML+=i),r&&r.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&2&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);Z(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>ee(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},Z=(e,t,n,o)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.k,s=e.C||A(null,null),r=(e=>e&&e.m===D)(t)?t:P(null,null,t);if(C=o.tagName,n&&r.u)for(const e of Object.keys(r.u))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.u[e]=o[e]);r.m=null,r.o|=4,e.C=r,r.$=s.$=o.shadowRoot||o,z(s,r,n)})(e,t,o)}catch(t){l(t,e.$hostElement$)}return null},ee=e=>{const t=e.$hostElement$,n=e.t,o=e.j;64&e.o||(e.o|=64,oe(t),ne(n,"componentDidLoad"),e.M(t),o||te()),e.S&&(e.S(),e.S=void 0),512&e.o&&v((()=>J(e,!1))),e.o&=-517},te=()=>{oe(u.documentElement),v((()=>(e=>{const t=a.ce("appload",{detail:{namespace:"analog-clock"}});return e.dispatchEvent(t),t})(c)))},ne=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){l(e)}},oe=e=>e.classList.add("hydrated"),le=(e,t,o)=>{var l,s;const r=e.prototype;if(t.P){const i=Object.entries(null!=(l=t.P)?l:{});if(i.map((([e,[l]])=>{(31&l||2&o&&32&l)&&Object.defineProperty(r,e,{get(){return((e,t)=>n(this).A.get(t))(0,e)},set(o){((e,t,o,l)=>{const s=n(e);if(!s)throw Error(`Couldn't find host element for "${l.v}" 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/ionic-team/stencil/issues/5457).`);const r=s.A.get(t),i=s.o,c=s.t;o=((e,t)=>null==e||S(e)?e:2&t?parseFloat(e):e)(o,l.P[t][0]),8&i&&void 0!==r||o===r||Number.isNaN(r)&&Number.isNaN(o)||(s.A.set(t,o),c&&2==(18&i)&&J(s,!1))})(this,e,o,t)},configurable:!0,enumerable:!0})})),1&o){const o=new Map;r.attributeChangedCallback=function(e,l,s){a.jmp((()=>{var i;const c=o.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),r=null==o?void 0:o.o;if(r&&!(8&r)&&128&r&&s!==l){const n=o.t,r=null==(i=t.D)?void 0:i[e];null==r||r.forEach((t=>{null!=n[t]&&n[t].call(n,s,l,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.D)?s:{}),...i.filter((([e,t])=>15&t[0])).map((([e,t])=>{const n=t[1]||e;return o.set(n,e),n}))]))}}return e},se=e=>{ne(e,"disconnectedCallback")},re=(e,o={})=>{var f;const p=[],d=o.exclude||[],m=c.customElements,y=u.head,w=y.querySelector("meta[charset]"),$=u.createElement("style"),v=[];let b,g=!0;Object.assign(a,o),a.l=new URL(o.resourcesUrl||"./",u.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((o=>{const i={o:o[0],v:o[1],P:o[2],H:o[3]};4&i.o&&(S=!0),i.P=o[2];const c=i.v,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const o={o:0,$hostElement$:e,k:n,A:new Map};o.T=new Promise((e=>o.M=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,o)})(e=this,i),1&i.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${i.v}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),b&&(clearTimeout(b),b=null),g?v.push(this):a.jmp((()=>(e=>{if(!(1&a.o)){const t=n(e),o=t.k,i=()=>{};if(1&t.o)(null==t?void 0:t.t)||(null==t?void 0:t.T)&&t.T.then((()=>{}));else{t.o|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){I(t,t.j=n);break}}o.P&&Object.entries(o.P).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){if(t.o|=32,n.F){const e=(e=>{const t=e.v.replace(/-/g,"_"),n=e.F;if(!n)return;const o=s.get(n);return o?o[t]:import(`./${n}.entry.js`).then((e=>(s.set(n,e),e[t])),l)
+var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),o=(e,n)=>t.set(n.t=e,n),l=(e,t)=>(0,console.error)(e,t),s=new Map,r=new Map,i="slot-fb{display:contents}slot-fb[hidden]{display:none}",c="undefined"!=typeof window?window:{},u=c.document||{head:{}},a={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},f=e=>Promise.resolve(e),h=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),p=!1,d=[],m=[],y=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&a.o?v($):a.raf($))},w=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){l(e)}e.length=0},$=()=>{w(d),w(m),(p=d.length>0)&&a.raf($)},v=e=>f().then(e),b=y(m,!0),g={},S=e=>"object"==(e=typeof e)||"function"===e;function j(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.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:()=>O,map:()=>E,ok:()=>k,unwrap:()=>M,unwrapErr:()=>x});var k=e=>({isOk:!0,isErr:!1,value:e}),O=e=>({isOk:!1,isErr:!0,value:e});function E(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>k(e))):k(n)}if(e.isErr)return O(e.value);throw"should never get here"}var C,M=e=>{if(e.isOk)return e.value;throw e.value},x=e=>{if(e.isErr)return e.value;throw e.value},P=(e,t,...n)=>{let o=null,l=null,s=!1,r=!1;const i=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof e&&!S(o))&&(o+=""),s&&r?i[i.length-1].i+=o:i.push(s?A(null,o):o),r=s)};if(c(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=A(e,null);return u.u=t,i.length>0&&(u.h=i),u.p=l,u},A=(e,t)=>({o:0,m:e,i:t,$:null,h:null,u:null,p:null}),D={},H=new WeakMap,T=e=>"sc-"+e.v,F=(e,t,n,o,l,s)=>{if(n!==o){let r=((e,t)=>t in e)(e,t);if(t.toLowerCase(),"class"===t){const t=e.classList,l=N(n),s=N(o);t.remove(...l.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!l.includes(e))))}else if("key"===t);else{const i=S(o);if((r||i&&null!==o)&&!l)try{if(e.tagName.includes("-"))e[t]=o;else{const l=null==o?"":o;"list"===t?r=!1:null!=n&&e[t]==l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&s||l)&&!i&&e.setAttribute(t,o=!0===o?"":o)}}},L=/\s/,N=e=>e?e.split(L):[],R=(e,t,n)=>{const o=11===t.$.nodeType&&t.$.host?t.$.host:t.$,l=e&&e.u||g,s=t.u||g;for(const e of U(Object.keys(l)))e in s||F(o,e,l[e],void 0,n,t.o);for(const e of U(Object.keys(s)))F(o,e,l[e],s[e],n,t.o)};function U(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var W=!1,q=(e,t,n)=>{const o=t.h[n];let l,s,r=0;if(W||(W="svg"===o.m),l=o.$=u.createElementNS(W?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),W&&"foreignObject"===o.m&&(W=!1),R(null,o,W),l.getRootNode().querySelector("body"),o.h)for(r=0;r<o.h.length;++r)s=q(e,o,r),s&&l.appendChild(s);return"svg"===o.m?W=!1:"foreignObject"===l.tagName&&(W=!0),l["s-hn"]=C,l},G=(e,t,n,o,l,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===C&&(i=i.shadowRoot);l<=s;++l)o[l]&&(r=q(null,n,l),r&&(o[l].$=r,B(i,r,t)))},V=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.$;e&&e.remove()}}},_=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),z=(e,t,n=!1)=>{const o=t.$=e.$,l=e.h,s=t.h,r=t.m;R(e,t,W="svg"===r||"foreignObject"!==r&&W),null!==l&&null!==s?((e,t,n,o,l=!1)=>{let s,r,i=0,c=0,u=0,a=0,f=t.length-1,h=t[0],p=t[f],d=o.length-1,m=o[0],y=o[d];for(;i<=f&&c<=d;)if(null==h)h=t[++i];else if(null==p)p=t[--f];else if(null==m)m=o[++c];else if(null==y)y=o[--d];else if(_(h,m,l))z(h,m,l),h=t[++i],m=o[++c];else if(_(p,y,l))z(p,y,l),p=t[--f],y=o[--d];else if(_(h,y,l))z(h,y,l),B(e,h.$,p.$.nextSibling),h=t[++i],y=o[--d];else if(_(p,m,l))z(p,m,l),B(e,p.$,h.$),p=t[--f],m=o[++c];else{for(u=-1,a=i;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(r=t[u],r.m!==m.m?s=q(t&&t[c],n,u):(z(r,m,l),t[u]=void 0,s=r.$),m=o[++c]):(s=q(t&&t[c],n,c),m=o[++c]),s&&B(h.$.parentNode,s,h.$)}i>f?G(e,null==o[d+1]?null:o[d+1].$,n,o,c,d):c>d&&V(t,i,f)})(o,l,t,s,n):null!==s?G(o,null,t,s,0,s.length-1):!n&&null!==l&&V(l,0,l.length-1),W&&"svg"===r&&(W=!1)},B=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),I=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},J=(e,t)=>{if(e.o|=16,!(4&e.o))return I(e,e.j),b((()=>K(e,t)));e.o|=512},K=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.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`);return Q(void 0,(()=>Y(e,n,t)))},Q=(e,t)=>X(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),X=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,Y=async(e,t,n)=>{var o;const l=e.$hostElement$,s=l["s-rc"];n&&(e=>{const t=e.k,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=T(t),l=r.get(o);if(e=11===e.nodeType?e:u,l)if("string"==typeof l){let s,r=H.get(e=e.head||e);if(r||H.set(e,r=new Set),!r.has(o)){{s=u.createElement("style"),s.innerHTML=l;const o=null!=(n=a.O)?n:j(u);if(null!=o&&s.setAttribute("nonce",o),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e){const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(s)}else e.append(s);1&t.o&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.o&&(s.innerHTML+=i),r&&r.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&2&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);Z(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>ee(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},Z=(e,t,n,o)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.k,s=e.C||A(null,null),r=(e=>e&&e.m===D)(t)?t:P(null,null,t);if(C=o.tagName,n&&r.u)for(const e of Object.keys(r.u))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.u[e]=o[e]);r.m=null,r.o|=4,e.C=r,r.$=s.$=o.shadowRoot||o,z(s,r,n)})(e,t,o)}catch(t){l(t,e.$hostElement$)}return null},ee=e=>{const t=e.$hostElement$,n=e.t,o=e.j;64&e.o||(e.o|=64,oe(t),ne(n,"componentDidLoad"),e.M(t),o||te()),e.S&&(e.S(),e.S=void 0),512&e.o&&v((()=>J(e,!1))),e.o&=-517},te=()=>{oe(u.documentElement),v((()=>(e=>{const t=a.ce("appload",{detail:{namespace:"analog-clock"}});return e.dispatchEvent(t),t})(c)))},ne=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){l(e)}},oe=e=>e.classList.add("hydrated"),le=(e,t,o)=>{var l,s;const r=e.prototype;if(t.P){const i=Object.entries(null!=(l=t.P)?l:{});if(i.map((([e,[l]])=>{(31&l||2&o&&32&l)&&Object.defineProperty(r,e,{get(){return((e,t)=>n(this).A.get(t))(0,e)},set(o){((e,t,o,l)=>{const s=n(e);if(!s)throw Error(`Couldn't find host element for "${l.v}" 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/ionic-team/stencil/issues/5457).`);const r=s.A.get(t),i=s.o,c=s.t;o=((e,t)=>null==e||S(e)?e:2&t?parseFloat(e):e)(o,l.P[t][0]),8&i&&void 0!==r||o===r||Number.isNaN(r)&&Number.isNaN(o)||(s.A.set(t,o),c&&2==(18&i)&&J(s,!1))})(this,e,o,t)},configurable:!0,enumerable:!0})})),1&o){const o=new Map;r.attributeChangedCallback=function(e,l,s){a.jmp((()=>{var i;const c=o.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),r=null==o?void 0:o.o;if(r&&!(8&r)&&128&r&&s!==l){const n=o.t,r=null==(i=t.D)?void 0:i[e];null==r||r.forEach((t=>{null!=n[t]&&n[t].call(n,s,l,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.D)?s:{}),...i.filter((([e,t])=>15&t[0])).map((([e,t])=>{const n=t[1]||e;return o.set(n,e),n}))]))}}return e},se=e=>{ne(e,"disconnectedCallback")},re=(e,o={})=>{var f;const p=[],d=o.exclude||[],m=c.customElements,y=u.head,w=y.querySelector("meta[charset]"),$=u.createElement("style"),v=[];let b,g=!0;Object.assign(a,o),a.l=new URL(o.resourcesUrl||"./",u.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((o=>{const i={o:o[0],v:o[1],P:o[2],H:o[3]};4&i.o&&(S=!0),i.P=o[2];const c=i.v,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const o={o:0,$hostElement$:e,k:n,A:new Map};o.T=new Promise((e=>o.M=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,o)})(e=this,i),1&i.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${i.v}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),b&&(clearTimeout(b),b=null),g?v.push(this):a.jmp((()=>(e=>{if(!(1&a.o)){const t=n(e),o=t.k,i=()=>{};if(1&t.o)(null==t?void 0:t.t)||(null==t?void 0:t.T)&&t.T.then((()=>{}));else{t.o|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){I(t,t.j=n);break}}o.P&&Object.entries(o.P).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){if(t.o|=32,n.F){const e=(e=>{const t=e.v.replace(/-/g,"_"),n=e.F;if(!n)return;const o=s.get(n);return o?o[t]:import(`./${n}.entry.js`).then((e=>(s.set(n,e),e[t])),l)
 /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};o=await e,t()}else o=e;if(!o)throw Error(`Constructor for "${n.v}#${t.L}" was not found`);o.isProxied||(le(o,n,2),o.isProxied=!0);const r=()=>{};t.o|=8;try{new o(t)}catch(e){l(e)}t.o&=-9,r()}else o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.o|=128));if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=T(n);if(!r.has(t)){const o=()=>{};((e,t,n)=>{let o=r.get(e);h&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,r.set(e,o)})(t,e,!!(1&n.o)),o()}}}const i=t.j,c=()=>J(t,!0);i&&i["s-rc"]?i["s-rc"].push(c):c()})(e,t,o)}i()}})(this)))}disconnectedCallback(){a.jmp((()=>(async()=>{if(!(1&a.o)){const e=n(this);(null==e?void 0:e.t)?se(e.t):(null==e?void 0:e.T)&&e.T.then((()=>se(e.t)))}})()))}componentOnReady(){return n(this).T}};i.F=e[0],d.includes(c)||m.get(c)||(p.push(c),m.define(c,le(u,i,1)))}))})),p.length>0&&(S&&($.textContent+=i),$.textContent+=p.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",$.innerHTML.length)){$.setAttribute("data-styles","");const e=null!=(f=a.O)?f:j(u);null!=e&&$.setAttribute("nonce",e),y.insertBefore($,w?w.nextSibling:y.firstChild)}g=!1,v.length?v.map((e=>e.connectedCallback())):a.jmp((()=>b=setTimeout(te,30)))},ie=e=>a.O=e;export{re as b,P as h,f as p,o as r,ie as s}

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d872fc2c.js');
+const index = require('./index-141ee45f.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)}";
 const AnalogClockStyle0 = analogClockCss;

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d872fc2c.js');
+const index = require('./index-141ee45f.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.22.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.22.1 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('analog-clock.cjs.js', document.baseURI).href));

package/dist/cjs/{index-d872fc2c.js → index-141ee45f.js}

@@ -24,7 +24,7 @@ const NAMESPACE = 'analog-clock';
 const BUILD = /* analog-clock */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: true, propString: false, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: false, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: false, vdomXlink: false, watchCallback: false };
 
 /*
- Stencil Client Platform v4.22.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.22.1 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -338,7 +338,12 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
               const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
               styleContainerNode.insertBefore(styleElm, referenceNode2);
             } else if ("host" in styleContainerNode) {
-              styleContainerNode.prepend(styleElm);
+              const existingStyleContainer = styleContainerNode.querySelector("style");
+              if (existingStyleContainer) {
+                existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+              } else {
+                styleContainerNode.prepend(styleElm);
+              }
             } else {
               styleContainerNode.append(styleElm);
             }

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d872fc2c.js');
+const index = require('./index-141ee45f.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/collection/collection-manifest.json

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

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-409c88c4.js';
+import { r as registerInstance, h } from './index-60d7c422.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)}";
 const AnalogClockStyle0 = analogClockCss;

package/dist/esm/analog-clock.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-409c88c4.js';
-export { s as setNonce } from './index-409c88c4.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-60d7c422.js';
+export { s as setNonce } from './index-60d7c422.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.22.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.22.1 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = import.meta.url;

package/dist/esm/{index-409c88c4.js → index-60d7c422.js}

@@ -2,7 +2,7 @@ const NAMESPACE = 'analog-clock';
 const BUILD = /* analog-clock */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: true, propString: false, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: false, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: false, vdomXlink: false, watchCallback: false };
 
 /*
- Stencil Client Platform v4.22.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.22.1 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -316,7 +316,12 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
               const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
               styleContainerNode.insertBefore(styleElm, referenceNode2);
             } else if ("host" in styleContainerNode) {
-              styleContainerNode.prepend(styleElm);
+              const existingStyleContainer = styleContainerNode.querySelector("style");
+              if (existingStyleContainer) {
+                existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+              } else {
+                styleContainerNode.prepend(styleElm);
+              }
             } else {
               styleContainerNode.append(styleElm);
             }

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-409c88c4.js';
-export { s as setNonce } from './index-409c88c4.js';
+import { b as bootstrapLazy } from './index-60d7c422.js';
+export { s as setNonce } from './index-60d7c422.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "analog-clock-components",
-  "version": "0.1.528",
+  "version": "0.1.530",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -25,13 +25,13 @@
     "format": "prettier --write src"
   },
   "dependencies": {
-    "@stencil/core": "4.22.0"
+    "@stencil/core": "4.22.1"
   },
   "license": "MIT",
   "devDependencies": {
     "cspell": "8.14.4",
     "eslint": "9.12.0",
     "prettier": "3.3.3",
-    "typescript": "5.6.2"
+    "typescript": "5.6.3"
   }
 }