feather-k-demo-utils 0.0.21 → 0.0.22

package/lib/DemoStats.vue_vue_type_script_setup_true_lang-JUBFuGaw.js

@@ -0,0 +1,32 @@
+import { defineComponent as a, openBlock as t, createElementBlock as o, toDisplayString as i, createCommentVNode as n, createElementVNode as r } from "vue";
+const l = { class: "demo-stats-wrapper tb-v8_2_0" }, d = {
+  key: 0,
+  class: "demo-stats",
+  tabindex: "0",
+  role: "region",
+  "aria-label": "Demo Stats"
+}, m = { key: 0 }, h = { key: 1 }, u = { key: 2 }, v = /* @__PURE__ */ a({
+  __name: "DemoStats",
+  props: {
+    publishDate: {},
+    version: {}
+  },
+  setup(e) {
+    return (c, s) => (t(), o("div", l, [
+      e.publishDate || e.version ? (t(), o("div", d, [
+        e.version ? (t(), o("div", m, "using @featherk/styles@" + i(e.version), 1)) : n("", !0),
+        e.publishDate ? (t(), o("div", h, "Published: " + i(e.publishDate), 1)) : (t(), o("div", u, [...s[0] || (s[0] = [
+          r("a", {
+            href: "https://github.com/NantHealth/feather-k-demo-utils/blob/integration/README.md",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            style: { "pointer-events": "auto !important" }
+          }, " Setup Publish Date ", -1)
+        ])]))
+      ])) : n("", !0)
+    ]));
+  }
+});
+export {
+  v as _
+};

package/lib/components/index.es.js

@@ -1,4 +1,4 @@
-import { D as a } from "../DemoStats-0D9d7DGR.js";
+import { _ as a } from "../DemoStats.vue_vue_type_script_setup_true_lang-JUBFuGaw.js";
 export {
   a as DemoStats
 };

package/lib/index.es.js

@@ -1,5 +1,5 @@
 import { F as s, a as t, f as a, g as S, b as o } from "./cdnVersion-DGJCb4AH.js";
-import { D as F } from "./DemoStats-0D9d7DGR.js";
+import { _ as F } from "./DemoStats.vue_vue_type_script_setup_true_lang-JUBFuGaw.js";
 export {
   F as DemoStats,
   s as FEATHERK_STYLES_CDN_URL,

package/lib/styles/demo.css

@@ -15,18 +15,30 @@ h1 {
     justify-content: flex-start;
   }
 }
-
-/* .demo-stats-wrapper {
+/* TODO:  DemoStats.vue SCOPED STYLES NOT WORKING - moved to demo.css */
+.demo-stats-wrapper {
   .demo-stats {
     position: fixed;
     right: var(--kendo-spacing-4);
     bottom: var(--kendo-spacing-4);
-    background: hsl(from var(--kendo-color-primary) h s 90% / 0.5);
+    background: hsl(from var(--kendo-color-primary) h s 90% / 0.3);
+    color: var(--kendo-color-primary-subtle);
     font-size: var(--kendo-font-size-sm);
     margin: var(--kendo-spacing-2);
     padding: var(--kendo-spacing-2);
     border-radius: var(--kendo-border-radius-md);
     box-shadow: var(--kendo-elevation-2);
-    pointer-events: none;
+    &:hover {
+      background: hsl(from var(--kendo-color-primary) h s 90% / 0.5);
+      color: var(--kendo-color-primary);
+      box-shadow: var(--kendo-elevation-4);
+    }
+    &:focus,
+    &:focus-visible {
+      background: var(--kendo-color-primary);
+      color: var(--kendo-color-surface);
+      outline: 2px solid var(--kendo-color-primary);
+      outline-offset: 2px;
+    }
   }
-} */
+}

package/lib/utils/index.es.js

@@ -1,5 +1,5 @@
 import { F as s, a as t, f as a, g as S, b as o } from "../cdnVersion-DGJCb4AH.js";
-import { D as F } from "../DemoStats-0D9d7DGR.js";
+import { _ as F } from "../DemoStats.vue_vue_type_script_setup_true_lang-JUBFuGaw.js";
 export {
   F as DemoStats,
   s as FEATHERK_STYLES_CDN_URL,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "feather-k-demo-utils",
   "private": false,
-  "version": "0.0.21",
+  "version": "0.0.22",
   "type": "module",
   "main": "lib/index.es.js",
   "module": "lib/index.es.js",

package/lib/DemoStats-0D9d7DGR.js

@@ -1,37 +0,0 @@
-import { defineComponent as c, openBlock as o, createElementBlock as s, toDisplayString as a, createCommentVNode as r, createElementVNode as d } from "vue";
-const m = { class: "demo-stats-wrapper tb-v8_2_0" }, u = {
-  key: 0,
-  class: "demo-stats",
-  tabindex: "0",
-  role: "region",
-  "aria-label": "Demo Stats"
-}, h = { key: 0 }, v = { key: 1 }, b = { key: 2 }, _ = /* @__PURE__ */ c({
-  __name: "DemoStats",
-  props: {
-    publishDate: {},
-    version: {}
-  },
-  setup(e) {
-    return (n, t) => (o(), s("div", m, [
-      e.publishDate || e.version ? (o(), s("div", u, [
-        e.version ? (o(), s("div", h, "using @featherk/styles@" + a(e.version), 1)) : r("", !0),
-        e.publishDate ? (o(), s("div", v, "Published: " + a(e.publishDate), 1)) : (o(), s("div", b, [...t[0] || (t[0] = [
-          d("a", {
-            href: "https://github.com/NantHealth/feather-k-demo-utils/blob/integration/README.md",
-            target: "_blank",
-            rel: "noopener noreferrer",
-            style: { "pointer-events": "auto !important" }
-          }, " Setup Publish Date ", -1)
-        ])]))
-      ])) : r("", !0)
-    ]));
-  }
-}), p = (e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [i, l] of n)
-    t[i] = l;
-  return t;
-}, k = /* @__PURE__ */ p(_, [["__scopeId", "data-v-57c6e8c2"]]);
-export {
-  k as D
-};