<commit_before>import {Injectable} from '@angular/core';

export interface DocItem {
  id: string;
  name: string;
  summary?: string;
  packageName?: string;
  examples?: string[];
}

export interface DocCategory {
  id: string;
  name: string;
  items: DocItem[];
  summary?: string;
}

export interface DocSection {
  name: string;
  summary: string;
}

const CDK = 'cdk';
const COMPONENTS = 'components';
export const SECTIONS: {[key: string]: DocSection} = {
  [COMPONENTS]: {
    name: 'Components',
    summary: 'Angular Material comprises a range of components which implement common ' +
    'interaction patterns according to the Material Design specification.'
  },
  [CDK]: {
    name: 'CDK',
    summary: 'The Component Dev Kit (CDK) is a set of tools that implement common interaction ' +
    'patterns whilst being unopinionated about their presentation. It represents an abstraction ' +
    'of the core functionalities found in the Angular Material library, without any styling ' +
    'specific to Material Design. Think of the CDK as a blank state of well-tested functionality ' +
    'upon which you can develop your own bespoke components.'
  },
};


const DOCS: {[key: string]: DocCategory[]} = {
  [COMPONENTS]: [
    {
      id: 'forms',
      name: 'Form Controls',
      summary: 'Controls that collect and validate user input.',
      items: [
        {
          id: 'autocomplete',
          name: 'Autocomplete',
          summary: 'Suggests relevant options as the user types.',
          examples: [
            'autocomplete-overview',
            'autocomplete-simple',
            'autocomplete-display',
            'autocomplete-filter',
            'autocomplete-optgroup',
            'autocomplete-auto-active-first-option',
          ]
        },
        {
          id: 'checkbox',
          name: 'Checkbox',
          summary: 'Captures boolean input with an optional indeterminate mode.',
          examples: ['checkbox-configurable']
        },
        {
          id: 'datepicker',
          name: 'Datepicker',
          summary: 'Captures dates, agnostic about their internal representation.',
          examples: [
            'datepicker-overview',
            'datepicker-start-view',
            'datepicker-value',
            'datepicker-min-max',
            'datepicker-filter',
            'datepicker-events',
            'datepicker-disabled',
            'datepicker-touch',
            'datepicker-api',
            'datepicker-locale',
            'datepicker-moment',
            'datepicker-formats',

          ]
        },
        {
          id: 'form-field',
          name: 'Form field',
          summary: 'Wraps input fields so they are displayed consistently.',
          examples: [
            'form-field-overview',
            'form-field-label',
            'form-field-hint',
            'form-field-error',
            'form-field-prefix-suffix',
            'form-field-theming',
            'form-field-custom-control',
          ]
        },
        {
          id: 'input',
          name: 'Input',
          summary: 'Enables native inputs to be used within a Form field.',
          examples: [
            'input-overview',
            'input-error-state-matcher',<commit_msg>chore: include form field appearance example (#563)<commit_after>import {Injectable} from '@angular/core';

export interface DocItem {
  id: string;
  name: string;
  summary?: string;
  packageName?: string;
  examples?: string[];
}

export interface DocCategory {
  id: string;
  name: string;
  items: DocItem[];
  summary?: string;
}

export interface DocSection {
  name: string;
  summary: string;
}

const CDK = 'cdk';
const COMPONENTS = 'components';
export const SECTIONS: {[key: string]: DocSection} = {
  [COMPONENTS]: {
    name: 'Components',
    summary: 'Angular Material comprises a range of components which implement common ' +
    'interaction patterns according to the Material Design specification.'
  },
  [CDK]: {
    name: 'CDK',
    summary: 'The Component Dev Kit (CDK) is a set of tools that implement common interaction ' +
    'patterns whilst being unopinionated about their presentation. It represents an abstraction ' +
    'of the core functionalities found in the Angular Material library, without any styling ' +
    'specific to Material Design. Think of the CDK as a blank state of well-tested functionality ' +
    'upon which you can develop your own bespoke components.'
  },
};


const DOCS: {[key: string]: DocCategory[]} = {
  [COMPONENTS]: [
    {
      id: 'forms',
      name: 'Form Controls',
      summary: 'Controls that collect and validate user input.',
      items: [
        {
          id: 'autocomplete',
          name: 'Autocomplete',
          summary: 'Suggests relevant options as the user types.',
          examples: [
            'autocomplete-overview',
            'autocomplete-simple',
            'autocomplete-display',
            'autocomplete-filter',
            'autocomplete-optgroup',
            'autocomplete-auto-active-first-option',
          ]
        },
        {
          id: 'checkbox',
          name: 'Checkbox',
          summary: 'Captures boolean input with an optional indeterminate mode.',
          examples: ['checkbox-configurable']
        },
        {
          id: 'datepicker',
          name: 'Datepicker',
          summary: 'Captures dates, agnostic about their internal representation.',
          examples: [
            'datepicker-overview',
            'datepicker-start-view',
            'datepicker-value',
            'datepicker-min-max',
            'datepicker-filter',
            'datepicker-events',
            'datepicker-disabled',
            'datepicker-touch',
            'datepicker-api',
            'datepicker-locale',
            'datepicker-moment',
            'datepicker-formats',

          ]
        },
        {
          id: 'form-field',
          name: 'Form field',
          summary: 'Wraps input fields so they are displayed consistently.',
          examples: [
            'form-field-overview',
            'form-field-label',
            'form-field-appearance',
            'form-field-hint',
            'form-field-error',
            'form-field-prefix-suffix',
            'form-field-theming',
            'form-field-custom-control',
          ]
        },
        {
          id: 'input',
          name: 'Input',
          summary: 'Enables native inputs to be used within a Form field.',
          examples: [
            'input-overview',
            'input-error-state-matcher',
{'fraction_non_alphanumeric': 0.11228974086982876, 'fraction_numerical': 0.0004546143355053796, 'mean_word_length': 2.010948905109489, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7147790', 'n_tokens_mistral': 1790, 'n_tokens_neox': 1721, 'n_words': 514}