@studiometa/js-toolkit 2.5.0 → 2.6.1

package/Base/managers/OptionsManager.cjs

@@ -4,7 +4,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -22,20 +21,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 
-// packages/js-toolkit/Base/managers/OptionsManager.js
+// packages/js-toolkit/Base/managers/OptionsManager.ts
 var OptionsManager_exports = {};
 __export(OptionsManager_exports, {
-  __getPropertyName: () => __getPropertyName,
-  default: () => OptionsManager
+  OptionsManager: () => OptionsManager,
+  __getPropertyName: () => __getPropertyName
 });
 module.exports = __toCommonJS(OptionsManager_exports);
 var import_deepmerge = __toESM(require("deepmerge"), 1);
-var import_AbstractManager = __toESM(require("./AbstractManager.cjs"), 1);
+var import_AbstractManager = require("./AbstractManager.cjs");
 var import_utils = require("../../utils/index.cjs");
 var types = /* @__PURE__ */ new Set([String, Number, Boolean, Array, Object]);
 var __defaultValues = {
@@ -56,7 +51,6 @@ function __getPropertyName(name, prefix = "") {
   return propertyName;
 }
 function __register(that, name, config) {
-  var _a;
   if (!types.has(config.type)) {
     if (import_utils.isDev) {
       throw new Error(
@@ -65,7 +59,7 @@ function __register(that, name, config) {
     }
     return;
   }
-  config.default = (_a = config.default) != null ? _a : __defaultValues[config.type.name];
+  config.default = config.default ?? __defaultValues[config.type.name];
   if ((config.type === Array || config.type === Object) && !(0, import_utils.isFunction)(config.default)) {
     if (import_utils.isDev) {
       throw new Error(
@@ -75,33 +69,30 @@ function __register(that, name, config) {
     return;
   }
   Object.defineProperty(that, name, {
-    get: () => {
-      return that.get(name, config);
-    },
+    get: () => that.get(name, config),
     set: (value) => {
       that.set(name, value, config);
     },
     enumerable: true
   });
 }
-var OptionsManager = class extends import_AbstractManager.default {
+var OptionsManager = class extends import_AbstractManager.AbstractManager {
+  __values = {};
+  name = "Base";
+  debug = false;
+  log = false;
   constructor(base) {
-    var _a, _b;
     super(base);
-    __publicField(this, "__values", {});
-    __publicField(this, "name", "Base");
-    __publicField(this, "debug", false);
-    __publicField(this, "log", false);
     this.__hideProperties(["__values", "__defaultValues"]);
     const schema = this.__config.options || {};
     this.name = this.__config.name;
     schema.debug = {
       type: Boolean,
-      default: (_a = this.__config.debug) != null ? _a : false
+      default: this.__config.debug ?? false
     };
     schema.log = {
       type: Boolean,
-      default: (_b = this.__config.log) != null ? _b : false
+      default: this.__config.log ?? false
     };
     Object.entries(schema).forEach(([name, config]) => {
       __register(
@@ -177,3 +168,4 @@ var OptionsManager = class extends import_AbstractManager.default {
   }
 };
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=OptionsManager.cjs.map

package/Base/managers/OptionsManager.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/Base/managers/OptionsManager.ts"],
+  "sourcesContent": ["import deepmerge from 'deepmerge';\nimport type { Options as DeepmergeOptions } from 'deepmerge';\nimport { AbstractManager } from './AbstractManager.js';\nimport { isDev, isFunction, isDefined, isBoolean, isArray, isObject } from '../../utils/index.js';\nimport type { Base } from '../index.js';\n\ntype OptionType =\n  | StringConstructor\n  | NumberConstructor\n  | BooleanConstructor\n  | ArrayConstructor\n  | ObjectConstructor;\n\ntype ArrayOption = {\n  type: ArrayConstructor;\n  default?: () => unknown[];\n  merge?: boolean | DeepmergeOptions;\n};\n\ntype ObjectOption = {\n  type: ObjectConstructor;\n  default?: () => unknown;\n  merge?: boolean | DeepmergeOptions;\n};\n\ntype StringOption = {\n  type: StringConstructor;\n  default?: string;\n};\n\ntype NumberOption = {\n  type: NumberConstructor;\n  default?: number;\n};\n\ntype BooleanOption = {\n  type: BooleanConstructor;\n  default?: boolean;\n};\n\nexport type OptionObject = ArrayOption | ObjectOption | StringOption | NumberOption | BooleanOption;\nexport type OptionsSchema = { [name: string]: OptionType | OptionObject };\nexport type OptionsInterface = { [optionName: string]: unknown };\n\n/**\n * List of allowed types.\n */\nconst types: Set<OptionType> = new Set([String, Number, Boolean, Array, Object]);\n\n/**\n * The default values to return for each available type.\n */\nconst __defaultValues = {\n  String: '',\n  Number: 0,\n  Boolean: false,\n  Array: () => [],\n  Object: () => ({}),\n};\n\n/**\n * Property name cache.\n */\nconst __propertyNameCache: Map<string, string> = new Map();\n\n/**\n * Get a property name.\n */\nexport function __getPropertyName(name: string, prefix = '') {\n  const key = name + prefix;\n\n  if (__propertyNameCache.has(key)) {\n    return __propertyNameCache.get(key);\n  }\n\n  const propertyName = `option${prefix}${name.replace(/^\\w/, (c) => c.toUpperCase())}`;\n  __propertyNameCache.set(key, propertyName);\n  return propertyName;\n}\n\n/**\n * Register an option.\n *\n * @param  {OptionsManager} that\n * @param  {string} name\n * @param  {OptionObject} config\n * @returns {void}\n * @private\n */\nfunction __register(that: OptionsManager, name: string, config: OptionObject) {\n  if (!types.has(config.type)) {\n    if (isDev) {\n      throw new Error(\n        `The \"${name}\" option has an invalid type. The allowed types are: String, Number, Boolean, Array and Object.`,\n      );\n    }\n    return;\n  }\n\n  config.default = config.default ?? __defaultValues[config.type.name];\n\n  if ((config.type === Array || config.type === Object) && !isFunction(config.default)) {\n    if (isDev) {\n      throw new Error(\n        `The default value for options of type \"${config.type.name}\" must be returned by a function.`,\n      );\n    }\n    return;\n  }\n\n  Object.defineProperty(that, name, {\n    get: () => that.get(name, config),\n    set: (value) => {\n      that.set(name, value, config);\n    },\n    enumerable: true,\n  });\n}\n\n/**\n * Class options to manage options as data attributes on an HTML element.\n *\n * @todo Use `MutationObserver` to update values? Might be more performant.\n */\nexport class OptionsManager extends AbstractManager {\n  /**\n   * An object to store Array and Object values for reference.\n   * @private\n   */\n  __values = {};\n\n  /**\n   * Default value for the name property.\n   */\n  name = 'Base';\n\n  /**\n   * Default value for the debug property.\n   */\n  debug = false;\n\n  /**\n   * Default value for the log property.\n   */\n  log = false;\n\n  /**\n   * Class constructor.\n   */\n  constructor(base: Base) {\n    super(base);\n\n    this.__hideProperties(['__values', '__defaultValues']);\n    const schema: OptionsSchema = this.__config.options || {};\n    this.name = this.__config.name;\n\n    schema.debug = {\n      type: Boolean,\n      default: this.__config.debug ?? false,\n    };\n\n    schema.log = {\n      type: Boolean,\n      default: this.__config.log ?? false,\n    };\n\n    Object.entries(schema).forEach(([name, config]) => {\n      __register(\n        this,\n        name,\n        types.has(config as OptionType)\n          ? ({ type: config as OptionType } as OptionObject)\n          : (config as OptionObject),\n      );\n    });\n  }\n\n  /**\n   * Get an option value.\n   */\n  get(name: string, config: OptionObject) {\n    const { type, default: defaultValue } = config;\n    const propertyName = __getPropertyName(name);\n    const hasProperty = isDefined(this.__element.dataset[propertyName]);\n\n    if (type === Boolean) {\n      if (defaultValue) {\n        const negatedPropertyName = __getPropertyName(name, 'No');\n        const hasNegatedProperty = isDefined(this.__element.dataset[negatedPropertyName]);\n\n        return !hasNegatedProperty;\n      }\n\n      return hasProperty || defaultValue;\n    }\n\n    const value = this.__element.dataset[propertyName];\n\n    if (type === Number) {\n      return hasProperty ? Number(value) : defaultValue;\n    }\n\n    if (type === Array || type === Object) {\n      // eslint-disable-next-line no-param-reassign\n      config = type === Array ? (config as ArrayOption) : (config as ObjectOption);\n\n      if (!this.__values[name]) {\n        let val = hasProperty ? JSON.parse(value) : config.default();\n\n        if (isDefined(config.merge)) {\n          val = isBoolean(config.merge)\n            ? deepmerge(config.default(), val)\n            : deepmerge(config.default(), val, config.merge);\n        }\n\n        this.__values[name] = val;\n      }\n\n      return this.__values[name];\n    }\n\n    return hasProperty ? value : defaultValue;\n  }\n\n  /**\n   * Set an option value.\n   */\n  set(name: string, value: unknown, config: OptionObject) {\n    const { type, default: defaultValue } = config;\n    const propertyName = __getPropertyName(name);\n\n    if (value.constructor.name !== type.name) {\n      if (isDev) {\n        const val = isArray(value) || isObject(value) ? JSON.stringify(value) : value;\n        throw new TypeError(\n          `The \"${val}\" value for the \"${name}\" option must be of type \"${type.name}\"`,\n        );\n      }\n      return;\n    }\n\n    switch (type) {\n      case Boolean:\n        if (defaultValue) {\n          const negatedPropertyName = __getPropertyName(name, 'No');\n\n          if (value) {\n            delete this.__element.dataset[negatedPropertyName];\n          } else {\n            this.__element.dataset[negatedPropertyName] = '';\n          }\n        } else if (value) {\n          this.__element.dataset[propertyName] = '';\n        } else {\n          delete this.__element.dataset[propertyName];\n        }\n        break;\n      case Array:\n      case Object:\n        this.__values[name] = value;\n        break;\n      default:\n        this.__element.dataset[propertyName] = value as string;\n    }\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["deepmerge"]
+}

package/Base/managers/OptionsManager.d.ts

@@ -1,87 +1,74 @@
+import type { Options as DeepmergeOptions } from 'deepmerge';
+import { AbstractManager } from './AbstractManager.js';
+import type { Base } from '../index.js';
+declare type OptionType = StringConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor;
+declare type ArrayOption = {
+    type: ArrayConstructor;
+    default?: () => unknown[];
+    merge?: boolean | DeepmergeOptions;
+};
+declare type ObjectOption = {
+    type: ObjectConstructor;
+    default?: () => unknown;
+    merge?: boolean | DeepmergeOptions;
+};
+declare type StringOption = {
+    type: StringConstructor;
+    default?: string;
+};
+declare type NumberOption = {
+    type: NumberConstructor;
+    default?: number;
+};
+declare type BooleanOption = {
+    type: BooleanConstructor;
+    default?: boolean;
+};
+export declare type OptionObject = ArrayOption | ObjectOption | StringOption | NumberOption | BooleanOption;
+export declare type OptionsSchema = {
+    [name: string]: OptionType | OptionObject;
+};
+export declare type OptionsInterface = {
+    [optionName: string]: unknown;
+};
 /**
  * Get a property name.
- *
- * @param  {string} name
- * @param  {string} [prefix]
- * @returns {string}
- * @protected
  */
-export function __getPropertyName(name: string, prefix?: string): string;
+export declare function __getPropertyName(name: string, prefix?: string): string;
 /**
  * Class options to manage options as data attributes on an HTML element.
  *
  * @todo Use `MutationObserver` to update values? Might be more performant.
  */
-export default class OptionsManager extends AbstractManager {
+export declare class OptionsManager extends AbstractManager {
     /**
      * An object to store Array and Object values for reference.
-     * @type {Object}
      * @private
      */
-    private __values;
+    __values: {};
     /**
      * Default value for the name property.
-     * @type {string}
      */
     name: string;
     /**
      * Default value for the debug property.
-     * @type {boolean}
      */
     debug: boolean;
     /**
      * Default value for the log property.
-     * @type {boolean}
      */
     log: boolean;
+    /**
+     * Class constructor.
+     */
+    constructor(base: Base);
     /**
      * Get an option value.
-     *
-     * @param   {string} name The option name.
-     * @param   {OptionObject} config The option config.
-     * @returns {any}
      */
     get(name: string, config: OptionObject): any;
     /**
      * Set an option value.
-     *
-     * @param {string} name The option name.
-     * @param {any} value The new value for this option.
-     * @param {OptionObject} config The option config.
      */
-    set(name: string, value: any, config: OptionObject): void;
+    set(name: string, value: unknown, config: OptionObject): void;
 }
-export type DeepmergeOptions = import('deepmerge').Options;
-export type Base = import('../index.js').Base;
-export type BaseConfig = import('../index.js').BaseConfig;
-export type OptionType = StringConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor;
-export type ArrayOption = {
-    type: ArrayConstructor;
-    default?: () => any[];
-    merge?: boolean;
-};
-export type ObjectOption = {
-    type: ObjectConstructor;
-    default?: () => any;
-    merge?: boolean;
-};
-export type StringOption = {
-    type: StringConstructor;
-    default?: string;
-};
-export type NumberOption = {
-    type: NumberConstructor;
-    default?: number;
-};
-export type BooleanOption = {
-    type: BooleanConstructor;
-    default?: boolean;
-};
-export type OptionObject = ArrayOption | ObjectOption | StringOption | NumberOption | BooleanOption;
-export type OptionsSchema = {
-    [name: string]: OptionObject | OptionType;
-};
-export type OptionsInterface = {
-    [optionName: string]: any;
-};
-import AbstractManager from "./AbstractManager.js";
+export {};

package/Base/managers/OptionsManager.js

@@ -1,11 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 import deepmerge from "deepmerge";
-import AbstractManager from "./AbstractManager.js";
+import { AbstractManager } from "./AbstractManager.js";
 import { isDev, isFunction, isDefined, isBoolean, isArray, isObject } from "../../utils/index.js";
 const types = /* @__PURE__ */ new Set([String, Number, Boolean, Array, Object]);
 const __defaultValues = {
@@ -26,7 +20,6 @@ function __getPropertyName(name, prefix = "") {
   return propertyName;
 }
 function __register(that, name, config) {
-  var _a;
   if (!types.has(config.type)) {
     if (isDev) {
       throw new Error(
@@ -35,7 +28,7 @@ function __register(that, name, config) {
     }
     return;
   }
-  config.default = (_a = config.default) != null ? _a : __defaultValues[config.type.name];
+  config.default = config.default ?? __defaultValues[config.type.name];
   if ((config.type === Array || config.type === Object) && !isFunction(config.default)) {
     if (isDev) {
       throw new Error(
@@ -45,9 +38,7 @@ function __register(that, name, config) {
     return;
   }
   Object.defineProperty(that, name, {
-    get: () => {
-      return that.get(name, config);
-    },
+    get: () => that.get(name, config),
     set: (value) => {
       that.set(name, value, config);
     },
@@ -55,23 +46,22 @@ function __register(that, name, config) {
   });
 }
 class OptionsManager extends AbstractManager {
+  __values = {};
+  name = "Base";
+  debug = false;
+  log = false;
   constructor(base) {
-    var _a, _b;
     super(base);
-    __publicField(this, "__values", {});
-    __publicField(this, "name", "Base");
-    __publicField(this, "debug", false);
-    __publicField(this, "log", false);
     this.__hideProperties(["__values", "__defaultValues"]);
     const schema = this.__config.options || {};
     this.name = this.__config.name;
     schema.debug = {
       type: Boolean,
-      default: (_a = this.__config.debug) != null ? _a : false
+      default: this.__config.debug ?? false
     };
     schema.log = {
       type: Boolean,
-      default: (_b = this.__config.log) != null ? _b : false
+      default: this.__config.log ?? false
     };
     Object.entries(schema).forEach(([name, config]) => {
       __register(
@@ -147,6 +137,7 @@ class OptionsManager extends AbstractManager {
   }
 }
 export {
-  __getPropertyName,
-  OptionsManager as default
+  OptionsManager,
+  __getPropertyName
 };
+//# sourceMappingURL=OptionsManager.js.map

package/Base/managers/OptionsManager.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/Base/managers/OptionsManager.ts"],
+  "sourcesContent": ["import deepmerge from 'deepmerge';\nimport type { Options as DeepmergeOptions } from 'deepmerge';\nimport { AbstractManager } from './AbstractManager.js';\nimport { isDev, isFunction, isDefined, isBoolean, isArray, isObject } from '../../utils/index.js';\nimport type { Base } from '../index.js';\n\ntype OptionType =\n  | StringConstructor\n  | NumberConstructor\n  | BooleanConstructor\n  | ArrayConstructor\n  | ObjectConstructor;\n\ntype ArrayOption = {\n  type: ArrayConstructor;\n  default?: () => unknown[];\n  merge?: boolean | DeepmergeOptions;\n};\n\ntype ObjectOption = {\n  type: ObjectConstructor;\n  default?: () => unknown;\n  merge?: boolean | DeepmergeOptions;\n};\n\ntype StringOption = {\n  type: StringConstructor;\n  default?: string;\n};\n\ntype NumberOption = {\n  type: NumberConstructor;\n  default?: number;\n};\n\ntype BooleanOption = {\n  type: BooleanConstructor;\n  default?: boolean;\n};\n\nexport type OptionObject = ArrayOption | ObjectOption | StringOption | NumberOption | BooleanOption;\nexport type OptionsSchema = { [name: string]: OptionType | OptionObject };\nexport type OptionsInterface = { [optionName: string]: unknown };\n\n/**\n * List of allowed types.\n */\nconst types: Set<OptionType> = new Set([String, Number, Boolean, Array, Object]);\n\n/**\n * The default values to return for each available type.\n */\nconst __defaultValues = {\n  String: '',\n  Number: 0,\n  Boolean: false,\n  Array: () => [],\n  Object: () => ({}),\n};\n\n/**\n * Property name cache.\n */\nconst __propertyNameCache: Map<string, string> = new Map();\n\n/**\n * Get a property name.\n */\nexport function __getPropertyName(name: string, prefix = '') {\n  const key = name + prefix;\n\n  if (__propertyNameCache.has(key)) {\n    return __propertyNameCache.get(key);\n  }\n\n  const propertyName = `option${prefix}${name.replace(/^\\w/, (c) => c.toUpperCase())}`;\n  __propertyNameCache.set(key, propertyName);\n  return propertyName;\n}\n\n/**\n * Register an option.\n *\n * @param  {OptionsManager} that\n * @param  {string} name\n * @param  {OptionObject} config\n * @returns {void}\n * @private\n */\nfunction __register(that: OptionsManager, name: string, config: OptionObject) {\n  if (!types.has(config.type)) {\n    if (isDev) {\n      throw new Error(\n        `The \"${name}\" option has an invalid type. The allowed types are: String, Number, Boolean, Array and Object.`,\n      );\n    }\n    return;\n  }\n\n  config.default = config.default ?? __defaultValues[config.type.name];\n\n  if ((config.type === Array || config.type === Object) && !isFunction(config.default)) {\n    if (isDev) {\n      throw new Error(\n        `The default value for options of type \"${config.type.name}\" must be returned by a function.`,\n      );\n    }\n    return;\n  }\n\n  Object.defineProperty(that, name, {\n    get: () => that.get(name, config),\n    set: (value) => {\n      that.set(name, value, config);\n    },\n    enumerable: true,\n  });\n}\n\n/**\n * Class options to manage options as data attributes on an HTML element.\n *\n * @todo Use `MutationObserver` to update values? Might be more performant.\n */\nexport class OptionsManager extends AbstractManager {\n  /**\n   * An object to store Array and Object values for reference.\n   * @private\n   */\n  __values = {};\n\n  /**\n   * Default value for the name property.\n   */\n  name = 'Base';\n\n  /**\n   * Default value for the debug property.\n   */\n  debug = false;\n\n  /**\n   * Default value for the log property.\n   */\n  log = false;\n\n  /**\n   * Class constructor.\n   */\n  constructor(base: Base) {\n    super(base);\n\n    this.__hideProperties(['__values', '__defaultValues']);\n    const schema: OptionsSchema = this.__config.options || {};\n    this.name = this.__config.name;\n\n    schema.debug = {\n      type: Boolean,\n      default: this.__config.debug ?? false,\n    };\n\n    schema.log = {\n      type: Boolean,\n      default: this.__config.log ?? false,\n    };\n\n    Object.entries(schema).forEach(([name, config]) => {\n      __register(\n        this,\n        name,\n        types.has(config as OptionType)\n          ? ({ type: config as OptionType } as OptionObject)\n          : (config as OptionObject),\n      );\n    });\n  }\n\n  /**\n   * Get an option value.\n   */\n  get(name: string, config: OptionObject) {\n    const { type, default: defaultValue } = config;\n    const propertyName = __getPropertyName(name);\n    const hasProperty = isDefined(this.__element.dataset[propertyName]);\n\n    if (type === Boolean) {\n      if (defaultValue) {\n        const negatedPropertyName = __getPropertyName(name, 'No');\n        const hasNegatedProperty = isDefined(this.__element.dataset[negatedPropertyName]);\n\n        return !hasNegatedProperty;\n      }\n\n      return hasProperty || defaultValue;\n    }\n\n    const value = this.__element.dataset[propertyName];\n\n    if (type === Number) {\n      return hasProperty ? Number(value) : defaultValue;\n    }\n\n    if (type === Array || type === Object) {\n      // eslint-disable-next-line no-param-reassign\n      config = type === Array ? (config as ArrayOption) : (config as ObjectOption);\n\n      if (!this.__values[name]) {\n        let val = hasProperty ? JSON.parse(value) : config.default();\n\n        if (isDefined(config.merge)) {\n          val = isBoolean(config.merge)\n            ? deepmerge(config.default(), val)\n            : deepmerge(config.default(), val, config.merge);\n        }\n\n        this.__values[name] = val;\n      }\n\n      return this.__values[name];\n    }\n\n    return hasProperty ? value : defaultValue;\n  }\n\n  /**\n   * Set an option value.\n   */\n  set(name: string, value: unknown, config: OptionObject) {\n    const { type, default: defaultValue } = config;\n    const propertyName = __getPropertyName(name);\n\n    if (value.constructor.name !== type.name) {\n      if (isDev) {\n        const val = isArray(value) || isObject(value) ? JSON.stringify(value) : value;\n        throw new TypeError(\n          `The \"${val}\" value for the \"${name}\" option must be of type \"${type.name}\"`,\n        );\n      }\n      return;\n    }\n\n    switch (type) {\n      case Boolean:\n        if (defaultValue) {\n          const negatedPropertyName = __getPropertyName(name, 'No');\n\n          if (value) {\n            delete this.__element.dataset[negatedPropertyName];\n          } else {\n            this.__element.dataset[negatedPropertyName] = '';\n          }\n        } else if (value) {\n          this.__element.dataset[propertyName] = '';\n        } else {\n          delete this.__element.dataset[propertyName];\n        }\n        break;\n      case Array:\n      case Object:\n        this.__values[name] = value;\n        break;\n      default:\n        this.__element.dataset[propertyName] = value as string;\n    }\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/Base/managers/RefsManager.cjs

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,23 +14,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/js-toolkit/Base/managers/RefsManager.js
+// packages/js-toolkit/Base/managers/RefsManager.ts
 var RefsManager_exports = {};
 __export(RefsManager_exports, {
-  default: () => RefsManager,
+  RefsManager: () => RefsManager,
   normalizeRefName: () => normalizeRefName
 });
 module.exports = __toCommonJS(RefsManager_exports);
-var import_AbstractManager = __toESM(require("./AbstractManager.cjs"), 1);
+var import_AbstractManager = require("./AbstractManager.cjs");
 var import_utils = require("../../utils/index.cjs");
+var NORMALIZE_REF_NAME_REGEX = /\[\]$/;
 function normalizeRefName(name) {
-  return name.endsWith("[]") ? name.replace(/\[\]$/, "") : name;
+  return name.endsWith("[]") ? name.replace(NORMALIZE_REF_NAME_REGEX, "") : name;
 }
 function __filterRefsBelongingToInstance(that, ref) {
   let ancestor = ref.parentElement;
@@ -44,9 +39,9 @@ function __filterRefsBelongingToInstance(that, ref) {
 function __register(that, refName) {
   const isMultiple = refName.endsWith("[]");
   const propName = normalizeRefName(refName);
-  const refs = Array.from(that.__element.querySelectorAll(`[data-ref="${refName}"]`)).filter(
-    (ref) => __filterRefsBelongingToInstance(that, ref)
-  );
+  const refs = Array.from(
+    that.__element.querySelectorAll(`[data-ref="${refName}"]`)
+  ).filter((ref) => __filterRefsBelongingToInstance(that, ref));
   if (import_utils.isDev && !isMultiple && refs.length > 1) {
     console.warn(
       `[${that.__base.$options.name}]`,
@@ -76,10 +71,9 @@ function __unregister(that, refName) {
   const refs = (0, import_utils.isArray)(that[propName]) ? that[propName] : [that[propName]];
   that.__eventsManager.unbindRef(refName, refs);
 }
-var RefsManager = class extends import_AbstractManager.default {
+var RefsManager = class extends import_AbstractManager.AbstractManager {
   get __refs() {
-    var _a;
-    return (_a = this.__config.refs) != null ? _a : [];
+    return this.__config.refs ?? [];
   }
   registerAll() {
     this.__refs.forEach((refName) => __register(this, refName));
@@ -89,3 +83,4 @@ var RefsManager = class extends import_AbstractManager.default {
   }
 };
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=RefsManager.cjs.map

package/Base/managers/RefsManager.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/Base/managers/RefsManager.ts"],
+  "sourcesContent": ["import { AbstractManager } from './AbstractManager.js';\nimport { isDev, isArray, isDefined } from '../../utils/index.js';\n\nconst NORMALIZE_REF_NAME_REGEX = /\\[\\]$/;\n/**\n * Normalize the name of ref.\n */\nexport function normalizeRefName(name: string) {\n  return name.endsWith('[]') ? name.replace(NORMALIZE_REF_NAME_REGEX, '') : name;\n}\n\n/**\n * Filter refs belonging to the related Base instance.\n */\nfunction __filterRefsBelongingToInstance(that: RefsManager, ref: HTMLElement) {\n  let ancestor = ref.parentElement;\n\n  while (ancestor && !isDefined(ancestor.dataset.component)) {\n    ancestor = ancestor.parentElement;\n  }\n\n  return ancestor === null || ancestor === that.__element;\n}\n\n/**\n * Register one ref.\n *\n * @param {RefsManager} that\n * @param {string} refName The ref name.\n * @private\n */\nfunction __register(that: RefsManager, refName: string) {\n  const isMultiple = refName.endsWith('[]');\n  const propName = normalizeRefName(refName);\n\n  const refs = Array.from(\n    that.__element.querySelectorAll<HTMLElement>(`[data-ref=\"${refName}\"]`),\n  ).filter((ref) => __filterRefsBelongingToInstance(that, ref));\n\n  if (isDev && !isMultiple && refs.length > 1) {\n    console.warn(\n      // @ts-ignore\n      `[${that.__base.$options.name}]`,\n      `The \"${refName}\" ref has been found multiple times.`,\n      'Did you forgot to add the `[]` suffix to its name?',\n    );\n  }\n\n  if (!isMultiple && refs.length <= 1 && !isDefined(refs[0])) {\n    if (isDev) {\n      console.warn(\n        // @ts-ignore\n        `[${that.__base.$options.name}]`,\n        `The \"${refName}\" ref is missing.`,\n        `Is there an \\`[data-ref=\"${refName}\"]\\` element in the component's scope?`,\n      );\n    }\n\n    return;\n  }\n\n  that.__eventsManager.bindRef(refName, refs);\n\n  Object.defineProperty(that, propName, {\n    // @todo remove usage of non-multiple refs as array\n    value: isMultiple || refs.length > 1 ? refs : refs[0],\n    enumerable: true,\n    configurable: true,\n  });\n}\n\n/**\n * Unregister one ref.\n */\nfunction __unregister(that:RefsManager, refName:string) {\n  const propName = normalizeRefName(refName);\n  const refs = isArray(that[propName]) ? that[propName] : [that[propName]];\n  that.__eventsManager.unbindRef(refName, refs);\n}\n\n/**\n * Refs Manager\n *\n * @todo Use `MutationObserver` to automatically update refs?\n */\nexport class RefsManager extends AbstractManager {\n  /**\n   * Get refs configuration.\n   */\n  get __refs() {\n    return this.__config.refs ?? [];\n  }\n\n  /**\n   * Register all refs.\n   */\n  registerAll() {\n    this.__refs.forEach((refName) => __register(this, refName));\n  }\n\n  /**\n   * Unregister all refs.\n   */\n  unregisterAll() {\n    this.__refs.forEach((refName) => __unregister(this, refName));\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAAgC;AAChC,mBAA0C;AAE1C,IAAM,2BAA2B;AAI1B,SAAS,iBAAiB,MAAc;AAC7C,SAAO,KAAK,SAAS,IAAI,IAAI,KAAK,QAAQ,0BAA0B,EAAE,IAAI;AAC5E;AAKA,SAAS,gCAAgC,MAAmB,KAAkB;AAC5E,MAAI,WAAW,IAAI;AAEnB,SAAO,YAAY,KAAC,wBAAU,SAAS,QAAQ,SAAS,GAAG;AACzD,eAAW,SAAS;AAAA,EACtB;AAEA,SAAO,aAAa,QAAQ,aAAa,KAAK;AAChD;AASA,SAAS,WAAW,MAAmB,SAAiB;AACtD,QAAM,aAAa,QAAQ,SAAS,IAAI;AACxC,QAAM,WAAW,iBAAiB,OAAO;AAEzC,QAAM,OAAO,MAAM;AAAA,IACjB,KAAK,UAAU,iBAA8B,cAAc,WAAW;AAAA,EACxE,EAAE,OAAO,CAAC,QAAQ,gCAAgC,MAAM,GAAG,CAAC;AAE5D,MAAI,sBAAS,CAAC,cAAc,KAAK,SAAS,GAAG;AAC3C,YAAQ;AAAA,MAEN,IAAI,KAAK,OAAO,SAAS;AAAA,MACzB,QAAQ;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,MAAI,CAAC,cAAc,KAAK,UAAU,KAAK,KAAC,wBAAU,KAAK,EAAE,GAAG;AAC1D,QAAI,oBAAO;AACT,cAAQ;AAAA,QAEN,IAAI,KAAK,OAAO,SAAS;AAAA,QACzB,QAAQ;AAAA,QACR,4BAA4B;AAAA,MAC9B;AAAA,IACF;AAEA;AAAA,EACF;AAEA,OAAK,gBAAgB,QAAQ,SAAS,IAAI;AAE1C,SAAO,eAAe,MAAM,UAAU;AAAA,IAEpC,OAAO,cAAc,KAAK,SAAS,IAAI,OAAO,KAAK;AAAA,IACnD,YAAY;AAAA,IACZ,cAAc;AAAA,EAChB,CAAC;AACH;AAKA,SAAS,aAAa,MAAkB,SAAgB;AACtD,QAAM,WAAW,iBAAiB,OAAO;AACzC,QAAM,WAAO,sBAAQ,KAAK,SAAS,IAAI,KAAK,YAAY,CAAC,KAAK,SAAS;AACvE,OAAK,gBAAgB,UAAU,SAAS,IAAI;AAC9C;AAOO,IAAM,cAAN,cAA0B,uCAAgB;AAAA,EAI/C,IAAI,SAAS;AACX,WAAO,KAAK,SAAS,QAAQ,CAAC;AAAA,EAChC;AAAA,EAKA,cAAc;AACZ,SAAK,OAAO,QAAQ,CAAC,YAAY,WAAW,MAAM,OAAO,CAAC;AAAA,EAC5D;AAAA,EAKA,gBAAgB;AACd,SAAK,OAAO,QAAQ,CAAC,YAAY,aAAa,MAAM,OAAO,CAAC;AAAA,EAC9D;AACF;",
+  "names": []
+}

package/Base/managers/RefsManager.d.ts

@@ -1,32 +1,24 @@
+import { AbstractManager } from './AbstractManager.js';
 /**
  * Normalize the name of ref.
- *
- * @param {string} name The original name.
- * @returns {string}     The normalized name.
  */
-export function normalizeRefName(name: string): string;
+export declare function normalizeRefName(name: string): string;
 /**
  * Refs Manager
  *
  * @todo Use `MutationObserver` to automatically update refs?
  */
-export default class RefsManager extends AbstractManager {
+export declare class RefsManager extends AbstractManager {
     /**
      * Get refs configuration.
-     * @returns {string[]}
      */
     get __refs(): string[];
     /**
      * Register all refs.
-     *
-     * @returns {void}
      */
     registerAll(): void;
     /**
      * Unregister all refs.
-     *
-     * @returns {void}
      */
     unregisterAll(): void;
 }
-import AbstractManager from "./AbstractManager.js";

package/Base/managers/RefsManager.js

@@ -1,7 +1,8 @@
-import AbstractManager from "./AbstractManager.js";
+import { AbstractManager } from "./AbstractManager.js";
 import { isDev, isArray, isDefined } from "../../utils/index.js";
+const NORMALIZE_REF_NAME_REGEX = /\[\]$/;
 function normalizeRefName(name) {
-  return name.endsWith("[]") ? name.replace(/\[\]$/, "") : name;
+  return name.endsWith("[]") ? name.replace(NORMALIZE_REF_NAME_REGEX, "") : name;
 }
 function __filterRefsBelongingToInstance(that, ref) {
   let ancestor = ref.parentElement;
@@ -13,9 +14,9 @@ function __filterRefsBelongingToInstance(that, ref) {
 function __register(that, refName) {
   const isMultiple = refName.endsWith("[]");
   const propName = normalizeRefName(refName);
-  const refs = Array.from(that.__element.querySelectorAll(`[data-ref="${refName}"]`)).filter(
-    (ref) => __filterRefsBelongingToInstance(that, ref)
-  );
+  const refs = Array.from(
+    that.__element.querySelectorAll(`[data-ref="${refName}"]`)
+  ).filter((ref) => __filterRefsBelongingToInstance(that, ref));
   if (isDev && !isMultiple && refs.length > 1) {
     console.warn(
       `[${that.__base.$options.name}]`,
@@ -47,8 +48,7 @@ function __unregister(that, refName) {
 }
 class RefsManager extends AbstractManager {
   get __refs() {
-    var _a;
-    return (_a = this.__config.refs) != null ? _a : [];
+    return this.__config.refs ?? [];
   }
   registerAll() {
     this.__refs.forEach((refName) => __register(this, refName));
@@ -58,6 +58,7 @@ class RefsManager extends AbstractManager {
   }
 }
 export {
-  RefsManager as default,
+  RefsManager,
   normalizeRefName
 };
+//# sourceMappingURL=RefsManager.js.map

package/Base/managers/RefsManager.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/Base/managers/RefsManager.ts"],
+  "sourcesContent": ["import { AbstractManager } from './AbstractManager.js';\nimport { isDev, isArray, isDefined } from '../../utils/index.js';\n\nconst NORMALIZE_REF_NAME_REGEX = /\\[\\]$/;\n/**\n * Normalize the name of ref.\n */\nexport function normalizeRefName(name: string) {\n  return name.endsWith('[]') ? name.replace(NORMALIZE_REF_NAME_REGEX, '') : name;\n}\n\n/**\n * Filter refs belonging to the related Base instance.\n */\nfunction __filterRefsBelongingToInstance(that: RefsManager, ref: HTMLElement) {\n  let ancestor = ref.parentElement;\n\n  while (ancestor && !isDefined(ancestor.dataset.component)) {\n    ancestor = ancestor.parentElement;\n  }\n\n  return ancestor === null || ancestor === that.__element;\n}\n\n/**\n * Register one ref.\n *\n * @param {RefsManager} that\n * @param {string} refName The ref name.\n * @private\n */\nfunction __register(that: RefsManager, refName: string) {\n  const isMultiple = refName.endsWith('[]');\n  const propName = normalizeRefName(refName);\n\n  const refs = Array.from(\n    that.__element.querySelectorAll<HTMLElement>(`[data-ref=\"${refName}\"]`),\n  ).filter((ref) => __filterRefsBelongingToInstance(that, ref));\n\n  if (isDev && !isMultiple && refs.length > 1) {\n    console.warn(\n      // @ts-ignore\n      `[${that.__base.$options.name}]`,\n      `The \"${refName}\" ref has been found multiple times.`,\n      'Did you forgot to add the `[]` suffix to its name?',\n    );\n  }\n\n  if (!isMultiple && refs.length <= 1 && !isDefined(refs[0])) {\n    if (isDev) {\n      console.warn(\n        // @ts-ignore\n        `[${that.__base.$options.name}]`,\n        `The \"${refName}\" ref is missing.`,\n        `Is there an \\`[data-ref=\"${refName}\"]\\` element in the component's scope?`,\n      );\n    }\n\n    return;\n  }\n\n  that.__eventsManager.bindRef(refName, refs);\n\n  Object.defineProperty(that, propName, {\n    // @todo remove usage of non-multiple refs as array\n    value: isMultiple || refs.length > 1 ? refs : refs[0],\n    enumerable: true,\n    configurable: true,\n  });\n}\n\n/**\n * Unregister one ref.\n */\nfunction __unregister(that:RefsManager, refName:string) {\n  const propName = normalizeRefName(refName);\n  const refs = isArray(that[propName]) ? that[propName] : [that[propName]];\n  that.__eventsManager.unbindRef(refName, refs);\n}\n\n/**\n * Refs Manager\n *\n * @todo Use `MutationObserver` to automatically update refs?\n */\nexport class RefsManager extends AbstractManager {\n  /**\n   * Get refs configuration.\n   */\n  get __refs() {\n    return this.__config.refs ?? [];\n  }\n\n  /**\n   * Register all refs.\n   */\n  registerAll() {\n    this.__refs.forEach((refName) => __register(this, refName));\n  }\n\n  /**\n   * Unregister all refs.\n   */\n  unregisterAll() {\n    this.__refs.forEach((refName) => __unregister(this, refName));\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,OAAO,SAAS,iBAAiB;AAE1C,MAAM,2BAA2B;AAI1B,SAAS,iBAAiB,MAAc;AAC7C,SAAO,KAAK,SAAS,IAAI,IAAI,KAAK,QAAQ,0BAA0B,EAAE,IAAI;AAC5E;AAKA,SAAS,gCAAgC,MAAmB,KAAkB;AAC5E,MAAI,WAAW,IAAI;AAEnB,SAAO,YAAY,CAAC,UAAU,SAAS,QAAQ,SAAS,GAAG;AACzD,eAAW,SAAS;AAAA,EACtB;AAEA,SAAO,aAAa,QAAQ,aAAa,KAAK;AAChD;AASA,SAAS,WAAW,MAAmB,SAAiB;AACtD,QAAM,aAAa,QAAQ,SAAS,IAAI;AACxC,QAAM,WAAW,iBAAiB,OAAO;AAEzC,QAAM,OAAO,MAAM;AAAA,IACjB,KAAK,UAAU,iBAA8B,cAAc,WAAW;AAAA,EACxE,EAAE,OAAO,CAAC,QAAQ,gCAAgC,MAAM,GAAG,CAAC;AAE5D,MAAI,SAAS,CAAC,cAAc,KAAK,SAAS,GAAG;AAC3C,YAAQ;AAAA,MAEN,IAAI,KAAK,OAAO,SAAS;AAAA,MACzB,QAAQ;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,MAAI,CAAC,cAAc,KAAK,UAAU,KAAK,CAAC,UAAU,KAAK,EAAE,GAAG;AAC1D,QAAI,OAAO;AACT,cAAQ;AAAA,QAEN,IAAI,KAAK,OAAO,SAAS;AAAA,QACzB,QAAQ;AAAA,QACR,4BAA4B;AAAA,MAC9B;AAAA,IACF;AAEA;AAAA,EACF;AAEA,OAAK,gBAAgB,QAAQ,SAAS,IAAI;AAE1C,SAAO,eAAe,MAAM,UAAU;AAAA,IAEpC,OAAO,cAAc,KAAK,SAAS,IAAI,OAAO,KAAK;AAAA,IACnD,YAAY;AAAA,IACZ,cAAc;AAAA,EAChB,CAAC;AACH;AAKA,SAAS,aAAa,MAAkB,SAAgB;AACtD,QAAM,WAAW,iBAAiB,OAAO;AACzC,QAAM,OAAO,QAAQ,KAAK,SAAS,IAAI,KAAK,YAAY,CAAC,KAAK,SAAS;AACvE,OAAK,gBAAgB,UAAU,SAAS,IAAI;AAC9C;AAOO,MAAM,oBAAoB,gBAAgB;AAAA,EAI/C,IAAI,SAAS;AACX,WAAO,KAAK,SAAS,QAAQ,CAAC;AAAA,EAChC;AAAA,EAKA,cAAc;AACZ,SAAK,OAAO,QAAQ,CAAC,YAAY,WAAW,MAAM,OAAO,CAAC;AAAA,EAC5D;AAAA,EAKA,gBAAgB;AACd,SAAK,OAAO,QAAQ,CAAC,YAAY,aAAa,MAAM,OAAO,CAAC;AAAA,EAC9D;AACF;",
+  "names": []
+}

package/Base/managers/ResponsiveOptionsManager.cjs

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,19 +14,15 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/js-toolkit/Base/managers/ResponsiveOptionsManager.ts
 var ResponsiveOptionsManager_exports = {};
 __export(ResponsiveOptionsManager_exports, {
-  default: () => ResponsiveOptionsManager
+  ResponsiveOptionsManager: () => ResponsiveOptionsManager
 });
 module.exports = __toCommonJS(ResponsiveOptionsManager_exports);
-var import_OptionsManager = __toESM(require("./OptionsManager.cjs"), 1);
+var import_OptionsManager = require("./OptionsManager.cjs");
 var import_services = require("../../services/index.cjs");
 var import_utils = require("../../utils/index.cjs");
 function __getResponsiveName(that, name) {
@@ -48,7 +42,7 @@ function __getResponsiveName(that, name) {
   });
   return responsiveName;
 }
-var ResponsiveOptionsManager = class extends import_OptionsManager.default {
+var ResponsiveOptionsManager = class extends import_OptionsManager.OptionsManager {
   get(name, config) {
     if (!config.responsive) {
       return super.get(name, config);
@@ -66,3 +60,4 @@ var ResponsiveOptionsManager = class extends import_OptionsManager.default {
   }
 };
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=ResponsiveOptionsManager.cjs.map

package/Base/managers/ResponsiveOptionsManager.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/js-toolkit/Base/managers/ResponsiveOptionsManager.ts"],
+  "sourcesContent": ["import { OptionsManager, __getPropertyName } from './OptionsManager.js';\nimport type { OptionObject } from './OptionsManager.js';\nimport { useResize } from '../../services/index.js';\nimport { isDev } from '../../utils/index.js';\n\nexport type ResponsiveOptionObject = OptionObject & { responsive?: boolean };\n\n/**\n * Get the currently active responsive name of an option.\n *\n * @param   {ResponsiveOptionsManager} that\n * @param   {string} name The default name of the option.\n * @returns {string}      The responsive name if one matches the current breakpoint, the default name otherwise.\n */\nfunction __getResponsiveName(that: ResponsiveOptionsManager, name: string) {\n  const { breakpoint } = useResize().props();\n\n  if (!breakpoint) {\n    return name;\n  }\n\n  let responsiveName = name;\n  const propertyName = __getPropertyName(name);\n  const regex = new RegExp(`${propertyName}:(.+)$`);\n\n  Object.keys(that.__element.dataset)\n    .filter((optionName) => regex.test(optionName))\n    .forEach((optionName) => {\n      const [, breakpoints] = optionName.match(regex);\n      const isInBreakpoint = breakpoints.split(':').includes(breakpoint);\n      if (isInBreakpoint) {\n        responsiveName = optionName.replace(/^option/, '');\n      }\n    });\n\n  return responsiveName;\n}\n\n/**\n * Class options to manage options as data attributes on an HTML element.\n */\nexport class ResponsiveOptionsManager extends OptionsManager {\n  /**\n   * Get an option value.\n   *\n   * @param   {string} name The option name.\n   * @param   {ResponsiveOptionObject} config The option configuration.\n   * @returns {any}\n   */\n  get(name: string, config: ResponsiveOptionObject) {\n    if (!config.responsive) {\n      return super.get(name, config);\n    }\n\n    return super.get(__getResponsiveName(this, name), config);\n  }\n\n  /**\n   * Set an option value.\n   *\n   * @param {string} name The option name.\n   * @param {any} value The new value.\n   * @param {ResponsiveOptionObject} config The option configuration.\n   */\n  set(name: string, value: unknown, config: ResponsiveOptionObject) {\n    if (!config.responsive) {\n      super.set(name, value, config);\n      return;\n    }\n\n    if (isDev) {\n      console.warn(`[${this.__config.name}]`, 'Responsive options are read-only.');\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAkD;AAElD,sBAA0B;AAC1B,mBAAsB;AAWtB,SAAS,oBAAoB,MAAgC,MAAc;AACzE,QAAM,EAAE,WAAW,QAAI,2BAAU,EAAE,MAAM;AAEzC,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,MAAI,iBAAiB;AACrB,QAAM,mBAAe,yCAAkB,IAAI;AAC3C,QAAM,QAAQ,IAAI,OAAO,GAAG,oBAAoB;AAEhD,SAAO,KAAK,KAAK,UAAU,OAAO,EAC/B,OAAO,CAAC,eAAe,MAAM,KAAK,UAAU,CAAC,EAC7C,QAAQ,CAAC,eAAe;AACvB,UAAM,CAAC,EAAE,WAAW,IAAI,WAAW,MAAM,KAAK;AAC9C,UAAM,iBAAiB,YAAY,MAAM,GAAG,EAAE,SAAS,UAAU;AACjE,QAAI,gBAAgB;AAClB,uBAAiB,WAAW,QAAQ,WAAW,EAAE;AAAA,IACnD;AAAA,EACF,CAAC;AAEH,SAAO;AACT;AAKO,IAAM,2BAAN,cAAuC,qCAAe;AAAA,EAQ3D,IAAI,MAAc,QAAgC;AAChD,QAAI,CAAC,OAAO,YAAY;AACtB,aAAO,MAAM,IAAI,MAAM,MAAM;AAAA,IAC/B;AAEA,WAAO,MAAM,IAAI,oBAAoB,MAAM,IAAI,GAAG,MAAM;AAAA,EAC1D;AAAA,EASA,IAAI,MAAc,OAAgB,QAAgC;AAChE,QAAI,CAAC,OAAO,YAAY;AACtB,YAAM,IAAI,MAAM,OAAO,MAAM;AAC7B;AAAA,IACF;AAEA,QAAI,oBAAO;AACT,cAAQ,KAAK,IAAI,KAAK,SAAS,SAAS,mCAAmC;AAAA,IAC7E;AAAA,EACF;AACF;",
+  "names": []
+}

package/Base/managers/ResponsiveOptionsManager.d.ts

@@ -1,8 +1,12 @@
-import OptionsManager from './OptionsManager.js';
+import { OptionsManager } from './OptionsManager.js';
+import type { OptionObject } from './OptionsManager.js';
+export declare type ResponsiveOptionObject = OptionObject & {
+    responsive?: boolean;
+};
 /**
  * Class options to manage options as data attributes on an HTML element.
  */
-export default class ResponsiveOptionsManager extends OptionsManager {
+export declare class ResponsiveOptionsManager extends OptionsManager {
     /**
      * Get an option value.
      *
@@ -10,7 +14,7 @@ export default class ResponsiveOptionsManager extends OptionsManager {
      * @param   {ResponsiveOptionObject} config The option configuration.
      * @returns {any}
      */
-    get(name: any, config: any): any;
+    get(name: string, config: ResponsiveOptionObject): any;
     /**
      * Set an option value.
      *
@@ -18,5 +22,5 @@ export default class ResponsiveOptionsManager extends OptionsManager {
      * @param {any} value The new value.
      * @param {ResponsiveOptionObject} config The option configuration.
      */
-    set(name: any, value: any, config: any): void;
+    set(name: string, value: unknown, config: ResponsiveOptionObject): void;
 }

package/Base/managers/ResponsiveOptionsManager.js

@@ -1,4 +1,4 @@
-import OptionsManager, { __getPropertyName } from "./OptionsManager.js";
+import { OptionsManager, __getPropertyName } from "./OptionsManager.js";
 import { useResize } from "../../services/index.js";
 import { isDev } from "../../utils/index.js";
 function __getResponsiveName(that, name) {
@@ -36,5 +36,6 @@ class ResponsiveOptionsManager extends OptionsManager {
   }
 }
 export {
-  ResponsiveOptionsManager as default
+  ResponsiveOptionsManager
 };
+//# sourceMappingURL=ResponsiveOptionsManager.js.map