@skyux/angular-tree-component 8.0.0-beta.4 → 8.0.0

package/documentation.json

@@ -32,7 +32,7 @@
             "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree.module.ts",
             "line": 34,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree.module.ts#L34"
+            "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree.module.ts#L34"
           }
         ]
       },
@@ -115,7 +115,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-wrapper.component.ts",
                 "line": 36,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L36"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L36"
               }
             ],
             "type": {
@@ -156,7 +156,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-wrapper.component.ts",
                 "line": 45,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L45"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L45"
               }
             ],
             "type": {
@@ -197,7 +197,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-wrapper.component.ts",
                 "line": 54,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L54"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L54"
               }
             ],
             "type": {
@@ -219,7 +219,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-wrapper.component.ts",
                 "line": 65,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L65"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L65"
               }
             ],
             "type": {
@@ -262,7 +262,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-wrapper.component.ts",
                 "line": 63,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L63"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L63"
               }
             ],
             "type": {
@@ -284,7 +284,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-wrapper.component.ts",
                 "line": 68,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L68"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L68"
               }
             ],
             "type": {
@@ -307,7 +307,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-wrapper.component.ts",
                 "line": 83,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L83"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L83"
               }
             ],
             "signatures": [
@@ -337,7 +337,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-wrapper.component.ts",
                 "line": 70,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L70"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L70"
               }
             ],
             "signatures": [
@@ -375,7 +375,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-wrapper.component.ts",
                 "line": 91,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L91"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L91"
               }
             ],
             "signatures": [
@@ -405,7 +405,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-wrapper.component.ts",
                 "line": 102,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L102"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L102"
               }
             ],
             "signatures": [
@@ -435,7 +435,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-wrapper.component.ts",
                 "line": 106,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L106"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L106"
               }
             ],
             "signatures": [
@@ -465,7 +465,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-wrapper.component.ts",
                 "line": 110,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L110"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L110"
               }
             ],
             "signatures": [
@@ -495,7 +495,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-wrapper.component.ts",
                 "line": 138,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L138"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L138"
               }
             ],
             "signatures": [
@@ -549,7 +549,7 @@
             "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-wrapper.component.ts",
             "line": 29,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L29"
+            "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-wrapper.component.ts#L29"
           }
         ],
         "implementedTypes": [
@@ -619,7 +619,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 124,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L124"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L124"
               }
             ],
             "signatures": [
@@ -720,7 +720,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 37,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L37"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L37"
               }
             ],
             "type": {
@@ -779,7 +779,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 45,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L45"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L45"
               }
             ],
             "type": {
@@ -802,7 +802,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 106,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L106"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L106"
               }
             ],
             "type": {
@@ -855,7 +855,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 51,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L51"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L51"
               }
             ],
             "type": {
@@ -876,13 +876,13 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 53,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L53"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L53"
               },
               {
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 64,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L64"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L64"
               }
             ],
             "getSignature": {
@@ -934,7 +934,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 68,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L68"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L68"
               }
             ],
             "setSignature": {
@@ -975,13 +975,13 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 75,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L75"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L75"
               },
               {
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 82,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L82"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L82"
               }
             ],
             "getSignature": {
@@ -1033,13 +1033,13 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 86,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L86"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L86"
               },
               {
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 93,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L93"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L93"
               }
             ],
             "getSignature": {
@@ -1091,13 +1091,13 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 97,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L97"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L97"
               },
               {
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 101,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L101"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L101"
               }
             ],
             "getSignature": {
@@ -1149,7 +1149,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 162,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L162"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L162"
               }
             ],
             "signatures": [
@@ -1187,7 +1187,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 134,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L134"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L134"
               }
             ],
             "signatures": [
@@ -1225,7 +1225,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 230,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L230"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L230"
               }
             ],
             "signatures": [
@@ -1255,7 +1255,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 248,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L248"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L248"
               }
             ],
             "signatures": [
@@ -1300,7 +1300,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 240,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L240"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L240"
               }
             ],
             "signatures": [
@@ -1330,7 +1330,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 244,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L244"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L244"
               }
             ],
             "signatures": [
@@ -1360,7 +1360,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 215,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L215"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L215"
               }
             ],
             "signatures": [
@@ -1390,7 +1390,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 200,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L200"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L200"
               }
             ],
             "signatures": [
@@ -1420,7 +1420,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 211,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L211"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L211"
               }
             ],
             "signatures": [
@@ -1450,7 +1450,7 @@
                 "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
                 "line": 223,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L223"
+                "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L223"
               }
             ],
             "signatures": [
@@ -1515,7 +1515,7 @@
             "fileName": "projects/angular-tree-component/src/modules/angular-tree/angular-tree-node.component.ts",
             "line": 31,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L31"
+            "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/lib/modules/angular-tree/angular-tree-node.component.ts#L31"
           }
         ],
         "implementedTypes": [
@@ -1549,7 +1549,7 @@
         "fileName": "index.ts",
         "line": 1,
         "character": 0,
-        "url": "https://github.com/blackbaud/skyux/blob/368eb4b/libs/components/angular-tree-component/src/index.ts#L1"
+        "url": "https://github.com/blackbaud/skyux/blob/84f2f13/libs/components/angular-tree-component/src/index.ts#L1"
       }
     ]
   },

package/esm2020/lib/modules/angular-tree/angular-tree-adapter.service.mjs

@@ -23,9 +23,9 @@ export class SkyAngularTreeAdapterService {
     }
 }
 _SkyAngularTreeAdapterService_coreAdapterService = new WeakMap();
-SkyAngularTreeAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeAdapterService, deps: [{ token: i1.SkyCoreAdapterService }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyAngularTreeAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeAdapterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeAdapterService, decorators: [{
+SkyAngularTreeAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeAdapterService, deps: [{ token: i1.SkyCoreAdapterService }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyAngularTreeAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeAdapterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeAdapterService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.SkyCoreAdapterService }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci10cmVlLWFkYXB0ZXIuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9hbmd1bGFyLXRyZWUtY29tcG9uZW50L3NyYy9saWIvbW9kdWxlcy9hbmd1bGFyLXRyZWUvYW5ndWxhci10cmVlLWFkYXB0ZXIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUczQzs7R0FFRztBQUVILE1BQU0sT0FBTyw0QkFBNEI7SUFHdkMsWUFBWSxrQkFBeUM7UUFGckQsbUVBQTJDO1FBR3pDLHVCQUFBLElBQUksb0RBQXVCLGtCQUFrQixNQUFBLENBQUM7SUFDaEQsQ0FBQztJQUVNLG9CQUFvQixDQUFDLE9BQW9CO1FBQzlDLE9BQU8sdUJBQUEsSUFBSSx3REFBb0IsQ0FBQyxvQkFBb0IsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNoRSxDQUFDO0lBRU0seUJBQXlCLENBQzlCLE9BQW9CLEVBQ3BCLFFBQWdCO1FBRWhCLE1BQU0sWUFBWSxHQUFHLHVCQUFBLElBQUksd0RBQW9CLENBQUMsb0JBQW9CLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDNUUsSUFBSSxLQUFLLEdBQUcsWUFBWSxDQUFDLE1BQU0sQ0FBQztRQUNoQyxPQUFPLEtBQUssRUFBRSxFQUFFO1lBQ2QsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7U0FDekM7SUFDSCxDQUFDOzs7eUhBcEJVLDRCQUE0Qjs2SEFBNUIsNEJBQTRCOzJGQUE1Qiw0QkFBNEI7a0JBRHhDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lDb3JlQWRhcHRlclNlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5cbi8qKlxuICogQGludGVybmFsXG4gKi9cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBTa3lBbmd1bGFyVHJlZUFkYXB0ZXJTZXJ2aWNlIHtcbiAgI2NvcmVBZGFwdGVyU2VydmljZTogU2t5Q29yZUFkYXB0ZXJTZXJ2aWNlO1xuXG4gIGNvbnN0cnVjdG9yKGNvcmVBZGFwdGVyU2VydmljZTogU2t5Q29yZUFkYXB0ZXJTZXJ2aWNlKSB7XG4gICAgdGhpcy4jY29yZUFkYXB0ZXJTZXJ2aWNlID0gY29yZUFkYXB0ZXJTZXJ2aWNlO1xuICB9XG5cbiAgcHVibGljIGdldEZvY3VzYWJsZUNoaWxkcmVuKGVsZW1lbnQ6IEhUTUxFbGVtZW50KTogSFRNTEVsZW1lbnRbXSB7XG4gICAgcmV0dXJuIHRoaXMuI2NvcmVBZGFwdGVyU2VydmljZS5nZXRGb2N1c2FibGVDaGlsZHJlbihlbGVtZW50KTtcbiAgfVxuXG4gIHB1YmxpYyBzZXRUYWJJbmRleE9mRm9jdXNhYmxlRWxzKFxuICAgIGVsZW1lbnQ6IEhUTUxFbGVtZW50LFxuICAgIHRhYkluZGV4OiBudW1iZXJcbiAgKTogdm9pZCB7XG4gICAgY29uc3QgZm9jdXNhYmxlRWxzID0gdGhpcy4jY29yZUFkYXB0ZXJTZXJ2aWNlLmdldEZvY3VzYWJsZUNoaWxkcmVuKGVsZW1lbnQpO1xuICAgIGxldCBpbmRleCA9IGZvY3VzYWJsZUVscy5sZW5ndGg7XG4gICAgd2hpbGUgKGluZGV4LS0pIHtcbiAgICAgIGZvY3VzYWJsZUVsc1tpbmRleF0udGFiSW5kZXggPSB0YWJJbmRleDtcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2020/lib/modules/angular-tree/angular-tree-context-menu.component.mjs

@@ -5,9 +5,9 @@ import * as i0 from "@angular/core";
  */
 export class SkyAngularTreeContextMenuComponent {
 }
-SkyAngularTreeContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyAngularTreeContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyAngularTreeContextMenuComponent, selector: "sky-angular-tree-context-menu", ngImport: i0, template: "<div class=\"sky-angular-tree-context-menu\">\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeContextMenuComponent, decorators: [{
+SkyAngularTreeContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAngularTreeContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAngularTreeContextMenuComponent, selector: "sky-angular-tree-context-menu", ngImport: i0, template: "<div class=\"sky-angular-tree-context-menu\">\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeContextMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-angular-tree-context-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-angular-tree-context-menu\">\n  <ng-content></ng-content>\n</div>\n" }]
         }] });

package/esm2020/lib/modules/angular-tree/angular-tree-node.component.mjs

@@ -237,9 +237,9 @@ _SkyAngularTreeNodeComponent_focusableChildren = new WeakMap(), _SkyAngularTreeN
         return false;
     }
 };
-SkyAngularTreeNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeNodeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyAngularTreeAdapterService }, { token: i2.SkyAngularTreeWrapperComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SkyAngularTreeNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyAngularTreeNodeComponent, selector: "sky-angular-tree-node", inputs: { index: "index", node: "node", templates: "templates" }, providers: [SkyAngularTreeAdapterService], viewQueries: [{ propertyName: "nodeContentWrapperRef", first: true, predicate: ["nodeContentWrapper"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  *ngIf=\"node && index !== undefined\"\n  [class]=\"node.getClass()\"\n  [class.tree-node]=\"true\"\n  [class.tree-node-active]=\"node.isActive\"\n  [class.tree-node-collapsed]=\"node.isCollapsed && node.hasChildren\"\n  [class.tree-node-expanded]=\"node.isExpanded && node.hasChildren\"\n  [class.tree-node-focused]=\"node.isFocused\"\n  [class.tree-node-leaf]=\"node.isLeaf\"\n>\n  <tree-node-drop-slot\n    *ngIf=\"index === 0\"\n    [dropIndex]=\"node.index\"\n    [node]=\"node.parent\"\n  >\n  </tree-node-drop-slot>\n\n  <!-- #region <tree-node-wrapper> custom template --->\n  <div\n    class=\"node-wrapper\"\n    role=\"treeitem\"\n    [allowDragoverStyling]=\"node.allowDragoverStyling()\"\n    [attr.aria-current]=\"node.isActive\"\n    [attr.aria-expanded]=\"node.children?.length ? node.isExpanded : null\"\n    [attr.aria-selected]=\"ariaSelected()\"\n    [attr.data-node-id]=\"node.id\"\n    [attr.tabindex]=\"tabIndex\"\n    [class.sky-angular-tree-node-active]=\"showActiveClass()\"\n    [class.sky-angular-tree-node-selected]=\"showSelectedClass()\"\n    [style.padding-left]=\"node.getNodePadding()\"\n    [treeAllowDrop]=\"node.allowDrop\"\n    [treeDrag]=\"node\"\n    [treeDragEnabled]=\"node.allowDrag()\"\n    (contextmenu)=\"node.mouseAction('contextMenu', $event)\"\n    (dblclick)=\"node.mouseAction('dblClick', $event)\"\n    (focus)=\"onFocus()\"\n    (mousedown)=\"onMouseDown()\"\n    (mouseup)=\"onMouseUp()\"\n    (keydown)=\"onKeyDown($event)\"\n    (treeDrop)=\"node.onDrop($event)\"\n    (treeDropDragEnter)=\"node.mouseAction('dragEnter', $event)\"\n    (treeDropDragLeave)=\"node.mouseAction('dragLeave', $event)\"\n    (treeDropDragOver)=\"node.mouseAction('dragOver', $event)\"\n    #nodeContentWrapper\n  >\n    <!-- #region <tree-node-expander> custom template --->\n    <div class=\"sky-toggle-children-wrapper\">\n      <button\n        *ngIf=\"node.hasChildren\"\n        class=\"sky-btn sky-btn-link sky-toggle-children\"\n        tabindex=\"-1\"\n        type=\"button\"\n        [attr.aria-label]=\"\n          'skyux_angular_tree_click_to_expand' | skyLibResources\n        \"\n        [class.toggle-children-wrapper-expanded]=\"node.isExpanded\"\n        [class.toggle-children-wrapper-collapsed]=\"node.isCollapsed\"\n        (click)=\"node.mouseAction('expanderClick', $event)\"\n      >\n        <sky-icon\n          [icon]=\"node.isExpanded ? 'chevron-down' : 'chevron-right'\"\n          size=\"sm\"\n        >\n        </sky-icon>\n      </button>\n      <span *ngIf=\"showTogglePlaceholder()\" class=\"toggle-children-placeholder\">\n      </span>\n    </div>\n    <!-- #endregion <tree-node-expander> --->\n\n    <!-- Note: we've made changes to the click event, tabindex, and classes when compared to the original template. -->\n    <!-- https://github.com/500tech/angular-tree-component/blob/master/lib/components/tree-node-wrapper.component.ts -->\n    <div class=\"node-content-wrapper\">\n      <sky-checkbox\n        *ngIf=\"showCheckbox()\"\n        [checked]=\"isSelected\"\n        [id]=\"node.data.id\"\n        [label]=\"node.data.name\"\n        [indeterminate]=\"isPartiallySelected\"\n        (change)=\"node.mouseAction('checkboxClick', $event)\"\n      >\n      </sky-checkbox>\n\n      <sky-angular-tree-context-menu>\n        <ng-content select=\"sky-dropdown\"></ng-content>\n      </sky-angular-tree-context-menu>\n\n      <tree-node-content\n        [index]=\"index\"\n        [node]=\"node\"\n        [template]=\"templates?.treeNodeTemplate\"\n        (click)=\"node.mouseAction('click', $event)\"\n      >\n      </tree-node-content\n      ><span class=\"sky-control-help-container\"\n        ><ng-content select=\".sky-control-help\"></ng-content\n      ></span>\n    </div>\n  </div>\n\n  <ng-container\n    [ngTemplateOutlet]=\"templates?.treeNodeWrapperTemplate\"\n    [ngTemplateOutletContext]=\"{\n      $implicit: node,\n      node: node,\n      index: index,\n      templates: templates\n    }\"\n  >\n  </ng-container>\n  <!-- #endregion <tree-node-wrapper> -->\n\n  <tree-node-children role=\"group\" [node]=\"node\" [templates]=\"templates\">\n  </tree-node-children>\n\n  <tree-node-drop-slot [dropIndex]=\"node.index + 1\" [node]=\"node.parent\">\n  </tree-node-drop-slot>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "indeterminate", "required"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i5.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i6.TreeNodeContent, selector: "tree-node-content", inputs: ["node", "index", "template"] }, { kind: "directive", type: i6.TreeDropDirective, selector: "[treeDrop]", inputs: ["allowDragoverStyling", "treeAllowDrop"], outputs: ["treeDrop", "treeDropDragOver", "treeDropDragLeave", "treeDropDragEnter"] }, { kind: "directive", type: i6.TreeDragDirective, selector: "[treeDrag]", inputs: ["treeDrag", "treeDragEnabled"] }, { kind: "component", type: i6.TreeNodeChildrenComponent, selector: "tree-node-children", inputs: ["node", "templates"] }, { kind: "component", type: i6.TreeNodeDropSlot, selector: "TreeNodeDropSlot, tree-node-drop-slot", inputs: ["node", "dropIndex"] }, { kind: "component", type: i7.SkyAngularTreeContextMenuComponent, selector: "sky-angular-tree-context-menu" }, { kind: "pipe", type: i8.SkyLibResourcesPipe, name: "skyLibResources" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeNodeComponent, decorators: [{
+SkyAngularTreeNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeNodeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyAngularTreeAdapterService }, { token: i2.SkyAngularTreeWrapperComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SkyAngularTreeNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAngularTreeNodeComponent, selector: "sky-angular-tree-node", inputs: { index: "index", node: "node", templates: "templates" }, providers: [SkyAngularTreeAdapterService], viewQueries: [{ propertyName: "nodeContentWrapperRef", first: true, predicate: ["nodeContentWrapper"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  *ngIf=\"node && index !== undefined\"\n  [class]=\"node.getClass()\"\n  [class.tree-node]=\"true\"\n  [class.tree-node-active]=\"node.isActive\"\n  [class.tree-node-collapsed]=\"node.isCollapsed && node.hasChildren\"\n  [class.tree-node-expanded]=\"node.isExpanded && node.hasChildren\"\n  [class.tree-node-focused]=\"node.isFocused\"\n  [class.tree-node-leaf]=\"node.isLeaf\"\n>\n  <tree-node-drop-slot\n    *ngIf=\"index === 0\"\n    [dropIndex]=\"node.index\"\n    [node]=\"node.parent\"\n  >\n  </tree-node-drop-slot>\n\n  <!-- #region <tree-node-wrapper> custom template --->\n  <div\n    class=\"node-wrapper\"\n    role=\"treeitem\"\n    [allowDragoverStyling]=\"node.allowDragoverStyling()\"\n    [attr.aria-current]=\"node.isActive\"\n    [attr.aria-expanded]=\"node.children?.length ? node.isExpanded : null\"\n    [attr.aria-selected]=\"ariaSelected()\"\n    [attr.data-node-id]=\"node.id\"\n    [attr.tabindex]=\"tabIndex\"\n    [class.sky-angular-tree-node-active]=\"showActiveClass()\"\n    [class.sky-angular-tree-node-selected]=\"showSelectedClass()\"\n    [style.padding-left]=\"node.getNodePadding()\"\n    [treeAllowDrop]=\"node.allowDrop\"\n    [treeDrag]=\"node\"\n    [treeDragEnabled]=\"node.allowDrag()\"\n    (contextmenu)=\"node.mouseAction('contextMenu', $event)\"\n    (dblclick)=\"node.mouseAction('dblClick', $event)\"\n    (focus)=\"onFocus()\"\n    (mousedown)=\"onMouseDown()\"\n    (mouseup)=\"onMouseUp()\"\n    (keydown)=\"onKeyDown($event)\"\n    (treeDrop)=\"node.onDrop($event)\"\n    (treeDropDragEnter)=\"node.mouseAction('dragEnter', $event)\"\n    (treeDropDragLeave)=\"node.mouseAction('dragLeave', $event)\"\n    (treeDropDragOver)=\"node.mouseAction('dragOver', $event)\"\n    #nodeContentWrapper\n  >\n    <!-- #region <tree-node-expander> custom template --->\n    <div class=\"sky-toggle-children-wrapper\">\n      <button\n        *ngIf=\"node.hasChildren\"\n        class=\"sky-btn sky-btn-link sky-toggle-children\"\n        tabindex=\"-1\"\n        type=\"button\"\n        [attr.aria-label]=\"\n          'skyux_angular_tree_click_to_expand' | skyLibResources\n        \"\n        [class.toggle-children-wrapper-expanded]=\"node.isExpanded\"\n        [class.toggle-children-wrapper-collapsed]=\"node.isCollapsed\"\n        (click)=\"node.mouseAction('expanderClick', $event)\"\n      >\n        <sky-icon\n          [icon]=\"node.isExpanded ? 'chevron-down' : 'chevron-right'\"\n          size=\"sm\"\n        >\n        </sky-icon>\n      </button>\n      <span *ngIf=\"showTogglePlaceholder()\" class=\"toggle-children-placeholder\">\n      </span>\n    </div>\n    <!-- #endregion <tree-node-expander> --->\n\n    <!-- Note: we've made changes to the click event, tabindex, and classes when compared to the original template. -->\n    <!-- https://github.com/500tech/angular-tree-component/blob/master/lib/components/tree-node-wrapper.component.ts -->\n    <div class=\"node-content-wrapper\">\n      <sky-checkbox\n        *ngIf=\"showCheckbox()\"\n        [checked]=\"isSelected\"\n        [id]=\"node.data.id\"\n        [label]=\"node.data.name\"\n        [indeterminate]=\"isPartiallySelected\"\n        (change)=\"node.mouseAction('checkboxClick', $event)\"\n      >\n      </sky-checkbox>\n\n      <sky-angular-tree-context-menu>\n        <ng-content select=\"sky-dropdown\"></ng-content>\n      </sky-angular-tree-context-menu>\n\n      <tree-node-content\n        [index]=\"index\"\n        [node]=\"node\"\n        [template]=\"templates?.treeNodeTemplate\"\n        (click)=\"node.mouseAction('click', $event)\"\n      >\n      </tree-node-content\n      ><span class=\"sky-control-help-container\"\n        ><ng-content select=\".sky-control-help\"></ng-content\n      ></span>\n    </div>\n  </div>\n\n  <ng-container\n    [ngTemplateOutlet]=\"templates?.treeNodeWrapperTemplate\"\n    [ngTemplateOutletContext]=\"{\n      $implicit: node,\n      node: node,\n      index: index,\n      templates: templates\n    }\"\n  >\n  </ng-container>\n  <!-- #endregion <tree-node-wrapper> -->\n\n  <tree-node-children role=\"group\" [node]=\"node\" [templates]=\"templates\">\n  </tree-node-children>\n\n  <tree-node-drop-slot [dropIndex]=\"node.index + 1\" [node]=\"node.parent\">\n  </tree-node-drop-slot>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "indeterminate", "required"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i5.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i6.TreeNodeContent, selector: "tree-node-content", inputs: ["node", "index", "template"] }, { kind: "directive", type: i6.TreeDropDirective, selector: "[treeDrop]", inputs: ["allowDragoverStyling", "treeAllowDrop"], outputs: ["treeDrop", "treeDropDragOver", "treeDropDragLeave", "treeDropDragEnter"] }, { kind: "directive", type: i6.TreeDragDirective, selector: "[treeDrag]", inputs: ["treeDrag", "treeDragEnabled"] }, { kind: "component", type: i6.TreeNodeChildrenComponent, selector: "tree-node-children", inputs: ["node", "templates"] }, { kind: "component", type: i6.TreeNodeDropSlot, selector: "TreeNodeDropSlot, tree-node-drop-slot", inputs: ["node", "dropIndex"] }, { kind: "component", type: i7.SkyAngularTreeContextMenuComponent, selector: "sky-angular-tree-context-menu" }, { kind: "pipe", type: i8.SkyLibResourcesPipe, name: "skyLibResources" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-angular-tree-node', providers: [SkyAngularTreeAdapterService], template: "<div\n  *ngIf=\"node && index !== undefined\"\n  [class]=\"node.getClass()\"\n  [class.tree-node]=\"true\"\n  [class.tree-node-active]=\"node.isActive\"\n  [class.tree-node-collapsed]=\"node.isCollapsed && node.hasChildren\"\n  [class.tree-node-expanded]=\"node.isExpanded && node.hasChildren\"\n  [class.tree-node-focused]=\"node.isFocused\"\n  [class.tree-node-leaf]=\"node.isLeaf\"\n>\n  <tree-node-drop-slot\n    *ngIf=\"index === 0\"\n    [dropIndex]=\"node.index\"\n    [node]=\"node.parent\"\n  >\n  </tree-node-drop-slot>\n\n  <!-- #region <tree-node-wrapper> custom template --->\n  <div\n    class=\"node-wrapper\"\n    role=\"treeitem\"\n    [allowDragoverStyling]=\"node.allowDragoverStyling()\"\n    [attr.aria-current]=\"node.isActive\"\n    [attr.aria-expanded]=\"node.children?.length ? node.isExpanded : null\"\n    [attr.aria-selected]=\"ariaSelected()\"\n    [attr.data-node-id]=\"node.id\"\n    [attr.tabindex]=\"tabIndex\"\n    [class.sky-angular-tree-node-active]=\"showActiveClass()\"\n    [class.sky-angular-tree-node-selected]=\"showSelectedClass()\"\n    [style.padding-left]=\"node.getNodePadding()\"\n    [treeAllowDrop]=\"node.allowDrop\"\n    [treeDrag]=\"node\"\n    [treeDragEnabled]=\"node.allowDrag()\"\n    (contextmenu)=\"node.mouseAction('contextMenu', $event)\"\n    (dblclick)=\"node.mouseAction('dblClick', $event)\"\n    (focus)=\"onFocus()\"\n    (mousedown)=\"onMouseDown()\"\n    (mouseup)=\"onMouseUp()\"\n    (keydown)=\"onKeyDown($event)\"\n    (treeDrop)=\"node.onDrop($event)\"\n    (treeDropDragEnter)=\"node.mouseAction('dragEnter', $event)\"\n    (treeDropDragLeave)=\"node.mouseAction('dragLeave', $event)\"\n    (treeDropDragOver)=\"node.mouseAction('dragOver', $event)\"\n    #nodeContentWrapper\n  >\n    <!-- #region <tree-node-expander> custom template --->\n    <div class=\"sky-toggle-children-wrapper\">\n      <button\n        *ngIf=\"node.hasChildren\"\n        class=\"sky-btn sky-btn-link sky-toggle-children\"\n        tabindex=\"-1\"\n        type=\"button\"\n        [attr.aria-label]=\"\n          'skyux_angular_tree_click_to_expand' | skyLibResources\n        \"\n        [class.toggle-children-wrapper-expanded]=\"node.isExpanded\"\n        [class.toggle-children-wrapper-collapsed]=\"node.isCollapsed\"\n        (click)=\"node.mouseAction('expanderClick', $event)\"\n      >\n        <sky-icon\n          [icon]=\"node.isExpanded ? 'chevron-down' : 'chevron-right'\"\n          size=\"sm\"\n        >\n        </sky-icon>\n      </button>\n      <span *ngIf=\"showTogglePlaceholder()\" class=\"toggle-children-placeholder\">\n      </span>\n    </div>\n    <!-- #endregion <tree-node-expander> --->\n\n    <!-- Note: we've made changes to the click event, tabindex, and classes when compared to the original template. -->\n    <!-- https://github.com/500tech/angular-tree-component/blob/master/lib/components/tree-node-wrapper.component.ts -->\n    <div class=\"node-content-wrapper\">\n      <sky-checkbox\n        *ngIf=\"showCheckbox()\"\n        [checked]=\"isSelected\"\n        [id]=\"node.data.id\"\n        [label]=\"node.data.name\"\n        [indeterminate]=\"isPartiallySelected\"\n        (change)=\"node.mouseAction('checkboxClick', $event)\"\n      >\n      </sky-checkbox>\n\n      <sky-angular-tree-context-menu>\n        <ng-content select=\"sky-dropdown\"></ng-content>\n      </sky-angular-tree-context-menu>\n\n      <tree-node-content\n        [index]=\"index\"\n        [node]=\"node\"\n        [template]=\"templates?.treeNodeTemplate\"\n        (click)=\"node.mouseAction('click', $event)\"\n      >\n      </tree-node-content\n      ><span class=\"sky-control-help-container\"\n        ><ng-content select=\".sky-control-help\"></ng-content\n      ></span>\n    </div>\n  </div>\n\n  <ng-container\n    [ngTemplateOutlet]=\"templates?.treeNodeWrapperTemplate\"\n    [ngTemplateOutletContext]=\"{\n      $implicit: node,\n      node: node,\n      index: index,\n      templates: templates\n    }\"\n  >\n  </ng-container>\n  <!-- #endregion <tree-node-wrapper> -->\n\n  <tree-node-children role=\"group\" [node]=\"node\" [templates]=\"templates\">\n  </tree-node-children>\n\n  <tree-node-drop-slot [dropIndex]=\"node.index + 1\" [node]=\"node.parent\">\n  </tree-node-drop-slot>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyAngularTreeAdapterService }, { type: i2.SkyAngularTreeWrapperComponent, decorators: [{

package/esm2020/lib/modules/angular-tree/angular-tree-toolbar.component.mjs

@@ -27,9 +27,9 @@ export class SkyTreeViewToolbarComponent {
         this.selectAllClick.emit();
     }
 }
-SkyTreeViewToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTreeViewToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyTreeViewToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyTreeViewToolbarComponent, selector: "sky-angular-tree-toolbar", inputs: { showSelectButtons: "showSelectButtons" }, outputs: { clearAllClick: "clearAllClick", collapseAllClick: "collapseAllClick", expandAllClick: "expandAllClick", selectAllClick: "selectAllClick" }, ngImport: i0, template: "<div class=\"sky-angular-tree-toolbar\" role=\"toolbar\">\n  <sky-toolbar>\n    <sky-toolbar-item *ngIf=\"showSelectButtons\">\n      <button\n        class=\"sky-btn sky-btn-link sky-angular-tree-select-all-btn\"\n        type=\"button\"\n        (click)=\"onSelectAllClick()\"\n      >\n        {{ 'skyux_angular_tree_select_all' | skyLibResources }}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item *ngIf=\"showSelectButtons\">\n      <button\n        class=\"sky-btn sky-btn-link sky-angular-tree-clear-all-btn\"\n        type=\"button\"\n        (click)=\"onClearAllClick()\"\n      >\n        {{ 'skyux_angular_tree_clear_all' | skyLibResources }}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <button\n        class=\"sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-expand-all-btn\"\n        title=\"{{ 'skyux_angular_tree_expand_all' | skyLibResources }}\"\n        type=\"button\"\n        (click)=\"onExpandAllClick()\"\n      >\n        <sky-icon icon=\"angle-double-down\"> </sky-icon>\n      </button>\n      <button\n        class=\"sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-collapse-all-btn\"\n        title=\"{{ 'skyux_angular_tree_collapse_all' | skyLibResources }}\"\n        type=\"button\"\n        (click)=\"onCollapseAllClick()\"\n      >\n        <sky-icon icon=\"angle-double-up\"> </sky-icon>\n      </button>\n    </sky-toolbar-view-actions>\n  </sky-toolbar>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i3.λ37, selector: "sky-toolbar" }, { kind: "component", type: i3.λ39, selector: "sky-toolbar-item" }, { kind: "component", type: i3.λ40, selector: "sky-toolbar-view-actions" }, { kind: "pipe", type: i4.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTreeViewToolbarComponent, decorators: [{
+SkyTreeViewToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTreeViewToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyTreeViewToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyTreeViewToolbarComponent, selector: "sky-angular-tree-toolbar", inputs: { showSelectButtons: "showSelectButtons" }, outputs: { clearAllClick: "clearAllClick", collapseAllClick: "collapseAllClick", expandAllClick: "expandAllClick", selectAllClick: "selectAllClick" }, ngImport: i0, template: "<div class=\"sky-angular-tree-toolbar\" role=\"toolbar\">\n  <sky-toolbar>\n    <sky-toolbar-item *ngIf=\"showSelectButtons\">\n      <button\n        class=\"sky-btn sky-btn-link sky-angular-tree-select-all-btn\"\n        type=\"button\"\n        (click)=\"onSelectAllClick()\"\n      >\n        {{ 'skyux_angular_tree_select_all' | skyLibResources }}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item *ngIf=\"showSelectButtons\">\n      <button\n        class=\"sky-btn sky-btn-link sky-angular-tree-clear-all-btn\"\n        type=\"button\"\n        (click)=\"onClearAllClick()\"\n      >\n        {{ 'skyux_angular_tree_clear_all' | skyLibResources }}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <button\n        class=\"sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-expand-all-btn\"\n        title=\"{{ 'skyux_angular_tree_expand_all' | skyLibResources }}\"\n        type=\"button\"\n        (click)=\"onExpandAllClick()\"\n      >\n        <sky-icon icon=\"angle-double-down\"> </sky-icon>\n      </button>\n      <button\n        class=\"sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-collapse-all-btn\"\n        title=\"{{ 'skyux_angular_tree_collapse_all' | skyLibResources }}\"\n        type=\"button\"\n        (click)=\"onCollapseAllClick()\"\n      >\n        <sky-icon icon=\"angle-double-up\"> </sky-icon>\n      </button>\n    </sky-toolbar-view-actions>\n  </sky-toolbar>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i3.λ37, selector: "sky-toolbar" }, { kind: "component", type: i3.λ39, selector: "sky-toolbar-item" }, { kind: "component", type: i3.λ40, selector: "sky-toolbar-view-actions" }, { kind: "pipe", type: i4.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTreeViewToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-angular-tree-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-angular-tree-toolbar\" role=\"toolbar\">\n  <sky-toolbar>\n    <sky-toolbar-item *ngIf=\"showSelectButtons\">\n      <button\n        class=\"sky-btn sky-btn-link sky-angular-tree-select-all-btn\"\n        type=\"button\"\n        (click)=\"onSelectAllClick()\"\n      >\n        {{ 'skyux_angular_tree_select_all' | skyLibResources }}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item *ngIf=\"showSelectButtons\">\n      <button\n        class=\"sky-btn sky-btn-link sky-angular-tree-clear-all-btn\"\n        type=\"button\"\n        (click)=\"onClearAllClick()\"\n      >\n        {{ 'skyux_angular_tree_clear_all' | skyLibResources }}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <button\n        class=\"sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-expand-all-btn\"\n        title=\"{{ 'skyux_angular_tree_expand_all' | skyLibResources }}\"\n        type=\"button\"\n        (click)=\"onExpandAllClick()\"\n      >\n        <sky-icon icon=\"angle-double-down\"> </sky-icon>\n      </button>\n      <button\n        class=\"sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-collapse-all-btn\"\n        title=\"{{ 'skyux_angular_tree_collapse_all' | skyLibResources }}\"\n        type=\"button\"\n        (click)=\"onCollapseAllClick()\"\n      >\n        <sky-icon icon=\"angle-double-up\"> </sky-icon>\n      </button>\n    </sky-toolbar-view-actions>\n  </sky-toolbar>\n</div>\n" }]
         }], propDecorators: { showSelectButtons: [{

package/esm2020/lib/modules/angular-tree/angular-tree-wrapper.component.mjs

@@ -169,9 +169,9 @@ _SkyAngularTreeWrapperComponent_instances = new WeakSet(), _SkyAngularTreeWrappe
         TREE_ACTIONS.TOGGLE_SELECTED(node.treeModel, node, event);
     }
 };
-SkyAngularTreeWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyAngularTreeWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyAngularTreeWrapperComponent, selector: "sky-angular-tree-wrapper", inputs: { readOnly: "readOnly", selectLeafNodesOnly: "selectLeafNodesOnly", selectSingle: "selectSingle", showToolbar: "showToolbar" }, queries: [{ propertyName: "treeComponent", first: true, predicate: TreeComponent, descendants: true }], ngImport: i0, template: "<div\n  class=\"sky-angular-tree-wrapper\"\n  [class.sky-angular-tree-read-only]=\"readOnly\"\n>\n  <sky-angular-tree-toolbar\n    *ngIf=\"showToolbar\"\n    [showSelectButtons]=\"showSelectButtons()\"\n    (clearAllClick)=\"onClearAllClick()\"\n    (collapseAllClick)=\"onCollapseAllClick()\"\n    (expandAllClick)=\"onExpandAllClick()\"\n    (selectAllClick)=\"onSelectAllClick()\"\n  >\n  </sky-angular-tree-toolbar>\n  <div\n    class=\"sky-angular-tree-root\"\n    role=\"tree\"\n    [attr.aria-multiselectable]=\"multiselectable()\"\n  >\n    <ng-content select=\"tree-root\"></ng-content>\n  </div>\n</div>\n", styles: [".sky-angular-tree-wrapper ::ng-deep .angular-tree-component{cursor:initial;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sky-angular-tree-wrapper ::ng-deep .node-wrapper{display:flex;align-items:center;padding:4px 5px;border-left:4px solid transparent}.sky-angular-tree-wrapper ::ng-deep .node-content-wrapper{display:flex;align-items:center;padding:0;cursor:pointer}.sky-angular-tree-wrapper ::ng-deep .tree-children{padding-left:30px}.sky-angular-tree-wrapper ::ng-deep .sky-toggle-children{color:#cdcfd2;cursor:pointer;min-height:19px;min-width:20px;margin:0 10px 0 0;padding:0;line-height:1}.sky-angular-tree-wrapper ::ng-deep .sky-toggle-children:hover{color:#979ba2;transition:color .15s}.sky-angular-tree-wrapper ::ng-deep .toggle-children-placeholder{display:inline-block;height:19px;width:20px;margin:0 10px 0 0}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-node-selected{background:#f1eef6}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-node-active{background-color:#eeeeef;color:#212327;border-left:4px solid #00b4f1}.sky-angular-tree-wrapper ::ng-deep sky-checkbox{display:inline-flex}.sky-angular-tree-wrapper ::ng-deep .sky-switch-control{margin:0 8px 0 0}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-context-menu{margin:0 10px 0 0}.sky-angular-tree-wrapper ::ng-deep .node-drop-slot{display:block;height:2px}.sky-angular-tree-wrapper ::ng-deep .node-drop-slot.is-dragging-over{height:20px;background:#eeeeef;border:1px solid #e2e3e4}.sky-angular-tree-wrapper.sky-angular-tree-read-only ::ng-deep .node-content-wrapper{cursor:initial}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SkyTreeViewToolbarComponent, selector: "sky-angular-tree-toolbar", inputs: ["showSelectButtons"], outputs: ["clearAllClick", "collapseAllClick", "expandAllClick", "selectAllClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeWrapperComponent, decorators: [{
+SkyAngularTreeWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAngularTreeWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAngularTreeWrapperComponent, selector: "sky-angular-tree-wrapper", inputs: { readOnly: "readOnly", selectLeafNodesOnly: "selectLeafNodesOnly", selectSingle: "selectSingle", showToolbar: "showToolbar" }, queries: [{ propertyName: "treeComponent", first: true, predicate: TreeComponent, descendants: true }], ngImport: i0, template: "<div\n  class=\"sky-angular-tree-wrapper\"\n  [class.sky-angular-tree-read-only]=\"readOnly\"\n>\n  <sky-angular-tree-toolbar\n    *ngIf=\"showToolbar\"\n    [showSelectButtons]=\"showSelectButtons()\"\n    (clearAllClick)=\"onClearAllClick()\"\n    (collapseAllClick)=\"onCollapseAllClick()\"\n    (expandAllClick)=\"onExpandAllClick()\"\n    (selectAllClick)=\"onSelectAllClick()\"\n  >\n  </sky-angular-tree-toolbar>\n  <div\n    class=\"sky-angular-tree-root\"\n    role=\"tree\"\n    [attr.aria-multiselectable]=\"multiselectable()\"\n  >\n    <ng-content select=\"tree-root\"></ng-content>\n  </div>\n</div>\n", styles: [".sky-angular-tree-wrapper ::ng-deep .angular-tree-component{cursor:initial;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sky-angular-tree-wrapper ::ng-deep .node-wrapper{display:flex;align-items:center;padding:4px 5px;border-left:4px solid transparent}.sky-angular-tree-wrapper ::ng-deep .node-content-wrapper{display:flex;align-items:center;padding:0;cursor:pointer}.sky-angular-tree-wrapper ::ng-deep .tree-children{padding-left:30px}.sky-angular-tree-wrapper ::ng-deep .sky-toggle-children{color:#cdcfd2;cursor:pointer;min-height:19px;min-width:20px;margin:0 10px 0 0;padding:0;line-height:1}.sky-angular-tree-wrapper ::ng-deep .sky-toggle-children:hover{color:#979ba2;transition:color .15s}.sky-angular-tree-wrapper ::ng-deep .toggle-children-placeholder{display:inline-block;height:19px;width:20px;margin:0 10px 0 0}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-node-selected{background:#f1eef6}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-node-active{background-color:#eeeeef;color:#212327;border-left:4px solid #00b4f1}.sky-angular-tree-wrapper ::ng-deep sky-checkbox{display:inline-flex}.sky-angular-tree-wrapper ::ng-deep .sky-switch-control{margin:0 8px 0 0}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-context-menu{margin:0 10px 0 0}.sky-angular-tree-wrapper ::ng-deep .node-drop-slot{display:block;height:2px}.sky-angular-tree-wrapper ::ng-deep .node-drop-slot.is-dragging-over{height:20px;background:#eeeeef;border:1px solid #e2e3e4}.sky-angular-tree-wrapper.sky-angular-tree-read-only ::ng-deep .node-content-wrapper{cursor:initial}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SkyTreeViewToolbarComponent, selector: "sky-angular-tree-toolbar", inputs: ["showSelectButtons"], outputs: ["clearAllClick", "collapseAllClick", "expandAllClick", "selectAllClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-angular-tree-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"sky-angular-tree-wrapper\"\n  [class.sky-angular-tree-read-only]=\"readOnly\"\n>\n  <sky-angular-tree-toolbar\n    *ngIf=\"showToolbar\"\n    [showSelectButtons]=\"showSelectButtons()\"\n    (clearAllClick)=\"onClearAllClick()\"\n    (collapseAllClick)=\"onCollapseAllClick()\"\n    (expandAllClick)=\"onExpandAllClick()\"\n    (selectAllClick)=\"onSelectAllClick()\"\n  >\n  </sky-angular-tree-toolbar>\n  <div\n    class=\"sky-angular-tree-root\"\n    role=\"tree\"\n    [attr.aria-multiselectable]=\"multiselectable()\"\n  >\n    <ng-content select=\"tree-root\"></ng-content>\n  </div>\n</div>\n", styles: [".sky-angular-tree-wrapper ::ng-deep .angular-tree-component{cursor:initial;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sky-angular-tree-wrapper ::ng-deep .node-wrapper{display:flex;align-items:center;padding:4px 5px;border-left:4px solid transparent}.sky-angular-tree-wrapper ::ng-deep .node-content-wrapper{display:flex;align-items:center;padding:0;cursor:pointer}.sky-angular-tree-wrapper ::ng-deep .tree-children{padding-left:30px}.sky-angular-tree-wrapper ::ng-deep .sky-toggle-children{color:#cdcfd2;cursor:pointer;min-height:19px;min-width:20px;margin:0 10px 0 0;padding:0;line-height:1}.sky-angular-tree-wrapper ::ng-deep .sky-toggle-children:hover{color:#979ba2;transition:color .15s}.sky-angular-tree-wrapper ::ng-deep .toggle-children-placeholder{display:inline-block;height:19px;width:20px;margin:0 10px 0 0}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-node-selected{background:#f1eef6}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-node-active{background-color:#eeeeef;color:#212327;border-left:4px solid #00b4f1}.sky-angular-tree-wrapper ::ng-deep sky-checkbox{display:inline-flex}.sky-angular-tree-wrapper ::ng-deep .sky-switch-control{margin:0 8px 0 0}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-context-menu{margin:0 10px 0 0}.sky-angular-tree-wrapper ::ng-deep .node-drop-slot{display:block;height:2px}.sky-angular-tree-wrapper ::ng-deep .node-drop-slot.is-dragging-over{height:20px;background:#eeeeef;border:1px solid #e2e3e4}.sky-angular-tree-wrapper.sky-angular-tree-read-only ::ng-deep .node-content-wrapper{cursor:initial}\n"] }]
         }], propDecorators: { readOnly: [{

package/esm2020/lib/modules/angular-tree/angular-tree.module.mjs

@@ -13,8 +13,8 @@ import { SkyAngularTreeWrapperComponent } from './angular-tree-wrapper.component
 import * as i0 from "@angular/core";
 export class SkyAngularTreeModule {
 }
-SkyAngularTreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAngularTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeModule, declarations: [SkyAngularTreeContextMenuComponent,
+SkyAngularTreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAngularTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeModule, declarations: [SkyAngularTreeContextMenuComponent,
         SkyAngularTreeNodeComponent,
         SkyAngularTreeWrapperComponent,
         SkyTreeViewToolbarComponent], imports: [CommonModule,
@@ -23,13 +23,13 @@ SkyAngularTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
         SkyIconModule,
         SkyToolbarModule,
         TreeModule], exports: [SkyAngularTreeNodeComponent, SkyAngularTreeWrapperComponent] });
-SkyAngularTreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeModule, providers: [SkyCoreAdapterService], imports: [CommonModule,
+SkyAngularTreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeModule, providers: [SkyCoreAdapterService], imports: [CommonModule,
         SkyAngularTreeComponentResourcesModule,
         SkyCheckboxModule,
         SkyIconModule,
         SkyToolbarModule,
         TreeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/lib/modules/shared/sky-angular-tree-component-resources.module.mjs

@@ -26,16 +26,16 @@ export class SkyAngularTreeComponentResourcesProvider {
  */
 export class SkyAngularTreeComponentResourcesModule {
 }
-SkyAngularTreeComponentResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAngularTreeComponentResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, exports: [SkyI18nModule] });
-SkyAngularTreeComponentResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, providers: [
+SkyAngularTreeComponentResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAngularTreeComponentResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, exports: [SkyI18nModule] });
+SkyAngularTreeComponentResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, providers: [
         {
             provide: SKY_LIB_RESOURCES_PROVIDERS,
             useClass: SkyAngularTreeComponentResourcesProvider,
             multi: true,
         },
     ], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [SkyI18nModule],

package/fesm2015/skyux-angular-tree-component.mjs

@@ -41,16 +41,16 @@ class SkyAngularTreeComponentResourcesProvider {
  */
 class SkyAngularTreeComponentResourcesModule {
 }
-SkyAngularTreeComponentResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAngularTreeComponentResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, exports: [SkyI18nModule] });
-SkyAngularTreeComponentResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, providers: [
+SkyAngularTreeComponentResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAngularTreeComponentResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, exports: [SkyI18nModule] });
+SkyAngularTreeComponentResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, providers: [
         {
             provide: SKY_LIB_RESOURCES_PROVIDERS,
             useClass: SkyAngularTreeComponentResourcesProvider,
             multi: true,
         },
     ], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [SkyI18nModule],
@@ -69,9 +69,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImpor
  */
 class SkyAngularTreeContextMenuComponent {
 }
-SkyAngularTreeContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyAngularTreeContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyAngularTreeContextMenuComponent, selector: "sky-angular-tree-context-menu", ngImport: i0, template: "<div class=\"sky-angular-tree-context-menu\">\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeContextMenuComponent, decorators: [{
+SkyAngularTreeContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAngularTreeContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAngularTreeContextMenuComponent, selector: "sky-angular-tree-context-menu", ngImport: i0, template: "<div class=\"sky-angular-tree-context-menu\">\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeContextMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-angular-tree-context-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-angular-tree-context-menu\">\n  <ng-content></ng-content>\n</div>\n" }]
         }] });
