analog-clock-components 0.1.501 → 0.1.503

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import{p as e,b as o}from"./p-cbc1786d.js";export{s as setNonce}from"./p-cbc1786d.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-fe4c5b0d",[[1,"analog-clock",{size:[2],timeZone:[2,"time-zone"],time:[32]}]]]],e))));
1
+ import{p as a,b as e}from"./p-c62ac236.js";export{s as setNonce}from"./p-c62ac236.js";import{g as o}from"./p-e1255160.js";(()=>{const e=import.meta.url,o={};return""!==e&&(o.resourcesUrl=new URL(".",e).href),a(o)})().then((async a=>(await o(),e([["p-2fac6eab",[[1,"analog-clock",{size:[2],timeZone:[2,"time-zone"],time:[32]}]]]],a))));
@@ -1 +1 @@
1
- import{r as e,h as t}from"./p-cbc1786d.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}
1
+ import{r as e,h as t}from"./p-c62ac236.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}
@@ -1,2 +1,2 @@
1
- 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})(),d=!1,p=[],m=[],w=(e,t)=>n=>{e.push(n),d||(d=!0,t&&4&a.o?v($):a.raf($))},y=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){l(e)}e.length=0},$=()=>{y(p),y(m),(d=p.length>0)&&a.raf($)},v=e=>f().then(e),b=w(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:()=>x,unwrapErr:()=>P});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,x=e=>{if(e.isOk)return e.value;throw e.value},P=e=>{if(e.isErr)return e.value;throw e.value},T=(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}),F={},L=new WeakMap,N=e=>"sc-"+e.v,R=(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=D(n),s=D(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||(e[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)}}},U=/\s/,D=e=>e?e.split(U):[],H=(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 W(Object.keys(l)))e in s||R(o,e,l[e],void 0,n,t.o);for(const e of W(Object.keys(s)))R(o,e,l[e],s[e],n,t.o)};function W(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var q=!1,G=(e,t,n)=>{const o=t.h[n];let l,s,r=0;if(q||(q="svg"===o.m),l=o.$=u.createElementNS(q?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),q&&"foreignObject"===o.m&&(q=!1),H(null,o,q),null!=C&&l["s-si"]!==C&&l.classList.add(l["s-si"]=C),o.h)for(r=0;r<o.h.length;++r)s=G(e,o,r),s&&l.appendChild(s);return"svg"===o.m?q=!1:"foreignObject"===l.tagName&&(q=!0),l["s-hn"]=M,l},V=(e,t,n,o,l,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===M&&(i=i.shadowRoot);l<=s;++l)o[l]&&(r=G(null,n,l),r&&(o[l].$=r,I(i,r,t)))},_=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.$;e&&e.remove()}}},z=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),B=(e,t,n=!1)=>{const o=t.$=e.$,l=e.h,s=t.h,r=t.m;H(e,t,q="svg"===r||"foreignObject"!==r&&q),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],d=t[f],p=o.length-1,m=o[0],w=o[p];for(;i<=f&&c<=p;)if(null==h)h=t[++i];else if(null==d)d=t[--f];else if(null==m)m=o[++c];else if(null==w)w=o[--p];else if(z(h,m,l))B(h,m,l),h=t[++i],m=o[++c];else if(z(d,w,l))B(d,w,l),d=t[--f],w=o[--p];else if(z(h,w,l))B(h,w,l),I(e,h.$,d.$.nextSibling),h=t[++i],w=o[--p];else if(z(d,m,l))B(d,m,l),I(e,d.$,h.$),d=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=G(t&&t[c],n,u):(B(r,m,l),t[u]=void 0,s=r.$),m=o[++c]):(s=G(t&&t[c],n,c),m=o[++c]),s&&I(h.$.parentNode,s,h.$)}i>f?V(e,null==o[p+1]?null:o[p+1].$,n,o,c,p):c>p&&_(t,i,f)})(o,l,t,s,n):null!==s?V(o,null,t,s,0,s.length-1):null!==l&&_(l,0,l.length-1),q&&"svg"===r&&(q=!1)},I=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),J=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},K=(e,t)=>{if(e.o|=16,!(4&e.o))return J(e,e.j),b((()=>Q(e,t)));e.o|=512},Q=(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 X(void 0,(()=>Z(e,n,t)))},X=(e,t)=>Y(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),Y=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,Z=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=e,l=N(t),s=r.get(l);if(e=11===e.nodeType?e:u,s)if("string"==typeof s){let r,c=L.get(e=o.head||e);if(c||L.set(e,c=new Set),!c.has(l)){{r=u.createElement("style"),r.innerHTML=s;const t=null!=(n=a.O)?n:j(u);null!=t&&r.setAttribute("nonce",t),e.insertBefore(r,e.querySelector("link"))}4&t.o&&(r.innerHTML+=i),c&&c.add(l)}}else o.adoptedStyleSheets.includes(s)||(o.adoptedStyleSheets=[...o.adoptedStyleSheets,s]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);ee(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>te(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},ee=(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===F)(t)?t:T(null,null,t);if(M=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,C=o["s-sc"],B(s,r,n)})(e,t,o)}catch(t){l(t,e.$hostElement$)}return null},te=e=>{const t=e.$hostElement$,n=e.t,o=e.j;64&e.o||(e.o|=64,le(t),oe(n,"componentDidLoad"),e.M(t),o||ne()),e.S&&(e.S(),e.S=void 0),512&e.o&&v((()=>K(e,!1))),e.o&=-517},ne=()=>{le(u.documentElement),v((()=>(e=>{const t=a.ce("appload",{detail:{namespace:"analog-clock"}});return e.dispatchEvent(t),t})(c)))},oe=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){l(e)}},le=e=>e.classList.add("hydrated"),se=(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).T.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.T.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.T.set(t,o),c&&2==(18&i)&&K(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.A)?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.A)?s:{}),...i.filter((([e,t])=>15&t[0])).map((([e,t])=>{const n=t[1]||e;return o.set(n,e),n}))]))}}return e},re=e=>{oe(e,"disconnectedCallback")},ie=(e,o={})=>{var f;const d=[],p=o.exclude||[],m=c.customElements,w=u.head,y=w.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],F: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,T:new Map};o.L=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.L)&&t.L.then((()=>{}));else{t.o|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){J(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.N){const e=(e=>{const t=e.v.replace(/-/g,"_"),n=e.N;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)
1
+ 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})(),d=!1,p=[],m=[],w=(e,t)=>n=>{e.push(n),d||(d=!0,t&&4&a.o?v($):a.raf($))},y=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){l(e)}e.length=0},$=()=>{y(p),y(m),(d=p.length>0)&&a.raf($)},v=e=>f().then(e),b=w(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:()=>x,unwrapErr:()=>P});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,x=e=>{if(e.isOk)return e.value;throw e.value},P=e=>{if(e.isErr)return e.value;throw e.value},T=(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}),F={},L=new WeakMap,N=e=>"sc-"+e.v,R=(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=D(n),s=D(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||(e[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)}}},U=/\s/,D=e=>e?e.split(U):[],H=(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 W(Object.keys(l)))e in s||R(o,e,l[e],void 0,n,t.o);for(const e of W(Object.keys(s)))R(o,e,l[e],s[e],n,t.o)};function W(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var q=!1,G=(e,t,n)=>{const o=t.h[n];let l,s,r=0;if(q||(q="svg"===o.m),l=o.$=u.createElementNS(q?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),q&&"foreignObject"===o.m&&(q=!1),H(null,o,q),null!=C&&l["s-si"]!==C&&l.classList.add(l["s-si"]=C),o.h)for(r=0;r<o.h.length;++r)s=G(e,o,r),s&&l.appendChild(s);return"svg"===o.m?q=!1:"foreignObject"===l.tagName&&(q=!0),l["s-hn"]=M,l},V=(e,t,n,o,l,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===M&&(i=i.shadowRoot);l<=s;++l)o[l]&&(r=G(null,n,l),r&&(o[l].$=r,I(i,r,t)))},_=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.$;e&&e.remove()}}},z=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),B=(e,t,n=!1)=>{const o=t.$=e.$,l=e.h,s=t.h,r=t.m;H(e,t,q="svg"===r||"foreignObject"!==r&&q),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],d=t[f],p=o.length-1,m=o[0],w=o[p];for(;i<=f&&c<=p;)if(null==h)h=t[++i];else if(null==d)d=t[--f];else if(null==m)m=o[++c];else if(null==w)w=o[--p];else if(z(h,m,l))B(h,m,l),h=t[++i],m=o[++c];else if(z(d,w,l))B(d,w,l),d=t[--f],w=o[--p];else if(z(h,w,l))B(h,w,l),I(e,h.$,d.$.nextSibling),h=t[++i],w=o[--p];else if(z(d,m,l))B(d,m,l),I(e,d.$,h.$),d=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=G(t&&t[c],n,u):(B(r,m,l),t[u]=void 0,s=r.$),m=o[++c]):(s=G(t&&t[c],n,c),m=o[++c]),s&&I(h.$.parentNode,s,h.$)}i>f?V(e,null==o[p+1]?null:o[p+1].$,n,o,c,p):c>p&&_(t,i,f)})(o,l,t,s,n):null!==s?V(o,null,t,s,0,s.length-1):null!==l&&_(l,0,l.length-1),q&&"svg"===r&&(q=!1)},I=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),J=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},K=(e,t)=>{if(e.o|=16,!(4&e.o))return J(e,e.j),b((()=>Q(e,t)));e.o|=512},Q=(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 X(void 0,(()=>Z(e,n,t)))},X=(e,t)=>Y(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),Y=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,Z=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=N(t),l=r.get(o);if(e=11===e.nodeType?e:u,l)if("string"==typeof l){let s,r=L.get(e=e.head||e);if(r||L.set(e,r=new Set),!r.has(o)){{s=u.createElement("style"),s.innerHTML=l;const t=null!=(n=a.O)?n:j(u);null!=t&&s.setAttribute("nonce",t),e.insertBefore(s,e.querySelector("link"))}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&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);ee(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>te(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},ee=(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===F)(t)?t:T(null,null,t);if(M=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,C=o["s-sc"],B(s,r,n)})(e,t,o)}catch(t){l(t,e.$hostElement$)}return null},te=e=>{const t=e.$hostElement$,n=e.t,o=e.j;64&e.o||(e.o|=64,le(t),oe(n,"componentDidLoad"),e.M(t),o||ne()),e.S&&(e.S(),e.S=void 0),512&e.o&&v((()=>K(e,!1))),e.o&=-517},ne=()=>{le(u.documentElement),v((()=>(e=>{const t=a.ce("appload",{detail:{namespace:"analog-clock"}});return e.dispatchEvent(t),t})(c)))},oe=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){l(e)}},le=e=>e.classList.add("hydrated"),se=(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).T.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.T.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.T.set(t,o),c&&2==(18&i)&&K(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.A)?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.A)?s:{}),...i.filter((([e,t])=>15&t[0])).map((([e,t])=>{const n=t[1]||e;return o.set(n,e),n}))]))}}return e},re=e=>{oe(e,"disconnectedCallback")},ie=(e,o={})=>{var f;const d=[],p=o.exclude||[],m=c.customElements,w=u.head,y=w.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],F: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,T:new Map};o.L=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.L)&&t.L.then((()=>{}));else{t.o|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){J(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.N){const e=(e=>{const t=e.v.replace(/-/g,"_"),n=e.N;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)
2
2
  /*!__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.R}" was not found`);o.isProxied||(se(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=N(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=()=>K(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)?re(e.t):(null==e?void 0:e.L)&&e.L.then((()=>re(e.t)))}})()))}componentOnReady(){return n(this).L}};i.N=e[0],p.includes(c)||m.get(c)||(d.push(c),m.define(c,se(u,i,1)))}))})),d.length>0&&(S&&($.textContent+=i),$.textContent+=d.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),w.insertBefore($,y?y.nextSibling:w.firstChild)}g=!1,v.length?v.map((e=>e.connectedCallback())):a.jmp((()=>b=setTimeout(ne,30)))},ce=e=>a.O=e;export{ie as b,T as h,f as p,o as r,ce as s}
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-b77cf2c0.js');
5
+ const index = require('./index-7462f007.js');
6
6
 
7
7
  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)}";
8
8
  const AnalogClockStyle0 = analogClockCss;
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-b77cf2c0.js');
5
+ const index = require('./index-7462f007.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  /*
9
- Stencil Client Patch Browser v4.19.1 | MIT Licensed | https://stenciljs.com
9
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
10
10
  */
11
11
  var patchBrowser = () => {
12
12
  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));
@@ -24,7 +24,7 @@ const NAMESPACE = 'analog-clock';
24
24
  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 };
25
25
 
26
26
  /*
27
- Stencil Client Platform v4.19.1 | MIT Licensed | https://stenciljs.com
27
+ Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
28
28
  */
29
29
  var __defProp = Object.defineProperty;
30
30
  var __export = (target, all) => {
@@ -313,13 +313,12 @@ var registerStyle = (scopeId2, cssText, allowCS) => {
313
313
  };
314
314
  var addStyle = (styleContainerNode, cmpMeta, mode) => {
315
315
  var _a;
316
- const styleContainerDocument = styleContainerNode;
317
316
  const scopeId2 = getScopeId(cmpMeta);
318
317
  const style = styles.get(scopeId2);
319
318
  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
320
319
  if (style) {
321
320
  if (typeof style === "string") {
322
- styleContainerNode = styleContainerDocument.head || styleContainerNode;
321
+ styleContainerNode = styleContainerNode.head || styleContainerNode;
323
322
  let appliedStyles = rootAppliedStyles.get(styleContainerNode);
324
323
  let styleElm;
325
324
  if (!appliedStyles) {
@@ -342,8 +341,8 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
342
341
  appliedStyles.add(scopeId2);
343
342
  }
344
343
  }
345
- } else if (!styleContainerDocument.adoptedStyleSheets.includes(style)) {
346
- styleContainerDocument.adoptedStyleSheets = [...styleContainerDocument.adoptedStyleSheets, style];
344
+ } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
345
+ styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
347
346
  }
348
347
  }
349
348
  return scopeId2;
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-b77cf2c0.js');
5
+ const index = require('./index-7462f007.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  const defineCustomElements = async (win, options) => {
@@ -4,7 +4,7 @@
4
4
  ],
5
5
  "compiler": {
6
6
  "name": "@stencil/core",
7
- "version": "4.19.1",
7
+ "version": "4.19.2",
8
8
  "typescriptVersion": "5.4.5"
9
9
  },
10
10
  "collections": [],
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-50b7f76e.js';
1
+ import { r as registerInstance, h } from './index-aa13507d.js';
2
2
 
3
3
  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)}";
