From 7e97e6576a1ecaede9f012e6119a8418b9a61400 Mon Sep 17 00:00:00 2001
From: neodigm <3151842+neodigm@users.noreply.github.com>
Date: Sat, 6 Jul 2024 08:50:38 -0500
Subject: [PATCH] poptart_reorient

---
 demo/word_skulduggery.html                    |  5 ++++-
 dist/neodigm55__v3_5.js                       |  1 +
 .../effect_3d_spheres__tmpl.html              | 19 ++++++++++++-------
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/demo/word_skulduggery.html b/demo/word_skulduggery.html
index 973b57d..efa77c3 100644
--- a/demo/word_skulduggery.html
+++ b/demo/word_skulduggery.html
@@ -582,7 +582,7 @@
     set complete( _complete="light" ){ this.setAttribute( "complete", _complete )}
 
     get offset(){ return this.getAttribute( "offset" ) }
-    set offset( _offset="light" ){ this.setAttribute( "offset", _offset )}
+    set offset( _offset ){ this.setAttribute( "offset", _offset )}
 
     attributeChangedCallback( _attrName, _orig, _new ){
       this.doInit()
@@ -590,6 +590,9 @@
           case "colorscheme":
               this.elPartToplevel.dataset.colorscheme = _new;
           break;
+          case "offset":
+            this.offset = Number( _new ) - neodigmUtils.f02x( 9 ) // Magic num dependent on whats available in repo
+          break;
           case "pattern":
             this.aCells.forEach( ( oC, cnt )=>{
                 let imgCnt = cnt
diff --git a/dist/neodigm55__v3_5.js b/dist/neodigm55__v3_5.js
index 4f8a781..d2e1a1d 100644
--- a/dist/neodigm55__v3_5.js
+++ b/dist/neodigm55__v3_5.js
@@ -124,6 +124,7 @@ const neodigmUtils = ( ( _d ) =>{
         window.requestAnimationFrame(() => {
           if( neodigmOpt.neodigmCarousel ) neodigmCarousel.init()
           if( neodigmOpt.neodigmTulip ) neodigmTulip.close() // TODO refact into class pub/sub emit?
+          if( neodigmOpt.neodigmPopTart ) neodigmPopTart.close()
         })
       })
       window.addEventListener( "scroll", ( ev ) =>{
diff --git a/dist/widgets/effect_3d_spheres/effect_3d_spheres__tmpl.html b/dist/widgets/effect_3d_spheres/effect_3d_spheres__tmpl.html
index 4a97039..1df2a78 100644
--- a/dist/widgets/effect_3d_spheres/effect_3d_spheres__tmpl.html
+++ b/dist/widgets/effect_3d_spheres/effect_3d_spheres__tmpl.html
@@ -37,8 +37,13 @@
 
  
 <script>
-const effect_3d_spheresConfig = {"context": "[data-n55-token='effect_3d_spheres']", "color": 0xEDBA08, "speed_x": 0.0004, "speed_y": 0.002, "camera_z": "+1500"}
-const elWdgt = document.querySelector( effect_3d_spheresConfig.context )
+const effect_3d_spheresOpt = {"context": "[data-n55-token='effect_3d_spheres']", "color": 0xEDBA08, "speed_x": 0.0004, "speed_y": 0.002, "camera_z": "+1500"}
+if( typeof effect_3d_spheresCustom != 'undefined' ){  //  wdgt host script obj
+    for( cnfgProp in effect_3d_spheresCustom ){  //  Import Custom Objects props if exists
+        effect_3d_spheresOpt[ cnfgProp ] = effect_3d_spheresCustom[ cnfgProp ]
+    }
+}
+const elWdgt = document.querySelector( effect_3d_spheresOpt.context )
 elCntr = document.createElement('section')
 elWdgt.appendChild(elCntr)
 
@@ -53,13 +58,13 @@
 const scene = new THREE.Scene()
 
 const camera = new THREE.PerspectiveCamera(45, width / height)
-camera.position.set(0, 0, effect_3d_spheresConfig.camera_z )
+camera.position.set(0, 0, effect_3d_spheresOpt.camera_z )
 
-const pointLight = new THREE.PointLight(effect_3d_spheresConfig.color, 2.2, 1300)
+const pointLight = new THREE.PointLight(effect_3d_spheresOpt.color, 2.2, 1300)
 scene.add(pointLight)
 
 const geometry = new THREE.SphereGeometry(30, 32, 16)
-const material = new THREE.MeshToonMaterial({color: effect_3d_spheresConfig.color, alphaHash: false, transparent: true, opacity: .108, side: THREE.DoubleSide,})
+const material = new THREE.MeshToonMaterial({color: effect_3d_spheresOpt.color, alphaHash: false, transparent: true, opacity: .108, side: THREE.DoubleSide,})
 
 const group = new THREE.Group()
 for (let i = 0; i < 976; i++) {
@@ -85,8 +90,8 @@
   render()
 }
 function render () {
-  group.rotation.x += effect_3d_spheresConfig.speed_x
-  group.rotation.y += effect_3d_spheresConfig.speed_y
+  group.rotation.x += effect_3d_spheresOpt.speed_x
+  group.rotation.y += effect_3d_spheresOpt.speed_y
   renderer.render(scene, camera)
 }