9c29d688e7
**This PR creates a new core reusable component wraps a character counter around any input.**
The component accepts the arguments: `max` (the maximum character limit), `value` (the value of text to be monitored).
It can be used for example, like so:
```hbs
<CharCounter @max="50" @value={{this.charCounterContent}}>
<textarea
placeholder={{i18n "styleguide.sections.char_counter.placeholder"}}
{{on "input" (action (mut this.charCounterContent) value="target.value")}}
class="styleguide--char-counter"></textarea>
</CharCounter>
```
**This PR also:**
1. Applies this component to the chat plugins edit channel's *Edit Description** modal, thereby replacing the simple text area which provided no visual indication when text exceeded the max allowed characters.
2. Adds an example to the `/styleguide` route
|
||
|---|---|---|
| .. | ||
| admin-plugins-chat.js | ||
| chat-channel-archive-modal.js | ||
| chat-channel-delete-modal.js | ||
| chat-channel-edit-description.js | ||
| chat-channel-edit-name-slug.js | ||
| chat-channel-index.js | ||
| chat-channel-info-about.js | ||
| chat-channel-info-members.js | ||
| chat-channel-info-settings.js | ||
| chat-channel-info.js | ||
| chat-channel-selector-modal.js | ||
| chat-channel-toggle.js | ||
| chat-channel.js | ||
| chat-draft-channel.js | ||
| chat-index.js | ||
| chat-message-move-to-channel-modal.js | ||
| chat.js | ||
| create-channel.js | ||
| preferences-chat.js | ||