tmg-media-player 0.0.1

package/dist/chunk-EHQJNRJV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/settingsView/menu/widgets/toggle.ts","../src/ts/plugs/settings/settingsView/menu/widgets/select.ts","../src/ts/plugs/settings/settingsView/menu/widgets/color.ts","../src/ts/plugs/settings/settingsView/menu/widgets/group.ts","../src/ts/plugs/settings/settingsView/menu/widgets/input.ts","../src/ts/plugs/settings/settingsView/menu/widgets/dragselect.ts","../src/ts/plugs/settings/settingsView/menu/widgets/limits.ts","../src/ts/plugs/settings/settingsView/menu/widgets/range.ts"],"sourcesContent":["import { BaseWidget, WidgetRegistry } from \".\";\r\nimport { createEl } from \"@utils/dom\";\r\n\r\nexport class ToggleWidget extends BaseWidget {\r\n  private track!: HTMLElement;\r\n  private input!: HTMLInputElement;\r\n\r\n  public override render(): HTMLElement {\r\n    this.track = createEl(\"span\", { className: \"tmg-media-smenu-toggle-track\" });\r\n    const thumb = createEl(\"span\", { className: \"tmg-media-smenu-toggle-thumb\" });\r\n    this.input = createEl(\"input\", { type: \"checkbox\", className: \"t007-input tmg-media-smenu-toggle-input\" });\r\n    this.element = createEl(\"label\", { className: \"tmg-media-smenu-toggle-wrapper\", role: \"switch\" });\r\n    this.track.append(thumb);\r\n    this.element.append(this.input, this.track);\r\n    this.input.addEventListener(\"change\", () => (this.item.onChange?.(this.input.checked), (this.element.ariaChecked = String(this.input.checked)), this.syncTrack(this.input.checked)));\r\n    return this.syncUI(), this.element;\r\n  }\r\n\r\n  public override syncUI(): void {\r\n    this.input.checked = this.item.getValue() === \"true\" || this.item.getValue() === \"On\";\r\n    this.element.ariaChecked = String(this.input.checked);\r\n    this.syncTrack(this.input.checked);\r\n  }\r\n\r\n  private syncTrack(on: boolean): void {\r\n    this.track.classList.toggle(\"tmg-media-smenu-toggle-on\", on);\r\n  }\r\n}\r\n\r\nWidgetRegistry.register(\"toggle\", ToggleWidget);\r\n","import { UITuple } from \"@defs/UIOptions\";\r\nimport { BaseWidget, WidgetRegistry } from \".\";\r\nimport { createEl, createListRenderer } from \"@utils/dom\";\r\nimport { parseUIOpt } from \"@utils/obj\";\r\n\r\nexport class SelectWidget<T = unknown> extends BaseWidget<T> {\r\n  private renderRows!: ReturnType<typeof createListRenderer<UITuple<T>>>;\r\n  private currentValue: string | string[] = \"\";\r\n\r\n  public override render(): HTMLElement {\r\n    this.element = createEl(\"ul\", { className: \"tmg-media-smenu-select-list\", role: \"listbox\" });\r\n    this.renderRows = createListRenderer<UITuple<T>>({\r\n      container: this.element,\r\n      getKey: (opt) => opt.value as string,\r\n      createNode: (opt) => {\r\n        const li = createEl(\"li\", { className: \"tmg-media-smenu-select-option\", role: \"option\", tabIndex: 0, title: opt.title }, { optVal: opt.value as string }),\r\n          check = createEl(\"span\", { className: \"tmg-media-smenu-select-check\", ariaHidden: \"true\" }),\r\n          label = createEl(\"span\", { className: \"tmg-media-smenu-select-label\", textContent: opt.display });\r\n        li.append(check, label), opt.infoText && li.append(createEl(\"span\", { className: \"tmg-media-smenu-select-info\", textContent: opt.infoText }));\r\n        li.addEventListener(\"click\", () => {\r\n          const isMulti = this.item.getMultiple?.();\r\n          if (!isMulti && (label.textContent === this.currentValue || li.dataset.optVal === this.currentValue)) return;\r\n          this.item.onChange?.(opt.value);\r\n          this.currentValue = isMulti ? this.item.getValue() || [] : label.textContent!;\r\n          this.syncActive();\r\n        });\r\n        return li;\r\n      },\r\n      updateNode: (node, opt) => {\r\n        node.querySelector<HTMLElement>(\".tmg-media-smenu-select-label\")!.textContent = opt.display;\r\n        opt.title ? (node.title = opt.title) : node.removeAttribute(\"title\");\r\n        const infoNode = node.querySelector<HTMLElement>(\".tmg-media-smenu-select-info\");\r\n        opt.infoText ? (infoNode ? (infoNode.textContent = opt.infoText) : node.append(createEl(\"span\", { className: \"tmg-media-smenu-select-info\", textContent: opt.infoText }))) : infoNode?.remove();\r\n        node.dataset.optVal = opt.value as string;\r\n        const isMulti = this.item.getMultiple?.(),\r\n          vals = isMulti ? (Array.isArray(this.currentValue) ? this.currentValue : [this.currentValue]) : [this.currentValue];\r\n        node.ariaSelected = String(vals.includes(opt.display) || vals.includes(node.dataset.optVal));\r\n      },\r\n    });\r\n    return this.syncUI(), this.element;\r\n  }\r\n\r\n  public override syncUI(): void {\r\n    this.currentValue = this.item.getValue() || (this.item.getMultiple?.() ? [] : \"\");\r\n    this.renderRows((this.item.getOptions?.() ?? []).map((o) => parseUIOpt(o)));\r\n    this.syncActive();\r\n  }\r\n\r\n  private syncActive(): void {\r\n    const isMulti = this.item.getMultiple?.(),\r\n      vals = isMulti ? (Array.isArray(this.currentValue) ? this.currentValue : [this.currentValue]) : [this.currentValue];\r\n    for (const li of this.element.querySelectorAll<HTMLElement>(\"[data-opt-val]\")) {\r\n      const active = vals.includes(li.querySelector(\".tmg-media-smenu-select-label\")!.textContent!) || vals.includes(li.dataset.optVal!);\r\n      li.classList.toggle(\"tmg-media-smenu-option-active\", active), (li.ariaSelected = String(active));\r\n    }\r\n  }\r\n}\r\n\r\nWidgetRegistry.register(\"select\", SelectWidget);\r\n","import { UITuple } from \"@defs/UIOptions\";\r\nimport { BaseWidget, WidgetRegistry } from \".\";\r\nimport { createEl, createListRenderer } from \"@utils/dom\";\r\nimport { parseUIOpt } from \"@utils/obj\";\r\n\r\nexport class ColorWidget<T = unknown> extends BaseWidget<T> {\r\n  private renderSwatches!: ReturnType<typeof createListRenderer<UITuple<T>>>;\r\n  private freeInput!: HTMLInputElement;\r\n  private currentValue!: string;\r\n\r\n  public override render(): HTMLElement {\r\n    this.element = createEl(\"div\", { className: \"tmg-media-smenu-color-wrapper\" });\r\n    const grid = createEl(\"div\", { className: \"tmg-media-smenu-color-grid\", role: \"listbox\" });\r\n    this.renderSwatches = createListRenderer<UITuple<T>>({\r\n      container: grid,\r\n      getKey: (opt) => opt.value as string,\r\n      createNode: (opt) => {\r\n        const btn = createEl(\"button\", { type: \"button\", className: \"tmg-media-smenu-color-swatch\", title: opt.display, ariaLabel: opt.display }, { colorVal: opt.value as string });\r\n        btn.style.setProperty(\"--swatch\", opt.value as string);\r\n        btn.addEventListener(\"click\", () => {\r\n          this.item.onChange?.(opt.value);\r\n          this.currentValue = btn.ariaLabel ?? btn.dataset.colorVal!;\r\n          this.freeInput.value = btn.dataset.colorVal!;\r\n          this.syncActive();\r\n        });\r\n        return btn;\r\n      },\r\n      updateNode: (node, opt) => {\r\n        node.style.setProperty(\"--swatch\", opt.value as string);\r\n        node.dataset.colorVal = opt.value as string;\r\n        node.ariaLabel = opt.display;\r\n        node.ariaSelected = String(opt.display === this.currentValue || node.dataset.colorVal === this.currentValue);\r\n        node.classList.toggle(\"tmg-media-smenu-color-active\", opt.display === this.currentValue || node.dataset.colorVal === this.currentValue);\r\n      },\r\n    });\r\n    const field = t007.field({ type: \"color\", value: this.currentValue, className: \"tmg-media-smenu-color-free\" });\r\n    (this.freeInput = field.inputEl).addEventListener(\"input\", () => {\r\n      this.item.onChange?.(this.freeInput.value as T);\r\n      const activeBtn = this.element.querySelector<HTMLElement>(`[data-color-val=\"${this.freeInput.value}\"]`);\r\n      this.currentValue = activeBtn?.ariaLabel ?? this.freeInput.value;\r\n      this.syncActive();\r\n    });\r\n    return this.element.append(grid, field), this.syncUI(), this.element;\r\n  }\r\n  public override syncUI(): void {\r\n    this.currentValue = this.item.getValue() || \"\";\r\n    const activeBtn = this.element.querySelector<HTMLElement>(`:is([aria-label=\"${this.currentValue}\"], [data-color-val=\"${this.currentValue}\"])`);\r\n    if (this.freeInput) this.freeInput.value = activeBtn?.dataset.colorVal ?? this.currentValue;\r\n    this.renderSwatches((this.item.getOptions?.() ?? []).map((o) => parseUIOpt(o)));\r\n    this.syncActive();\r\n  }\r\n\r\n  private syncActive(): void {\r\n    for (const btn of this.element.querySelectorAll<HTMLElement>(\"[data-color-val]\")) {\r\n      const active = btn.ariaLabel === this.currentValue || btn.dataset.colorVal === this.currentValue;\r\n      btn.classList.toggle(\"tmg-media-smenu-color-active\", active);\r\n      btn.ariaSelected = String(active);\r\n    }\r\n  }\r\n}\r\n\r\nWidgetRegistry.register(\"color\", ColorWidget);\r\n","import type { SettingsMenuItem, SettingsRowElement } from \"../../types\";\r\nimport { BaseWidget, WidgetRegistry } from \".\";\r\nimport { createEl, createListRenderer } from \"@utils/dom\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport { isFunc } from \"../../../../../super/utils\";\r\n\r\nexport class GroupWidget extends BaseWidget {\r\n  private renderRows!: ReturnType<typeof createListRenderer<SettingsMenuItem>>;\r\n  public onSubItemClick?: (item: SettingsMenuItem) => void;\r\n\r\n  public override render(): HTMLElement {\r\n    this.element = createEl(\"ul\", { className: \"tmg-media-smenu-group-list\" });\r\n    this.renderRows = createListRenderer<SettingsMenuItem>({\r\n      container: this.element,\r\n      getKey: (sub) => sub.id,\r\n      createNode: (item) => this.buildRow(item),\r\n      destroyNode: (node) => ((node as any)._ac?.abort(), (node as SettingsRowElement).widget?.destroy(), node.remove()),\r\n    });\r\n    return this.syncUI(), this.element;\r\n  }\r\n\r\n  public override syncUI(): void {\r\n    const active = (this.item.items ?? []).filter((sub) => {\r\n      if (isFunc(sub.hidden) ? sub.hidden() : sub.hidden) return false;\r\n      return !sub.feature || Boolean(this.media.features[sub.feature]);\r\n    });\r\n    this.renderRows(active);\r\n    active.forEach((sub) => {\r\n      const li = this.element.querySelector<SettingsRowElement>(`.tmg-media-smenu-group-row[data-sub-id=\"${sub.id}\"]`);\r\n      if (li) {\r\n        const valNode = li.querySelector<HTMLElement>(\".tmg-media-smenu-group-value\");\r\n        valNode ? (valNode.textContent = sub.getValue?.() || \"\") : li.widget?.syncUI();\r\n      }\r\n    });\r\n  }\r\n\r\n  private buildRow(sub: SettingsMenuItem): HTMLElement {\r\n    const isWidget = sub.widget === \"toggle\" || sub.inline,\r\n      disabled = sub.getDisabled?.() ?? ([\"select\", \"drag-select\"].includes(sub.widget as string) && sub.getOptions?.()?.length === 0),\r\n      li = createEl(\"li\", { className: \"tmg-media-smenu-group-row\" + (disabled ? \" tmg-media-control-disabled\" : \"\"), tabIndex: 0, inert: disabled || undefined }, { subId: sub.id }) as SettingsRowElement,\r\n      lbl = createEl(\"span\", { className: \"tmg-media-smenu-group-label\", textContent: sub.label });\r\n    if (sub.title) li.title = isFunc(sub.title) ? sub.title() : sub.title;\r\n    if (sub.icon) {\r\n      const iconSvg = IconRegistry.get(sub.icon, true);\r\n      if (iconSvg) li.append(createEl(\"span\", { className: \"tmg-media-smenu-group-icon\", innerHTML: iconSvg }));\r\n    }\r\n    if (isWidget) {\r\n      const widget = WidgetRegistry.create(sub, this.ctlr);\r\n      if (widget) {\r\n        sub.inline && sub.widget !== \"toggle\" ? (li.removeAttribute(\"tabindex\"), li.classList.replace(\"tmg-media-smenu-group-row\", \"tmg-media-smenu-inline-wrapper\"), li.append(widget.render()), sub.widget === \"range\" && li.classList.add(\"tmg-media-smenu-row-inline-block\")) : (li.append(lbl, widget.render()), li.classList.add(\"tmg-media-smenu-row-inline\"));\r\n        li.widget = widget;\r\n        li.addEventListener(\"click\", (e) => !disabled && (e.target === li || e.target === lbl) && li.querySelector<HTMLElement>(\"input, button\")?.click());\r\n      } else li.append(lbl);\r\n    } else {\r\n      const val = createEl(\"span\", { className: \"tmg-media-smenu-group-value\", textContent: sub.getValue() || \"\" });\r\n      sub.widget !== \"button\" ? li.append(lbl, val, createEl(\"span\", { className: \"tmg-media-smenu-group-arrow\", ariaHidden: \"true\", innerHTML: \"&#8250;\" })) : li.append(lbl);\r\n      li.addEventListener(\"click\", () => !disabled && (sub.widget === \"button\" ? sub.onChange?.(null) : this.onSubItemClick?.(sub)));\r\n      if (sub.mediaPaths || sub.configPaths || sub.onWire) {\r\n        const ac = new AbortController(),\r\n          syncUI = () => {\r\n            const valNode = li.querySelector<HTMLElement>(\".tmg-media-smenu-group-value\");\r\n            valNode ? (valNode.textContent = sub.getValue() || \"\") : (li as SettingsRowElement).widget?.syncUI();\r\n            const _d = sub.getDisabled?.() ?? ([\"select\", \"drag-select\"].includes(sub.widget as string) && sub.getOptions?.()?.length === 0);\r\n            (li.inert = !!_d), li.classList.toggle(\"tmg-media-control-disabled\", !!_d);\r\n          };\r\n        sub.mediaPaths?.forEach((path) => this.media.on(path, syncUI, { signal: ac.signal }));\r\n        sub.configPaths?.forEach((path) => this.ctlr.config.on(path, syncUI, { signal: ac.signal }));\r\n        sub.onWire?.(syncUI, ac.signal);\r\n        (li as any)._ac = ac;\r\n      }\r\n    }\r\n    return li;\r\n  }\r\n}\r\n\r\nWidgetRegistry.register(\"group\", GroupWidget);\r\n","import { BaseWidget, WidgetRegistry } from \".\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { getActiveEl } from \"@t007/utils\";\r\nimport { isFunc } from \"@utils/obj\";\r\nimport { setTimeout } from \"sia-reactor/utils\";\r\n\r\nexport class InputWidget extends BaseWidget<string | number | undefined | Record<string, string | number | undefined>> {\r\n  private form!: HTMLFormElement;\r\n\r\n  public override render(): HTMLElement {\r\n    this.form = createEl(\"form\", { className: \"t007-input-form\", noValidate: true });\r\n    (this.item.inputs || [{ ...this.item, label: this.item.label || \"Enter text\" }]).forEach((inp) => this.form.append(t007.field({ required: !this.item.inputs, name: inp.label, ...inp, value: String(isFunc(inp.value) ? inp.value() : inp.value || \"\") })));\r\n    this.form.append(createEl(\"button\", { className: \"tmg-media-smenu-input-btn\", type: \"submit\", textContent: \"Submit\" }));\r\n    (this.form as any).onSubmit = () => {\r\n      const val = this.item.inputs\r\n        ? Array.from(this.form.elements)\r\n            .filter((el: any) => el.name)\r\n            .reduce((acc, el: any) => ((acc[el.name] = el.type === \"number\" ? (el.value === \"\" ? undefined : Number(el.value)) : el.value), acc), {} as Record<string, string | number | undefined>)\r\n        : (this.form.elements[0] as HTMLInputElement).type === \"number\"\r\n        ? (this.form.elements[0] as HTMLInputElement).value === \"\"\r\n          ? undefined\r\n          : Number((this.form.elements[0] as HTMLInputElement).value)\r\n        : (this.form.elements[0] as HTMLInputElement).value;\r\n      setTimeout(() => (this.item.onChange?.(val), this.form.reset(), this.ctlr.plug(\"settings.settingsView\")?.menu.goBack()), 0, this.signal);\r\n    };\r\n    t007.handleFormValidation?.(this.form);\r\n    this.element = createEl(\"div\", { className: \"tmg-media-smenu-input-wrapper\" });\r\n    return this.element.append(this.form), this.syncUI(), this.element;\r\n  }\r\n\r\n  public override syncUI(): void {\r\n    if (this.item.inputs) {\r\n      this.item.inputs.forEach((inp) => {\r\n        const input = this.form.querySelector<HTMLInputElement>(`[name=\"${inp.label}\"]`);\r\n        if (input && getActiveEl(document) !== input) {\r\n          const val = isFunc(inp.value) ? inp.value() : inp.value;\r\n          if (val != null) input.value = String(val);\r\n        }\r\n      });\r\n    } else {\r\n      const input = this.form.elements[0] as HTMLInputElement;\r\n      if (this.item.getValue && getActiveEl(document) !== input) input.value = String(this.item.getValue() || \"\");\r\n    }\r\n  }\r\n}\r\n\r\nWidgetRegistry.register(\"input\", InputWidget);\r\n","import { BaseWidget, WidgetRegistry } from \".\";\nimport { createEl, createListRenderer, getElSiblingAt } from \"@utils/dom\";\nimport { parseUIOpt } from \"@utils/obj\";\nimport { clamp } from \"@utils/num\";\nimport { initVScrollerator } from \"@t007/utils/hooks/vanilla\";\nimport { IconRegistry } from \"@core/registries\";\nimport { UITuple } from \"@defs/UIOptions\";\n\nexport class DragSelectWidget<T = unknown> extends BaseWidget<T> {\n  private renderRows!: ReturnType<typeof createListRenderer<UITuple<T>>>;\n  private currentValue = \"\";\n\n  public override render(): HTMLElement {\n    const ctlr = this.ctlr,\n      el = (this.element = createEl(\"ul\", { className: \"tmg-media-smenu-select-list tmg-media-smenu-drag-list\", role: \"listbox\" })),\n      item = this.item;\n    this.renderRows = createListRenderer<UITuple<T>>({\n      container: el,\n      getKey: (opt) => opt.value as string,\n      createNode: (opt) => {\n        const li = createEl(\"li\", { className: \"tmg-media-smenu-select-option\", role: \"option\", tabIndex: 0, title: opt.title }, { optVal: opt.value as string }),\n          dragHandle = this.item.onReorder ? createEl(\"span\", { className: \"tmg-media-smenu-playlist-drag\", innerHTML: IconRegistry.get(\"dragindicator\", true) || \"☰\" }) : null,\n          label = createEl(\"span\", { className: \"tmg-media-smenu-select-label\", textContent: opt.display }),\n          editBtn = this.item.onEdit ? createEl(\"button\", { className: \"tmg-media-smenu-sub-action-btn\", innerHTML: IconRegistry.get(\"edit\", true) || \"✎\", type: \"button\", title: \"Edit\" }, {}, { flexShrink: \"0\" }) : null,\n          deleteBtn = this.item.onDelete ? createEl(\"button\", { className: \"tmg-media-smenu-delete-btn\", innerHTML: IconRegistry.get(\"delete\", true) || \"✕\", type: \"button\", title: \"Delete\" }, {}, { flexShrink: \"0\" }) : null;\n        dragHandle ? li.append(dragHandle, label) : li.append(label), opt.infoText && li.append(createEl(\"span\", { className: \"tmg-media-smenu-select-info\", textContent: opt.infoText }));\n        if (editBtn) {\n          editBtn.onclick = (e) => {\n            e.stopPropagation();\n            const i = (this.item.getOptions?.() ?? []).findIndex((o) => parseUIOpt(o).value === opt.value);\n            if (i !== -1) this.item.onEdit?.(i);\n          };\n          li.append(editBtn);\n        }\n        if (deleteBtn) {\n          deleteBtn.onclick = (e) => {\n            e.stopPropagation();\n            const i = (this.item.getOptions?.() ?? []).findIndex((o) => parseUIOpt(o).value === opt.value);\n            if (i !== -1) this.item.onDelete?.(i);\n          };\n          li.append(deleteBtn);\n        }\n        if (dragHandle) {\n          dragHandle.onpointerdown = (e) => {\n            if (e.button !== 0 || li.classList.contains(\"tmg-media-smenu-dragging\")) return;\n            e.preventDefault(), navigator.vibrate?.([50]);\n            const scrollEl = (el.closest(\".tmg-media-smenu-panel-content\") || el.parentElement) as HTMLElement,\n              initialOffsetY = el.getBoundingClientRect().top,\n              initialScrollY = scrollEl.scrollTop,\n              placeholder = createEl(\"li\", { className: \"tmg-media-smenu-drag-placeholder\" }, {}, { cssText: `height:${li.offsetHeight}px;width:${li.offsetWidth}px;` }),\n              scrollerator = initVScrollerator({ margin: 60, car: scrollEl });\n            li.parentElement!.insertBefore(placeholder, li.nextElementSibling), li.classList.add(\"tmg-media-smenu-dragging\"), (li.style.top = `${clamp(0, e.clientY - initialOffsetY - li.offsetHeight / 2, el.offsetHeight - li.offsetHeight)}px`);\n            [\"pointermove\", \"pointerup\", \"pointercancel\"].forEach((evt, i) => el.ownerDocument.addEventListener(evt, !i ? onPointerMove : onPointerUp, { passive: false }));\n            function onPointerMove(evt: Event) {\n              const ev = evt as PointerEvent;\n              ev.preventDefault();\n              ctlr.RAFLoop(\"listItemDragging\", () => {\n                const liTop = clamp(0, scrollEl.scrollTop - initialScrollY + ev.clientY - initialOffsetY - li.offsetHeight / 2, el.offsetHeight - li.offsetHeight),\n                  afterLine = getElSiblingAt(ev.clientY, \"y\", Array.from(el.querySelectorAll<HTMLElement>(\".tmg-media-smenu-select-option:not(.tmg-media-smenu-dragging)\")));\n                (li.style.top = `${liTop}px`), scrollerator.drive(ev.clientY, !(liTop > 0 && liTop < el.offsetHeight - li.offsetHeight), scrollEl.getBoundingClientRect().top);\n                afterLine ? el.insertBefore(placeholder, afterLine) : el.append(placeholder);\n              }, this.signal);\n            }\n            function onPointerUp() {\n              navigator.vibrate?.([50]), ctlr.cancelRAFLoop(\"listItemDragging\"), scrollerator.reset();\n              const newIdx = Array.from(el.querySelectorAll(\".tmg-media-smenu-select-option\")).indexOf(li),\n                oldIdx = (item.getOptions?.() ?? []).findIndex((o) => parseUIOpt(o).value === opt.value);\n              li.classList.remove(\"tmg-media-smenu-dragging\"), (li.style.top = \"\"), placeholder.parentElement?.replaceChild(li, placeholder);\n              newIdx !== -1 && oldIdx !== -1 && newIdx !== oldIdx && item.onReorder?.(oldIdx, newIdx);\n              [\"pointermove\", \"pointerup\", \"pointercancel\"].forEach((evt, i) => el.ownerDocument.removeEventListener(evt, !i ? onPointerMove : onPointerUp));\n            }\n          };\n        }\n        li.onclick = (e) => {\n          if (!this.item.onChange) return;\n          if (!li.classList.contains(\"tmg-media-smenu-dragging\") && (!dragHandle || !dragHandle.contains(e.target as Node)) && label.textContent !== this.currentValue && li.dataset.optVal !== this.currentValue) {\n            this.item.onChange?.(opt.value);\n            this.currentValue = label.textContent!;\n            this.syncActive();\n          }\n        };\n        return li;\n      },\n      updateNode: (node, opt) => {\n        if (node.classList.contains(\"tmg-media-smenu-dragging\")) return;\n        node.querySelector<HTMLElement>(\".tmg-media-smenu-select-label\")!.textContent = opt.display;\n        opt.title ? (node.title = opt.title) : node.removeAttribute(\"title\");\n        const infoNode = node.querySelector<HTMLElement>(\".tmg-media-smenu-select-info\");\n        opt.infoText ? (infoNode ? (infoNode.textContent = opt.infoText) : node.append(createEl(\"span\", { className: \"tmg-media-smenu-select-info\", textContent: opt.infoText }))) : infoNode?.remove();\n        node.dataset.optVal = opt.value as string;\n        node.ariaSelected = String(opt.display === this.currentValue || node.dataset.optVal === this.currentValue);\n      },\n    });\n    return this.syncUI(), this.element;\n  }\n\n  public override syncUI(): void {\n    this.currentValue = this.item.getValue() || \"\";\n    this.renderRows((this.item.getOptions?.() ?? []).map(parseUIOpt));\n    this.syncActive();\n  }\n\n  private syncActive(): void {\n    if (!this.item.onChange) return;\n    for (const li of this.element.querySelectorAll<HTMLElement>(\"[data-opt-val]\")) {\n      const active = li.querySelector(\".tmg-media-smenu-select-label\")!.textContent === this.currentValue || li.dataset.optVal === this.currentValue;\n      li.classList.toggle(\"tmg-media-smenu-option-active\", active);\n      li.ariaSelected = String(active);\n    }\n  }\n}\n\nWidgetRegistry.register(\"drag-select\", DragSelectWidget);\n","import { BaseWidget, WidgetRegistry } from \".\";\nimport { createEl } from \"@utils/dom\";\nimport { getActiveEl } from \"@t007/utils\";\nimport { setTimeout } from \"sia-reactor/utils\";\n\nexport class LimitsWidget extends BaseWidget<Record<string, number>> {\n  private form!: HTMLFormElement;\n\n  public override render(): HTMLElement {\n    this.form = createEl(\"form\", { className: \"t007-input-form tmg-media-limits-form\", noValidate: true });\n    this.element = createEl(\"div\", { className: \"tmg-media-smenu-limits-wrapper\" });\n    (this.item.getLimits?.() || []).forEach((inp) => {\n      const row = createEl(\"fieldset\", { className: \"tmg-media-limits-row\" }),\n        wrap = createEl(\"div\", { className: \"tmg-media-limits-row-wrap\" });\n      row.append(createEl(\"legend\", { className: \"tmg-media-limits-row-legend\", textContent: inp.label }));\n      ([\"min\", \"max\", \"step\", \"start\", \"end\"] as const).forEach((key) => key in inp && wrap.append(t007.field({ type: \"number\", name: `${inp.name}_${key}`, label: key.toUpperCase(), required: false, className: \"tmg-media-limits-field\", step: \"any\" })));\n      row.append(wrap), this.form.append(row);\n    });\n    this.form.append(createEl(\"button\", { className: \"tmg-media-smenu-limits-btn\", type: \"submit\", textContent: \"Save Limits\" }));\n    (this.form as any).onSubmit = () => {\n      const val = Array.from(this.form.elements)\n        .filter((el): el is HTMLInputElement => el instanceof HTMLInputElement && !!el.name)\n        .reduce((acc, el) => ((acc[el.name] = Number(el.value)), acc), {} as Record<string, number>);\n      setTimeout(() => (this.item.onChange?.(val), this.ctlr.plug(\"settings.settingsView\")?.menu.goBack()), 0, this.signal);\n    };\n    return t007.handleFormValidation?.(this.form), this.element.append(this.form), this.syncUI(), this.element;\n  }\n\n  public override syncUI(): void {\n    (this.item.getLimits?.() || []).forEach((inp) => {\n      ([\"min\", \"max\", \"step\", \"start\", \"end\"] as const).forEach((key) => {\n        const input = key in inp ? this.form.querySelector<HTMLInputElement>(`input[name=\"${inp.name}_${key}\"]`) : null;\n        if (input && getActiveEl(document) !== input) input.value = inp[key] != null ? String(inp[key]) : \"\";\n      });\n      const minEl = this.form.querySelector<HTMLInputElement>(`input[name=\"${inp.name}_min\"]`),\n        maxEl = this.form.querySelector<HTMLInputElement>(`input[name=\"${inp.name}_max\"]`);\n      if (minEl && maxEl) (minEl.max = maxEl.value), (maxEl.min = minEl.value);\n      const startEl = this.form.querySelector<HTMLInputElement>(`input[name=\"${inp.name}_start\"]`),\n        endEl = this.form.querySelector<HTMLInputElement>(`input[name=\"${inp.name}_end\"]`);\n      if (startEl && endEl) (startEl.max = endEl.value), (endEl.min = startEl.value);\n    });\n  }\n}\n\nWidgetRegistry.register(\"limits\", LimitsWidget);\n","import { BaseWidget, WidgetRegistry } from \".\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { ComponentRegistry } from \"@core/registries\";\r\nimport type { RangeInput } from \"@components/rangeinput\";\r\nimport { parseUIOpts } from \"@utils/obj\";\r\nimport { SettingsMenuRangeConfig } from \"../../types\";\r\nimport { fanout } from \"sia-reactor/utils\";\r\n\r\nexport class RangeWidget extends BaseWidget {\r\n  private valueLabel!: HTMLElement;\r\n  private comp?: RangeInput;\r\n  private lastRange!: SettingsMenuRangeConfig;\r\n\r\n  public override render(): HTMLElement {\r\n    const comp = ComponentRegistry.init(\"rangeinput\", this.ctlr, this.getConfig());\r\n    this.element = createEl(\"div\", { className: \"tmg-media-smenu-range-wrapper\" });\r\n    this.valueLabel = createEl(\"span\", { className: \"tmg-media-smenu-range-value\" });\r\n    if (comp) {\r\n      comp.config.on(\"value\", ({ value }) => (this.item.onChange?.(value!), (this.valueLabel.textContent = this.item.getValue() || \"\")));\r\n      this.element.append(this.valueLabel, (this.comp = comp).element);\r\n    }\r\n    return this.syncUI(), this.element;\r\n  }\r\n\r\n  public override syncUI(): void {\r\n    this.valueLabel.textContent = this.item.getValue() || \"\";\r\n    if (!this.comp) return;\r\n    const cfg = this.item.getRange!()!;\r\n    if (this.lastRange.min !== cfg.min || this.lastRange.max !== cfg.max) fanout(this.comp.config, this.getConfig(cfg));\r\n    else this.comp.config.value = this.getRangeValue();\r\n  }\r\n\r\n  private getRangeValue(): number {\r\n    const v = parseFloat(this.item.getValue() || \"\");\r\n    return isNaN(v) ? this.item.getRange!()!.min : v;\r\n  }\r\n\r\n  private getConfig(range = this.item.getRange!()!) {\r\n    const cfg = (this.lastRange = range),\r\n      divs = (cfg.divs?.map((value: any) => ({ value })) ?? (cfg.options ? parseUIOpts(cfg.options).map((value) => ({ value })) : [])) || [],\r\n      marks: any[] = [];\r\n    if (cfg.step && cfg.step > cfg.max * 0.01) for (let v = cfg.min; v <= cfg.max; v = parseFloat((v + cfg.step).toFixed(5))) marks.push({ start: v, type: \"step\" });\r\n    return { ...cfg, value: this.getRangeValue(), divs, marks };\r\n  }\r\n}\r\n\r\nWidgetRegistry.register(\"range\", RangeWidget);\r\n"],"mappings":"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","names":["setTimeout","setTimeout"]}

