tmg-media-player 0.0.1

package/dist/chunk-66HGOYPR.js

@@ -0,0 +1,180 @@
+import {
+  getBoolOrStr,
+  getUIOpt
+} from "./chunk-BROAUWON.js";
+
+// src/ts/plugs/menus/settings/modes.ts
+var getSettingsModesMenu = (plug) => ({
+  id: "general",
+  label: "Advanced",
+  icon: "settings",
+  widget: "group",
+  getValue: () => "",
+  items: [
+    {
+      id: "modes",
+      label: "Modes",
+      widget: "group",
+      getValue: () => plug.config.fullscreen.disabled && plug.config.pictureInPicture.disabled && plug.config.theater.disabled && plug.config.miniplayer.disabled ? "Off" : "On",
+      tipHTML: "Configure fullscreen, picture-in-picture, and display modes",
+      configPaths: ["settings.modes.fullscreen.disabled", "settings.modes.pictureInPicture.disabled", "settings.modes.theater.disabled", "settings.modes.miniplayer.disabled"],
+      items: [
+        {
+          id: "modesFullscreen",
+          label: "Fullscreen",
+          widget: "group",
+          getValue: () => plug.config.fullscreen.disabled ? "Off" : "On",
+          configPaths: ["settings.modes.fullscreen.disabled"],
+          items: [
+            {
+              id: "modesFullscreenDisabled",
+              label: "Disable",
+              widget: "toggle",
+              getValue: () => plug.config.fullscreen.disabled ? "On" : "Off",
+              onChange: (val) => plug.config.fullscreen.disabled = val,
+              configPaths: ["settings.modes.fullscreen.disabled"]
+            },
+            {
+              id: "modesFullscreenOrientationLock",
+              label: "Orientation lock",
+              widget: "select",
+              getValue: () => getUIOpt(plug.config.fullscreen.orientationLock.options, plug.config.fullscreen.orientationLock.value),
+              getOptions: () => plug.config.fullscreen.orientationLock.options,
+              onChange: (val) => plug.config.fullscreen.orientationLock.value = getBoolOrStr(val),
+              configPaths: ["settings.modes.fullscreen.orientationLock.value"],
+              tipHTML: "Lock the device orientation to a specific layout when entering fullscreen"
+            },
+            {
+              id: "modesFullscreenOnRotate",
+              label: "Auto-fullscreen on rotate",
+              widget: "select",
+              getValue: () => getUIOpt(plug.config.fullscreen.onRotate.options, plug.config.fullscreen.onRotate.value),
+              getOptions: () => plug.config.fullscreen.onRotate.options,
+              onChange: (val) => plug.config.fullscreen.onRotate.value = getBoolOrStr(val),
+              configPaths: ["settings.modes.fullscreen.onRotate.value"],
+              tipHTML: "Automatically enter fullscreen mode when the device is rotated"
+            }
+          ]
+        },
+        {
+          id: "modesPip",
+          label: "Picture in picture",
+          widget: "group",
+          getValue: () => plug.config.pictureInPicture.disabled ? "Off" : "On",
+          configPaths: ["settings.modes.pictureInPicture.disabled"],
+          items: [
+            {
+              id: "modesPipDisabled",
+              label: "Disable",
+              widget: "toggle",
+              getValue: () => plug.config.pictureInPicture.disabled ? "On" : "Off",
+              onChange: (val) => plug.config.pictureInPicture.disabled = val,
+              configPaths: ["settings.modes.pictureInPicture.disabled"]
+            },
+            {
+              id: "modesPipFloating",
+              label: "Floating player API",
+              widget: "group",
+              getValue: () => "",
+              items: [
+                {
+                  id: "modesPipFloatingDisabled",
+                  label: "Disable",
+                  widget: "toggle",
+                  getValue: () => plug.config.pictureInPicture.floatingPlayer.disabled ? "On" : "Off",
+                  onChange: (val) => plug.config.pictureInPicture.floatingPlayer.disabled = val,
+                  configPaths: ["settings.modes.pictureInPicture.floatingPlayer.disabled"],
+                  title: "The floating player (Document PiP API) allows keeping the custom player UI in the Picture-in-Picture window"
+                },
+                {
+                  id: "modesPipFloatingWidth",
+                  label: "Initial width",
+                  widget: "range",
+                  getValue: () => `${Math.round(plug.config.pictureInPicture.floatingPlayer.width)}px`,
+                  getRange: () => ({ min: 100, max: 1200, step: 20, formatTooltip: (v) => `${Math.round(v)}px` }),
+                  onChange: (val) => plug.config.pictureInPicture.floatingPlayer.width = val,
+                  configPaths: ["settings.modes.pictureInPicture.floatingPlayer.width"]
+                },
+                {
+                  id: "modesPipFloatingHeight",
+                  label: "Initial height",
+                  widget: "range",
+                  getValue: () => `${Math.round(plug.config.pictureInPicture.floatingPlayer.height)}px`,
+                  getRange: () => ({ min: 100, max: 800, step: 20, formatTooltip: (v) => `${Math.round(v)}px` }),
+                  onChange: (val) => plug.config.pictureInPicture.floatingPlayer.height = val,
+                  configPaths: ["settings.modes.pictureInPicture.floatingPlayer.height"]
+                },
+                {
+                  id: "modesPipFloatingDisallowReturn",
+                  label: "Disallow return to opener",
+                  widget: "toggle",
+                  getValue: () => plug.config.pictureInPicture.floatingPlayer.disallowReturnToOpener ? "On" : "Off",
+                  onChange: (val) => plug.config.pictureInPicture.floatingPlayer.disallowReturnToOpener = val,
+                  configPaths: ["settings.modes.pictureInPicture.floatingPlayer.disallowReturnToOpener"],
+                  title: "Hide the 'Back to Tab' button in the floating window"
+                },
+                {
+                  id: "modesPipFloatingPreferInitial",
+                  label: "Prefer initial placement",
+                  widget: "toggle",
+                  getValue: () => plug.config.pictureInPicture.floatingPlayer.preferInitialWindowPlacement ? "On" : "Off",
+                  onChange: (val) => plug.config.pictureInPicture.floatingPlayer.preferInitialWindowPlacement = val,
+                  configPaths: ["settings.modes.pictureInPicture.floatingPlayer.preferInitialWindowPlacement"],
+                  title: "Try to open the floating window in the same screen position it was previously closed"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          id: "modesTheater",
+          label: "Theater mode",
+          widget: "group",
+          getValue: () => plug.config.theater.disabled ? "Off" : "On",
+          configPaths: ["settings.modes.theater.disabled"],
+          items: [
+            {
+              id: "modesTheaterDisabled",
+              label: "Disable",
+              widget: "toggle",
+              getValue: () => plug.config.theater.disabled ? "On" : "Off",
+              onChange: (val) => plug.config.theater.disabled = val,
+              configPaths: ["settings.modes.theater.disabled"]
+            }
+          ]
+        },
+        {
+          id: "modesMiniplayer",
+          label: "Miniplayer",
+          widget: "group",
+          getValue: () => plug.config.miniplayer.disabled ? "Off" : "On",
+          configPaths: ["settings.modes.miniplayer.disabled"],
+          items: [
+            {
+              id: "modesMiniplayerDisabled",
+              label: "Disable",
+              widget: "toggle",
+              getValue: () => plug.config.miniplayer.disabled ? "On" : "Off",
+              onChange: (val) => plug.config.miniplayer.disabled = val,
+              configPaths: ["settings.modes.miniplayer.disabled"]
+            },
+            {
+              id: "modesMiniplayerMinWidth",
+              label: "Min window width",
+              widget: "range",
+              getValue: () => `${Math.round(plug.config.miniplayer.minWindowWidth)}px`,
+              getRange: () => ({ min: 100, max: 1200, step: 20, formatTooltip: (v) => `${Math.round(v)}px` }),
+              onChange: (val) => plug.config.miniplayer.minWindowWidth = val,
+              configPaths: ["settings.modes.miniplayer.minWindowWidth"]
+            }
+          ]
+        }
+      ]
+    }
+  ]
+});
+
+export {
+  getSettingsModesMenu
+};
+//# sourceMappingURL=chunk-66HGOYPR.js.map

package/dist/chunk-66HGOYPR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/menus/settings/modes.ts"],"sourcesContent":["import type { SettingsMenuItem } from \"@plugs/settings/settingsView/types\";\nimport { type ModesPlug } from \"@plugs/settings/modes\";\nimport { getUIOpt, getBoolOrStr } from \"@utils/obj\";\n\nexport const getSettingsModesMenu = (plug: ModesPlug): SettingsMenuItem => ({\n  id: \"general\",\n  label: \"Advanced\",\n  icon: \"settings\",\n  widget: \"group\",\n  getValue: () => \"\",\n  items: [\n    {\n      id: \"modes\",\n      label: \"Modes\",\n      widget: \"group\",\n      getValue: () => (plug.config.fullscreen.disabled && plug.config.pictureInPicture.disabled && plug.config.theater.disabled && plug.config.miniplayer.disabled ? \"Off\" : \"On\"),\n      tipHTML: \"Configure fullscreen, picture-in-picture, and display modes\",\n      configPaths: [\"settings.modes.fullscreen.disabled\", \"settings.modes.pictureInPicture.disabled\", \"settings.modes.theater.disabled\", \"settings.modes.miniplayer.disabled\"],\n      items: [\n        {\n          id: \"modesFullscreen\",\n          label: \"Fullscreen\",\n          widget: \"group\",\n          getValue: () => (plug.config.fullscreen.disabled ? \"Off\" : \"On\"),\n          configPaths: [\"settings.modes.fullscreen.disabled\"],\n          items: [\n            {\n              id: \"modesFullscreenDisabled\",\n              label: \"Disable\",\n              widget: \"toggle\",\n              getValue: () => (plug.config.fullscreen.disabled ? \"On\" : \"Off\"),\n              onChange: (val: boolean) => (plug.config.fullscreen.disabled = val),\n              configPaths: [\"settings.modes.fullscreen.disabled\"],\n            },\n            {\n              id: \"modesFullscreenOrientationLock\",\n              label: \"Orientation lock\",\n              widget: \"select\",\n              getValue: () => getUIOpt(plug.config.fullscreen.orientationLock.options, plug.config.fullscreen.orientationLock.value),\n              getOptions: () => plug.config.fullscreen.orientationLock.options!,\n              onChange: (val: string) => (plug.config.fullscreen.orientationLock.value = getBoolOrStr(val) as typeof plug.config.fullscreen.orientationLock.value),\n              configPaths: [\"settings.modes.fullscreen.orientationLock.value\"],\n              tipHTML: \"Lock the device orientation to a specific layout when entering fullscreen\",\n            },\n            {\n              id: \"modesFullscreenOnRotate\",\n              label: \"Auto-fullscreen on rotate\",\n              widget: \"select\",\n              getValue: () => getUIOpt(plug.config.fullscreen.onRotate.options, plug.config.fullscreen.onRotate.value),\n              getOptions: () => plug.config.fullscreen.onRotate.options!,\n              onChange: (val: string) => (plug.config.fullscreen.onRotate.value = getBoolOrStr(val) as typeof plug.config.fullscreen.onRotate.value),\n              configPaths: [\"settings.modes.fullscreen.onRotate.value\"],\n              tipHTML: \"Automatically enter fullscreen mode when the device is rotated\",\n            },\n          ],\n        },\n        {\n          id: \"modesPip\",\n          label: \"Picture in picture\",\n          widget: \"group\",\n          getValue: () => (plug.config.pictureInPicture.disabled ? \"Off\" : \"On\"),\n          configPaths: [\"settings.modes.pictureInPicture.disabled\"],\n          items: [\n            {\n              id: \"modesPipDisabled\",\n              label: \"Disable\",\n              widget: \"toggle\",\n              getValue: () => (plug.config.pictureInPicture.disabled ? \"On\" : \"Off\"),\n              onChange: (val: boolean) => (plug.config.pictureInPicture.disabled = val),\n              configPaths: [\"settings.modes.pictureInPicture.disabled\"],\n            },\n            {\n              id: \"modesPipFloating\",\n              label: \"Floating player API\",\n              widget: \"group\",\n              getValue: () => \"\",\n              items: [\n                {\n                  id: \"modesPipFloatingDisabled\",\n                  label: \"Disable\",\n                  widget: \"toggle\",\n                  getValue: () => (plug.config.pictureInPicture.floatingPlayer.disabled ? \"On\" : \"Off\"),\n                  onChange: (val: boolean) => (plug.config.pictureInPicture.floatingPlayer.disabled = val),\n                  configPaths: [\"settings.modes.pictureInPicture.floatingPlayer.disabled\"],\n                  title: \"The floating player (Document PiP API) allows keeping the custom player UI in the Picture-in-Picture window\",\n                },\n                {\n                  id: \"modesPipFloatingWidth\",\n                  label: \"Initial width\",\n                  widget: \"range\",\n                  getValue: () => `${Math.round(plug.config.pictureInPicture.floatingPlayer.width)}px`,\n                  getRange: () => ({ min: 100, max: 1200, step: 20, formatTooltip: (v: number) => `${Math.round(v)}px` }),\n                  onChange: (val: number) => (plug.config.pictureInPicture.floatingPlayer.width = val),\n                  configPaths: [\"settings.modes.pictureInPicture.floatingPlayer.width\"],\n                },\n                {\n                  id: \"modesPipFloatingHeight\",\n                  label: \"Initial height\",\n                  widget: \"range\",\n                  getValue: () => `${Math.round(plug.config.pictureInPicture.floatingPlayer.height)}px`,\n                  getRange: () => ({ min: 100, max: 800, step: 20, formatTooltip: (v: number) => `${Math.round(v)}px` }),\n                  onChange: (val: number) => (plug.config.pictureInPicture.floatingPlayer.height = val),\n                  configPaths: [\"settings.modes.pictureInPicture.floatingPlayer.height\"],\n                },\n                {\n                  id: \"modesPipFloatingDisallowReturn\",\n                  label: \"Disallow return to opener\",\n                  widget: \"toggle\",\n                  getValue: () => (plug.config.pictureInPicture.floatingPlayer.disallowReturnToOpener ? \"On\" : \"Off\"),\n                  onChange: (val: boolean) => (plug.config.pictureInPicture.floatingPlayer.disallowReturnToOpener = val),\n                  configPaths: [\"settings.modes.pictureInPicture.floatingPlayer.disallowReturnToOpener\"],\n                  title: \"Hide the 'Back to Tab' button in the floating window\",\n                },\n                {\n                  id: \"modesPipFloatingPreferInitial\",\n                  label: \"Prefer initial placement\",\n                  widget: \"toggle\",\n                  getValue: () => (plug.config.pictureInPicture.floatingPlayer.preferInitialWindowPlacement ? \"On\" : \"Off\"),\n                  onChange: (val: boolean) => (plug.config.pictureInPicture.floatingPlayer.preferInitialWindowPlacement = val),\n                  configPaths: [\"settings.modes.pictureInPicture.floatingPlayer.preferInitialWindowPlacement\"],\n                  title: \"Try to open the floating window in the same screen position it was previously closed\",\n                },\n              ],\n            },\n          ],\n        },\n        {\n          id: \"modesTheater\",\n          label: \"Theater mode\",\n          widget: \"group\",\n          getValue: () => (plug.config.theater.disabled ? \"Off\" : \"On\"),\n          configPaths: [\"settings.modes.theater.disabled\"],\n          items: [\n            {\n              id: \"modesTheaterDisabled\",\n              label: \"Disable\",\n              widget: \"toggle\",\n              getValue: () => (plug.config.theater.disabled ? \"On\" : \"Off\"),\n              onChange: (val: boolean) => (plug.config.theater.disabled = val),\n              configPaths: [\"settings.modes.theater.disabled\"],\n            },\n          ],\n        },\n        {\n          id: \"modesMiniplayer\",\n          label: \"Miniplayer\",\n          widget: \"group\",\n          getValue: () => (plug.config.miniplayer.disabled ? \"Off\" : \"On\"),\n          configPaths: [\"settings.modes.miniplayer.disabled\"],\n          items: [\n            {\n              id: \"modesMiniplayerDisabled\",\n              label: \"Disable\",\n              widget: \"toggle\",\n              getValue: () => (plug.config.miniplayer.disabled ? \"On\" : \"Off\"),\n              onChange: (val: boolean) => (plug.config.miniplayer.disabled = val),\n              configPaths: [\"settings.modes.miniplayer.disabled\"],\n            },\n            {\n              id: \"modesMiniplayerMinWidth\",\n              label: \"Min window width\",\n              widget: \"range\",\n              getValue: () => `${Math.round(plug.config.miniplayer.minWindowWidth)}px`,\n              getRange: () => ({ min: 100, max: 1200, step: 20, formatTooltip: (v: number) => `${Math.round(v)}px` }),\n              onChange: (val: number) => (plug.config.miniplayer.minWindowWidth = val),\n              configPaths: [\"settings.modes.miniplayer.minWindowWidth\"],\n            },\n          ],\n        },\n      ],\n    },\n  ],\n});\n\ndeclare module \"@defs/registries\" {\n  interface MenuRegistryMap {\n    \"settings.modes\": typeof getSettingsModesMenu;\n  }\n}\n"],"mappings":";;;;;;AAIO,IAAM,uBAAuB,CAAC,UAAuC;AAAA,EAC1E,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU,MAAM;AAAA,EAChB,OAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU,MAAO,KAAK,OAAO,WAAW,YAAY,KAAK,OAAO,iBAAiB,YAAY,KAAK,OAAO,QAAQ,YAAY,KAAK,OAAO,WAAW,WAAW,QAAQ;AAAA,MACvK,SAAS;AAAA,MACT,aAAa,CAAC,sCAAsC,4CAA4C,mCAAmC,oCAAoC;AAAA,MACvK,OAAO;AAAA,QACL;AAAA,UACE,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU,MAAO,KAAK,OAAO,WAAW,WAAW,QAAQ;AAAA,UAC3D,aAAa,CAAC,oCAAoC;AAAA,UAClD,OAAO;AAAA,YACL;AAAA,cACE,IAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,UAAU,MAAO,KAAK,OAAO,WAAW,WAAW,OAAO;AAAA,cAC1D,UAAU,CAAC,QAAkB,KAAK,OAAO,WAAW,WAAW;AAAA,cAC/D,aAAa,CAAC,oCAAoC;AAAA,YACpD;AAAA,YACA;AAAA,cACE,IAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,UAAU,MAAM,SAAS,KAAK,OAAO,WAAW,gBAAgB,SAAS,KAAK,OAAO,WAAW,gBAAgB,KAAK;AAAA,cACrH,YAAY,MAAM,KAAK,OAAO,WAAW,gBAAgB;AAAA,cACzD,UAAU,CAAC,QAAiB,KAAK,OAAO,WAAW,gBAAgB,QAAQ,aAAa,GAAG;AAAA,cAC3F,aAAa,CAAC,iDAAiD;AAAA,cAC/D,SAAS;AAAA,YACX;AAAA,YACA;AAAA,cACE,IAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,UAAU,MAAM,SAAS,KAAK,OAAO,WAAW,SAAS,SAAS,KAAK,OAAO,WAAW,SAAS,KAAK;AAAA,cACvG,YAAY,MAAM,KAAK,OAAO,WAAW,SAAS;AAAA,cAClD,UAAU,CAAC,QAAiB,KAAK,OAAO,WAAW,SAAS,QAAQ,aAAa,GAAG;AAAA,cACpF,aAAa,CAAC,0CAA0C;AAAA,cACxD,SAAS;AAAA,YACX;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,UACE,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU,MAAO,KAAK,OAAO,iBAAiB,WAAW,QAAQ;AAAA,UACjE,aAAa,CAAC,0CAA0C;AAAA,UACxD,OAAO;AAAA,YACL;AAAA,cACE,IAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,UAAU,MAAO,KAAK,OAAO,iBAAiB,WAAW,OAAO;AAAA,cAChE,UAAU,CAAC,QAAkB,KAAK,OAAO,iBAAiB,WAAW;AAAA,cACrE,aAAa,CAAC,0CAA0C;AAAA,YAC1D;AAAA,YACA;AAAA,cACE,IAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,UAAU,MAAM;AAAA,cAChB,OAAO;AAAA,gBACL;AAAA,kBACE,IAAI;AAAA,kBACJ,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,UAAU,MAAO,KAAK,OAAO,iBAAiB,eAAe,WAAW,OAAO;AAAA,kBAC/E,UAAU,CAAC,QAAkB,KAAK,OAAO,iBAAiB,eAAe,WAAW;AAAA,kBACpF,aAAa,CAAC,yDAAyD;AAAA,kBACvE,OAAO;AAAA,gBACT;AAAA,gBACA;AAAA,kBACE,IAAI;AAAA,kBACJ,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,UAAU,MAAM,GAAG,KAAK,MAAM,KAAK,OAAO,iBAAiB,eAAe,KAAK,CAAC;AAAA,kBAChF,UAAU,OAAO,EAAE,KAAK,KAAK,KAAK,MAAM,MAAM,IAAI,eAAe,CAAC,MAAc,GAAG,KAAK,MAAM,CAAC,CAAC,KAAK;AAAA,kBACrG,UAAU,CAAC,QAAiB,KAAK,OAAO,iBAAiB,eAAe,QAAQ;AAAA,kBAChF,aAAa,CAAC,sDAAsD;AAAA,gBACtE;AAAA,gBACA;AAAA,kBACE,IAAI;AAAA,kBACJ,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,UAAU,MAAM,GAAG,KAAK,MAAM,KAAK,OAAO,iBAAiB,eAAe,MAAM,CAAC;AAAA,kBACjF,UAAU,OAAO,EAAE,KAAK,KAAK,KAAK,KAAK,MAAM,IAAI,eAAe,CAAC,MAAc,GAAG,KAAK,MAAM,CAAC,CAAC,KAAK;AAAA,kBACpG,UAAU,CAAC,QAAiB,KAAK,OAAO,iBAAiB,eAAe,SAAS;AAAA,kBACjF,aAAa,CAAC,uDAAuD;AAAA,gBACvE;AAAA,gBACA;AAAA,kBACE,IAAI;AAAA,kBACJ,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,UAAU,MAAO,KAAK,OAAO,iBAAiB,eAAe,yBAAyB,OAAO;AAAA,kBAC7F,UAAU,CAAC,QAAkB,KAAK,OAAO,iBAAiB,eAAe,yBAAyB;AAAA,kBAClG,aAAa,CAAC,uEAAuE;AAAA,kBACrF,OAAO;AAAA,gBACT;AAAA,gBACA;AAAA,kBACE,IAAI;AAAA,kBACJ,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,UAAU,MAAO,KAAK,OAAO,iBAAiB,eAAe,+BAA+B,OAAO;AAAA,kBACnG,UAAU,CAAC,QAAkB,KAAK,OAAO,iBAAiB,eAAe,+BAA+B;AAAA,kBACxG,aAAa,CAAC,6EAA6E;AAAA,kBAC3F,OAAO;AAAA,gBACT;AAAA,cACF;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,UACE,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU,MAAO,KAAK,OAAO,QAAQ,WAAW,QAAQ;AAAA,UACxD,aAAa,CAAC,iCAAiC;AAAA,UAC/C,OAAO;AAAA,YACL;AAAA,cACE,IAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,UAAU,MAAO,KAAK,OAAO,QAAQ,WAAW,OAAO;AAAA,cACvD,UAAU,CAAC,QAAkB,KAAK,OAAO,QAAQ,WAAW;AAAA,cAC5D,aAAa,CAAC,iCAAiC;AAAA,YACjD;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,UACE,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU,MAAO,KAAK,OAAO,WAAW,WAAW,QAAQ;AAAA,UAC3D,aAAa,CAAC,oCAAoC;AAAA,UAClD,OAAO;AAAA,YACL;AAAA,cACE,IAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,UAAU,MAAO,KAAK,OAAO,WAAW,WAAW,OAAO;AAAA,cAC1D,UAAU,CAAC,QAAkB,KAAK,OAAO,WAAW,WAAW;AAAA,cAC/D,aAAa,CAAC,oCAAoC;AAAA,YACpD;AAAA,YACA;AAAA,cACE,IAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,UAAU,MAAM,GAAG,KAAK,MAAM,KAAK,OAAO,WAAW,cAAc,CAAC;AAAA,cACpE,UAAU,OAAO,EAAE,KAAK,KAAK,KAAK,MAAM,MAAM,IAAI,eAAe,CAAC,MAAc,GAAG,KAAK,MAAM,CAAC,CAAC,KAAK;AAAA,cACrG,UAAU,CAAC,QAAiB,KAAK,OAAO,WAAW,iBAAiB;AAAA,cACpE,aAAa,CAAC,0CAA0C;AAAA,YAC1D;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-6IFGKHVM.js

@@ -0,0 +1,9 @@
+// src/ts/components/icons/brightnessdark.ts
+var brightnessdark = `<svg class="tmg-media-brightness-dark-icon" viewBox="0 0 25 25">
+  <path transform="translate(2, 2.5)" style="scale: 1.2;" d="M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM8.5 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm0 11a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm5-5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm-11 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm9.743-4.036a.5.5 0 1 1-.707-.707.5.5 0 0 1 .707.707zm-7.779 7.779a.5.5 0 1 1-.707-.707.5.5 0 0 1 .707.707zm7.072 0a.5.5 0 1 1 .707-.707.5.5 0 0 1-.707.707zM3.757 4.464a.5.5 0 1 1 .707-.707.5.5 0 0 1-.707.707z" />
+</svg>`;
+
+export {
+  brightnessdark
+};
+//# sourceMappingURL=chunk-6IFGKHVM.js.map

package/dist/chunk-6IFGKHVM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/brightnessdark.ts"],"sourcesContent":["export const brightnessdark = `<svg class=\"tmg-media-brightness-dark-icon\" viewBox=\"0 0 25 25\">\r\n  <path transform=\"translate(2, 2.5)\" style=\"scale: 1.2;\" d=\"M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM8.5 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm0 11a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm5-5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm-11 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm9.743-4.036a.5.5 0 1 1-.707-.707.5.5 0 0 1 .707.707zm-7.779 7.779a.5.5 0 1 1-.707-.707.5.5 0 0 1 .707.707zm7.072 0a.5.5 0 1 1 .707-.707.5.5 0 0 1-.707.707zM3.757 4.464a.5.5 0 1 1 .707-.707.5.5 0 0 1-.707.707z\" />\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    brightnessdark: typeof brightnessdark;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,iBAAiB;AAAA;AAAA;","names":[]}

package/dist/chunk-6K4HCMUL.js

@@ -0,0 +1,32 @@
+// src/ts/components/rangeinput/build.ts
+var RANGE_INPUT_BUILD = {
+  label: "Range Slider",
+  min: 0,
+  max: 100,
+  value: 0,
+  previewValue: 50,
+  step: 1,
+  scrub: {
+    sync: true,
+    relative: true,
+    cancel: {
+      delta: 5,
+      timeout: 1500
+    }
+  },
+  wheel: {
+    disabled: false,
+    axisRatio: 6
+  },
+  preview: true,
+  tooltip: true,
+  readonly: false,
+  disabled: false,
+  divs: [],
+  marks: []
+};
+
+export {
+  RANGE_INPUT_BUILD
+};
+//# sourceMappingURL=chunk-6K4HCMUL.js.map

package/dist/chunk-6K4HCMUL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/rangeinput/build.ts"],"sourcesContent":["import type { RangeInputConfig } from \"./types\";\r\n\r\nexport const RANGE_INPUT_BUILD: RangeInputConfig = {\r\n  label: \"Range Slider\",\r\n  min: 0,\r\n  max: 100,\r\n  value: 0,\r\n  previewValue: 50,\r\n  step: 1,\r\n  scrub: {\r\n    sync: true,\r\n    relative: true,\r\n    cancel: {\r\n      delta: 5,\r\n      timeout: 1500,\r\n    },\r\n  },\r\n  wheel: {\r\n    disabled: false,\r\n    axisRatio: 6,\r\n  },\r\n  preview: true,\r\n  tooltip: true,\r\n  readonly: false,\r\n  disabled: false,\r\n  divs: [],\r\n  marks: [],\r\n};\r\n"],"mappings":";AAEO,IAAM,oBAAsC;AAAA,EACjD,OAAO;AAAA,EACP,KAAK;AAAA,EACL,KAAK;AAAA,EACL,OAAO;AAAA,EACP,cAAc;AAAA,EACd,MAAM;AAAA,EACN,OAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AAAA,EACA,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM,CAAC;AAAA,EACP,OAAO,CAAC;AACV;","names":[]}

package/dist/chunk-6KYXFWBF.js

@@ -0,0 +1,32 @@
+import {
+  capitalize,
+  uncamelize
+} from "./chunk-ZJ6KVLUS.js";
+
+// src/ts/plugs/settings/auto/build.ts
+var APT_AUTOPLAY_OPTIONS = ["in-view", "out-view", "in-view-always", "out-view-always"];
+var AUTOPLAY_UI_OPTIONS = [{ value: false, display: "Off" }, ...APT_AUTOPLAY_OPTIONS.map((o) => ({ value: o, display: capitalize(uncamelize(String(o))) }))];
+var AUTO_BUILD = {
+  play: {
+    value: false,
+    options: AUTOPLAY_UI_OPTIONS
+  },
+  pause: {
+    value: false,
+    options: AUTOPLAY_UI_OPTIONS
+  },
+  next: {
+    value: 2e4,
+    preview: {
+      usePoster: true,
+      time: 4,
+      tease: true
+    }
+  }
+};
+
+export {
+  APT_AUTOPLAY_OPTIONS,
+  AUTO_BUILD
+};
+//# sourceMappingURL=chunk-6KYXFWBF.js.map

package/dist/chunk-6KYXFWBF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/auto/build.ts"],"sourcesContent":["import { AutoConfig } from \"./types\";\nimport { DeepPartial } from \"sia-reactor\";\nimport { capitalize, uncamelize } from \"@utils/str\";\n\nexport const APT_AUTOPLAY_OPTIONS = [\"in-view\", \"out-view\", \"in-view-always\", \"out-view-always\"] as const;\n\nconst AUTOPLAY_UI_OPTIONS = [{ value: false, display: \"Off\" }, ...APT_AUTOPLAY_OPTIONS.map((o) => ({ value: o, display: capitalize(uncamelize(String(o))) }))];\n\nexport const AUTO_BUILD: DeepPartial<AutoConfig> = {\n  play: {\n    value: false,\n    options: AUTOPLAY_UI_OPTIONS\n  },\n  pause: {\n    value: false,\n    options: AUTOPLAY_UI_OPTIONS\n  },\n  next: {\n    value: 20000,\n    preview: {\n      usePoster: true,\n      time: 4,\n      tease: true,\n    },\n  },\n};\n"],"mappings":";;;;;;AAIO,IAAM,uBAAuB,CAAC,WAAW,YAAY,kBAAkB,iBAAiB;AAE/F,IAAM,sBAAsB,CAAC,EAAE,OAAO,OAAO,SAAS,MAAM,GAAG,GAAG,qBAAqB,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,WAAW,WAAW,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AAEtJ,IAAM,aAAsC;AAAA,EACjD,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,MACP,WAAW;AAAA,MACX,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-6R5BZZM6.js

@@ -0,0 +1,95 @@
+import {
+  getBoolOrStr,
+  getUIOpt
+} from "./chunk-BROAUWON.js";
+
+// src/ts/plugs/menus/settings/auto.ts
+var getSettingsAutoMenu = (plug) => ({
+  id: "autoplay",
+  label: "Autoplay",
+  icon: "autoplay",
+  widget: "group",
+  getValue: () => getUIOpt(plug.config.play.options, plug.config.play.value),
+  tipHTML: "Configure automatic playback settings and transitions",
+  configPaths: ["settings.auto.play.value"],
+  items: [
+    {
+      id: "autoPlay",
+      label: "Autoplay",
+      widget: "select",
+      getValue: () => getUIOpt(plug.config.play.options, plug.config.play.value),
+      getOptions: () => plug.config.play.options,
+      onChange: (val) => plug.config.play.value = getBoolOrStr(val),
+      configPaths: ["settings.auto.play.value"],
+      tipHTML: "Automatically start playback when the player enters or leaves the viewport based on the selected option"
+    },
+    {
+      id: "autoPause",
+      label: "Auto-pause",
+      widget: "select",
+      getValue: () => getUIOpt(plug.config.pause.options, plug.config.pause.value),
+      getOptions: () => plug.config.pause.options,
+      onChange: (val) => plug.config.pause.value = getBoolOrStr(val),
+      configPaths: ["settings.auto.pause.value"],
+      tipHTML: "Automatically pause playback when the player enters or leaves the viewport based on the selected option"
+    },
+    {
+      id: "autoNext",
+      label: "Auto-next",
+      widget: "group",
+      getValue: () => plug.config.next.value === -1 ? "Off" : `${plug.config.next.value}ms`,
+      configPaths: ["settings.auto.next.value"],
+      items: [
+        {
+          id: "autoNextTime",
+          label: "Countdown Time",
+          widget: "input",
+          inputs: [{ label: "ms", placeholder: "20000", helperText: { info: "Time in ms to wait before automatically playing the next item in the playlist. Set to -1 to disable." }, type: "number", min: "-1", value: () => plug.config.next.value }],
+          getValue: () => plug.config.next.value === -1 ? "Off" : `${plug.config.next.value}ms`,
+          onChange: (val) => plug.config.next.value = val["ms"],
+          configPaths: ["settings.auto.next.value"]
+        },
+        {
+          id: "autoNextPreview",
+          label: "Preview",
+          widget: "group",
+          getValue: () => "",
+          items: [
+            {
+              id: "autoNextPreviewUsePoster",
+              label: "Use poster",
+              widget: "toggle",
+              getValue: () => plug.config.next.preview.usePoster ? "On" : "Off",
+              onChange: (val) => plug.config.next.preview.usePoster = val,
+              configPaths: ["settings.auto.next.preview.usePoster"],
+              tipHTML: "Display the next video's poster during the countdown."
+            },
+            {
+              id: "autoNextPreviewTease",
+              label: "Tease video",
+              widget: "toggle",
+              getValue: () => plug.config.next.preview.tease ? "On" : "Off",
+              onChange: (val) => plug.config.next.preview.tease = val,
+              configPaths: ["settings.auto.next.preview.tease"],
+              tipHTML: "Play a short silent preview of the next when no poster is present."
+            },
+            {
+              id: "autoNextPreviewTime",
+              label: "Preview Time",
+              widget: "input",
+              inputs: [{ label: "ms", placeholder: "4000", helperText: { info: "The poster fallback preview time in ms in the next video, where the tease ends." }, type: "number", min: "0", value: () => plug.config.next.preview.time * 1e3 }],
+              getValue: () => `${plug.config.next.preview.time * 1e3}ms`,
+              onChange: (val) => plug.config.next.preview.time = val["ms"] / 1e3,
+              configPaths: ["settings.auto.next.preview.time"]
+            }
+          ]
+        }
+      ]
+    }
+  ]
+});
+
+export {
+  getSettingsAutoMenu
+};
+//# sourceMappingURL=chunk-6R5BZZM6.js.map

package/dist/chunk-6R5BZZM6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/menus/settings/auto.ts"],"sourcesContent":["import type { SettingsMenuItem } from \"@plugs/settings/settingsView/types\";\nimport type { AutoPlug } from \"@plugs/settings/auto\";\nimport { getBoolOrStr, getUIOpt } from \"@utils/obj\";\n\nexport const getSettingsAutoMenu = (plug: AutoPlug): SettingsMenuItem => ({\n  id: \"autoplay\",\n  label: \"Autoplay\",\n  icon: \"autoplay\",\n  widget: \"group\",\n  getValue: () => getUIOpt(plug.config.play.options, plug.config.play.value),\n  tipHTML: \"Configure automatic playback settings and transitions\",\n  configPaths: [\"settings.auto.play.value\"],\n  items: [\n    {\n      id: \"autoPlay\",\n      label: \"Autoplay\",\n      widget: \"select\",\n      getValue: () => getUIOpt(plug.config.play.options, plug.config.play.value),\n      getOptions: () => plug.config.play.options!,\n      onChange: (val: string) => (plug.config.play.value = getBoolOrStr(val) as typeof plug.config.play.value),\n      configPaths: [\"settings.auto.play.value\"],\n      tipHTML: \"Automatically start playback when the player enters or leaves the viewport based on the selected option\",\n    },\n    {\n      id: \"autoPause\",\n      label: \"Auto-pause\",\n      widget: \"select\",\n      getValue: () => getUIOpt(plug.config.pause.options, plug.config.pause.value),\n      getOptions: () => plug.config.pause.options!,\n      onChange: (val: string) => (plug.config.pause.value = getBoolOrStr(val) as typeof plug.config.pause.value),\n      configPaths: [\"settings.auto.pause.value\"],\n      tipHTML: \"Automatically pause playback when the player enters or leaves the viewport based on the selected option\",\n    },\n    {\n      id: \"autoNext\",\n      label: \"Auto-next\",\n      widget: \"group\",\n      getValue: () => (plug.config.next.value === -1 ? \"Off\" : `${plug.config.next.value}ms`),\n      configPaths: [\"settings.auto.next.value\"],\n      items: [\n        {\n          id: \"autoNextTime\",\n          label: \"Countdown Time\",\n          widget: \"input\",\n          inputs: [{ label: \"ms\", placeholder: \"20000\", helperText: { info: \"Time in ms to wait before automatically playing the next item in the playlist. Set to -1 to disable.\" }, type: \"number\", min: \"-1\", value: () => plug.config.next.value }],\n          getValue: () => (plug.config.next.value === -1 ? \"Off\" : `${plug.config.next.value}ms`),\n          onChange: (val: Record<string, any>) => (plug.config.next.value = val[\"ms\"]),\n          configPaths: [\"settings.auto.next.value\"],\n        },\n        {\n          id: \"autoNextPreview\",\n          label: \"Preview\",\n          widget: \"group\",\n          getValue: () => \"\",\n          items: [\n            {\n              id: \"autoNextPreviewUsePoster\",\n              label: \"Use poster\",\n              widget: \"toggle\",\n              getValue: () => (plug.config.next.preview.usePoster ? \"On\" : \"Off\"),\n              onChange: (val: boolean) => (plug.config.next.preview.usePoster = val),\n              configPaths: [\"settings.auto.next.preview.usePoster\"],\n              tipHTML: \"Display the next video's poster during the countdown.\",\n            },\n            {\n              id: \"autoNextPreviewTease\",\n              label: \"Tease video\",\n              widget: \"toggle\",\n              getValue: () => (plug.config.next.preview.tease ? \"On\" : \"Off\"),\n              onChange: (val: boolean) => (plug.config.next.preview.tease = val),\n              configPaths: [\"settings.auto.next.preview.tease\"],\n              tipHTML: \"Play a short silent preview of the next when no poster is present.\",\n            },\n            {\n              id: \"autoNextPreviewTime\",\n              label: \"Preview Time\",\n              widget: \"input\",\n              inputs: [{ label: \"ms\", placeholder: \"4000\", helperText: { info: \"The poster fallback preview time in ms in the next video, where the tease ends.\" }, type: \"number\", min: \"0\", value: () => plug.config.next.preview.time * 1000 }],\n              getValue: () => `${plug.config.next.preview.time * 1000}ms`,\n              onChange: (val: Record<string, any>) => (plug.config.next.preview.time = val[\"ms\"] / 1000),\n              configPaths: [\"settings.auto.next.preview.time\"],\n            },\n          ],\n        },\n      ],\n    },\n  ],\n});\n\ndeclare module \"@defs/registries\" {\n  interface MenuRegistryMap {\n    \"settings.auto\": typeof getSettingsAutoMenu;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-6S5BMP4A.js

@@ -0,0 +1,9 @@
+// src/ts/components/icons/cast.ts
+var cast = `<svg class="tmg-media-cast-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="scale: 0.9;">
+  <path fill="none" d="M2 16.1A5 5 0 0 1 5.9 20M2 12.05A9 9 0 0 1 9.95 20M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6M2 20h.01"/>
+</svg>`;
+
+export {
+  cast
+};
+//# sourceMappingURL=chunk-6S5BMP4A.js.map

package/dist/chunk-6S5BMP4A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/icons/cast.ts"],"sourcesContent":["export const cast = `<svg class=\"tmg-media-cast-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"scale: 0.9;\">\r\n  <path fill=\"none\" d=\"M2 16.1A5 5 0 0 1 5.9 20M2 12.05A9 9 0 0 1 9.95 20M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6M2 20h.01\"/>\r\n</svg>`;\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface IconRegistryMap {\r\n    cast: typeof cast;\r\n  }\r\n}\r\n"],"mappings":";AAAO,IAAM,OAAO;AAAA;AAAA;","names":[]}

package/dist/chunk-6SHHKTGD.js

@@ -0,0 +1,73 @@
+import {
+  BRIGHTNESS_BUILD
+} from "./chunk-JPWNE7JO.js";
+import {
+  BaseSliderPlug
+} from "./chunk-M2NVOKGL.js";
+import {
+  clamp
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/brightness/index.ts
+var BrightnessPlug = class extends BaseSliderPlug {
+  constructor(ctlr, config = ctlr.settings.brightness) {
+    super(ctlr, config, { aptValue: 100 });
+    __publicField(this, "handleKeyDark", () => {
+      this.toggle("auto");
+      this.media.features.brightness && this.media.wonce("state.brightness", (v) => this.ctlr.plug("settings.notifiers")?.notify(!v ? "brightnessdark" : "brightnessup"), { signal: this.signal });
+    });
+    __publicField(this, "handleKeyBrightnessUp", () => {
+      this.changeAptValue(this.ctlr.plug("settings.keys")?.getModded("brightness", "", this.config.skip) ?? this.config.skip);
+    });
+    __publicField(this, "handleKeyBrightnessDown", () => {
+      this.changeAptValue(-(this.ctlr.plug("settings.keys")?.getModded("brightness", "", this.config.skip) ?? this.config.skip));
+    });
+  }
+  get toggleKey() {
+    return "dark";
+  }
+  wire() {
+    const brightness = this.media.intent.brightness ?? this.media.state.brightness ?? this.settings.css.brightness;
+    this.state.aptValue = clamp(this.config.min, brightness, this.config.max);
+    this.shouldToggle = this.shouldSetAptValue = this.media.intent.dark ?? false;
+    this.media.intent.brightness = this.shouldToggle ? 0 : this.state.aptValue;
+    this.media.set("intent.brightness", (v) => clamp(this.shouldToggle ? 0 : this.config.min, v, this.config.max), { signal: this.signal });
+    this.media.watch("tech", () => {
+      var _a, _b;
+      return (_a = this.media.features).brightness || (_a.brightness = true), (_b = this.media.features).dark || (_b.dark = true);
+    }, { init: true, signal: this.signal });
+    this.media.on("intent.brightness", this.handleBrightnessIntent, { capture: true, init: this.ctlr.payload.wired, initType: "set", signal: this.signal });
+    this.media.on("intent.dark", this.handleDarkIntent, { capture: true, init: this.ctlr.payload.wired, initType: "set", signal: this.signal });
+    this.media.on("state.brightness", (e) => this.handleSliderState(e.value), { init: this.ctlr.payload.wired, signal: this.signal });
+    this.ctlr.config.on("settings.brightness.min", (e) => this.handleMin(e.value), { init: true, signal: this.signal });
+    this.ctlr.config.on("settings.brightness.max", (e) => this.handleMax(e.value), { init: true, signal: this.signal });
+    this.ctlr.registerAction("dark", { fn: this.handleKeyDark, keyboard: { phase: "keyup" } });
+    this.ctlr.registerAction("brightnessUp", { fn: this.handleKeyBrightnessUp, keyboard: { phase: "keydown" } });
+    this.ctlr.registerAction("brightnessDown", { fn: this.handleKeyBrightnessDown, keyboard: { phase: "keydown" } });
+    super.wire();
+  }
+  handleBrightnessIntent(e, isNext = this.nextLevel === e.value) {
+    if (e.resolved) return;
+    if (isNext) this.nextLevel = null;
+    this.setValueState(e.value, isNext);
+    this.settings.css.brightness = e.value;
+    this.media.state.brightness = e.value;
+  }
+  handleDarkIntent(e, isNext = this.nextToggle === e.value) {
+    if (e.resolved) return;
+    if (isNext) this.nextToggle = null;
+    else if (this.media.state.dark === e.value && !!this.media.state.brightness) return e.resolve(this.name);
+    this.setToggleState(e.value, isNext);
+    this.media.state.dark = e.value;
+  }
+};
+__publicField(BrightnessPlug, "plugName", "brightness");
+__publicField(BrightnessPlug, "BUILD", BRIGHTNESS_BUILD);
+
+export {
+  BrightnessPlug
+};
+//# sourceMappingURL=chunk-6SHHKTGD.js.map

package/dist/chunk-6SHHKTGD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/brightness/index.ts"],"sourcesContent":["import { BaseSliderPlug } from \"@plugs/base/slider\";\nimport type { BrightnessConfig, BrightnessState } from \"./types\";\nimport { BRIGHTNESS_BUILD } from \"./build\";\nimport type { Controller } from \"@core/controller\";\nimport { REvent } from \"sia-reactor\";\nimport type { CtlrMedia } from \"@defs/contract\";\nimport { clamp } from \"@utils/num\";\n\nexport class BrightnessPlug extends BaseSliderPlug<BrightnessConfig, BrightnessState> {\n  public static readonly plugName = \"brightness\";\n  public static readonly BUILD = BRIGHTNESS_BUILD;\n  protected get toggleKey() {\n    return \"dark\" as const;\n  }\n\n  constructor(ctlr: Controller, config = ctlr.settings.brightness) {\n    super(ctlr, config, { aptValue: 100 });\n  }\n\n  public override wire(): void {\n    // Variables Assignment\n    const brightness = this.media.intent.brightness ?? this.media.state.brightness ?? this.settings.css.brightness;\n    this.state.aptValue = clamp(this.config.min, brightness, this.config.max);\n    this.shouldToggle = this.shouldSetAptValue = this.media.intent.dark ?? false;\n    this.media.intent.brightness = this.shouldToggle ? 0 : this.state.aptValue;\n    // Ctlr Media Setters\n    this.media.set(\"intent.brightness\", (v) => clamp(this.shouldToggle ? 0 : this.config.min, v, this.config.max), { signal: this.signal }); // #VALIDATOR: rules enforcement\n    // ----------- Watchers\n    this.media.watch(\"tech\", () => ((this.media.features.brightness ||= true), (this.media.features.dark ||= true)), { init: true, signal: this.signal });\n    // ----------- Listeners\n    this.media.on(\"intent.brightness\", this.handleBrightnessIntent, { capture: true, init: this.ctlr.payload.wired, initType: \"set\", signal: this.signal }); // #HIGHER-POWER: power arbitration\n    this.media.on(\"intent.dark\", this.handleDarkIntent, { capture: true, init: this.ctlr.payload.wired, initType: \"set\", signal: this.signal }); // #HIGHER-POWER: power arbitration\n    this.media.on(\"state.brightness\", (e) => this.handleSliderState(e.value), { init: this.ctlr.payload.wired, signal: this.signal });\n    // ---- Config ---------\n    this.ctlr.config.on(\"settings.brightness.min\", (e) => this.handleMin(e.value), { init: true, signal: this.signal });\n    this.ctlr.config.on(\"settings.brightness.max\", (e) => this.handleMax(e.value), { init: true, signal: this.signal });\n    // Post Wiring\n    this.ctlr.registerAction(\"dark\", { fn: this.handleKeyDark, keyboard: { phase: \"keyup\" } });\n    this.ctlr.registerAction(\"brightnessUp\", { fn: this.handleKeyBrightnessUp, keyboard: { phase: \"keydown\" } });\n    this.ctlr.registerAction(\"brightnessDown\", { fn: this.handleKeyBrightnessDown, keyboard: { phase: \"keydown\" } });\n    super.wire();\n  }\n\n  protected handleBrightnessIntent(e: REvent<CtlrMedia, \"intent.brightness\">, isNext = this.nextLevel === e.value): void {\n    if (e.resolved) return;\n    if (isNext) this.nextLevel = null;\n    this.setValueState(e.value, isNext);\n    this.settings.css.brightness = e.value;\n    this.media.state.brightness = e.value;\n    // e.resolve(this.name); // #UMBRELLA: must envelope logic\n  }\n\n  protected handleDarkIntent(e: REvent<CtlrMedia, \"intent.dark\">, isNext = this.nextToggle === e.value): void {\n    if (e.resolved) return;\n    if (isNext) this.nextToggle = null;\n    else if (this.media.state.dark === e.value && !!this.media.state.brightness) return e.resolve(this.name);\n    this.setToggleState(e.value, isNext);\n    this.media.state.dark = e.value;\n    // e.resolve(this.name); // #UMBRELLA: must envelope logic\n  }\n\n  protected handleKeyDark = (): void => {\n    this.toggle(\"auto\");\n    this.media.features.brightness && this.media.wonce(\"state.brightness\", (v) => this.ctlr.plug(\"settings.notifiers\")?.notify(!v ? \"brightnessdark\" : \"brightnessup\"), { signal: this.signal });\n  };\n  protected handleKeyBrightnessUp = (): void => {\n    this.changeAptValue(this.ctlr.plug(\"settings.keys\")?.getModded(\"brightness\", \"\", this.config.skip) ?? this.config.skip);\n  };\n  protected handleKeyBrightnessDown = (): void => {\n    this.changeAptValue(-(this.ctlr.plug(\"settings.keys\")?.getModded(\"brightness\", \"\", this.config.skip) ?? this.config.skip));\n  };\n}\n\nexport type * from \"./types\";\nexport * from \"./build\";\n\ndeclare module \"@defs/registries\" {\n  interface PlugRegistryMap {\n    \"settings.brightness\": typeof BrightnessPlug;\n  }\n}\n\ndeclare module \"@defs/config\" {\n  interface Settings {\n    brightness: BrightnessConfig;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-6U3M7V32.js

@@ -0,0 +1,46 @@
+import {
+  LUID_KEY
+} from "./chunk-57L2PE3B.js";
+import {
+  uid
+} from "./chunk-ZJ6KVLUS.js";
+
+// src/ts/utils/str.ts
+var uid2 = (prefix = "tmg_") => uid(prefix);
+function luid(key = LUID_KEY, prefix = "tmg_local_") {
+  let id = localStorage.getItem(key);
+  return !id && localStorage.setItem(key, id = uid2(prefix)), id || "";
+}
+function getSimilarity(target, spoken) {
+  if (target === spoken) return 1;
+  if (target.length < 2 || spoken.length < 2) return 0;
+  let matches = 0;
+  for (let i = 0; i < target.length - 1; i++) {
+    const bigram = target.substring(i, i + 2);
+    if (spoken.includes(bigram)) matches++;
+  }
+  return matches / (target.length - 1);
+}
+function fuzzyMatch(targets, transcript, threshold) {
+  const tokens = transcript.split(/\s+/);
+  for (const target of targets) {
+    const targetBlob = target.replace(/[-\s]/g, "");
+    for (let i = 0; i < tokens.length; i++) {
+      let rawChunk = "", chunkBlob = "";
+      for (let j = i; j < tokens.length; j++) {
+        rawChunk += (j === i ? "" : " ") + tokens[j];
+        chunkBlob += tokens[j];
+        if (chunkBlob === targetBlob || getSimilarity(targetBlob, chunkBlob) >= threshold) return rawChunk;
+      }
+    }
+  }
+  return null;
+}
+
+export {
+  uid2 as uid,
+  luid,
+  getSimilarity,
+  fuzzyMatch
+};
+//# sourceMappingURL=chunk-6U3M7V32.js.map

package/dist/chunk-6U3M7V32.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/utils/str.ts"],"sourcesContent":["import { uid as _uid } from \"@t007/utils\";\r\nimport { LUID_KEY } from \"@consts/generics\";\r\n\r\n// Case Conversion\r\nexport { capitalize, camelize, uncamelize } from \"@t007/utils\";\r\n\r\n// Generation\r\nexport const uid = (prefix = \"tmg_\") => _uid(prefix);\r\n\r\nexport function luid(key = LUID_KEY, prefix = \"tmg_local_\"): string {\r\n  let id = localStorage.getItem(key);\r\n  return !id && localStorage.setItem(key, (id = uid(prefix))), id || \"\";\r\n}\r\n\r\n// Parsers\r\nexport { remToPx, pxToRem, parseCSSTime, parseCSSSize } from \"@t007/utils\";\r\n\r\n// Checkers\r\nexport { cleanURL, isSameURL } from \"@t007/utils\";\r\n\r\n// Fuzzy String Matching\r\nexport function getSimilarity(target: string, spoken: string): number {\r\n  if (target === spoken) return 1;\r\n  if (target.length < 2 || spoken.length < 2) return 0;\r\n  let matches = 0;\r\n  for (let i = 0; i < target.length - 1; i++) {\r\n    const bigram = target.substring(i, i + 2);\r\n    if (spoken.includes(bigram)) matches++;\r\n  }\r\n  // console.log(`Fuzzy Match: ${target} vs ${spoken} = ${matches} / ${target.length - 1} = ${matches / (target.length - 1)}`);\r\n  return matches / (target.length - 1); // Returns a score from 0.0 to 1.0 (e.g., 0.85 = 85% match)\r\n}\r\n\r\nexport function fuzzyMatch(targets: string[], transcript: string, threshold: number): string | null {\r\n  const tokens = transcript.split(/\\s+/);\r\n  for (const target of targets) {\r\n    const targetBlob = target.replace(/[-\\s]/g, \"\");\r\n    for (let i = 0; i < tokens.length; i++) {\r\n      let rawChunk = \"\",\r\n        chunkBlob = \"\";\r\n      // Group words together to check multi-word phrases\r\n      for (let j = i; j < tokens.length; j++) {\r\n        rawChunk += (j === i ? \"\" : \" \") + tokens[j]; // The exact string with spaces\r\n        chunkBlob += tokens[j]; // The squashed string for math\r\n        if (chunkBlob === targetBlob || getSimilarity(targetBlob, chunkBlob) >= threshold) return rawChunk; // Returns exactly what was spoken (e.g., \"six seven\")\r\n      }\r\n    }\r\n  }\r\n  return null;\r\n}\r\n"],"mappings":";;;;;;;;AAOO,IAAMA,OAAM,CAAC,SAAS,WAAW,IAAK,MAAM;AAE5C,SAAS,KAAK,MAAM,UAAU,SAAS,cAAsB;AAClE,MAAI,KAAK,aAAa,QAAQ,GAAG;AACjC,SAAO,CAAC,MAAM,aAAa,QAAQ,KAAM,KAAKA,KAAI,MAAM,CAAE,GAAG,MAAM;AACrE;AASO,SAAS,cAAc,QAAgB,QAAwB;AACpE,MAAI,WAAW,OAAQ,QAAO;AAC9B,MAAI,OAAO,SAAS,KAAK,OAAO,SAAS,EAAG,QAAO;AACnD,MAAI,UAAU;AACd,WAAS,IAAI,GAAG,IAAI,OAAO,SAAS,GAAG,KAAK;AAC1C,UAAM,SAAS,OAAO,UAAU,GAAG,IAAI,CAAC;AACxC,QAAI,OAAO,SAAS,MAAM,EAAG;AAAA,EAC/B;AAEA,SAAO,WAAW,OAAO,SAAS;AACpC;AAEO,SAAS,WAAW,SAAmB,YAAoB,WAAkC;AAClG,QAAM,SAAS,WAAW,MAAM,KAAK;AACrC,aAAW,UAAU,SAAS;AAC5B,UAAM,aAAa,OAAO,QAAQ,UAAU,EAAE;AAC9C,aAAS,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK;AACtC,UAAI,WAAW,IACb,YAAY;AAEd,eAAS,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK;AACtC,qBAAa,MAAM,IAAI,KAAK,OAAO,OAAO,CAAC;AAC3C,qBAAa,OAAO,CAAC;AACrB,YAAI,cAAc,cAAc,cAAc,YAAY,SAAS,KAAK,UAAW,QAAO;AAAA,MAC5F;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;","names":["uid"]}

