| <!-- |
| ag-data-grid-filter-select-item renders an item inside the select list filter. |
| |
| Usage: |
| ``` |
| <ag-data-grid-filter-select |
| multiple |
| key="status" |
| label="Show contacts that are"> |
| |
| <ag-data-grid-filter-select-item |
| checked |
| label="Online" |
| value="online"> |
| </ag-data-grid-filter-select-item> |
| <ag-data-grid-filter-select-item |
| checked |
| label="Away" |
| value="away"> |
| </ag-data-grid-filter-select-item> |
| <ag-data-grid-filter-select-item |
| checked |
| label="Offline" |
| value="offline"> |
| </ag-data-grid-filter-select-item> |
| |
| </ag-data-grid-filter-select> |
| ``` |
| @element ag-data-grid-filter-select-item |
| --> |
| <link rel="import" href="../../../../polymer/polymer.html"> |
| <polymer-element name="ag-data-grid-filter-select-item" attributes="label checked value"> |
| <script> |
| Polymer('ag-data-grid-filter-select-item', { |
| /** |
| * Label text for the item |
| * @attribute label |
| * @type string |
| * @default '' |
| */ |
| label: '', |
| |
| /** |
| * Whether item is checked or not |
| * @attribute checked |
| * @type boolean |
| * @default false |
| */ |
| checked: false, |
| |
| /** |
| * Value that will available as filters[key] in the fetch() function of your data source. |
| * Where key is the key of the select filter that contains this item |
| * @attribute value |
| * @type string |
| * @default '' |
| */ |
| value: '' |
| }); |
| </script> |
| </polymer-element> |