@@ -97,9 +97,9 @@ class SkyAngularTreeAdapterService {
     }
 }
 _SkyAngularTreeAdapterService_coreAdapterService = new WeakMap();
-SkyAngularTreeAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeAdapterService, deps: [{ token: i1.SkyCoreAdapterService }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyAngularTreeAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeAdapterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeAdapterService, decorators: [{
+SkyAngularTreeAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeAdapterService, deps: [{ token: i1.SkyCoreAdapterService }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyAngularTreeAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeAdapterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeAdapterService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.SkyCoreAdapterService }]; } });
 
@@ -126,9 +126,9 @@ class SkyTreeViewToolbarComponent {
         this.selectAllClick.emit();
     }
 }
-SkyTreeViewToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTreeViewToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyTreeViewToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyTreeViewToolbarComponent, selector: "sky-angular-tree-toolbar", inputs: { showSelectButtons: "showSelectButtons" }, outputs: { clearAllClick: "clearAllClick", collapseAllClick: "collapseAllClick", expandAllClick: "expandAllClick", selectAllClick: "selectAllClick" }, ngImport: i0, template: "<div class=\"sky-angular-tree-toolbar\" role=\"toolbar\">\n  <sky-toolbar>\n    <sky-toolbar-item *ngIf=\"showSelectButtons\">\n      <button\n        class=\"sky-btn sky-btn-link sky-angular-tree-select-all-btn\"\n        type=\"button\"\n        (click)=\"onSelectAllClick()\"\n      >\n        {{ 'skyux_angular_tree_select_all' | skyLibResources }}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item *ngIf=\"showSelectButtons\">\n      <button\n        class=\"sky-btn sky-btn-link sky-angular-tree-clear-all-btn\"\n        type=\"button\"\n        (click)=\"onClearAllClick()\"\n      >\n        {{ 'skyux_angular_tree_clear_all' | skyLibResources }}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <button\n        class=\"sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-expand-all-btn\"\n        title=\"{{ 'skyux_angular_tree_expand_all' | skyLibResources }}\"\n        type=\"button\"\n        (click)=\"onExpandAllClick()\"\n      >\n        <sky-icon icon=\"angle-double-down\"> </sky-icon>\n      </button>\n      <button\n        class=\"sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-collapse-all-btn\"\n        title=\"{{ 'skyux_angular_tree_collapse_all' | skyLibResources }}\"\n        type=\"button\"\n        (click)=\"onCollapseAllClick()\"\n      >\n        <sky-icon icon=\"angle-double-up\"> </sky-icon>\n      </button>\n    </sky-toolbar-view-actions>\n  </sky-toolbar>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i3.λ37, selector: "sky-toolbar" }, { kind: "component", type: i3.λ39, selector: "sky-toolbar-item" }, { kind: "component", type: i3.λ40, selector: "sky-toolbar-view-actions" }, { kind: "pipe", type: i4.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTreeViewToolbarComponent, decorators: [{
+SkyTreeViewToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTreeViewToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyTreeViewToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyTreeViewToolbarComponent, selector: "sky-angular-tree-toolbar", inputs: { showSelectButtons: "showSelectButtons" }, outputs: { clearAllClick: "clearAllClick", collapseAllClick: "collapseAllClick", expandAllClick: "expandAllClick", selectAllClick: "selectAllClick" }, ngImport: i0, template: "<div class=\"sky-angular-tree-toolbar\" role=\"toolbar\">\n  <sky-toolbar>\n    <sky-toolbar-item *ngIf=\"showSelectButtons\">\n      <button\n        class=\"sky-btn sky-btn-link sky-angular-tree-select-all-btn\"\n        type=\"button\"\n        (click)=\"onSelectAllClick()\"\n      >\n        {{ 'skyux_angular_tree_select_all' | skyLibResources }}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item *ngIf=\"showSelectButtons\">\n      <button\n        class=\"sky-btn sky-btn-link sky-angular-tree-clear-all-btn\"\n        type=\"button\"\n        (click)=\"onClearAllClick()\"\n      >\n        {{ 'skyux_angular_tree_clear_all' | skyLibResources }}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <button\n        class=\"sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-expand-all-btn\"\n        title=\"{{ 'skyux_angular_tree_expand_all' | skyLibResources }}\"\n        type=\"button\"\n        (click)=\"onExpandAllClick()\"\n      >\n        <sky-icon icon=\"angle-double-down\"> </sky-icon>\n      </button>\n      <button\n        class=\"sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-collapse-all-btn\"\n        title=\"{{ 'skyux_angular_tree_collapse_all' | skyLibResources }}\"\n        type=\"button\"\n        (click)=\"onCollapseAllClick()\"\n      >\n        <sky-icon icon=\"angle-double-up\"> </sky-icon>\n      </button>\n    </sky-toolbar-view-actions>\n  </sky-toolbar>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i3.λ37, selector: "sky-toolbar" }, { kind: "component", type: i3.λ39, selector: "sky-toolbar-item" }, { kind: "component", type: i3.λ40, selector: "sky-toolbar-view-actions" }, { kind: "pipe", type: i4.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTreeViewToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-angular-tree-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-angular-tree-toolbar\" role=\"toolbar\">\n  <sky-toolbar>\n    <sky-toolbar-item *ngIf=\"showSelectButtons\">\n      <button\n        class=\"sky-btn sky-btn-link sky-angular-tree-select-all-btn\"\n        type=\"button\"\n        (click)=\"onSelectAllClick()\"\n      >\n        {{ 'skyux_angular_tree_select_all' | skyLibResources }}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item *ngIf=\"showSelectButtons\">\n      <button\n        class=\"sky-btn sky-btn-link sky-angular-tree-clear-all-btn\"\n        type=\"button\"\n        (click)=\"onClearAllClick()\"\n      >\n        {{ 'skyux_angular_tree_clear_all' | skyLibResources }}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <button\n        class=\"sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-expand-all-btn\"\n        title=\"{{ 'skyux_angular_tree_expand_all' | skyLibResources }}\"\n        type=\"button\"\n        (click)=\"onExpandAllClick()\"\n      >\n        <sky-icon icon=\"angle-double-down\"> </sky-icon>\n      </button>\n      <button\n        class=\"sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-collapse-all-btn\"\n        title=\"{{ 'skyux_angular_tree_collapse_all' | skyLibResources }}\"\n        type=\"button\"\n        (click)=\"onCollapseAllClick()\"\n      >\n        <sky-icon icon=\"angle-double-up\"> </sky-icon>\n      </button>\n    </sky-toolbar-view-actions>\n  </sky-toolbar>\n</div>\n" }]
         }], propDecorators: { showSelectButtons: [{
@@ -307,9 +307,9 @@ _SkyAngularTreeWrapperComponent_instances = new WeakSet(), _SkyAngularTreeWrappe
         TREE_ACTIONS.TOGGLE_SELECTED(node.treeModel, node, event);
     }
 };
-SkyAngularTreeWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyAngularTreeWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyAngularTreeWrapperComponent, selector: "sky-angular-tree-wrapper", inputs: { readOnly: "readOnly", selectLeafNodesOnly: "selectLeafNodesOnly", selectSingle: "selectSingle", showToolbar: "showToolbar" }, queries: [{ propertyName: "treeComponent", first: true, predicate: TreeComponent, descendants: true }], ngImport: i0, template: "<div\n  class=\"sky-angular-tree-wrapper\"\n  [class.sky-angular-tree-read-only]=\"readOnly\"\n>\n  <sky-angular-tree-toolbar\n    *ngIf=\"showToolbar\"\n    [showSelectButtons]=\"showSelectButtons()\"\n    (clearAllClick)=\"onClearAllClick()\"\n    (collapseAllClick)=\"onCollapseAllClick()\"\n    (expandAllClick)=\"onExpandAllClick()\"\n    (selectAllClick)=\"onSelectAllClick()\"\n  >\n  </sky-angular-tree-toolbar>\n  <div\n    class=\"sky-angular-tree-root\"\n    role=\"tree\"\n    [attr.aria-multiselectable]=\"multiselectable()\"\n  >\n    <ng-content select=\"tree-root\"></ng-content>\n  </div>\n</div>\n", styles: [".sky-angular-tree-wrapper ::ng-deep .angular-tree-component{cursor:initial;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sky-angular-tree-wrapper ::ng-deep .node-wrapper{display:flex;align-items:center;padding:4px 5px;border-left:4px solid transparent}.sky-angular-tree-wrapper ::ng-deep .node-content-wrapper{display:flex;align-items:center;padding:0;cursor:pointer}.sky-angular-tree-wrapper ::ng-deep .tree-children{padding-left:30px}.sky-angular-tree-wrapper ::ng-deep .sky-toggle-children{color:#cdcfd2;cursor:pointer;min-height:19px;min-width:20px;margin:0 10px 0 0;padding:0;line-height:1}.sky-angular-tree-wrapper ::ng-deep .sky-toggle-children:hover{color:#979ba2;transition:color .15s}.sky-angular-tree-wrapper ::ng-deep .toggle-children-placeholder{display:inline-block;height:19px;width:20px;margin:0 10px 0 0}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-node-selected{background:#f1eef6}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-node-active{background-color:#eeeeef;color:#212327;border-left:4px solid #00b4f1}.sky-angular-tree-wrapper ::ng-deep sky-checkbox{display:inline-flex}.sky-angular-tree-wrapper ::ng-deep .sky-switch-control{margin:0 8px 0 0}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-context-menu{margin:0 10px 0 0}.sky-angular-tree-wrapper ::ng-deep .node-drop-slot{display:block;height:2px}.sky-angular-tree-wrapper ::ng-deep .node-drop-slot.is-dragging-over{height:20px;background:#eeeeef;border:1px solid #e2e3e4}.sky-angular-tree-wrapper.sky-angular-tree-read-only ::ng-deep .node-content-wrapper{cursor:initial}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyTreeViewToolbarComponent, selector: "sky-angular-tree-toolbar", inputs: ["showSelectButtons"], outputs: ["clearAllClick", "collapseAllClick", "expandAllClick", "selectAllClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeWrapperComponent, decorators: [{
+SkyAngularTreeWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAngularTreeWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAngularTreeWrapperComponent, selector: "sky-angular-tree-wrapper", inputs: { readOnly: "readOnly", selectLeafNodesOnly: "selectLeafNodesOnly", selectSingle: "selectSingle", showToolbar: "showToolbar" }, queries: [{ propertyName: "treeComponent", first: true, predicate: TreeComponent, descendants: true }], ngImport: i0, template: "<div\n  class=\"sky-angular-tree-wrapper\"\n  [class.sky-angular-tree-read-only]=\"readOnly\"\n>\n  <sky-angular-tree-toolbar\n    *ngIf=\"showToolbar\"\n    [showSelectButtons]=\"showSelectButtons()\"\n    (clearAllClick)=\"onClearAllClick()\"\n    (collapseAllClick)=\"onCollapseAllClick()\"\n    (expandAllClick)=\"onExpandAllClick()\"\n    (selectAllClick)=\"onSelectAllClick()\"\n  >\n  </sky-angular-tree-toolbar>\n  <div\n    class=\"sky-angular-tree-root\"\n    role=\"tree\"\n    [attr.aria-multiselectable]=\"multiselectable()\"\n  >\n    <ng-content select=\"tree-root\"></ng-content>\n  </div>\n</div>\n", styles: [".sky-angular-tree-wrapper ::ng-deep .angular-tree-component{cursor:initial;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sky-angular-tree-wrapper ::ng-deep .node-wrapper{display:flex;align-items:center;padding:4px 5px;border-left:4px solid transparent}.sky-angular-tree-wrapper ::ng-deep .node-content-wrapper{display:flex;align-items:center;padding:0;cursor:pointer}.sky-angular-tree-wrapper ::ng-deep .tree-children{padding-left:30px}.sky-angular-tree-wrapper ::ng-deep .sky-toggle-children{color:#cdcfd2;cursor:pointer;min-height:19px;min-width:20px;margin:0 10px 0 0;padding:0;line-height:1}.sky-angular-tree-wrapper ::ng-deep .sky-toggle-children:hover{color:#979ba2;transition:color .15s}.sky-angular-tree-wrapper ::ng-deep .toggle-children-placeholder{display:inline-block;height:19px;width:20px;margin:0 10px 0 0}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-node-selected{background:#f1eef6}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-node-active{background-color:#eeeeef;color:#212327;border-left:4px solid #00b4f1}.sky-angular-tree-wrapper ::ng-deep sky-checkbox{display:inline-flex}.sky-angular-tree-wrapper ::ng-deep .sky-switch-control{margin:0 8px 0 0}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-context-menu{margin:0 10px 0 0}.sky-angular-tree-wrapper ::ng-deep .node-drop-slot{display:block;height:2px}.sky-angular-tree-wrapper ::ng-deep .node-drop-slot.is-dragging-over{height:20px;background:#eeeeef;border:1px solid #e2e3e4}.sky-angular-tree-wrapper.sky-angular-tree-read-only ::ng-deep .node-content-wrapper{cursor:initial}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyTreeViewToolbarComponent, selector: "sky-angular-tree-toolbar", inputs: ["showSelectButtons"], outputs: ["clearAllClick", "collapseAllClick", "expandAllClick", "selectAllClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-angular-tree-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"sky-angular-tree-wrapper\"\n  [class.sky-angular-tree-read-only]=\"readOnly\"\n>\n  <sky-angular-tree-toolbar\n    *ngIf=\"showToolbar\"\n    [showSelectButtons]=\"showSelectButtons()\"\n    (clearAllClick)=\"onClearAllClick()\"\n    (collapseAllClick)=\"onCollapseAllClick()\"\n    (expandAllClick)=\"onExpandAllClick()\"\n    (selectAllClick)=\"onSelectAllClick()\"\n  >\n  </sky-angular-tree-toolbar>\n  <div\n    class=\"sky-angular-tree-root\"\n    role=\"tree\"\n    [attr.aria-multiselectable]=\"multiselectable()\"\n  >\n    <ng-content select=\"tree-root\"></ng-content>\n  </div>\n</div>\n", styles: [".sky-angular-tree-wrapper ::ng-deep .angular-tree-component{cursor:initial;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sky-angular-tree-wrapper ::ng-deep .node-wrapper{display:flex;align-items:center;padding:4px 5px;border-left:4px solid transparent}.sky-angular-tree-wrapper ::ng-deep .node-content-wrapper{display:flex;align-items:center;padding:0;cursor:pointer}.sky-angular-tree-wrapper ::ng-deep .tree-children{padding-left:30px}.sky-angular-tree-wrapper ::ng-deep .sky-toggle-children{color:#cdcfd2;cursor:pointer;min-height:19px;min-width:20px;margin:0 10px 0 0;padding:0;line-height:1}.sky-angular-tree-wrapper ::ng-deep .sky-toggle-children:hover{color:#979ba2;transition:color .15s}.sky-angular-tree-wrapper ::ng-deep .toggle-children-placeholder{display:inline-block;height:19px;width:20px;margin:0 10px 0 0}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-node-selected{background:#f1eef6}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-node-active{background-color:#eeeeef;color:#212327;border-left:4px solid #00b4f1}.sky-angular-tree-wrapper ::ng-deep sky-checkbox{display:inline-flex}.sky-angular-tree-wrapper ::ng-deep .sky-switch-control{margin:0 8px 0 0}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-context-menu{margin:0 10px 0 0}.sky-angular-tree-wrapper ::ng-deep .node-drop-slot{display:block;height:2px}.sky-angular-tree-wrapper ::ng-deep .node-drop-slot.is-dragging-over{height:20px;background:#eeeeef;border:1px solid #e2e3e4}.sky-angular-tree-wrapper.sky-angular-tree-read-only ::ng-deep .node-content-wrapper{cursor:initial}\n"] }]
         }], propDecorators: { readOnly: [{
@@ -557,9 +557,9 @@ _SkyAngularTreeNodeComponent_focusableChildren = new WeakMap(), _SkyAngularTreeN
         return false;
     }
 };
-SkyAngularTreeNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeNodeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyAngularTreeAdapterService }, { token: SkyAngularTreeWrapperComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SkyAngularTreeNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyAngularTreeNodeComponent, selector: "sky-angular-tree-node", inputs: { index: "index", node: "node", templates: "templates" }, providers: [SkyAngularTreeAdapterService], viewQueries: [{ propertyName: "nodeContentWrapperRef", first: true, predicate: ["nodeContentWrapper"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  *ngIf=\"node && index !== undefined\"\n  [class]=\"node.getClass()\"\n  [class.tree-node]=\"true\"\n  [class.tree-node-active]=\"node.isActive\"\n  [class.tree-node-collapsed]=\"node.isCollapsed && node.hasChildren\"\n  [class.tree-node-expanded]=\"node.isExpanded && node.hasChildren\"\n  [class.tree-node-focused]=\"node.isFocused\"\n  [class.tree-node-leaf]=\"node.isLeaf\"\n>\n  <tree-node-drop-slot\n    *ngIf=\"index === 0\"\n    [dropIndex]=\"node.index\"\n    [node]=\"node.parent\"\n  >\n  </tree-node-drop-slot>\n\n  <!-- #region <tree-node-wrapper> custom template --->\n  <div\n    class=\"node-wrapper\"\n    role=\"treeitem\"\n    [allowDragoverStyling]=\"node.allowDragoverStyling()\"\n    [attr.aria-current]=\"node.isActive\"\n    [attr.aria-expanded]=\"node.children?.length ? node.isExpanded : null\"\n    [attr.aria-selected]=\"ariaSelected()\"\n    [attr.data-node-id]=\"node.id\"\n    [attr.tabindex]=\"tabIndex\"\n    [class.sky-angular-tree-node-active]=\"showActiveClass()\"\n    [class.sky-angular-tree-node-selected]=\"showSelectedClass()\"\n    [style.padding-left]=\"node.getNodePadding()\"\n    [treeAllowDrop]=\"node.allowDrop\"\n    [treeDrag]=\"node\"\n    [treeDragEnabled]=\"node.allowDrag()\"\n    (contextmenu)=\"node.mouseAction('contextMenu', $event)\"\n    (dblclick)=\"node.mouseAction('dblClick', $event)\"\n    (focus)=\"onFocus()\"\n    (mousedown)=\"onMouseDown()\"\n    (mouseup)=\"onMouseUp()\"\n    (keydown)=\"onKeyDown($event)\"\n    (treeDrop)=\"node.onDrop($event)\"\n    (treeDropDragEnter)=\"node.mouseAction('dragEnter', $event)\"\n    (treeDropDragLeave)=\"node.mouseAction('dragLeave', $event)\"\n    (treeDropDragOver)=\"node.mouseAction('dragOver', $event)\"\n    #nodeContentWrapper\n  >\n    <!-- #region <tree-node-expander> custom template --->\n    <div class=\"sky-toggle-children-wrapper\">\n      <button\n        *ngIf=\"node.hasChildren\"\n        class=\"sky-btn sky-btn-link sky-toggle-children\"\n        tabindex=\"-1\"\n        type=\"button\"\n        [attr.aria-label]=\"\n          'skyux_angular_tree_click_to_expand' | skyLibResources\n        \"\n        [class.toggle-children-wrapper-expanded]=\"node.isExpanded\"\n        [class.toggle-children-wrapper-collapsed]=\"node.isCollapsed\"\n        (click)=\"node.mouseAction('expanderClick', $event)\"\n      >\n        <sky-icon\n          [icon]=\"node.isExpanded ? 'chevron-down' : 'chevron-right'\"\n          size=\"sm\"\n        >\n        </sky-icon>\n      </button>\n      <span *ngIf=\"showTogglePlaceholder()\" class=\"toggle-children-placeholder\">\n      </span>\n    </div>\n    <!-- #endregion <tree-node-expander> --->\n\n    <!-- Note: we've made changes to the click event, tabindex, and classes when compared to the original template. -->\n    <!-- https://github.com/500tech/angular-tree-component/blob/master/lib/components/tree-node-wrapper.component.ts -->\n    <div class=\"node-content-wrapper\">\n      <sky-checkbox\n        *ngIf=\"showCheckbox()\"\n        [checked]=\"isSelected\"\n        [id]=\"node.data.id\"\n        [label]=\"node.data.name\"\n        [indeterminate]=\"isPartiallySelected\"\n        (change)=\"node.mouseAction('checkboxClick', $event)\"\n      >\n      </sky-checkbox>\n\n      <sky-angular-tree-context-menu>\n        <ng-content select=\"sky-dropdown\"></ng-content>\n      </sky-angular-tree-context-menu>\n\n      <tree-node-content\n        [index]=\"index\"\n        [node]=\"node\"\n        [template]=\"templates?.treeNodeTemplate\"\n        (click)=\"node.mouseAction('click', $event)\"\n      >\n      </tree-node-content\n      ><span class=\"sky-control-help-container\"\n        ><ng-content select=\".sky-control-help\"></ng-content\n      ></span>\n    </div>\n  </div>\n\n  <ng-container\n    [ngTemplateOutlet]=\"templates?.treeNodeWrapperTemplate\"\n    [ngTemplateOutletContext]=\"{\n      $implicit: node,\n      node: node,\n      index: index,\n      templates: templates\n    }\"\n  >\n  </ng-container>\n  <!-- #endregion <tree-node-wrapper> -->\n\n  <tree-node-children role=\"group\" [node]=\"node\" [templates]=\"templates\">\n  </tree-node-children>\n\n  <tree-node-drop-slot [dropIndex]=\"node.index + 1\" [node]=\"node.parent\">\n  </tree-node-drop-slot>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4$1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "indeterminate", "required"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i6.TreeNodeContent, selector: "tree-node-content", inputs: ["node", "index", "template"] }, { kind: "directive", type: i6.TreeDropDirective, selector: "[treeDrop]", inputs: ["allowDragoverStyling", "treeAllowDrop"], outputs: ["treeDrop", "treeDropDragOver", "treeDropDragLeave", "treeDropDragEnter"] }, { kind: "directive", type: i6.TreeDragDirective, selector: "[treeDrag]", inputs: ["treeDrag", "treeDragEnabled"] }, { kind: "component", type: i6.TreeNodeChildrenComponent, selector: "tree-node-children", inputs: ["node", "templates"] }, { kind: "component", type: i6.TreeNodeDropSlot, selector: "TreeNodeDropSlot, tree-node-drop-slot", inputs: ["node", "dropIndex"] }, { kind: "component", type: SkyAngularTreeContextMenuComponent, selector: "sky-angular-tree-context-menu" }, { kind: "pipe", type: i4.SkyLibResourcesPipe, name: "skyLibResources" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeNodeComponent, decorators: [{
+SkyAngularTreeNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeNodeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyAngularTreeAdapterService }, { token: SkyAngularTreeWrapperComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SkyAngularTreeNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAngularTreeNodeComponent, selector: "sky-angular-tree-node", inputs: { index: "index", node: "node", templates: "templates" }, providers: [SkyAngularTreeAdapterService], viewQueries: [{ propertyName: "nodeContentWrapperRef", first: true, predicate: ["nodeContentWrapper"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  *ngIf=\"node && index !== undefined\"\n  [class]=\"node.getClass()\"\n  [class.tree-node]=\"true\"\n  [class.tree-node-active]=\"node.isActive\"\n  [class.tree-node-collapsed]=\"node.isCollapsed && node.hasChildren\"\n  [class.tree-node-expanded]=\"node.isExpanded && node.hasChildren\"\n  [class.tree-node-focused]=\"node.isFocused\"\n  [class.tree-node-leaf]=\"node.isLeaf\"\n>\n  <tree-node-drop-slot\n    *ngIf=\"index === 0\"\n    [dropIndex]=\"node.index\"\n    [node]=\"node.parent\"\n  >\n  </tree-node-drop-slot>\n\n  <!-- #region <tree-node-wrapper> custom template --->\n  <div\n    class=\"node-wrapper\"\n    role=\"treeitem\"\n    [allowDragoverStyling]=\"node.allowDragoverStyling()\"\n    [attr.aria-current]=\"node.isActive\"\n    [attr.aria-expanded]=\"node.children?.length ? node.isExpanded : null\"\n    [attr.aria-selected]=\"ariaSelected()\"\n    [attr.data-node-id]=\"node.id\"\n    [attr.tabindex]=\"tabIndex\"\n    [class.sky-angular-tree-node-active]=\"showActiveClass()\"\n    [class.sky-angular-tree-node-selected]=\"showSelectedClass()\"\n    [style.padding-left]=\"node.getNodePadding()\"\n    [treeAllowDrop]=\"node.allowDrop\"\n    [treeDrag]=\"node\"\n    [treeDragEnabled]=\"node.allowDrag()\"\n    (contextmenu)=\"node.mouseAction('contextMenu', $event)\"\n    (dblclick)=\"node.mouseAction('dblClick', $event)\"\n    (focus)=\"onFocus()\"\n    (mousedown)=\"onMouseDown()\"\n    (mouseup)=\"onMouseUp()\"\n    (keydown)=\"onKeyDown($event)\"\n    (treeDrop)=\"node.onDrop($event)\"\n    (treeDropDragEnter)=\"node.mouseAction('dragEnter', $event)\"\n    (treeDropDragLeave)=\"node.mouseAction('dragLeave', $event)\"\n    (treeDropDragOver)=\"node.mouseAction('dragOver', $event)\"\n    #nodeContentWrapper\n  >\n    <!-- #region <tree-node-expander> custom template --->\n    <div class=\"sky-toggle-children-wrapper\">\n      <button\n        *ngIf=\"node.hasChildren\"\n        class=\"sky-btn sky-btn-link sky-toggle-children\"\n        tabindex=\"-1\"\n        type=\"button\"\n        [attr.aria-label]=\"\n          'skyux_angular_tree_click_to_expand' | skyLibResources\n        \"\n        [class.toggle-children-wrapper-expanded]=\"node.isExpanded\"\n        [class.toggle-children-wrapper-collapsed]=\"node.isCollapsed\"\n        (click)=\"node.mouseAction('expanderClick', $event)\"\n      >\n        <sky-icon\n          [icon]=\"node.isExpanded ? 'chevron-down' : 'chevron-right'\"\n          size=\"sm\"\n        >\n        </sky-icon>\n      </button>\n      <span *ngIf=\"showTogglePlaceholder()\" class=\"toggle-children-placeholder\">\n      </span>\n    </div>\n    <!-- #endregion <tree-node-expander> --->\n\n    <!-- Note: we've made changes to the click event, tabindex, and classes when compared to the original template. -->\n    <!-- https://github.com/500tech/angular-tree-component/blob/master/lib/components/tree-node-wrapper.component.ts -->\n    <div class=\"node-content-wrapper\">\n      <sky-checkbox\n        *ngIf=\"showCheckbox()\"\n        [checked]=\"isSelected\"\n        [id]=\"node.data.id\"\n        [label]=\"node.data.name\"\n        [indeterminate]=\"isPartiallySelected\"\n        (change)=\"node.mouseAction('checkboxClick', $event)\"\n      >\n      </sky-checkbox>\n\n      <sky-angular-tree-context-menu>\n        <ng-content select=\"sky-dropdown\"></ng-content>\n      </sky-angular-tree-context-menu>\n\n      <tree-node-content\n        [index]=\"index\"\n        [node]=\"node\"\n        [template]=\"templates?.treeNodeTemplate\"\n        (click)=\"node.mouseAction('click', $event)\"\n      >\n      </tree-node-content\n      ><span class=\"sky-control-help-container\"\n        ><ng-content select=\".sky-control-help\"></ng-content\n      ></span>\n    </div>\n  </div>\n\n  <ng-container\n    [ngTemplateOutlet]=\"templates?.treeNodeWrapperTemplate\"\n    [ngTemplateOutletContext]=\"{\n      $implicit: node,\n      node: node,\n      index: index,\n      templates: templates\n    }\"\n  >\n  </ng-container>\n  <!-- #endregion <tree-node-wrapper> -->\n\n  <tree-node-children role=\"group\" [node]=\"node\" [templates]=\"templates\">\n  </tree-node-children>\n\n  <tree-node-drop-slot [dropIndex]=\"node.index + 1\" [node]=\"node.parent\">\n  </tree-node-drop-slot>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4$1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "indeterminate", "required"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i6.TreeNodeContent, selector: "tree-node-content", inputs: ["node", "index", "template"] }, { kind: "directive", type: i6.TreeDropDirective, selector: "[treeDrop]", inputs: ["allowDragoverStyling", "treeAllowDrop"], outputs: ["treeDrop", "treeDropDragOver", "treeDropDragLeave", "treeDropDragEnter"] }, { kind: "directive", type: i6.TreeDragDirective, selector: "[treeDrag]", inputs: ["treeDrag", "treeDragEnabled"] }, { kind: "component", type: i6.TreeNodeChildrenComponent, selector: "tree-node-children", inputs: ["node", "templates"] }, { kind: "component", type: i6.TreeNodeDropSlot, selector: "TreeNodeDropSlot, tree-node-drop-slot", inputs: ["node", "dropIndex"] }, { kind: "component", type: SkyAngularTreeContextMenuComponent, selector: "sky-angular-tree-context-menu" }, { kind: "pipe", type: i4.SkyLibResourcesPipe, name: "skyLibResources" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-angular-tree-node', providers: [SkyAngularTreeAdapterService], template: "<div\n  *ngIf=\"node && index !== undefined\"\n  [class]=\"node.getClass()\"\n  [class.tree-node]=\"true\"\n  [class.tree-node-active]=\"node.isActive\"\n  [class.tree-node-collapsed]=\"node.isCollapsed && node.hasChildren\"\n  [class.tree-node-expanded]=\"node.isExpanded && node.hasChildren\"\n  [class.tree-node-focused]=\"node.isFocused\"\n  [class.tree-node-leaf]=\"node.isLeaf\"\n>\n  <tree-node-drop-slot\n    *ngIf=\"index === 0\"\n    [dropIndex]=\"node.index\"\n    [node]=\"node.parent\"\n  >\n  </tree-node-drop-slot>\n\n  <!-- #region <tree-node-wrapper> custom template --->\n  <div\n    class=\"node-wrapper\"\n    role=\"treeitem\"\n    [allowDragoverStyling]=\"node.allowDragoverStyling()\"\n    [attr.aria-current]=\"node.isActive\"\n    [attr.aria-expanded]=\"node.children?.length ? node.isExpanded : null\"\n    [attr.aria-selected]=\"ariaSelected()\"\n    [attr.data-node-id]=\"node.id\"\n    [attr.tabindex]=\"tabIndex\"\n    [class.sky-angular-tree-node-active]=\"showActiveClass()\"\n    [class.sky-angular-tree-node-selected]=\"showSelectedClass()\"\n    [style.padding-left]=\"node.getNodePadding()\"\n    [treeAllowDrop]=\"node.allowDrop\"\n    [treeDrag]=\"node\"\n    [treeDragEnabled]=\"node.allowDrag()\"\n    (contextmenu)=\"node.mouseAction('contextMenu', $event)\"\n    (dblclick)=\"node.mouseAction('dblClick', $event)\"\n    (focus)=\"onFocus()\"\n    (mousedown)=\"onMouseDown()\"\n    (mouseup)=\"onMouseUp()\"\n    (keydown)=\"onKeyDown($event)\"\n    (treeDrop)=\"node.onDrop($event)\"\n    (treeDropDragEnter)=\"node.mouseAction('dragEnter', $event)\"\n    (treeDropDragLeave)=\"node.mouseAction('dragLeave', $event)\"\n    (treeDropDragOver)=\"node.mouseAction('dragOver', $event)\"\n    #nodeContentWrapper\n  >\n    <!-- #region <tree-node-expander> custom template --->\n    <div class=\"sky-toggle-children-wrapper\">\n      <button\n        *ngIf=\"node.hasChildren\"\n        class=\"sky-btn sky-btn-link sky-toggle-children\"\n        tabindex=\"-1\"\n        type=\"button\"\n        [attr.aria-label]=\"\n          'skyux_angular_tree_click_to_expand' | skyLibResources\n        \"\n        [class.toggle-children-wrapper-expanded]=\"node.isExpanded\"\n        [class.toggle-children-wrapper-collapsed]=\"node.isCollapsed\"\n        (click)=\"node.mouseAction('expanderClick', $event)\"\n      >\n        <sky-icon\n          [icon]=\"node.isExpanded ? 'chevron-down' : 'chevron-right'\"\n          size=\"sm\"\n        >\n        </sky-icon>\n      </button>\n      <span *ngIf=\"showTogglePlaceholder()\" class=\"toggle-children-placeholder\">\n      </span>\n    </div>\n    <!-- #endregion <tree-node-expander> --->\n\n    <!-- Note: we've made changes to the click event, tabindex, and classes when compared to the original template. -->\n    <!-- https://github.com/500tech/angular-tree-component/blob/master/lib/components/tree-node-wrapper.component.ts -->\n    <div class=\"node-content-wrapper\">\n      <sky-checkbox\n        *ngIf=\"showCheckbox()\"\n        [checked]=\"isSelected\"\n        [id]=\"node.data.id\"\n        [label]=\"node.data.name\"\n        [indeterminate]=\"isPartiallySelected\"\n        (change)=\"node.mouseAction('checkboxClick', $event)\"\n      >\n      </sky-checkbox>\n\n      <sky-angular-tree-context-menu>\n        <ng-content select=\"sky-dropdown\"></ng-content>\n      </sky-angular-tree-context-menu>\n\n      <tree-node-content\n        [index]=\"index\"\n        [node]=\"node\"\n        [template]=\"templates?.treeNodeTemplate\"\n        (click)=\"node.mouseAction('click', $event)\"\n      >\n      </tree-node-content\n      ><span class=\"sky-control-help-container\"\n        ><ng-content select=\".sky-control-help\"></ng-content\n      ></span>\n    </div>\n  </div>\n\n  <ng-container\n    [ngTemplateOutlet]=\"templates?.treeNodeWrapperTemplate\"\n    [ngTemplateOutletContext]=\"{\n      $implicit: node,\n      node: node,\n      index: index,\n      templates: templates\n    }\"\n  >\n  </ng-container>\n  <!-- #endregion <tree-node-wrapper> -->\n\n  <tree-node-children role=\"group\" [node]=\"node\" [templates]=\"templates\">\n  </tree-node-children>\n\n  <tree-node-drop-slot [dropIndex]=\"node.index + 1\" [node]=\"node.parent\">\n  </tree-node-drop-slot>\n</div>\n" }]
         }], ctorParameters: function () {
@@ -579,8 +579,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImpor
 
 class SkyAngularTreeModule {
 }
-SkyAngularTreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAngularTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeModule, declarations: [SkyAngularTreeContextMenuComponent,
+SkyAngularTreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAngularTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeModule, declarations: [SkyAngularTreeContextMenuComponent,
         SkyAngularTreeNodeComponent,
         SkyAngularTreeWrapperComponent,
         SkyTreeViewToolbarComponent], imports: [CommonModule,
@@ -589,13 +589,13 @@ SkyAngularTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
         SkyIconModule,
         SkyToolbarModule,
         TreeModule], exports: [SkyAngularTreeNodeComponent, SkyAngularTreeWrapperComponent] });
-SkyAngularTreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeModule, providers: [SkyCoreAdapterService], imports: [CommonModule,
+SkyAngularTreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeModule, providers: [SkyCoreAdapterService], imports: [CommonModule,
         SkyAngularTreeComponentResourcesModule,
         SkyCheckboxModule,
         SkyIconModule,
         SkyToolbarModule,
         TreeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2020/skyux-angular-tree-component.mjs

@@ -41,16 +41,16 @@ class SkyAngularTreeComponentResourcesProvider {
  */
 class SkyAngularTreeComponentResourcesModule {
 }
-SkyAngularTreeComponentResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAngularTreeComponentResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, exports: [SkyI18nModule] });
-SkyAngularTreeComponentResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, providers: [
+SkyAngularTreeComponentResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAngularTreeComponentResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, exports: [SkyI18nModule] });
+SkyAngularTreeComponentResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, providers: [
         {
             provide: SKY_LIB_RESOURCES_PROVIDERS,
             useClass: SkyAngularTreeComponentResourcesProvider,
             multi: true,
         },
     ], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeComponentResourcesModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [SkyI18nModule],
@@ -69,9 +69,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImpor
  */
 class SkyAngularTreeContextMenuComponent {
 }
-SkyAngularTreeContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyAngularTreeContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyAngularTreeContextMenuComponent, selector: "sky-angular-tree-context-menu", ngImport: i0, template: "<div class=\"sky-angular-tree-context-menu\">\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeContextMenuComponent, decorators: [{
+SkyAngularTreeContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAngularTreeContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAngularTreeContextMenuComponent, selector: "sky-angular-tree-context-menu", ngImport: i0, template: "<div class=\"sky-angular-tree-context-menu\">\n  <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeContextMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-angular-tree-context-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-angular-tree-context-menu\">\n  <ng-content></ng-content>\n</div>\n" }]
         }] });
