1. Advisor
  2. @clr/angular
  3. functions
  4. @clr/angular.ClrSelectedState.UNSELECTED
View all @clr/angular analysis

How to use the @clr/angular.ClrSelectedState.UNSELECTED function in @clr/angular

To help you get started, we’ve selected a few @clr/angular examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github vmware / clarity / src / dev / src / app / tree-view / pre-selection / pre-selection.ts View on Github external
selected: {
        parent: ClrSelectedState.SELECTED,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.SELECTED,
      },
      indeterminate: {
        parent: ClrSelectedState.INDETERMINATE,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
    },

    inconsistent: {
      unselected: {
        parent: ClrSelectedState.INDETERMINATE,
        child1: ClrSelectedState.UNSELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
      selected: {
        parent: ClrSelectedState.UNSELECTED,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.SELECTED,
      },
      indeterminate: {
        parent: ClrSelectedState.SELECTED,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
    },
  };

  larger = [
github vmware / clarity / src / dev / src / app / tree-view / eager-recursive-tree / eager-recursive-tree.ts View on Github external
rootMap.forEach(node => {
      selectedMap[node.name] = ClrSelectedState.UNSELECTED;
      if (node.children) {
        this.buildDefaultSelected(node.children, selectedMap);
      }
    });
    return selectedMap;
github vmware / clarity / src / dev / src / app / tree-view / pre-selection / pre-selection.ts View on Github external
child2: ClrSelectedState.UNSELECTED,
      },
    },

    childrenOnly: {
      unselected: {
        child1: ClrSelectedState.UNSELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
      selected: {
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.SELECTED,
      },
      indeterminate: {
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
    },
  };

  lazy = {
    consistent: {
      unselected: {
        parent: ClrSelectedState.UNSELECTED,
        child1: ClrSelectedState.UNSELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
      selected: {
        parent: ClrSelectedState.SELECTED,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.SELECTED,
      },
github vmware / clarity / src / dev / src / app / tree-view / pre-selection / pre-selection.ts View on Github external
return Array.from(Array(50).keys()).map(key => ({
      name: `Item ${letter}.${key}`,
      selected: ClrSelectedState.UNSELECTED,
    }));
  }
github vmware / clarity / src / dev / src / app / tree-view / pre-selection / pre-selection.ts View on Github external
* This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
import { Component } from '@angular/core';
import { ClrSelectedState } from '@clr/angular';

@Component({
  selector: 'clr-pre-selection-demo',
  styleUrls: ['../tree-view.demo.scss'],
  templateUrl: './pre-selection.html',
})
export class PreSelectionDemo {
  eager = {
    consistent: {
      unselected: {
        parent: ClrSelectedState.UNSELECTED,
        child1: ClrSelectedState.UNSELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
      selected: {
        parent: ClrSelectedState.SELECTED,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.SELECTED,
      },
      indeterminate: {
        parent: ClrSelectedState.INDETERMINATE,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
    },

    inconsistent: {
github vmware / clarity / src / dev / src / app / tree-view / pre-selection / pre-selection.ts View on Github external
};

  larger = [
    {
      name: 'Item A',
      selected: ClrSelectedState.UNSELECTED,
      children: this.addChildren('A'),
    },
    {
      name: 'Item B',
      selected: ClrSelectedState.UNSELECTED,
      children: this.addChildren('B'),
    },
    {
      name: 'Item C',
      selected: ClrSelectedState.UNSELECTED,
      children: this.addChildren('C'),
    },
  ];

  private addChildren(letter) {
    return Array.from(Array(50).keys()).map(key => ({
      name: `Item ${letter}.${key}`,
      selected: ClrSelectedState.UNSELECTED,
    }));
  }
}
github vmware / clarity / src / dev / src / app / tree-view / pre-selection / pre-selection.ts View on Github external
inconsistent: {
      unselected: {
        parent: ClrSelectedState.INDETERMINATE,
        child1: ClrSelectedState.UNSELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
      selected: {
        parent: ClrSelectedState.UNSELECTED,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.SELECTED,
      },
      indeterminate: {
        parent: ClrSelectedState.SELECTED,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
    },
  };

  larger = [
    {
      name: 'Item A',
      selected: ClrSelectedState.UNSELECTED,
      children: this.addChildren('A'),
    },
    {
      name: 'Item B',
      selected: ClrSelectedState.UNSELECTED,
      children: this.addChildren('B'),
    },
    {
github vmware / clarity / src / dev / src / app / tree-view / pre-selection / pre-selection.ts View on Github external
parent: ClrSelectedState.SELECTED,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.SELECTED,
      },
      indeterminate: {
        parent: ClrSelectedState.INDETERMINATE,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
    },

    inconsistent: {
      unselected: {
        parent: ClrSelectedState.INDETERMINATE,
        child1: ClrSelectedState.UNSELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
      selected: {
        parent: ClrSelectedState.UNSELECTED,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.SELECTED,
      },
      indeterminate: {
        parent: ClrSelectedState.SELECTED,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
    },
  };

  larger = [
    {
github vmware / clarity / src / dev / src / app / tree-view / pre-selection / pre-selection.ts View on Github external
},
      indeterminate: {
        parent: ClrSelectedState.INDETERMINATE,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
    },

    inconsistent: {
      unselected: {
        parent: ClrSelectedState.INDETERMINATE,
        child1: ClrSelectedState.UNSELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
      selected: {
        parent: ClrSelectedState.UNSELECTED,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.SELECTED,
      },
      indeterminate: {
        parent: ClrSelectedState.SELECTED,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
    },
  };

  larger = [
    {
      name: 'Item A',
      selected: ClrSelectedState.UNSELECTED,
      children: this.addChildren('A'),
github vmware / clarity / src / dev / src / app / tree-view / pre-selection / pre-selection.ts View on Github external
},
      indeterminate: {
        parent: ClrSelectedState.INDETERMINATE,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
    },

    inconsistent: {
      unselected: {
        parent: ClrSelectedState.INDETERMINATE,
        child1: ClrSelectedState.UNSELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
      selected: {
        parent: ClrSelectedState.UNSELECTED,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.SELECTED,
      },
      indeterminate: {
        parent: ClrSelectedState.SELECTED,
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
    },

    childrenOnly: {
      unselected: {
        child1: ClrSelectedState.UNSELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
      selected: {

@clr/angular

Angular components for Clarity

GitHub
MIT
Latest version published 1 month ago

Package Health Score

90 / 100
Full package analysis

Popular @clr/angular functions

Similar packages