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

How to use the @clr/angular.ClrSelectedState.SELECTED 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
},

    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: {
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.SELECTED,
      },
      indeterminate: {
        child1: ClrSelectedState.SELECTED,
        child2: 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,
      },
    },

    childrenOnly: {
      unselected: {
        child1: ClrSelectedState.UNSELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
      selected: {
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.SELECTED,
      },
      indeterminate: {
        child1: ClrSelectedState.SELECTED,
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
},
    },

    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
@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: {
      unselected: {
        parent: ClrSelectedState.INDETERMINATE,
        child1: ClrSelectedState.UNSELECTED,
        child2: ClrSelectedState.UNSELECTED,
      },
github vmware / clarity / src / dev / src / app / tree-view / eager-recursive-tree / eager-recursive-tree.ts View on Github external
      .filter(key => selectedMap[key] === ClrSelectedState.SELECTED)
      .join(', ');
github vmware / clarity / src / dev / src / app / tree-view / pre-selection / pre-selection.ts View on Github external
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: {
        child1: ClrSelectedState.SELECTED,
        child2: ClrSelectedState.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