analog-clock-components 0.2.68 → 0.2.69

package/dist/cjs/loader.cjs.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-C6H0Qpg2.js');
+var index = require('./index-CAsdnPQ9.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["analog-clock.cjs",[[257,"analog-clock",{"size":[2],"timeZone":[2,"time-zone"],"time":[32]}]]]], options);
+  return index.bootstrapLazy([["analog-clock.cjs",[[1,"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.39.0",
+    "version": "4.40.0",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

package/dist/components/analog-clock.js

@@ -1,69 +1 @@
-import { proxyCustomElement, HTMLElement, h, transformTag } from '@stencil/core/internal/client';
-
-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 AnalogClock$1 = /*@__PURE__*/ proxyCustomElement(class AnalogClock extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.size = undefined;
-        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 hour = this.hour + this.timeZone;
-        return Math.floor(this.minute / 2) + hour * 30;
-    }
-    minuteToDegrees() {
-        return Math.floor(this.second / 10) + this.minute * 6;
-    }
-    secondToDegrees() {
-        return this.second * 6;
-    }
-    render() {
-        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(); }
-}, [257, "analog-clock", {
-        "size": [2],
-        "timeZone": [2, "time-zone"],
-        "time": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["analog-clock"];
-    components.forEach(tagName => { switch (tagName) {
-        case "analog-clock":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), AnalogClock$1);
-            }
-            break;
-    } });
-}
-
-const AnalogClock = AnalogClock$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AnalogClock, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,h as c,transformTag as o}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),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 c("svg",{key:"39e3465d3bf04035966b00bb15186d1f712163cd",class:"clock",viewBox:"0 0 200 200",width:this.size,height:this.size},c("circle",{key:"e4c4288aa0efc9cf98027eef1f5bd7c550c23a18",id:"circle",cx:"100",cy:"100",r:"95","stroke-width":"10",fill:"transparent"}),c("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"}),c("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"}),c("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".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)}"}},[1,"analog-clock",{size:[2],timeZone:[2,"time-zone"],time:[32]}]),s=r,i=function(){"undefined"!=typeof customElements&&["analog-clock"].forEach((e=>{"analog-clock"===e&&(customElements.get(o(e))||customElements.define(o(e),r))}))};export{s as AnalogClock,i as defineCustomElement}

package/dist/components/index.d.ts

@@ -31,3 +31,5 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../types';

package/dist/components/index.js

@@ -1 +1 @@
-export { getAssetPath, render, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-6zWiImGa.js';
+import { r as registerInstance, h } from './index-DVQG3jUT.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,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-6zWiImGa.js';
-export { s as setNonce } from './index-6zWiImGa.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-DVQG3jUT.js';
+export { s as setNonce } from './index-DVQG3jUT.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
- Stencil Client Patch Browser v4.39.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.40.0 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {
@@ -17,5 +17,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["analog-clock",[[257,"analog-clock",{"size":[2],"timeZone":[2,"time-zone"],"time":[32]}]]]], options);
+  return bootstrapLazy([["analog-clock",[[1,"analog-clock",{"size":[2],"timeZone":[2,"time-zone"],"time":[32]}]]]], options);
 });