proto-daisy-ui 0.0.13 → 0.0.16

package/dist/esm/proto-demo.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-26211d93.js';
-import { d as dealers, s as state } from './store-57ec4756.js';
+import { r as registerInstance, h } from './index-bcfd46a8.js';
+import { d as dealers, s as state } from './store-1d436662.js';
 
 const protoDemoCss = "";
 

package/dist/esm/proto-dial.entry.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index-bcfd46a8.js';
+
+const protoDialCss = "#proto-dial{--size:12rem;--thickness:2rem}";
+
+const updateDial = (num) => {
+  return el => {
+    const value = num >= 0 && num <= 100 ? num.toString() : '0';
+    el.style.setProperty('--value', value);
+  };
+};
+const ProtoDial = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("div", { id: "proto-dial", class: "radial-progress text-secondary", ref: updateDial(this.value) }, this.value, "%"));
+  }
+};
+ProtoDial.style = protoDialCss;
+
+export { ProtoDial as proto_dial };

package/dist/esm/proto-hero.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-26211d93.js';
-import { a as actions } from './store-57ec4756.js';
+import { r as registerInstance, h } from './index-bcfd46a8.js';
+import { a as actions } from './store-1d436662.js';
 
 const protoHeroCss = "proto-hero{}";
 

package/dist/esm/proto-home.entry.js

@@ -1,18 +1,12 @@
-import { h, r as registerInstance } from './index-26211d93.js';
-import { d as dealers, s as state } from './store-57ec4756.js';
+import { h, r as registerInstance } from './index-bcfd46a8.js';
+import { d as dealers, s as state } from './store-1d436662.js';
 
 const ProtoButton = (_props, children) => {
   return h("button", { class: "btn btn-primary" }, children);
 };
 
-const protoHomeCss = ".radial-progress{--size:12rem;--thickness:2rem}";
+const protoHomeCss = "";
 
-const updateDial = (num) => {
-  return el => {
-    const value = num >= 0 && num <= 100 ? num.toString() : '0';
-    el.style.setProperty('--value', value);
-  };
-};
 const ProtoHome = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -20,7 +14,8 @@ const ProtoHome = class {
   render() {
     const { pick } = state;
     const dealer = dealers[pick];
-    return (h("div", { class: "mr-8 flex flex-col flex-nowrap items-start gap-2" }, h("div", { class: "alert alert-info shadow-lg" }, h("div", null, h("svg", { fill: "none", viewBox: "0 0 24 24", class: "h-6 w-6 flex-shrink-0 stroke-current" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })), h("span", null, "Welcome... [ ", dealer.name, " ]"))), h(ProtoButton, null, "Hello"), h("div", { class: "radial-progress text-secondary", ref: updateDial(dealer.progress) }, dealer.progress, "%")));
+    const { name, progress } = dealer;
+    return (h("div", { class: "mr-8 flex flex-col flex-nowrap items-start gap-2" }, h("div", { class: "alert alert-info mb-4 shadow-lg" }, h("div", null, h("svg", { fill: "none", viewBox: "0 0 24 24", class: "h-6 w-6 flex-shrink-0 stroke-current" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })), h("span", null, "Welcome... [ ", name, " ]"))), h(ProtoButton, null, "Hello"), progress ? (h("proto-dial", { class: "mt-4", value: progress })) : ('')));
   }
 };
 ProtoHome.style = protoHomeCss;

package/dist/esm/proto-list.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-26211d93.js';
-import { u as users, s as state } from './store-57ec4756.js';
+import { r as registerInstance, h } from './index-bcfd46a8.js';
+import { u as users, s as state } from './store-1d436662.js';
 
 const protoListCss = "";
 

package/dist/esm/proto-shell.entry.js