package/dist/chunk-EIT6CZXJ.js

@@ -0,0 +1,50 @@
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  formatKeyForDisplay
+} from "./chunk-LYKZAKVN.js";
+import {
+  IconRegistry
+} from "./chunk-2JW4RYM4.js";
+import {
+  createEl
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/holders/pipplaceholder.ts
+var PiPPlaceholder = class extends BaseComponent {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "iconBtn");
+  }
+  create() {
+    this.element = createEl("div", { className: "tmg-media-placeholder tmg-media-picture-in-picture-placeholder", innerHTML: `<p>Playing in picture-in-picture</p>` });
+    this.iconBtn = createEl("button", { className: "tmg-media-placeholder-icon-btn tmg-media-picture-in-picture-icon-btn", innerHTML: IconRegistry.get("pipplaceholder") });
+    return this.el.prepend(this.iconBtn), this.el;
+  }
+  mount() {
+    this.ctlr.DOM.controlsContainer?.prepend(this.el);
+  }
+  wire() {
+    this.iconBtn.addEventListener("click", this.handleClick, { signal: this.signal });
+    this.ctlr.config.on("settings.keys.shortcuts.pictureInPicture", this.syncARIA, { init: true, signal: this.signal });
+  }
+  handleClick() {
+    this.media.intent.pictureInPicture = !this.media.state.pictureInPicture;
+  }
+  syncARIA() {
+    this.state.label = this.media.state.pictureInPicture ? "Exit picture in picture" : "Picture in picture";
+    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.pictureInPicture);
+    this.iconBtn.title = this.state.label + this.state.cmd;
+    this.setBtnARIA("", this.iconBtn);
+  }
+};
+__publicField(PiPPlaceholder, "componentName", "pipplaceholder");
+
+export {
+  PiPPlaceholder
+};
+//# sourceMappingURL=chunk-EIT6CZXJ.js.map

