smsmslib 1.0.46 → 1.0.48

package/javascr/av_controller/HtmlTimerFrame_t.js

@@ -15,7 +15,16 @@
  * Imports.
  * --------------------------------------------------------------------------- */
 
-import {HtmlElement_t} from "../system/index.js";
+import
+{
+  HtmlElement_t,
+  Subject_t,
+  sj_Subject_get,
+  sj_element_key_get,
+  sj_prop_chg_own,
+}
+from "../system/index.js";
+
 import {AvControllerState_t} from "./AvControllerState_t.js"
 
 
@@ -36,6 +45,8 @@ export class HtmlTimerFrame_t extends HtmlElement_t
   constructor(s_selector)
   {
     super(s_selector);
+
+    this._o_element.addEventListener("click", HtmlTimerFrame_on_click);
   }
 
 
@@ -55,6 +66,49 @@ export class HtmlTimerFrame_t extends HtmlElement_t
  * Functions.
  * --------------------------------------------------------------------------- */
 
+/**
+ * Handles click events on the timer frame to update the media playback position.
+ *
+ * @description
+ * This function calculates horizontal offset relative to the element's left edge to
+ * set `i_offset_x`.
+ *
+ * @param {PointerEvent} o_event - The click or pointer event from the timer element.
+ */
+function HtmlTimerFrame_on_click(o_event)
+{
+  const o_element     = o_event.currentTarget;
+  const s_key         = sj_element_key_get(o_element);
+  const o_Subject     = sj_Subject_get(s_key);
+  let   o_state       = undefined;
+  const o_client_rect = o_element.getBoundingClientRect();
+  const i_offset_x    = o_event.clientX - o_client_rect.left;
+
+  if (o_Subject instanceof Subject_t)
+  {
+    o_state = o_Subject.data_get();
+  }
+
+  if (o_state instanceof AvControllerState_t)
+  {
+    const o_chg = {};
+
+    if (o_state.d_start_sec < o_state.d_end_sec)
+    {
+      const d_total_sec   = o_state.d_end_sec - o_state.d_start_sec;
+      const d_current_sec = d_total_sec * (i_offset_x / o_state.i_bar_px_max);
+
+      sj_prop_chg_own(o_state, "currentTime", d_current_sec, o_chg);
+    }
+
+    if (0 < Object.keys(o_chg).length)
+    {
+      o_Subject.observer_update(o_chg, o_element);
+    }
+  }
+}
+
+
 /**
  * Retrieves the physical width of the timer frame and updates the state.
  *

package/javascr/system/SubjectSet_t.js

@@ -14,7 +14,7 @@
  * Imports.
  * --------------------------------------------------------------------------- */
 
-import {sj_prop_add_own_new} from "./prop.js";
+import {sj_prop_add_own_new, sj_prop_delete_own} from "./prop.js";
 import {Subject_t} from "./Subject_t.js";
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "smsmslib",
-  "version": "1.0.46",
+  "version": "1.0.48",
   "description": "Reusable functions for me.",
   "files": [
     "javascr/**/*.js",
@@ -11,16 +11,11 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {
-    "type": "git",
-    "url": "git+https://github.com/szoo2022/work.git"
+    "private": true
   },
   "keywords": [
     "smsmslib"
   ],
   "author": "",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/szoo2022/work/issues"
-  },
-  "homepage": "https://github.com/szoo2022/work#readme"
+  "license": "ISC"
 }