@coreui/coreui 5.5.0 → 5.6.0

package/js/dist/alert.js

@@ -1,6 +1,6 @@
 /*!
-  * CoreUI alert.js v5.5.0 (https://coreui.io)
-  * Copyright 2025 The CoreUI Team (https://github.com/orgs/coreui/people)
+  * CoreUI alert.js v5.6.0 (https://coreui.io)
+  * Copyright 2026 The CoreUI Team (https://github.com/orgs/coreui/people)
   * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
   */
 (function (global, factory) {

package/js/dist/base-component.js

@@ -1,6 +1,6 @@
 /*!
-  * CoreUI base-component.js v5.5.0 (https://coreui.io)
-  * Copyright 2025 The CoreUI Team (https://github.com/orgs/coreui/people)
+  * CoreUI base-component.js v5.6.0 (https://coreui.io)
+  * Copyright 2026 The CoreUI Team (https://github.com/orgs/coreui/people)
   * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
   */
 (function (global, factory) {
@@ -24,7 +24,7 @@
    * Constants
    */
 
-  const VERSION = '5.5.0';
+  const VERSION = '5.6.0';
 
   /**
    * Class definition

package/js/dist/base-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-component.js","sources":["../src/base-component.js"],"sourcesContent":["/**\n * --------------------------------------------------------------------------\n * CoreUI base-component.js\n * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)\n *\n * This component is a modified version of the Bootstrap's base-component.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport Data from './dom/data.js'\nimport EventHandler from './dom/event-handler.js'\nimport Config from './util/config.js'\nimport { executeAfterTransition, getElement } from './util/index.js'\n\n/**\n * Constants\n */\n\nconst VERSION = '5.5.0'\n\n/**\n * Class definition\n */\n\nclass BaseComponent extends Config {\n  constructor(element, config) {\n    super()\n\n    element = getElement(element)\n    if (!element) {\n      return\n    }\n\n    this._element = element\n    this._config = this._getConfig(config)\n\n    Data.set(this._element, this.constructor.DATA_KEY, this)\n  }\n\n  // Public\n  dispose() {\n    Data.remove(this._element, this.constructor.DATA_KEY)\n    EventHandler.off(this._element, this.constructor.EVENT_KEY)\n\n    for (const propertyName of Object.getOwnPropertyNames(this)) {\n      this[propertyName] = null\n    }\n  }\n\n  // Private\n  _queueCallback(callback, element, isAnimated = true) {\n    executeAfterTransition(callback, element, isAnimated)\n  }\n\n  _getConfig(config) {\n    config = this._mergeConfigObj(config, this._element)\n    config = this._configAfterMerge(config)\n    this._typeCheckConfig(config)\n    return config\n  }\n\n  // Static\n  static getInstance(element) {\n    return Data.get(getElement(element), this.DATA_KEY)\n  }\n\n  static getOrCreateInstance(element, config = {}) {\n    return this.getInstance(element) || new this(element, typeof config === 'object' ? config : null)\n  }\n\n  static get VERSION() {\n    return VERSION\n  }\n\n  static get DATA_KEY() {\n    return `coreui.${this.NAME}`\n  }\n\n  static get EVENT_KEY() {\n    return `.${this.DATA_KEY}`\n  }\n\n  static eventName(name) {\n    return `${name}${this.EVENT_KEY}`\n  }\n}\n\nexport default BaseComponent\n"],"names":["VERSION","BaseComponent","Config","constructor","element","config","getElement","_element","_config","_getConfig","Data","set","DATA_KEY","dispose","remove","EventHandler","off","EVENT_KEY","propertyName","Object","getOwnPropertyNames","_queueCallback","callback","isAnimated","executeAfterTransition","_mergeConfigObj","_configAfterMerge","_typeCheckConfig","getInstance","get","getOrCreateInstance","NAME","eventName","name"],"mappings":";;;;;;;;;;;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;EAOA;EACA;EACA;;EAEA,MAAMA,OAAO,GAAG,OAAO;;EAEvB;EACA;EACA;;EAEA,MAAMC,aAAa,SAASC,MAAM,CAAC;EACjCC,EAAAA,WAAWA,CAACC,OAAO,EAAEC,MAAM,EAAE;EAC3B,IAAA,KAAK,EAAE;EAEPD,IAAAA,OAAO,GAAGE,mBAAU,CAACF,OAAO,CAAC;MAC7B,IAAI,CAACA,OAAO,EAAE;EACZ,MAAA;EACF,IAAA;MAEA,IAAI,CAACG,QAAQ,GAAGH,OAAO;MACvB,IAAI,CAACI,OAAO,GAAG,IAAI,CAACC,UAAU,CAACJ,MAAM,CAAC;EAEtCK,IAAAA,IAAI,CAACC,GAAG,CAAC,IAAI,CAACJ,QAAQ,EAAE,IAAI,CAACJ,WAAW,CAACS,QAAQ,EAAE,IAAI,CAAC;EAC1D,EAAA;;EAEA;EACAC,EAAAA,OAAOA,GAAG;EACRH,IAAAA,IAAI,CAACI,MAAM,CAAC,IAAI,CAACP,QAAQ,EAAE,IAAI,CAACJ,WAAW,CAACS,QAAQ,CAAC;EACrDG,IAAAA,YAAY,CAACC,GAAG,CAAC,IAAI,CAACT,QAAQ,EAAE,IAAI,CAACJ,WAAW,CAACc,SAAS,CAAC;MAE3D,KAAK,MAAMC,YAAY,IAAIC,MAAM,CAACC,mBAAmB,CAAC,IAAI,CAAC,EAAE;EAC3D,MAAA,IAAI,CAACF,YAAY,CAAC,GAAG,IAAI;EAC3B,IAAA;EACF,EAAA;;EAEA;IACAG,cAAcA,CAACC,QAAQ,EAAElB,OAAO,EAAEmB,UAAU,GAAG,IAAI,EAAE;EACnDC,IAAAA,+BAAsB,CAACF,QAAQ,EAAElB,OAAO,EAAEmB,UAAU,CAAC;EACvD,EAAA;IAEAd,UAAUA,CAACJ,MAAM,EAAE;MACjBA,MAAM,GAAG,IAAI,CAACoB,eAAe,CAACpB,MAAM,EAAE,IAAI,CAACE,QAAQ,CAAC;EACpDF,IAAAA,MAAM,GAAG,IAAI,CAACqB,iBAAiB,CAACrB,MAAM,CAAC;EACvC,IAAA,IAAI,CAACsB,gBAAgB,CAACtB,MAAM,CAAC;EAC7B,IAAA,OAAOA,MAAM;EACf,EAAA;;EAEA;IACA,OAAOuB,WAAWA,CAACxB,OAAO,EAAE;EAC1B,IAAA,OAAOM,IAAI,CAACmB,GAAG,CAACvB,mBAAU,CAACF,OAAO,CAAC,EAAE,IAAI,CAACQ,QAAQ,CAAC;EACrD,EAAA;IAEA,OAAOkB,mBAAmBA,CAAC1B,OAAO,EAAEC,MAAM,GAAG,EAAE,EAAE;MAC/C,OAAO,IAAI,CAACuB,WAAW,CAACxB,OAAO,CAAC,IAAI,IAAI,IAAI,CAACA,OAAO,EAAE,OAAOC,MAAM,KAAK,QAAQ,GAAGA,MAAM,GAAG,IAAI,CAAC;EACnG,EAAA;IAEA,WAAWL,OAAOA,GAAG;EACnB,IAAA,OAAOA,OAAO;EAChB,EAAA;IAEA,WAAWY,QAAQA,GAAG;EACpB,IAAA,OAAO,CAAA,OAAA,EAAU,IAAI,CAACmB,IAAI,CAAA,CAAE;EAC9B,EAAA;IAEA,WAAWd,SAASA,GAAG;EACrB,IAAA,OAAO,CAAA,CAAA,EAAI,IAAI,CAACL,QAAQ,CAAA,CAAE;EAC5B,EAAA;IAEA,OAAOoB,SAASA,CAACC,IAAI,EAAE;EACrB,IAAA,OAAO,GAAGA,IAAI,CAAA,EAAG,IAAI,CAAChB,SAAS,CAAA,CAAE;EACnC,EAAA;EACF;;;;;;;;"}
+{"version":3,"file":"base-component.js","sources":["../src/base-component.js"],"sourcesContent":["/**\n * --------------------------------------------------------------------------\n * CoreUI base-component.js\n * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)\n *\n * This component is a modified version of the Bootstrap's base-component.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport Data from './dom/data.js'\nimport EventHandler from './dom/event-handler.js'\nimport Config from './util/config.js'\nimport { executeAfterTransition, getElement } from './util/index.js'\n\n/**\n * Constants\n */\n\nconst VERSION = '5.6.0'\n\n/**\n * Class definition\n */\n\nclass BaseComponent extends Config {\n  constructor(element, config) {\n    super()\n\n    element = getElement(element)\n    if (!element) {\n      return\n    }\n\n    this._element = element\n    this._config = this._getConfig(config)\n\n    Data.set(this._element, this.constructor.DATA_KEY, this)\n  }\n\n  // Public\n  dispose() {\n    Data.remove(this._element, this.constructor.DATA_KEY)\n    EventHandler.off(this._element, this.constructor.EVENT_KEY)\n\n    for (const propertyName of Object.getOwnPropertyNames(this)) {\n      this[propertyName] = null\n    }\n  }\n\n  // Private\n  _queueCallback(callback, element, isAnimated = true) {\n    executeAfterTransition(callback, element, isAnimated)\n  }\n\n  _getConfig(config) {\n    config = this._mergeConfigObj(config, this._element)\n    config = this._configAfterMerge(config)\n    this._typeCheckConfig(config)\n    return config\n  }\n\n  // Static\n  static getInstance(element) {\n    return Data.get(getElement(element), this.DATA_KEY)\n  }\n\n  static getOrCreateInstance(element, config = {}) {\n    return this.getInstance(element) || new this(element, typeof config === 'object' ? config : null)\n  }\n\n  static get VERSION() {\n    return VERSION\n  }\n\n  static get DATA_KEY() {\n    return `coreui.${this.NAME}`\n  }\n\n  static get EVENT_KEY() {\n    return `.${this.DATA_KEY}`\n  }\n\n  static eventName(name) {\n    return `${name}${this.EVENT_KEY}`\n  }\n}\n\nexport default BaseComponent\n"],"names":["VERSION","BaseComponent","Config","constructor","element","config","getElement","_element","_config","_getConfig","Data","set","DATA_KEY","dispose","remove","EventHandler","off","EVENT_KEY","propertyName","Object","getOwnPropertyNames","_queueCallback","callback","isAnimated","executeAfterTransition","_mergeConfigObj","_configAfterMerge","_typeCheckConfig","getInstance","get","getOrCreateInstance","NAME","eventName","name"],"mappings":";;;;;;;;;;;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;EAOA;EACA;EACA;;EAEA,MAAMA,OAAO,GAAG,OAAO;;EAEvB;EACA;EACA;;EAEA,MAAMC,aAAa,SAASC,MAAM,CAAC;EACjCC,EAAAA,WAAWA,CAACC,OAAO,EAAEC,MAAM,EAAE;EAC3B,IAAA,KAAK,EAAE;EAEPD,IAAAA,OAAO,GAAGE,mBAAU,CAACF,OAAO,CAAC;MAC7B,IAAI,CAACA,OAAO,EAAE;EACZ,MAAA;EACF,IAAA;MAEA,IAAI,CAACG,QAAQ,GAAGH,OAAO;MACvB,IAAI,CAACI,OAAO,GAAG,IAAI,CAACC,UAAU,CAACJ,MAAM,CAAC;EAEtCK,IAAAA,IAAI,CAACC,GAAG,CAAC,IAAI,CAACJ,QAAQ,EAAE,IAAI,CAACJ,WAAW,CAACS,QAAQ,EAAE,IAAI,CAAC;EAC1D,EAAA;;EAEA;EACAC,EAAAA,OAAOA,GAAG;EACRH,IAAAA,IAAI,CAACI,MAAM,CAAC,IAAI,CAACP,QAAQ,EAAE,IAAI,CAACJ,WAAW,CAACS,QAAQ,CAAC;EACrDG,IAAAA,YAAY,CAACC,GAAG,CAAC,IAAI,CAACT,QAAQ,EAAE,IAAI,CAACJ,WAAW,CAACc,SAAS,CAAC;MAE3D,KAAK,MAAMC,YAAY,IAAIC,MAAM,CAACC,mBAAmB,CAAC,IAAI,CAAC,EAAE;EAC3D,MAAA,IAAI,CAACF,YAAY,CAAC,GAAG,IAAI;EAC3B,IAAA;EACF,EAAA;;EAEA;IACAG,cAAcA,CAACC,QAAQ,EAAElB,OAAO,EAAEmB,UAAU,GAAG,IAAI,EAAE;EACnDC,IAAAA,+BAAsB,CAACF,QAAQ,EAAElB,OAAO,EAAEmB,UAAU,CAAC;EACvD,EAAA;IAEAd,UAAUA,CAACJ,MAAM,EAAE;MACjBA,MAAM,GAAG,IAAI,CAACoB,eAAe,CAACpB,MAAM,EAAE,IAAI,CAACE,QAAQ,CAAC;EACpDF,IAAAA,MAAM,GAAG,IAAI,CAACqB,iBAAiB,CAACrB,MAAM,CAAC;EACvC,IAAA,IAAI,CAACsB,gBAAgB,CAACtB,MAAM,CAAC;EAC7B,IAAA,OAAOA,MAAM;EACf,EAAA;;EAEA;IACA,OAAOuB,WAAWA,CAACxB,OAAO,EAAE;EAC1B,IAAA,OAAOM,IAAI,CAACmB,GAAG,CAACvB,mBAAU,CAACF,OAAO,CAAC,EAAE,IAAI,CAACQ,QAAQ,CAAC;EACrD,EAAA;IAEA,OAAOkB,mBAAmBA,CAAC1B,OAAO,EAAEC,MAAM,GAAG,EAAE,EAAE;MAC/C,OAAO,IAAI,CAACuB,WAAW,CAACxB,OAAO,CAAC,IAAI,IAAI,IAAI,CAACA,OAAO,EAAE,OAAOC,MAAM,KAAK,QAAQ,GAAGA,MAAM,GAAG,IAAI,CAAC;EACnG,EAAA;IAEA,WAAWL,OAAOA,GAAG;EACnB,IAAA,OAAOA,OAAO;EAChB,EAAA;IAEA,WAAWY,QAAQA,GAAG;EACpB,IAAA,OAAO,CAAA,OAAA,EAAU,IAAI,CAACmB,IAAI,CAAA,CAAE;EAC9B,EAAA;IAEA,WAAWd,SAASA,GAAG;EACrB,IAAA,OAAO,CAAA,CAAA,EAAI,IAAI,CAACL,QAAQ,CAAA,CAAE;EAC5B,EAAA;IAEA,OAAOoB,SAASA,CAACC,IAAI,EAAE;EACrB,IAAA,OAAO,GAAGA,IAAI,CAAA,EAAG,IAAI,CAAChB,SAAS,CAAA,CAAE;EACnC,EAAA;EACF;;;;;;;;"}

package/js/dist/button.js

@@ -1,6 +1,6 @@
 /*!
-  * CoreUI button.js v5.5.0 (https://coreui.io)
-  * Copyright 2025 The CoreUI Team (https://github.com/orgs/coreui/people)
+  * CoreUI button.js v5.6.0 (https://coreui.io)
+  * Copyright 2026 The CoreUI Team (https://github.com/orgs/coreui/people)
   * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
   */
 (function (global, factory) {

package/js/dist/carousel.js

@@ -1,6 +1,6 @@
 /*!
-  * CoreUI carousel.js v5.5.0 (https://coreui.io)
-  * Copyright 2025 The CoreUI Team (https://github.com/orgs/coreui/people)
+  * CoreUI carousel.js v5.6.0 (https://coreui.io)
+  * Copyright 2026 The CoreUI Team (https://github.com/orgs/coreui/people)
   * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
   */
 (function (global, factory) {

package/js/dist/chip-input.js

@@ -0,0 +1,528 @@
+/*!
+  * CoreUI chip-input.js v5.6.0 (https://coreui.io)
+  * Copyright 2026 The CoreUI Team (https://github.com/orgs/coreui/people)
+  * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
+  */
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('./base-component.js'), require('./chip.js'), require('./dom/event-handler.js'), require('./dom/selector-engine.js'), require('./util/index.js')) :
+  typeof define === 'function' && define.amd ? define(['./base-component', './chip', './dom/event-handler', './dom/selector-engine', './util/index'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.ChipInput = factory(global.BaseComponent, global.Chip, global.EventHandler, global.SelectorEngine, global.Index));
+})(this, (function (BaseComponent, Chip, EventHandler, SelectorEngine, index_js) { 'use strict';
+
+  /**
+   * --------------------------------------------------------------------------
+   * CoreUI chip-input.js
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+   *
+   * This component is a highly modified version of the Bootstrap's chip-input.js
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+   * --------------------------------------------------------------------------
+   */
+
+
+  /**
+   * Constants
+   */
+
+  const NAME = 'chip-input';
+  const DATA_KEY = 'coreui.chip-input';
+  const EVENT_KEY = `.${DATA_KEY}`;
+  const DATA_API_KEY = '.data-api';
+  const EVENT_ADD = `add${EVENT_KEY}`;
+  const EVENT_REMOVE = `remove${EVENT_KEY}`;
+  const EVENT_CHANGE = `change${EVENT_KEY}`;
+  const EVENT_SELECT = `select${EVENT_KEY}`;
+  const EVENT_INPUT = `input${EVENT_KEY}`;
+  const SELECTOR_DATA_CHIP_INPUT = '[data-coreui-chip-input]';
+  const SELECTOR_CHIP = '.chip';
+  const SELECTOR_CHIP_ACTIVE = `${SELECTOR_CHIP}.active`;
+  const SELECTOR_CHIP_INPUT_LABEL = '.chip-input-label';
+  const SELECTOR_CHIP_REMOVE = '.chip-remove';
+  const SELECTOR_FOCUSABLE_ITEMS = '.chip:not(.disabled)';
+  const CLASS_NAME_CHIP = 'chip';
+  const CLASS_NAME_DISABLED = 'disabled';
+  const CLASS_NAME_CHIP_INPUT_FIELD = 'chip-input-field';
+  const DEFAULT_REMOVE_ICON = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="4" y1="4" x2="12" y2="12"/><line x1="12" y1="4" x2="4" y2="12"/></svg>';
+  const Default = {
+    chipClassName: null,
+    createOnBlur: true,
+    disabled: false,
+    id: null,
+    maxChips: null,
+    name: null,
+    placeholder: '',
+    readonly: false,
+    removable: true,
+    removeIcon: DEFAULT_REMOVE_ICON,
+    selectable: false,
+    separator: ','
+  };
+  const DefaultType = {
+    chipClassName: '(string|function|null)',
+    createOnBlur: 'boolean',
+    disabled: 'boolean',
+    maxChips: '(number|null)',
+    id: '(string|null)',
+    name: '(string|null)',
+    placeholder: 'string',
+    readonly: 'boolean',
+    removable: 'boolean',
+    removeIcon: 'string',
+    selectable: 'boolean',
+    separator: '(string|null)'
+  };
+
+  /**
+   * Class definition
+   */
+
+  class ChipInput extends BaseComponent {
+    constructor(element, config) {
+      var _this$_config$id;
+      super(element, config);
+      this._uniqueId = (_this$_config$id = this._config.id) != null ? _this$_config$id : index_js.getUID(`${this.constructor.NAME}`);
+      this._disabled = this._config.disabled || this._element.classList.contains(CLASS_NAME_DISABLED);
+      this._readonly = this._config.readonly;
+      this._chips = [];
+      this._input = SelectorEngine.findOne('input', this._element);
+      this._hiddenInput = null;
+      if (this._input) {
+        this._setInputSize();
+      } else {
+        this._createInput();
+      }
+      this._applyInteractionState();
+      this._initializeExistingChips();
+      this._createHiddenInput();
+      this._addEventListeners();
+    }
+
+    // Getters
+    static get Default() {
+      return Default;
+    }
+    static get DefaultType() {
+      return DefaultType;
+    }
+    static get NAME() {
+      return NAME;
+    }
+
+    // Public
+    add(value) {
+      if (this._disabled || this._readonly) {
+        return null;
+      }
+      const trimmedValue = String(value).trim();
+      if (!trimmedValue) {
+        return null;
+      }
+
+      // Chips are unique by value
+      if (this._chips.includes(trimmedValue)) {
+        return null;
+      }
+
+      // Check max chips limit
+      if (this._config.maxChips !== null && this._chips.length >= this._config.maxChips) {
+        return null;
+      }
+      const addEvent = EventHandler.trigger(this._element, EVENT_ADD, {
+        value: trimmedValue,
+        relatedTarget: this._input
+      });
+      if (addEvent.defaultPrevented) {
+        return null;
+      }
+      const chip = this._createChip(trimmedValue);
+      this._element.insertBefore(chip, this._input);
+      this._chips.push(trimmedValue);
+      const values = this.getValues();
+      this._hiddenInput.value = values.join(',');
+      EventHandler.trigger(this._element, EVENT_CHANGE, {
+        values
+      });
+      return chip;
+    }
+    remove(chipOrValue) {
+      if (this._disabled || this._readonly) {
+        return false;
+      }
+      let chip;
+      let value;
+      if (typeof chipOrValue === 'string') {
+        value = chipOrValue;
+        chip = this._findChipByValue(value);
+      } else {
+        chip = chipOrValue;
+        value = this._getChipValue(chip);
+      }
+      if (!chip || !value) {
+        return false;
+      }
+      const removeEvent = EventHandler.trigger(this._element, EVENT_REMOVE, {
+        value,
+        chip,
+        relatedTarget: this._input
+      });
+      if (removeEvent.defaultPrevented) {
+        return false;
+      }
+      const chipInstance = Chip.getInstance(chip);
+      if (chipInstance) {
+        chipInstance.remove();
+      } else {
+        chip.remove();
+        this._handleChipRemoved(chip, value);
+      }
+      return !chip.isConnected;
+    }
+    removeSelected() {
+      var _this$_input;
+      const chipsToRemove = this._getSelectedChipElements();
+      for (const chip of chipsToRemove) {
+        this.remove(chip);
+      }
+      (_this$_input = this._input) == null || _this$_input.focus();
+    }
+    getValues() {
+      return [...this._chips];
+    }
+    getSelectedValues() {
+      return this._getSelectedChipElements().map(chip => this._getChipValue(chip));
+    }
+    clear() {
+      const chips = SelectorEngine.find(SELECTOR_CHIP, this._element);
+      for (const chip of chips) {
+        this.remove(chip);
+      }
+    }
+    clearSelection() {
+      for (const chip of this._getSelectedChipElements()) {
+        var _Chip$getInstance;
+        (_Chip$getInstance = Chip.getInstance(chip)) == null || _Chip$getInstance.deselect();
+      }
+      EventHandler.trigger(this._element, EVENT_SELECT, {
+        selected: []
+      });
+    }
+    selectChip(chip) {
+      const chipElements = this._getChipElements();
+      if (!chipElements.includes(chip)) {
+        return;
+      }
+      const chipInstance = Chip.getInstance(chip);
+      if (!chipInstance) {
+        return;
+      }
+      chipInstance.select();
+    }
+    focus() {
+      var _this$_input2;
+      (_this$_input2 = this._input) == null || _this$_input2.focus();
+    }
+
+    // Private
+    _emitSelectionChange() {
+      EventHandler.trigger(this._element, EVENT_SELECT, {
+        selected: this.getSelectedValues()
+      });
+    }
+    _getChipElements() {
+      return SelectorEngine.find(SELECTOR_CHIP, this._element);
+    }
+    _getSelectedChipElements() {
+      return SelectorEngine.find(SELECTOR_CHIP_ACTIVE, this._element);
+    }
+    _createInput() {
+      const input = document.createElement('input');
+      const label = SelectorEngine.findOne(SELECTOR_CHIP_INPUT_LABEL, this._element);
+      const labelFor = label == null ? void 0 : label.getAttribute('for');
+      const generatedInputId = labelFor || index_js.getUID(`${this.constructor.NAME}-input`);
+      input.type = 'text';
+      input.className = CLASS_NAME_CHIP_INPUT_FIELD;
+      input.id = generatedInputId;
+      if (this._config.placeholder) {
+        input.placeholder = this._config.placeholder;
+      }
+      if (label && !labelFor) {
+        label.setAttribute('for', generatedInputId);
+      }
+      this._input = input;
+      this._setInputSize();
+      this._element.append(input);
+    }
+    _createHiddenInput() {
+      const hiddenInput = document.createElement('input');
+      hiddenInput.type = 'hidden';
+      hiddenInput.id = this._uniqueId;
+      hiddenInput.name = this._config.name || this._uniqueId;
+      this._element.append(hiddenInput);
+      this._hiddenInput = hiddenInput;
+      this._hiddenInput.value = this.getValues().join(',');
+    }
+    _createChip(value) {
+      const chip = document.createElement('span');
+      chip.className = CLASS_NAME_CHIP;
+      chip.dataset.coreuiChipValue = value;
+      chip.append(document.createTextNode(value));
+      this._applyChipClassName(chip, value);
+      this._setupChip(chip);
+      return chip;
+    }
+    _createChipFromInput() {
+      if (this._disabled || this._readonly) {
+        return;
+      }
+      const value = this._input.value.trim();
+      if (value) {
+        this.add(value);
+        this._input.value = '';
+        this._setInputSize();
+      }
+    }
+    _findChipByValue(value) {
+      const chips = this._getChipElements();
+      return chips.find(chip => this._getChipValue(chip) === value);
+    }
+    _getChipValue(chip) {
+      var _clone$textContent;
+      if (chip.dataset.coreuiChipValue) {
+        return chip.dataset.coreuiChipValue;
+      }
+      const clone = chip.cloneNode(true);
+      const remove = SelectorEngine.findOne(SELECTOR_CHIP_REMOVE, clone);
+      if (remove) {
+        remove.remove();
+      }
+      return ((_clone$textContent = clone.textContent) == null ? void 0 : _clone$textContent.trim()) || '';
+    }
+    _initializeExistingChips() {
+      const existingChips = SelectorEngine.find(SELECTOR_CHIP, this._element);
+      for (const chip of existingChips) {
+        const value = this._getChipValue(chip);
+        if (value) {
+          this._chips.push(value);
+          this._applyChipClassName(chip, value);
+          this._setupChip(chip);
+        }
+      }
+    }
+    _applyChipClassName(chip, value) {
+      const className = this._resolveChipClassName(value);
+      if (!className) {
+        return;
+      }
+      chip.classList.add(...className.split(/\s+/).filter(Boolean));
+    }
+    _resolveChipClassName(value) {
+      const {
+        chipClassName
+      } = this._config;
+      if (!chipClassName) {
+        return '';
+      }
+      if (typeof chipClassName === 'function') {
+        const resolvedClassName = chipClassName(value);
+        return typeof resolvedClassName === 'string' ? resolvedClassName : '';
+      }
+      return typeof chipClassName === 'string' ? chipClassName : '';
+    }
+    _setupChip(chip) {
+      Chip.getOrCreateInstance(chip, {
+        ariaRemoveLabel: `Remove ${this._getChipValue(chip)}`,
+        disabled: this._disabled,
+        removable: this._config.removable && !this._readonly && !this._disabled,
+        removeIcon: this._config.removeIcon,
+        selectable: this._config.selectable
+      });
+      const removeButton = SelectorEngine.findOne(SELECTOR_CHIP_REMOVE, chip);
+      if (removeButton) {
+        removeButton.disabled = this._disabled || this._readonly;
+      }
+    }
+    _applyInteractionState() {
+      this._element.classList.toggle(CLASS_NAME_DISABLED, this._disabled);
+      this._input.disabled = this._disabled;
+      this._input.readOnly = !this._disabled && this._readonly;
+      this._element.setAttribute('aria-disabled', this._disabled ? 'true' : 'false');
+      this._element.setAttribute('aria-readonly', this._readonly ? 'true' : 'false');
+    }
+    _addEventListeners() {
+      EventHandler.on(this._element, 'keydown', event => {
+        if (event.target === this._input) {
+          return;
+        }
+        if (event.key.length === 1) {
+          // eslint-disable-next-line no-console
+          console.log(event.key.length);
+          this._input.focus();
+        }
+      });
+      EventHandler.on(this._input, 'keydown', event => this._handleInputKeydown(event));
+      EventHandler.on(this._input, 'input', event => this._handleInput(event));
+      EventHandler.on(this._input, 'paste', event => this._handlePaste(event));
+      EventHandler.on(this._input, 'focus', () => this.clearSelection());
+      if (this._config.createOnBlur) {
+        EventHandler.on(this._input, 'blur', event => {
+          var _event$relatedTarget;
+          // Don't create chip if clicking on a chip
+          if (!((_event$relatedTarget = event.relatedTarget) != null && _event$relatedTarget.closest(SELECTOR_CHIP))) {
+            this._createChipFromInput();
+          }
+        });
+      }
+      EventHandler.on(this._element, 'selected.coreui.chip', SELECTOR_CHIP, () => {
+        this._emitSelectionChange();
+      });
+      EventHandler.on(this._element, 'deselected.coreui.chip', SELECTOR_CHIP, () => {
+        this._emitSelectionChange();
+      });
+      EventHandler.on(this._element, 'remove.coreui.chip', SELECTOR_CHIP, event => {
+        if (this._disabled || this._readonly) {
+          event.preventDefault();
+        }
+      });
+      EventHandler.on(this._element, 'removed.coreui.chip', SELECTOR_CHIP, event => {
+        const chip = event.target.closest(SELECTOR_CHIP);
+        if (chip) {
+          this._handleChipRemoved(chip);
+          const focusableChips = SelectorEngine.find(SELECTOR_FOCUSABLE_ITEMS, this._element);
+          if (focusableChips.length > 0) {
+            var _this$_input3;
+            (_this$_input3 = this._input) == null || _this$_input3.focus();
+          }
+          this._emitSelectionChange();
+        }
+      });
+
+      // Focus input when clicking container background
+      EventHandler.on(this._element, 'click', event => {
+        if (event.target === this._element) {
+          var _this$_input4;
+          (_this$_input4 = this._input) == null || _this$_input4.focus();
+        }
+      });
+    }
+    _handleInputKeydown(event) {
+      const {
+        key
+      } = event;
+      switch (key) {
+        case 'Enter':
+          {
+            event.preventDefault();
+            this._createChipFromInput();
+            break;
+          }
+        case 'Backspace':
+        case 'Delete':
+          {
+            if (this._input.value === '') {
+              event.preventDefault();
+              const chips = this._getChipElements();
+              if (chips.length > 0) {
+                const lastChip = chips.at(-1);
+                lastChip.focus();
+              }
+            }
+            break;
+          }
+        case 'ArrowLeft':
+          {
+            if (this._input.selectionStart === 0 && this._input.selectionEnd === 0) {
+              event.preventDefault();
+              const chips = this._getChipElements();
+              if (chips.length > 0) {
+                const lastChip = chips.at(-1);
+                lastChip.focus();
+              }
+            }
+            break;
+          }
+        case 'Escape':
+          {
+            this._input.value = '';
+            this._input.blur();
+            break;
+          }
+
+        // No default
+      }
+    }
+    _handleChipRemoved(chip, value = null) {
+      const chipValue = value || this._getChipValue(chip);
+      const valueIndex = this._chips.indexOf(chipValue);
+      if (valueIndex !== -1) {
+        this._chips.splice(valueIndex, 1);
+      }
+      const values = this.getValues();
+      this._hiddenInput.value = values.join(',');
+      EventHandler.trigger(this._element, EVENT_CHANGE, {
+        values
+      });
+    }
+    _handleInput(event) {
+      if (this._disabled || this._readonly) {
+        return;
+      }
+      const {
+        value
+      } = event.target;
+      const {
+        separator
+      } = this._config;
+      if (separator && value.includes(separator)) {
+        const parts = value.split(separator);
+        for (const part of parts.slice(0, -1)) {
+          this.add(part.trim());
+        }
+        this._input.value = parts.at(-1);
+      }
+      this._setInputSize();
+      EventHandler.trigger(this._element, EVENT_INPUT, {
+        value: this._input.value,
+        relatedTarget: this._input
+      });
+    }
+    _handlePaste(event) {
+      if (this._disabled || this._readonly) {
+        return;
+      }
+      const {
+        separator
+      } = this._config;
+      if (!separator) {
+        return;
+      }
+      const pastedData = (event.clipboardData || window.clipboardData).getData('text');
+      if (pastedData.includes(separator)) {
+        event.preventDefault();
+        const parts = pastedData.split(separator);
+        for (const part of parts) {
+          this.add(part.trim());
+        }
+      }
+    }
+    _setInputSize() {
+      if (!this._input) {
+        return;
+      }
+      this._input.size = Math.max(this._input.placeholder.length, this._input.value.length) || 1;
+    }
+  }
+
+  /**
+   * Data API implementation
+   */
+
+  EventHandler.on(document, `DOMContentLoaded${EVENT_KEY}${DATA_API_KEY}`, () => {
+    for (const element of SelectorEngine.find(SELECTOR_DATA_CHIP_INPUT)) {
+      ChipInput.getOrCreateInstance(element);
+    }
+  });
+
+  return ChipInput;
+
+}));
+//# sourceMappingURL=chip-input.js.map