package/dist/chunk-EIT6CZXJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/holders/pipplaceholder.ts"],"sourcesContent":["import { BaseComponent, ComponentState } from \"../base\";\r\nimport { createEl } from \"@utils/dom\";\r\nimport { IconRegistry } from \"@core/registries\";\r\nimport { formatKeyForDisplay } from \"../../super/utils\";\r\n\r\nexport type PiPPlaceholderConfig = undefined;\r\n\r\nexport class PiPPlaceholder extends BaseComponent<PiPPlaceholderConfig, ComponentState, HTMLDivElement> {\r\n  public static readonly componentName = \"pipplaceholder\";\r\n  protected iconBtn!: HTMLButtonElement;\r\n\r\n  public override create() {\r\n    this.element = createEl(\"div\", { className: \"tmg-media-placeholder tmg-media-picture-in-picture-placeholder\", innerHTML: `<p>Playing in picture-in-picture</p>` });\r\n    this.iconBtn = createEl(\"button\", { className: \"tmg-media-placeholder-icon-btn tmg-media-picture-in-picture-icon-btn\", innerHTML: IconRegistry.get(\"pipplaceholder\") });\r\n    return this.el.prepend(this.iconBtn), this.el;\r\n  }\r\n\r\n  public override mount(): void {\r\n    // DOM Injection\r\n    this.ctlr.DOM.controlsContainer?.prepend(this.el);\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Event Listeners\r\n    this.iconBtn.addEventListener(\"click\", this.handleClick, { signal: this.signal });\r\n    // Ctlr Config Listeners\r\n    this.ctlr.config.on(\"settings.keys.shortcuts.pictureInPicture\", this.syncARIA, { init: true, signal: this.signal });\r\n  }\r\n\r\n  protected handleClick(): void {\r\n    this.media.intent.pictureInPicture = !this.media.state.pictureInPicture;\r\n  }\r\n\r\n  public syncARIA(): void {\r\n    this.state.label = this.media.state.pictureInPicture ? \"Exit picture in picture\" : \"Picture in picture\";\r\n    this.state.cmd = formatKeyForDisplay(this.settings.keys.shortcuts.pictureInPicture);\r\n    this.iconBtn.title = this.state.label + this.state.cmd;\r\n    this.setBtnARIA(\"\", this.iconBtn);\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    pipplaceholder: typeof PiPPlaceholder;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;AAOO,IAAM,iBAAN,cAA6B,cAAoE;AAAA,EAAjG;AAAA;AAEL,wBAAU;AAAA;AAAA,EAEM,SAAS;AACvB,SAAK,UAAU,SAAS,OAAO,EAAE,WAAW,kEAAkE,WAAW,uCAAuC,CAAC;AACjK,SAAK,UAAU,SAAS,UAAU,EAAE,WAAW,wEAAwE,WAAW,aAAa,IAAI,gBAAgB,EAAE,CAAC;AACtK,WAAO,KAAK,GAAG,QAAQ,KAAK,OAAO,GAAG,KAAK;AAAA,EAC7C;AAAA,EAEgB,QAAc;AAE5B,SAAK,KAAK,IAAI,mBAAmB,QAAQ,KAAK,EAAE;AAAA,EAClD;AAAA,EAEgB,OAAa;AAE3B,SAAK,QAAQ,iBAAiB,SAAS,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAEhF,SAAK,KAAK,OAAO,GAAG,4CAA4C,KAAK,UAAU,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAAA,EACpH;AAAA,EAEU,cAAoB;AAC5B,SAAK,MAAM,OAAO,mBAAmB,CAAC,KAAK,MAAM,MAAM;AAAA,EACzD;AAAA,EAEO,WAAiB;AACtB,SAAK,MAAM,QAAQ,KAAK,MAAM,MAAM,mBAAmB,4BAA4B;AACnF,SAAK,MAAM,MAAM,oBAAoB,KAAK,SAAS,KAAK,UAAU,gBAAgB;AAClF,SAAK,QAAQ,QAAQ,KAAK,MAAM,QAAQ,KAAK,MAAM;AACnD,SAAK,WAAW,IAAI,KAAK,OAAO;AAAA,EAClC;AACF;AA/BE,cADW,gBACY,iBAAgB;","names":[]}

