@mnaoumov/obsidian-lib 0.0.0 → 1.0.0

package/dist/lib/cjs/setting-components/typed-multiple-dropdown-component.cjs

@@ -0,0 +1,288 @@
+/*
+THIS IS A GENERATED/BUNDLED FILE BY ESBUILD
+if you want to view the source, please visit the github repository of this plugin
+*/
+
+(function () {
+function ensureDisposeSymbols(symbolConstructor = Symbol) {
+  symbolConstructor.asyncDispose ??= symbolConstructor.for('Symbol.asyncDispose');
+  symbolConstructor.dispose ??= symbolConstructor.for('Symbol.dispose');
+}
+
+function ensureBrowserProcess() {
+  const browserProcess = {
+    browser: true,
+    cwd() {
+      return '/';
+    },
+    env: {},
+    platform: 'android'
+  };
+
+  // eslint-disable-next-line obsidianmd/no-global-this, unicorn/no-unnecessary-global-this -- Must stay `globalThis`-qualified: in the emitted banner a bare `process` is a free identifier, so reading it where the host has none throws a ReferenceError instead of yielding `undefined`. That is the very case this function exists to handle.
+  const existingProcess = globalThis.process;
+
+  if (!existingProcess) {
+    // eslint-disable-next-line obsidianmd/no-global-this -- Actively use globalThis.
+    globalThis.process = browserProcess;
+    return;
+  }
+
+  if (existingProcess.versions?.node) {
+    return;
+  }
+
+  const existingProcessRecord = existingProcess;
+
+  for (const [key, value] of Object.entries(browserProcess)) {
+    existingProcessRecord[key] ??= value;
+  }
+
+  existingProcessRecord['browser'] = true;
+}
+
+function keepName($unknown) {
+  return $unknown;
+}
+
+(function initCjs() {
+  // eslint-disable-next-line obsidianmd/no-global-this -- Actively use globalThis.
+  const globalThisRecord = globalThis;
+  ensureDisposeSymbols();
+  globalThisRecord['__name'] ??= keepName;
+  globalThisRecord['__extractDefault'] ??= extractDefault;
+
+  ensureBrowserProcess();
+
+  // eslint-disable-next-line unicorn/consistent-function-scoping -- Serialized with initCjs into the banner; at module scope it would be left out of it.
+  function extractDefault(module) {
+    return module && module.__esModule && 'default' in module ? module.default : module;
+  }
+})();
+})();
+(function patchObsidianRequire() {
+  const originalRequire = require;
+  if (!originalRequire || originalRequire.__isPatched) {
+    return;
+  }
+
+  // eslint-disable-next-line no-global-assign, no-implicit-globals -- We need to patch the `require()` function.
+  require = Object.assign(
+    (id) => requirePatched(id),
+    originalRequire,
+    {
+      __isPatched: true
+    }
+  );
+
+  function extractDefault(module) {
+    return module && module.__esModule && 'default' in module ? module.default : module;
+  }
+
+  const OBSIDIAN_BUILT_IN_MODULE_NAMES = new Set([
+  '@codemirror/autocomplete',
+  '@codemirror/collab',
+  '@codemirror/commands',
+  '@codemirror/language',
+  '@codemirror/lint',
+  '@codemirror/search',
+  '@codemirror/state',
+  '@codemirror/text',
+  '@codemirror/view',
+  '@lezer/common',
+  '@lezer/highlight',
+  '@lezer/lr',
+  'obsidian']
+  );
+
+  const DEPRECATED_OBSIDIAN_BUILT_IN_MODULE_NAMES = new Set([
+  '@codemirror/closebrackets',
+  '@codemirror/comment',
+  '@codemirror/fold',
+  '@codemirror/gutter',
+  '@codemirror/highlight',
+  '@codemirror/history',
+  '@codemirror/matchbrackets',
+  '@codemirror/panel',
+  '@codemirror/rangeset',
+  '@codemirror/rectangular-selection',
+  '@codemirror/stream-parser',
+  '@codemirror/tooltip']
+  );
+
+  function requirePatched(id) {
+    if (OBSIDIAN_BUILT_IN_MODULE_NAMES.has(id) || DEPRECATED_OBSIDIAN_BUILT_IN_MODULE_NAMES.has(id)) {
+      return originalRequire?.(id);
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-deprecated, obsidianmd/no-global-this  -- Need access to app. Actively use globalThis.
+    if (globalThis.app.isMobile) {
+      if (id === 'process' || id === 'node:process') {
+        // eslint-disable-next-line no-console -- Valid usage.
+        console.debug(`The most likely you can safely ignore this error. Module not found: ${id}. Fake process object is returned instead.`);
+
+        return process;
+      }
+    } else {
+      const module = originalRequire?.(id);
+      if (module) {
+        return extractDefault(module);
+      }
+    }
+
+    // eslint-disable-next-line no-console -- Valid usage.
+    console.debug(`The most likely you can safely ignore this error. Module not found: ${id}. Empty object is returned instead.`);
+    return {};
+  }
+})();
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var typed_multiple_dropdown_component_exports = {};
+__export(typed_multiple_dropdown_component_exports, {
+  TypedMultipleDropdownComponent: () => TypedMultipleDropdownComponent
+});
+module.exports = __toCommonJS(typed_multiple_dropdown_component_exports);
+var import_obsidian = require('obsidian');
+var import_css_class = require('../css-class.cjs');
+var import_plugin_context = require('../plugin/plugin-context.cjs');
+var import_multiple_dropdown_component = require('./multiple-dropdown-component.cjs');
+class TypedMultipleDropdownComponent extends import_obsidian.ValueComponent {
+  /**
+   * A select element of the component.
+   *
+   * @returns The select element.
+   */
+  get selectEl() {
+    return this.multipleDropdownComponent.selectEl;
+  }
+  /**
+   * A validator element of the component.
+   *
+   * @returns The validator element.
+   */
+  get validatorEl() {
+    return this.selectEl;
+  }
+  /**
+   * The inner multiple dropdown component.
+   */
+  multipleDropdownComponent;
+  /**
+   * The list of selectable option values, indexed by their position in the dropdown.
+   */
+  values = [];
+  simulateChangeCallback;
+  /**
+   * Creates a new multiple dropdown component.
+   *
+   * @param containerEl - The container element of the component.
+   */
+  constructor(containerEl) {
+    super();
+    this.multipleDropdownComponent = new import_multiple_dropdown_component.MultipleDropdownComponent(containerEl);
+    (0, import_plugin_context.addPluginCssClasses)(containerEl, import_css_class.CssClass.TypedMultipleDropdownComponent);
+  }
+  /**
+   * Adds an option to the dropdown.
+   *
+   * @param value - The value of the option.
+   * @param display - The display text of the option.
+   * @returns The component.
+   */
+  addOption(value, display) {
+    let index = this.values.indexOf(value);
+    if (index === -1) {
+      this.values.push(value);
+      index = this.values.length - 1;
+    }
+    this.multipleDropdownComponent.addOption(String(index), display);
+    return this;
+  }
+  /**
+   * Adds multiple options to the dropdown.
+   *
+   * @param options - The options to add.
+   * @returns The component.
+   */
+  addOptions(options) {
+    for (const [value, display] of options) {
+      this.addOption(value, display);
+    }
+    return this;
+  }
+  /**
+   * Gets the value of the component.
+   *
+   * @returns The value of the component.
+   */
+  getValue() {
+    const indices = this.multipleDropdownComponent.getValue().map(($string) => parseInt($string, 10));
+    return indices.map((index) => this.values[index]).filter((value) => value !== void 0);
+  }
+  /**
+   * Sets the callback function to be called when the component is changed.
+   *
+   * @param callback - The callback function to be called when the component is changed.
+   * @returns The component.
+   */
+  onChange(callback) {
+    const changeHandler = () => {
+      callback(this.getValue());
+    };
+    this.simulateChangeCallback = changeHandler;
+    this.multipleDropdownComponent.onChange(changeHandler);
+    return this;
+  }
+  /**
+   * Sets the disabled state of the component.
+   *
+   * @param isDisabled - The disabled state to set.
+   * @returns The component.
+   */
+  setDisabled(isDisabled) {
+    super.setDisabled(isDisabled);
+    this.multipleDropdownComponent.setDisabled(isDisabled);
+    return this;
+  }
+  /**
+   * Sets the value of the component.
+   *
+   * @param value - The value to set.
+   * @returns The component.
+   */
+  setValue(value) {
+    const indices = value.map((v) => this.values.indexOf(v)).filter((index) => index !== -1);
+    this.multipleDropdownComponent.setValue(indices.map(String));
+    return this;
+  }
+  /**
+   * Simulate a change event.
+   *
+   * @deprecated Use only from tests to simulate a change event.
+   */
+  simulateChange__() {
+    this.simulateChangeCallback?.();
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TypedMultipleDropdownComponent
+});
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vLi4vLi4vLi4vc3JjL3NldHRpbmctY29tcG9uZW50cy90eXBlZC1tdWx0aXBsZS1kcm9wZG93bi1jb21wb25lbnQudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbIi8qKlxuICogQGZpbGVcbiAqXG4gKiBDb250YWlucyBhIGNvbXBvbmVudCB0aGF0IGRpc3BsYXlzIGFuZCBlZGl0cyBhIG11bHRpLXNlbGVjdCBkcm9wZG93bi5cbiAqL1xuXG5pbXBvcnQgdHlwZSB7IFZhbGlkYXRvckVsZW1lbnQgfSBmcm9tICdAbW5hb3Vtb3YvdHlwZXNjcmlwdC1saWIvaHRtbC1lbGVtZW50JztcblxuaW1wb3J0IHsgVmFsdWVDb21wb25lbnQgfSBmcm9tICdvYnNpZGlhbic7XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLXZhcnMgLS0gV2UgbmVlZCB0byBpbXBvcnQgYGluaXRQbHVnaW5Db250ZXh0YCB0byB1c2UgaXQgaW4gdGhlIHRzZG9jcy5cbmltcG9ydCB0eXBlIHsgaW5pdFBsdWdpbkNvbnRleHQgfSBmcm9tICcuLi9wbHVnaW4vcGx1Z2luLWNvbnRleHQudHMnO1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAtLSBXZSBuZWVkIHRvIGltcG9ydCBgU2V0dGluZ0V4YCB0byB1c2UgaXQgaW4gdGhlIHRzZG9jcy5cbmltcG9ydCB0eXBlIHsgU2V0dGluZ0V4IH0gZnJvbSAnLi4vc2V0dGluZy1leC50cyc7XG5pbXBvcnQgdHlwZSB7IFZhbGlkYXRvckNvbXBvbmVudCB9IGZyb20gJy4vdmFsaWRhdG9yLWNvbXBvbmVudC50cyc7XG5pbXBvcnQgdHlwZSB7IFZhbHVlQ29tcG9uZW50V2l0aENoYW5nZVRyYWNraW5nIH0gZnJvbSAnLi92YWx1ZS1jb21wb25lbnQtd2l0aC1jaGFuZ2UtdHJhY2tpbmcudHMnO1xuXG5pbXBvcnQgeyBDc3NDbGFzcyB9IGZyb20gJy4uL2Nzcy1jbGFzcy50cyc7XG5pbXBvcnQgeyBhZGRQbHVnaW5Dc3NDbGFzc2VzIH0gZnJvbSAnLi4vcGx1Z2luL3BsdWdpbi1jb250ZXh0LnRzJztcbmltcG9ydCB7IE11bHRpcGxlRHJvcGRvd25Db21wb25lbnQgfSBmcm9tICcuL211bHRpcGxlLWRyb3Bkb3duLWNvbXBvbmVudC50cyc7XG5cbi8qKlxuICogQSBtdWx0aS1zZWxlY3QgZHJvcGRvd24gY29tcG9uZW50LlxuICpcbiAqIFlvdSBjYW4gYWRkIHRoaXMgY29tcG9uZW50IHVzaW5nIHtAbGluayBTZXR0aW5nRXguYWRkVHlwZWRNdWx0aXBsZURyb3Bkb3dufS5cbiAqXG4gKiBJbiBvcmRlciB0byBhZGQgdGhlIHN0eWxlcyBmb3IgdGhlIGNvbXBvbmVudCwgdXNlIHtAbGluayBpbml0UGx1Z2luQ29udGV4dH0gaW4geW91ciBwbHVnaW4ncyBgb25sb2FkKClgIGZ1bmN0aW9uLlxuICpcbiAqIEFsdGVybmF0aXZlbHksIHlvdSBjYW4gY29weSBzdHlsZXMgZnJvbSB7QGxpbmsgaHR0cHM6Ly9naXRodWIuY29tL21uYW91bW92L29ic2lkaWFuLWRldi11dGlscy9yZWxlYXNlcy9sYXRlc3QvZG93bmxvYWQvc3R5bGVzLmNzc30uXG4gKlxuICogQHR5cGVQYXJhbSBUIC0gVGhlIHR5cGUgb2YgdGhlIHZhbHVlIHRvIHNlbGVjdC5cbiAqL1xuZXhwb3J0IGNsYXNzIFR5cGVkTXVsdGlwbGVEcm9wZG93bkNvbXBvbmVudDxUPiBleHRlbmRzIFZhbHVlQ29tcG9uZW50PHJlYWRvbmx5IFRbXT4gaW1wbGVtZW50cyBWYWxpZGF0b3JDb21wb25lbnQsIFZhbHVlQ29tcG9uZW50V2l0aENoYW5nZVRyYWNraW5nPHJlYWRvbmx5IFRbXT4ge1xuICAvKipcbiAgICogQSBzZWxlY3QgZWxlbWVudCBvZiB0aGUgY29tcG9uZW50LlxuICAgKlxuICAgKiBAcmV0dXJucyBUaGUgc2VsZWN0IGVsZW1lbnQuXG4gICAqL1xuICBwdWJsaWMgZ2V0IHNlbGVjdEVsKCk6IEhUTUxTZWxlY3RFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5tdWx0aXBsZURyb3Bkb3duQ29tcG9uZW50LnNlbGVjdEVsO1xuICB9XG5cbiAgLyoqXG4gICAqIEEgdmFsaWRhdG9yIGVsZW1lbnQgb2YgdGhlIGNvbXBvbmVudC5cbiAgICpcbiAgICogQHJldHVybnMgVGhlIHZhbGlkYXRvciBlbGVtZW50LlxuICAgKi9cbiAgcHVibGljIGdldCB2YWxpZGF0b3JFbCgpOiBWYWxpZGF0b3JFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5zZWxlY3RFbDtcbiAgfVxuXG4gIC8qKlxuICAgKiBUaGUgaW5uZXIgbXVsdGlwbGUgZHJvcGRvd24gY29tcG9uZW50LlxuICAgKi9cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IG11bHRpcGxlRHJvcGRvd25Db21wb25lbnQ6IE11bHRpcGxlRHJvcGRvd25Db21wb25lbnQ7XG5cbiAgLyoqXG4gICAqIFRoZSBsaXN0IG9mIHNlbGVjdGFibGUgb3B0aW9uIHZhbHVlcywgaW5kZXhlZCBieSB0aGVpciBwb3NpdGlvbiBpbiB0aGUgZHJvcGRvd24uXG4gICAqL1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgdmFsdWVzOiBUW10gPSBbXTtcblxuICBwcml2YXRlIHNpbXVsYXRlQ2hhbmdlQ2FsbGJhY2s/OiAoKSA9PiB2b2lkO1xuXG4gIC8qKlxuICAgKiBDcmVhdGVzIGEgbmV3IG11bHRpcGxlIGRyb3Bkb3duIGNvbXBvbmVudC5cbiAgICpcbiAgICogQHBhcmFtIGNvbnRhaW5lckVsIC0gVGhlIGNvbnRhaW5lciBlbGVtZW50IG9mIHRoZSBjb21wb25lbnQuXG4gICAqL1xuICBwdWJsaWMgY29uc3RydWN0b3IoY29udGFpbmVyRWw6IEhUTUxFbGVtZW50KSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLm11bHRpcGxlRHJvcGRvd25Db21wb25lbnQgPSBuZXcgTXVsdGlwbGVEcm9wZG93bkNvbXBvbmVudChjb250YWluZXJFbCk7XG4gICAgYWRkUGx1Z2luQ3NzQ2xhc3Nlcyhjb250YWluZXJFbCwgQ3NzQ2xhc3MuVHlwZWRNdWx0aXBsZURyb3Bkb3duQ29tcG9uZW50KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBBZGRzIGFuIG9wdGlvbiB0byB0aGUgZHJvcGRvd24uXG4gICAqXG4gICAqIEBwYXJhbSB2YWx1ZSAtIFRoZSB2YWx1ZSBvZiB0aGUgb3B0aW9uLlxuICAgKiBAcGFyYW0gZGlzcGxheSAtIFRoZSBkaXNwbGF5IHRleHQgb2YgdGhlIG9wdGlvbi5cbiAgICogQHJldHVybnMgVGhlIGNvbXBvbmVudC5cbiAgICovXG4gIHB1YmxpYyBhZGRPcHRpb24odmFsdWU6IFQsIGRpc3BsYXk6IHN0cmluZyk6IHRoaXMge1xuICAgIGxldCBpbmRleCA9IHRoaXMudmFsdWVzLmluZGV4T2YodmFsdWUpO1xuICAgIGlmIChpbmRleCA9PT0gLTEpIHtcbiAgICAgIHRoaXMudmFsdWVzLnB1c2godmFsdWUpO1xuICAgICAgaW5kZXggPSB0aGlzLnZhbHVlcy5sZW5ndGggLSAxO1xuICAgIH1cbiAgICB0aGlzLm11bHRpcGxlRHJvcGRvd25Db21wb25lbnQuYWRkT3B0aW9uKFN0cmluZyhpbmRleCksIGRpc3BsYXkpO1xuICAgIHJldHVybiB0aGlzO1xuICB9XG5cbiAgLyoqXG4gICAqIEFkZHMgbXVsdGlwbGUgb3B0aW9ucyB0byB0aGUgZHJvcGRvd24uXG4gICAqXG4gICAqIEBwYXJhbSBvcHRpb25zIC0gVGhlIG9wdGlvbnMgdG8gYWRkLlxuICAgKiBAcmV0dXJucyBUaGUgY29tcG9uZW50LlxuICAgKi9cbiAgcHVibGljIGFkZE9wdGlvbnMob3B0aW9uczogTWFwPFQsIHN0cmluZz4pOiB0aGlzIHtcbiAgICBmb3IgKGNvbnN0IFt2YWx1ZSwgZGlzcGxheV0gb2Ygb3B0aW9ucykge1xuICAgICAgdGhpcy5hZGRPcHRpb24odmFsdWUsIGRpc3BsYXkpO1xuICAgIH1cbiAgICByZXR1cm4gdGhpcztcbiAgfVxuXG4gIC8qKlxuICAgKiBHZXRzIHRoZSB2YWx1ZSBvZiB0aGUgY29tcG9uZW50LlxuICAgKlxuICAgKiBAcmV0dXJucyBUaGUgdmFsdWUgb2YgdGhlIGNvbXBvbmVudC5cbiAgICovXG4gIHB1YmxpYyBnZXRWYWx1ZSgpOiByZWFkb25seSBUW10ge1xuICAgIGNvbnN0IGluZGljZXMgPSB0aGlzLm11bHRpcGxlRHJvcGRvd25Db21wb25lbnQuZ2V0VmFsdWUoKS5tYXAoKCRzdHJpbmcpID0+IHBhcnNlSW50KCRzdHJpbmcsIDEwKSk7XG4gICAgcmV0dXJuIGluZGljZXMubWFwKChpbmRleCkgPT4gdGhpcy52YWx1ZXNbaW5kZXhdKS5maWx0ZXIoKHZhbHVlKTogdmFsdWUgaXMgVCA9PiB2YWx1ZSAhPT0gdW5kZWZpbmVkKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBjYWxsYmFjayBmdW5jdGlvbiB0byBiZSBjYWxsZWQgd2hlbiB0aGUgY29tcG9uZW50IGlzIGNoYW5nZWQuXG4gICAqXG4gICAqIEBwYXJhbSBjYWxsYmFjayAtIFRoZSBjYWxsYmFjayBmdW5jdGlvbiB0byBiZSBjYWxsZWQgd2hlbiB0aGUgY29tcG9uZW50IGlzIGNoYW5nZWQuXG4gICAqIEByZXR1cm5zIFRoZSBjb21wb25lbnQuXG4gICAqL1xuICBwdWJsaWMgb25DaGFuZ2UoY2FsbGJhY2s6ICh2YWx1ZTogcmVhZG9ubHkgVFtdKSA9PiB2b2lkKTogdGhpcyB7XG4gICAgY29uc3QgY2hhbmdlSGFuZGxlciA9ICgpOiB2b2lkID0+IHtcbiAgICAgIGNhbGxiYWNrKHRoaXMuZ2V0VmFsdWUoKSk7XG4gICAgfTtcbiAgICB0aGlzLnNpbXVsYXRlQ2hhbmdlQ2FsbGJhY2sgPSBjaGFuZ2VIYW5kbGVyO1xuICAgIHRoaXMubXVsdGlwbGVEcm9wZG93bkNvbXBvbmVudC5vbkNoYW5nZShjaGFuZ2VIYW5kbGVyKTtcbiAgICByZXR1cm4gdGhpcztcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBkaXNhYmxlZCBzdGF0ZSBvZiB0aGUgY29tcG9uZW50LlxuICAgKlxuICAgKiBAcGFyYW0gaXNEaXNhYmxlZCAtIFRoZSBkaXNhYmxlZCBzdGF0ZSB0byBzZXQuXG4gICAqIEByZXR1cm5zIFRoZSBjb21wb25lbnQuXG4gICAqL1xuICBwdWJsaWMgb3ZlcnJpZGUgc2V0RGlzYWJsZWQoaXNEaXNhYmxlZDogYm9vbGVhbik6IHRoaXMge1xuICAgIHN1cGVyLnNldERpc2FibGVkKGlzRGlzYWJsZWQpO1xuICAgIHRoaXMubXVsdGlwbGVEcm9wZG93bkNvbXBvbmVudC5zZXREaXNhYmxlZChpc0Rpc2FibGVkKTtcbiAgICByZXR1cm4gdGhpcztcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSB2YWx1ZSBvZiB0aGUgY29tcG9uZW50LlxuICAgKlxuICAgKiBAcGFyYW0gdmFsdWUgLSBUaGUgdmFsdWUgdG8gc2V0LlxuICAgKiBAcmV0dXJucyBUaGUgY29tcG9uZW50LlxuICAgKi9cbiAgcHVibGljIHNldFZhbHVlKHZhbHVlOiByZWFkb25seSBUW10pOiB0aGlzIHtcbiAgICBjb25zdCBpbmRpY2VzID0gdmFsdWUubWFwKCh2KSA9PiB0aGlzLnZhbHVlcy5pbmRleE9mKHYpKS5maWx0ZXIoKGluZGV4KSA9PiBpbmRleCAhPT0gLTEpO1xuICAgIHRoaXMubXVsdGlwbGVEcm9wZG93bkNvbXBvbmVudC5zZXRWYWx1ZShpbmRpY2VzLm1hcChTdHJpbmcpKTtcbiAgICByZXR1cm4gdGhpcztcbiAgfVxuXG4gIC8qKlxuICAgKiBTaW11bGF0ZSBhIGNoYW5nZSBldmVudC5cbiAgICpcbiAgICogQGRlcHJlY2F0ZWQgVXNlIG9ubHkgZnJvbSB0ZXN0cyB0byBzaW11bGF0ZSBhIGNoYW5nZSBldmVudC5cbiAgICovXG4gIHB1YmxpYyBzaW11bGF0ZUNoYW5nZV9fKCk6IHZvaWQge1xuICAgIHRoaXMuc2ltdWxhdGVDaGFuZ2VDYWxsYmFjaz8uKCk7XG4gIH1cbn1cbiJdLAogICJtYXBwaW5ncyI6ICI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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

package/dist/lib/cjs/setting-components/typed-multiple-dropdown-component.d.cts

@@ -0,0 +1,99 @@
+/// <reference path="../library.d.cts" />
+/**
+ * @file
+ *
+ * Contains a component that displays and edits a multi-select dropdown.
+ */
+import type { ValidatorElement } from '@mnaoumov/typescript-lib/html-element' with { 'resolution-mode': 'import' };
+import { ValueComponent } from 'obsidian';
+import type { ValidatorComponent } from './validator-component.cjs';
+import type { ValueComponentWithChangeTracking } from './value-component-with-change-tracking.cjs';
+import { MultipleDropdownComponent } from './multiple-dropdown-component.cjs';
+/**
+ * A multi-select dropdown component.
+ *
+ * You can add this component using {@link SettingEx.addTypedMultipleDropdown}.
+ *
+ * In order to add the styles for the component, use {@link initPluginContext} in your plugin's `onload()` function.
+ *
+ * Alternatively, you can copy styles from {@link https://github.com/mnaoumov/obsidian-dev-utils/releases/latest/download/styles.css}.
+ *
+ * @typeParam T - The type of the value to select.
+ */
+export declare class TypedMultipleDropdownComponent<T> extends ValueComponent<readonly T[]> implements ValidatorComponent, ValueComponentWithChangeTracking<readonly T[]> {
+    /**
+     * A select element of the component.
+     *
+     * @returns The select element.
+     */
+    get selectEl(): HTMLSelectElement;
+    /**
+     * A validator element of the component.
+     *
+     * @returns The validator element.
+     */
+    get validatorEl(): ValidatorElement;
+    /**
+     * The inner multiple dropdown component.
+     */
+    protected readonly multipleDropdownComponent: MultipleDropdownComponent;
+    /**
+     * The list of selectable option values, indexed by their position in the dropdown.
+     */
+    protected readonly values: T[];
+    private simulateChangeCallback?;
+    /**
+     * Creates a new multiple dropdown component.
+     *
+     * @param containerEl - The container element of the component.
+     */
+    constructor(containerEl: HTMLElement);
+    /**
+     * Adds an option to the dropdown.
+     *
+     * @param value - The value of the option.
+     * @param display - The display text of the option.
+     * @returns The component.
+     */
+    addOption(value: T, display: string): this;
+    /**
+     * Adds multiple options to the dropdown.
+     *
+     * @param options - The options to add.
+     * @returns The component.
+     */
+    addOptions(options: Map<T, string>): this;
+    /**
+     * Gets the value of the component.
+     *
+     * @returns The value of the component.
+     */
+    getValue(): readonly T[];
+    /**
+     * Sets the callback function to be called when the component is changed.
+     *
+     * @param callback - The callback function to be called when the component is changed.
+     * @returns The component.
+     */
+    onChange(callback: (value: readonly T[]) => void): this;
+    /**
+     * Sets the disabled state of the component.
+     *
+     * @param isDisabled - The disabled state to set.
+     * @returns The component.
+     */
+    setDisabled(isDisabled: boolean): this;
+    /**
+     * Sets the value of the component.
+     *
+     * @param value - The value to set.
+     * @returns The component.
+     */
+    setValue(value: readonly T[]): this;
+    /**
+     * Simulate a change event.
+     *
+     * @deprecated Use only from tests to simulate a change event.
+     */
+    simulateChange__(): void;
+}

package/dist/lib/cjs/setting-components/typed-range-text-component.cjs

@@ -0,0 +1,199 @@
+/*
+THIS IS A GENERATED/BUNDLED FILE BY ESBUILD
+if you want to view the source, please visit the github repository of this plugin
+*/
+
+(function () {
+function ensureDisposeSymbols(symbolConstructor = Symbol) {
+  symbolConstructor.asyncDispose ??= symbolConstructor.for('Symbol.asyncDispose');
+  symbolConstructor.dispose ??= symbolConstructor.for('Symbol.dispose');
+}
+
+function ensureBrowserProcess() {
+  const browserProcess = {
+    browser: true,
+    cwd() {
+      return '/';
+    },
+    env: {},
+    platform: 'android'
+  };
+
+  // eslint-disable-next-line obsidianmd/no-global-this, unicorn/no-unnecessary-global-this -- Must stay `globalThis`-qualified: in the emitted banner a bare `process` is a free identifier, so reading it where the host has none throws a ReferenceError instead of yielding `undefined`. That is the very case this function exists to handle.
+  const existingProcess = globalThis.process;
+
+  if (!existingProcess) {
+    // eslint-disable-next-line obsidianmd/no-global-this -- Actively use globalThis.
+    globalThis.process = browserProcess;
+    return;
+  }
+
+  if (existingProcess.versions?.node) {
+    return;
+  }
+
+  const existingProcessRecord = existingProcess;
+
+  for (const [key, value] of Object.entries(browserProcess)) {
+    existingProcessRecord[key] ??= value;
+  }
+
+  existingProcessRecord['browser'] = true;
+}
+
+function keepName($unknown) {
+  return $unknown;
+}
+
+(function initCjs() {
+  // eslint-disable-next-line obsidianmd/no-global-this -- Actively use globalThis.
+  const globalThisRecord = globalThis;
+  ensureDisposeSymbols();
+  globalThisRecord['__name'] ??= keepName;
+  globalThisRecord['__extractDefault'] ??= extractDefault;
+
+  ensureBrowserProcess();
+
+  // eslint-disable-next-line unicorn/consistent-function-scoping -- Serialized with initCjs into the banner; at module scope it would be left out of it.
+  function extractDefault(module) {
+    return module && module.__esModule && 'default' in module ? module.default : module;
+  }
+})();
+})();
+(function patchObsidianRequire() {
+  const originalRequire = require;
+  if (!originalRequire || originalRequire.__isPatched) {
+    return;
+  }
+
+  // eslint-disable-next-line no-global-assign, no-implicit-globals -- We need to patch the `require()` function.
+  require = Object.assign(
+    (id) => requirePatched(id),
+    originalRequire,
+    {
+      __isPatched: true
+    }
+  );
+
+  function extractDefault(module) {
+    return module && module.__esModule && 'default' in module ? module.default : module;
+  }
+
+  const OBSIDIAN_BUILT_IN_MODULE_NAMES = new Set([
+  '@codemirror/autocomplete',
+  '@codemirror/collab',
+  '@codemirror/commands',
+  '@codemirror/language',
+  '@codemirror/lint',
+  '@codemirror/search',
+  '@codemirror/state',
+  '@codemirror/text',
+  '@codemirror/view',
+  '@lezer/common',
+  '@lezer/highlight',
+  '@lezer/lr',
+  'obsidian']
+  );
+
+  const DEPRECATED_OBSIDIAN_BUILT_IN_MODULE_NAMES = new Set([
+  '@codemirror/closebrackets',
+  '@codemirror/comment',
+  '@codemirror/fold',
+  '@codemirror/gutter',
+  '@codemirror/highlight',
+  '@codemirror/history',
+  '@codemirror/matchbrackets',
+  '@codemirror/panel',
+  '@codemirror/rangeset',
+  '@codemirror/rectangular-selection',
+  '@codemirror/stream-parser',
+  '@codemirror/tooltip']
+  );
+
+  function requirePatched(id) {
+    if (OBSIDIAN_BUILT_IN_MODULE_NAMES.has(id) || DEPRECATED_OBSIDIAN_BUILT_IN_MODULE_NAMES.has(id)) {
+      return originalRequire?.(id);
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-deprecated, obsidianmd/no-global-this  -- Need access to app. Actively use globalThis.
+    if (globalThis.app.isMobile) {
+      if (id === 'process' || id === 'node:process') {
+        // eslint-disable-next-line no-console -- Valid usage.
+        console.debug(`The most likely you can safely ignore this error. Module not found: ${id}. Fake process object is returned instead.`);
+
+        return process;
+      }
+    } else {
+      const module = originalRequire?.(id);
+      if (module) {
+        return extractDefault(module);
+      }
+    }
+
+    // eslint-disable-next-line no-console -- Valid usage.
+    console.debug(`The most likely you can safely ignore this error. Module not found: ${id}. Empty object is returned instead.`);
+    return {};
+  }
+})();
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var typed_range_text_component_exports = {};
+__export(typed_range_text_component_exports, {
+  TypedRangeTextComponent: () => TypedRangeTextComponent
+});
+module.exports = __toCommonJS(typed_range_text_component_exports);
+var import_typed_text_component = require('./typed-text-component.cjs');
+class TypedRangeTextComponent extends import_typed_text_component.TypedTextComponent {
+  /**
+   * Sets the maximum value of the component.
+   *
+   * @param max - The maximum value.
+   * @returns The component.
+   */
+  setMax(max) {
+    this.inputEl.max = this.valueToString(max);
+    return this;
+  }
+  /**
+   * Sets the minimum value of the component.
+   *
+   * @param min - The minimum value.
+   * @returns The component.
+   */
+  setMin(min) {
+    this.inputEl.min = this.valueToString(min);
+    return this;
+  }
+  /**
+   * Sets the step value of the component.
+   *
+   * @param step - The step value.
+   * @returns The component.
+   */
+  setStep(step) {
+    this.inputEl.step = String(step);
+    return this;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TypedRangeTextComponent
+});
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vLi4vLi4vLi4vc3JjL3NldHRpbmctY29tcG9uZW50cy90eXBlZC1yYW5nZS10ZXh0LWNvbXBvbmVudC50cyJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiLyoqXG4gKiBAZmlsZVxuICpcbiAqIENvbnRhaW5zIGEgY29tcG9uZW50IHRoYXQgZGlzcGxheXMgYW5kIGVkaXRzIGEgdGV4dC1iYXNlZCB2YWx1ZSB3aXRoIGEgcmFuZ2UuXG4gKi9cblxuaW1wb3J0IHsgVHlwZWRUZXh0Q29tcG9uZW50IH0gZnJvbSAnLi90eXBlZC10ZXh0LWNvbXBvbmVudC50cyc7XG5cbi8qKlxuICogQSBjb21wb25lbnQgdGhhdCBkaXNwbGF5cyBhbmQgZWRpdHMgYSB0ZXh0LWJhc2VkIHZhbHVlIHdpdGggYSByYW5nZS5cbiAqXG4gKiBAdHlwZVBhcmFtIFQgLSBUaGUgdHlwZSBvZiB0aGUgdmFsdWUgdG8gc2V0LlxuICovXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgVHlwZWRSYW5nZVRleHRDb21wb25lbnQ8VD4gZXh0ZW5kcyBUeXBlZFRleHRDb21wb25lbnQ8VD4ge1xuICAvKipcbiAgICogU2V0cyB0aGUgbWF4aW11bSB2YWx1ZSBvZiB0aGUgY29tcG9uZW50LlxuICAgKlxuICAgKiBAcGFyYW0gbWF4IC0gVGhlIG1heGltdW0gdmFsdWUuXG4gICAqIEByZXR1cm5zIFRoZSBjb21wb25lbnQuXG4gICAqL1xuICBwdWJsaWMgc2V0TWF4KG1heDogVCk6IHRoaXMge1xuICAgIHRoaXMuaW5wdXRFbC5tYXggPSB0aGlzLnZhbHVlVG9TdHJpbmcobWF4KTtcbiAgICByZXR1cm4gdGhpcztcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBtaW5pbXVtIHZhbHVlIG9mIHRoZSBjb21wb25lbnQuXG4gICAqXG4gICAqIEBwYXJhbSBtaW4gLSBUaGUgbWluaW11bSB2YWx1ZS5cbiAgICogQHJldHVybnMgVGhlIGNvbXBvbmVudC5cbiAgICovXG4gIHB1YmxpYyBzZXRNaW4obWluOiBUKTogdGhpcyB7XG4gICAgdGhpcy5pbnB1dEVsLm1pbiA9IHRoaXMudmFsdWVUb1N0cmluZyhtaW4pO1xuICAgIHJldHVybiB0aGlzO1xuICB9XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIHN0ZXAgdmFsdWUgb2YgdGhlIGNvbXBvbmVudC5cbiAgICpcbiAgICogQHBhcmFtIHN0ZXAgLSBUaGUgc3RlcCB2YWx1ZS5cbiAgICogQHJldHVybnMgVGhlIGNvbXBvbmVudC5cbiAgICovXG4gIHB1YmxpYyBzZXRTdGVwKHN0ZXA6IG51bWJlcik6IHRoaXMge1xuICAgIHRoaXMuaW5wdXRFbC5zdGVwID0gU3RyaW5nKHN0ZXApO1xuICAgIHJldHVybiB0aGlzO1xuICB9XG59XG4iXSwKICAibWFwcGluZ3MiOiAiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBTUEsa0NBQW1DO0FBTzVCLE1BQWUsZ0NBQW1DLCtDQUFzQjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLEVBT3RFLE9BQU8sS0FBYztBQUMxQixTQUFLLFFBQVEsTUFBTSxLQUFLLGNBQWMsR0FBRztBQUN6QyxXQUFPO0FBQUEsRUFDVDtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLEVBUU8sT0FBTyxLQUFjO0FBQzFCLFNBQUssUUFBUSxNQUFNLEtBQUssY0FBYyxHQUFHO0FBQ3pDLFdBQU87QUFBQSxFQUNUO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsRUFRTyxRQUFRLE1BQW9CO0FBQ2pDLFNBQUssUUFBUSxPQUFPLE9BQU8sSUFBSTtBQUMvQixXQUFPO0FBQUEsRUFDVDtBQUNGOyIsCiAgIm5hbWVzIjogW10KfQo=

package/dist/lib/cjs/setting-components/typed-range-text-component.d.cts

@@ -0,0 +1,35 @@
+/// <reference path="../library.d.cts" />
+/**
+ * @file
+ *
+ * Contains a component that displays and edits a text-based value with a range.
+ */
+import { TypedTextComponent } from './typed-text-component.cjs';
+/**
+ * A component that displays and edits a text-based value with a range.
+ *
+ * @typeParam T - The type of the value to set.
+ */
+export declare abstract class TypedRangeTextComponent<T> extends TypedTextComponent<T> {
+    /**
+     * Sets the maximum value of the component.
+     *
+     * @param max - The maximum value.
+     * @returns The component.
+     */
+    setMax(max: T): this;
+    /**
+     * Sets the minimum value of the component.
+     *
+     * @param min - The minimum value.
+     * @returns The component.
+     */
+    setMin(min: T): this;
+    /**
+     * Sets the step value of the component.
+     *
+     * @param step - The step value.
+     * @returns The component.
+     */
+    setStep(step: number): this;
+}