  }
}" x-init="
    initialState = JSON.stringify(dogBarkFilter);
    $watch('dogBarkFilter', () => { updateChanges(); }, { deep: true });
">
    <!-- control collapse element open state and label visibility -->
    <input type="checkbox" id="dogBarkFilterSettingsOpen"
        x-on:change="filteringSettingsOpen = !filteringSettingsOpen"
        aria-controls="dogBarkFilterSettingsContent"
        aria-expanded="true" />

    {{template "sectionHeader" dict
        "id" "dogBarkFilter"
        "title" "False