4
4
  const AnalogClockStyle0 = analogClockCss;
@@ -1,9 +1,9 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-50b7f76e.js';
2
- export { s as setNonce } from './index-50b7f76e.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-aa13507d.js';
2
+ export { s as setNonce } from './index-aa13507d.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v4.19.1 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
  var patchBrowser = () => {
9
9
  const importMeta = import.meta.url;
@@ -2,7 +2,7 @@ const NAMESPACE = 'analog-clock';
2
2
  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 };
3
3
 
4
4
  /*
5
- Stencil Client Platform v4.19.1 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  var __defProp = Object.defineProperty;
8
8
  var __export = (target, all) => {
@@ -291,13 +291,12 @@ var registerStyle = (scopeId2, cssText, allowCS) => {
291
291
  };
292
292
  var addStyle = (styleContainerNode, cmpMeta, mode) => {
293
293
  var _a;
294
- const styleContainerDocument = styleContainerNode;
295
294
  const scopeId2 = getScopeId(cmpMeta);
296
295
  const style = styles.get(scopeId2);
297
296
  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
298
297
  if (style) {
299
298
  if (typeof style === "string") {
300
- styleContainerNode = styleContainerDocument.head || styleContainerNode;
299
+ styleContainerNode = styleContainerNode.head || styleContainerNode;
301
300
  let appliedStyles = rootAppliedStyles.get(styleContainerNode);
302
301
  let styleElm;
303
302
  if (!appliedStyles) {
@@ -320,8 +319,8 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
320
319
  appliedStyles.add(scopeId2);
321
320
  }
322
321
  }
323
- } else if (!styleContainerDocument.adoptedStyleSheets.includes(style)) {
324
- styleContainerDocument.adoptedStyleSheets = [...styleContainerDocument.adoptedStyleSheets, style];
322
+ } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
323
+ styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
325
324
  }
326
325
  }
327
326
  return scopeId2;
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-50b7f76e.js';
2
- export { s as setNonce } from './index-50b7f76e.js';
1
+ import { b as bootstrapLazy } from './index-aa13507d.js';
2
+ export { s as setNonce } from './index-aa13507d.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "analog-clock-components",
3
- "version": "0.1.501",
3
+ "version": "0.1.503",
4
4
  "description": "Stencil Component Starter",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -25,13 +25,13 @@
25
25
  "format": "prettier --write src"
26
26
  },
27
27
  "dependencies": {
28
- "@stencil/core": "4.19.1"
28
+ "@stencil/core": "4.19.2"
29
29
  },
30
30
  "license": "MIT",
31
31
  "devDependencies": {
32
- "cspell": "8.9.1",
33
- "eslint": "9.5.0",
32
+ "cspell": "8.10.0",
33
+ "eslint": "9.6.0",
34
34
  "prettier": "3.3.2",
35
- "typescript": "5.5.2"
35
+ "typescript": "5.5.3"
36
36
  }
37
37
  }