Странно, должно быть наоборот - хеш не должен измениться, section_current_key должен вернуть ключ первого раздела. Будет проще, если кидать сюда код, а не картинки.

Да. Верно. Я ошибся. Всё так.

Я делал без таймаута. Не работало.

1. Для единообразия.
2. В последствии может потребоваться вычислять ключ динамически и делегировать другому свойству.
3. Возможность задваться его и читать во view.tree

Что именно не работало?

@$mol_mem()
    section_current_key () {
      for (let s of this.menu_items()) {
        if ($mol_state_arg.value(s.key) !== null) return s.key
      }
      return $mol_state_arg.value(this.menu_items()[0].key, '')
    }

В начале было так. Хэш меняется, но раздел не открывается.

Я имел ввиду так:

@$mol_mem()
section_current_key () {
  for (let s of this.menu_items()) {
    if ($mol_state_arg.value(s.key) !== null) return s.key
  }
  return this.menu_items()[0].key
}

Хотя, я бы лучше сделал так:

@$mol_mem()
section_current_key () {
  return this.$.$mol_state_arg.value( 'section' ) || this.menu_items()[0].key
}

@$mol_mem()
section_current_key () {
  for (let s of this.menu_items()) {
    if ($mol_state_arg.value(s.key) !== null) return s.key
  }
  return this.menu_items()[0].key
}

@$mol_mem()
section_current_key () {
  return this.$.$mol_state_arg.value( 'section' ) || this.menu_items()[0].key
}

Второй вариант не подойдет, т.к. у меня ссылки вида:
#customerorder - открытый раздел списка заказов
#customerorder=123 - открытый раздел списка заказов + карточка заказа с id=123

Ссылка на раздел устанавливается по клику на пункт меню. Если я сделаю просто return this.menu_items()[0].key я не установлю ключ раздела в хэше. Сейчас подумаю как связать.

Эх, прошу прощеня. Это я туплю.

@$mol_mem()
    section_current_key () {
      for (let s of this.menu_items()) {
        if ($mol_state_arg.value(s.key()) !== null) return s.key()
      }

      const first_key = this.menu_items()[0].key()
      $mol_state_arg.value(first_key, '')
      return first_key
    }

Если нужно именно изменить хеш, то просто меняем хеш и возвращаем актуальное значение свойства, а не нул.

Ага, правильно.

Я ожидал что $mol_state_arg.value(first_key, '') вернет ключ, что не так.

Есть ещё такой вариант урлов:

#section=orders/order=123/product=456

#section=products/order=123/product=456

Три панели, три части урла.

#section=orders/order=123/product=456

#section=products/order=123/product=456

Текущий просто компактнее. Мне он оч. понравился, когда вы его предложили. Я ссылки часто кидаю на приложение, поэтому важно.

Полагаю, в карточках поля красиво расположить в зависимости от ширины окна медиазапросами? Нет никакой специфики в этом плане?

Располагать лучше флексами, тогда карточка будет адекватно подстраиваться под размер контейнера. Например: узкая колонка на большом экране должна иметь компактные карточки.

Мне не нравится что отдельные поля Price, Quantity, Total могут залезать на одну строку с Name как на фото. Завернуть (фото, Name) и (Price, Quantity, Total) в два разных $mol_row?

Логично, раз уж нужны чётко 2 строки.

Нужно чтобы при маленькой ширине карточки (напр на мобильных) было 2 строки, на большом экране одна. Пробую через $mol_row сделать.