From 5f909f08e90d659262eed535b04d9d028afcec9b Mon Sep 17 00:00:00 2001
From: Matt Mo <matt@montoyatech.com>
Date: Sat, 17 Dec 2022 09:29:45 -0800
Subject: [PATCH] Read more now resets to collapsed when the value is changed.

---
 readmore.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/readmore.js b/readmore.js
index a3d675c..39c52d6 100644
--- a/readmore.js
+++ b/readmore.js
@@ -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 { IgniteTemplate, slot, list, div, text, button } from "../ignite-html/ignite-template.js";
-import { IgniteProperty } from "../ignite-html/ignite-html.js";
 
 class ReadMore extends IgniteElement {
     constructor() {
@@ -23,7 +22,11 @@ class ReadMore extends IgniteElement {
     get properties() {
         return {
             limit: 125,
-            value: null,
+            value: new IgniteProperty(null, {
+                onChange: (oldValue, newValue) => {
+                    this.collapsed = true;
+                }
+            }),
             collapsed: true,
             collapsedValue: null,
             collapseButtonClass: "btn btn-none ps-2 text-primary"