tmg-media-player 0.0.1

package/dist/chunk-VZLDFZC7.js

@@ -0,0 +1,241 @@
+import {
+  BIG_CONTROLS,
+  CONTROLS
+} from "./chunk-TSAEQFDM.js";
+import {
+  getBoolOrStr,
+  getPanelLocation,
+  getUIOpt,
+  insertPanelCtrl
+} from "./chunk-BROAUWON.js";
+
+// src/ts/plugs/menus/settings/controlPanel.ts
+import { getPath, setPath } from "sia-reactor/utils";
+var isEnabled = (plug, id) => getPanelLocation(plug.config, id).row.includes(id);
+var setEnabled = (plug, id, enabled, b = plug.ctlr._build.settings.controlPanel) => {
+  const cLoc = getPanelLocation(plug.config, id);
+  if (!enabled) return void (cLoc.row.includes(id) && setPath(plug.config, cLoc.path, cLoc.row.filter((c) => c !== id)));
+  if (cLoc.row.includes(id)) return;
+  const bLoc = getPanelLocation(b, id), cfgRow = getPath(plug.config, bLoc.path);
+  Array.isArray(cfgRow) && bLoc.row.length ? insertPanelCtrl(cfgRow, bLoc.row, id) : plug.config.bottom[1].push(id);
+};
+var getSettingsControlPanelMenu = (plug) => ({
+  id: "general",
+  label: "Advanced",
+  icon: "settings",
+  widget: "group",
+  getValue: () => "",
+  items: [
+    {
+      id: "layoutControlPanel",
+      label: "Control panel",
+      widget: "group",
+      getValue: () => "",
+      tipHTML: "Configure player controls, layout, and visual feedback",
+      items: [
+        {
+          id: "layoutToggleControls",
+          label: "Toggle controls",
+          widget: "group",
+          getValue: () => "",
+          configPaths: ["settings.controlPanel.top", "settings.controlPanel.center", "settings.controlPanel.bottom"],
+          items: [...CONTROLS, ...BIG_CONTROLS].filter((id) => id !== "spacer").map((id) => ({
+            id: `toggle-cp-${id}`,
+            label: id.replace(/([A-Z])/g, " $1").toLowerCase().replace(/^./, (s) => s.toUpperCase()),
+            widget: "toggle",
+            getValue: () => isEnabled(plug, id) ? "On" : "Off",
+            onChange: (val) => setEnabled(plug, id, val),
+            configPaths: ["settings.controlPanel.top", "settings.controlPanel.center", "settings.controlPanel.bottom"]
+          }))
+        },
+        {
+          id: "layoutTimeline",
+          label: "Timeline",
+          widget: "group",
+          getValue: () => "",
+          items: [
+            {
+              id: "timelineThumb",
+              label: "Show thumb",
+              widget: "select",
+              getValue: () => getUIOpt(plug.config.timeline.thumb.options, plug.config.timeline.thumb.value),
+              getOptions: () => plug.config.timeline.thumb.options,
+              onChange: (val) => plug.config.timeline.thumb.value = val === "auto" ? "auto" : val === "true",
+              configPaths: ["settings.controlPanel.timeline.thumb.value"]
+            },
+            {
+              id: "timelineCompact",
+              label: "Compact mode",
+              widget: "toggle",
+              getValue: () => plug.comp("timeline")?.config.compact ? "On" : "Off",
+              onChange: (val) => plug.config.timeline.compact = val,
+              configPaths: ["settings.controlPanel.timeline.compact"],
+              title: "Make the timeline thinner and more minimalist to conserve space"
+            },
+            {
+              id: "timelineAutopause",
+              label: "Pause-to-preview",
+              widget: "toggle",
+              getValue: () => plug.comp("timeline")?.config.autopause ? "On" : "Off",
+              onChange: (val) => plug.config.timeline.autopause = val,
+              configPaths: ["settings.controlPanel.timeline.autopause"],
+              title: "Automatically pauses the video while you are dragging the timeline to seek"
+            },
+            {
+              id: "timelinePlayedMarks",
+              label: "Played marks",
+              widget: "toggle",
+              getValue: () => plug.comp("timeline")?.config.playedMarks ? "On" : "Off",
+              onChange: (val) => plug.config.timeline.playedMarks = val,
+              configPaths: ["settings.controlPanel.timeline.playedMarks"],
+              title: "Displays colored indicators on the timeline for sections you've already watched"
+            },
+            {
+              id: "timelineBufferMarks",
+              label: "Buffer marks",
+              widget: "toggle",
+              getValue: () => plug.comp("timeline")?.config.bufferMarks ? "On" : "Off",
+              onChange: (val) => plug.config.timeline.bufferMarks = val,
+              configPaths: ["settings.controlPanel.timeline.bufferMarks"],
+              title: "Shows a progress bar indicating how much of the video has been pre-loaded"
+            },
+            {
+              id: "timelinePreviews",
+              label: "Seek previews",
+              widget: "toggle",
+              getValue: () => plug.comp("timeline")?.config.previews ? "On" : "Off",
+              onChange: (val) => plug.config.timeline.previews = val,
+              configPaths: ["settings.controlPanel.timeline.previews"],
+              title: "Displays a thumbnail preview of the video frame when hovering over the timeline. Note: If a specific preview type (e.g. sprite/image src) was set by the developer, toggling this will reset it to 'auto'."
+            },
+            {
+              id: "timelineScrub",
+              label: "Scrub behaviour",
+              widget: "group",
+              getValue: () => "",
+              items: [
+                {
+                  id: "timelineScrubSync",
+                  label: "Sync scrubbing",
+                  widget: "toggle",
+                  getValue: () => plug.comp("timeline")?.config.scrub.sync ? "On" : "Off",
+                  onChange: (val) => plug.config.timeline.scrub.sync = val,
+                  configPaths: ["settings.controlPanel.timeline.scrub.sync"],
+                  title: "Updates the video frame in real-time as you drag the timeline cursor"
+                },
+                {
+                  id: "timelineScrubRelative",
+                  label: "Relative scrubbing",
+                  widget: "toggle",
+                  getValue: () => plug.comp("timeline")?.config.scrub.relative ? "On" : "Off",
+                  onChange: (val) => plug.config.timeline.scrub.relative = val,
+                  configPaths: ["settings.controlPanel.timeline.scrub.relative"],
+                  title: "Whether the scrubbing pointer should follow your finger exactly or move relative to your initial point of touch"
+                },
+                {
+                  id: "timelineScrubCancel",
+                  label: "Scrub cancellation",
+                  widget: "group",
+                  getValue: () => plug.comp("timeline")?.config.scrub.cancel.delta && plug.comp("timeline")?.config.scrub.cancel.timeout ? "On" : "Off",
+                  configPaths: ["settings.controlPanel.timeline.scrub.cancel.delta", "settings.controlPanel.timeline.scrub.cancel.timeout"],
+                  items: [
+                    {
+                      id: "timelineScrubCancelDelta",
+                      label: "Cancel distance",
+                      widget: "range",
+                      getValue: () => `${Math.round(plug.comp("timeline")?.config.scrub.cancel.delta)}px`,
+                      getRange: () => ({ min: 0, max: 100, step: 5 }),
+                      onChange: (val) => plug.config.timeline.scrub.cancel.delta = val,
+                      configPaths: ["settings.controlPanel.timeline.scrub.cancel.delta"],
+                      tipHTML: "Horizontal distance from your initial drag position before a scrub is considered cancelled."
+                    },
+                    {
+                      id: "timelineScrubCancelTimeout",
+                      label: "Cancel timeout",
+                      widget: "input",
+                      inputs: [{ label: "ms", placeholder: "2500", type: "number", min: "0", helperText: { info: "How long to wait before allowing you to resume scrubbing after a cancellation." }, value: () => plug.comp("timeline")?.config.scrub.cancel.timeout }],
+                      getValue: () => `${plug.comp("timeline")?.config.scrub.cancel.timeout}ms`,
+                      onChange: (val) => plug.config.timeline.scrub.cancel.timeout = val["ms"],
+                      configPaths: ["settings.controlPanel.timeline.scrub.cancel.timeout"],
+                      tipHTML: "How long to wait before allowing you to resume scrubbing after a cancellation attempt."
+                    }
+                  ]
+                }
+              ]
+            },
+            {
+              id: "timelineWheelGroup",
+              label: "Wheel seek",
+              widget: "group",
+              getValue: () => plug.comp("timeline")?.config.wheel.disabled ? "Off" : "On",
+              items: [
+                {
+                  id: "timelineWheelDisabled",
+                  label: "Disable",
+                  widget: "toggle",
+                  getValue: () => plug.comp("timeline")?.config.wheel.disabled ? "On" : "Off",
+                  onChange: (val) => plug.config.timeline.wheel.disabled = val,
+                  configPaths: ["settings.controlPanel.timeline.wheel"],
+                  title: "Enables seeking through the video by scrolling the mouse wheel over the timeline"
+                },
+                {
+                  id: "timelineWheelAxisRatio",
+                  label: "Sensitivity",
+                  widget: "range",
+                  getValue: () => String(plug.comp("timeline")?.config.wheel.axisRatio),
+                  getRange: () => ({ min: 1, max: 50, step: 1 }),
+                  onChange: (val) => plug.config.timeline.wheel.axisRatio = val,
+                  configPaths: ["settings.controlPanel.timeline.wheel"],
+                  tipHTML: "Adjusts how much the video seeks per scroll wheel notch"
+                }
+              ]
+            },
+            {
+              id: "timelineMarkers",
+              label: "Add marker",
+              widget: "input",
+              inputs: [
+                { label: "Label", placeholder: "Chapter 2", helperText: { info: "e.g. Chapter 2" }, required: true },
+                { label: "Position (%)", placeholder: "50", helperText: { info: "0 \u2013 100" }, type: "number", required: true },
+                { label: "End (%)", helperText: { info: "Optional" }, type: "number" }
+              ],
+              getValue: () => `${plug.comp("timeline")?.config.marks.length || 0} marker${(plug.comp("timeline")?.config.marks.length || 0) !== 1 ? "s" : ""}`,
+              onChange: (val) => plug.config.timeline.marks = [...plug.config.timeline.marks || [], { label: val["Label"] || void 0, start: Number(val["Position (%)"]) || 0, end: val["End (%)"] ? Number(val["End (%)"]) : void 0 }],
+              configPaths: ["settings.controlPanel.timeline.marks"]
+            }
+          ]
+        },
+        {
+          id: "layoutBuffer",
+          label: "Loading spinner",
+          widget: "select",
+          getValue: () => getUIOpt(plug.config.buffer.options, plug.config.buffer.value),
+          getOptions: () => plug.config.buffer.options,
+          onChange: (val) => plug.config.buffer.value = getBoolOrStr(val),
+          configPaths: ["settings.controlPanel.buffer.value"]
+        },
+        {
+          id: "layoutProgressBar",
+          label: "Progress bar",
+          widget: "toggle",
+          getValue: () => plug.config.progressBar ? "On" : "Off",
+          onChange: (val) => plug.config.progressBar = val,
+          configPaths: ["settings.controlPanel.progressBar"]
+        },
+        {
+          id: "layoutDraggable",
+          label: "Drag & drop layout",
+          widget: "toggle",
+          getValue: () => plug.config.draggable ? "On" : "Off",
+          onChange: (val) => plug.config.draggable = val,
+          configPaths: ["settings.controlPanel.draggable"]
+        }
+      ]
+    }
+  ]
+});
+
+export {
+  getSettingsControlPanelMenu
+};
+//# sourceMappingURL=chunk-VZLDFZC7.js.map

