fix(#143): add sort_group_by_parent option so default sorting behav…

…ior is reverted

README.md

@@ -44,6 +44,7 @@ This card is intended to display connections between entities with numeric state
 | entities | list | **Required** | | Entities to show in this section. Could be just the entity_id as a string or an object, see [entities object](#entities-object) for additional options. Note that the order of this list matters
 | sort_by | string | **Optional** | | Sort the entities in this section. Valid options are: 'state'. If your values change often, you may want to use the `throttle` option to limit update frequency
 | sort_dir | string | **Optional** | desc | Sorting direction. Valid options are: 'asc' for smallest first & 'desc' for biggest first
+| sort_group_by_parent | boolean | **Optional** | false | Group entities by parent before sorting. See #135
 | min_width | string | **Optional** | | Minimum section width. Any CSS value is OK. Examples: 75px, 50%, 1em
 
 ### Entities object

src/chart.ts

@@ -277,7 +277,7 @@ export class Chart extends LitElement {
  const availableHeight = this.config.height - (boxes.length - 1) * this.config.min_box_distance;
  // calc sizes to determine statePerPixelY ratio and find the best one
  const calcResults = this._calcBoxHeights(boxes, availableHeight, total);
- const parentBoxes = this.sections[this.sections.length - 1]?.boxes || [];
+ const parentBoxes = section.sort_group_by_parent ? this.sections[this.sections.length - 1]?.boxes || [] : [];
  const sectionState = {
  boxes: this._sortBoxes(parentBoxes, calcResults.boxes, section.sort_by, section.sort_dir),
  total,

src/types.ts

@@ -85,6 +85,7 @@ export interface SectionConfig {
  entities: EntityConfigOrStr[];
  sort_by?: 'state';
  sort_dir?: 'asc' | 'desc';
+ sort_group_by_parent?: boolean;
  min_width?: string;
 }
 
@@ -114,6 +115,7 @@ export interface Section {
  entities: EntityConfigInternal[];
  sort_by?: 'state';
  sort_dir?: 'asc' | 'desc';
+ sort_group_by_parent?: boolean;
  min_width?: string;
 }