deblan-mirror/Choices
deblan-mirror/Choices
1
0
Fork 0
mirror of https://github.com/Choices-js/Choices.git synced 2024-05-17 21:16:34 +02:00
Code Issues Projects Releases Wiki Activity

Merge fa8b4412e9 into b4a6371cc8

Browse source
This commit is contained in:
Mike Bronner 2021-12-17 13:05:14 +01:00 committed by GitHub
parent b4a6371cc8 fa8b4412e9
commit 4ab1fb2765
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 129 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

124
public/assets/scripts/choices.js
View file

@ -1,4 +1,4 @@
/*! choices.js v9.0.1 | © 2019 Josh Johnson | https://github.com/jshjohnson/Choices#readme */
/*! choices.js v9.0.1 | © 2020 Josh Johnson | https://github.com/jshjohnson/Choices#readme */
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
@ -1214,8 +1214,11 @@ function () {
});
WrappedElement.prototype.conceal = function () {
// Hide passed input
this.element.classList.add(this.classNames.input);
var _a; // Hide passed input
(_a = this.element.classList).add.apply(_a, this.classNames.input.split(" "));
this.element.hidden = true; // Remove element from tab index
this.element.tabIndex = -1; // Backup original styles if any
@ -1230,8 +1233,11 @@ function () {
};
WrappedElement.prototype.reveal = function () {
// Reinstate passed element
this.element.classList.remove(this.classNames.input);
var _a; // Reinstate passed element
(_a = this.element.classList).remove.apply(_a, this.classNames.input.split(" "));
this.element.hidden = false;
this.element.removeAttribute('tabindex'); // Recover original styles if any
@ -3064,6 +3070,8 @@ function () {
};
Choices.prototype._highlightChoice = function (el) {
var _a;
var _this = this;
if (el === void 0) {
@ -3080,7 +3088,10 @@ function () {
var highlightedChoices = Array.from(this.dropdown.element.querySelectorAll("." + this.config.classNames.highlightedState)); // Remove any highlighted choices
highlightedChoices.forEach(function (choice) {
choice.classList.remove(_this.config.classNames.highlightedState);
var _a;
(_a = choice.classList).remove.apply(_a, _this.config.classNames.highlightedState.split(" "));
choice.setAttribute('aria-selected', 'false');
});
@ -3101,7 +3112,8 @@ function () {
}
}
passedEl.classList.add(this.config.classNames.highlightedState);
(_a = passedEl.classList).add.apply(_a, this.config.classNames.highlightedState.split(" "));
passedEl.setAttribute('aria-selected', 'true');
this.passedElement.triggerEvent(constants_1.EVENTS.highlightChoice, {
el: passedEl
@ -3577,7 +3589,7 @@ function () {
};
Choices.prototype._generatePlaceholderValue = function () {
if (this._isSelectElement) {
if (this._isSelectElement && this.passedElement.placeholderOption) {
var placeholderOption = this.passedElement.placeholderOption;
return placeholderOption ? placeholderOption.text : null;
}
@ -4447,7 +4459,10 @@ function () {
Dropdown.prototype.show = function () {
this.element.classList.add(this.classNames.activeState);
var _a;
(_a = this.element.classList).add.apply(_a, this.classNames.activeState.split(" "));
this.element.setAttribute('aria-expanded', 'true');
this.isActive = true;
return this;
@ -4458,7 +4473,10 @@ function () {
Dropdown.prototype.hide = function () {
this.element.classList.remove(this.classNames.activeState);
var _a;
(_a = this.element.classList).remove.apply(_a, this.classNames.activeState.split(" "));
this.element.setAttribute('aria-expanded', 'false');
this.isActive = false;
return this;
@ -4547,24 +4565,32 @@ function () {
};
Container.prototype.open = function (dropdownPos) {
this.element.classList.add(this.classNames.openState);
var _a, _b;
(_a = this.element.classList).add.apply(_a, this.classNames.openState.split(" "));
this.element.setAttribute('aria-expanded', 'true');
this.isOpen = true;
if (this.shouldFlip(dropdownPos)) {
this.element.classList.add(this.classNames.flippedState);
(_b = this.element.classList).add.apply(_b, this.classNames.flippedState.split(" "));
this.isFlipped = true;
}
};
Container.prototype.close = function () {
this.element.classList.remove(this.classNames.openState);
var _a, _b;
(_a = this.element.classList).remove.apply(_a, this.classNames.openState.split(" "));
this.element.setAttribute('aria-expanded', 'false');
this.removeActiveDescendant();
this.isOpen = false; // A dropdown flips if it does not have space within the page
if (this.isFlipped) {
this.element.classList.remove(this.classNames.flippedState);
(_b = this.element.classList).remove.apply(_b, this.classNames.flippedState.split(" "));
this.isFlipped = false;
}
};
@ -4576,15 +4602,22 @@ function () {
};
Container.prototype.addFocusState = function () {
this.element.classList.add(this.classNames.focusState);
var _a;
(_a = this.element.classList).add.apply(_a, this.classNames.focusState.split(" "));
};
Container.prototype.removeFocusState = function () {
this.element.classList.remove(this.classNames.focusState);
var _a;
(_a = this.element.classList).remove.apply(_a, this.classNames.focusState.split(" "));
};
Container.prototype.enable = function () {
this.element.classList.remove(this.classNames.disabledState);
var _a;
(_a = this.element.classList).remove.apply(_a, this.classNames.disabledState.split(" "));
this.element.removeAttribute('aria-disabled');
if (this.type === constants_1.SELECT_ONE_TYPE) {
@ -4595,7 +4628,10 @@ function () {
};
Container.prototype.disable = function () {
this.element.classList.add(this.classNames.disabledState);
var _a;
(_a = this.element.classList).add.apply(_a, this.classNames.disabledState.split(" "));
this.element.setAttribute('aria-disabled', 'true');
if (this.type === constants_1.SELECT_ONE_TYPE) {
@ -4619,13 +4655,19 @@ function () {
};
Container.prototype.addLoadingState = function () {
this.element.classList.add(this.classNames.loadingState);
var _a;
(_a = this.element.classList).add.apply(_a, this.classNames.loadingState.split(" "));
this.element.setAttribute('aria-busy', 'true');
this.isLoading = true;
};
Container.prototype.removeLoadingState = function () {
this.element.classList.remove(this.classNames.loadingState);
var _a;
(_a = this.element.classList).remove.apply(_a, this.classNames.loadingState.split(" "));
this.element.removeAttribute('aria-busy');
this.isLoading = false;
};
@ -5113,6 +5155,20 @@ exports.default = WrappedSelect;
"use strict";
var __spreadArrays = this && this.__spreadArrays || function () {
for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
s += arguments[i].length;
}
for (var r = Array(s), k = 0, i = 0; i < il; i++) {
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
r[k] = a[j];
}
}
return r;
};
Object.defineProperty(exports, "__esModule", {
value: true
});
@ -5171,6 +5227,8 @@ var templates = {
});
},
item: function item(_a, _b, removeItemButton) {
var _c, _d, _e;
var item = _a.item,
button = _a.button,
highlightedState = _a.highlightedState,
@ -5204,14 +5262,14 @@ var templates = {
}
if (isPlaceholder) {
div.classList.add(placeholder);
(_c = div.classList).add.apply(_c, placeholder.split(' '));
}
div.classList.add(highlighted ? highlightedState : itemSelectable);
(_d = div.classList).add.apply(_d, highlighted ? highlightedState.split(' ') : itemSelectable.split(' '));
if (removeItemButton) {
if (disabled) {
div.classList.remove(itemSelectable);
(_e = div.classList).remove.apply(_e, itemSelectable.split(' '));
}
div.dataset.deletable = '';
@ -5271,6 +5329,8 @@ var templates = {
return div;
},
choice: function choice(_a, _b, selectText) {
var _c, _d, _e, _f;
var item = _a.item,
itemChoice = _a.itemChoice,
itemSelectable = _a.itemSelectable,
@ -5292,11 +5352,11 @@ var templates = {
});
if (isSelected) {
div.classList.add(selectedState);
(_c = div.classList).add.apply(_c, selectedState.split(' '));
}
if (isPlaceholder) {
div.classList.add(placeholder);
(_d = div.classList).add.apply(_d, placeholder.split(' '));
}
div.setAttribute('role', groupId && groupId > 0 ? 'treeitem' : 'option');
@ -5308,11 +5368,13 @@ var templates = {
});
if (isDisabled) {
div.classList.add(itemDisabled);
(_e = div.classList).add.apply(_e, itemDisabled.split(' '));
div.dataset.choiceDisabled = '';
div.setAttribute('aria-disabled', 'true');
} else {
div.classList.add(itemSelectable);
(_f = div.classList).add.apply(_f, itemSelectable.split(' '));
div.dataset.choiceSelectable = '';
}
@ -5334,10 +5396,14 @@ var templates = {
return inp;
},
dropdown: function dropdown(_a) {
var _b;
var list = _a.list,
listDropdown = _a.listDropdown;
var div = document.createElement('div');
div.classList.add(list, listDropdown);
(_b = div.classList).add.apply(_b, __spreadArrays(list.split(' '), listDropdown.split(' ')));
div.setAttribute('aria-expanded', 'false');
return div;
},
@ -5556,4 +5622,4 @@ exports.setIsLoading = function (isLoading) {
/***/ })
/******/ ])["default"];
});
});

6
public/assets/scripts/choices.min.js vendored
View file

File diff suppressed because one or more lines are too long

4
src/scripts/choices.ts
View file

@ -1863,7 +1863,7 @@ class Choices {
// Remove any highlighted choices
highlightedChoices.forEach(choice => {
choice.classList.remove(this.config.classNames.highlightedState);
choice.classList.remove(...this.config.classNames.highlightedState.split(" "));
choice.setAttribute('aria-selected', 'false');
});
@ -1884,7 +1884,7 @@ class Choices {
}
}
passedEl.classList.add(this.config.classNames.highlightedState);
passedEl.classList.add(...this.config.classNames.highlightedState.split(" "));
passedEl.setAttribute('aria-selected', 'true');
this.passedElement.triggerEvent(EVENTS.highlightChoice, { el: passedEl });

20
src/scripts/components/container.ts
View file

@ -78,25 +78,25 @@ export default class Container {
}
open(dropdownPos: number): void {
this.element.classList.add(this.classNames.openState);
this.element.classList.add(...this.classNames.openState.split(" "));
this.element.setAttribute('aria-expanded', 'true');
this.isOpen = true;
if (this.shouldFlip(dropdownPos)) {
this.element.classList.add(this.classNames.flippedState);
this.element.classList.add(...this.classNames.flippedState.split(" "));
this.isFlipped = true;
}
}
close(): void {
this.element.classList.remove(this.classNames.openState);
this.element.classList.remove(...this.classNames.openState.split(" "));
this.element.setAttribute('aria-expanded', 'false');
this.removeActiveDescendant();
this.isOpen = false;
// A dropdown flips if it does not have space within the page
if (this.isFlipped) {
this.element.classList.remove(this.classNames.flippedState);
this.element.classList.remove(...this.classNames.flippedState.split(" "));
this.isFlipped = false;
}
}
@ -108,15 +108,15 @@ export default class Container {
}
addFocusState(): void {
this.element.classList.add(this.classNames.focusState);
this.element.classList.add(...this.classNames.focusState.split(" "));
}
removeFocusState(): void {
this.element.classList.remove(this.classNames.focusState);
this.element.classList.remove(...this.classNames.focusState.split(" "));
}
enable(): void {
this.element.classList.remove(this.classNames.disabledState);
this.element.classList.remove(...this.classNames.disabledState.split(" "));
this.element.removeAttribute('aria-disabled');
if (this.type === SELECT_ONE_TYPE) {
this.element.setAttribute('tabindex', '0');
@ -125,7 +125,7 @@ export default class Container {
}
disable(): void {
this.element.classList.add(this.classNames.disabledState);
this.element.classList.add(...this.classNames.disabledState.split(" "));
this.element.setAttribute('aria-disabled', 'true');
if (this.type === SELECT_ONE_TYPE) {
this.element.setAttribute('tabindex', '-1');
@ -147,13 +147,13 @@ export default class Container {
}
addLoadingState(): void {
this.element.classList.add(this.classNames.loadingState);
this.element.classList.add(...this.classNames.loadingState.split(" "));
this.element.setAttribute('aria-busy', 'true');
this.isLoading = true;
}
removeLoadingState(): void {
this.element.classList.remove(this.classNames.loadingState);
this.element.classList.remove(...this.classNames.loadingState.split(" "));
this.element.removeAttribute('aria-busy');
this.isLoading = false;
}

2
src/scripts/components/dropdown.test.ts
View file

@ -70,7 +70,7 @@ describe('components/dropdown', () => {
beforeEach(() => {
childElement = document.createElement('span');
childElement.classList.add(childClass);
childElement.classList.add(...childClass.split(" "));
instance.element.appendChild(childElement);
});

4
src/scripts/components/dropdown.ts
View file

@ -36,7 +36,7 @@ export default class Dropdown {
* Show dropdown to user by adding active state class
*/
show(): this {
this.element.classList.add(this.classNames.activeState);
this.element.classList.add(...this.classNames.activeState.split(" "));
this.element.setAttribute('aria-expanded', 'true');
this.isActive = true;
@ -47,7 +47,7 @@ export default class Dropdown {
* Hide dropdown from user
*/
hide(): this {
this.element.classList.remove(this.classNames.activeState);
this.element.classList.remove(...this.classNames.activeState.split(" "));
this.element.setAttribute('aria-expanded', 'false');
this.isActive = false;

4
src/scripts/components/list.test.ts
View file

@ -41,7 +41,7 @@ describe('components/list', () => {
it('appends passed node to element', () => {
const elementToAppend = document.createElement('span');
const childClass = 'test-element';
elementToAppend.classList.add(childClass);
elementToAppend.classList.add(...childClass.split(" "));
expect(instance.element.querySelector(`.${childClass}`)).to.equal(null);
instance.append(elementToAppend);
expect(instance.element.querySelector(`.${childClass}`)).to.equal(
@ -56,7 +56,7 @@ describe('components/list', () => {
beforeEach(() => {
childElement = document.createElement('span');
childElement.classList.add(childClass);
childElement.classList.add(...childClass.split(" "));
instance.element.appendChild(childElement);
});

4
src/scripts/components/wrapped-element.ts
View file

@ -39,7 +39,7 @@ export default class WrappedElement {
conceal(): void {
// Hide passed input
this.element.classList.add(this.classNames.input);
this.element.classList.add(...this.classNames.input.split(" "));
this.element.hidden = true;
// Remove element from tab index
@ -57,7 +57,7 @@ export default class WrappedElement {
reveal(): void {
// Reinstate passed element
this.element.classList.remove(this.classNames.input);
this.element.classList.remove(...this.classNames.input.split(" "));
this.element.hidden = false;
this.element.removeAttribute('tabindex');

20
src/scripts/templates.ts
View file

@ -116,14 +116,18 @@ const templates = {
}
if (isPlaceholder) {
div.classList.add(placeholder);
div.classList.add(...placeholder.split(' '));
}
div.classList.add(highlighted ? highlightedState : itemSelectable);
div.classList.add(
...(highlighted
? highlightedState.split(' ')
: itemSelectable.split(' ')),
);
if (removeItemButton) {
if (disabled) {
div.classList.remove(itemSelectable);
div.classList.remove(...itemSelectable.split(' '));
}
div.dataset.deletable = '';
/** @todo This MUST be localizable, not hardcoded! */
@ -230,11 +234,11 @@ const templates = {
});
if (isSelected) {
div.classList.add(selectedState);
div.classList.add(...selectedState.split(' '));
}
if (isPlaceholder) {
div.classList.add(placeholder);
div.classList.add(...placeholder.split(' '));
}
div.setAttribute('role', groupId && groupId > 0 ? 'treeitem' : 'option');
@ -247,11 +251,11 @@ const templates = {
});
if (isDisabled) {
div.classList.add(itemDisabled);
div.classList.add(...itemDisabled.split(' '));
div.dataset.choiceDisabled = '';
div.setAttribute('aria-disabled', 'true');
} else {
div.classList.add(itemSelectable);
div.classList.add(...itemSelectable.split(' '));
div.dataset.choiceSelectable = '';
}
@ -283,7 +287,7 @@ const templates = {
}: Pick<ClassNames, 'list' | 'listDropdown'>): HTMLDivElement {
const div = document.createElement('div');
div.classList.add(list, listDropdown);
div.classList.add(...list.split(' '), ...listDropdown.split(' '));
div.setAttribute('aria-expanded', 'false');
return div;