tmg-media-player 0.0.1

package/dist/chunk-BKJRLSXA.js

@@ -0,0 +1,329 @@
+import {
+  VolumePlug
+} from "./chunk-KMENKVHP.js";
+import {
+  VOLUME_BUILD
+} from "./chunk-Q2XYS26I.js";
+import {
+  TimePlug
+} from "./chunk-ZUMPSWHW.js";
+import {
+  TimeTravelPlug
+} from "./chunk-XMR6HHTA.js";
+import {
+  TIME_TRAVEL_BUILD
+} from "./chunk-KQXT3GDF.js";
+import {
+  VoicePlug
+} from "./chunk-ERPQNMED.js";
+import {
+  VOICE_BUILD
+} from "./chunk-JFWYJV3J.js";
+import {
+  SettingsViewPlug
+} from "./chunk-DKS7SZFN.js";
+import {
+  SETTINGS_BUILD
+} from "./chunk-NPTM6BGC.js";
+import {
+  SleepTimerPlug
+} from "./chunk-HNTARWVL.js";
+import {
+  SLEEP_TIMER_BUILD
+} from "./chunk-RGPGW4ZJ.js";
+import {
+  TIME_BUILD
+} from "./chunk-274C5J22.js";
+import {
+  PersistPlug
+} from "./chunk-TGQYCEFL.js";
+import {
+  PERSIST_BUILD
+} from "./chunk-D5XNDZ4S.js";
+import {
+  PlaybackRatePlug
+} from "./chunk-SXXITYPP.js";
+import {
+  PLAYBACK_RATE_BUILD
+} from "./chunk-K7AAKFQF.js";
+import {
+  PosterPlug
+} from "./chunk-LSKNTXY2.js";
+import {
+  POSTER_BUILD
+} from "./chunk-DNY72SCR.js";
+import {
+  ObjectFitPlug
+} from "./chunk-HJORMYPQ.js";
+import {
+  OverlayPlug
+} from "./chunk-EUX3RZ3L.js";
+import {
+  OVERLAY_BUILD
+} from "./chunk-PXU563OY.js";
+import {
+  NotifiersPlug
+} from "./chunk-UKVFVAOO.js";
+import {
+  NOTIFIERS_BUILD
+} from "./chunk-ZCMJVQ6P.js";
+import {
+  ModesFullscreenPin,
+  ModesMiniplayerPin,
+  ModesPictureInPicturePin,
+  ModesPlug,
+  ModesTheaterPin
+} from "./chunk-E56PSUT2.js";
+import {
+  MODES_BUILD,
+  MODES_FULLSCREEN_BUILD,
+  MODES_MINIPLAYER_BUILD,
+  MODES_PICTURE_IN_PICTURE_BUILD,
+  MODES_THEATER_BUILD,
+  ORIENTATION_OPTIONS
+} from "./chunk-25IKIKAB.js";
+import {
+  OBJECT_FIT_BUILD,
+  objectFits
+} from "./chunk-KD3OBG25.js";
+import {
+  MetadataPlug
+} from "./chunk-WYVXNXZI.js";
+import {
+  METADATA_BUILD
+} from "./chunk-4FCGFO2J.js";
+import {
+  LockedPlug
+} from "./chunk-7PHLWSKV.js";
+import {
+  LOCKED_BUILD
+} from "./chunk-FHL5Z6MX.js";
+import {
+  KeysPlug
+} from "./chunk-AZTSMVMN.js";
+import {
+  GesturePlug,
+  GestureTouchPin,
+  GestureWheelPin
+} from "./chunk-YFM4P3Z3.js";
+import {
+  GESTURE_BUILD,
+  GESTURE_TOUCH_BUILD,
+  GESTURE_WHEEL_BUILD
+} from "./chunk-MEAGFRLE.js";
+import {
+  ErrorsPlug
+} from "./chunk-ZRCFHUS4.js";
+import {
+  ERRORS_BUILD,
+  ERROR_CODES
+} from "./chunk-URKWHZXA.js";
+import {
+  FastPlayPlug
+} from "./chunk-T4YZKI3Y.js";
+import {
+  FAST_PLAY_BUILD
+} from "./chunk-OBASYXH2.js";
+import {
+  FramePlug
+} from "./chunk-BFFQZMZX.js";
+import {
+  FRAME_BUILD
+} from "./chunk-4QQXED6P.js";
+import {
+  ControlPanelDraggablePin,
+  ControlPanelPlug
+} from "./chunk-JZXJAJNW.js";
+import {
+  ToastsPlug,
+  tutorialOpts
+} from "./chunk-GDC7I2CJ.js";
+import {
+  TOASTS_BUILD
+} from "./chunk-IFYBKLFH.js";
+import {
+  CSSPlug
+} from "./chunk-ESNKONBW.js";
+import {
+  CSS_BUILD
+} from "./chunk-UCBDCGYX.js";
+import {
+  BrightnessPlug
+} from "./chunk-6SHHKTGD.js";
+import {
+  BRIGHTNESS_BUILD
+} from "./chunk-JPWNE7JO.js";
+import {
+  CaptionsPlug
+} from "./chunk-2PA7FU47.js";
+import {
+  CastPlug
+} from "./chunk-CYUYF57A.js";
+import {
+  AutoPlug
+} from "./chunk-OJAUFHEW.js";
+import {
+  APT_AUTOPLAY_OPTIONS,
+  AUTO_BUILD
+} from "./chunk-6KYXFWBF.js";
+import {
+  AirPlayPlug
+} from "./chunk-ZSQIEOQO.js";
+import {
+  AmbiencePlug
+} from "./chunk-25AZZYCL.js";
+import {
+  AMBIENT_BUILD
+} from "./chunk-RFQXCN62.js";
+import {
+  PlaylistPlug
+} from "./chunk-YJVUJ6AA.js";
+import {
+  LightStatePlug
+} from "./chunk-RS4W2FAL.js";
+import {
+  LIGHT_STATE_BUILD
+} from "./chunk-GM7YMURS.js";
+import {
+  SkeletonPlug
+} from "./chunk-IJJ4F6HI.js";
+import {
+  SKELETON_BUILD
+} from "./chunk-OZEEIRCS.js";
+import {
+  DisabledPlug
+} from "./chunk-UGNYASFC.js";
+import {
+  DISABLED_BUILD
+} from "./chunk-WW56NFQS.js";
+import {
+  KEYS_BUILD,
+  KEYS_WHITELIST,
+  KEY_SHORTCUT_MOD_ACTIONS
+} from "./chunk-474PEQ33.js";
+import {
+  BIG_CONTROLS,
+  CONTROLS,
+  CONTROL_PANEL_BUILD,
+  CONTROL_PANEL_DRAGGABLE_BUILD,
+  ROWS_ARR
+} from "./chunk-TSAEQFDM.js";
+import {
+  CAPTIONS_BUILD,
+  ROTATE_PATHS,
+  STYLE_PATHS
+} from "./chunk-CAIDFMLB.js";
+import {
+  PLAYLIST_BUILD,
+  PLAYLIST_ITEM_BUILD
+} from "./chunk-IXLSSEE7.js";
+import {
+  BasePin,
+  BasePlug
+} from "./chunk-TB3GE2MH.js";
+import {
+  __export
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/super/plugs/index.ts
+var plugs_exports = {};
+__export(plugs_exports, {
+  AMBIENT_BUILD: () => AMBIENT_BUILD,
+  APT_AUTOPLAY_OPTIONS: () => APT_AUTOPLAY_OPTIONS,
+  AUTO_BUILD: () => AUTO_BUILD,
+  AirPlayPlug: () => AirPlayPlug,
+  AmbiencePlug: () => AmbiencePlug,
+  AutoPlug: () => AutoPlug,
+  BIG_CONTROLS: () => BIG_CONTROLS,
+  BRIGHTNESS_BUILD: () => BRIGHTNESS_BUILD,
+  BasePin: () => BasePin,
+  BasePlug: () => BasePlug,
+  BrightnessPlug: () => BrightnessPlug,
+  CAPTIONS_BUILD: () => CAPTIONS_BUILD,
+  CONTROLS: () => CONTROLS,
+  CONTROL_PANEL_BUILD: () => CONTROL_PANEL_BUILD,
+  CONTROL_PANEL_DRAGGABLE_BUILD: () => CONTROL_PANEL_DRAGGABLE_BUILD,
+  CSSPlug: () => CSSPlug,
+  CSS_BUILD: () => CSS_BUILD,
+  CaptionsPlug: () => CaptionsPlug,
+  CastPlug: () => CastPlug,
+  ControlPanelDraggablePin: () => ControlPanelDraggablePin,
+  ControlPanelPlug: () => ControlPanelPlug,
+  DISABLED_BUILD: () => DISABLED_BUILD,
+  DisabledPlug: () => DisabledPlug,
+  ERRORS_BUILD: () => ERRORS_BUILD,
+  ERROR_CODES: () => ERROR_CODES,
+  ErrorsPlug: () => ErrorsPlug,
+  FAST_PLAY_BUILD: () => FAST_PLAY_BUILD,
+  FRAME_BUILD: () => FRAME_BUILD,
+  FastPlayPlug: () => FastPlayPlug,
+  FramePlug: () => FramePlug,
+  GESTURE_BUILD: () => GESTURE_BUILD,
+  GESTURE_TOUCH_BUILD: () => GESTURE_TOUCH_BUILD,
+  GESTURE_WHEEL_BUILD: () => GESTURE_WHEEL_BUILD,
+  GesturePlug: () => GesturePlug,
+  GestureTouchPin: () => GestureTouchPin,
+  GestureWheelPin: () => GestureWheelPin,
+  KEYS_BUILD: () => KEYS_BUILD,
+  KEYS_WHITELIST: () => KEYS_WHITELIST,
+  KEY_SHORTCUT_MOD_ACTIONS: () => KEY_SHORTCUT_MOD_ACTIONS,
+  KeysPlug: () => KeysPlug,
+  LIGHT_STATE_BUILD: () => LIGHT_STATE_BUILD,
+  LOCKED_BUILD: () => LOCKED_BUILD,
+  LightStatePlug: () => LightStatePlug,
+  LockedPlug: () => LockedPlug,
+  METADATA_BUILD: () => METADATA_BUILD,
+  MODES_BUILD: () => MODES_BUILD,
+  MODES_FULLSCREEN_BUILD: () => MODES_FULLSCREEN_BUILD,
+  MODES_MINIPLAYER_BUILD: () => MODES_MINIPLAYER_BUILD,
+  MODES_PICTURE_IN_PICTURE_BUILD: () => MODES_PICTURE_IN_PICTURE_BUILD,
+  MODES_THEATER_BUILD: () => MODES_THEATER_BUILD,
+  MetadataPlug: () => MetadataPlug,
+  ModesFullscreenPin: () => ModesFullscreenPin,
+  ModesMiniplayerPin: () => ModesMiniplayerPin,
+  ModesPictureInPicturePin: () => ModesPictureInPicturePin,
+  ModesPlug: () => ModesPlug,
+  ModesTheaterPin: () => ModesTheaterPin,
+  NOTIFIERS_BUILD: () => NOTIFIERS_BUILD,
+  NotifiersPlug: () => NotifiersPlug,
+  OBJECT_FIT_BUILD: () => OBJECT_FIT_BUILD,
+  ORIENTATION_OPTIONS: () => ORIENTATION_OPTIONS,
+  OVERLAY_BUILD: () => OVERLAY_BUILD,
+  ObjectFitPlug: () => ObjectFitPlug,
+  OverlayPlug: () => OverlayPlug,
+  PERSIST_BUILD: () => PERSIST_BUILD,
+  PLAYBACK_RATE_BUILD: () => PLAYBACK_RATE_BUILD,
+  PLAYLIST_BUILD: () => PLAYLIST_BUILD,
+  PLAYLIST_ITEM_BUILD: () => PLAYLIST_ITEM_BUILD,
+  POSTER_BUILD: () => POSTER_BUILD,
+  PersistPlug: () => PersistPlug,
+  PlaybackRatePlug: () => PlaybackRatePlug,
+  PlaylistPlug: () => PlaylistPlug,
+  PosterPlug: () => PosterPlug,
+  ROTATE_PATHS: () => ROTATE_PATHS,
+  ROWS_ARR: () => ROWS_ARR,
+  SETTINGS_BUILD: () => SETTINGS_BUILD,
+  SKELETON_BUILD: () => SKELETON_BUILD,
+  SLEEP_TIMER_BUILD: () => SLEEP_TIMER_BUILD,
+  STYLE_PATHS: () => STYLE_PATHS,
+  SettingsViewPlug: () => SettingsViewPlug,
+  SkeletonPlug: () => SkeletonPlug,
+  SleepTimerPlug: () => SleepTimerPlug,
+  TIME_BUILD: () => TIME_BUILD,
+  TIME_TRAVEL_BUILD: () => TIME_TRAVEL_BUILD,
+  TOASTS_BUILD: () => TOASTS_BUILD,
+  TimePlug: () => TimePlug,
+  TimeTravelPlug: () => TimeTravelPlug,
+  ToastsPlug: () => ToastsPlug,
+  VOICE_BUILD: () => VOICE_BUILD,
+  VOLUME_BUILD: () => VOLUME_BUILD,
+  VoicePlug: () => VoicePlug,
+  VolumePlug: () => VolumePlug,
+  objectFits: () => objectFits,
+  tutorialOpts: () => tutorialOpts
+});
+
+export {
+  plugs_exports
+};
+//# sourceMappingURL=chunk-BKJRLSXA.js.map

package/dist/chunk-BKJRLSXA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/super/plugs/index.ts"],"sourcesContent":["export * from \"@plugs/base\";\nexport * from \"@plugs/main/disabled\";\nexport * from \"@plugs/main/lightState\";\nexport * from \"@plugs/main/playlist\";\nexport * from \"@plugs/main/skeleton\";\nexport * from \"@plugs/settings/airplay\";\nexport * from \"@plugs/settings/ambience\";\nexport * from \"@plugs/settings/auto\";\nexport * from \"@plugs/settings/brightness\";\nexport * from \"@plugs/settings/captions\";\nexport * from \"@plugs/settings/cast\";\nexport * from \"@plugs/settings/controlPanel\";\nexport * from \"@plugs/settings/css\";\nexport * from \"@plugs/settings/errors\";\nexport * from \"@plugs/settings/fastPlay\";\nexport * from \"@plugs/settings/frame\";\nexport * from \"@plugs/settings/gesture\";\nexport * from \"@plugs/settings/keys\";\nexport * from \"@plugs/settings/locked\";\nexport * from \"@plugs/settings/metadata\";\nexport * from \"@plugs/settings/modes\";\nexport * from \"@plugs/settings/notifiers\";\nexport * from \"@plugs/settings/objectFit\";\nexport * from \"@plugs/settings/overlay\";\nexport * from \"@plugs/settings/persist\";\nexport * from \"@plugs/settings/playbackRate\";\nexport * from \"@plugs/settings/poster\";\nexport * from \"@plugs/settings/settingsView\";\nexport * from \"@plugs/settings/sleepTimer\";\nexport * from \"@plugs/settings/time\";\nexport * from \"@plugs/settings/timeTravel\";\nexport * from \"@plugs/settings/toasts\";\nexport * from \"@plugs/settings/voice\";\nexport * from \"@plugs/settings/volume\";\nimport \"../../plugs/z-register\";\nimport \"./menus\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-BLJDDFX2.js

@@ -0,0 +1,228 @@
+import {
+  RANGE_INPUT_BUILD
+} from "./chunk-6K4HCMUL.js";
+import {
+  BaseComponent
+} from "./chunk-SWYNIQHD.js";
+import {
+  stepNum
+} from "./chunk-ZSB6HGB5.js";
+import {
+  observeResize
+} from "./chunk-HCSCY6DU.js";
+import {
+  clamp,
+  createEl,
+  getWindow,
+  setTimeout2
+} from "./chunk-ZJ6KVLUS.js";
+import {
+  __publicField
+} from "./chunk-UVKRO5ER.js";
+
+// src/ts/components/rangeinput/index.ts
+import { reactive } from "sia-reactor";
+import { mergeObjs } from "sia-reactor/utils";
+import { startTx, endTx } from "sia-reactor/modules";
+var RangeInput = class extends BaseComponent {
+  constructor(ctlr, config, state) {
+    super(ctlr, reactive(mergeObjs(structuredClone(RANGE_INPUT_BUILD), config), { scrubbing: false, previewing: false, cancelScrub: false, ...state }));
+    __publicField(this, "barsWrapper");
+    __publicField(this, "marksWrapper");
+    __publicField(this, "chunks", []);
+    __publicField(this, "thumbEl");
+    __publicField(this, "tooltipEl");
+    __publicField(this, "isVertical", false);
+    __publicField(this, "isRTL", false);
+    __publicField(this, "rect");
+    __publicField(this, "lastPtrPos", 0);
+    __publicField(this, "lastThumbPos", 0);
+    __publicField(this, "currentThumbPos", 0);
+    __publicField(this, "stallCancelScrub", false);
+    __publicField(this, "cancelScrubTimeoutId", null);
+    __publicField(this, "tx", null);
+    __publicField(this, "prevEX");
+    __publicField(this, "prevEY");
+  }
+  create() {
+    this.element = createEl("div", { className: "tmg-media-range-container", tabIndex: 0, role: "slider" });
+    this.barsWrapper = createEl("div", { className: "tmg-media-range-bars-wrapper" });
+    this.marksWrapper = createEl("div", { className: "tmg-media-range-marks-wrapper" });
+    this.thumbEl = createEl("div", { className: "tmg-media-range-thumb" });
+    this.tooltipEl = createEl("div", { className: "tmg-media-range-tooltip" });
+    return this.el.append(this.barsWrapper, this.marksWrapper, this.thumbEl, this.tooltipEl), this.el;
+  }
+  wire() {
+    this.rect = this.el.getBoundingClientRect();
+    this.el.addEventListener("pointerdown", this.handlePointerDown, { signal: this.signal });
+    this.el.addEventListener("keydown", this.handleKeyDown, { signal: this.signal });
+    this.el.addEventListener("wheel", this.handleWheel, { passive: false, signal: this.signal });
+    this.el.addEventListener("mouseover", () => this.rect = this.el.getBoundingClientRect(), { signal: this.signal });
+    this.el.addEventListener("mousemove", this.handleInput, { signal: this.signal });
+    for (const e of ["mouseleave", "touchend", "touchcancel"]) this.el.addEventListener(e, this.stopPreviewing, { signal: this.signal });
+    this.state.watch("scrubbing", (value) => value ? this.tx = startTx(`${this.config.label} Scrub`) : this.tx && this.config.stall(() => (endTx(this.tx), this.tx = null)), { signal: this.signal });
+    this.state.on("previewing", ({ value }) => this.el.classList.toggle("tmg-media-control-previewing", !!value), { signal: this.signal });
+    this.state.on("scrubbing", ({ value }) => this.el.classList.toggle("tmg-media-control-scrubbing", !!value), { signal: this.signal });
+    this.state.on("cancelScrub", ({ value }) => this.el.classList.toggle("tmg-media-control-cancel-scrub", !!value), { signal: this.signal });
+    this.config.set("value", (value) => stepNum(value, this.config), { signal: this.signal });
+    this.config.on("label", ({ value }) => this.el.ariaLabel = value, { init: true, signal: this.signal });
+    this.config.on("min", ({ value }) => this.el.ariaValueMin = String(value), { init: true, signal: this.signal });
+    this.config.on("max", ({ value }) => this.el.ariaValueMax = String(value), { init: true, signal: this.signal });
+    this.config.watch("value", this.onValue, { init: true, signal: this.signal });
+    this.config.watch("previewValue", this.onPreviewValue, { init: true, signal: this.signal });
+    this.config.on("tooltip", ({ value }) => this.el.toggleAttribute("data-tooltip", !!value), { init: true, signal: this.signal });
+    this.config.on("readonly", ({ value }) => this.el.toggleAttribute("readonly", !!value), { init: true, signal: this.signal });
+    this.config.on("disabled", ({ value }) => this.el.toggleAttribute("disabled", !!value), { init: true, signal: this.signal });
+    this.config.on("divs", ({ currentTarget: { value } }) => this.syncDivs(value), { init: true, signal: this.signal });
+    this.config.on("marks", ({ currentTarget: { value } }) => this.syncMarks(value), { init: true, signal: this.signal });
+    observeResize(this.el, () => this.ctlr.throttle(`${this.config.label}Resizing`, this.handleResize, 30, false), this.signal);
+  }
+  scrub(value, bypass = false) {
+    return this.canScrub ? (!bypass ? this.config.value = value : this.onValue(value), true) : false;
+  }
+  get canScrub() {
+    return !this.config.readonly && !this.config.disabled;
+  }
+  onValue(value) {
+    this.syncElPos(this.thumbEl, this.getValuePos(value), false, "auto"), this.syncChunks("value", value);
+    if (!this.state.scrubbing) this.el.ariaValueNow = String(value);
+  }
+  onPreviewValue(value) {
+    this.syncChunks("preview", value), this.config.tooltip && (this.syncElPos(this.tooltipEl, this.getValuePos(value), false, !(this.state.previewing && !this.state.scrubbing) ? "auto" : false, this.thumbEl), this.tooltipEl.innerHTML = (this.config.formatTooltip ? String(this.config.formatTooltip(value)) : `${Math.round(value)}`) + ` ${this.getValueChunk(value)?.label || ""}`.trim());
+  }
+  handlePointerDown(e) {
+    if (this.state.scrubbing || this.config.readonly || this.config.disabled) return;
+    this.state.scrubbing = true;
+    this.el.setPointerCapture(e.pointerId);
+    const s = getWindow(this.el).getComputedStyle(this.el);
+    this.isVertical = s.writingMode.includes("vertical"), this.isRTL = s.direction === "rtl";
+    this.rect = this.el.getBoundingClientRect(), this.lastPtrPos = this.getPos(e), this.lastThumbPos = this.currentThumbPos = this.getValuePos();
+    getWindow(this.el).addEventListener("pointermove", this.handleInput, { signal: this.signal }), this.handleInput(e);
+    getWindow(this.el).addEventListener("pointerup", this.stopScrubbing, { signal: this.signal }), getWindow(this.el).addEventListener("pointercancel", this.stopScrubbing, { signal: this.signal });
+  }
+  stopScrubbing() {
+    if (!this.state.scrubbing) return;
+    this.state.scrubbing = this.state.previewing = false;
+    this.ctlr.cancelRAFLoop(`${this.config.label}Inputing`);
+    this.scrub(this.getPosValue(this.state.cancelScrub ? this.lastThumbPos : this.currentThumbPos), this.state.cancelScrub);
+    this.allowScrubbing(), this.stopPreviewing();
+    this.stallCancelScrub = true;
+    getWindow(this.el).removeEventListener("pointermove", this.handleInput);
+    getWindow(this.el).removeEventListener("pointerup", this.stopScrubbing), getWindow(this.el).removeEventListener("pointercancel", this.stopScrubbing);
+  }
+  stopPreviewing() {
+    if (!this.state.previewing) return;
+    this.state.previewing = false;
+    !this.state.scrubbing && this.ctlr.cancelRAFLoop(`${this.config.label}Inputing`);
+  }
+  cancelScrubbing() {
+    if (this.stallCancelScrub || this.state.cancelScrub || this.cancelScrubTimeoutId) return;
+    this.state.cancelScrub = true;
+    this.cancelScrubTimeoutId = setTimeout2(() => this.allowScrubbing(false), this.config.scrub.cancel.timeout, this.signal);
+  }
+  allowScrubbing(reset = true) {
+    this.stallCancelScrub = this.state.cancelScrub = false;
+    clearTimeout(this.cancelScrubTimeoutId);
+    if (reset) this.cancelScrubTimeoutId = null;
+  }
+  handleInput(e) {
+    if (this.config.readonly || this.config.disabled) return;
+    this.ctlr.RAFLoop(`${this.config.label}Inputing`, () => {
+      var _a;
+      if (this.prevEX === e.clientX && this.prevEY === e.clientY) return;
+      this.prevEX = e.clientX, this.prevEY = e.clientY;
+      (_a = this.state).previewing || (_a.previewing = true);
+      const dimension = this.isVertical ? this.rect.height : this.rect.width, progress = this.getPos(e), pos = this.currentThumbPos = clamp(0, !this.state.scrubbing || this.config.scrub.relative ? progress : this.lastThumbPos + progress - this.lastPtrPos, 1), value = this.getPosValue(pos);
+      this.config.previewValue = value;
+      if (this.state.scrubbing) {
+        !this.config.scrub.sync ? this.syncElPos(this.thumbEl, pos, false, "auto") : this.scrub(value);
+        Math.abs(pos - this.lastThumbPos) < this.config.scrub.cancel.delta / dimension ? this.cancelScrubbing() : this.allowScrubbing();
+      }
+      this.onInput(e, pos);
+    });
+  }
+  onInput(_e, _pos) {
+  }
+  // override to safely add preview logic (timeline preview image, etc.)
+  handleWheel(e) {
+    if (this.config.wheel.disabled) return;
+    e.preventDefault(), e.stopImmediatePropagation();
+    const dimension = this.isVertical ? getWindow(this.el).innerHeight : getWindow(this.el).innerWidth, pos = clamp(0, Math.abs(-e.deltaY), dimension * this.config.wheel.axisRatio) / (dimension * this.config.wheel.axisRatio), value = this.config.value + (-e.deltaY >= 0 ? pos : -pos) * (this.config.max - this.config.min);
+    this.scrub(value);
+  }
+  handleKeyDown(e) {
+    const key = e.key?.toLowerCase();
+    if (["arrowleft", "arrowdown", "arrowright", "arrowup"].includes(key)) {
+      e.preventDefault(), e.stopImmediatePropagation();
+      const delta = e.shiftKey ? 2 : 1, direction = ["arrowleft", "arrowdown"].includes(key) ? -1 : 1;
+      this.scrub(this.config.value + direction * delta * this.config.step);
+    }
+  }
+  handleResize() {
+    this.rect = this.el.getBoundingClientRect();
+    const pos = this.getValuePos();
+    this.syncElPos(this.thumbEl, pos, false, "auto"), this.syncChunks("value", this.config.value), this.config.tooltip && this.syncElPos(this.tooltipEl, pos, false, "auto", this.thumbEl);
+  }
+  getValuePos(value = this.config.value, range = this.config.max - this.config.min) {
+    return range ? (value - this.config.min) / range : 0;
+  }
+  getPosValue(pos) {
+    return pos * (this.config.max - this.config.min) + this.config.min;
+  }
+  getValueChunk(value = this.config.value) {
+    for (let i = 0, len = this.chunks.length; i < len; i++) {
+      const c = this.chunks[i];
+      if (value >= c.start && value <= c.end) return c;
+    }
+  }
+  getPos(e) {
+    const p = this.isVertical ? (e.clientY - this.rect.top) / this.rect.height : (e.clientX - this.rect.left) / this.rect.width;
+    return clamp(0, this.isRTL ? 1 - p : p, 1);
+  }
+  syncElPos(el, pos, isSize = false, inBounds = false, bounds = el) {
+    const dim = this.isVertical ? this.rect?.height : this.rect?.width, min = inBounds && dim ? (this.isVertical ? bounds.offsetHeight : bounds.offsetWidth) / 2 / dim : 0;
+    pos = inBounds === "auto" ? min + pos * (1 - min * 2) : pos;
+    const value = pos || !isSize && pos === 0 ? `${clamp(min, pos, 1 - min) * 100}%` : "";
+    if (isSize) this.isVertical ? (el.style.blockSize = value, el.style.inlineSize = "") : (el.style.inlineSize = value, el.style.blockSize = "");
+    else this.isVertical ? (el.style.insetBlockEnd = value, el.style.insetInlineStart = "") : (el.style.insetInlineStart = value, el.style.insetBlockEnd = "");
+  }
+  syncChunks(key, value) {
+    for (let i = 0, len = this.chunks.length; i < len; i++) {
+      const c = this.chunks[i];
+      this.syncElPos(c[key], clamp(0, (value - c.start) / c.size, 1) || 0, true), c[key].style.setProperty("--tmg-media-current-range-pos", String(this.getValuePos(value)));
+      c.el.classList.toggle(`tmg-media-chunk-${key}-active`, value >= c.start && value <= c.end);
+    }
+  }
+  syncDivs(divs = this.config.divs) {
+    this.barsWrapper.innerHTML = "";
+    this.chunks = [];
+    const range = this.config.max - this.config.min, stops = divs.toSorted((a, b) => a.value - b.value);
+    if (stops.length && stops[0].value > this.config.min && stops[0].value <= this.config.min + Math.min(0.02 * range, range * 0.25)) stops[0].value = this.config.min;
+    else if (!stops.length || stops[0].value > this.config.min) stops.unshift({ value: this.config.min, label: "" });
+    if (stops[stops.length - 1].value < this.config.max) stops.push({ value: this.config.max, label: "" });
+    const fragment = document.createDocumentFragment();
+    for (let i = 0, len = stops.length; i < len - 1; i++) {
+      const start = stops[i], end = stops[i + 1], size = end.value - start.value;
+      if (size <= 0) continue;
+      const el = createEl("div", { className: "tmg-media-range-chunk" }, void 0, { cssText: `--tmg-media-current-chunk-st: ${(start.value - this.config.min) / range};` }), chunk = { base: createEl("div", { className: "tmg-media-range-bar tmg-media-range-base-bar" }), preview: createEl("div", { className: "tmg-media-range-bar tmg-media-range-preview-bar" }), value: createEl("div", { className: "tmg-media-range-bar tmg-media-range-value-bar" }) };
+      this.syncElPos(el, size / range, true), fragment.append((el.append(chunk.base, chunk.preview, chunk.value), el)), this.chunks.push({ start: start.value, end: end.value, label: start.label, size, el, ...chunk });
+    }
+    this.barsWrapper.append(fragment), this.onValue(this.config.value), this.onPreviewValue(this.config.previewValue);
+  }
+  syncMarks(marks = this.config.marks) {
+    this.marksWrapper.innerHTML = "";
+    const els = [], range = this.config.max - this.config.min;
+    if (range <= 0) return;
+    for (let i = 0, len = marks.length; i < len; i++) {
+      const m = marks[i], el = createEl("div", { className: `tmg-media-range-mark tmg-media-range-${marks[i].type || "base"}-mark`, title: marks[i].label || `${m.start}${m.end && m.end > m.start + 1 ? ` - ${m.end}` : ""}  Mark` }, void 0);
+      this.syncElPos(el, (m.start - this.config.min) / range, false), this.syncElPos(el, m.end ? (m.end - m.start) / range : 0, true), els.push(el);
+    }
+    this.marksWrapper.append(...els);
+  }
+};
+__publicField(RangeInput, "componentName", "rangeinput");
+
+export {
+  RangeInput
+};
+//# sourceMappingURL=chunk-BLJDDFX2.js.map

package/dist/chunk-BLJDDFX2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts/components/rangeinput/index.ts"],"sourcesContent":["import { BaseComponent } from \"../base\";\r\nimport { RangeInputChunk, RangeInputConfig, RangeState } from \"./types\";\r\nimport { RANGE_INPUT_BUILD } from \"./build\";\r\nimport type { Controller } from \"@core/controller\";\r\nimport { reactive, type Reactive } from \"sia-reactor\";\r\nimport { mergeObjs } from \"sia-reactor/utils\";\r\nimport { createEl, getWindow, observeResize } from \"@utils/dom\";\r\nimport { clamp, stepNum } from \"@utils/num\";\r\nimport { setTimeout } from \"@utils/fn\";\r\nimport { startTx, endTx, Transaction } from \"sia-reactor/modules\";\r\n\r\nexport class RangeInput<Config extends RangeInputConfig = RangeInputConfig, State extends RangeState = RangeState> extends BaseComponent<Reactive<Config>, State, HTMLDivElement> {\r\n  public declare config: Reactive<Config> & Reactive<RangeInputConfig>;\r\n  public static readonly componentName: string = \"rangeinput\";\r\n  public barsWrapper!: HTMLElement;\r\n  public marksWrapper!: HTMLElement;\r\n  public chunks: RangeInputChunk[] = [];\r\n  public thumbEl!: HTMLElement;\r\n  public tooltipEl!: HTMLElement;\r\n  public isVertical = false;\r\n  public isRTL = false;\r\n  protected rect!: DOMRect;\r\n  protected lastPtrPos = 0;\r\n  protected lastThumbPos = 0;\r\n  protected currentThumbPos = 0;\r\n  protected stallCancelScrub = false;\r\n  protected cancelScrubTimeoutId: number | null = null;\r\n  protected tx: Transaction | null = null;\r\n\r\n  constructor(ctlr: Controller, config?: Partial<Config>, state?: Partial<State>) {\r\n    super(ctlr, reactive(mergeObjs(structuredClone(RANGE_INPUT_BUILD), config) as unknown as Reactive<Config>, { scrubbing: false, previewing: false, cancelScrub: false, ...state } as any));\r\n  }\r\n\r\n  public override create() {\r\n    // Variables Assignments\r\n    this.element = createEl(\"div\", { className: \"tmg-media-range-container\", tabIndex: 0, role: \"slider\" });\r\n    this.barsWrapper = createEl(\"div\", { className: \"tmg-media-range-bars-wrapper\" });\r\n    this.marksWrapper = createEl(\"div\", { className: \"tmg-media-range-marks-wrapper\" });\r\n    this.thumbEl = createEl(\"div\", { className: \"tmg-media-range-thumb\" });\r\n    this.tooltipEl = createEl(\"div\", { className: \"tmg-media-range-tooltip\" });\r\n    // DOM Injection\r\n    return this.el.append(this.barsWrapper, this.marksWrapper, this.thumbEl, this.tooltipEl), this.el;\r\n  }\r\n\r\n  public override wire(): void {\r\n    // Variables Asignments\r\n    this.rect = this.el.getBoundingClientRect();\r\n    // Event Listeners\r\n    this.el.addEventListener(\"pointerdown\", this.handlePointerDown, { signal: this.signal });\r\n    this.el.addEventListener(\"keydown\", this.handleKeyDown, { signal: this.signal });\r\n    this.el.addEventListener(\"wheel\", this.handleWheel, { passive: false, signal: this.signal });\r\n    this.el.addEventListener(\"mouseover\", () => (this.rect = this.el.getBoundingClientRect()), { signal: this.signal });\r\n    this.el.addEventListener(\"mousemove\", this.handleInput, { signal: this.signal });\r\n    for (const e of [\"mouseleave\", \"touchend\", \"touchcancel\"]) this.el.addEventListener(e, this.stopPreviewing, { signal: this.signal });\r\n    // State Watchers\r\n    this.state.watch(\"scrubbing\", (value) => (value ? (this.tx = startTx(`${this.config.label} Scrub`)) : this.tx && this.config.stall(() => (endTx(this.tx!), (this.tx = null)))), { signal: this.signal });\r\n    // ----- Listeners\r\n    this.state.on(\"previewing\", ({ value }) => this.el.classList.toggle(\"tmg-media-control-previewing\", !!value), { signal: this.signal });\r\n    this.state.on(\"scrubbing\", ({ value }) => this.el.classList.toggle(\"tmg-media-control-scrubbing\", !!value), { signal: this.signal });\r\n    this.state.on(\"cancelScrub\", ({ value }) => this.el.classList.toggle(\"tmg-media-control-cancel-scrub\", !!value), { signal: this.signal });\r\n    // Config Setters\r\n    this.config.set(\"value\", (value) => stepNum(value, this.config), { signal: this.signal });\r\n    // ------ Listeners\r\n    this.config.on(\"label\", ({ value }) => (this.el.ariaLabel = value!), { init: true, signal: this.signal });\r\n    this.config.on(\"min\", ({ value }) => (this.el.ariaValueMin = String(value!)), { init: true, signal: this.signal });\r\n    this.config.on(\"max\", ({ value }) => (this.el.ariaValueMax = String(value!)), { init: true, signal: this.signal });\r\n    this.config.watch(\"value\", this.onValue, { init: true, signal: this.signal }); // #SYNC: near native speed\r\n    this.config.watch(\"previewValue\", this.onPreviewValue, { init: true, signal: this.signal }); // #SYNC: near native speed\r\n    this.config.on(\"tooltip\", ({ value }) => this.el.toggleAttribute(\"data-tooltip\", !!value), { init: true, signal: this.signal });\r\n    this.config.on(\"readonly\", ({ value }) => this.el.toggleAttribute(\"readonly\", !!value), { init: true, signal: this.signal });\r\n    this.config.on(\"disabled\", ({ value }) => this.el.toggleAttribute(\"disabled\", !!value), { init: true, signal: this.signal });\r\n    this.config.on(\"divs\", ({ currentTarget: { value } }) => this.syncDivs(value), { init: true, signal: this.signal });\r\n    this.config.on(\"marks\", ({ currentTarget: { value } }) => this.syncMarks(value), { init: true, signal: this.signal });\r\n    // Post Wiring\r\n    observeResize(this.el, () => this.ctlr.throttle(`${this.config.label}Resizing`, this.handleResize, 30, false), this.signal);\r\n  }\r\n  protected scrub(value: number, bypass = false): boolean {\r\n    return this.canScrub ? (!bypass ? (this.config.value = value) : this.onValue(value), true) : false;\r\n  }\r\n  public get canScrub(): boolean {\r\n    return !this.config.readonly && !this.config.disabled;\r\n  }\r\n\r\n  protected onValue(value: number): void {\r\n    this.syncElPos(this.thumbEl, this.getValuePos(value), false, \"auto\"), this.syncChunks(\"value\", value);\r\n    if (!this.state.scrubbing) this.el.ariaValueNow = String(value);\r\n  }\r\n  protected onPreviewValue(value: number): void {\r\n    this.syncChunks(\"preview\", value), this.config.tooltip && (this.syncElPos(this.tooltipEl, this.getValuePos(value), false, !(this.state.previewing && !this.state.scrubbing) ? \"auto\" : false, this.thumbEl), (this.tooltipEl.innerHTML = (this.config.formatTooltip ? String(this.config.formatTooltip(value)) : `${Math.round(value)}`) + ` ${this.getValueChunk(value)?.label || \"\"}`.trim()));\r\n  }\r\n\r\n  protected handlePointerDown(e: PointerEvent): void {\r\n    if (this.state.scrubbing || this.config.readonly || this.config.disabled) return;\r\n    this.state.scrubbing = true;\r\n    this.el.setPointerCapture(e.pointerId);\r\n    const s = getWindow(this.el).getComputedStyle(this.el);\r\n    (this.isVertical = s.writingMode.includes(\"vertical\")), (this.isRTL = s.direction === \"rtl\");\r\n    (this.rect = this.el.getBoundingClientRect()), (this.lastPtrPos = this.getPos(e)), (this.lastThumbPos = this.currentThumbPos = this.getValuePos());\r\n    getWindow(this.el).addEventListener(\"pointermove\", this.handleInput, { signal: this.signal }), this.handleInput(e);\r\n    getWindow(this.el).addEventListener(\"pointerup\", this.stopScrubbing, { signal: this.signal }), getWindow(this.el).addEventListener(\"pointercancel\", this.stopScrubbing, { signal: this.signal });\r\n  }\r\n\r\n  protected stopScrubbing(): void {\r\n    if (!this.state.scrubbing) return;\r\n    this.state.scrubbing = this.state.previewing = false;\r\n    this.ctlr.cancelRAFLoop(`${this.config.label}Inputing`);\r\n    this.scrub(this.getPosValue(this.state.cancelScrub ? this.lastThumbPos : this.currentThumbPos), this.state.cancelScrub);\r\n    this.allowScrubbing(), this.stopPreviewing();\r\n    this.stallCancelScrub = true;\r\n    getWindow(this.el).removeEventListener(\"pointermove\", this.handleInput);\r\n    getWindow(this.el).removeEventListener(\"pointerup\", this.stopScrubbing), getWindow(this.el).removeEventListener(\"pointercancel\", this.stopScrubbing);\r\n  }\r\n  protected stopPreviewing(): void {\r\n    if (!this.state.previewing) return;\r\n    this.state.previewing = false;\r\n    !this.state.scrubbing && this.ctlr.cancelRAFLoop(`${this.config.label}Inputing`);\r\n  }\r\n\r\n  protected cancelScrubbing(): void {\r\n    if (this.stallCancelScrub || this.state.cancelScrub || this.cancelScrubTimeoutId) return;\r\n    this.state.cancelScrub = true;\r\n    this.cancelScrubTimeoutId = setTimeout(() => this.allowScrubbing(false), this.config.scrub.cancel.timeout, this.signal);\r\n  }\r\n  protected allowScrubbing(reset = true): void {\r\n    this.stallCancelScrub = this.state.cancelScrub = false;\r\n    clearTimeout(this.cancelScrubTimeoutId!);\r\n    if (reset) this.cancelScrubTimeoutId = null;\r\n  }\r\n\r\n  protected handleInput(e: MouseEvent | PointerEvent): void {\r\n    if (this.config.readonly || this.config.disabled) return;\r\n    this.ctlr.RAFLoop(`${this.config.label}Inputing`, () => {\r\n      if (this.prevEX === e.clientX && this.prevEY === e.clientY) return; // #CONSERVATION: peak stays peak\r\n      (this.prevEX = e.clientX), (this.prevEY = e.clientY);\r\n      this.state.previewing ||= true;\r\n      const dimension = this.isVertical ? this.rect.height : this.rect.width,\r\n        progress = this.getPos(e),\r\n        pos = (this.currentThumbPos = clamp(0, !this.state.scrubbing || this.config.scrub.relative ? progress : this.lastThumbPos + progress - this.lastPtrPos, 1)),\r\n        value = this.getPosValue(pos);\r\n      this.config.previewValue = value;\r\n      if (this.state.scrubbing) {\r\n        !this.config.scrub.sync ? this.syncElPos(this.thumbEl, pos, false, \"auto\") : this.scrub(value);\r\n        Math.abs(pos - this.lastThumbPos) < this.config.scrub.cancel.delta / dimension ? this.cancelScrubbing() : this.allowScrubbing();\r\n      }\r\n      this.onInput(e, pos);\r\n    });\r\n  }\r\n  private prevEX?: number;\r\n  private prevEY?: number;\r\n  protected onInput(_e: MouseEvent | PointerEvent, _pos: number): void {} // override to safely add preview logic (timeline preview image, etc.)\r\n\r\n  protected handleWheel(e: WheelEvent): void {\r\n    if (this.config.wheel.disabled) return;\r\n    e.preventDefault(), e.stopImmediatePropagation();\r\n    const dimension = this.isVertical ? getWindow(this.el).innerHeight : getWindow(this.el).innerWidth,\r\n      pos = clamp(0, Math.abs(-e.deltaY), dimension * this.config.wheel.axisRatio) / (dimension * this.config.wheel.axisRatio),\r\n      value = this.config.value + (-e.deltaY >= 0 ? pos : -pos) * (this.config.max - this.config.min);\r\n    this.scrub(value);\r\n  }\r\n  protected handleKeyDown(e: KeyboardEvent): void {\r\n    const key = e.key?.toLowerCase();\r\n    if ([\"arrowleft\", \"arrowdown\", \"arrowright\", \"arrowup\"].includes(key)) {\r\n      e.preventDefault(), e.stopImmediatePropagation();\r\n      const delta = e.shiftKey ? 2 : 1,\r\n        direction = [\"arrowleft\", \"arrowdown\"].includes(key) ? -1 : 1;\r\n      this.scrub(this.config.value + direction * delta * this.config.step);\r\n    }\r\n  }\r\n\r\n  protected handleResize(): void {\r\n    this.rect = this.el.getBoundingClientRect();\r\n    const pos = this.getValuePos();\r\n    this.syncElPos(this.thumbEl, pos, false, \"auto\"), this.syncChunks(\"value\", this.config.value), this.config.tooltip && this.syncElPos(this.tooltipEl, pos, false, \"auto\", this.thumbEl);\r\n  }\r\n\r\n  protected getValuePos(value = this.config.value, range = this.config.max - this.config.min): number {\r\n    return range ? (value - this.config.min) / range : 0;\r\n  }\r\n  protected getPosValue(pos: number): number {\r\n    return pos * (this.config.max - this.config.min) + this.config.min;\r\n  }\r\n  protected getValueChunk(value = this.config.value): RangeInputChunk | undefined {\r\n    for (let i = 0, len = this.chunks.length; i < len; i++) {\r\n      const c = this.chunks[i];\r\n      if (value >= c.start && value <= c.end) return c;\r\n    }\r\n  }\r\n  protected getPos(e: MouseEvent | PointerEvent): number {\r\n    const p = this.isVertical ? (e.clientY - this.rect.top) / this.rect.height : (e.clientX - this.rect.left) / this.rect.width;\r\n    return clamp(0, this.isRTL ? 1 - p : p, 1);\r\n  }\r\n\r\n  public syncElPos(el: HTMLElement, pos: number, isSize = false, inBounds: boolean | \"auto\" = false, bounds = el): void {\r\n    const dim = this.isVertical ? this.rect?.height : this.rect?.width,\r\n      min = inBounds && dim ? (this.isVertical ? bounds.offsetHeight : bounds.offsetWidth) / 2 / dim : 0;\r\n    pos = inBounds === \"auto\" ? min + pos * (1 - min * 2) : pos;\r\n    const value = pos || (!isSize && pos === 0) ? `${clamp(min, pos, 1 - min) * 100}%` : \"\"; // onresize still for pixel accuracy, debounce won't stutter due to '%'\r\n    if (isSize) this.isVertical ? ((el.style.blockSize = value), (el.style.inlineSize = \"\")) : ((el.style.inlineSize = value), (el.style.blockSize = \"\"));\r\n    else this.isVertical ? ((el.style.insetBlockEnd = value), (el.style.insetInlineStart = \"\")) : ((el.style.insetInlineStart = value), (el.style.insetBlockEnd = \"\"));\r\n    // el.style.transform = this.isVertical ? (isSize ? `scaleY(${pos})` : `translateY(-${pos * 100}%)`) : (isSize ? `scaleX(${pos})` : `translateX(${pos * 100}%)`);\r\n  }\r\n  protected syncChunks(key: keyof Omit<RangeInputChunk, \"start\" | \"end\" | \"size\" | \"el\" | \"label\">, value: number): void {\r\n    for (let i = 0, len = this.chunks.length; i < len; i++) {\r\n      const c = this.chunks[i];\r\n      this.syncElPos(c[key]!, clamp(0, (value - c.start) / c.size, 1) || 0, true), c[key]!.style.setProperty(\"--tmg-media-current-range-pos\", String(this.getValuePos(value)));\r\n      c.el.classList.toggle(`tmg-media-chunk-${key}-active`, value >= c.start && value <= c.end);\r\n    }\r\n  }\r\n  protected syncDivs(divs = this.config.divs): void {\r\n    this.barsWrapper.innerHTML = \"\";\r\n    this.chunks = [];\r\n    const range = this.config.max - this.config.min,\r\n      stops = divs.toSorted((a, b) => a.value - b.value); // Sort divs chronologically\r\n    if (stops.length && stops[0].value > this.config.min && stops[0].value <= this.config.min + Math.min(0.02 * range, range * 0.25)) stops[0].value = this.config.min;\r\n    else if (!stops.length || stops[0].value > this.config.min) stops.unshift({ value: this.config.min, label: \"\" });\r\n    if (stops[stops.length - 1].value < this.config.max) stops.push({ value: this.config.max, label: \"\" });\r\n    const fragment = document.createDocumentFragment();\r\n    for (let i = 0, len = stops.length; i < len - 1; i++) {\r\n      // prettier-ignore\r\n      const start = stops[i], end = stops[i + 1], size = end.value - start.value;\r\n      if (size <= 0) continue;\r\n      const el = createEl(\"div\", { className: \"tmg-media-range-chunk\" }, undefined, { cssText: `--tmg-media-current-chunk-st: ${(start.value - this.config.min) / range};` }),\r\n        chunk = { base: createEl(\"div\", { className: \"tmg-media-range-bar tmg-media-range-base-bar\" }), preview: createEl(\"div\", { className: \"tmg-media-range-bar tmg-media-range-preview-bar\" }), value: createEl(\"div\", { className: \"tmg-media-range-bar tmg-media-range-value-bar\" }) };\r\n      this.syncElPos(el, size / range, true), fragment.append((el.append(chunk.base, chunk.preview, chunk.value), el)), this.chunks.push({ start: start.value, end: end.value, label: start.label, size, el, ...chunk });\r\n    }\r\n    this.barsWrapper.append(fragment), this.onValue(this.config.value), this.onPreviewValue(this.config.previewValue);\r\n  }\r\n  protected syncMarks(marks = this.config.marks): void {\r\n    this.marksWrapper.innerHTML = \"\";\r\n    const els: HTMLElement[] = [],\r\n      range = this.config.max - this.config.min;\r\n    if (range <= 0) return;\r\n    for (let i = 0, len = marks.length; i < len; i++) {\r\n      const m = marks[i],\r\n        el = createEl(\"div\", { className: `tmg-media-range-mark tmg-media-range-${marks[i].type || \"base\"}-mark`, title: marks[i].label || `${m.start}${m.end && m.end > m.start + 1 ? ` - ${m.end}` : \"\"}  Mark` }, undefined);\r\n      this.syncElPos(el, (m.start - this.config.min) / range, false), this.syncElPos(el, m.end ? (m.end - m.start) / range : 0, true), els.push(el);\r\n    }\r\n    this.marksWrapper.append(...els);\r\n  }\r\n}\r\n\r\ndeclare module \"@defs/registries\" {\r\n  interface ComponentRegistryMap {\r\n    rangeinput: typeof RangeInput;\r\n  }\r\n}\r\n\r\nexport type * from \"./types\";\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAS,gBAA+B;AACxC,SAAS,iBAAiB;AAI1B,SAAS,SAAS,aAA0B;AAErC,IAAM,aAAN,cAAoH,cAAuD;AAAA,EAkBhL,YAAY,MAAkB,QAA0B,OAAwB;AAC9E,UAAM,MAAM,SAAS,UAAU,gBAAgB,iBAAiB,GAAG,MAAM,GAAkC,EAAE,WAAW,OAAO,YAAY,OAAO,aAAa,OAAO,GAAG,MAAM,CAAQ,CAAC;AAhB1L,wBAAO;AACP,wBAAO;AACP,wBAAO,UAA4B,CAAC;AACpC,wBAAO;AACP,wBAAO;AACP,wBAAO,cAAa;AACpB,wBAAO,SAAQ;AACf,wBAAU;AACV,wBAAU,cAAa;AACvB,wBAAU,gBAAe;AACzB,wBAAU,mBAAkB;AAC5B,wBAAU,oBAAmB;AAC7B,wBAAU,wBAAsC;AAChD,wBAAU,MAAyB;AAwHnC,wBAAQ;AACR,wBAAQ;AAAA,EArHR;AAAA,EAEgB,SAAS;AAEvB,SAAK,UAAU,SAAS,OAAO,EAAE,WAAW,6BAA6B,UAAU,GAAG,MAAM,SAAS,CAAC;AACtG,SAAK,cAAc,SAAS,OAAO,EAAE,WAAW,+BAA+B,CAAC;AAChF,SAAK,eAAe,SAAS,OAAO,EAAE,WAAW,gCAAgC,CAAC;AAClF,SAAK,UAAU,SAAS,OAAO,EAAE,WAAW,wBAAwB,CAAC;AACrE,SAAK,YAAY,SAAS,OAAO,EAAE,WAAW,0BAA0B,CAAC;AAEzE,WAAO,KAAK,GAAG,OAAO,KAAK,aAAa,KAAK,cAAc,KAAK,SAAS,KAAK,SAAS,GAAG,KAAK;AAAA,EACjG;AAAA,EAEgB,OAAa;AAE3B,SAAK,OAAO,KAAK,GAAG,sBAAsB;AAE1C,SAAK,GAAG,iBAAiB,eAAe,KAAK,mBAAmB,EAAE,QAAQ,KAAK,OAAO,CAAC;AACvF,SAAK,GAAG,iBAAiB,WAAW,KAAK,eAAe,EAAE,QAAQ,KAAK,OAAO,CAAC;AAC/E,SAAK,GAAG,iBAAiB,SAAS,KAAK,aAAa,EAAE,SAAS,OAAO,QAAQ,KAAK,OAAO,CAAC;AAC3F,SAAK,GAAG,iBAAiB,aAAa,MAAO,KAAK,OAAO,KAAK,GAAG,sBAAsB,GAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;AAClH,SAAK,GAAG,iBAAiB,aAAa,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC;AAC/E,eAAW,KAAK,CAAC,cAAc,YAAY,aAAa,EAAG,MAAK,GAAG,iBAAiB,GAAG,KAAK,gBAAgB,EAAE,QAAQ,KAAK,OAAO,CAAC;AAEnI,SAAK,MAAM,MAAM,aAAa,CAAC,UAAW,QAAS,KAAK,KAAK,QAAQ,GAAG,KAAK,OAAO,KAAK,QAAQ,IAAK,KAAK,MAAM,KAAK,OAAO,MAAM,OAAO,MAAM,KAAK,EAAG,GAAI,KAAK,KAAK,KAAM,GAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;AAEvM,SAAK,MAAM,GAAG,cAAc,CAAC,EAAE,MAAM,MAAM,KAAK,GAAG,UAAU,OAAO,gCAAgC,CAAC,CAAC,KAAK,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC;AACrI,SAAK,MAAM,GAAG,aAAa,CAAC,EAAE,MAAM,MAAM,KAAK,GAAG,UAAU,OAAO,+BAA+B,CAAC,CAAC,KAAK,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC;AACnI,SAAK,MAAM,GAAG,eAAe,CAAC,EAAE,MAAM,MAAM,KAAK,GAAG,UAAU,OAAO,kCAAkC,CAAC,CAAC,KAAK,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC;AAExI,SAAK,OAAO,IAAI,SAAS,CAAC,UAAU,QAAQ,OAAO,KAAK,MAAM,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC;AAExF,SAAK,OAAO,GAAG,SAAS,CAAC,EAAE,MAAM,MAAO,KAAK,GAAG,YAAY,OAAS,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AACxG,SAAK,OAAO,GAAG,OAAO,CAAC,EAAE,MAAM,MAAO,KAAK,GAAG,eAAe,OAAO,KAAM,GAAI,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AACjH,SAAK,OAAO,GAAG,OAAO,CAAC,EAAE,MAAM,MAAO,KAAK,GAAG,eAAe,OAAO,KAAM,GAAI,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AACjH,SAAK,OAAO,MAAM,SAAS,KAAK,SAAS,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC5E,SAAK,OAAO,MAAM,gBAAgB,KAAK,gBAAgB,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC1F,SAAK,OAAO,GAAG,WAAW,CAAC,EAAE,MAAM,MAAM,KAAK,GAAG,gBAAgB,gBAAgB,CAAC,CAAC,KAAK,GAAG,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC9H,SAAK,OAAO,GAAG,YAAY,CAAC,EAAE,MAAM,MAAM,KAAK,GAAG,gBAAgB,YAAY,CAAC,CAAC,KAAK,GAAG,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC3H,SAAK,OAAO,GAAG,YAAY,CAAC,EAAE,MAAM,MAAM,KAAK,GAAG,gBAAgB,YAAY,CAAC,CAAC,KAAK,GAAG,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC3H,SAAK,OAAO,GAAG,QAAQ,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,KAAK,SAAS,KAAK,GAAG,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAClH,SAAK,OAAO,GAAG,SAAS,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,KAAK,UAAU,KAAK,GAAG,EAAE,MAAM,MAAM,QAAQ,KAAK,OAAO,CAAC;AAEpH,kBAAc,KAAK,IAAI,MAAM,KAAK,KAAK,SAAS,GAAG,KAAK,OAAO,KAAK,YAAY,KAAK,cAAc,IAAI,KAAK,GAAG,KAAK,MAAM;AAAA,EAC5H;AAAA,EACU,MAAM,OAAe,SAAS,OAAgB;AACtD,WAAO,KAAK,YAAY,CAAC,SAAU,KAAK,OAAO,QAAQ,QAAS,KAAK,QAAQ,KAAK,GAAG,QAAQ;AAAA,EAC/F;AAAA,EACA,IAAW,WAAoB;AAC7B,WAAO,CAAC,KAAK,OAAO,YAAY,CAAC,KAAK,OAAO;AAAA,EAC/C;AAAA,EAEU,QAAQ,OAAqB;AACrC,SAAK,UAAU,KAAK,SAAS,KAAK,YAAY,KAAK,GAAG,OAAO,MAAM,GAAG,KAAK,WAAW,SAAS,KAAK;AACpG,QAAI,CAAC,KAAK,MAAM,UAAW,MAAK,GAAG,eAAe,OAAO,KAAK;AAAA,EAChE;AAAA,EACU,eAAe,OAAqB;AAC5C,SAAK,WAAW,WAAW,KAAK,GAAG,KAAK,OAAO,YAAY,KAAK,UAAU,KAAK,WAAW,KAAK,YAAY,KAAK,GAAG,OAAO,EAAE,KAAK,MAAM,cAAc,CAAC,KAAK,MAAM,aAAa,SAAS,OAAO,KAAK,OAAO,GAAI,KAAK,UAAU,aAAa,KAAK,OAAO,gBAAgB,OAAO,KAAK,OAAO,cAAc,KAAK,CAAC,IAAI,GAAG,KAAK,MAAM,KAAK,CAAC,MAAM,IAAI,KAAK,cAAc,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK;AAAA,EAC/X;AAAA,EAEU,kBAAkB,GAAuB;AACjD,QAAI,KAAK,MAAM,aAAa,KAAK,OAAO,YAAY,KAAK,OAAO,SAAU;AAC1E,SAAK,MAAM,YAAY;AACvB,SAAK,GAAG,kBAAkB,EAAE,SAAS;AACrC,UAAM,IAAI,UAAU,KAAK,EAAE,EAAE,iBAAiB,KAAK,EAAE;AACrD,IAAC,KAAK,aAAa,EAAE,YAAY,SAAS,UAAU,GAAK,KAAK,QAAQ,EAAE,cAAc;AACtF,IAAC,KAAK,OAAO,KAAK,GAAG,sBAAsB,GAAK,KAAK,aAAa,KAAK,OAAO,CAAC,GAAK,KAAK,eAAe,KAAK,kBAAkB,KAAK,YAAY;AAChJ,cAAU,KAAK,EAAE,EAAE,iBAAiB,eAAe,KAAK,aAAa,EAAE,QAAQ,KAAK,OAAO,CAAC,GAAG,KAAK,YAAY,CAAC;AACjH,cAAU,KAAK,EAAE,EAAE,iBAAiB,aAAa,KAAK,eAAe,EAAE,QAAQ,KAAK,OAAO,CAAC,GAAG,UAAU,KAAK,EAAE,EAAE,iBAAiB,iBAAiB,KAAK,eAAe,EAAE,QAAQ,KAAK,OAAO,CAAC;AAAA,EACjM;AAAA,EAEU,gBAAsB;AAC9B,QAAI,CAAC,KAAK,MAAM,UAAW;AAC3B,SAAK,MAAM,YAAY,KAAK,MAAM,aAAa;AAC/C,SAAK,KAAK,cAAc,GAAG,KAAK,OAAO,KAAK,UAAU;AACtD,SAAK,MAAM,KAAK,YAAY,KAAK,MAAM,cAAc,KAAK,eAAe,KAAK,eAAe,GAAG,KAAK,MAAM,WAAW;AACtH,SAAK,eAAe,GAAG,KAAK,eAAe;AAC3C,SAAK,mBAAmB;AACxB,cAAU,KAAK,EAAE,EAAE,oBAAoB,eAAe,KAAK,WAAW;AACtE,cAAU,KAAK,EAAE,EAAE,oBAAoB,aAAa,KAAK,aAAa,GAAG,UAAU,KAAK,EAAE,EAAE,oBAAoB,iBAAiB,KAAK,aAAa;AAAA,EACrJ;AAAA,EACU,iBAAuB;AAC/B,QAAI,CAAC,KAAK,MAAM,WAAY;AAC5B,SAAK,MAAM,aAAa;AACxB,KAAC,KAAK,MAAM,aAAa,KAAK,KAAK,cAAc,GAAG,KAAK,OAAO,KAAK,UAAU;AAAA,EACjF;AAAA,EAEU,kBAAwB;AAChC,QAAI,KAAK,oBAAoB,KAAK,MAAM,eAAe,KAAK,qBAAsB;AAClF,SAAK,MAAM,cAAc;AACzB,SAAK,uBAAuB,YAAW,MAAM,KAAK,eAAe,KAAK,GAAG,KAAK,OAAO,MAAM,OAAO,SAAS,KAAK,MAAM;AAAA,EACxH;AAAA,EACU,eAAe,QAAQ,MAAY;AAC3C,SAAK,mBAAmB,KAAK,MAAM,cAAc;AACjD,iBAAa,KAAK,oBAAqB;AACvC,QAAI,MAAO,MAAK,uBAAuB;AAAA,EACzC;AAAA,EAEU,YAAY,GAAoC;AACxD,QAAI,KAAK,OAAO,YAAY,KAAK,OAAO,SAAU;AAClD,SAAK,KAAK,QAAQ,GAAG,KAAK,OAAO,KAAK,YAAY,MAAM;AAnI5D;AAoIM,UAAI,KAAK,WAAW,EAAE,WAAW,KAAK,WAAW,EAAE,QAAS;AAC5D,MAAC,KAAK,SAAS,EAAE,SAAW,KAAK,SAAS,EAAE;AAC5C,iBAAK,OAAM,eAAX,GAAW,aAAe;AAC1B,YAAM,YAAY,KAAK,aAAa,KAAK,KAAK,SAAS,KAAK,KAAK,OAC/D,WAAW,KAAK,OAAO,CAAC,GACxB,MAAO,KAAK,kBAAkB,MAAM,GAAG,CAAC,KAAK,MAAM,aAAa,KAAK,OAAO,MAAM,WAAW,WAAW,KAAK,eAAe,WAAW,KAAK,YAAY,CAAC,GACzJ,QAAQ,KAAK,YAAY,GAAG;AAC9B,WAAK,OAAO,eAAe;AAC3B,UAAI,KAAK,MAAM,WAAW;AACxB,SAAC,KAAK,OAAO,MAAM,OAAO,KAAK,UAAU,KAAK,SAAS,KAAK,OAAO,MAAM,IAAI,KAAK,MAAM,KAAK;AAC7F,aAAK,IAAI,MAAM,KAAK,YAAY,IAAI,KAAK,OAAO,MAAM,OAAO,QAAQ,YAAY,KAAK,gBAAgB,IAAI,KAAK,eAAe;AAAA,MAChI;AACA,WAAK,QAAQ,GAAG,GAAG;AAAA,IACrB,CAAC;AAAA,EACH;AAAA,EAGU,QAAQ,IAA+B,MAAoB;AAAA,EAAC;AAAA;AAAA,EAE5D,YAAY,GAAqB;AACzC,QAAI,KAAK,OAAO,MAAM,SAAU;AAChC,MAAE,eAAe,GAAG,EAAE,yBAAyB;AAC/C,UAAM,YAAY,KAAK,aAAa,UAAU,KAAK,EAAE,EAAE,cAAc,UAAU,KAAK,EAAE,EAAE,YACtF,MAAM,MAAM,GAAG,KAAK,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,KAAK,OAAO,MAAM,SAAS,KAAK,YAAY,KAAK,OAAO,MAAM,YAC9G,QAAQ,KAAK,OAAO,SAAS,CAAC,EAAE,UAAU,IAAI,MAAM,CAAC,QAAQ,KAAK,OAAO,MAAM,KAAK,OAAO;AAC7F,SAAK,MAAM,KAAK;AAAA,EAClB;AAAA,EACU,cAAc,GAAwB;AAC9C,UAAM,MAAM,EAAE,KAAK,YAAY;AAC/B,QAAI,CAAC,aAAa,aAAa,cAAc,SAAS,EAAE,SAAS,GAAG,GAAG;AACrE,QAAE,eAAe,GAAG,EAAE,yBAAyB;AAC/C,YAAM,QAAQ,EAAE,WAAW,IAAI,GAC7B,YAAY,CAAC,aAAa,WAAW,EAAE,SAAS,GAAG,IAAI,KAAK;AAC9D,WAAK,MAAM,KAAK,OAAO,QAAQ,YAAY,QAAQ,KAAK,OAAO,IAAI;AAAA,IACrE;AAAA,EACF;AAAA,EAEU,eAAqB;AAC7B,SAAK,OAAO,KAAK,GAAG,sBAAsB;AAC1C,UAAM,MAAM,KAAK,YAAY;AAC7B,SAAK,UAAU,KAAK,SAAS,KAAK,OAAO,MAAM,GAAG,KAAK,WAAW,SAAS,KAAK,OAAO,KAAK,GAAG,KAAK,OAAO,WAAW,KAAK,UAAU,KAAK,WAAW,KAAK,OAAO,QAAQ,KAAK,OAAO;AAAA,EACvL;AAAA,EAEU,YAAY,QAAQ,KAAK,OAAO,OAAO,QAAQ,KAAK,OAAO,MAAM,KAAK,OAAO,KAAa;AAClG,WAAO,SAAS,QAAQ,KAAK,OAAO,OAAO,QAAQ;AAAA,EACrD;AAAA,EACU,YAAY,KAAqB;AACzC,WAAO,OAAO,KAAK,OAAO,MAAM,KAAK,OAAO,OAAO,KAAK,OAAO;AAAA,EACjE;AAAA,EACU,cAAc,QAAQ,KAAK,OAAO,OAAoC;AAC9E,aAAS,IAAI,GAAG,MAAM,KAAK,OAAO,QAAQ,IAAI,KAAK,KAAK;AACtD,YAAM,IAAI,KAAK,OAAO,CAAC;AACvB,UAAI,SAAS,EAAE,SAAS,SAAS,EAAE,IAAK,QAAO;AAAA,IACjD;AAAA,EACF;AAAA,EACU,OAAO,GAAsC;AACrD,UAAM,IAAI,KAAK,cAAc,EAAE,UAAU,KAAK,KAAK,OAAO,KAAK,KAAK,UAAU,EAAE,UAAU,KAAK,KAAK,QAAQ,KAAK,KAAK;AACtH,WAAO,MAAM,GAAG,KAAK,QAAQ,IAAI,IAAI,GAAG,CAAC;AAAA,EAC3C;AAAA,EAEO,UAAU,IAAiB,KAAa,SAAS,OAAO,WAA6B,OAAO,SAAS,IAAU;AACpH,UAAM,MAAM,KAAK,aAAa,KAAK,MAAM,SAAS,KAAK,MAAM,OAC3D,MAAM,YAAY,OAAO,KAAK,aAAa,OAAO,eAAe,OAAO,eAAe,IAAI,MAAM;AACnG,UAAM,aAAa,SAAS,MAAM,OAAO,IAAI,MAAM,KAAK;AACxD,UAAM,QAAQ,OAAQ,CAAC,UAAU,QAAQ,IAAK,GAAG,MAAM,KAAK,KAAK,IAAI,GAAG,IAAI,GAAG,MAAM;AACrF,QAAI,OAAQ,MAAK,cAAe,GAAG,MAAM,YAAY,OAAS,GAAG,MAAM,aAAa,OAAS,GAAG,MAAM,aAAa,OAAS,GAAG,MAAM,YAAY;AAAA,QAC5I,MAAK,cAAe,GAAG,MAAM,gBAAgB,OAAS,GAAG,MAAM,mBAAmB,OAAS,GAAG,MAAM,mBAAmB,OAAS,GAAG,MAAM,gBAAgB;AAAA,EAEhK;AAAA,EACU,WAAW,KAA6E,OAAqB;AACrH,aAAS,IAAI,GAAG,MAAM,KAAK,OAAO,QAAQ,IAAI,KAAK,KAAK;AACtD,YAAM,IAAI,KAAK,OAAO,CAAC;AACvB,WAAK,UAAU,EAAE,GAAG,GAAI,MAAM,IAAI,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,GAAG,IAAI,GAAG,EAAE,GAAG,EAAG,MAAM,YAAY,iCAAiC,OAAO,KAAK,YAAY,KAAK,CAAC,CAAC;AACvK,QAAE,GAAG,UAAU,OAAO,mBAAmB,GAAG,WAAW,SAAS,EAAE,SAAS,SAAS,EAAE,GAAG;AAAA,IAC3F;AAAA,EACF;AAAA,EACU,SAAS,OAAO,KAAK,OAAO,MAAY;AAChD,SAAK,YAAY,YAAY;AAC7B,SAAK,SAAS,CAAC;AACf,UAAM,QAAQ,KAAK,OAAO,MAAM,KAAK,OAAO,KAC1C,QAAQ,KAAK,SAAS,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AACnD,QAAI,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,KAAK,OAAO,OAAO,MAAM,CAAC,EAAE,SAAS,KAAK,OAAO,MAAM,KAAK,IAAI,OAAO,OAAO,QAAQ,IAAI,EAAG,OAAM,CAAC,EAAE,QAAQ,KAAK,OAAO;AAAA,aACtJ,CAAC,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,KAAK,OAAO,IAAK,OAAM,QAAQ,EAAE,OAAO,KAAK,OAAO,KAAK,OAAO,GAAG,CAAC;AAC/G,QAAI,MAAM,MAAM,SAAS,CAAC,EAAE,QAAQ,KAAK,OAAO,IAAK,OAAM,KAAK,EAAE,OAAO,KAAK,OAAO,KAAK,OAAO,GAAG,CAAC;AACrG,UAAM,WAAW,SAAS,uBAAuB;AACjD,aAAS,IAAI,GAAG,MAAM,MAAM,QAAQ,IAAI,MAAM,GAAG,KAAK;AAEpD,YAAM,QAAQ,MAAM,CAAC,GAAG,MAAM,MAAM,IAAI,CAAC,GAAG,OAAO,IAAI,QAAQ,MAAM;AACrE,UAAI,QAAQ,EAAG;AACf,YAAM,KAAK,SAAS,OAAO,EAAE,WAAW,wBAAwB,GAAG,QAAW,EAAE,SAAS,kCAAkC,MAAM,QAAQ,KAAK,OAAO,OAAO,KAAK,IAAI,CAAC,GACpK,QAAQ,EAAE,MAAM,SAAS,OAAO,EAAE,WAAW,+CAA+C,CAAC,GAAG,SAAS,SAAS,OAAO,EAAE,WAAW,kDAAkD,CAAC,GAAG,OAAO,SAAS,OAAO,EAAE,WAAW,gDAAgD,CAAC,EAAE;AACrR,WAAK,UAAU,IAAI,OAAO,OAAO,IAAI,GAAG,SAAS,QAAQ,GAAG,OAAO,MAAM,MAAM,MAAM,SAAS,MAAM,KAAK,GAAG,GAAG,GAAG,KAAK,OAAO,KAAK,EAAE,OAAO,MAAM,OAAO,KAAK,IAAI,OAAO,OAAO,MAAM,OAAO,MAAM,IAAI,GAAG,MAAM,CAAC;AAAA,IACnN;AACA,SAAK,YAAY,OAAO,QAAQ,GAAG,KAAK,QAAQ,KAAK,OAAO,KAAK,GAAG,KAAK,eAAe,KAAK,OAAO,YAAY;AAAA,EAClH;AAAA,EACU,UAAU,QAAQ,KAAK,OAAO,OAAa;AACnD,SAAK,aAAa,YAAY;AAC9B,UAAM,MAAqB,CAAC,GAC1B,QAAQ,KAAK,OAAO,MAAM,KAAK,OAAO;AACxC,QAAI,SAAS,EAAG;AAChB,aAAS,IAAI,GAAG,MAAM,MAAM,QAAQ,IAAI,KAAK,KAAK;AAChD,YAAM,IAAI,MAAM,CAAC,GACf,KAAK,SAAS,OAAO,EAAE,WAAW,wCAAwC,MAAM,CAAC,EAAE,QAAQ,MAAM,SAAS,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,EAAE,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,IAAI,MAAM,EAAE,GAAG,KAAK,EAAE,SAAS,GAAG,MAAS;AACxN,WAAK,UAAU,KAAK,EAAE,QAAQ,KAAK,OAAO,OAAO,OAAO,KAAK,GAAG,KAAK,UAAU,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,QAAQ,GAAG,IAAI,GAAG,IAAI,KAAK,EAAE;AAAA,IAC9I;AACA,SAAK,aAAa,OAAO,GAAG,GAAG;AAAA,EACjC;AACF;AAlOE,cAFW,YAEY,iBAAwB;","names":[]}