@ptsecurity/mosaic 13.5.0 → 13.6.0

package/fesm2020/ptsecurity-mosaic-tree.mjs

@@ -552,7 +552,7 @@ class McTreeOption extends McTreeNode {
         this._value = value;
     }
     get disabled() {
-        return this._disabled || this.tree.disabled;
+        return this._disabled || this.tree.disabled || this.tree.treeControl.isDisabled(this.data);
     }
     set disabled(value) {
         const newValue = coerceBooleanProperty(value);
@@ -695,7 +695,7 @@ class McTreeOption extends McTreeNode {
 /** @nocollapse */ /** @nocollapse */ McTreeOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: McTreeOption, selector: "mc-tree-option", inputs: { disabled: "disabled", showCheckbox: "showCheckbox" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { listeners: { "focusin": "focus()", "blur": "blur()", "click": "selectViaInteraction($event)", "keydown": "onKeydown($event)" }, properties: { "class.mc-selected": "selected", "class.mc-focused": "hasFocus", "class.mc-action-button-focused": "actionButton?.active", "attr.id": "id", "attr.tabindex": "-1", "attr.disabled": "disabled || null" }, classAttribute: "mc-tree-option" }, providers: [
         { provide: McTreeNode, useExisting: McTreeOption },
         { provide: MC_OPTION_ACTION_PARENT, useExisting: McTreeOption }
-    ], queries: [{ propertyName: "toggleElement", first: true, predicate: ["mcTreeNodeToggle"], descendants: true }, { propertyName: "pseudoCheckbox", first: true, predicate: McPseudoCheckbox, descendants: true }, { propertyName: "actionButton", first: true, predicate: McOptionActionComponent, descendants: true }, { propertyName: "tooltipTrigger", first: true, predicate: McTooltipTrigger, descendants: true }, { propertyName: "dropdownTrigger", first: true, predicate: McDropdownTrigger, descendants: true }], exportAs: ["mcTreeOption"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"mc-tree-node-toggle, [mc-tree-node-toggle], [mcTreeNodeToggle]\"></ng-content>\r\n\r\n<ng-container [ngSwitch]=\"externalPseudoCheckbox\">\r\n    <ng-content *ngSwitchCase=\"true\" select=\"mc-pseudo-checkbox\"></ng-content>\r\n\r\n    <ng-container *ngSwitchCase=\"false\">\r\n        <mc-pseudo-checkbox\r\n            *ngIf=\"showCheckbox\"\r\n            [state]=\"selected ? 'checked' : 'unchecked'\"\r\n            [disabled]=\"disabled\">\r\n        </mc-pseudo-checkbox>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-content select=\"mc-checkbox\"></ng-content>\r\n\r\n<ng-content select=\"[mc-icon]\"></ng-content>\r\n\r\n<ng-content select=\"mc-progress-spinner\"></ng-content>\r\n\r\n<span class=\"mc-option-text mc-no-select\"><ng-content></ng-content></span>\r\n\r\n<ng-content select=\"mc-option-action\"></ng-content>\r\n\r\n<div class=\"mc-option-overlay\"></div>\r\n", styles: [".mc-tree-option{box-sizing:border-box;display:flex;align-items:center;height:var(--mc-tree-size-node-height, 32px);word-wrap:break-word;border:2px solid transparent}.mc-tree-option .mc-option-text{display:inline-block;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:var(--mc-tree-size-padding-right, 16px)}.mc-tree-option>.mc-icon{margin-right:var(--mc-tree-size-icon-padding, 8px);cursor:pointer}.mc-tree-option>.mc-progress-spinner{margin-right:8px}.mc-tree-option:focus{outline:none}.mc-tree-option:not([disabled]){cursor:pointer}.mc-tree-option>.mc-pseudo-checkbox,.mc-tree-option>.mc-checkbox{margin-right:var(--mc-tree-size-icon-padding, 8px)}.mc-tree-option .mc-option-action{display:none}.mc-tree-option:not([disabled]):hover .mc-option-action,.mc-tree-option:not([disabled]).mc-focused .mc-option-action,.mc-tree-option:not([disabled]).mc-action-button-focused .mc-option-action{display:flex}\n"], components: [{ type: i1.McPseudoCheckbox, selector: "mc-pseudo-checkbox", inputs: ["state", "disabled"] }], directives: [{ type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], queries: [{ propertyName: "toggleElement", first: true, predicate: ["mcTreeNodeToggle"], descendants: true }, { propertyName: "pseudoCheckbox", first: true, predicate: McPseudoCheckbox, descendants: true }, { propertyName: "actionButton", first: true, predicate: McOptionActionComponent, descendants: true }, { propertyName: "tooltipTrigger", first: true, predicate: McTooltipTrigger, descendants: true }, { propertyName: "dropdownTrigger", first: true, predicate: McDropdownTrigger, descendants: true }], exportAs: ["mcTreeOption"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"mc-tree-node-toggle, [mc-tree-node-toggle], [mcTreeNodeToggle]\"></ng-content>\r\n\r\n<ng-container [ngSwitch]=\"externalPseudoCheckbox\">\r\n    <ng-content *ngSwitchCase=\"true\" select=\"mc-pseudo-checkbox\"></ng-content>\r\n\r\n    <ng-container *ngSwitchCase=\"false\">\r\n        <mc-pseudo-checkbox\r\n            *ngIf=\"showCheckbox\"\r\n            [state]=\"selected ? 'checked' : 'unchecked'\"\r\n            [disabled]=\"disabled\">\r\n        </mc-pseudo-checkbox>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-content select=\"mc-checkbox\"></ng-content>\r\n\r\n<ng-content select=\"[mc-icon]\"></ng-content>\r\n\r\n<ng-content select=\"mc-progress-spinner\"></ng-content>\r\n\r\n<span class=\"mc-option-text mc-no-select\"><ng-content></ng-content></span>\r\n\r\n<ng-content select=\"mc-option-action\"></ng-content>\r\n\r\n<div class=\"mc-option-overlay\"></div>\r\n", styles: [".mc-tree-option{box-sizing:border-box;display:flex;align-items:center;height:var(--mc-tree-size-node-height, 32px);word-wrap:break-word;border:2px solid transparent}.mc-tree-option .mc-option-text{display:inline-block;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:var(--mc-tree-size-padding-right, 16px)}.mc-tree-option>.mc-icon{margin-right:var(--mc-tree-size-icon-padding, 8px);cursor:pointer}.mc-tree-option>.mc-progress-spinner{margin-right:8px}.mc-tree-option:focus{outline:none}.mc-tree-option:not([disabled]){cursor:pointer}.mc-tree-option>.mc-pseudo-checkbox,.mc-tree-option>.mc-checkbox{margin-right:var(--mc-tree-size-icon-padding, 8px)}.mc-tree-option .mc-option-action{display:none}.mc-tree-option:not([disabled]):hover .mc-option-action,.mc-tree-option:not([disabled]).mc-focused .mc-option-action,.mc-tree-option:not([disabled]).mc-action-button-focused .mc-option-action{display:flex}\n"], components: [{ type: i1.McPseudoCheckbox, selector: "mc-pseudo-checkbox", inputs: ["color", "state", "disabled"] }], directives: [{ type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McTreeOption, decorators: [{
             type: Component,
             args: [{ selector: 'mc-tree-option', exportAs: 'mcTreeOption', host: {
@@ -815,7 +815,9 @@ class FlatTreeControl extends BaseTreeControl {
     /** compareValues will be used to comparing values. */
     compareValues = defaultCompareValues, 
     /** compareValues will be used to comparing values. */
-    compareViewValues = defaultCompareViewValues) {
+    compareViewValues = defaultCompareViewValues, 
+    /** isDisabled will be used to determine if the node is disabled. */
+    isDisabled = () => false) {
         super();
         this.getLevel = getLevel;
         this.isExpandable = isExpandable;
@@ -823,6 +825,7 @@ class FlatTreeControl extends BaseTreeControl {
         this.getViewValue = getViewValue;
         this.compareValues = compareValues;
         this.compareViewValues = compareViewValues;
+        this.isDisabled = isDisabled;
     }
     /**
      * Gets a list of the data node's subtree of descendent data nodes.