feather-k-demo-utils 0.0.43 → 0.0.44

package/lib/{DemoNotes.vue_vue_type_script_setup_true_lang-Ck_Zaihj.js → DemoNotes.vue_vue_type_script_setup_true_lang-CkAIcxaN.js}

@@ -1,4 +1,4 @@
-import { defineComponent as v, ref as g, computed as c, openBlock as r, createElementBlock as i, normalizeClass as p, createElementVNode as d, toDisplayString as f, createCommentVNode as _, useSlots as m, renderSlot as b, withModifiers as k } from "vue";
+import { defineComponent as v, ref as b, computed as c, openBlock as r, createElementBlock as i, normalizeClass as p, createElementVNode as d, toDisplayString as h, createCommentVNode as _, useSlots as g, renderSlot as m, withModifiers as k } from "vue";
 const y = ["aria-expanded"], x = { key: 0 }, S = { key: 1 }, C = { key: 2 }, $ = /* @__PURE__ */ v({
   __name: "DemoStats",
   props: {
@@ -7,7 +7,7 @@ const y = ["aria-expanded"], x = { key: 0 }, S = { key: 1 }, C = { key: 2 }, $ =
     active: { type: Boolean }
   },
   setup(t) {
-    const e = g(t.active ?? !1), a = (n) => {
+    const e = b(t.active ?? !1), a = (n) => {
       e.value = !e.value, n && n.stopPropagation();
     }, s = c(() => ({
       "demo-stats": !0,
@@ -28,8 +28,8 @@ const y = ["aria-expanded"], x = { key: 0 }, S = { key: 1 }, C = { key: 2 }, $ =
         type: "button",
         tabindex: "0"
       }, " 📊 "),
-      t.version ? (r(), i("div", x, "using @featherk/styles@" + f(t.version), 1)) : _("", !0),
-      t.publishDate ? (r(), i("div", S, "Published: " + f(t.publishDate), 1)) : (r(), i("div", C, [...u[0] || (u[0] = [
+      t.version ? (r(), i("div", x, "using @featherk/styles@" + h(t.version), 1)) : _("", !0),
+      t.publishDate ? (r(), i("div", S, "Published: " + h(t.publishDate), 1)) : (r(), i("div", C, [...u[0] || (u[0] = [
         d("a", {
           href: "https://github.com/NantHealth/feather-k-demo-utils/blob/integration/README.md",
           target: "_blank",
@@ -39,18 +39,18 @@ const y = ["aria-expanded"], x = { key: 0 }, S = { key: 1 }, C = { key: 2 }, $ =
       ])]))
     ], 10, y)) : _("", !0);
   }
-}), h = (t, l) => {
+}), f = (t, l) => {
   const e = t.__vccOpts || t;
   for (const [a, s] of l)
     e[a] = s;
   return e;
-}, I = /* @__PURE__ */ h($, [["__scopeId", "data-v-92a662c8"]]), B = ["aria-expanded"], A = /* @__PURE__ */ v({
+}, I = /* @__PURE__ */ f($, [["__scopeId", "data-v-af654d7b"]]), B = ["aria-expanded"], A = /* @__PURE__ */ v({
   __name: "DemoDebug",
   props: {
     active: { type: Boolean }
   },
   setup(t) {
-    const e = g(t.active ?? !1), a = m(), s = c(() => !!a.default && a.default({}).some((o) => o.children)), n = (o) => {
+    const e = b(t.active ?? !1), a = g(), s = c(() => !!a.default && a.default({}).some((o) => o.children)), n = (o) => {
       e.value = !e.value, o && o.stopPropagation();
     }, u = c(() => ({
       "demo-debug": !0,
@@ -71,16 +71,16 @@ const y = ["aria-expanded"], x = { key: 0 }, S = { key: 1 }, C = { key: 2 }, $ =
         type: "button",
         tabindex: "0"
       }, " 🐞 "),
-      b(o.$slots, "default", {}, void 0, !0)
+      m(o.$slots, "default", {}, void 0, !0)
     ], 10, B));
   }
-}), T = /* @__PURE__ */ h(A, [["__scopeId", "data-v-a887941a"]]), E = ["aria-expanded"], N = /* @__PURE__ */ v({
+}), T = /* @__PURE__ */ f(A, [["__scopeId", "data-v-2cfcbdc1"]]), E = ["aria-expanded"], N = /* @__PURE__ */ v({
   __name: "DemoSettings",
   props: {
     active: { type: Boolean }
   },
   setup(t) {
-    const e = g(t.active ?? !1), a = m(), s = c(() => !!a.default && a.default({}).some((o) => o.children)), n = () => {
+    const e = b(t.active ?? !1), a = g(), s = c(() => !!a.default && a.default({}).some((o) => o.children)), n = () => {
       e.value = !e.value;
     }, u = c(() => ({
       "demo-settings": !0,
@@ -100,13 +100,13 @@ const y = ["aria-expanded"], x = { key: 0 }, S = { key: 1 }, C = { key: 2 }, $ =
         "aria-label": "Toggle Demo Settings",
         tabindex: "0"
       }, " ⚙️ "),
-      b(o.$slots, "default", {}, void 0, !0)
+      m(o.$slots, "default", {}, void 0, !0)
     ], 10, E));
   }
-}), M = /* @__PURE__ */ h(N, [["__scopeId", "data-v-2390c38e"]]), V = /* @__PURE__ */ v({
+}), M = /* @__PURE__ */ f(N, [["__scopeId", "data-v-12ecdff9"]]), V = /* @__PURE__ */ v({
   __name: "DemoNotes",
   setup(t) {
-    const l = m(), e = c(() => !!l.default && l.default({}).some((s) => s.children)), a = c(() => ({
+    const l = g(), e = c(() => !!l.default && l.default({}).some((s) => s.children)), a = c(() => ({
       "demo-notes": !0,
       "tb-v8_2_0": !0
     }));
@@ -115,7 +115,7 @@ const y = ["aria-expanded"], x = { key: 0 }, S = { key: 1 }, C = { key: 2 }, $ =
       class: p(a.value),
       tabindex: "0"
     }, [
-      b(s.$slots, "default")
+      m(s.$slots, "default")
     ], 2)) : _("", !0);
   }
 });

package/lib/components/index.es.js

@@ -1,4 +1,4 @@
-import { D as s, _ as a, a as t, b as D } from "../DemoNotes.vue_vue_type_script_setup_true_lang-Ck_Zaihj.js";
+import { D as s, _ as a, a as t, b as D } from "../DemoNotes.vue_vue_type_script_setup_true_lang-CkAIcxaN.js";
 export {
   s as DemoDebug,
   a as DemoNotes,

package/lib/index.es.js

@@ -1,5 +1,5 @@
 import { F as a, a as t, f as o, g as r, b as S } from "./cdnVersion-DGJCb4AH.js";
-import { D, _ as E, a as F, b as _ } from "./DemoNotes.vue_vue_type_script_setup_true_lang-Ck_Zaihj.js";
+import { D, _ as E, a as F, b as _ } from "./DemoNotes.vue_vue_type_script_setup_true_lang-CkAIcxaN.js";
 export {
   D as DemoDebug,
   E as DemoNotes,

package/lib/styles/demo.css

@@ -203,6 +203,18 @@
     display: block;
     margin-top: 0;
   } */
+  & .toggle-btn {
+    position: absolute;
+    top: 0.25em;
+    right: 0.25em;
+    font-size: var(--kendo-font-size-xl);
+    background: none;
+    border: none;
+    cursor: pointer;
+    color: var(--kendo-color-secondary);
+    padding: 0;
+    margin: 0;
+  }
 }
 
 .demo-settings {
@@ -250,6 +262,23 @@
     display: block;
     margin-top: 0;
   } */
+  & .toggle-btn {
+    position: absolute;
+    top: 0;
+    right: 0.125em;
+    display: flex;
+    justify-content: flex-end;
+    border: none;
+    cursor: pointer;
+    font-size: 1.5em;
+    height: 100%;
+    border-radius: 0 0.25em 0.25em 0;
+    background: linear-gradient(
+      28deg,
+      hsl(from currentColor h s 95% / 0.5) 60%,
+      var(--kendo-color-primary-emphasis) 75%
+    );
+  }
 }
 
 /* TODO:  DemoStats.vue SCOPED STYLES NOT WORKING - moved to demo.css */
@@ -300,6 +329,24 @@
     display: block;
     margin-top: 0;
   } */
+
+  & .toggle-btn {
+    position: absolute;
+    top: 0;
+    left: 0.125em;
+    display: flex;
+    justify-content: flex-end;
+    border: none;
+    cursor: pointer;
+    font-size: 1.5em;
+    height: 100%;
+    border-radius: 0 0.25em 0.25em 0;
+    background: linear-gradient(
+      315deg,
+      hsl(from currentColor h s 95% / 0.5) 40%,
+      var(--kendo-color-primary-subtle-hover) 55%
+    );
+  }
 }
 
 .demo-debug pre,

package/lib/utils/index.es.js

@@ -1,5 +1,5 @@
 import { F as a, a as t, f as o, g as r, b as S } from "../cdnVersion-DGJCb4AH.js";
-import { D, _ as E, a as F, b as _ } from "../DemoNotes.vue_vue_type_script_setup_true_lang-Ck_Zaihj.js";
+import { D, _ as E, a as F, b as _ } from "../DemoNotes.vue_vue_type_script_setup_true_lang-CkAIcxaN.js";
 export {
   D as DemoDebug,
   E as DemoNotes,

package/package.json

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