deblan-mirror/Choices
deblan-mirror/Choices
1
0
Fork 0
mirror of https://github.com/Choices-js/Choices.git synced 2024-05-06 07:43:12 +02:00
Code Issues Projects Releases Wiki Activity

Automated deployment: Fri Nov 15 19:24:45 UTC 2019 475ee8849a

Browse source
This commit is contained in:
jshjohnson 2019-11-15 19:24:45 +00:00
parent bfea374b7d
commit d62a379ef0
7 changed files with 1070 additions and 686 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
assets/images/browserconfig.xml
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square150x150logo src="/assets/images/mstile-150x150.png"/>
<TileColor>#ffffff</TileColor>
</tile>
</msapplication>
</browserconfig>
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square150x150logo src="/assets/images/mstile-150x150.png"/>
<TileColor>#ffffff</TileColor>
</tile>
</msapplication>
</browserconfig>

23
assets/scripts/.eslintrc.js
View file

@ -1,4 +1,3 @@
// get polyfill settings from top level config
// @ts-ignore
const { settings } = require('../../../.eslintrc.json');
@ -6,19 +5,23 @@ const { settings } = require('../../../.eslintrc.json');
// Adding non-polyfilable Symbol-related functions as they are most probably
// behind the flag
settings.polyfills.push('Symbol.toStringTag', 'Symbol.for', 'Object.getOwnPropertySymbols', 'Object.getOwnPropertyDescriptors')
settings.polyfills.push(
'Symbol.toStringTag',
'Symbol.for',
'Object.getOwnPropertySymbols',
'Object.getOwnPropertyDescriptors',
'Promise', // Promise is gate checked
);
module.exports = /** @type {import('eslint').Linter.Config} */({
module.exports = /** @type {import('eslint').Linter.Config} */ ({
root: true,
extends: [
"plugin:compat/recommended"
],
extends: ['plugin:compat/recommended'],
parserOptions: {
// ensure that it's compatible with ES5 browsers, so, no `const`, etc
ecmaVersion: 5
ecmaVersion: 5,
},
env: {
browser: true
browser: true,
},
settings
})
settings,
});

1625
assets/scripts/choices.js
View file

File diff suppressed because it is too large Load diff

4
assets/scripts/choices.min.js vendored
View file

File diff suppressed because one or more lines are too long

10
assets/styles/choices.css
View file

