@figurosity/consumer-pose-generator 0.1.2 → 0.1.4

package/dist/consumer-pose-generator.js

@@ -1,8 +1,8 @@
 (function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".pg-overview-content h1{color:#fff;text-align:left;margin:0 0 15px}.pg-overview-content .text-subheading{text-align:left;color:#fff;font-size:20px;font-weight:600}@media(max-width:1023.98px){.pg-overview-content{background:url(https://static.figurosity.com/pose-generator/temp/pose-27.webp) center/contain no-repeat,radial-gradient(147.55% 89.72% at 66.15% 11.38%,#c86dd7,#3023ae);height:100%;padding:20px}.pg-overview-content h1,.pg-overview-content .text-subheading{text-align:center!important}}.pg-exit-button{overflow:hidden}.pg-overview-buttons{z-index:111;position:fixed;bottom:0;left:0;right:0;border-top:1px solid #cccccc}.pg-overview-buttons .pg-animated-count{text-align:center}@media(min-width:768px){.pg-overview-buttons .pg-animated-count{text-align:right}}.pg-card{z-index:9}.pg-card .q-card{background-color:#ffffffd9;border-color:#fff;border-width:1px;border-radius:14px}.pg-card .q-item__section--avatar{min-width:40px}.pg-card-label{font-size:18px;font-weight:900}.pg-card-caption{font-size:14px;font-weight:500;color:#676767}.pg-cards{color:#170a27;z-index:9}.pg-base-button.q-btn{color:#000c;background-color:#ffffff80!important}.pg-base-button.q-btn--outline:before{border-color:#000000b3}.pg-base-button.q-btn .q-icon{font-size:32px}.pg-controls{width:380px}.pg-controls .q-btn--outline:before{border-width:4px}.pg-play-button{position:relative}.pg-play-button.pg-base-button.q-btn .q-icon{font-size:26px;padding:7px 5px 5px;margin-bottom:3px}.pg-play-button .pg-timer-progress{position:absolute;top:0;left:0;z-index:2}.pg-timer-seconds{color:#000c;font-weight:900;font-size:30px;text-align:right;transition:all .3s ease;line-height:40px}.pg-timer-seconds.flash{color:#0087ff}.pg-expansions{background-color:#fff}.pg-expansions .q-separator{margin:0 10px}.pg-durations-tool .q-slider__selection{display:none}.pg-durations-tool-title{font-weight:900;color:#626262!important}.pg-durations-tool .q-slider__marker-labels{font-weight:900;color:#626262;transition:color .15s ease}.pg-durations-tool .pg-durations-tool__is-active{color:#0087ff!important}.c-pose-position{width:200px;height:200px;position:relative;margin:0 auto 10px;color:#0087ff;overflow:hidden}.c-pose-position.disabled{opacity:.7}.c-pose-position *{box-sizing:border-box}.c-pose-position .quickpose-angle{position:absolute;top:0;left:0;z-index:100;border-radius:100px}.c-pose-position .quickpose-angle img{width:96%;height:auto;border-radius:100px}.quarters{transform:rotate(45deg);width:96%;height:96%;position:absolute;top:1px;left:1px;z-index:90;border-radius:100px;overflow:hidden}.quarters.overlay{z-index:110}.quarters.borders .quarter{transition:background-color .3s;border:1px solid #0087ff;background-color:#fff;border-color:#0087ff}.quarters.borders .quarter>span{position:absolute;font-size:13px;left:50%;top:50%;transform:translate(-50%) translateY(-50%) rotate(-45deg)}.quarters.borders .quarter.hover{border-color:#0087ff}.quarters.borders .quarter.active{color:#fff!important;outline:0;border-color:#fff;background-color:#0087ff}.quarters .quarter{border:1px solid transparent;height:49%;width:49%;position:absolute;z-index:110;text-transform:uppercase}.quarters .quarter.active{color:#fff!important}.quarters .quarter.back{top:0;left:0;border-radius:100px 0 0}.quarters .quarter.back.active{border-radius:100px 0 0}.quarters .quarter.left{top:0;right:0;border-radius:0 100px 0 0}.quarters .quarter.left.active{border-radius:0 100px 0 0}.quarters .quarter.front{bottom:0;right:0;border-radius:0 0 100px}.quarters .quarter.front.active{border-radius:0 0 100px}.quarters .quarter.right{bottom:0;left:0;border-radius:0 0 0 100px}.quarters .quarter.right.active{border-radius:0 0 0 100px}.pg-overview{z-index:1;padding-bottom:110px}.pg-display-image{position:absolute;top:50%;left:50%;width:100%;height:auto;-webkit-transform:translateZ(0) translateX(-50%) translateY(-50%) scale3d(1,1,1);transform:translateZ(0) translate(-50%) translateY(-50%) scaleZ(1);z-index:2}.pg-display-image.flip-horizontal{-webkit-transform:translateZ(0) translateX(-50%) translateY(-50%) scale3d(1,1,1) scaleX(-1);transform:translateZ(0) translate(-50%) translateY(-50%) scaleZ(1) scaleX(-1)}.pg-display{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1}.pg-display.negative{background-color:#000!important}.pgfade-enter-from,.pgfade-enter-active,.pgfade-enter-to{z-index:2}.pgfade-leave-from,.pgfade-leave-active,.pgfade-leave-to{z-index:1}.pgfade-enter-active{transition:opacity .25s ease}.pgfade-enter-from{opacity:0}.pgfade-enter-to{opacity:1}.pgfade-leave-active{transition:none}.pg-interaction-detector{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6}.pg-viewport{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;background-color:#fffffffc;transition:background-color .25s ease}.pg-viewport .loading-graphic{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.pg-viewport h1{position:fixed;line-height:100%;top:0;right:0;bottom:0;left:0;z-index:400;color:#000}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-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 es, Transition as qt, withDirectives as vt, vShow as yt, normalizeStyle as on, TransitionGroup as bo, withCtx as jt, inject as Io } from "vue";
+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 { 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 { 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";
@@ -124,8 +124,9 @@ const nr = {}, or = {
   src(e) {
     return (t) => {
       const s = this.propertyById(t, "slug");
-      if (s)
-        return `${this.staticServer}/pose-generator/camera-angles/camera-${s}.webp`;
+      if (!s) return;
+      const { staticServer: n } = es();
+      return `${n}/pose-generator/camera-angles/camera-${s}.webp`;
     };
   },
   caption(e) {
@@ -255,15 +256,9 @@ const Z = ie("pg-durations", {
     }
   }
 });
-let Wt = {};
-function Ca(e) {
-  Wt = e;
-}
 function Ke() {
-  return wo({
-    freeServer: Wt.freeServer,
-    paidServer: Wt.paidServer
-  });
+  const { freeServer: e, paidServer: t } = es();
+  return wo({ freeServer: e, paidServer: t });
 }
 const ar = {
   uuid: void 0,
@@ -451,8 +446,9 @@ const ar = {
   src(e) {
     return (t) => {
       const s = this.propertyById(t, "slug");
-      if (s)
-        return `${this.staticServer}/pose-generator/light-direction/from-${s}.webp`;
+      if (!s) return;
+      const { staticServer: n } = es();
+      return `${n}/pose-generator/light-direction/from-${s}.webp`;
     };
   },
   caption(e) {
@@ -1062,7 +1058,7 @@ const Pt = ie("pg-count", {
       typeof e == "number" && (this.ttlMs = e), typeof t == "number" && (this.maxEntries = t);
     }
   }
-}), Et = 0, Xt = 1, Ir = 2, gn = 3, Zt = 4, mn = 5, Pr = {
+}), Et = 0, Wt = 1, Ir = 2, gn = 3, Xt = 4, mn = 5, Pr = {
   /**
    * Load the image and update the status of the
    * @param context
@@ -1072,16 +1068,16 @@ const Pt = ie("pg-count", {
    */
   loadImage({ url: e, callback: t = null }) {
     if (typeof Image > "u")
-      throw t && typeof t == "function" && t(e, Xt), new Error("Image() constructor does not exist.");
+      throw t && typeof t == "function" && t(e, Wt), new Error("Image() constructor does not exist.");
     t && typeof t == "function" && t(e, Ir);
     let s = new Image();
     s.onabort = function(n) {
       t && typeof t == "function" && t(e, gn), this.onerror = this.onabort = this.onload = null;
     }, s.onerror = function(n) {
-      t && typeof t == "function" && t(e, Xt), this.onerror = this.onabort = this.onload = null;
+      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;
-    }, s.src = e, t && typeof t == "function" && t(e, Zt);
+    }, s.src = e, t && typeof t == "function" && t(e, Xt);
   }
 };
 function xr(e, t) {
@@ -1279,7 +1275,7 @@ const X = ie("pg-history", {
       if (a == null) return;
       this.models[a] || (this.models[a] = $t(a));
       const c = this.models[a];
-      (c.status === Et || c.status === Zt) && this.loadImage({
+      (c.status === Et || c.status === Xt) && this.loadImage({
         url: c.src,
         callback: this.updateStatus
       });
@@ -1322,10 +1318,10 @@ const X = ie("pg-history", {
       for (const s of t) {
         this.models[s] || (this.models[s] = $t(s));
         const n = this.models[s], r = n.status;
-        if ((r === Et || r === Zt) && this.loadImage({
+        if ((r === Et || r === Xt) && this.loadImage({
           url: n.src,
           callback: this.updateStatus
-        }), r === Xt || r === gn) {
+        }), r === Wt || r === gn) {
           delete this.models[s];
           const a = this.queue.indexOf(s);
           a !== -1 && this.queue.splice(a, 1);
@@ -2667,7 +2663,7 @@ const X = ie("pg-history", {
         width: window.innerWidth,
         height: window.innerHeight
       }), g.value = { width: n.screen.width, height: n.screen.height };
-    }), es(() => r.$off("resize"));
+    }), Jt(() => r.$off("resize"));
     function P() {
       const I = {
         class: "pg-grid-overlay",
@@ -2980,7 +2976,7 @@ const X = ie("pg-history", {
     }
     return bt(() => {
       u(), s.$on("resize", d);
-    }), es(() => s.$off("resize")), (f, g) => (O(), $("img", {
+    }), Jt(() => s.$off("resize")), (f, g) => (O(), $("img", {
       src: r.value,
       class: mt(["pg-display-image", { "flip-horizontal": e.flipped }]),
       style: on(c.value)
@@ -4214,10 +4210,10 @@ function xi() {
 var xt = xi();
 const oe = /* @__PURE__ */ tr({
   __proto__: null
-}, [xt]), Rn = 1, Bn = 2, Qt = 4, wi = {
+}, [xt]), Rn = 1, Bn = 2, Zt = 4, wi = {
   mousedown: Rn,
   mousemove: Bn,
-  mouseup: Qt
+  mouseup: Zt
 };
 function Di(e, t) {
   for (let s = 0; s < e.length; s++)
@@ -4235,7 +4231,7 @@ function Mi(e) {
 function Ai(e) {
   e.prototype.handler = function(s) {
     let n = wi[s.type];
-    n & Rn && s.button >= 0 && (this.pressed = !0), n & Bn && s.buttons === 0 && (n = Qt), this.pressed && (n & Qt && (this.pressed = !1), this.callback(this.manager, n, {
+    n & Rn && s.button >= 0 && (this.pressed = !0), n & Bn && s.buttons === 0 && (n = Zt), this.pressed && (n & Zt && (this.pressed = !1), this.callback(this.manager, n, {
       pointers: [s],
       changedPointers: [s],
       pointerType: "mouse",
@@ -4341,18 +4337,18 @@ const Oi = oe ? [
   mouseout: "pointerout",
   mouseleave: "pointerleave"
 }, Ui = typeof navigator < "u" && navigator.userAgent ? navigator.userAgent.toLowerCase() : "", Ae = typeof window < "u" ? window : global;
-let Kt = !1;
+let Qt = !1;
 try {
   const e = {
     // This function will be called when the browser
     // attempts to access the passive property.
     get passive() {
-      return Kt = !0, !0;
+      return Qt = !0, !0;
     }
   };
   Ae.addEventListener("test", null, e), Ae.removeEventListener("test", null);
 } catch {
-  Kt = !1;
+  Qt = !1;
 }
 const Ri = Ui.indexOf("firefox") !== -1, { WHEEL_EVENTS: Bi } = os, Gs = "wheel", Ys = 4.000244140625, $i = 40, zi = 0.25;
 class Hi extends wt {
@@ -4372,7 +4368,7 @@ class Hi extends wt {
         pointerType: "mouse",
         target: r.target
       });
-    }, this.events = (this.options.events || []).concat(Bi), this.events.forEach((r) => t.addEventListener(r, this.handleEvent, Kt ? { passive: !1 } : !1));
+    }, this.events = (this.options.events || []).concat(Bi), this.events.forEach((r) => t.addEventListener(r, this.handleEvent, Qt ? { passive: !1 } : !1));
   }
   destroy() {
     this.events.forEach((t) => this.element.removeEventListener(t, this.handleEvent));
@@ -4499,12 +4495,12 @@ class Yi extends wt {
     t === tn && (this.options.enable = s);
   }
 }
-const sn = 1, Jt = 2, nn = 4, Wi = {
+const sn = 1, Kt = 2, nn = 4, Wi = {
   pointerdown: sn,
-  pointermove: Jt,
+  pointermove: Kt,
   pointerup: nn,
   mousedown: sn,
-  mousemove: Jt,
+  mousemove: Kt,
   mouseup: nn
 }, Xi = 0, Zi = 1, Qi = 2, Ki = 1, Ji = 2, ea = 4;
 function ta(e) {
@@ -4513,7 +4509,7 @@ function ta(e) {
     return null;
   const { buttons: s, button: n } = e.srcEvent;
   let r = !1, a = !1, c = !1;
-  return t === Jt ? (r = !!(s & Ki), a = !!(s & ea), c = !!(s & Ji)) : (r = n === Xi, a = n === Zi, c = n === Qi), { leftButton: r, middleButton: a, rightButton: c };
+  return t === Kt ? (r = !!(s & Ki), a = !!(s & ea), c = !!(s & Ji)) : (r = n === Xi, a = n === Zi, c = n === Qi), { leftButton: r, middleButton: a, rightButton: c };
 }
 function sa(e, t) {
   const s = e.center;
@@ -4823,7 +4819,7 @@ const ia = {
         tap: C
         // pointerdown: togglePlay,
       });
-    }), es(() => {
+    }), Jt(() => {
       d && d.destroy();
     }), (b, x) => (O(), $("div", {
       class: "pg-interaction-detector",
@@ -4964,7 +4960,7 @@ const ia = {
       _: 1
     }));
   }
-}, _a = T({
+}, Ca = T({
   name: "PoseGenerator",
   options: { slug: "pose-generator" },
   setup(e, { slots: t, emit: s }) {
@@ -5002,7 +4998,6 @@ const ia = {
   }
 });
 export {
-  _a as PoseGenerator,
-  Ca as setImageServers,
+  Ca as PoseGenerator,
   k as usePgStore
 };

package/package.json

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