package/dist/chunk-VZLDFZC7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/menus/settings/controlPanel.ts"],"sourcesContent":["import type { SettingsMenuItem } from \"@plugs/settings/settingsView/types\";\nimport type { ControlPanelPlug } from \"@plugs/settings/controlPanel\";\nimport { CONTROLS, BIG_CONTROLS } from \"@plugs/settings/controlPanel/build\";\nimport type { AnyControl, ControlPanelBottomTuple } from \"@plugs/settings/controlPanel/types\";\nimport { getUIOpt, getBoolOrStr, insertPanelCtrl, getPanelLocation } from \"@utils/obj\";\nimport { getPath, setPath } from \"sia-reactor/utils\";\n\nconst isEnabled = (plug: ControlPanelPlug, id: AnyControl) => getPanelLocation(plug.config, id).row.includes(id);\nconst setEnabled = (plug: ControlPanelPlug, id: AnyControl, enabled: boolean, b = plug.ctlr._build.settings.controlPanel) => {\n  const cLoc = getPanelLocation(plug.config, id);\n  // prettier-ignore\n  if (!enabled) return void (cLoc.row.includes(id) && setPath(plug.config as any, cLoc.path, cLoc.row.filter((c: any) => c !== id)));\n  if (cLoc.row.includes(id)) return;\n  const bLoc = getPanelLocation(b, id),\n    cfgRow = getPath(plug.config as any, bLoc.path) as any[];\n  Array.isArray(cfgRow) && bLoc.row.length ? insertPanelCtrl(cfgRow, bLoc.row, id) : (plug.config.bottom as ControlPanelBottomTuple)[1].push(id);\n};\n\nexport const getSettingsControlPanelMenu = (plug: ControlPanelPlug): SettingsMenuItem => ({\n  id: \"general\",\n  label: \"Advanced\",\n  icon: \"settings\",\n  widget: \"group\",\n  getValue: () => \"\",\n  items: [\n    {\n      id: \"layoutControlPanel\",\n      label: \"Control panel\",\n      widget: \"group\",\n      getValue: () => \"\",\n      tipHTML: \"Configure player controls, layout, and visual feedback\",\n      items: [\n        {\n          id: \"layoutToggleControls\",\n          label: \"Toggle controls\",\n          widget: \"group\",\n          getValue: () => \"\",\n          configPaths: [\"settings.controlPanel.top\", \"settings.controlPanel.center\", \"settings.controlPanel.bottom\"],\n          items: [...CONTROLS, ...BIG_CONTROLS]\n            .filter((id) => id !== \"spacer\")\n            .map((id) => ({\n              id: `toggle-cp-${id}`,\n              label: id\n                .replace(/([A-Z])/g, \" $1\")\n                .toLowerCase()\n                .replace(/^./, (s) => s.toUpperCase()),\n              widget: \"toggle\" as const,\n              getValue: () => (isEnabled(plug, id) ? \"On\" : \"Off\"),\n              onChange: (val: boolean) => setEnabled(plug, id, val),\n              configPaths: [\"settings.controlPanel.top\", \"settings.controlPanel.center\", \"settings.controlPanel.bottom\"],\n            })),\n        },\n        {\n          id: \"layoutTimeline\",\n          label: \"Timeline\",\n          widget: \"group\",\n          getValue: () => \"\",\n          items: [\n            {\n              id: \"timelineThumb\",\n              label: \"Show thumb\",\n              widget: \"select\",\n              getValue: () => getUIOpt(plug.config.timeline.thumb.options, plug.config.timeline.thumb.value),\n              getOptions: () => plug.config.timeline.thumb.options!,\n              onChange: (val: string) => (plug.config.timeline.thumb.value = val === \"auto\" ? \"auto\" : val === \"true\"),\n              configPaths: [\"settings.controlPanel.timeline.thumb.value\"],\n            },\n            {\n              id: \"timelineCompact\",\n              label: \"Compact mode\",\n              widget: \"toggle\",\n              getValue: () => (plug.comp(\"timeline\")?.config.compact ? \"On\" : \"Off\"),\n              onChange: (val: boolean) => (plug.config.timeline.compact = val),\n              configPaths: [\"settings.controlPanel.timeline.compact\"],\n              title: \"Make the timeline thinner and more minimalist to conserve space\",\n            },\n\n            {\n              id: \"timelineAutopause\",\n              label: \"Pause-to-preview\",\n              widget: \"toggle\",\n              getValue: () => (plug.comp(\"timeline\")?.config.autopause ? \"On\" : \"Off\"),\n              onChange: (val: boolean) => (plug.config.timeline.autopause = val),\n              configPaths: [\"settings.controlPanel.timeline.autopause\"],\n              title: \"Automatically pauses the video while you are dragging the timeline to seek\",\n            },\n            {\n              id: \"timelinePlayedMarks\",\n              label: \"Played marks\",\n              widget: \"toggle\",\n              getValue: () => (plug.comp(\"timeline\")?.config.playedMarks ? \"On\" : \"Off\"),\n              onChange: (val: boolean) => (plug.config.timeline.playedMarks = val),\n              configPaths: [\"settings.controlPanel.timeline.playedMarks\"],\n              title: \"Displays colored indicators on the timeline for sections you've already watched\",\n            },\n            {\n              id: \"timelineBufferMarks\",\n              label: \"Buffer marks\",\n              widget: \"toggle\",\n              getValue: () => (plug.comp(\"timeline\")?.config.bufferMarks ? \"On\" : \"Off\"),\n              onChange: (val: boolean) => (plug.config.timeline.bufferMarks = val),\n              configPaths: [\"settings.controlPanel.timeline.bufferMarks\"],\n              title: \"Shows a progress bar indicating how much of the video has been pre-loaded\",\n            },\n            {\n              id: \"timelinePreviews\",\n              label: \"Seek previews\",\n              widget: \"toggle\",\n              getValue: () => (plug.comp(\"timeline\")?.config.previews ? \"On\" : \"Off\"),\n              onChange: (val: boolean) => (plug.config.timeline.previews = val),\n              configPaths: [\"settings.controlPanel.timeline.previews\"],\n              title: \"Displays a thumbnail preview of the video frame when hovering over the timeline. Note: If a specific preview type (e.g. sprite/image src) was set by the developer, toggling this will reset it to 'auto'.\",\n            },\n            {\n              id: \"timelineScrub\",\n              label: \"Scrub behaviour\",\n              widget: \"group\",\n              getValue: () => \"\",\n              items: [\n                {\n                  id: \"timelineScrubSync\",\n                  label: \"Sync scrubbing\",\n                  widget: \"toggle\",\n                  getValue: () => (plug.comp(\"timeline\")?.config.scrub.sync ? \"On\" : \"Off\"),\n                  onChange: (val: boolean) => (plug.config.timeline.scrub.sync = val),\n                  configPaths: [\"settings.controlPanel.timeline.scrub.sync\"],\n                  title: \"Updates the video frame in real-time as you drag the timeline cursor\",\n                },\n                {\n                  id: \"timelineScrubRelative\",\n                  label: \"Relative scrubbing\",\n                  widget: \"toggle\",\n                  getValue: () => (plug.comp(\"timeline\")?.config.scrub.relative ? \"On\" : \"Off\"),\n                  onChange: (val: boolean) => (plug.config.timeline.scrub.relative = val),\n                  configPaths: [\"settings.controlPanel.timeline.scrub.relative\"],\n                  title: \"Whether the scrubbing pointer should follow your finger exactly or move relative to your initial point of touch\",\n                },\n                {\n                  id: \"timelineScrubCancel\",\n                  label: \"Scrub cancellation\",\n                  widget: \"group\",\n                  getValue: () => (plug.comp(\"timeline\")?.config.scrub.cancel.delta && plug.comp(\"timeline\")?.config.scrub.cancel.timeout ? \"On\" : \"Off\"),\n                  configPaths: [\"settings.controlPanel.timeline.scrub.cancel.delta\", \"settings.controlPanel.timeline.scrub.cancel.timeout\"],\n                  items: [\n                    {\n                      id: \"timelineScrubCancelDelta\",\n                      label: \"Cancel distance\",\n                      widget: \"range\",\n                      getValue: () => `${Math.round(plug.comp(\"timeline\")?.config.scrub.cancel.delta!)}px`,\n                      getRange: () => ({ min: 0, max: 100, step: 5 }),\n                      onChange: (val: number) => (plug.config.timeline.scrub.cancel.delta = val),\n                      configPaths: [\"settings.controlPanel.timeline.scrub.cancel.delta\"],\n                      tipHTML: \"Horizontal distance from your initial drag position before a scrub is considered cancelled.\",\n                    },\n                    {\n                      id: \"timelineScrubCancelTimeout\",\n                      label: \"Cancel timeout\",\n                      widget: \"input\",\n                      inputs: [{ label: \"ms\", placeholder: \"2500\", type: \"number\", min: \"0\", helperText: { info: \"How long to wait before allowing you to resume scrubbing after a cancellation.\" }, value: () => plug.comp(\"timeline\")?.config.scrub.cancel.timeout }],\n                      getValue: () => `${plug.comp(\"timeline\")?.config.scrub.cancel.timeout}ms`,\n                      onChange: (val: Record<string, any>) => (plug.config.timeline.scrub.cancel.timeout = val[\"ms\"]),\n                      configPaths: [\"settings.controlPanel.timeline.scrub.cancel.timeout\"],\n                      tipHTML: \"How long to wait before allowing you to resume scrubbing after a cancellation attempt.\",\n                    },\n                  ],\n                },\n              ],\n            },\n            {\n              id: \"timelineWheelGroup\",\n              label: \"Wheel seek\",\n              widget: \"group\",\n              getValue: () => (plug.comp(\"timeline\")?.config.wheel.disabled ? \"Off\" : \"On\"),\n              items: [\n                {\n                  id: \"timelineWheelDisabled\",\n                  label: \"Disable\",\n                  widget: \"toggle\",\n                  getValue: () => (plug.comp(\"timeline\")?.config.wheel.disabled ? \"On\" : \"Off\"),\n                  onChange: (val: boolean) => (plug.config.timeline.wheel.disabled = val),\n                  configPaths: [\"settings.controlPanel.timeline.wheel\"],\n                  title: \"Enables seeking through the video by scrolling the mouse wheel over the timeline\",\n                },\n                {\n                  id: \"timelineWheelAxisRatio\",\n                  label: \"Sensitivity\",\n                  widget: \"range\",\n                  getValue: () => String(plug.comp(\"timeline\")?.config.wheel.axisRatio),\n                  getRange: () => ({ min: 1, max: 50, step: 1 }),\n                  onChange: (val: number) => (plug.config.timeline.wheel.axisRatio = val),\n                  configPaths: [\"settings.controlPanel.timeline.wheel\"],\n                  tipHTML: \"Adjusts how much the video seeks per scroll wheel notch\",\n                },\n              ],\n            },\n            {\n              id: \"timelineMarkers\",\n              label: \"Add marker\",\n              widget: \"input\",\n              inputs: [\n                { label: \"Label\", placeholder: \"Chapter 2\", helperText: { info: \"e.g. Chapter 2\" }, required: true },\n                { label: \"Position (%)\", placeholder: \"50\", helperText: { info: \"0 – 100\" }, type: \"number\", required: true },\n                { label: \"End (%)\", helperText: { info: \"Optional\" }, type: \"number\" },\n              ],\n              getValue: () => `${plug.comp(\"timeline\")?.config.marks.length || 0} marker${(plug.comp(\"timeline\")?.config.marks.length || 0) !== 1 ? \"s\" : \"\"}`,\n              onChange: (val: Record<string, string>) => (plug.config.timeline.marks = [...(plug.config.timeline.marks || []), { label: val[\"Label\"] || undefined, start: Number(val[\"Position (%)\"]) || 0, end: val[\"End (%)\"] ? Number(val[\"End (%)\"]) : undefined }]),\n              configPaths: [\"settings.controlPanel.timeline.marks\"],\n            },\n          ],\n        },\n        {\n          id: \"layoutBuffer\",\n          label: \"Loading spinner\",\n          widget: \"select\",\n          getValue: () => getUIOpt(plug.config.buffer.options, plug.config.buffer.value),\n          getOptions: () => plug.config.buffer.options!,\n          onChange: (val: string) => (plug.config.buffer.value = getBoolOrStr(val) as typeof plug.config.buffer.value),\n          configPaths: [\"settings.controlPanel.buffer.value\"],\n        },\n        {\n          id: \"layoutProgressBar\",\n          label: \"Progress bar\",\n          widget: \"toggle\",\n          getValue: () => (plug.config.progressBar ? \"On\" : \"Off\"),\n          onChange: (val: boolean) => (plug.config.progressBar = val),\n          configPaths: [\"settings.controlPanel.progressBar\"],\n        },\n        {\n          id: \"layoutDraggable\",\n          label: \"Drag & drop layout\",\n          widget: \"toggle\",\n          getValue: () => (plug.config.draggable ? \"On\" : \"Off\"),\n          onChange: (val: boolean) => (plug.config.draggable = val),\n          configPaths: [\"settings.controlPanel.draggable\"],\n        },\n      ],\n    },\n  ],\n});\n\ndeclare module \"@defs/registries\" {\n  interface MenuRegistryMap {\n    \"settings.controlPanel\": typeof getSettingsControlPanelMenu;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-W2KUESDN.js