package/dist/chunk-ERPQNMED.js

@@ -0,0 +1,292 @@
+import {
+  VOICE_BUILD
+} from "./chunk-JFWYJV3J.js";
+import {
+  tutorialOpts
+} from "./chunk-GDC7I2CJ.js";
+import {
+  BasePlug
+} from "./chunk-TB3GE2MH.js";
+import {
+  limited
+} from "./chunk-ZCQ5UWVE.js";
+import {
+  fuzzyMatch,
+  getSimilarity
+} from "./chunk-6U3M7V32.js";
+import {
+  capitalize,
+  uncamelize
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/plugs/settings/voice/index.ts
+import { force, getPath, getPaths, isLeafPath, setPath } from "sia-reactor/utils";
+var VoicePlug = class extends BasePlug {
+  constructor(ctlr, config = ctlr.settings.voice) {
+    super(ctlr, config, { context: "*", listening: false, muted: false });
+    __publicField(this, "recognition");
+    __publicField(this, "teachBasics", limited((_id) => (_id = this.ctlr.plug("settings.toasts")?.toast?.(`Follow the predictor guides at the ${uncamelize(this.config.predictorPos.value, "-")}. Click \u2699 for settings`, { ...tutorialOpts(() => (this.teachBasics.block(), t007.toast?.dismiss(_id))), signal: this.signal }), { key: "tmg_voice_tut_1", maxTimes: 5 })));
+    __publicField(this, "IDS", { LISTENER: "tmg-media-voice-listener" + this.ctlr.config.id, PREDICTOR: "tmg-media-voice-predictor" + this.ctlr.config.id });
+    __publicField(this, "history", ["*"]);
+    __publicField(this, "historyIdx", 0);
+  }
+  get root() {
+    return { media: this.ctlr.media, settings: this.ctlr.settings };
+  }
+  mount() {
+    const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognitn;
+    if (!SpeechRecognition) return;
+    this.recognition = new SpeechRecognition();
+    Object.assign(this.recognition, { continuous: true, interimResults: true, onresult: this.handleResult, onend: this.handleEnd, onerror: this.handleError });
+  }
+  wire() {
+    const container = this.ctlr.plug("settings.toasts")?.container;
+    container?.addEventListener("click", this.handleLinkClick, { signal: this.signal });
+    container?.addEventListener("click", this.handleInputEvent, { signal: this.signal });
+    container?.addEventListener("keydown", this.handleInputEvent, { signal: this.signal });
+    container?.addEventListener("wheel", this.stayWoke, { signal: this.signal, passive: true });
+    container?.addEventListener("touchmove", this.stayWoke, { signal: this.signal, passive: true });
+    this.state.watch("context", this.onContext, { signal: this.signal });
+    this.state.on("listening", ({ value }) => this.media.container.classList.toggle("tmg-media-voice-listening", value), { signal: this.signal });
+    this.state.on("muted", () => this.ctlr.plug("settings.toasts")?.toast?.update(this.IDS.LISTENER, { actions: this.getListenerOptions().actions }), { signal: this.signal });
+    this.media.watch("tech", () => {
+      var _a;
+      return (_a = this.media.features).voice || (_a.voice = !this.recognition);
+    }, { init: true, signal: this.signal });
+    this.ctlr.state.on("mediaIntersecting", () => this.ctlr.debounce("syncingIntersectingVoiceListeners", this.syncListeners, 300, false), { signal: this.signal });
+    this.ctlr.config.on("settings.voice.active", this.handleActive, { signal: this.signal });
+    this.ctlr.config.on("settings.voice.wakeWord", ({ value }) => value ? this.config.active.value && !this.state.listening && this.start() : !this.state.listening && this.stop(), { signal: this.signal });
+    this.ctlr.config.on("settings.voice.listenerPos.value", ({ value }) => this.ctlr.plug("settings.toasts")?.toast?.update(this.IDS.LISTENER, { position: value }), { signal: this.signal });
+    this.ctlr.config.on("settings.voice.predictorPos.value", ({ value }) => this.ctlr.plug("settings.toasts")?.toast?.update(this.IDS.PREDICTOR, { position: value }), { signal: this.signal });
+    this.ctlr.config.on("disabled", this.syncListeners, { signal: this.signal });
+    this.ctlr.registerAction("voiceQuit", { fn: () => this.config.active.value = false });
+    this.ctlr.registerAction("voiceSleep", { fn: this.sleep });
+    this.ctlr.registerAction("voiceSubmit", { fn: this.submit });
+    this.ctlr.registerAction("voiceHistoryFirst", { fn: () => this.goTo("*") });
+    this.ctlr.registerAction("voiceHistoryPrev", { fn: this.goBack });
+    this.ctlr.registerAction("voiceHistoryNext", { fn: this.goForward });
+    this.ctlr.registerAction("voiceHistoryLast", { fn: () => this.goTo(this.state.context) });
+    this.ctlr.registerAction("voiceHistoryClear", { fn: () => this.resetContext(false) });
+    this.ctlr.payload.wired ? this.syncListeners() : this.ctlr.state.wonce("readyState", this.syncListeners, { signal: this.signal });
+    super.wire();
+  }
+  handleResult(e) {
+    let transcript = "";
+    if (!this.state.muted) for (let i = e.resultIndex; i < e.results.length; ++i) transcript += e.results[i][0].transcript;
+    transcript = transcript.trim().toLowerCase();
+    if (transcript && !this.state.listening) {
+      const token = fuzzyMatch([this.config.wakeWord.toLowerCase()], transcript, this.config.inputs.accuracy);
+      if (token) {
+        this.wakeUp();
+        const idx = transcript.indexOf(token);
+        transcript = idx !== -1 ? transcript.substring(idx + token.length).trim() : "";
+      }
+      if ((!token || !transcript) && this.config.behavior.value === "strict") return;
+    }
+    if (!this.state.muted) this.ctlr.plug("settings.toasts")?.toast?.(transcript ? `${transcript}${!this.state.listening ? `... Say "${this.linked(this.config.wakeWord)}"!` : ""}` : this.getListenerSpeech(true, this.state.listening ? "Didn't catch that..." : void 0), this.getListenerOptions(true));
+    this.ctlr.debounce("voiceSleeping", this.sleep, this.config.timeout, false);
+    transcript && this.process(transcript);
+  }
+  handleEnd() {
+    if (this.config) this.config.active.value !== false && this.start();
+  }
+  handleError(e) {
+    if (e.error === "not-allowed" || e.error === "service-not-allowed") this.config.active.value = false, this.ctlr.plug("settings.toasts")?.toast?.error("Microphone access revoked. Please check your settings.");
+  }
+  handleActive({ value }) {
+    if (value === false) {
+      this.state.listening = false;
+      this.recognition?.abort(), t007.toast?.dismiss(this.IDS.PREDICTOR), t007.toast?.dismiss(this.IDS.LISTENER);
+    } else if (this.shouldListen()) value === "passive" ? (this.sleep(), this.start()) : (this.wakeUp(), this.start());
+  }
+  syncListeners() {
+    if (!this.shouldListen()) this.state.listening = false, this.recognition?.abort(), t007.toast?.dismiss(this.IDS.PREDICTOR), t007.toast?.dismiss(this.IDS.LISTENER);
+    else this.config.active.value === true ? (this.wakeUp(), this.start()) : this.config.active.value === "passive" && this.start();
+  }
+  shouldListen() {
+    return this.ctlr.payload.wired && this.ctlr.state.mediaIntersecting && !this.ctlr.config.disabled;
+  }
+  async askPermission() {
+    const state = (await navigator.permissions?.query({ name: "microphone" }).catch(() => null))?.state ?? "prompt";
+    if (state === "granted" || state === "denied") return state === "granted";
+    return new Promise((res, _, req, i = 0) => (req = () => this.ctlr.plug("settings.toasts")?.toast?.info("We need permission to use Voice Control", { id: this.IDS.LISTENER, autoClose: false, actions: { OK: () => navigator.mediaDevices.getUserMedia({ audio: true }).then((s) => (s.getTracks().forEach((t) => t.stop()), res(true))).catch(() => (this.ctlr.plug("settings.toasts")?.toast?.warn("Grant permissions to use Voice Control", { id: this.IDS.LISTENER, autoClose: false, actions: { Retry: req, Cancel: () => res(false) } }), ++i > 3 && res(false))), Cancel: () => res(false) } }))());
+  }
+  async start() {
+    const granted = await this.askPermission();
+    granted && !this.state.listening && this.config.behavior.value === "persistent" && this.ctlr.plug("settings.toasts")?.toast?.(this.getListenerSpeech(), this.getListenerOptions());
+    try {
+      this.recognition?.start();
+    } catch (e) {
+    }
+  }
+  stop() {
+    this.sleep(), this.recognition?.abort();
+  }
+  wakeUp() {
+    if (this.config.active.value !== true) return void (this.config.active.value = true);
+    if (this.state.listening) return;
+    this.state.listening = true;
+    this.resetContext();
+    this.teachBasics(), this.ctlr.plug("settings.toasts")?.toast?.(this.getListenerSpeech(false), this.getListenerOptions());
+    this.ctlr.debounce("voiceSleeping", this.sleep, this.config.timeout, false);
+  }
+  sleep() {
+    if (this.config.active.value === false) return;
+    if (this.config.active.value !== "passive") return void (this.config.active.value = this.config.wakeWord ? "passive" : false);
+    this.state.listening = false;
+    this.resetContext();
+    t007.toast?.dismiss(this.IDS.PREDICTOR), !this.config.active.value || this.config.behavior.value !== "persistent" ? t007.toast?.dismiss(this.IDS.LISTENER) : this.ctlr.plug("settings.toasts")?.toast?.(this.getListenerSpeech(), this.getListenerOptions(true));
+  }
+  dispatchActions(stage, cleaned) {
+    const acc = this.config.inputs.accuracy;
+    for (const action of Object.values(this.ctlr.actions)) {
+      const triggers = this.config.commands[action.id];
+      if (action.id !== "voiceToggleOn" && action.id !== "voiceToggleOff" && (action.voice?.stage ?? "post-route") === stage && triggers?.length && fuzzyMatch(triggers, cleaned, acc)) return this.ctlr.runAction(action.id), this.ctlr.plug("settings.toasts")?.toast?.success(`Executed <i>${action.label || action.id}</i>`, { id: this.IDS.LISTENER, autoClose: this.config.behavior.value !== "persistent" }), true;
+    }
+    return false;
+  }
+  process(transcript, cleaned = transcript.replace(/[-\s]/g, ""), isSubmit = false, dormant = !this.state.listening) {
+    if (!this.config.commandsDisabled && this.dispatchActions("anytime", cleaned) || dormant) return;
+    if (!this.config.commandsDisabled && this.dispatchActions("pre-route", cleaned)) return;
+    if (this.isLeaf(this.state.context)) return this.execute(this.state.context, transcript, cleaned, false);
+    const paths = this.getValidPaths();
+    let matched = null, highest = 0;
+    if (paths.length)
+      for (let i = 0; i < paths.length; i++) {
+        const leaf = paths[i].split(".").pop().toLowerCase();
+        if (cleaned === leaf) {
+          matched = paths[i];
+          break;
+        }
+        const score = getSimilarity(leaf, cleaned);
+        if (score > this.config.inputs.accuracy && score > highest) highest = score, matched = paths[i];
+      }
+    if (matched) return void (this.state.context = matched, this.isLeaf(matched) && this.execute(matched, transcript, cleaned, true));
+    else if (isSubmit) {
+      const path = this.state.context === "*" ? transcript : `${this.state.context}.${transcript}`, val = this.ctlr.isLogicPath(path) ? getPath(this.root, path) : void 0;
+      if (val !== void 0) return void (this.state.context = path, this.isLeaf(path, val) && this.execute(path, transcript, cleaned, true));
+    }
+    if (paths.length) {
+      const pathInput = this.ctlr.plug("settings.toasts")?.container?.querySelector(".tmg-media-voice-path-input");
+      if (pathInput) pathInput.value = transcript.trim();
+    }
+    if (!this.config.commandsDisabled) this.dispatchActions("post-route", cleaned);
+  }
+  predict() {
+    const crumbHtml = this.history.length < 2 ? "" : `<div class="tmg-media-voice-sticky-crumb">` + this.history.map((p, idx, _, active = idx === this.historyIdx) => `<small><i style="${active ? "font-weight: bold;" : "opacity: 0.8;"}">${this.linked(p === "*" ? "Root" : capitalize(p.split(".").pop()), p, true)}</i></small>`).join(" <span style='opacity: 0.4;'><small>></small></span> ") + `</div>`, actions = {};
+    if (this.history.length > 1) actions["\u21BB"] = () => this.resetContext(false);
+    if (this.historyIdx > 0) actions["\u2039"] = this.goBack;
+    if (this.historyIdx < this.history.length - 1) actions["\u203A"] = this.goForward;
+    if (this.isLeaf(this.state.context)) {
+      const value = getPath(this.root, this.state.context), isArray = Array.isArray(value), type = isArray ? "array" : typeof value, showInput = this.config.inputs.strict.value === true || this.config.inputs.strict.value === "auto" && type !== "boolean", showSubmit = this.config.inputs.strict.value === true || this.config.inputs.strict.value === "auto" && type === "string", display = isArray ? value.join(", ") : value ?? "", inputHtml2 = showInput ? `<div class="tmg-media-voice-input-wrap")><input type="${type === "number" ? "number" : "text"}" class="tmg-media-voice-exact-input") placeholder="${display || "Type value..."}" value="${display}"/>${showSubmit ? `<button type="button" class="tmg-media-voice-exact-submit")>\u21B3</button>` : ""}</div>` : "", hints = type === "boolean" ? `${this.config.commands.voiceToggleOn?.slice(0, 2).map((v) => this.linked(v)).join(", ")} or ${this.config.commands.voiceToggleOff?.slice(0, 2).map((v) => this.linked(v)).join(", ")} ${inputHtml2}` : type === "number" ? `a number (like ${this.linked("0")}, ${this.linked("50")}) ${inputHtml2}` : isArray ? `comma-separated values ${inputHtml2}` : `the exact text ${inputHtml2}`;
+      return void this.ctlr.plug("settings.toasts")?.toast?.(`${crumbHtml}Try saying ${hints}`, this.getPredictorOptions(actions));
+    }
+    const paths = this.getValidPaths();
+    if (!paths.length) return;
+    const inputHtml = `<input type="text" class="tmg-media-voice-path-input") placeholder="...text"/>`;
+    this.ctlr.plug("settings.toasts")?.toast?.(`${crumbHtml}Try these:<br>${inputHtml} \u2022 ${paths.map((p) => this.linked(p.split(".").pop())).join(" \u2022 ")}`, this.getPredictorOptions(actions));
+  }
+  execute(path, transcript, cleaned = transcript.replace(/[-\s]/g, ""), isNav = false, isSubmit = false) {
+    const value = this.parse(transcript, cleaned, path, isNav);
+    if (value === null) return;
+    const strict = this.config.inputs.strict.value === true || this.config.inputs.strict.value === "auto" && typeof value === "string";
+    if (strict && !isSubmit) {
+      const input = this.ctlr.plug("settings.toasts")?.container?.querySelector(clame("exact-input"));
+      if (input) input.value = Array.isArray(value) ? value.join(", ") : String(value);
+      return void this.ctlr.plug("settings.toasts")?.toast?.update(this.IDS.LISTENER, { render: transcript || String(value) });
+    }
+    setPath(this.root, path, value), this.ctlr.plug("settings.toasts")?.toast?.success(`Set <i>${path.split(".").join(" > ")}</i> to ${Array.isArray(value) ? `[${value.join(", ")}]` : value}`, { id: this.IDS.LISTENER, autoClose: this.config.behavior.value !== "persistent" }), this.goBack();
+  }
+  parse(transcript, cleaned = transcript.replace(/[-\s]/g, ""), path, isNav = false) {
+    const val = getPath(this.root, path), type = typeof val;
+    if (type === "boolean") {
+      if (isNav && this.config.autoToggles) return !val;
+      return fuzzyMatch(this.config.commands.voiceToggleOn, transcript, this.config.inputs.accuracy) ? true : fuzzyMatch(this.config.commands.voiceToggleOff, transcript, this.config.inputs.accuracy) ? false : null;
+    }
+    if (type === "number") {
+      const match = transcript.match(/-?\d+(\.\d+)?/);
+      return match ? Number(match[0]) : null;
+    }
+    if (Array.isArray(val) || type === "string") {
+      const leaf = path.split(".").pop().toLowerCase(), rgx = new RegExp(`^(set|change)\\s+${leaf}\\s+to\\s+`, "i"), val2 = transcript.replace(rgx, "").trim();
+      if (isNav && !rgx.test(transcript)) {
+        if (cleaned === leaf || getSimilarity(leaf, cleaned) > this.config.inputs.accuracy) return null;
+      }
+      return val2 ? type === "string" ? val2 : val2.split(/\s*(?:,|and)\s*/i).filter(Boolean) : null;
+    }
+    return null;
+  }
+  resetContext(direct = this.config.inputs.direct) {
+    if (direct) this.history = ["*", "media", "media.intent"], this.historyIdx = 2, force(() => this.state.context = "media.intent");
+    else this.history = ["*"], this.historyIdx = 0, force(() => this.state.context = "*");
+  }
+  onContext(value) {
+    if (this.history[this.historyIdx] !== this.state.context) {
+      const idx = this.history.indexOf(this.state.context);
+      if (idx !== -1) this.historyIdx = idx;
+      else this.history = this.history.slice(0, this.historyIdx + 1), this.history.push(value), this.historyIdx = this.history.length - 1;
+    }
+    this.state.listening && this.predict();
+  }
+  goBack() {
+    if (this.historyIdx > 0) this.state.context = this.history[--this.historyIdx];
+  }
+  goForward() {
+    if (this.historyIdx < this.history.length - 1) this.state.context = this.history[++this.historyIdx];
+  }
+  goTo(path) {
+    this.state.context = path;
+  }
+  linked(text, value = text.toLowerCase(), isGoto = false) {
+    return `<u class="tmg-media-voice-link" ${isGoto ? "data-goto" : "data-cmd"}="${value}" tabindex="0" style="cursor:pointer; text-decoration-color: currentColor;">${text}</u>`;
+  }
+  handleLinkClick(e, target = e.target) {
+    if (!target.matches(clame("link"))) return;
+    e.preventDefault(), e.stopPropagation();
+    if (target.dataset.goto) return this.goTo(target.dataset.goto);
+    const cmd = target.dataset.cmd;
+    this.ctlr.plug("settings.toasts")?.toast?.(cmd, { id: this.IDS.LISTENER });
+    cmd === this.config.wakeWord.toLowerCase() ? this.wakeUp() : this.process(cmd);
+  }
+  handleInputEvent(e, target = e.target, isEnter = e.type === "keydown" && e.key === "Enter", isClick = e.type === "click") {
+    this.stayWoke(e);
+    if (isEnter && target.matches(clame("exact-input")) || isClick && target.matches(clame("exact-submit"))) e.preventDefault(), e.stopPropagation(), this.submit(target.closest(clame("input-wrap"))?.querySelector(clame("exact-input")));
+    else if (isEnter && target.matches(clame("path-input"))) e.preventDefault(), e.stopPropagation(), this.submit(target, void 0, true);
+  }
+  submit(input = this.ctlr.plug("settings.toasts")?.container?.querySelector(clame("exact-input")), render = input?.value.trim(), process = false) {
+    if (input && render) this.ctlr.plug("settings.toasts")?.toast?.update(this.IDS.LISTENER, { render, type: void 0 }), !process ? this.execute(this.state.context, render, void 0, false, true) : this.process(render, void 0, true);
+  }
+  stayWoke(e) {
+    this.state.listening && e.target.closest(`:is([id="${this.IDS.PREDICTOR}"],[id="${this.IDS.LISTENER}"])`) && this.ctlr.debounce("voiceSleeping", this.sleep, this.config.timeout, false);
+  }
+  isLeaf(path, val = path !== "*" && getPath(this.root, path)) {
+    return val && Array.isArray(val) || isLeafPath(this.root, path, void 0, val);
+  }
+  getValidPaths() {
+    return getPaths(this.root, this.state.context, { depth: 1 }).filter(this.ctlr.isLogicPath).sort((a, b) => a.localeCompare(b));
+  }
+  getListenerOptions(transient = false) {
+    const actions = { [this.state.muted ? "\u23F5" : "\u23F8"]: () => this.state.muted = !this.state.muted };
+    return { id: this.IDS.LISTENER, icon: "\u{1F399}\uFE0F", position: this.state.listening ? this.config.listenerPos.value : this.config.predictorPos.value, autoClose: transient ? this.config.behavior.value !== "persistent" : false, closeButton: true, dragToClose: false, actions, onClose: (elapsed) => !elapsed && (this.config.active.value = false), type: void 0, signal: this.signal };
+  }
+  getPredictorOptions(actions) {
+    return { id: this.IDS.PREDICTOR, icon: "\u2728", position: this.config.predictorPos.value, autoClose: false, closeButton: true, dragToClose: false, animation: "fade", actions, onClose: (elapsed) => !elapsed && this.sleep(), signal: this.signal };
+  }
+  getListenerSpeech(full = true, firstHalf = "Listening...", secondHalf = `Say "${this.linked(this.config.wakeWord)}" to wake me up!`, first = true) {
+    return full ? `${firstHalf} ${secondHalf}` : first ? firstHalf : secondHalf;
+  }
+  onDestroy() {
+    this.stop(), super.onDestroy();
+  }
+};
+__publicField(VoicePlug, "plugName", "voice");
+__publicField(VoicePlug, "BUILD", VOICE_BUILD);
+var clame = (suffix) => `.tmg-media-voice-${suffix}`;
+
+export {
+  VoicePlug
+};
+//# sourceMappingURL=chunk-ERPQNMED.js.map