package/dist/chunk-73XT2QVM.js

@@ -0,0 +1,47 @@
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/controls/fullscreenorientation.ts
+var FullscreenOrientationButton = class extends BaseComponent {
+  get pin() {
+    return this.ctlr.plug("settings.modes")?.fullscreen;
+  }
+  create() {
+    this.element = createEl("button", { className: "tmg-media-fullscreen-orientation-btn", type: "button", innerHTML: IconRegistry.get("fullscreenorientation") }, { draggableControl: "", controlId: this.name });
+    return this.hide(), this.element;
+  }
+  wire() {
+    this.media.on("features.fullscreen", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.media.on("features.fullscreenOrientation", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });
+    this.el.addEventListener("click", this.handleClick, { signal: this.signal });
+    this.media.on("state.fullscreen", () => this[this.canShow ? "show" : "hide"](), { init: this.ctlr.payload.wired, signal: this.signal });
+    this.syncARIA();
+  }
+  handleClick() {
+    this.pin?.changeScreenOrientation();
+  }
+  syncARIA() {
+    this.el.title = this.state.label = "Change orientation";
+    this.setBtnARIA();
+  }
+  get canShow() {
+    return this.media.state.fullscreen && !!this.media.features.fullscreen && !!this.media.features.fullscreenOrientation;
+  }
+};
+__publicField(FullscreenOrientationButton, "componentName", "fullscreenorientation");
+__publicField(FullscreenOrientationButton, "isControl", true);
+
+export {
+  FullscreenOrientationButton
+};
+//# sourceMappingURL=chunk-73XT2QVM.js.map