@ -72,6 +72,10 @@
box-shadow: 0px 0px 0px 2px #00bcd4;
}
.choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button {
display: none;
}
.choices[data-type*='select-one']:after {
content: '';
height: 0;
@ -196,6 +200,7 @@
border: 1px solid #00a5bb;
color: #ffffff;
word-break: break-all;
box-sizing: border-box;
}
.choices__list--multiple .choices__item[data-deletable] {
@ -218,7 +223,7 @@
}
.choices__list--dropdown {
display: none;
visibility: hidden;
z-index: 1;
position: absolute;
width: 100%;
@ -230,10 +235,11 @@
border-bottom-right-radius: 2.5px;
overflow: hidden;
word-break: break-all;
will-change: visibility;
}
.choices__list--dropdown.is-active {
display: block;
visibility: visible;
}
.is-open .choices__list--dropdown {

2
assets/styles/choices.min.css vendored
View file

File diff suppressed because one or more lines are too long

74
index.html
View file

@ -214,6 +214,7 @@
placeholder="This is a placeholder"
multiple
>
<option value="">Choose a city</option>
<optgroup label="UK">
<option value="London">London</option>
<option value="Manchester">Manchester</option>
@ -336,8 +337,8 @@
data-trigger
name="choices-single-groups"
id="choices-single-groups"
placeholder="This is a placeholder"
>
<option value="">Choose a city</option>
<optgroup label="UK">
<option value="London">London</option>
<option value="Manchester">Manchester</option>
@ -376,7 +377,6 @@
data-trigger
name="choices-single-rtl"
id="choices-single-rtl"
placeholder="This is a placeholder"
dir="rtl"
>
<option value="Choice 1">Choice 1</option>
@ -402,7 +402,6 @@
class="form-control"
name="choices-single-preset-options"
id="choices-single-preset-options"
placeholder="This is a placeholder"
></select>
<label for="choices-single-selected-option"
@ -415,7 +414,6 @@
class="form-control"
name="choices-single-selected-option"
id="choices-single-selected-option"
placeholder="This is a placeholder"
></select>
<label for="choices-with-custom-props-via-html"
@ -440,7 +438,6 @@
class="form-control"
name="choices-single-no-sorting"
id="choices-single-no-sorting"
placeholder="This is a placeholder"
>
<option value="Madrid">Madrid</option>
<option value="Toronto">Toronto</option>
@ -467,7 +464,6 @@
class="form-control"
name="choices-single-custom-templates"
id="choices-single-custom-templates"
placeholder="This is a placeholder"
>
<option value="React">React</option>
<option value="Angular">Angular</option>
@ -481,12 +477,8 @@
'Cities' is 'London'
</p>
<label for="cities">Cities</label>
<select
class="form-control"
name="cities"
id="cities"
placeholder="Choose a city"
>
<select class="form-control" name="cities" id="cities">
<option value="">Choose a city</option>
<option value="Leeds">Leeds</option>
<option value="Manchester">Manchester</option>
<option value="London">London</option>
@ -495,12 +487,8 @@
</select>
<label for="tube-stations">Tube stations</label>
<select
class="form-control"
name="tube-stations"
id="tube-stations"
placeholder="Choose a tube station"
>
<select class="form-control" name="tube-stations" id="tube-stations">
<option value="">Choose a tube station</option>
<option value="Moorgate">Moorgate</option>
<option value="St Pauls">St Pauls</option>
<option value="Old Street">Old Street</option>
@ -515,12 +503,7 @@
<p>Change the values and press reset to restore to initial state.</p>
<form>
<label for="reset-simple">Change me!</label>
<select
class="form-control"
name="reset-simple"
id="reset-simple"
placeholder="Choose an option"
>
<select class="form-control" name="reset-simple" id="reset-simple">
<option value="Option 1">Option 1</option>
<option value="Option 2" selected>Option 2</option>
<option value="Option 3">Option 3</option>
@ -533,7 +516,6 @@
class="form-control"
name="reset-multiple"
id="reset-multiple"
placeholder="This is a placeholder"
multiple
>
<option value="Choice 1" selected>Choice 1</option>
@ -564,7 +546,7 @@
editItems: true,
maxItemCount: 5,
removeItemButton: true,
},
}
);
var textUniqueVals = new Choices('#choices-text-unique-values', {
@ -612,7 +594,7 @@
{
prependValue: 'item-',
appendValue: '-' + Date.now(),
},
}
).removeActiveItems();
var textPresetVal = new Choices('#choices-text-preset-values', {
@ -629,7 +611,7 @@
});
var multipleDefault = new Choices(
document.getElementById('choices-multiple-groups'),
document.getElementById('choices-multiple-groups')
);
var multipleFetch = new Choices('#choices-multiple-remote-fetch', {
@ -638,7 +620,7 @@
maxItemCount: 5,
}).setChoices(function() {
return fetch(
'https://api.discogs.com/artists/55980/releases?token=QBRmstCkwXEvCjTclCpumbtNwvVkEzGAdELXyRyW',
'https://api.discogs.com/artists/55980/releases?token=QBRmstCkwXEvCjTclCpumbtNwvVkEzGAdELXyRyW'
)
.then(function(response) {
return response.json();
@ -654,7 +636,7 @@
'#choices-multiple-remove-button',
{
removeItemButton: true,
},
}
);
/* Use label on event */
@ -673,7 +655,7 @@
],
'value',
'label',
false,
false
);
choicesSelect.passedElement.element.addEventListener(
@ -681,7 +663,7 @@
function(event) {
document.getElementById('message').innerHTML =
'You just added "' + event.detail.label + '"';
},
}
);
choicesSelect.passedElement.element.addEventListener(
@ -689,7 +671,7 @@
function(event) {
document.getElementById('message').innerHTML =
'You just removed "' + event.detail.label + '"';
},
}
);
var singleFetch = new Choices('#choices-single-remote-fetch', {
@ -697,7 +679,7 @@
})
.setChoices(function() {
return fetch(
'https://api.discogs.com/artists/391170/releases?token=QBRmstCkwXEvCjTclCpumbtNwvVkEzGAdELXyRyW',
'https://api.discogs.com/artists/391170/releases?token=QBRmstCkwXEvCjTclCpumbtNwvVkEzGAdELXyRyW'
)
.then(function(response) {
return response.json();
@ -717,7 +699,7 @@
searchPlaceholderValue: "Search for a Smiths' record",
}).setChoices(function(callback) {
return fetch(
'https://api.discogs.com/artists/83080/releases?token=QBRmstCkwXEvCjTclCpumbtNwvVkEzGAdELXyRyW',
'https://api.discogs.com/artists/83080/releases?token=QBRmstCkwXEvCjTclCpumbtNwvVkEzGAdELXyRyW'
)
.then(function(res) {
return res.json();
@ -750,7 +732,7 @@
],
'value',
'label',
false,
false
);
var singlePresetOpts = new Choices('#choices-single-preset-options', {
@ -779,7 +761,7 @@
},
],
'value',
'label',
'label'
);
var singleSelectedOpt = new Choices('#choices-single-selected-option', {
@ -801,7 +783,7 @@
'#choices-with-custom-props-via-html',
{
searchFields: ['label', 'value', 'customProperties'],
},
}
);
var singleNoSorting = new Choices('#choices-single-no-sorting', {
@ -810,7 +792,7 @@
var cities = new Choices(document.getElementById('cities'));
var tubeStations = new Choices(
document.getElementById('tube-stations'),
document.getElementById('tube-stations')
).disable();
cities.passedElement.element.addEventListener('change', function(e) {
@ -838,7 +820,7 @@
String(
data.highlighted
? classNames.highlightedState
: classNames.itemSelectable,
: classNames.itemSelectable
) +
'"\
data-item\
@ -859,7 +841,7 @@
String(data.label) +
'\
</div>\
',
'
);
},
choice: function(classNames, data) {
@ -874,7 +856,7 @@
String(
data.disabled
? classNames.itemDisabled
: classNames.itemSelectable,
: classNames.itemSelectable
) +
'"\
data-select-text="' +
@ -885,7 +867,7 @@
String(
data.disabled
? 'data-choice-disabled aria-disabled="true"'
: 'data-choice-selectable',
: 'data-choice-selectable'
) +
'\
data-id="' +
@ -896,7 +878,7 @@
'"\
' +
String(
data.groupId > 0 ? 'role="treeitem"' : 'role="option"',
data.groupId > 0 ? 'role="treeitem"' : 'role="option"'
) +
'\
>\
@ -904,12 +886,12 @@
String(data.label) +
'\
</div>\
',
'
);
},
};
},
},
}
);
var resetSimple = new Choices(document.getElementById('reset-simple'));