MontoyaTech/ignite-html-material
MontoyaTech/ignite-html-material
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Read more now resets to collapsed when the value is changed.

Browse Source
This commit is contained in:
Matt Mo 2022-12-17 09:29:45 -08:00
parent 1e0200facb
commit 5f909f08e9
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
readmore.js
View File

@ -1,7 +1,6 @@
import { IgniteHtml } from '../ignite-html/ignite-html.js'; import { IgniteHtml, IgniteProperty } from '../ignite-html/ignite-html.js';
import { IgniteElement } from "../ignite-html/ignite-element.js"; import { IgniteElement } from "../ignite-html/ignite-element.js";
import { IgniteTemplate, slot, list, div, text, button } from "../ignite-html/ignite-template.js"; import { IgniteTemplate, slot, list, div, text, button } from "../ignite-html/ignite-template.js";
import { IgniteProperty } from "../ignite-html/ignite-html.js";
class ReadMore extends IgniteElement { class ReadMore extends IgniteElement {
constructor() { constructor() {
@ -23,7 +22,11 @@ class ReadMore extends IgniteElement {
get properties() { get properties() {
return { return {
limit: 125, limit: 125,
value: null, value: new IgniteProperty(null, {
onChange: (oldValue, newValue) => {
this.collapsed = true;
}
}),
collapsed: true, collapsed: true,
collapsedValue: null, collapsedValue: null,
collapseButtonClass: "btn btn-none ps-2 text-primary" collapseButtonClass: "btn btn-none ps-2 text-primary"