package/dist/chunk-73XT2QVM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/controls/fullscreenorientation.ts"],"sourcesContent":["import { BaseComponent, ComponentState } from \"../base\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport { createEl } from \"@utils/dom\";\r\n\r\nexport type FullscreenOrientationConfig = undefined;\r\n\r\nexport class FullscreenOrientationButton extends BaseComponent<FullscreenOrientationConfig, ComponentState, HTMLButtonElement> {\r\n  public static readonly componentName: string = \"fullscreenorientation\";\r\n  public static readonly isControl: boolean = true;\r\n  protected get pin() {\r\n    return this.ctlr.plug(\"settings.modes\")?.fullscreen;\r\n  }\r\n\r\n  public override create() {\r\n    this.element = createEl(\"button\", { className: \"tmg-media-fullscreen-orientation-btn\", type: \"button\", innerHTML: IconRegistry.get(\"fullscreenorientation\") }, { draggableControl: \"\", controlId: this.name });\r\n    return this.hide(), this.element;\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Features Gating\r\n    this.media.on(\"features.fullscreen\", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    this.media.on(\"features.fullscreenOrientation\", this.gate, { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // Event Listeners\r\n    this.el.addEventListener(\"click\", this.handleClick, { signal: this.signal });\r\n    // Ctlr Media Listeners\r\n    this.media.on(\"state.fullscreen\", () => this[this.canShow ? \"show\" : \"hide\"](), { init: this.ctlr.payload.wired, signal: this.signal });\r\n    // Post Wiring\r\n    this.syncARIA();\r\n  }\r\n\r\n  protected handleClick(): void {\r\n    this.pin?.changeScreenOrientation();\r\n  }\r\n\r\n  public syncARIA(): void {\r\n    this.el.title = this.state.label = \"Change orientation\";\r\n    this.setBtnARIA();\r\n  }\r\n\r\n  protected override get canShow(): boolean {\r\n    return this.media.state.fullscreen && !!this.media.features.fullscreen && !!this.media.features.fullscreenOrientation;\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    fullscreenorientation: typeof FullscreenOrientationButton;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;AAMO,IAAM,8BAAN,cAA0C,cAA8E;AAAA,EAG7H,IAAc,MAAM;AAClB,WAAO,KAAK,KAAK,KAAK,gBAAgB,GAAG;AAAA,EAC3C;AAAA,EAEgB,SAAS;AACvB,SAAK,UAAU,SAAS,UAAU,EAAE,WAAW,wCAAwC,MAAM,UAAU,WAAW,aAAa,IAAI,uBAAuB,EAAE,GAAG,EAAE,kBAAkB,IAAI,WAAW,KAAK,KAAK,CAAC;AAC7M,WAAO,KAAK,KAAK,GAAG,KAAK;AAAA,EAC3B;AAAA,EAEgB,OAAa;AAE3B,SAAK,MAAM,GAAG,uBAAuB,KAAK,MAAM,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AACtG,SAAK,MAAM,GAAG,kCAAkC,KAAK,MAAM,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAEjH,SAAK,GAAG,iBAAiB,SAAS,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAE3E,SAAK,MAAM,GAAG,oBAAoB,MAAM,KAAK,KAAK,UAAU,SAAS,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,QAAQ,OAAO,QAAQ,KAAK,OAAO,CAAC;AAEtI,SAAK,SAAS;AAAA,EAChB;AAAA,EAEU,cAAoB;AAC5B,SAAK,KAAK,wBAAwB;AAAA,EACpC;AAAA,EAEO,WAAiB;AACtB,SAAK,GAAG,QAAQ,KAAK,MAAM,QAAQ;AACnC,SAAK,WAAW;AAAA,EAClB;AAAA,EAEA,IAAuB,UAAmB;AACxC,WAAO,KAAK,MAAM,MAAM,cAAc,CAAC,CAAC,KAAK,MAAM,SAAS,cAAc,CAAC,CAAC,KAAK,MAAM,SAAS;AAAA,EAClG;AACF;AAnCE,cADW,6BACY,iBAAwB;AAC/C,cAFW,6BAEY,aAAqB;","names":[]}