An editor that allows the user to assign items to categories. An item can belong to exactly one category. The order of items in a category may be significant. If it is, the user will be able to change the order of the items, otherwise she will not.

Example: Columns, Rows, Filters are categories, Measures, Products, Regions, Marketing and Material are items that may be assigned to one of the categories. In the category Filters the order of items is not significant, in the other categories the order is significant.

## Navigator

Columns
Measures
Products
Rows
Regions
Filters
Marketing
Material

## Classdiagram

## DOM Tree Example

    <cat-edit>
      <cat-category icon="column.png" name="Spalten">
        <cat-item name="Products">
          <cat-button icon="row.png" id="wcf.catbutton.0"/>
          <cat-button icon="filter.png" id="wcf.catbutton.1"/>
          <move-button/>
          <move-button move="fwd" id="wcf.catbutton.2"/>
        </cat-item>
        <cat-item name="Region">
          <cat-button icon="row.png" id="wcf.catbutton.3"/>
          <cat-button icon="filter.png" id="wcf.catbutton.4"/>
          <move-button move="bwd" id="wcf.catbutton.5"/>
          <move-button/>
        </cat-item>
      </cat-category>
      <cat-category icon="row.png" name="Zeilen">
        <cat-item name="Measures">
          <cat-button icon="column.png" id="wcf.catbutton.6"/>
          <cat-button icon="filter.png" id="wcf.catbutton.7"/>
        </cat-item>
      </cat-category>
      <cat-category icon="filter.png" name="Filter">
        <cat-item name="Region">
          <cat-button icon="column.png" id="wcf.catbutton.8"/>
          <cat-button icon="row.png" id="wcf.catbutton.9"/>
        </cat-item>
      </cat-category>
      <button id="wcf.navigator.ok" label="OK"/>
      <button id="wcf.navigator.cancel" label="Cancel"/>
    </cat-edit>