package/dist/chunk-ERPQNMED.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/settings/voice/index.ts"],"sourcesContent":["import { BasePlug } from \"@plugs/base\";\nimport type { Controller } from \"@core/controller\";\nimport { force, getPath, getPaths, isLeafPath, setPath } from \"sia-reactor/utils\";\nimport { limited } from \"@utils/fn\";\nimport type { VoiceStage, VoiceConfig, VoiceState } from \"./types\";\nimport { VOICE_BUILD } from \"./build\";\nimport { capitalize, fuzzyMatch as match, getSimilarity, uncamelize } from \"@utils/str\";\nimport { type ToastOptions } from \"@t007/toast\";\nimport { REvent } from \"sia-reactor\";\nimport { CtlrConfig } from \"@defs/config\";\nimport { tutorialOpts } from \"../toasts\";\n\nexport class VoicePlug extends BasePlug<VoiceConfig, VoiceState> {\n  public static readonly plugName = \"voice\";\n  public static readonly BUILD = VOICE_BUILD;\n  protected recognition?: any;\n  protected teachBasics = limited((_id?: string) => ((_id = this.ctlr.plug(\"settings.toasts\")?.toast?.(`Follow the predictor guides at the ${uncamelize(this.config.predictorPos.value, \"-\")}. Click ⚙ for settings`, { ...tutorialOpts(() => (this.teachBasics.block(), t007.toast?.dismiss(_id))), signal: this.signal })), { key: \"tmg_voice_tut_1\", maxTimes: 5 }));\n  protected readonly IDS = { LISTENER: \"tmg-media-voice-listener\" + this.ctlr.config.id, PREDICTOR: \"tmg-media-voice-predictor\" + this.ctlr.config.id };\n  protected get root() {\n    return { media: this.ctlr.media, settings: this.ctlr.settings };\n  }\n\n  constructor(ctlr: Controller, config = ctlr.settings.voice) {\n    super(ctlr, config, { context: \"*\", listening: false, muted: false });\n  }\n\n  public override mount(): void {\n    // Variables Assignment\n    const SpeechRecognition = (window as any).SpeechRecognition || (window as any).webkitSpeechRecognitn;\n    if (!SpeechRecognition) return;\n    this.recognition = new SpeechRecognition();\n    Object.assign(this.recognition, { continuous: true, interimResults: true, onresult: this.handleResult, onend: this.handleEnd, onerror: this.handleError });\n  }\n\n  public override wire(): void {\n    // Variables Assignment\n    const container = this.ctlr.plug(\"settings.toasts\")?.container;\n    // Event Listeners\n    container?.addEventListener(\"click\", this.handleLinkClick, { signal: this.signal });\n    container?.addEventListener(\"click\", this.handleInputEvent, { signal: this.signal });\n    container?.addEventListener(\"keydown\", this.handleInputEvent, { signal: this.signal });\n    container?.addEventListener(\"wheel\", this.stayWoke, { signal: this.signal, passive: true });\n    container?.addEventListener(\"touchmove\", this.stayWoke, { signal: this.signal, passive: true });\n    // State Watchers\n    this.state.watch(\"context\", this.onContext, { signal: this.signal });\n    // ----- Listeners\n    this.state.on(\"listening\", ({ value }) => this.media.container.classList.toggle(\"tmg-media-voice-listening\", value), { signal: this.signal });\n    this.state.on(\"muted\", () => this.ctlr.plug(\"settings.toasts\")?.toast?.update(this.IDS.LISTENER, { actions: this.getListenerOptions().actions }), { signal: this.signal });\n    // Ctlr Media Watchers\n    this.media.watch(\"tech\", () => (this.media.features.voice ||= !this.recognition), { init: true, signal: this.signal });\n    // ---- State Listeners\n    this.ctlr.state.on(\"mediaIntersecting\", () => this.ctlr.debounce(\"syncingIntersectingVoiceListeners\", this.syncListeners, 300, false), { signal: this.signal });\n    // ---- Config -------\n    this.ctlr.config.on(\"settings.voice.active\", this.handleActive, { signal: this.signal });\n    this.ctlr.config.on(\"settings.voice.wakeWord\", ({ value }) => (value ? this.config.active.value && !this.state.listening && this.start() : !this.state.listening && this.stop()), { signal: this.signal });\n    this.ctlr.config.on(\"settings.voice.listenerPos.value\", ({ value }) => this.ctlr.plug(\"settings.toasts\")?.toast?.update(this.IDS.LISTENER, { position: value }), { signal: this.signal });\n    this.ctlr.config.on(\"settings.voice.predictorPos.value\", ({ value }) => this.ctlr.plug(\"settings.toasts\")?.toast?.update(this.IDS.PREDICTOR, { position: value }), { signal: this.signal });\n    this.ctlr.config.on(\"disabled\", this.syncListeners, { signal: this.signal });\n    // Post Wiring\n    this.ctlr.registerAction(\"voiceQuit\", { fn: () => (this.config.active.value = false) });\n    this.ctlr.registerAction(\"voiceSleep\", { fn: this.sleep });\n    this.ctlr.registerAction(\"voiceSubmit\", { fn: this.submit });\n    this.ctlr.registerAction(\"voiceHistoryFirst\", { fn: () => this.goTo(\"*\") });\n    this.ctlr.registerAction(\"voiceHistoryPrev\", { fn: this.goBack });\n    this.ctlr.registerAction(\"voiceHistoryNext\", { fn: this.goForward });\n    this.ctlr.registerAction(\"voiceHistoryLast\", { fn: () => this.goTo(this.state.context) });\n    this.ctlr.registerAction(\"voiceHistoryClear\", { fn: () => this.resetContext(false) });\n    this.ctlr.payload.wired ? this.syncListeners() : this.ctlr.state.wonce(\"readyState\", this.syncListeners, { signal: this.signal }); // #HEAVY: waits for !lightState. If wake word is enabled, start the engine immediately in \"sleep\" mode\n    super.wire();\n  }\n\n  protected handleResult(e: any): void {\n    let transcript = \"\";\n    if (!this.state.muted) for (let i = e.resultIndex; i < e.results.length; ++i) transcript += e.results[i][0].transcript;\n    transcript = transcript.trim().toLowerCase();\n    // 1. Wake Word Detection\n    if (transcript && !this.state.listening) {\n      const token = match([this.config.wakeWord.toLowerCase()], transcript, this.config.inputs.accuracy);\n      if (token) {\n        this.wakeUp();\n        const idx = transcript.indexOf(token);\n        transcript = idx !== -1 ? transcript.substring(idx + token.length).trim() : \"\"; // Remove the wake word from the transcript\n      }\n      if ((!token || !transcript) && this.config.behavior.value === \"strict\") return;\n    }\n    // 2. Update the listener UI.\n    if (!this.state.muted) this.ctlr.plug(\"settings.toasts\")?.toast?.(transcript ? `${transcript}${!this.state.listening ? `... Say \"${this.linked(this.config.wakeWord)}\"!` : \"\"}` : this.getListenerSpeech(true, this.state.listening ? \"Didn't catch that...\" : undefined), this.getListenerOptions(true));\n    this.ctlr.debounce(\"voiceSleeping\", this.sleep, this.config.timeout, false);\n    // 3. Anytime-stage actions (run regardless of listening state)\n    transcript && this.process(transcript);\n  }\n\n  protected handleEnd(): void {\n    if (this.config) this.config.active.value !== false && this.start();\n  }\n  protected handleError(e: any): void {\n    if (e.error === \"not-allowed\" || e.error === \"service-not-allowed\") (this.config.active.value = false), this.ctlr.plug(\"settings.toasts\")?.toast?.error(\"Microphone access revoked. Please check your settings.\");\n  }\n  protected handleActive({ value }: REvent<CtlrConfig, \"settings.voice.active\">): void {\n    if (value === false) {\n      this.state.listening = false;\n      this.recognition?.abort(), t007.toast?.dismiss(this.IDS.PREDICTOR), t007.toast?.dismiss(this.IDS.LISTENER);\n    } else if (this.shouldListen()) value === \"passive\" ? (this.sleep(), this.start()) : (this.wakeUp(), this.start());\n  }\n\n  public syncListeners(): void {\n    if (!this.shouldListen()) (this.state.listening = false), this.recognition?.abort(), t007.toast?.dismiss(this.IDS.PREDICTOR), t007.toast?.dismiss(this.IDS.LISTENER);\n    else this.config.active.value === true ? (this.wakeUp(), this.start()) : this.config.active.value === \"passive\" && this.start();\n  }\n  protected shouldListen(): boolean {\n    return this.ctlr.payload.wired && this.ctlr.state.mediaIntersecting && !this.ctlr.config.disabled;\n  }\n\n  protected async askPermission(): Promise<boolean> {\n    const state = (await navigator.permissions?.query({ name: \"microphone\" as any }).catch(() => null))?.state ?? \"prompt\";\n    if (state === \"granted\" || state === \"denied\") return state === \"granted\";\n    // prettier-ignore\n    return new Promise((res, _, req?: () => void, i = 0) => ((req = () => this.ctlr.plug(\"settings.toasts\")?.toast?.info(\"We need permission to use Voice Control\", { id: this.IDS.LISTENER, autoClose: false, actions: { OK: () => navigator.mediaDevices.getUserMedia({ audio: true }).then((s) => (s.getTracks().forEach((t) => t.stop()), res(true))).catch(() => (this.ctlr.plug(\"settings.toasts\")?.toast?.warn(\"Grant permissions to use Voice Control\", { id: this.IDS.LISTENER, autoClose: false, actions: { Retry: req!, Cancel: () => res(false) } }), ++i > 3 && res(false))), Cancel: () => res(false), }, }))())); // going the extra mile mustn't take a mile of logic even when 3rd time's the charm\n  }\n  public async start(): Promise<void> {\n    const granted = await this.askPermission();\n    granted && !this.state.listening && this.config.behavior.value === \"persistent\" && this.ctlr.plug(\"settings.toasts\")?.toast?.(this.getListenerSpeech(), this.getListenerOptions());\n    try {\n      this.recognition?.start();\n    } catch (e) {} // Silently swallows the InvalidStateError since we might call when already on due to wake word\n  }\n  public stop(): void {\n    this.sleep(), this.recognition?.abort();\n  }\n  public wakeUp(): void {\n    if (this.config.active.value !== true) return void (this.config.active.value = true);\n    if (this.state.listening) return;\n    this.state.listening = true;\n    this.resetContext();\n    this.teachBasics(), this.ctlr.plug(\"settings.toasts\")?.toast?.(this.getListenerSpeech(false), this.getListenerOptions());\n    this.ctlr.debounce(\"voiceSleeping\", this.sleep, this.config.timeout, false);\n  }\n  public sleep(): void {\n    if (this.config.active.value === false) return;\n    if (this.config.active.value !== \"passive\") return void (this.config.active.value = this.config.wakeWord ? \"passive\" : false);\n    this.state.listening = false;\n    this.resetContext();\n    t007.toast?.dismiss(this.IDS.PREDICTOR), !this.config.active.value || this.config.behavior.value !== \"persistent\" ? t007.toast?.dismiss(this.IDS.LISTENER) : this.ctlr.plug(\"settings.toasts\")?.toast?.(this.getListenerSpeech(), this.getListenerOptions(true));\n  }\n\n  protected dispatchActions(stage: VoiceStage, cleaned: string): boolean {\n    const acc = this.config.inputs.accuracy;\n    for (const action of Object.values(this.ctlr.actions)) {\n      const triggers = this.config.commands[action.id];\n      if (action.id !== \"voiceToggleOn\" && action.id !== \"voiceToggleOff\" && (action.voice?.stage ?? \"post-route\") === stage && triggers?.length && match(triggers, cleaned, acc)) return this.ctlr.runAction(action.id), this.ctlr.plug(\"settings.toasts\")?.toast?.success(`Executed <i>${action.label || action.id}</i>`, { id: this.IDS.LISTENER, autoClose: this.config.behavior.value !== \"persistent\" }), true;\n    }\n    return false;\n  }\n  protected process(transcript: string, cleaned = transcript.replace(/[-\\s]/g, \"\"), isSubmit = false, dormant = !this.state.listening): void {\n    if ((!this.config.commandsDisabled && this.dispatchActions(\"anytime\", cleaned)) || dormant) return;\n    // --- 1. PRE-ROUTE STAGE ---\n    if (!this.config.commandsDisabled && this.dispatchActions(\"pre-route\", cleaned)) return;\n    // --- 2. LEAF EXECUTION ---\n    if (this.isLeaf(this.state.context)) return this.execute(this.state.context, transcript, cleaned, false);\n    // --- 3. PATH EXTRACTION (PRIORITY) ---\n    const paths = this.getValidPaths();\n    let matched: string | null = null,\n      highest = 0;\n    if (paths.length)\n      for (let i = 0; i < paths.length; i++) {\n        const leaf = paths[i].split(\".\").pop()!.toLowerCase();\n        if (cleaned === leaf) {\n          matched = paths[i];\n          break;\n        }\n        const score = getSimilarity(leaf, cleaned);\n        if (score > this.config.inputs.accuracy && score > highest) (highest = score), (matched = paths[i]);\n      } // Fuzzy Match: Check if the user said the last word of any valid path\n    if (matched) return void ((this.state.context = matched), this.isLeaf(matched) && this.execute(matched, transcript, cleaned, true)); // If a S.I.A path strongly matches what they said, TAKE IT. Bypasses commands completely.\n    else if (isSubmit) {\n      const path = this.state.context === \"*\" ? transcript : `${this.state.context}.${transcript}`,\n        val = this.ctlr.isLogicPath(path) ? getPath(this.root as any, path) : undefined;\n      if (val !== undefined) return void ((this.state.context = path), this.isLeaf(path, val) && this.execute(path, transcript, cleaned, true)); // Hey dev or explorer, here u go!\n    }\n    if (paths.length) {\n      const pathInput = this.ctlr.plug(\"settings.toasts\")?.container?.querySelector<HTMLInputElement>(\".tmg-media-voice-path-input\");\n      if (pathInput) pathInput.value = transcript.trim();\n    }\n    // --- 4. POST-ROUTE STAGE ---\n    if (!this.config.commandsDisabled) this.dispatchActions(\"post-route\", cleaned);\n  }\n  protected predict(): void {\n    const crumbHtml = this.history.length < 2 ? \"\" : `<div class=\"tmg-media-voice-sticky-crumb\">` + this.history.map((p, idx, _, active = idx === this.historyIdx) => `<small><i style=\"${active ? \"font-weight: bold;\" : \"opacity: 0.8;\"}\">${this.linked(p === \"*\" ? \"Root\" : capitalize(p.split(\".\").pop()!), p, true)}</i></small>`).join(\" <span style='opacity: 0.4;'><small>></small></span> \") + `</div>`,\n      actions: Record<string, () => void> = {};\n    if (this.history.length > 1) actions[\"↻\"] = () => this.resetContext(false);\n    if (this.historyIdx > 0) actions[\"‹\"] = this.goBack;\n    if (this.historyIdx < this.history.length - 1) actions[\"›\"] = this.goForward;\n    if (this.isLeaf(this.state.context)) {\n      const value = getPath(this.root as any, this.state.context as any),\n        isArray = Array.isArray(value),\n        type = isArray ? \"array\" : typeof value,\n        showInput = this.config.inputs.strict.value === true || (this.config.inputs.strict.value === \"auto\" && type !== \"boolean\"),\n        showSubmit = this.config.inputs.strict.value === true || (this.config.inputs.strict.value === \"auto\" && type === \"string\"),\n        display = isArray ? value.join(\", \") : value ?? \"\",\n        inputHtml = showInput ? `<div class=\"tmg-media-voice-input-wrap\")><input type=\"${type === \"number\" ? \"number\" : \"text\"}\" class=\"tmg-media-voice-exact-input\") placeholder=\"${display || \"Type value...\"}\" value=\"${display}\"/>${showSubmit ? `<button type=\"button\" class=\"tmg-media-voice-exact-submit\")>↳</button>` : \"\"}</div>` : \"\",\n        // prettier-ignore\n        hints = type === \"boolean\" ? `${this.config.commands.voiceToggleOn?.slice(0, 2).map((v) => this.linked(v)).join(\", \")} or ${this.config.commands.voiceToggleOff?.slice(0, 2).map((v) => this.linked(v)).join(\", \")} ${inputHtml}` : type === \"number\" ? `a number (like ${this.linked(\"0\")}, ${this.linked(\"50\")}) ${inputHtml}` : isArray ? `comma-separated values ${inputHtml}` : `the exact text ${inputHtml}`;\n      return void this.ctlr.plug(\"settings.toasts\")?.toast?.(`${crumbHtml}Try saying ${hints}`, this.getPredictorOptions(actions));\n    }\n    const paths = this.getValidPaths();\n    if (!paths.length) return;\n    const inputHtml = `<input type=\"text\" class=\"tmg-media-voice-path-input\") placeholder=\"...text\"/>`;\n    this.ctlr.plug(\"settings.toasts\")?.toast?.(`${crumbHtml}Try these:<br>${inputHtml} • ${paths.map((p) => this.linked(p.split(\".\").pop()!)).join(\" • \")}`, this.getPredictorOptions(actions));\n  }\n  protected execute(path: string, transcript: string, cleaned = transcript.replace(/[-\\s]/g, \"\"), isNav = false, isSubmit = false): void {\n    const value = this.parse(transcript, cleaned, path, isNav);\n    if (value === null) return;\n    const strict = this.config.inputs.strict.value === true || (this.config.inputs.strict.value === \"auto\" && typeof value === \"string\");\n    if (strict && !isSubmit) {\n      const input = this.ctlr.plug(\"settings.toasts\")?.container?.querySelector<HTMLInputElement>(clame(\"exact-input\"));\n      if (input) input.value = Array.isArray(value) ? value.join(\", \") : String(value);\n      return void this.ctlr.plug(\"settings.toasts\")?.toast?.update(this.IDS.LISTENER, { render: transcript || String(value) });\n    } // Auto-Strict: Blocks execution for strings only (or everything if true)\n    setPath(this.root as any, path as any, value), this.ctlr.plug(\"settings.toasts\")?.toast?.success(`Set <i>${path.split(\".\").join(\" > \")}</i> to ${Array.isArray(value) ? `[${value.join(\", \")}]` : value}`, { id: this.IDS.LISTENER, autoClose: this.config.behavior.value !== \"persistent\" }), this.goBack();\n  }\n  protected parse(transcript: string, cleaned = transcript.replace(/[-\\s]/g, \"\"), path: string, isNav = false): any {\n    const val = getPath(this.root as any, path as any),\n      type = typeof val;\n    if (type === \"boolean\") {\n      if (isNav && this.config.autoToggles) return !val;\n      return match(this.config.commands.voiceToggleOn, transcript, this.config.inputs.accuracy) ? true : match(this.config.commands.voiceToggleOff, transcript, this.config.inputs.accuracy) ? false : null;\n    }\n    if (type === \"number\") {\n      const match = transcript.match(/-?\\d+(\\.\\d+)?/);\n      return match ? Number(match[0]) : null;\n    }\n    if (Array.isArray(val) || type === \"string\") {\n      const leaf = path.split(\".\").pop()!.toLowerCase(),\n        rgx = new RegExp(`^(set|change)\\\\s+${leaf}\\\\s+to\\\\s+`, \"i\"),\n        val = transcript.replace(rgx, \"\").trim();\n      if (isNav && !rgx.test(transcript)) if (cleaned === leaf || getSimilarity(leaf, cleaned) > this.config.inputs.accuracy) return null;\n      return val ? (type === \"string\" ? val : val.split(/\\s*(?:,|and)\\s*/i).filter(Boolean)) : null;\n    }\n    return null;\n  }\n\n  protected history: string[] = [\"*\"];\n  protected historyIdx: number = 0;\n  protected resetContext(direct = this.config.inputs.direct): void {\n    if (direct) (this.history = [\"*\", \"media\", \"media.intent\"]), (this.historyIdx = 2), force(() => (this.state.context = \"media.intent\"));\n    else (this.history = [\"*\"]), (this.historyIdx = 0), force(() => (this.state.context = \"*\"));\n  }\n  protected onContext(value: string): void {\n    if (this.history[this.historyIdx] !== this.state.context) {\n      const idx = this.history.indexOf(this.state.context);\n      if (idx !== -1) this.historyIdx = idx;\n      else (this.history = this.history.slice(0, this.historyIdx + 1)), this.history.push(value), (this.historyIdx = this.history.length - 1);\n    }\n    this.state.listening && this.predict(); // The single source of truth for rendering the UI\n  }\n  protected goBack(): void {\n    if (this.historyIdx > 0) this.state.context = this.history[--this.historyIdx];\n  }\n  protected goForward(): void {\n    if (this.historyIdx < this.history.length - 1) this.state.context = this.history[++this.historyIdx];\n  }\n  protected goTo(path: string): void {\n    this.state.context = path;\n  }\n\n  protected linked(text: string, value = text.toLowerCase(), isGoto = false): string {\n    return `<u class=\"tmg-media-voice-link\" ${isGoto ? \"data-goto\" : \"data-cmd\"}=\"${value}\" tabindex=\"0\" style=\"cursor:pointer; text-decoration-color: currentColor;\">${text}</u>`;\n  }\n  protected handleLinkClick(e: MouseEvent, target = e.target as HTMLElement): void {\n    if (!target.matches(clame(\"link\"))) return;\n    e.preventDefault(), e.stopPropagation();\n    if (target.dataset.goto) return this.goTo(target.dataset.goto);\n    const cmd = target.dataset.cmd!;\n    this.ctlr.plug(\"settings.toasts\")?.toast?.(cmd, { id: this.IDS.LISTENER }); // Instantly update the listener toast to show they \"clicked/said\" it\n    cmd === this.config.wakeWord.toLowerCase() ? this.wakeUp() : this.process(cmd); // Pipe it straight into the process engine as if they spoke it!\n  }\n  protected handleInputEvent(e: Event, target = e.target as HTMLElement, isEnter = e.type === \"keydown\" && (e as KeyboardEvent).key === \"Enter\", isClick = e.type === \"click\"): void {\n    this.stayWoke(e);\n    if ((isEnter && target.matches(clame(\"exact-input\"))) || (isClick && target.matches(clame(\"exact-submit\")))) e.preventDefault(), e.stopPropagation(), this.submit(target.closest(clame(\"input-wrap\"))?.querySelector<HTMLInputElement>(clame(\"exact-input\")));\n    else if (isEnter && target.matches(clame(\"path-input\"))) e.preventDefault(), e.stopPropagation(), this.submit(target as HTMLInputElement, undefined, true);\n  }\n  protected submit(input = this.ctlr.plug(\"settings.toasts\")?.container?.querySelector<HTMLInputElement>(clame(\"exact-input\")), render = input?.value.trim(), process = false): void {\n    if (input && render) this.ctlr.plug(\"settings.toasts\")?.toast?.update(this.IDS.LISTENER, { render: render, type: undefined }), !process ? this.execute(this.state.context, render, undefined, false, true) : this.process(render, undefined, true); // Execute with isSubmit = true\n  }\n  protected stayWoke(e: Event): void {\n    this.state.listening && (e.target as HTMLElement).closest(`:is([id=\"${this.IDS.PREDICTOR}\"],[id=\"${this.IDS.LISTENER}\"])`) && this.ctlr.debounce(\"voiceSleeping\", this.sleep, this.config.timeout, false);\n  }\n\n  protected isLeaf(path: string, val = path !== \"*\" && getPath(this.root as any, path as any)): boolean {\n    return (val && Array.isArray(val)) || isLeafPath(this.root as any, path as any, undefined, val);\n  }\n  protected getValidPaths(): string[] {\n    return getPaths(this.root as any, this.state.context as any, { depth: 1 })\n      .filter(this.ctlr.isLogicPath)\n      .sort((a, b) => a.localeCompare(b));\n  }\n  protected getListenerOptions(transient = false): ToastOptions {\n    const actions: Record<string, () => void> = { [this.state.muted ? \"⏵\" : \"⏸\"]: () => (this.state.muted = !this.state.muted) };\n    return { id: this.IDS.LISTENER, icon: \"🎙️\", position: this.state.listening ? this.config.listenerPos.value : this.config.predictorPos.value, autoClose: transient ? this.config.behavior.value !== \"persistent\" : false, closeButton: true, dragToClose: false, actions, onClose: (elapsed?: boolean) => !elapsed && (this.config.active.value = false), type: undefined, signal: this.signal };\n  }\n  protected getPredictorOptions(actions: ToastOptions[\"actions\"]): ToastOptions {\n    return { id: this.IDS.PREDICTOR, icon: \"✨\", position: this.config.predictorPos.value, autoClose: false, closeButton: true, dragToClose: false, animation: \"fade\", actions, onClose: (elapsed) => !elapsed && this.sleep(), signal: this.signal };\n  }\n  protected getListenerSpeech(full = true, firstHalf = \"Listening...\", secondHalf = `Say \"${this.linked(this.config.wakeWord)}\" to wake me up!`, first = true): string {\n    return full ? `${firstHalf} ${secondHalf}` : first ? firstHalf : secondHalf;\n  }\n\n  public override onDestroy(): void {\n    this.stop(), super.onDestroy();\n  }\n}\nconst clame = (suffix: string) => `.tmg-media-voice-${suffix}`;\n\nexport type * from \"./types\";\nexport * from \"./build\";\n\ndeclare module \"@defs/registries\" {\n  interface PlugRegistryMap {\n    \"settings.voice\": typeof VoicePlug;\n  }\n}\n\ndeclare module \"@defs/config\" {\n  interface Settings {\n    voice: VoiceConfig;\n  }\n}\n\ndeclare module \"@defs/contract\" {\n  interface MediaExtraFeatures {\n    voice: boolean;\n  }\n}\n"],"mappings":"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","names":["inputHtml","val"]}

