From 815b6d99bf5d72f70404895ed1262c819f27f2d2 Mon Sep 17 00:00:00 2001
From: Matt Mo <matt@montoyatech.com>
Date: Sun, 10 Jan 2021 23:09:50 -0800
Subject: [PATCH] Class function now attaches to property array changes to
 allow the use of a converter with array based properties.

---
 ignite-template.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/ignite-template.js b/ignite-template.js
index 3b38829..1c71e41 100644
--- a/ignite-template.js
+++ b/ignite-template.js
@@ -72,6 +72,12 @@ class IgniteTemplate {
 
         if (name instanceof IgniteProperty) {
             this._callbacks.push(name.attachOnChange((oldValue, newValue) => this.onClassChanged((converter != null ? converter(oldValue) : oldValue), (converter != null ? converter(newValue) : newValue))));
+            this._callbacks.push(name.attachOnPush((list, items) => this.onClassChanged((converter != null ? converter(list) : list), (converter != null ? converter(list) : null))));
+            this._callbacks.push(name.attachOnUnshift((list, items) => this.onClassChanged((converter != null ? converter(list) : list), (converter != null ? converter(list) : null))));
+            this._callbacks.push(name.attachOnPop((list) => this.onClassChanged((converter != null ? converter(list) : list), (converter != null ? converter(list) : null))));
+            this._callbacks.push(name.attachOnShift((list) => this.onClassChanged((converter != null ? converter(list) : list), (converter != null ? converter(list) : null))));
+            this._callbacks.push(name.attachOnSplice((list, start, deleteCount, items) => this.onClassChanged((converter != null ? converter(list) : list), (converter != null ? converter(list) : null))));
+
             var value = (converter != null ? converter(name.value) : name.value);
             (value != null ? value.toString().split(" ") : []).forEach(cl => {
                 if (cl.length > 0) {