@@ -97,9 +97,9 @@ class SkyAngularTreeAdapterService {
     }
 }
 _SkyAngularTreeAdapterService_coreAdapterService = new WeakMap();
-SkyAngularTreeAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeAdapterService, deps: [{ token: i1.SkyCoreAdapterService }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyAngularTreeAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeAdapterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeAdapterService, decorators: [{
+SkyAngularTreeAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeAdapterService, deps: [{ token: i1.SkyCoreAdapterService }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyAngularTreeAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeAdapterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeAdapterService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.SkyCoreAdapterService }]; } });
 
@@ -126,9 +126,9 @@ class SkyTreeViewToolbarComponent {
         this.selectAllClick.emit();
     }
 }
-SkyTreeViewToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTreeViewToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyTreeViewToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyTreeViewToolbarComponent, selector: "sky-angular-tree-toolbar", inputs: { showSelectButtons: "showSelectButtons" }, outputs: { clearAllClick: "clearAllClick", collapseAllClick: "collapseAllClick", expandAllClick: "expandAllClick", selectAllClick: "selectAllClick" }, ngImport: i0, template: "<div class=\"sky-angular-tree-toolbar\" role=\"toolbar\">\n  <sky-toolbar>\n    <sky-toolbar-item *ngIf=\"showSelectButtons\">\n      <button\n        class=\"sky-btn sky-btn-link sky-angular-tree-select-all-btn\"\n        type=\"button\"\n        (click)=\"onSelectAllClick()\"\n      >\n        {{ 'skyux_angular_tree_select_all' | skyLibResources }}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item *ngIf=\"showSelectButtons\">\n      <button\n        class=\"sky-btn sky-btn-link sky-angular-tree-clear-all-btn\"\n        type=\"button\"\n        (click)=\"onClearAllClick()\"\n      >\n        {{ 'skyux_angular_tree_clear_all' | skyLibResources }}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <button\n        class=\"sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-expand-all-btn\"\n        title=\"{{ 'skyux_angular_tree_expand_all' | skyLibResources }}\"\n        type=\"button\"\n        (click)=\"onExpandAllClick()\"\n      >\n        <sky-icon icon=\"angle-double-down\"> </sky-icon>\n      </button>\n      <button\n        class=\"sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-collapse-all-btn\"\n        title=\"{{ 'skyux_angular_tree_collapse_all' | skyLibResources }}\"\n        type=\"button\"\n        (click)=\"onCollapseAllClick()\"\n      >\n        <sky-icon icon=\"angle-double-up\"> </sky-icon>\n      </button>\n    </sky-toolbar-view-actions>\n  </sky-toolbar>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i3.λ37, selector: "sky-toolbar" }, { kind: "component", type: i3.λ39, selector: "sky-toolbar-item" }, { kind: "component", type: i3.λ40, selector: "sky-toolbar-view-actions" }, { kind: "pipe", type: i4.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTreeViewToolbarComponent, decorators: [{
+SkyTreeViewToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTreeViewToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyTreeViewToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyTreeViewToolbarComponent, selector: "sky-angular-tree-toolbar", inputs: { showSelectButtons: "showSelectButtons" }, outputs: { clearAllClick: "clearAllClick", collapseAllClick: "collapseAllClick", expandAllClick: "expandAllClick", selectAllClick: "selectAllClick" }, ngImport: i0, template: "<div class=\"sky-angular-tree-toolbar\" role=\"toolbar\">\n  <sky-toolbar>\n    <sky-toolbar-item *ngIf=\"showSelectButtons\">\n      <button\n        class=\"sky-btn sky-btn-link sky-angular-tree-select-all-btn\"\n        type=\"button\"\n        (click)=\"onSelectAllClick()\"\n      >\n        {{ 'skyux_angular_tree_select_all' | skyLibResources }}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item *ngIf=\"showSelectButtons\">\n      <button\n        class=\"sky-btn sky-btn-link sky-angular-tree-clear-all-btn\"\n        type=\"button\"\n        (click)=\"onClearAllClick()\"\n      >\n        {{ 'skyux_angular_tree_clear_all' | skyLibResources }}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <button\n        class=\"sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-expand-all-btn\"\n        title=\"{{ 'skyux_angular_tree_expand_all' | skyLibResources }}\"\n        type=\"button\"\n        (click)=\"onExpandAllClick()\"\n      >\n        <sky-icon icon=\"angle-double-down\"> </sky-icon>\n      </button>\n      <button\n        class=\"sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-collapse-all-btn\"\n        title=\"{{ 'skyux_angular_tree_collapse_all' | skyLibResources }}\"\n        type=\"button\"\n        (click)=\"onCollapseAllClick()\"\n      >\n        <sky-icon icon=\"angle-double-up\"> </sky-icon>\n      </button>\n    </sky-toolbar-view-actions>\n  </sky-toolbar>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i3.λ37, selector: "sky-toolbar" }, { kind: "component", type: i3.λ39, selector: "sky-toolbar-item" }, { kind: "component", type: i3.λ40, selector: "sky-toolbar-view-actions" }, { kind: "pipe", type: i4.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTreeViewToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-angular-tree-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-angular-tree-toolbar\" role=\"toolbar\">\n  <sky-toolbar>\n    <sky-toolbar-item *ngIf=\"showSelectButtons\">\n      <button\n        class=\"sky-btn sky-btn-link sky-angular-tree-select-all-btn\"\n        type=\"button\"\n        (click)=\"onSelectAllClick()\"\n      >\n        {{ 'skyux_angular_tree_select_all' | skyLibResources }}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item *ngIf=\"showSelectButtons\">\n      <button\n        class=\"sky-btn sky-btn-link sky-angular-tree-clear-all-btn\"\n        type=\"button\"\n        (click)=\"onClearAllClick()\"\n      >\n        {{ 'skyux_angular_tree_clear_all' | skyLibResources }}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <button\n        class=\"sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-expand-all-btn\"\n        title=\"{{ 'skyux_angular_tree_expand_all' | skyLibResources }}\"\n        type=\"button\"\n        (click)=\"onExpandAllClick()\"\n      >\n        <sky-icon icon=\"angle-double-down\"> </sky-icon>\n      </button>\n      <button\n        class=\"sky-btn sky-btn-default sky-margin-inline-default sky-angular-tree-collapse-all-btn\"\n        title=\"{{ 'skyux_angular_tree_collapse_all' | skyLibResources }}\"\n        type=\"button\"\n        (click)=\"onCollapseAllClick()\"\n      >\n        <sky-icon icon=\"angle-double-up\"> </sky-icon>\n      </button>\n    </sky-toolbar-view-actions>\n  </sky-toolbar>\n</div>\n" }]
         }], propDecorators: { showSelectButtons: [{
@@ -308,9 +308,9 @@ _SkyAngularTreeWrapperComponent_instances = new WeakSet(), _SkyAngularTreeWrappe
         TREE_ACTIONS.TOGGLE_SELECTED(node.treeModel, node, event);
     }
 };
-SkyAngularTreeWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyAngularTreeWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyAngularTreeWrapperComponent, selector: "sky-angular-tree-wrapper", inputs: { readOnly: "readOnly", selectLeafNodesOnly: "selectLeafNodesOnly", selectSingle: "selectSingle", showToolbar: "showToolbar" }, queries: [{ propertyName: "treeComponent", first: true, predicate: TreeComponent, descendants: true }], ngImport: i0, template: "<div\n  class=\"sky-angular-tree-wrapper\"\n  [class.sky-angular-tree-read-only]=\"readOnly\"\n>\n  <sky-angular-tree-toolbar\n    *ngIf=\"showToolbar\"\n    [showSelectButtons]=\"showSelectButtons()\"\n    (clearAllClick)=\"onClearAllClick()\"\n    (collapseAllClick)=\"onCollapseAllClick()\"\n    (expandAllClick)=\"onExpandAllClick()\"\n    (selectAllClick)=\"onSelectAllClick()\"\n  >\n  </sky-angular-tree-toolbar>\n  <div\n    class=\"sky-angular-tree-root\"\n    role=\"tree\"\n    [attr.aria-multiselectable]=\"multiselectable()\"\n  >\n    <ng-content select=\"tree-root\"></ng-content>\n  </div>\n</div>\n", styles: [".sky-angular-tree-wrapper ::ng-deep .angular-tree-component{cursor:initial;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sky-angular-tree-wrapper ::ng-deep .node-wrapper{display:flex;align-items:center;padding:4px 5px;border-left:4px solid transparent}.sky-angular-tree-wrapper ::ng-deep .node-content-wrapper{display:flex;align-items:center;padding:0;cursor:pointer}.sky-angular-tree-wrapper ::ng-deep .tree-children{padding-left:30px}.sky-angular-tree-wrapper ::ng-deep .sky-toggle-children{color:#cdcfd2;cursor:pointer;min-height:19px;min-width:20px;margin:0 10px 0 0;padding:0;line-height:1}.sky-angular-tree-wrapper ::ng-deep .sky-toggle-children:hover{color:#979ba2;transition:color .15s}.sky-angular-tree-wrapper ::ng-deep .toggle-children-placeholder{display:inline-block;height:19px;width:20px;margin:0 10px 0 0}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-node-selected{background:#f1eef6}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-node-active{background-color:#eeeeef;color:#212327;border-left:4px solid #00b4f1}.sky-angular-tree-wrapper ::ng-deep sky-checkbox{display:inline-flex}.sky-angular-tree-wrapper ::ng-deep .sky-switch-control{margin:0 8px 0 0}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-context-menu{margin:0 10px 0 0}.sky-angular-tree-wrapper ::ng-deep .node-drop-slot{display:block;height:2px}.sky-angular-tree-wrapper ::ng-deep .node-drop-slot.is-dragging-over{height:20px;background:#eeeeef;border:1px solid #e2e3e4}.sky-angular-tree-wrapper.sky-angular-tree-read-only ::ng-deep .node-content-wrapper{cursor:initial}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyTreeViewToolbarComponent, selector: "sky-angular-tree-toolbar", inputs: ["showSelectButtons"], outputs: ["clearAllClick", "collapseAllClick", "expandAllClick", "selectAllClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeWrapperComponent, decorators: [{
+SkyAngularTreeWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAngularTreeWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAngularTreeWrapperComponent, selector: "sky-angular-tree-wrapper", inputs: { readOnly: "readOnly", selectLeafNodesOnly: "selectLeafNodesOnly", selectSingle: "selectSingle", showToolbar: "showToolbar" }, queries: [{ propertyName: "treeComponent", first: true, predicate: TreeComponent, descendants: true }], ngImport: i0, template: "<div\n  class=\"sky-angular-tree-wrapper\"\n  [class.sky-angular-tree-read-only]=\"readOnly\"\n>\n  <sky-angular-tree-toolbar\n    *ngIf=\"showToolbar\"\n    [showSelectButtons]=\"showSelectButtons()\"\n    (clearAllClick)=\"onClearAllClick()\"\n    (collapseAllClick)=\"onCollapseAllClick()\"\n    (expandAllClick)=\"onExpandAllClick()\"\n    (selectAllClick)=\"onSelectAllClick()\"\n  >\n  </sky-angular-tree-toolbar>\n  <div\n    class=\"sky-angular-tree-root\"\n    role=\"tree\"\n    [attr.aria-multiselectable]=\"multiselectable()\"\n  >\n    <ng-content select=\"tree-root\"></ng-content>\n  </div>\n</div>\n", styles: [".sky-angular-tree-wrapper ::ng-deep .angular-tree-component{cursor:initial;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sky-angular-tree-wrapper ::ng-deep .node-wrapper{display:flex;align-items:center;padding:4px 5px;border-left:4px solid transparent}.sky-angular-tree-wrapper ::ng-deep .node-content-wrapper{display:flex;align-items:center;padding:0;cursor:pointer}.sky-angular-tree-wrapper ::ng-deep .tree-children{padding-left:30px}.sky-angular-tree-wrapper ::ng-deep .sky-toggle-children{color:#cdcfd2;cursor:pointer;min-height:19px;min-width:20px;margin:0 10px 0 0;padding:0;line-height:1}.sky-angular-tree-wrapper ::ng-deep .sky-toggle-children:hover{color:#979ba2;transition:color .15s}.sky-angular-tree-wrapper ::ng-deep .toggle-children-placeholder{display:inline-block;height:19px;width:20px;margin:0 10px 0 0}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-node-selected{background:#f1eef6}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-node-active{background-color:#eeeeef;color:#212327;border-left:4px solid #00b4f1}.sky-angular-tree-wrapper ::ng-deep sky-checkbox{display:inline-flex}.sky-angular-tree-wrapper ::ng-deep .sky-switch-control{margin:0 8px 0 0}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-context-menu{margin:0 10px 0 0}.sky-angular-tree-wrapper ::ng-deep .node-drop-slot{display:block;height:2px}.sky-angular-tree-wrapper ::ng-deep .node-drop-slot.is-dragging-over{height:20px;background:#eeeeef;border:1px solid #e2e3e4}.sky-angular-tree-wrapper.sky-angular-tree-read-only ::ng-deep .node-content-wrapper{cursor:initial}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyTreeViewToolbarComponent, selector: "sky-angular-tree-toolbar", inputs: ["showSelectButtons"], outputs: ["clearAllClick", "collapseAllClick", "expandAllClick", "selectAllClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-angular-tree-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"sky-angular-tree-wrapper\"\n  [class.sky-angular-tree-read-only]=\"readOnly\"\n>\n  <sky-angular-tree-toolbar\n    *ngIf=\"showToolbar\"\n    [showSelectButtons]=\"showSelectButtons()\"\n    (clearAllClick)=\"onClearAllClick()\"\n    (collapseAllClick)=\"onCollapseAllClick()\"\n    (expandAllClick)=\"onExpandAllClick()\"\n    (selectAllClick)=\"onSelectAllClick()\"\n  >\n  </sky-angular-tree-toolbar>\n  <div\n    class=\"sky-angular-tree-root\"\n    role=\"tree\"\n    [attr.aria-multiselectable]=\"multiselectable()\"\n  >\n    <ng-content select=\"tree-root\"></ng-content>\n  </div>\n</div>\n", styles: [".sky-angular-tree-wrapper ::ng-deep .angular-tree-component{cursor:initial;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sky-angular-tree-wrapper ::ng-deep .node-wrapper{display:flex;align-items:center;padding:4px 5px;border-left:4px solid transparent}.sky-angular-tree-wrapper ::ng-deep .node-content-wrapper{display:flex;align-items:center;padding:0;cursor:pointer}.sky-angular-tree-wrapper ::ng-deep .tree-children{padding-left:30px}.sky-angular-tree-wrapper ::ng-deep .sky-toggle-children{color:#cdcfd2;cursor:pointer;min-height:19px;min-width:20px;margin:0 10px 0 0;padding:0;line-height:1}.sky-angular-tree-wrapper ::ng-deep .sky-toggle-children:hover{color:#979ba2;transition:color .15s}.sky-angular-tree-wrapper ::ng-deep .toggle-children-placeholder{display:inline-block;height:19px;width:20px;margin:0 10px 0 0}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-node-selected{background:#f1eef6}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-node-active{background-color:#eeeeef;color:#212327;border-left:4px solid #00b4f1}.sky-angular-tree-wrapper ::ng-deep sky-checkbox{display:inline-flex}.sky-angular-tree-wrapper ::ng-deep .sky-switch-control{margin:0 8px 0 0}.sky-angular-tree-wrapper ::ng-deep .sky-angular-tree-context-menu{margin:0 10px 0 0}.sky-angular-tree-wrapper ::ng-deep .node-drop-slot{display:block;height:2px}.sky-angular-tree-wrapper ::ng-deep .node-drop-slot.is-dragging-over{height:20px;background:#eeeeef;border:1px solid #e2e3e4}.sky-angular-tree-wrapper.sky-angular-tree-read-only ::ng-deep .node-content-wrapper{cursor:initial}\n"] }]
         }], propDecorators: { readOnly: [{
@@ -553,9 +553,9 @@ _SkyAngularTreeNodeComponent_focusableChildren = new WeakMap(), _SkyAngularTreeN
         return false;
     }
 };
-SkyAngularTreeNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeNodeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyAngularTreeAdapterService }, { token: SkyAngularTreeWrapperComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SkyAngularTreeNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyAngularTreeNodeComponent, selector: "sky-angular-tree-node", inputs: { index: "index", node: "node", templates: "templates" }, providers: [SkyAngularTreeAdapterService], viewQueries: [{ propertyName: "nodeContentWrapperRef", first: true, predicate: ["nodeContentWrapper"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  *ngIf=\"node && index !== undefined\"\n  [class]=\"node.getClass()\"\n  [class.tree-node]=\"true\"\n  [class.tree-node-active]=\"node.isActive\"\n  [class.tree-node-collapsed]=\"node.isCollapsed && node.hasChildren\"\n  [class.tree-node-expanded]=\"node.isExpanded && node.hasChildren\"\n  [class.tree-node-focused]=\"node.isFocused\"\n  [class.tree-node-leaf]=\"node.isLeaf\"\n>\n  <tree-node-drop-slot\n    *ngIf=\"index === 0\"\n    [dropIndex]=\"node.index\"\n    [node]=\"node.parent\"\n  >\n  </tree-node-drop-slot>\n\n  <!-- #region <tree-node-wrapper> custom template --->\n  <div\n    class=\"node-wrapper\"\n    role=\"treeitem\"\n    [allowDragoverStyling]=\"node.allowDragoverStyling()\"\n    [attr.aria-current]=\"node.isActive\"\n    [attr.aria-expanded]=\"node.children?.length ? node.isExpanded : null\"\n    [attr.aria-selected]=\"ariaSelected()\"\n    [attr.data-node-id]=\"node.id\"\n    [attr.tabindex]=\"tabIndex\"\n    [class.sky-angular-tree-node-active]=\"showActiveClass()\"\n    [class.sky-angular-tree-node-selected]=\"showSelectedClass()\"\n    [style.padding-left]=\"node.getNodePadding()\"\n    [treeAllowDrop]=\"node.allowDrop\"\n    [treeDrag]=\"node\"\n    [treeDragEnabled]=\"node.allowDrag()\"\n    (contextmenu)=\"node.mouseAction('contextMenu', $event)\"\n    (dblclick)=\"node.mouseAction('dblClick', $event)\"\n    (focus)=\"onFocus()\"\n    (mousedown)=\"onMouseDown()\"\n    (mouseup)=\"onMouseUp()\"\n    (keydown)=\"onKeyDown($event)\"\n    (treeDrop)=\"node.onDrop($event)\"\n    (treeDropDragEnter)=\"node.mouseAction('dragEnter', $event)\"\n    (treeDropDragLeave)=\"node.mouseAction('dragLeave', $event)\"\n    (treeDropDragOver)=\"node.mouseAction('dragOver', $event)\"\n    #nodeContentWrapper\n  >\n    <!-- #region <tree-node-expander> custom template --->\n    <div class=\"sky-toggle-children-wrapper\">\n      <button\n        *ngIf=\"node.hasChildren\"\n        class=\"sky-btn sky-btn-link sky-toggle-children\"\n        tabindex=\"-1\"\n        type=\"button\"\n        [attr.aria-label]=\"\n          'skyux_angular_tree_click_to_expand' | skyLibResources\n        \"\n        [class.toggle-children-wrapper-expanded]=\"node.isExpanded\"\n        [class.toggle-children-wrapper-collapsed]=\"node.isCollapsed\"\n        (click)=\"node.mouseAction('expanderClick', $event)\"\n      >\n        <sky-icon\n          [icon]=\"node.isExpanded ? 'chevron-down' : 'chevron-right'\"\n          size=\"sm\"\n        >\n        </sky-icon>\n      </button>\n      <span *ngIf=\"showTogglePlaceholder()\" class=\"toggle-children-placeholder\">\n      </span>\n    </div>\n    <!-- #endregion <tree-node-expander> --->\n\n    <!-- Note: we've made changes to the click event, tabindex, and classes when compared to the original template. -->\n    <!-- https://github.com/500tech/angular-tree-component/blob/master/lib/components/tree-node-wrapper.component.ts -->\n    <div class=\"node-content-wrapper\">\n      <sky-checkbox\n        *ngIf=\"showCheckbox()\"\n        [checked]=\"isSelected\"\n        [id]=\"node.data.id\"\n        [label]=\"node.data.name\"\n        [indeterminate]=\"isPartiallySelected\"\n        (change)=\"node.mouseAction('checkboxClick', $event)\"\n      >\n      </sky-checkbox>\n\n      <sky-angular-tree-context-menu>\n        <ng-content select=\"sky-dropdown\"></ng-content>\n      </sky-angular-tree-context-menu>\n\n      <tree-node-content\n        [index]=\"index\"\n        [node]=\"node\"\n        [template]=\"templates?.treeNodeTemplate\"\n        (click)=\"node.mouseAction('click', $event)\"\n      >\n      </tree-node-content\n      ><span class=\"sky-control-help-container\"\n        ><ng-content select=\".sky-control-help\"></ng-content\n      ></span>\n    </div>\n  </div>\n\n  <ng-container\n    [ngTemplateOutlet]=\"templates?.treeNodeWrapperTemplate\"\n    [ngTemplateOutletContext]=\"{\n      $implicit: node,\n      node: node,\n      index: index,\n      templates: templates\n    }\"\n  >\n  </ng-container>\n  <!-- #endregion <tree-node-wrapper> -->\n\n  <tree-node-children role=\"group\" [node]=\"node\" [templates]=\"templates\">\n  </tree-node-children>\n\n  <tree-node-drop-slot [dropIndex]=\"node.index + 1\" [node]=\"node.parent\">\n  </tree-node-drop-slot>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4$1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "indeterminate", "required"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i6.TreeNodeContent, selector: "tree-node-content", inputs: ["node", "index", "template"] }, { kind: "directive", type: i6.TreeDropDirective, selector: "[treeDrop]", inputs: ["allowDragoverStyling", "treeAllowDrop"], outputs: ["treeDrop", "treeDropDragOver", "treeDropDragLeave", "treeDropDragEnter"] }, { kind: "directive", type: i6.TreeDragDirective, selector: "[treeDrag]", inputs: ["treeDrag", "treeDragEnabled"] }, { kind: "component", type: i6.TreeNodeChildrenComponent, selector: "tree-node-children", inputs: ["node", "templates"] }, { kind: "component", type: i6.TreeNodeDropSlot, selector: "TreeNodeDropSlot, tree-node-drop-slot", inputs: ["node", "dropIndex"] }, { kind: "component", type: SkyAngularTreeContextMenuComponent, selector: "sky-angular-tree-context-menu" }, { kind: "pipe", type: i4.SkyLibResourcesPipe, name: "skyLibResources" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeNodeComponent, decorators: [{
+SkyAngularTreeNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeNodeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyAngularTreeAdapterService }, { token: SkyAngularTreeWrapperComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SkyAngularTreeNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyAngularTreeNodeComponent, selector: "sky-angular-tree-node", inputs: { index: "index", node: "node", templates: "templates" }, providers: [SkyAngularTreeAdapterService], viewQueries: [{ propertyName: "nodeContentWrapperRef", first: true, predicate: ["nodeContentWrapper"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  *ngIf=\"node && index !== undefined\"\n  [class]=\"node.getClass()\"\n  [class.tree-node]=\"true\"\n  [class.tree-node-active]=\"node.isActive\"\n  [class.tree-node-collapsed]=\"node.isCollapsed && node.hasChildren\"\n  [class.tree-node-expanded]=\"node.isExpanded && node.hasChildren\"\n  [class.tree-node-focused]=\"node.isFocused\"\n  [class.tree-node-leaf]=\"node.isLeaf\"\n>\n  <tree-node-drop-slot\n    *ngIf=\"index === 0\"\n    [dropIndex]=\"node.index\"\n    [node]=\"node.parent\"\n  >\n  </tree-node-drop-slot>\n\n  <!-- #region <tree-node-wrapper> custom template --->\n  <div\n    class=\"node-wrapper\"\n    role=\"treeitem\"\n    [allowDragoverStyling]=\"node.allowDragoverStyling()\"\n    [attr.aria-current]=\"node.isActive\"\n    [attr.aria-expanded]=\"node.children?.length ? node.isExpanded : null\"\n    [attr.aria-selected]=\"ariaSelected()\"\n    [attr.data-node-id]=\"node.id\"\n    [attr.tabindex]=\"tabIndex\"\n    [class.sky-angular-tree-node-active]=\"showActiveClass()\"\n    [class.sky-angular-tree-node-selected]=\"showSelectedClass()\"\n    [style.padding-left]=\"node.getNodePadding()\"\n    [treeAllowDrop]=\"node.allowDrop\"\n    [treeDrag]=\"node\"\n    [treeDragEnabled]=\"node.allowDrag()\"\n    (contextmenu)=\"node.mouseAction('contextMenu', $event)\"\n    (dblclick)=\"node.mouseAction('dblClick', $event)\"\n    (focus)=\"onFocus()\"\n    (mousedown)=\"onMouseDown()\"\n    (mouseup)=\"onMouseUp()\"\n    (keydown)=\"onKeyDown($event)\"\n    (treeDrop)=\"node.onDrop($event)\"\n    (treeDropDragEnter)=\"node.mouseAction('dragEnter', $event)\"\n    (treeDropDragLeave)=\"node.mouseAction('dragLeave', $event)\"\n    (treeDropDragOver)=\"node.mouseAction('dragOver', $event)\"\n    #nodeContentWrapper\n  >\n    <!-- #region <tree-node-expander> custom template --->\n    <div class=\"sky-toggle-children-wrapper\">\n      <button\n        *ngIf=\"node.hasChildren\"\n        class=\"sky-btn sky-btn-link sky-toggle-children\"\n        tabindex=\"-1\"\n        type=\"button\"\n        [attr.aria-label]=\"\n          'skyux_angular_tree_click_to_expand' | skyLibResources\n        \"\n        [class.toggle-children-wrapper-expanded]=\"node.isExpanded\"\n        [class.toggle-children-wrapper-collapsed]=\"node.isCollapsed\"\n        (click)=\"node.mouseAction('expanderClick', $event)\"\n      >\n        <sky-icon\n          [icon]=\"node.isExpanded ? 'chevron-down' : 'chevron-right'\"\n          size=\"sm\"\n        >\n        </sky-icon>\n      </button>\n      <span *ngIf=\"showTogglePlaceholder()\" class=\"toggle-children-placeholder\">\n      </span>\n    </div>\n    <!-- #endregion <tree-node-expander> --->\n\n    <!-- Note: we've made changes to the click event, tabindex, and classes when compared to the original template. -->\n    <!-- https://github.com/500tech/angular-tree-component/blob/master/lib/components/tree-node-wrapper.component.ts -->\n    <div class=\"node-content-wrapper\">\n      <sky-checkbox\n        *ngIf=\"showCheckbox()\"\n        [checked]=\"isSelected\"\n        [id]=\"node.data.id\"\n        [label]=\"node.data.name\"\n        [indeterminate]=\"isPartiallySelected\"\n        (change)=\"node.mouseAction('checkboxClick', $event)\"\n      >\n      </sky-checkbox>\n\n      <sky-angular-tree-context-menu>\n        <ng-content select=\"sky-dropdown\"></ng-content>\n      </sky-angular-tree-context-menu>\n\n      <tree-node-content\n        [index]=\"index\"\n        [node]=\"node\"\n        [template]=\"templates?.treeNodeTemplate\"\n        (click)=\"node.mouseAction('click', $event)\"\n      >\n      </tree-node-content\n      ><span class=\"sky-control-help-container\"\n        ><ng-content select=\".sky-control-help\"></ng-content\n      ></span>\n    </div>\n  </div>\n\n  <ng-container\n    [ngTemplateOutlet]=\"templates?.treeNodeWrapperTemplate\"\n    [ngTemplateOutletContext]=\"{\n      $implicit: node,\n      node: node,\n      index: index,\n      templates: templates\n    }\"\n  >\n  </ng-container>\n  <!-- #endregion <tree-node-wrapper> -->\n\n  <tree-node-children role=\"group\" [node]=\"node\" [templates]=\"templates\">\n  </tree-node-children>\n\n  <tree-node-drop-slot [dropIndex]=\"node.index + 1\" [node]=\"node.parent\">\n  </tree-node-drop-slot>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4$1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "indeterminate", "required"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i6.TreeNodeContent, selector: "tree-node-content", inputs: ["node", "index", "template"] }, { kind: "directive", type: i6.TreeDropDirective, selector: "[treeDrop]", inputs: ["allowDragoverStyling", "treeAllowDrop"], outputs: ["treeDrop", "treeDropDragOver", "treeDropDragLeave", "treeDropDragEnter"] }, { kind: "directive", type: i6.TreeDragDirective, selector: "[treeDrag]", inputs: ["treeDrag", "treeDragEnabled"] }, { kind: "component", type: i6.TreeNodeChildrenComponent, selector: "tree-node-children", inputs: ["node", "templates"] }, { kind: "component", type: i6.TreeNodeDropSlot, selector: "TreeNodeDropSlot, tree-node-drop-slot", inputs: ["node", "dropIndex"] }, { kind: "component", type: SkyAngularTreeContextMenuComponent, selector: "sky-angular-tree-context-menu" }, { kind: "pipe", type: i4.SkyLibResourcesPipe, name: "skyLibResources" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-angular-tree-node', providers: [SkyAngularTreeAdapterService], template: "<div\n  *ngIf=\"node && index !== undefined\"\n  [class]=\"node.getClass()\"\n  [class.tree-node]=\"true\"\n  [class.tree-node-active]=\"node.isActive\"\n  [class.tree-node-collapsed]=\"node.isCollapsed && node.hasChildren\"\n  [class.tree-node-expanded]=\"node.isExpanded && node.hasChildren\"\n  [class.tree-node-focused]=\"node.isFocused\"\n  [class.tree-node-leaf]=\"node.isLeaf\"\n>\n  <tree-node-drop-slot\n    *ngIf=\"index === 0\"\n    [dropIndex]=\"node.index\"\n    [node]=\"node.parent\"\n  >\n  </tree-node-drop-slot>\n\n  <!-- #region <tree-node-wrapper> custom template --->\n  <div\n    class=\"node-wrapper\"\n    role=\"treeitem\"\n    [allowDragoverStyling]=\"node.allowDragoverStyling()\"\n    [attr.aria-current]=\"node.isActive\"\n    [attr.aria-expanded]=\"node.children?.length ? node.isExpanded : null\"\n    [attr.aria-selected]=\"ariaSelected()\"\n    [attr.data-node-id]=\"node.id\"\n    [attr.tabindex]=\"tabIndex\"\n    [class.sky-angular-tree-node-active]=\"showActiveClass()\"\n    [class.sky-angular-tree-node-selected]=\"showSelectedClass()\"\n    [style.padding-left]=\"node.getNodePadding()\"\n    [treeAllowDrop]=\"node.allowDrop\"\n    [treeDrag]=\"node\"\n    [treeDragEnabled]=\"node.allowDrag()\"\n    (contextmenu)=\"node.mouseAction('contextMenu', $event)\"\n    (dblclick)=\"node.mouseAction('dblClick', $event)\"\n    (focus)=\"onFocus()\"\n    (mousedown)=\"onMouseDown()\"\n    (mouseup)=\"onMouseUp()\"\n    (keydown)=\"onKeyDown($event)\"\n    (treeDrop)=\"node.onDrop($event)\"\n    (treeDropDragEnter)=\"node.mouseAction('dragEnter', $event)\"\n    (treeDropDragLeave)=\"node.mouseAction('dragLeave', $event)\"\n    (treeDropDragOver)=\"node.mouseAction('dragOver', $event)\"\n    #nodeContentWrapper\n  >\n    <!-- #region <tree-node-expander> custom template --->\n    <div class=\"sky-toggle-children-wrapper\">\n      <button\n        *ngIf=\"node.hasChildren\"\n        class=\"sky-btn sky-btn-link sky-toggle-children\"\n        tabindex=\"-1\"\n        type=\"button\"\n        [attr.aria-label]=\"\n          'skyux_angular_tree_click_to_expand' | skyLibResources\n        \"\n        [class.toggle-children-wrapper-expanded]=\"node.isExpanded\"\n        [class.toggle-children-wrapper-collapsed]=\"node.isCollapsed\"\n        (click)=\"node.mouseAction('expanderClick', $event)\"\n      >\n        <sky-icon\n          [icon]=\"node.isExpanded ? 'chevron-down' : 'chevron-right'\"\n          size=\"sm\"\n        >\n        </sky-icon>\n      </button>\n      <span *ngIf=\"showTogglePlaceholder()\" class=\"toggle-children-placeholder\">\n      </span>\n    </div>\n    <!-- #endregion <tree-node-expander> --->\n\n    <!-- Note: we've made changes to the click event, tabindex, and classes when compared to the original template. -->\n    <!-- https://github.com/500tech/angular-tree-component/blob/master/lib/components/tree-node-wrapper.component.ts -->\n    <div class=\"node-content-wrapper\">\n      <sky-checkbox\n        *ngIf=\"showCheckbox()\"\n        [checked]=\"isSelected\"\n        [id]=\"node.data.id\"\n        [label]=\"node.data.name\"\n        [indeterminate]=\"isPartiallySelected\"\n        (change)=\"node.mouseAction('checkboxClick', $event)\"\n      >\n      </sky-checkbox>\n\n      <sky-angular-tree-context-menu>\n        <ng-content select=\"sky-dropdown\"></ng-content>\n      </sky-angular-tree-context-menu>\n\n      <tree-node-content\n        [index]=\"index\"\n        [node]=\"node\"\n        [template]=\"templates?.treeNodeTemplate\"\n        (click)=\"node.mouseAction('click', $event)\"\n      >\n      </tree-node-content\n      ><span class=\"sky-control-help-container\"\n        ><ng-content select=\".sky-control-help\"></ng-content\n      ></span>\n    </div>\n  </div>\n\n  <ng-container\n    [ngTemplateOutlet]=\"templates?.treeNodeWrapperTemplate\"\n    [ngTemplateOutletContext]=\"{\n      $implicit: node,\n      node: node,\n      index: index,\n      templates: templates\n    }\"\n  >\n  </ng-container>\n  <!-- #endregion <tree-node-wrapper> -->\n\n  <tree-node-children role=\"group\" [node]=\"node\" [templates]=\"templates\">\n  </tree-node-children>\n\n  <tree-node-drop-slot [dropIndex]=\"node.index + 1\" [node]=\"node.parent\">\n  </tree-node-drop-slot>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: SkyAngularTreeAdapterService }, { type: SkyAngularTreeWrapperComponent, decorators: [{
@@ -573,8 +573,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImpor
 
 class SkyAngularTreeModule {
 }
-SkyAngularTreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAngularTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeModule, declarations: [SkyAngularTreeContextMenuComponent,
+SkyAngularTreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAngularTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeModule, declarations: [SkyAngularTreeContextMenuComponent,
         SkyAngularTreeNodeComponent,
         SkyAngularTreeWrapperComponent,
         SkyTreeViewToolbarComponent], imports: [CommonModule,
@@ -583,13 +583,13 @@ SkyAngularTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
         SkyIconModule,
         SkyToolbarModule,
         TreeModule], exports: [SkyAngularTreeNodeComponent, SkyAngularTreeWrapperComponent] });
-SkyAngularTreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeModule, providers: [SkyCoreAdapterService], imports: [CommonModule,
+SkyAngularTreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeModule, providers: [SkyCoreAdapterService], imports: [CommonModule,
         SkyAngularTreeComponentResourcesModule,
         SkyCheckboxModule,
         SkyIconModule,
         SkyToolbarModule,
         TreeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAngularTreeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAngularTreeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/angular-tree-component",
-  "version": "8.0.0-beta.4",
+  "version": "8.0.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -32,14 +32,14 @@
     }
   },
   "peerDependencies": {
-    "@angular/common": "^15.2.1",
-    "@angular/core": "^15.2.1",
+    "@angular/common": "^15.2.9",
+    "@angular/core": "^15.2.9",
     "@circlon/angular-tree-component": "^11.0.4",
-    "@skyux/core": "8.0.0-beta.4",
-    "@skyux/forms": "8.0.0-beta.4",
-    "@skyux/i18n": "8.0.0-beta.4",
-    "@skyux/indicators": "8.0.0-beta.4",
-    "@skyux/layout": "8.0.0-beta.4"
+    "@skyux/core": "8.0.0",
+    "@skyux/forms": "8.0.0",
+    "@skyux/i18n": "8.0.0",
+    "@skyux/indicators": "8.0.0",
+    "@skyux/layout": "8.0.0"
   },
   "dependencies": {
     "tslib": "^2.5.0"