@@ -1,5 +1,5 @@
-import { h, r as registerInstance } from './index-26211d93.js';
-import { a as actions, s as state, d as dealers } from './store-57ec4756.js';
+import { h, r as registerInstance } from './index-bcfd46a8.js';
+import { a as actions, s as state, d as dealers } from './store-1d436662.js';
 
 const clickHandler = (mfe = undefined) => {
   return _event => {
@@ -28,10 +28,10 @@ const ProtoHeader = (_props, _children) => {
   return (h("div", { class: "navbar m-1 w-auto rounded-md bg-base-100" },
     h("div", { class: "flex-none" },
       h("div", { class: "dropdown" },
-        h("button", { class: "btn btn-ghost btn-square drawer-button", "aria-label": "Navigation" },
+        h("label", { class: "btn btn-ghost btn-square drawer-button", "aria-label": "Navigation", tabindex: "0" },
           h("svg", { fill: "none", viewBox: "0 0 24 24", class: "inline-block h-5 w-5 stroke-current" },
             h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M4 6h16M4 12h16M4 18h16" }))),
-        h("ul", { class: "dropdown-content menu mt-1 rounded-md bg-accent p-2 text-accent-content" },
+        h("ul", { tabindex: "0", class: "dropdown-content menu mt-1 rounded-md bg-accent p-2 text-accent-content" },
           h("li", null,
             h("button", { class: "btn-ghost", onClick: clickHandler('proto-home'), "aria-label": "Home" },
               h("svg", { class: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
@@ -48,8 +48,8 @@ const ProtoHeader = (_props, _children) => {
       h("a", { class: "btn btn-ghost text-xl normal-case" }, "daisyUI")),
     h("div", { class: "flex-none" },
       h("div", { class: "dropdown dropdown-end" },
-        h("button", { class: "btn btn-ghost normal-case" }, dealer.name),
-        h("ul", { tabindex: "0", class: "dropdown-content menu menu-compact mt-1 w-52 rounded-md bg-secondary p-2 text-secondary-content shadow " }, dealers.map((obj, indx) => {
+        h("label", { class: "btn btn-ghost normal-case", tabindex: "1" }, dealer.name),
+        h("ul", { tabindex: "1", class: "dropdown-content menu menu-compact mt-1 w-52 rounded-md bg-secondary p-2 text-secondary-content shadow " }, dealers.map((obj, indx) => {
           const active = indx === pick ? 'active' : undefined;
           return (h("li", null,
             h("a", { class: active, onClick: clickPick(indx) }, obj.name)));
@@ -57,18 +57,18 @@ const ProtoHeader = (_props, _children) => {
     h("div", { class: "divider divider-horizontal flex-none" }),
     h("div", { class: "flex-none" },
       h("div", { class: "dropdown dropdown-end" },
-        h("button", { class: "btn btn-ghost normal-case" }, state.theme),
-        h("ul", { tabindex: "0", class: "dropdown-content menu menu-compact mt-1 w-52 rounded-md bg-secondary p-2 text-secondary-content shadow " }, themes.map(theme => {
+        h("label", { class: "btn btn-ghost normal-case", tabindex: "2" }, state.theme),
+        h("ul", { tabindex: "2", class: "dropdown-content menu menu-compact mt-1 w-52 rounded-md bg-secondary p-2 text-secondary-content shadow " }, themes.map(theme => {
           const active = theme === state.theme ? 'active' : undefined;
           return (h("li", null,
             h("a", { class: active, onClick: clickTheme(theme) }, theme)));
         })))),
     h("div", { class: "flex-none" },
       h("div", { class: "dropdown dropdown-end" },
-        h("button", { class: "btn btn-ghost btn-square", "aria-label": "Actions" },
+        h("label", { class: "btn btn-ghost btn-square", "aria-label": "Actions", tabindex: "3" },
           h("svg", { fill: "none", viewBox: "0 0 24 24", class: "inline-block h-5 w-5 stroke-current" },
             h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z" }))),
-        h("ul", { tabindex: "0", class: "dropdown-content menu menu-compact mt-1 w-52 rounded-md bg-secondary p-2 text-secondary-content shadow " },
+        h("ul", { tabindex: "3", class: "dropdown-content menu menu-compact mt-1 w-52 rounded-md bg-secondary p-2 text-secondary-content shadow " },
           h("li", null,
             h("a", { class: "justify-between" },
               "Profile",

package/dist/esm/{store-57ec4756.js → store-1d436662.js}

@@ -1,4 +1,4 @@
-import { g as getRenderingRef, f as forceUpdate } from './index-26211d93.js';
+import { g as getRenderingRef, f as forceUpdate } from './index-bcfd46a8.js';
 
 const KEY = 'proto-daisy-ui';
 const LOGIN = 'login';

package/dist/proto-daisy-ui/p-09bfc0fe.entry.js

@@ -0,0 +1 @@
+import{r as l,h as o}from"./p-a0e57a17.js";import{u as t,s as a}from"./p-970466aa.js";const r=[{label:"Name",prop:"name"},{label:"Job",prop:"job"},{label:"Favorite Color",prop:"color"}],s=class{constructor(o){l(this,o)}render(){const{pick:l}=a,s=t[l];return o("div",{class:"overflow-x-auto"},o("table",{class:"table-compact table w-full"},o("thead",null,o("tr",null,o("th",null),r.map((({label:l})=>o("th",null,l))))),o("tbody",null,s.map(((l,t)=>o("tr",{class:"hover"},o("th",null,t+1),r.map((({prop:t})=>o("td",null,l[t]))))))),o("tfoot",null,o("tr",null,o("th",null),r.map((({label:l})=>o("th",null,l)))))))}};s.style="";export{s as proto_list}