@@ -0,0 +1,25 @@
+import {
+  BaseNotifier
+} from "./chunk-XJ6HO3WP.js";
+import {
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/notifiers/scrub.ts
+var ScrubNotifier = class extends BaseNotifier {
+  create() {
+    return this.element = createEl("div", { className: "tmg-media-scrub-notifier tmg-media-text-notifier tmg-media-top-text-notifier", innerHTML: `<span>${IconRegistry.get("tripletriangleleft")}</span><p class="tmg-media-scrub-notifier-text" tabindex="-1">Double tap left or right to skip</p><span>${IconRegistry.get("tripletriangleright")}</span>` });
+  }
+};
+__publicField(ScrubNotifier, "componentName", "scrubnotifier");
+
+export {
+  ScrubNotifier
+};
+//# sourceMappingURL=chunk-W2KUESDN.js.map

package/dist/chunk-W2KUESDN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/notifiers/scrub.ts"],"sourcesContent":["import { BaseNotifier, ComponentState } from \"./base\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { IconRegistry } from \"@core/registries\";\r\n\r\nexport class ScrubNotifier extends BaseNotifier<undefined, ComponentState, HTMLDivElement> {\r\n  public static readonly componentName = \"scrubnotifier\";\r\n\r\n  public override create() {\r\n    return (this.element = createEl(\"div\", { className: \"tmg-media-scrub-notifier tmg-media-text-notifier tmg-media-top-text-notifier\", innerHTML: `<span>${IconRegistry.get(\"tripletriangleleft\")}</span><p class=\"tmg-media-scrub-notifier-text\" tabindex=\"-1\">Double tap left or right to skip</p><span>${IconRegistry.get(\"tripletriangleright\")}</span>` }));\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    scrubnotifier: typeof ScrubNotifier;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;AAIO,IAAM,gBAAN,cAA4B,aAAwD;AAAA,EAGzE,SAAS;AACvB,WAAQ,KAAK,UAAU,SAAS,OAAO,EAAE,WAAW,gFAAgF,WAAW,SAAS,aAAa,IAAI,oBAAoB,CAAC,2GAA2G,aAAa,IAAI,qBAAqB,CAAC,UAAU,CAAC;AAAA,EAC7V;AACF;AALE,cADW,eACY,iBAAgB;","names":[]}