discourse/app/assets/javascripts/select-kit/addon/components/selected-choice.js
Joffrey JAFFEUX cb59681d86
DEV: select-kit third major update with focus on accessibility (#13303)
Major changes included:
- better support for screen readers
- trapping focus in modals
- better tabbing order in composer
- alerts on no content found/number of items found
- better autofocus in modals
- mini-tag-chooser is now a multi-select component
- each multi-select-component will now display selection on one row
2021-08-23 10:44:19 +02:00

29 lines
654 B
JavaScript

import { guidFor } from "@ember/object/internals";
import Component from "@ember/component";
import { computed } from "@ember/object";
import layout from "select-kit/templates/components/selected-choice";
import UtilsMixin from "select-kit/mixins/utils";
export default Component.extend(UtilsMixin, {
tagName: "",
layout,
item: null,
selectKit: null,
extraClass: null,
id: null,
init() {
this._super(...arguments);
this.set("id", guidFor(this));
},
itemValue: computed("item", function () {
return this.getValue(this.item);
}),
itemName: computed("item", function () {
return this.getName(this.item);
}),
});