@ni/nimble-components 7.5.0 → 7.8.0

package/dist/all-components-bundle.js

@@ -13675,22 +13675,44 @@
         color: ${bodyDisabledFontColor};
     }
 
+    slot[name='checked-indicator'],
+    slot[name='indeterminate-indicator'] {
+        display: none;
+    }
+
     slot[name='checked-indicator'] svg {
         height: ${iconSize};
         width: ${iconSize};
         overflow: visible;
     }
 
+    :host(.checked:not(.indeterminate)) slot[name='checked-indicator'] {
+        display: contents;
+    }
+
     slot[name='checked-indicator'] path {
         fill: ${borderColor};
-        opacity: 0;
     }
 
-    :host([aria-checked='true']) slot[name='checked-indicator'] path {
-        opacity: 1;
+    :host([disabled]) slot[name='checked-indicator'] path {
+        fill: rgba(${borderRgbPartialColor}, 0.3);
     }
 
-    :host([disabled]) slot[name='checked-indicator'] path {
+    slot[name='indeterminate-indicator'] svg {
+        height: ${iconSize};
+        width: ${iconSize};
+        overflow: visible;
+    }
+
+    :host(.indeterminate) slot[name='indeterminate-indicator'] {
+        display: contents;
+    }
+
+    slot[name='indeterminate-indicator'] path {
+        fill: ${borderColor};
+    }
+
+    :host([disabled]) slot[name='indeterminate-indicator'] path {
         fill: rgba(${borderRgbPartialColor}, 0.3);
     }
 `;
@@ -13705,7 +13727,8 @@
         baseClass: Checkbox$1,
         template: checkboxTemplate,
         styles: styles$h,
-        checkedIndicator: check16X16.data
+        checkedIndicator: check16X16.data,
+        indeterminateIndicator: minus16X16.data
     });
     DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCheckbox());
 
@@ -14932,6 +14955,7 @@
             this.propertiesToWatch = ['hidden', 'location', 'state'];
             this.animationDurationMilliseconds = animationDurationWhenDisabledMilliseconds;
         }
+        /** @internal */
         connectedCallback() {
             // disable trapFocus before super.connectedCallback as FAST Dialog will immediately queue work to
             // change focus if it's true before connectedCallback
@@ -14949,6 +14973,7 @@
             this.propertyChangeSubscriber = subscriber;
             this.propertyChangeNotifier = notifier;
         }
+        /** @internal */
         disconnectedCallback() {
             super.disconnectedCallback();
             this.cancelCurrentAnimation();
@@ -14970,8 +14995,16 @@
             // Not calling super.hide() as that will immediately hide the drawer, whereas 'Closing' state will animate
             this.state = DrawerState.Closing;
         }
+        /**
+         * Handler for overlay clicks (user-initiated dismiss requests) only.
+         * @internal
+         */
         dismiss() {
-            if (!this.preventDismiss) {
+            const shouldDismiss = this.$emit('cancel', {}, 
+            // Aligned with the configuration of HTMLDialogElement cancel event:
+            // https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/cancel_event
+            { bubbles: false, cancelable: true, composed: false });
+            if (shouldDismiss && !this.preventDismiss) {
                 super.dismiss();
                 this.hide();
             }
@@ -18212,6 +18245,7 @@
     (function (TreeViewSelectionMode) {
         TreeViewSelectionMode["All"] = "all";
         TreeViewSelectionMode["LeavesOnly"] = "leaves-only";
+        TreeViewSelectionMode["None"] = "none";
     })(TreeViewSelectionMode || (TreeViewSelectionMode = {}));
 
     /* eslint-disable */
@@ -18510,8 +18544,9 @@
                     return;
                 }
                 const leavesOnly = this.treeView?.selectionMode === TreeViewSelectionMode.LeavesOnly;
+                const all = this.treeView?.selectionMode === TreeViewSelectionMode.All;
                 const hasChildren = this.hasChildTreeItems();
-                if ((leavesOnly && !hasChildren) || !leavesOnly) {
+                if ((leavesOnly && !hasChildren) || all) {
                     const selectedTreeItem = this.getImmediateTreeItem(this.treeView?.currentSelected);
                     // deselect currently selected item if different than this instance
                     if (selectedTreeItem && this !== this.treeView?.currentSelected) {
@@ -18520,7 +18555,7 @@
                     this.selected = true;
                 }
                 else {
-                    // implicit hasChildren && leavesOnly, so only allow expand/collapse, not select
+                    // implicit (hasChildren && leavesOnly) || none, so only allow expand/collapse, not select
                     this.expanded = !this.expanded;
                 }
                 // don't allow base class to process click event