cons.ts

export type ToDoItem = {
  text: string
  completed: boolean
  editing: boolean
}

export type ValidInput = {
  text: string
  type: 'valid'
}

export type TrimInput = {
  text: string
  type: 'trim'
}

export type WhiteSpaceInput = {
  text: string
  type: 'whitespace'
}

export type EmptyInput = {
  text: string
  type: 'empty'
}

export type Model = {
  input: ValidInput | TrimInput | WhiteSpaceInput | EmptyInput,
  toDos: ToDoItem[]
  completeAll: boolean
  filter: 'all' | 'active' | 'completed',
  navigation: Model['filter'][]
};

export const STATIC = {
  VALID: 'valid',
  TRIM: 'trim',
  WHITESPACE: 'whitespace',
  EMPTY: 'empty',
  ALL: 'all',
  ACTIVE: 'active',
  COMPLETED: 'completed'
} as const

export const CLASS_SELECTORS = {
  NEW_TODO: '.new-todo',
  TODO_LIST: '.todo-list',
  TODO_ITEMS: '.todo-list li',
  TODO_ITEMS_INPUT: '.todo-list li .toggle',
  TODO_ITEMS_VISIBLE: '.todo-list li:visible',
  TODO_ITEMS_LABEL: '.todo-list li label',
  COUNT: 'span.todo-count',
  MAIN: '.main',
  FOOTER: '.footer',
  TOGGLE_ALL: '.toggle-all',
  // TOGGLE_ALL: 'label[for="toggle-all"]',
  TOGGLE_ALL_LABEL: 'label[for="toggle-all"]',
  CLEAR_COMPLETED: '.clear-completed',
  FILTERS: '.filters',
  FILTER_ITEMS: '.filters li a'
} as const