package/dist/chunk-ESAOH6X5.js

@@ -0,0 +1,15 @@
+// src/ts/plugs/menus/settings/ambience.ts
+var getSettingsAmbienceMenu = (plug) => ({
+  id: "ambience",
+  label: "Ambience",
+  icon: "ambience",
+  widget: "toggle",
+  getValue: () => plug.config.active ? "On" : "Off",
+  onChange: (val) => plug.config.active = val,
+  configPaths: ["settings.ambience.active"]
+});
+
+export {
+  getSettingsAmbienceMenu
+};
+//# sourceMappingURL=chunk-ESAOH6X5.js.map

package/dist/chunk-ESAOH6X5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/plugs/menus/settings/ambience.ts"],"sourcesContent":["import type { SettingsMenuItem } from \"@plugs/settings/settingsView/types\";\nimport type { AmbiencePlug } from \"@plugs/settings/ambience\";\n\nexport const getSettingsAmbienceMenu = (plug: AmbiencePlug): SettingsMenuItem => ({\n  id: \"ambience\",\n  label: \"Ambience\",\n  icon: \"ambience\",\n  widget: \"toggle\",\n  getValue: () => (plug.config.active ? \"On\" : \"Off\"),\n  onChange: (val: boolean) => (plug.config.active = val),\n  configPaths: [\"settings.ambience.active\"],\n});\n\ndeclare module \"@defs/registries\" {\n  interface MenuRegistryMap {\n    \"settings.ambience\": typeof getSettingsAmbienceMenu;\n  }\n}\n"],"mappings":";AAGO,IAAM,0BAA0B,CAAC,UAA0C;AAAA,EAChF,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU,MAAO,KAAK,OAAO,SAAS,OAAO;AAAA,EAC7C,UAAU,CAAC,QAAkB,KAAK,OAAO,SAAS;AAAA,EAClD,aAAa,CAAC,0BAA0B;AAC1C;","names":[]}