@figurosity/consumer-pose-generator 0.1.4 → 0.1.6

package/dist/consumer-pose-generator.js

@@ -2,12 +2,12 @@
 import { ref as j, computed as y, watch as Ne, onBeforeMount as Co, defineComponent as T, h, openBlock as O, createBlock as _t, unref as A, createElementBlock as $, Fragment as Xe, renderList as Ze, createVNode as B, normalizeClass as mt, createElementVNode as De, toDisplayString as _o, onMounted as bt, onBeforeUnmount as Jt, Transition as qt, withDirectives as vt, vShow as yt, normalizeStyle as on, TransitionGroup as bo, withCtx as jt, inject as Io } from "vue";
 import { useRoute as Po } from "vue-router";
 import { defineStore as ie, getActivePinia as xo, storeToRefs as S } from "pinia";
-import { getConfig as es, useDynamicImages as wo, DEFAULT as Me, SKINS as Gt, DURATION as Yt, NOTHING as Do, EFFECTS as St, CAMERA_ANGLE as xs, LIGHT_DIRECTION as ws, GENDER as Tt, GRID as Ds, POSE_DIRECTION as Ms, ADJUSTMENTS as As, slugify as Mo, useEventBus as rn, useFilterStyle as Ao, FlipAnimation as No, useWakeLock as Oo } from "@figurosity/toolbox";
-import an from "lodash-es/debounce";
-import { useQuasar as It, QSlider as ko, QSeparator as J, QCard as Lo, QItem as Vo, QItemSection as Ns, QIcon as Uo, QItemLabel as Os, QCardSection as Ro, QBtn as Oe, QPageSticky as Bo, QCircularProgress as $o } from "quasar";
-import { CExpansion as me, CBaseButton as Qe, CBaseButtons as ln, CNewGridTool as zo, CBasicTool as ts, CAnimatedNumber as Ho, CGridOverlay as Fo, CFloatingModal as qo, CDraggableDrawer as cn, CDraggableDrawers as jo } from "@figurosity/consumer-controls";
-import { historyCircle as un, contrast as dn, brightness as hn, shirt as Go, cameraAngle as Yo, bulbLight as Wo, venus as Xo, cameraOrientation as Zo, grid as Qo, refresh as Ko, pause as Jo, play as er } from "@figurosity/icons";
-function tr(e, t) {
+import { getConfig as es, DEFAULT_SATURATE as je, DEFAULT_CONTRAST as Ge, DEFAULT_BRIGHTNESS as Ye, useDynamicImages as wo, DEFAULT_VERTICAL as xs, DEFAULT_HORIZONTAL as ws, DEFAULT_SPACING as Ds, DEFAULT_VISIBLE as Do, DEFAULT as Me, SKINS as Gt, DURATION as Yt, FAILED as Wt, QUEUED as Mo, ABORTED as rn, LOADED as an, LOADING as Xt, UNLOADED as Et, NOTHING as Ao, EFFECTS as St, CAMERA_ANGLE as Ms, LIGHT_DIRECTION as As, GENDER as Tt, GRID as Ns, POSE_DIRECTION as Os, ADJUSTMENTS as ks, slugify as No, useEventBus as ln, useFilterStyle as Oo, FlipAnimation as ko, useWakeLock as Lo } from "@figurosity/toolbox";
+import cn from "lodash-es/debounce";
+import { useQuasar as It, QSlider as Vo, QSeparator as J, QCard as Uo, QItem as Ro, QItemSection as Ls, QIcon as Bo, QItemLabel as Vs, QCardSection as $o, QBtn as Oe, QPageSticky as zo, QCircularProgress as Ho } from "quasar";
+import { CExpansion as me, CBaseButton as Qe, CBaseButtons as un, CNewGridTool as Fo, CBasicTool as ts, CAnimatedNumber as qo, CGridOverlay as jo, CFloatingModal as Go, CDraggableDrawer as dn, CDraggableDrawers as Yo } from "@figurosity/consumer-controls";
+import { historyCircle as hn, contrast as pn, brightness as fn, shirt as Wo, cameraAngle as Xo, bulbLight as Zo, venus as Qo, cameraOrientation as Ko, grid as Jo, refresh as er, pause as tr, play as sr } from "@figurosity/icons";
+function nr(e, t) {
   for (var s = 0; s < t.length; s++) {
     const n = t[s];
     if (typeof n != "string" && !Array.isArray(n)) {
@@ -23,13 +23,13 @@ function tr(e, t) {
   }
   return Object.freeze(Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }));
 }
-const sr = {
+const or = {
   models: {},
   collection: [],
   slugs: {},
   selected: [],
   playSelected: 1
-}, pn = {
+}, gn = {
   random(e) {
     var s;
     if (!e.selected) return 1;
@@ -40,7 +40,7 @@ const sr = {
     return e.collection.length > 0 ? e.collection.map((t) => e.models[t]) : [];
   },
   propertyById: (e) => (t, s, n = null) => e.models[t] && s in e.models[t] ? e.models[t][s] : n
-}, fn = {
+}, mn = {
   getRandom(e) {
     if (!this.selected) return;
     const t = new Set(e), s = [...new Set(this.selected.filter((n) => t.has(n)))];
@@ -102,15 +102,15 @@ const sr = {
   actions: n = {}
 }) => ie(e, {
   state: () => ({
-    ...sr,
+    ...or,
     ...t
   }),
   getters: {
-    ...pn,
+    ...gn,
     ...s
   },
   actions: {
-    ...fn,
+    ...mn,
     ...n
   }
 });
@@ -120,7 +120,7 @@ function Le(e) {
     type: "conjunction"
   }).format(e) : e.length === 1 ? e[0] : e.length === 2 ? `${e[0]} and ${e[1]}` : `${e.slice(0, -1).join(", ")} and ${e[e.length - 1]}` : "";
 }
-const nr = {}, or = {
+const rr = {}, ir = {
   src(e) {
     return (t) => {
       const s = this.propertyById(t, "slug");
@@ -132,27 +132,27 @@ const nr = {}, or = {
   caption(e) {
     return Le(e.selected.map((t) => e.models[t].name));
   }
-}, rr = {}, pe = ke({
+}, ar = {}, pe = ke({
   storeId: "pg-cameras",
-  state: nr,
-  getters: or,
-  actions: rr
-}), je = 100, Ge = 100, Ye = 100, ge = ie("pg-adjustments", {
+  state: rr,
+  getters: ir,
+  actions: ar
+}), ge = ie("pg-adjustments", {
   state: () => ({
-    brightness: je,
+    brightness: Ye,
     contrast: Ge,
-    saturate: Ye
+    saturate: je
   }),
   getters: {
-    brightnessChanged: (e) => e.brightness !== je,
+    brightnessChanged: (e) => e.brightness !== Ye,
     contrastChanged: (e) => e.contrast !== Ge,
-    saturateChanged: (e) => e.saturate !== Ye,
+    saturateChanged: (e) => e.saturate !== je,
     changed(e) {
       return this.brightnessChanged || this.contrastChanged || this.saturateChanged;
     },
     caption(e) {
       const t = [];
-      return e.brightness !== je && t.push("Brightness"), e.contrast !== Ge && t.push("Contrast"), e.saturate !== Ye && t.push("Saturation"), t.length === 0 && t.push("None"), Le(t);
+      return e.brightness !== Ye && t.push("Brightness"), e.contrast !== Ge && t.push("Contrast"), e.saturate !== je && t.push("Saturation"), t.length === 0 && t.push("None"), Le(t);
     }
   },
   actions: {
@@ -160,9 +160,9 @@ const nr = {}, or = {
       if (!e)
         throw new Error(this.$id + " result must not be null");
       this.$patch({
-        brightness: e.brightness || je,
+        brightness: e.brightness || Ye,
         contrast: e.contrast || Ge,
-        saturate: e.saturate || Ye
+        saturate: e.saturate || je
       });
     },
     setBrightness(e) {
@@ -175,20 +175,20 @@ const nr = {}, or = {
       this.$patch({ saturate: e });
     },
     resetBrightness() {
-      this.$patch({ brightness: je });
+      this.$patch({ brightness: Ye });
     },
     resetContrast() {
       this.$patch({ contrast: Ge });
     },
     resetSaturate() {
-      this.$patch({ saturate: Ye });
+      this.$patch({ saturate: je });
     },
     customReset() {
       this.$reset();
     }
   }
-}), { setSelected: ir } = fn;
-function ks(e, t = !0) {
+}), { setSelected: lr } = mn;
+function Us(e, t = !0) {
   if (!e) return t ? "0s" : "0 seconds";
   const s = e === 1 ? "second" : "seconds";
   if (e < 60)
@@ -218,16 +218,16 @@ const Z = ie("pg-durations", {
       return e.collection.findIndex((s) => String(s) === String(t));
     },
     title(e) {
-      return ks(e.duration, !1);
+      return Us(e.duration, !1);
     },
     values(e) {
       const t = e.models;
       return e.collection.map((n, r) => ({
         value: r,
-        label: ks(t[n].seconds)
+        label: Us(t[n].seconds)
       })) || [];
     },
-    ...pn
+    ...gn
   },
   actions: {
     customReset() {
@@ -241,7 +241,7 @@ const Z = ie("pg-durations", {
         s.selected = t.id;
       });
     },
-    setSelected: ir,
+    setSelected: lr,
     setState(e) {
       if (!e)
         throw new Error(this.$id + " entities must not be null");
@@ -260,10 +260,10 @@ function Ke() {
   const { freeServer: e, paidServer: t } = es();
   return wo({ freeServer: e, paidServer: t });
 }
-const ar = {
+const cr = {
   uuid: void 0,
   playSelected: 1
-}, lr = {
+}, ur = {
   src(e) {
     return (t) => {
       const { getThumbnail: s } = Ke();
@@ -277,7 +277,7 @@ const ar = {
     var t, s;
     return ((s = (t = e.models) == null ? void 0 : t[e.playSelected]) == null ? void 0 : s.name) || "Normal";
   }
-}, cr = {
+}, dr = {
   getSrc(e, t) {
     const { getThumbnail: s } = Ke();
     return t = t || this.uuid, s({ uuid: t, image: e });
@@ -308,13 +308,13 @@ const ar = {
   }
 }, V = ke({
   storeId: "pg-skins",
-  state: ar,
-  getters: lr,
-  actions: cr
-}), ur = {
+  state: cr,
+  getters: ur,
+  actions: dr
+}), hr = {
   selected: 1,
   playSelected: 1
-}, dr = {
+}, pr = {
   src(e) {
     return (t = "none") => {
       const { getThumbnail: s } = Ke(), n = t === "negative" ? "000000" : "ffffff", r = V();
@@ -355,7 +355,7 @@ const ar = {
         return s.name;
     };
   }
-}, hr = {
+}, fr = {
   setSelected(e, t = !1) {
     if (t) {
       this.$patch((s) => {
@@ -377,24 +377,24 @@ const ar = {
   }
 }, R = ke({
   storeId: "pg-effects",
-  state: ur,
-  getters: dr,
-  actions: hr
-}), pr = {}, fr = {
+  state: hr,
+  getters: pr,
+  actions: fr
+}), gr = {}, mr = {
   caption(e) {
     return Le(e.selected.map((t) => e.models[t].name));
   }
-}, gr = {}, re = ke({
+}, vr = {}, re = ke({
   storeId: "pg-genders",
-  state: pr,
-  getters: fr,
-  actions: gr
-}), Ls = 0, Vs = 20, Us = 0, mr = !1, Ie = ie("pg-grid", {
+  state: gr,
+  getters: mr,
+  actions: vr
+}), Ie = ie("pg-grid", {
   state: () => ({
-    visible: mr,
-    spacing: Vs,
-    horizontal: Ls,
-    vertical: Us
+    visible: Do,
+    spacing: Ds,
+    horizontal: ws,
+    vertical: xs
   }),
   getters: {
     changed: (e) => e.visible === !0,
@@ -408,9 +408,9 @@ const ar = {
         throw new Error(this.$id + " result must not be null");
       this.$patch({
         visible: e.visible === 1,
-        spacing: e.spacing || Vs,
-        horizontal: e.horizontal || Ls,
-        vertical: e.vertical || Us
+        spacing: e.spacing || Ds,
+        horizontal: e.horizontal || ws,
+        vertical: e.vertical || xs
       });
     },
     customReset() {
@@ -442,7 +442,7 @@ const ar = {
       });
     }
   }
-}), vr = {}, yr = {
+}), yr = {}, Er = {
   src(e) {
     return (t) => {
       const s = this.propertyById(t, "slug");
@@ -454,21 +454,21 @@ const ar = {
   caption(e) {
     return Le(e.selected.map((t) => e.models[t].name));
   }
-}, Er = {}, ee = ke({
+}, Sr = {}, ee = ke({
   storeId: "pg-lights",
-  state: vr,
-  getters: yr,
-  actions: Er
+  state: yr,
+  getters: Er,
+  actions: Sr
 });
-function Sr(e) {
+function Tr(e) {
   return function() {
     e = e + 1831565813 >>> 0;
     let t = Math.imul(e ^ e >>> 15, e | 1);
     return t ^= t + Math.imul(t ^ t >>> 7, t | 61), ((t ^ t >>> 14) >>> 0) / 4294967296;
   };
 }
-function Tr(e, t) {
-  const s = e.slice(), n = Sr(t ?? Date.now() & 4294967295);
+function Cr(e, t) {
+  const s = e.slice(), n = Tr(t ?? Date.now() & 4294967295);
   for (let r = s.length - 1; r > 0; r--) {
     const a = Math.floor(n() * (r + 1));
     [s[r], s[a]] = [s[a], s[r]];
@@ -531,7 +531,7 @@ const Pe = ie("pg-poses", {
     randomTake(e, t = {}) {
       var a;
       const n = ((a = this.candidates) == null ? void 0 : a.call(this, t)).filter((c) => !this.seen.has(c));
-      return n.length ? Tr(n, this.seed).slice(0, e) : [];
+      return n.length ? Cr(n, this.seed).slice(0, e) : [];
     },
     async addToSeen(e) {
       this.seen.add(parseInt(e)), await this.ensureUnseen({ minUnseen: 25 });
@@ -564,11 +564,11 @@ const Pe = ie("pg-poses", {
       })();
     }
   }
-}), Cr = {}, _r = {
+}), _r = {}, br = {
   caption(e) {
     return Le(e.selected.map((t) => e.models[t].name));
   }
-}, br = {
+}, Ir = {
   getRandom(e) {
     const s = (c) => (c % 36 + 36) % 36, n = {
       1: [[-4, 4]],
@@ -594,9 +594,9 @@ const Pe = ie("pg-poses", {
   }
 }, fe = ke({
   storeId: "pg-positions",
-  state: Cr,
-  getters: _r,
-  actions: br
+  state: _r,
+  getters: br,
+  actions: Ir
 }), Rs = {
   entities: {
     cameras: {
@@ -884,7 +884,7 @@ const Pe = ie("pg-poses", {
       }).catch((t) => {
       });
     },
-    setSettings: an(
+    setSettings: cn(
       function() {
         console.log("setSettings"), this.internalSettings();
       },
@@ -1058,7 +1058,7 @@ const Pt = ie("pg-count", {
       typeof e == "number" && (this.ttlMs = e), typeof t == "number" && (this.maxEntries = t);
     }
   }
-}), Et = 0, Wt = 1, Ir = 2, gn = 3, Xt = 4, mn = 5, Pr = {
+}), Pr = {
   /**
    * Load the image and update the status of the
    * @param context
@@ -1069,14 +1069,14 @@ const Pt = ie("pg-count", {
   loadImage({ url: e, callback: t = null }) {
     if (typeof Image > "u")
       throw t && typeof t == "function" && t(e, Wt), new Error("Image() constructor does not exist.");
-    t && typeof t == "function" && t(e, Ir);
+    t && typeof t == "function" && t(e, Mo);
     let s = new Image();
     s.onabort = function(n) {
-      t && typeof t == "function" && t(e, gn), this.onerror = this.onabort = this.onload = null;
+      t && typeof t == "function" && t(e, rn), this.onerror = this.onabort = this.onload = null;
     }, s.onerror = function(n) {
       t && typeof t == "function" && t(e, Wt), this.onerror = this.onabort = this.onload = null;
     }, s.onload = function(n) {
-      t && typeof t == "function" && t(e, mn), this.onerror = this.onabort = this.onload = null;
+      t && typeof t == "function" && t(e, an), this.onerror = this.onabort = this.onload = null;
     }, s.src = e, t && typeof t == "function" && t(e, Xt);
   }
 };
@@ -1321,7 +1321,7 @@ const X = ie("pg-history", {
         if ((r === Et || r === Xt) && this.loadImage({
           url: n.src,
           callback: this.updateStatus
-        }), r === Wt || r === gn) {
+        }), r === Wt || r === rn) {
           delete this.models[s];
           const a = this.queue.indexOf(s);
           a !== -1 && this.queue.splice(a, 1);
@@ -1463,7 +1463,7 @@ const X = ie("pg-history", {
      * Check if currently inside of history, if so increment history index
      * if not load from the queue
      */
-    next: an(
+    next: cn(
       function() {
         X().next(), this.resetOrRestartTimer();
       },
@@ -1544,7 +1544,7 @@ const X = ie("pg-history", {
     r();
   }), { lang: s };
 }, ae = ({
-  tab: e = Do,
+  tab: e = Ao,
   store: t,
   options: s = [],
   playMode: n = !1
@@ -1578,7 +1578,7 @@ const X = ie("pg-history", {
       };
       return [
         h("div", { class: "q-mx-lg q-mt-sm q-mb-lg" }, [
-          h(ko, g, {
+          h(Vo, g, {
             // single label slot, Quasar passes { index, label }
             "marker-label": ({ marker: v }) => {
               const C = { ...v.style, cursor: "default" };
@@ -1621,7 +1621,7 @@ const X = ie("pg-history", {
         "onUpdate:modelValue": (g) => c.value = g,
         label: d.value,
         caption: a.value,
-        icon: un
+        icon: hn
       };
       return h(me, f, () => h(En));
     }
@@ -1702,7 +1702,7 @@ const X = ie("pg-history", {
           class: "q-ma-xs"
         };
         u.value && (_.uuid = u.value), v.push(h(Nr, _));
-      }), h(ln, {}, () => v);
+      }), h(un, {}, () => v);
     }
     return () => f();
   }
@@ -1783,7 +1783,7 @@ const X = ie("pg-history", {
             class: "q-ma-xs"
           })
         );
-      }), h(ln, d, () => u);
+      }), h(un, d, () => u);
     }
     return () => a();
   }
@@ -1808,7 +1808,7 @@ const X = ie("pg-history", {
         "onUpdate:modelValue": (v) => a.value = v,
         label: c.value,
         caption: u.value,
-        icon: dn
+        icon: pn
       }, g = {
         playMode: e.playMode
       };
@@ -1862,8 +1862,8 @@ const X = ie("pg-history", {
   name: "PgCamerasExpansion",
   setup(e, { slots: t, emit: s }) {
     const { lang: n } = M(), r = pe(), { caption: a } = S(r), { expanded: c } = ae({
-      options: xs,
-      tab: xs
+      options: Ms,
+      tab: Ms
     }), d = y(() => {
       var f;
       return (f = n.value.pg) == null ? void 0 : f.tools.angle;
@@ -1916,8 +1916,8 @@ const X = ie("pg-history", {
   name: "PgLightsExpansion",
   setup(e, { slots: t, emit: s }) {
     const { lang: n } = M(), r = ee(), { caption: a } = S(r), { expanded: c } = ae({
-      options: ws,
-      tab: ws
+      options: As,
+      tab: As
     }), d = y(() => {
       var f;
       return (f = n.value.pg) == null ? void 0 : f.tools.light;
@@ -2034,7 +2034,7 @@ const X = ie("pg-history", {
         "onUpdate:vertical": (v) => d.value = v,
         onToggle: u
       };
-      return h(zo, g);
+      return h(Fo, g);
     }
     return () => f();
   }
@@ -2045,8 +2045,8 @@ const X = ie("pg-history", {
   },
   setup(e, { slots: t, emit: s }) {
     const { lang: n } = M(), r = Ie(), { caption: a } = S(r), { expanded: c } = ae({
-      options: Ds,
-      tab: Ds,
+      options: Ns,
+      tab: Ns,
       playMode: e.playMode
     }), d = y(() => {
       var f;
@@ -2117,8 +2117,8 @@ const X = ie("pg-history", {
   name: "PgEffectsExpansion",
   setup(e, { slots: t, emit: s }) {
     const { lang: n } = M(), r = fe(), { caption: a } = S(r), { expanded: c } = ae({
-      options: Ms,
-      tab: Ms
+      options: Os,
+      tab: Os
     }), d = y(() => {
       var f;
       return (f = n.value.pg) == null ? void 0 : f.tools.position;
@@ -2204,8 +2204,8 @@ const X = ie("pg-history", {
   },
   setup(e, { slots: t, emit: s }) {
     const { lang: n } = M(), r = ge(), { caption: a } = S(r), { expanded: c } = ae({
-      options: As,
-      tab: As,
+      options: ks,
+      tab: ks,
       playMode: e.playMode
     }), d = y(() => {
       var f;
@@ -2218,7 +2218,7 @@ const X = ie("pg-history", {
         "onUpdate:modelValue": (g) => c.value = g,
         label: d.value,
         caption: a.value,
-        icon: hn
+        icon: fn
       };
       return h(me, f, () => [
         h(Dn),
@@ -2274,29 +2274,29 @@ const X = ie("pg-history", {
     function n() {
       const r = {
         class: "pg-card",
-        "data-cy": "pg-card-" + Mo(e.label)
+        "data-cy": "pg-card-" + No(e.label)
         // style: style.value,
       };
       return h("div", r, [
         h(
-          Lo,
+          Uo,
           { flat: !0, bordered: !0 },
           {
             default: () => [
-              h(Vo, {}, () => [
-                h(Ns, { avatar: !0 }, () => [
-                  h(Uo, { name: e.icon, size: "36px" })
+              h(Ro, {}, () => [
+                h(Ls, { avatar: !0 }, () => [
+                  h(Bo, { name: e.icon, size: "36px" })
                 ]),
-                h(Ns, {}, () => [
-                  h(Os, { class: "pg-card-label" }, () => e.label),
+                h(Ls, {}, () => [
+                  h(Vs, { class: "pg-card-label" }, () => e.label),
                   h(
-                    Os,
+                    Vs,
                     { class: "pg-card-caption", caption: !0 },
                     () => e.caption
                   )
                 ])
               ]),
-              h(Ro, null, {
+              h($o, null, {
                 default: () => t.default ? t.default() : []
               })
             ]
@@ -2318,7 +2318,7 @@ const X = ie("pg-history", {
         class: "pg-duration-card",
         label: c.value,
         caption: a.value,
-        icon: un
+        icon: hn
       };
       return h(ve, u, () => h(En, {}));
     }
@@ -2336,7 +2336,7 @@ const X = ie("pg-history", {
         class: "pg-skins-card",
         label: a.value,
         caption: c.value,
-        icon: Go
+        icon: Wo
       };
       return h(ve, u, {
         default: () => h(ss, { desktop: !0 })
@@ -2356,7 +2356,7 @@ const X = ie("pg-history", {
         class: "pg-skins-card",
         label: a.value,
         caption: c.value,
-        icon: dn
+        icon: pn
       };
       return h(ve, u, () => [h(Tn, { desktop: !0 })]);
     }
@@ -2375,7 +2375,7 @@ const X = ie("pg-history", {
         class: "pg-cameras-card",
         label: c.value,
         caption: a.value,
-        icon: Yo
+        icon: Xo
       };
       return h(ve, u, () => [h(_n)]);
     }
@@ -2393,7 +2393,7 @@ const X = ie("pg-history", {
         class: "pg-lights-card",
         label: c.value,
         caption: a.value,
-        icon: Wo
+        icon: Zo
       };
       return h(ve, u, {
         default: () => h(bn, { desktop: !0 })
@@ -2418,7 +2418,7 @@ const X = ie("pg-history", {
         class: "pg-genders-card",
         label: c.value,
         caption: a.value,
-        icon: Xo
+        icon: Qo
       };
       return h(ve, u, () => [h(In)]);
     }
@@ -2436,7 +2436,7 @@ const X = ie("pg-history", {
         class: "pg-pose-position-card",
         label: c.value,
         caption: a.value,
-        icon: Zo
+        icon: Ko
       };
       return h(ve, u, {
         default: () => h(wn)
@@ -2462,7 +2462,7 @@ const X = ie("pg-history", {
         class: "pg-grid-card",
         label: c.value,
         caption: a.value,
-        icon: Qo
+        icon: Jo
       };
       return h(ve, u, { default: () => h(Pn) });
     }
@@ -2494,7 +2494,7 @@ const X = ie("pg-history", {
         class: "pg-adjustments-card",
         label: c.value,
         caption: a.value,
-        icon: hn
+        icon: fn
       };
       return h(ve, u, () => [h(ui)]);
     }
@@ -2572,7 +2572,7 @@ const X = ie("pg-history", {
         class: ""
       };
       return h("div", g, [
-        h(Ho, v),
+        h(qo, v),
         h("span", {}, " " + d.value)
       ]);
     }
@@ -2637,7 +2637,7 @@ const X = ie("pg-history", {
 }), kn = T({
   name: "PgGridOverlay",
   setup(e, { slots: t, emit: s }) {
-    const n = It(), r = rn(), a = Ie(), {
+    const n = It(), r = ln(), a = Ie(), {
       visible: c,
       spacing: d,
       horizontal: u,
@@ -2676,7 +2676,7 @@ const X = ie("pg-history", {
         imageSize: C.value,
         viewportSize: g.value
       };
-      return h(Fo, I);
+      return h(jo, I);
     }
     return () => P();
   }
@@ -2748,7 +2748,7 @@ const X = ie("pg-history", {
         class: "pg-button-exit",
         "data-cy": "pg-button-exit",
         label: a.value,
-        icon: Ko,
+        icon: er,
         onClick: n.close,
         color: "primary",
         onKeyup: c,
@@ -2761,7 +2761,7 @@ const X = ie("pg-history", {
         qt,
         { name: "fade" },
         () => vt(
-          h(Bo, u, () => [h(Oe, f)]),
+          h(zo, u, () => [h(Oe, f)]),
           [[yt, e.show]]
         )
       );
@@ -2816,7 +2816,7 @@ const X = ie("pg-history", {
 }), Si = T({
   name: "PgNextButton",
   setup(e, { slots: t, emit: s }) {
-    const n = he(), r = Z(), { milliseconds: a } = S(n), { duration: c } = S(r), d = Te(), { playing: u } = S(n), f = y(() => u.value ? Jo : er), g = () => u.value ? d.pause() : d.play();
+    const n = he(), r = Z(), { milliseconds: a } = S(n), { duration: c } = S(r), d = Te(), { playing: u } = S(n), f = y(() => u.value ? tr : sr), g = () => u.value ? d.pause() : d.play();
     function v() {
       const C = {
         type: "play",
@@ -2833,7 +2833,7 @@ const X = ie("pg-history", {
         thickness: 0.2,
         instantFeedback: !0
       };
-      return h(ns, C, () => [h($o, _)]);
+      return h(ns, C, () => [h(Ho, _)]);
     }
     return () => v();
   }
@@ -2940,7 +2940,7 @@ const X = ie("pg-history", {
         topOffset: 80,
         "onUpdate:modelValue": (c) => n.value = c
       };
-      return h(qo, a, {
+      return h(Go, a, {
         default: () => h(Ln),
         expanded: () => h(Un)
       });
@@ -2954,7 +2954,7 @@ const X = ie("pg-history", {
     zIndex: Number
   },
   setup(e) {
-    const t = X(), s = rn(), n = e, r = y(() => t.playSrc), a = j(null), c = y(() => {
+    const t = X(), s = ln(), n = e, r = y(() => t.playSrc), a = j(null), c = y(() => {
       const f = {
         // ...filterStyle.value,
         zIndex: n.zIndex + 2
@@ -2987,7 +2987,7 @@ const X = ie("pg-history", {
   setup(e) {
     const t = ge(), s = X();
     Pe();
-    const n = R(), { playSelected: r } = S(n), { brightness: a, contrast: c, saturate: d } = S(t), { filterStyle: u } = Ao({
+    const n = R(), { playSelected: r } = S(n), { brightness: a, contrast: c, saturate: d } = S(t), { filterStyle: u } = Oo({
       brightness: a,
       contrast: c,
       saturate: d,
@@ -3002,7 +3002,7 @@ const X = ie("pg-history", {
         return [(_ = g.value) == null ? void 0 : _.id, (D = g.value) == null ? void 0 : D.src, (P = g.value) == null ? void 0 : P.status];
       },
       ([_, D, P], I, b) => {
-        if (!(P === mn && D)) return;
+        if (!(P === an && D)) return;
         const x = _.split("."), F = _ ?? `${D}#${Date.now()}`;
         v.value = [
           ...v.value,
@@ -4208,7 +4208,7 @@ function xi() {
   })(Ht)), Ht.exports;
 }
 var xt = xi();
-const oe = /* @__PURE__ */ tr({
+const oe = /* @__PURE__ */ nr({
   __proto__: null
 }, [xt]), Rn = 1, Bn = 2, Zt = 4, wi = {
   mousedown: Rn,
@@ -4867,7 +4867,7 @@ const ia = {
   emits: ["click"],
   setup(e, { slots: t, emit: s }) {
     return () => h(
-      cn,
+      dn,
       { name: Me },
       {
         default: () => h(Ln, { center: !0 }),
@@ -4888,7 +4888,7 @@ const ia = {
       return (a = n.value.pg) == null ? void 0 : a.buttons.advanced.title;
     });
     return () => h(
-      cn,
+      dn,
       { class: "pg-effects-drawer", name: St, label: r.value },
       {
         default: () => h(Un, { center: !0, playMode: !0 })
@@ -4901,7 +4901,7 @@ const ia = {
     const n = k(), { mobileActive: r } = S(n);
     function a() {
       return h(
-        jo,
+        Yo,
         {
           modelValue: r.value,
           "onUpdate:modelValue": (c) => r.value = c
@@ -4938,7 +4938,7 @@ const ia = {
           B(Pi),
           B(qt, { name: "fade" }, {
             default: jt(() => [
-              vt(B(A(No), { class: "loading-graphic" }, null, 512), [
+              vt(B(A(ko), { class: "loading-graphic" }, null, 512), [
                 [yt, A(c)]
               ])
             ]),
@@ -4976,7 +4976,7 @@ const ia = {
         d.pause();
       },
       { immediate: !0 }
-    ), Oo(), bt(() => {
+    ), Lo(), bt(() => {
       f.init(), f.fetch().then(() => {
         u.loadQueue();
       }).catch(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@figurosity/consumer-pose-generator",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Timed figure-drawing pose generator for the Figurosity consumer frontend",
   "type": "module",
   "main": "./dist/consumer-pose-generator.js",
@@ -32,7 +32,7 @@
   "peerDependencies": {
     "@figurosity/consumer-controls": "^0.2.0",
     "@figurosity/icons": "^1.0.0",
-    "@figurosity/toolbox": "^0.2.1",
+    "@figurosity/toolbox": "^0.2.8",
     "lodash-es": "^4.17.0",
     "lodash.debounce": "^4.0.8",
     "pinia": "^3.0.1",
@@ -44,7 +44,7 @@
     "@eslint/js": "^9.0.0",
     "@figurosity/consumer-controls": "^0.2.0",
     "@figurosity/icons": "^1.0.0",
-    "@figurosity/toolbox": "^0.2.4",
+    "@figurosity/toolbox": "^0.2.8",
     "@quasar/extras": "^1.16.0",
     "@quasar/vite-plugin": "^1.7.0",
     "@vitejs/plugin-vue": "^5.0.0",