zen-wdg 2.0.7 → 2.0.9

package/dist/z-clock-widget.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {
+    hours: string;
+    minutes: string;
+    seconds: string;
+    dayOfWeek: string;
+    day: string;
+    month: string;
+    year: string;
+}, {}, {
+    updateClock(): void;
+    getDayOfWeek(dayIndex: any): string;
+    getMonthName(monthIndex: any): string;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/zen-wdg.css

@@ -0,0 +1 @@
+.clock-container[data-v-e9445086]{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.clock[data-v-e9445086]{text-align:center;font-family:Arial,sans-serif;color:#333;background-color:#14141466;backdrop-filter:blur(.2rem);border-radius:15px;padding:20px;width:100%}.time[data-v-e9445086]{font-size:4em;font-weight:700;color:#fff;display:flex;justify-content:center}.date[data-v-e9445086]{font-size:1.2em;color:#fff;margin-top:10px}@media (max-width: 500px){.time[data-v-e9445086]{font-size:3em}.date[data-v-e9445086]{font-size:1em}}

package/dist/zen-wdg.es.js

@@ -1,5 +1,4 @@
 import { createElementBlock, openBlock, createElementVNode, createTextVNode, toDisplayString, defineCustomElement } from "vue";
-const _style_0 = ".clock-container[data-v-e9445086]{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.clock[data-v-e9445086]{text-align:center;font-family:Arial,sans-serif;color:#333;background-color:#14141466;backdrop-filter:blur(.2rem);border-radius:15px;padding:20px;width:100%}.time[data-v-e9445086]{font-size:4em;font-weight:700;color:#fff;display:flex;justify-content:center}.date[data-v-e9445086]{font-size:1.2em;color:#fff;margin-top:10px}@media (max-width: 500px){.time[data-v-e9445086]{font-size:3em}.date[data-v-e9445086]{font-size:1em}}";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -76,7 +75,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const ZClockWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__scopeId", "data-v-e9445086"]]);
+const ZClockWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e9445086"]]);
 const ZClockElement = defineCustomElement(ZClockWidget);
 if (!customElements.get("z-clock-widget")) {
   customElements.define("z-clock-widget", ZClockElement);

package/dist/zen-wdg.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ZenWdg={},e.Vue)}(this,function(e,t){"use strict";const o={class:"clock-container"},n={class:"clock"},i={class:"time"},a={class:"date"};const s=((e,t)=>{const o=e.__vccOpts||e;for(const[n,i]of t)o[n]=i;return o})({name:"ZClockWidget",data:()=>({hours:"00",minutes:"00",seconds:"00",dayOfWeek:"",day:"",month:"",year:""}),mounted(){this.updateClock(),setInterval(this.updateClock,1e3)},methods:{updateClock(){const e=new Date;this.hours=e.getHours().toString().padStart(2,"0"),this.minutes=e.getMinutes().toString().padStart(2,"0"),this.seconds=e.getSeconds().toString().padStart(2,"0"),this.dayOfWeek=this.getDayOfWeek(e.getDay()),this.day=e.getDate(),this.month=this.getMonthName(e.getMonth()),this.year=e.getFullYear()},getDayOfWeek:e=>["Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"][e],getMonthName:e=>["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"][e]}},[["render",function(e,s,r,d,l,c){return t.openBlock(),t.createElementBlock("div",o,[t.createElementVNode("div",n,[t.createElementVNode("div",i,[t.createElementVNode("span",null,t.toDisplayString(l.hours),1),s[0]||(s[0]=t.createTextVNode(":",-1)),t.createElementVNode("span",null,t.toDisplayString(l.minutes),1)]),t.createElementVNode("div",a,[t.createElementVNode("span",null,t.toDisplayString(l.dayOfWeek)+", "+t.toDisplayString(l.day)+" "+t.toDisplayString(l.month)+" "+t.toDisplayString(l.year),1)])])])}],["styles",[".clock-container[data-v-e9445086]{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.clock[data-v-e9445086]{text-align:center;font-family:Arial,sans-serif;color:#333;background-color:#14141466;backdrop-filter:blur(.2rem);border-radius:15px;padding:20px;width:100%}.time[data-v-e9445086]{font-size:4em;font-weight:700;color:#fff;display:flex;justify-content:center}.date[data-v-e9445086]{font-size:1.2em;color:#fff;margin-top:10px}@media (max-width: 500px){.time[data-v-e9445086]{font-size:3em}.date[data-v-e9445086]{font-size:1em}}"]],["__scopeId","data-v-e9445086"]]),r=t.defineCustomElement(s);customElements.get("z-clock-widget")||customElements.define("z-clock-widget",r),e.ZClockWidget=s,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ZenWdg={},e.Vue)}(this,function(e,t){"use strict";const o={class:"clock-container"},n={class:"clock"},s={class:"time"},i={class:"date"};const a=((e,t)=>{const o=e.__vccOpts||e;for(const[n,s]of t)o[n]=s;return o})({name:"ZClockWidget",data:()=>({hours:"00",minutes:"00",seconds:"00",dayOfWeek:"",day:"",month:"",year:""}),mounted(){this.updateClock(),setInterval(this.updateClock,1e3)},methods:{updateClock(){const e=new Date;this.hours=e.getHours().toString().padStart(2,"0"),this.minutes=e.getMinutes().toString().padStart(2,"0"),this.seconds=e.getSeconds().toString().padStart(2,"0"),this.dayOfWeek=this.getDayOfWeek(e.getDay()),this.day=e.getDate(),this.month=this.getMonthName(e.getMonth()),this.year=e.getFullYear()},getDayOfWeek:e=>["Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"][e],getMonthName:e=>["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"][e]}},[["render",function(e,a,r,d,l,c){return t.openBlock(),t.createElementBlock("div",o,[t.createElementVNode("div",n,[t.createElementVNode("div",s,[t.createElementVNode("span",null,t.toDisplayString(l.hours),1),a[0]||(a[0]=t.createTextVNode(":",-1)),t.createElementVNode("span",null,t.toDisplayString(l.minutes),1)]),t.createElementVNode("div",i,[t.createElementVNode("span",null,t.toDisplayString(l.dayOfWeek)+", "+t.toDisplayString(l.day)+" "+t.toDisplayString(l.month)+" "+t.toDisplayString(l.year),1)])])])}],["__scopeId","data-v-e9445086"]]),r=t.defineCustomElement(a);customElements.get("z-clock-widget")||customElements.define("z-clock-widget",r),e.ZClockWidget=a,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zen-wdg",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "description": "Minimal widget library for Gridstack-based newtab extensions",
   "main": "dist/zen-wdg.umd.js",
   "module": "dist/zen-wdg.es.js",
@@ -13,24 +13,25 @@
   },
   "type": "module",
   "scripts": {
-    "build": "vite build && tsc",
+    "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --outDir dist",
     "dev": "vite"
   },
   "author": "Im-Jota",
   "license": "AGPL-3.0",
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.0",
+    "rollup-plugin-postcss": "^4.0.2",
     "terser": "^5.43.1",
     "typescript": "^5.8.3",
     "vite": "^6.0.0",
     "vite-plugin-copy": "^0.1.6",
-    "vue": "^3.5.18"
+    "vue": "^3.5.18",
+    "vue-tsc": "^3.0.3"
   },
   "files": [
     "dist/",
     "src/index.js",
     "src/widgets/",
-    "src/register.js",
     "AUTHORS.md"
   ]
 }

package/src/register.js

@@ -1,13 +0,0 @@
-// src/register.js
-import { defineCustomElement } from 'vue'
-import ClockWidget from './widgets/z-clock-widget.vue'
-
-const widgets = [
-  { name: 'z-clock-widget', component: defineCustomElement(ClockWidget) },
-]
-
-widgets.forEach(({ name, component }) => {
-  if (!customElements.get(name)) {
-    customElements.define(name, component)
-  }
-})