<commit_before><script setup>
import {
  useCssModule, computed, watch, onMounted, ref, inject,
} from 'vue';
import IconCaretDown from '../icon/comps/caret-down.vue';
import { modifyClassName } from '../../utils/buildClass.js';
import mapClasses from '../../utils/mapClasses.js';

const props = defineProps({
  /**
   * The unique id of an accordion.
   */
  id: {
    type: String,
    required: true,
  },
  /**
   * Toggle this value to open/close the accordion.
   */
  opened: {
    type: Boolean,
    default: false,
  },
  /**
   * Sets a compact style.
   */
  compact: {
    type: Boolean,
    default: false,
  },
  /**
   * Sets a border-aligned style.
   */
  borderAligned: {
    type: Boolean,
    default: false,
  },
  /**
   * Sets the heading level
   */
  level: {
    type: [String, Number],
    required: true,
  },
  /**
   * Toggles content spacing (padding)
   */
  contentSpacing: {
      type: Boolean,
      default: true,
    },
  label: {
    type: String,
  },
});
const emit = defineEmits(['accordion-toggle']);
const unwrap = inject('unwrap');
const isGrouped = inject('unwrap') ? 'li' : 'div';
const style = useCssModule();
const accordionContentEl = ref(null);<commit_msg>Adds default value to injection<commit_after><script setup>
import {
  useCssModule, computed, watch, onMounted, ref, inject,
} from 'vue';
import IconCaretDown from '../icon/comps/caret-down.vue';
import { modifyClassName } from '../../utils/buildClass.js';
import mapClasses from '../../utils/mapClasses.js';

const props = defineProps({
  /**
   * The unique id of an accordion.
   */
  id: {
    type: String,
    required: true,
  },
  /**
   * Toggle this value to open/close the accordion.
   */
  opened: {
    type: Boolean,
    default: false,
  },
  /**
   * Sets a compact style.
   */
  compact: {
    type: Boolean,
    default: false,
  },
  /**
   * Sets a border-aligned style.
   */
  borderAligned: {
    type: Boolean,
    default: false,
  },
  /**
   * Sets the heading level
   */
  level: {
    type: [String, Number],
    required: true,
  },
  /**
   * Toggles content spacing (padding)
   */
  contentSpacing: {
      type: Boolean,
      default: true,
    },
  label: {
    type: String,
  },
});
const emit = defineEmits(['accordion-toggle']);
const unwrap = inject('unwrap', false);
const isGrouped = inject('unwrap', false) ? 'li' : 'div';
const style = useCssModule();
const accordionContentEl = ref(null);
{'fraction_non_alphanumeric': 0.15780866721177433, 'fraction_numerical': 0.0, 'mean_word_length': 2.6796992481203006, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, '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': '1678046', 'n_tokens_mistral': 806, 'n_tokens_neox': 809, 'n_words': 217}