1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <meta name="csrf-token" content="ef8EXNpRY2epOAFHNh3xcVQUBg34oFmJaNoR9mEl" /> 8 9 <title>Svensk Musik â Search</title> 10 <meta name="description" content="The archive contains contemporary music from the last hundred years, with more than 90Â 000 works of classical and popular music."> 11 12 <!-- Twitter Card data --> 13 <meta name="twitter:card" content="The archive contains contemporary music from the last hundred years, with more than 90Â 000 works of classical and popular music."> 14 15 <!-- Open Graph data --> 16 <meta property="og:title" content="Svensk Musik" /> 17 <meta property="og:type" content="article" /> 18 <meta property="og:url" content="http://svenskmusik.mic.se/en/search" /> 19 <meta property="og:image" content="http://svenskmusik.se/images/jpg/og-image.jpg" /> 20 <meta property="og:site_name" content="Svensk Musik" /> 21 <meta property="og:locale" content="en_US" /> 22 <meta property="og:locale:alternate" content="sv_SE" /> 23 <meta property="og:description" content="The archive contains contemporary music from the last hundred years, with more than 90Â 000 works of classical and popular music." /> 24 25 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 26 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 27 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 28 <link rel="manifest" href="/manifest.json"> 29 <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> 30 <meta name="theme-color" content="#ffffff"> 31 32 <link rel="stylesheet" href="/css/app.css?id=f20b65ff9cf90cfc8f97"> 33 34
34<script src="https://cdn-eu.cookietractor.com/cookietractor.js" data-lang="sv-SE" data-id="c1fb6c38-cb9d-4603-99a7-d025437da37b" type="026d0d720065c70b24d244fd-text/javascript"></script>
34 35 36
36<script type="026d0d720065c70b24d244fd-text/javascript"> 37 window.appConf = {"locale":"en","baseUrl":"https:\/\/www.svenskmusik.org","netsDibsPaymentUrl":"https:\/\/www.svenskmusik.org\/nets-dibs\/payment"}; 38 </script>
38 39 40 </head> 41 <body> 42 <a href="#main-content" class="c-skipLink u-visuallyHidden u-focusable"> 43 Go to main content 44 </a> 45 46 47 <aside class="c-cmsAlert"> 48 <div class="c-cmsAlert__alert"> 49 <img src="/images/svg/icon-cms-alert.svg" alt="icon" width="20" height="20"> 50 <p role="alert">Want to order the Edition Suecia Tranströmer edition? Write "Tranströmerutgåvan" in the search field.</p> 51 </div> 52 </aside> 53 54 <header class="c-header"> 55 <a href="/" class="c-header__logo"> 56 <img src="/images/svg/logo-black.svg" alt="Svensk Musik" width="220" height="15" /> 57 </a> 58 59 60 <nav class="c-nav--primary"> 61 <ul class="c-nav--primary__menu"> 62 <li class="c-nav--primary__item"> 63 <a class="c-nav--primary__link -active -yellow" href="https://www.svenskmusik.org/en/search"> 64 <span class="c-nav--primary__link__text">Search works</span> 65 </a> 66 </li> 67 <li class="c-nav--primary__item"> 68 <a class="c-nav--primary__link" href="https://www.svenskmusik.org/en/about"> 69 <span class="c-nav--primary__link__text">About Svensk Musik</span> 70 </a> 71 </li> 72 </ul> 73</nav> </header> 74 75 <div id="cart-container"> 76 <div id="cart" class="c-cartDialog js-dialog" aria-hidden="true"> 77 78 <div class="c-cartDialog__overlay" tabindex="-1" data-a11y-dialog-hide="cart"></div> 79 80 <div role="dialog" class="c-cartDialog__inner" aria-labelledby="cart-title"> 81 <div role="document" class="c-cartDialog__document"> 82 83 <h2 id="cart-title" tabindex="0" class="c-cartDialog__title"> 84 Cart 85 </h2> 86 87 <div class="c-cartDialog__content"> 88 <div class="c-cartDialog__content__inner"> 89 <cart 90 :animate="animate" 91 /> 92 </div> 93 </div> 94 95 <button type="button" class="c-cartDialog__close" data-a11y-dialog-hide="cart" aria-label="Close this dialog window"> 96 <svg class="c-icon -close" aria-hidden="true"> 97 <use xlink:href="/images/spritemap.svg#icon-close"></use> 98 </svg> 99 </button> 100 101 </div> 102 </div> 103</div> 104 105 106 <cart-toggle></cart-toggle> 107</div> 108 109 <main id="main-content" tabindex="-1"> 110 <div id="search-app"> 111 112 <form action="" class="c-form" v-on:submit.prevent="onSearchTextFormSubmit" autocomplete="off"> 113 <div class="c-jumbotron -yellow"> 114 <div class="o-wrapper -large"> 115 <div class="o-row o-fauxRow -xsmall o-4-12@xlarge c-text u-left@xlarge"> 116 The archive contains contemporary music from the last hundred years, with more than 90 000 works of classical and popular music. 117 </div> 118 <div class="o-8-12@xlarge u-left@xlarge u-last@xlarge o-row o-fauxRow -xsmall c-form__wrapper -search-page"> 119 <div class="c-form__item -search -search-page"> 120 <label for="search-text" class="u-visuallyHidden">Enter keywords</label> 121 <v-autocomplete v-model="autoCompleteItem" 122 input-class="c-form__search" 123 placeholder="Search works or rightsholders" 124 ref="autoComplete" 125 :auto-select-one-item="false" 126 :items="autoCompleteItems" 127 :get-label="getAutoCompleteLabel" 128 :component-item="autoCompleteTemplate" 129 :start-text="searchText" 130 @update-items="onAutoCompleteUpdate" 131 @change="onAutoCompleteChange" 132 @item-selected="onAutoCompleteItemSelected" 133 @blur="onSearchTextFormSubmit"> 134 </v-autocomplete> 135 <div class="c-form__submitWrapper"> 136 <input type="submit" class="c-form__submit -search" value="Search" /> 137 </div> 138 </div> 139 <p style="padding-left: 2em;">Search keyword, work or author. Select the desired option from the drop-down list or free text search.</p> 140 </div> 141 </div> 142 </div> 143 </form> 144 145 <div class="u-clearfix u-flex@xlarge"> 146 <div class="o-4-12@xlarge -full c-filter"> 147 148 <div id="filters" class="o-wrapper@xsmall-xlarge o-inner c-filter__inner o-fauxRow -xsmall"> 149 150 <p class="c-form__label -search-filter">Filter:</p> 151 152 153 <fieldset class="c-form__item -xsmall"> 154 <button data-a11y-dialog-show="instrumentation" type="button" class="c-button -pushToggle"> 155 Instrumentation 156 </button> 157 <div class="js-filterTags c-fieldset__filter" data-tag-source="instrumentation"></div> 158 </fieldset> 159 160 <fieldset class="c-form__item -xsmall"> 161 <year-filter 162 :year-from="yearFrom" 163 :year-to="yearTo" 164 @submit="onYearFilterSubmit" 165 placeholder-year-from="From year" 166 placeholder-year-to="To year" 167 placeholder-add="Add" 168 selected-year-from="From" 169 selected-year-to="To" 170 max-date="2026" 171 ></year-filter> 172 </fieldset> 173 174 <fieldset class="c-form__item -xsmall"> 175 <button data-a11y-dialog-show="languages" type="button" class="c-button -pushToggle"> 176 Language 177 </button> 178 <div class="js-filterTags c-fieldset__filter" data-tag-source="languages"></div> 179 </fieldset> 180 181 <fieldset class="c-form__item -xsmall"> 182 <button data-a11y-dialog-show="voice_type" type="button" class="c-button -pushToggle"> 183 Voice type 184 </button> 185 <div class="js-filterTags c-fieldset__filter" data-tag-source="voice_type"></div> 186 </fieldset> 187 188 <div class="c-form__item -small"> 189 <label for="duration" class="c-form__label -center -blue">Duration</label> 190 191 <duration-filter ref="durationFilter" @submit="onDurationChange" :minutes-from="minutesFrom" :minutes-to="minutesTo"></duration-filter> 192 </div> 193 194 <fieldset class="c-fieldset"> 195 <legend class="u-visuallyHidden">Type of music</legend> 196 <ul class="c-form__radioToggles c-form__list"> 197 <li class="c-form__item -radioToggle -inline"> 198 <input id="all-music" type="radio" class="c-form__radioToggle" name="type-of-music" v-model="genre" @change="search" value=""> 199 <label class="c-form__label -option" for="all-music">All music</label> 200 </li> 201 <li class="c-form__item -radioToggle -inline"> 202 <input id="art-music" type="radio" class="c-form__radioToggle" name="type-of-music" v-model="genre" @change="search" value="classic"> 203 <label class="c-form__label -option" for="art-music">Contemporary classical music</label> 204 </li> 205 <li class="c-form__item -radioToggle -inline"> 206 <input id="popular-music" type="radio" class="c-form__radioToggle" name="type-of-music" v-model="genre" @change="search" value="pop"> 207 <label class="c-form__label -option" for="popular-music">Popular music</label> 208 </li> 209 </ul> 210 </fieldset> 211 212 <fieldset class="c-fieldset"> 213 <legend class="u-visuallyHidden">Type of product</legend> 214 <ul class="c-form__radioToggles c-form__list"> 215 <li class="c-form__item -radioToggle -inline"> 216 <input id="all-products" type="radio" class="c-form__radioToggle" name="type-of-product" v-model="type" @change="search" value=""> 217 <label class="c-form__label -option" for="all-products">All products</label> 218 </li> 219 <li class="c-form__item -radioToggle -inline"> 220 <input id="sheet_music" type="radio" class="c-form__radioToggle" name="type-of-product" v-model="type" @change="search" value="noter"> 221 <label class="c-form__label -option" for="sheet_music">Scores</label> 222 </li> 223 <li class="c-form__item -radioToggle -inline"> 224 <input id="recording" type="radio" class="c-form__radioToggle" name="type-of-product" v-model="type" @change="search" value="inspelning"> 225 <label class="c-form__label -option" for="recording">Recordings</label> 226 </li> 227 </ul> 228 </fieldset> 229 230 <fieldset class="c-fieldset"> 231 <legend class="u-visuallyHidden">Female composer</legend> 232 233 <div class="c-form__item -toggle-button"> 234 <label class="c-form__label -blue" for="gender-filter">Only show works with female composers.</label> 235 236 <toggle-button 237 id="gender-filter" 238 :value="false" 239 v-model="femaleComposer" 240 @change="search" 241 :height=26 242 cssColors="true" 243 :sync="true"> 244 </toggle-button> 245 </div> 246 247 <p class="c-form__help -blue">If you want help finding popular music - contact <a href="/cdn-cgi/l/email-protection#e2928790cc848e8d80879085a29194878c91898f97918b89cc8d9085">the person responsible for Skap's archive</a>.</p> 248 <p class="c-form__help -blue">If you want help finding contemporary classical music - contact <a href="/cdn-cgi/l/email-protection#bad7d5d4d3d1db94ddd6d3d7c9d1dbc8fac9ccdfd4c9d1d7cfc9d3d194d5c8dd">the music librarian</a>.</p> 249 250 </fieldset> 251 252 <input v-show="isFiltering" type="reset" class="c-button--reset u-right" @click="resetFilters" value="Clear filter" /> 253 </div> 254 255 <div class="u-hidden@xlarge c-filter__button__wrapper"> 256 <button type="button" class="c-filter__button" data-a11y-toggle="filters">
257 <span class="c-button__notExpanded">Filter</span> 258 <span class="c-button__expanded">Close filter</span> 259 </button> 260 <div class="c-filter__button__overlay"></div> 261 </div> 262 263 264 <div id="instrumentation" class="c-fieldsetDialog js-dialog " aria-hidden="true"> 265 266 <div class="c-fieldsetDialog__overlay" tabindex="-1" data-a11y-dialog-hide="instrumentation"></div> 267 268 <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="instrumentation-title"> 269 <div role="document" class="c-fieldsetDialog__document"> 270 271 <h2 id="instrumentation-title" tabindex="0" class="c-fieldsetDialog__title"> 272 Instrumentation 273 </h2> 274 275 <div class="c-fieldsetDialog__content"> 276 <div class="c-fieldsetDialog__content__inner"> 277 <form action="" class="c-form"> 278 <ul class="c-form__list"> 279 <li class="c-form__item -row"> 280 <button type="button" class="c-form__listToggle" data-a11y-dialog-show="choir-xp"> 281 Choir 282 <svg class="c-icon -arrow" aria-hidden="true"> 283 <use xlink:href="/images/spritemap.svg#icon-arrow"></use> 284 </svg> 285 </button> 286 287 <div id="choir-xp" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true"> 288 289 <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="choir-xp-title"> 290 <div role="document" class="c-fieldsetDialog__document"> 291 292 <h2 id="choir-xp-title" tabindex="0" class="c-fieldsetDialog__title"> 293 Choir 294 </h2> 295 296 <div class="c-fieldsetDialog__content"> 297 <div class="c-fieldsetDialog__content__inner"> 298 299 <fieldset class="c-form__checkboxes"> 300 301 302 <ul class="c-form__list"> 303 304 <li class="c-form__item -checkboxList -row"> 305 <input class="c-form__checkboxList" id="unison-choir-xpa" type="checkbox" name="unison-choir-xpa" value="Xpa" v-model="instr" @change="onCheckBoxChange"> 306 <label class="c-form__label" for="unison-choir-xpa"> 307 Unison choir 308 </label> 309 </li> 310 <li class="c-form__item -checkboxList -row"> 311 <input class="c-form__checkboxList" id="choir-with-accompaniment-xpb" type="checkbox" name="choir-with-accompaniment-xpb" value="Xpb" v-model="instr" @change="onCheckBoxChange"> 312 <label class="c-form__label" for="choir-with-accompaniment-xpb"> 313 Choir with accompaniment 314 </label> 315 </li> 316 <li class="c-form__item -checkboxList -row"> 317 <input class="c-form__checkboxList" id="femalechildrens-choir-with-accompaniment-xpba" type="checkbox" name="femalechildrens-choir-with-accompaniment-xpba" value="Xpba" v-model="instr" @change="onCheckBoxChange"> 318 <label class="c-form__label" for="femalechildrens-choir-with-accompaniment-xpba"> 319 Female/children's choir with accompaniment 320 </label> 321 </li> 322 <li class="c-form__item -checkboxList -row"> 323 <input class="c-form__checkboxList" id="female-choir-with-accompaniment-xpbaa" type="checkbox" name="female-choir-with-accompaniment-xpbaa" value="Xpbaa" v-model="instr" @change="onCheckBoxChange"> 324 <label class="c-form__label" for="female-choir-with-accompaniment-xpbaa"> 325 Female choir with accompaniment 326 </label> 327 </li> 328 <li class="c-form__item -checkboxList -row"> 329 <input class="c-form__checkboxList" id="childrens-choir-with-accompaniment-xpbab" type="checkbox" name="childrens-choir-with-accompaniment-xpbab" value="Xpbab" v-model="instr" @change="onCheckBoxChange"> 330 <label class="c-form__label" for="childrens-choir-with-accompaniment-xpbab"> 331 Children's choir with accompaniment 332 </label> 333 </li> 334 <li class="c-form__item -checkboxList -row"> 335 <input class="c-form__checkboxList" id="mixed-choir-with-accompaniment-xpbc" type="checkbox" name="mixed-choir-with-accompaniment-xpbc" value="Xpbc" v-model="instr" @change="onCheckBoxChange"> 336 <label class="c-form__label" for="mixed-choir-with-accompaniment-xpbc"> 337 Mixed choir with accompaniment 338 </label> 339 </li> 340 <li class="c-form__item -checkboxList -row"> 341 <input class="c-form__checkboxList" id="male-choir-and-accompaniment-xpbd" type="checkbox" name="male-choir-and-accompaniment-xpbd" value="Xpbd" v-model="instr" @change="onCheckBoxChange"> 342 <label class="c-form__label" for="male-choir-and-accompaniment-xpbd"> 343 Male choir and accompaniment 344 </label> 345 </li> 346 <li class="c-form__item -checkboxList -row"> 347 <input class="c-form__checkboxList" id="choir-xpc" type="checkbox" name="choir-xpc" value="Xpc" v-model="instr" @change="onCheckBoxChange"> 348 <label class="c-form__label" for="choir-xpc"> 349 Choir 350 </label> 351 </li> 352 <li class="c-form__item -checkboxList -row"> 353 <input class="c-form__checkboxList" id="femalechildrens-choir-xpca" type="checkbox" name="femalechildrens-choir-xpca" value="Xpca" v-model="instr" @change="onCheckBoxChange"> 354 <label class="c-form__label" for="femalechildrens-choir-xpca"> 355 Female/Children's choir 356 </label> 357 </li> 358 <li class="c-form__item -checkboxList -row"> 359 <input class="c-form__checkboxList" id="female-choir-xpcaa" type="checkbox" name="female-choir-xpcaa" value="Xpcaa" v-model="instr" @change="onCheckBoxChange"> 360 <label class="c-form__label" for="female-choir-xpcaa"> 361 Female choir 362 </label> 363 </li> 364 <li class="c-form__item -checkboxList -row"> 365 <input class="c-form__checkboxList" id="childrens-choir-xpcab" type="checkbox" name="childrens-choir-xpcab" value="Xpcab" v-model="instr" @change="onCheckBoxChange"> 366 <label class="c-form__label" for="childrens-choir-xpcab"> 367 Children's choir 368 </label> 369 </li> 370 <li class="c-form__item -checkboxList -row"> 371 <input class="c-form__checkboxList" id="mixed-choir-xpcc" type="checkbox" name="mixed-choir-xpcc" value="Xpcc" v-model="instr" @change="onCheckBoxChange"> 372 <label class="c-form__label" for="mixed-choir-xpcc"> 373 Mixed choir 374 </label> 375 </li> 376 <li class="c-form__item -checkboxList -row"> 377 <input class="c-form__checkboxList" id="male-choir-xpcd" type="checkbox" name="male-choir-xpcd" value="Xpcd" v-model="instr" @change="onCheckBoxChange"> 378 <label class="c-form__label" for="male-choir-xpcd"> 379 Male choir 380 </label> 381 </li> 382 <li class="c-form__item -checkboxList -row"> 383 <input class="c-form__checkboxList" id="speaking-choir-xpa" type="checkbox" name="speaking-choir-xpa" value="Xpå" v-model="instr" @change="onCheckBoxChange"> 384 <label class="c-form__label" for="speaking-choir-xpa"> 385 Speaking choir 386 </label> 387 </li> 388 389 </ul> 390</fieldset> 391 </div> 392 </div> 393 <button type="button" data-a11y-dialog-hide="choir-xp" class="c-button -fixed">Add</button> 394 395 <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="choir-xp" aria-label="Stäng Choir"> 396 <svg class="c-icon -close" aria-hidden="true"> 397 <use xlink:href="/images/spritemap.svg#icon-close"></use> 398 </svg> 399 </button> 400 401 </div> 402 </div> 403 </div> 404 </li> 405 <li class="c-form__item -row"> 406 <button type="button" class="c-form__listToggle" data-a11y-dialog-show="concertos-xl"> 407 Concertos 408 <svg class="c-icon -arrow" aria-hidden="true"> 409 <use xlink:href="/images/spritemap.svg#icon-arrow"></use> 410 </svg> 411 </button> 412 413 <div id="concertos-xl" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true"> 414 415 <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="concertos-xl-title"> 416 <div role="document" class="c-fieldsetDialog__document"> 417 418 <h2 id="concertos-xl-title" tabindex="0" class="c-fieldsetDialog__title"> 419 Concertos 420 </h2> 421 422 <div class="c-fieldsetDialog__content"> 423 <div class="c-fieldsetDialog__content__inner"> 424 425 <fieldset class="c-form__checkboxes"> 426 427 428 <ul class="c-form__list"> 429 430 <li class="c-form__item -checkboxList -row"> 431 <input class="c-form__checkboxList" id="different-solo-instruments-xlbb" type="checkbox" name="different-solo-instruments-xlbb" value="Xlbb" v-model="instr" @change="onCheckBoxChange"> 432 <label class="c-form__label" for="different-solo-instruments-xlbb"> 433 Different solo instruments 434 </label> 435 </li> 436 <li class="c-form__item -checkboxList -row"> 437 <input class="c-form__checkboxList" id="2-solo-instruments-xlbb02" type="checkbox" name="2-solo-instruments-xlbb02" value="Xlbb.02" v-model="instr" @change="onCheckBoxChange"> 438 <label class="c-form__label" for="2-solo-instruments-xlbb02"> 439 2 solo instruments 440 </label> 441 </li> 442 <li class="c-form__item -checkboxList -row"> 443 <input class="c-form__checkboxList" id="3-solo-instruments-xlbb03" type="checkbox" name="3-solo-instruments-xlbb03" value="Xlbb.03" v-model="instr" @change="onCheckBoxChange"> 444 <label class="c-form__label" for="3-solo-instruments-xlbb03"> 445 3 solo instruments 446 </label> 447 </li> 448 <li class="c-form__item -checkboxList -row"> 449 <input class="c-form__checkboxList" id="2-guitars-and-orchestra-xlbgb02" type="checkbox" name="2-guitars-and-orchestra-xlbgb02" value="Xlbgb.02" v-model="instr" @change="onCheckBoxChange"> 450 <label class="c-form__label" for="2-guitars-and-orchestra-xlbgb02"> 451 2 guitars and orchestra 452 </label> 453 </li> 454 455 </ul> 456</fieldset> 457 </div> 458 </div> 459 <button type="button" data-a11y-dialog-hide="concertos-xl" class="c-button -fixed">Add</button> 460 461 <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="concertos-xl" aria-label="Stäng Concertos"> 462 <svg class="c-icon -close" aria-hidden="true"> 463 <use xlink:href="/images/spritemap.svg#icon-close"></use> 464 </svg> 465 </button> 466 467 </div> 468 </div> 469 </div> 470 </li> 471 <li class="c-form__item -row"> 472 <button type="button" class="c-form__listToggle" data-a11y-dialog-show="concertos-xm"> 473 Concertos 474 <svg class="c-icon -arrow" aria-hidden="true"> 475 <use xlink:href="/images/spritemap.svg#icon-arrow"></use> 476 </svg> 477 </button> 478 479 <div id="concertos-xm" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true"> 480 481 <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="concertos-xm-title"> 482 <div role="document" class="c-fieldsetDialog__document"> 483 484 <h2 id="concertos-xm-title" tabindex="0" class="c-fieldsetDialog__title"> 485 Concertos 486 </h2> 487 488 <div class="c-fieldsetDialog__content"> 489 <div class="c-fieldsetDialog__content__inner"> 490 491 <fieldset class="c-form__checkboxes"> 492 493 494 <ul class="c-form__list"> 495 496 <li class="c-form__item -checkboxList -row"> 497 <input class="c-form__checkboxList" id="solo-instrument-and-string-orchestra-xmb" type="checkbox" name="solo-instrument-and-string-orchestra-xmb" value="Xmb" v-model="instr" @change="onCheckBoxChange"> 498 <label class="c-form__label" for="solo-instrument-and-string-orchestra-xmb"> 499 Solo instrument and string orchestra 500 </label> 501 </li> 502 <li class="c-form__item -checkboxList -row"> 503 <input class="c-form__checkboxList" id="concertos-for-orchestra-xmba" type="checkbox" name="concertos-for-orchestra-xmba" value="Xmba" v-model="instr" @change="onCheckBoxChange"> 504 <label class="c-form__label" for="concertos-for-orchestra-xmba"> 505 Concertos for orchestra 506 </label> 507 </li> 508 <li class="c-form__item -checkboxList -row"> 509 <input class="c-form__checkboxList" id="2-instruments-xmbb02" type="checkbox" name="2-instruments-xmbb02" value="Xmbb.02" v-model="instr" @change="onCheckBoxChange"> 510 <label class="c-form__label" for="2-instruments-xmbb02"> 511 2 instruments 512 </label> 513 </li> 514 <li class="c-form__item -checkboxList -row"> 515 <input class="c-form__checkboxList" id="3-instruments-xmbb03" type="checkbox" name="3-instruments-xmbb03" value="Xmbb.03" v-model="instr" @change="onCheckBoxChange"> 516 <label class="c-form__label" for="3-instruments-xmbb03"> 517 3 instruments 518 </label> 519 </li> 520 <li class="c-form__item -checkboxList -row"> 521 <input class="c-form__checkboxList" id="4-instruments-xmbb04" type="checkbox" name="4-instruments-xmbb04" value="Xmbb.04" v-model="instr" @change="onCheckBoxChange"> 522 <label class="c-form__label" for="4-instruments-xmbb04"> 523 4 instruments 524 </label> 525 </li> 526 <li class="c-form__item -checkboxList -row"> 527 <input class="c-form__checkboxList" id="piano-concerto-xmbda" type="checkbox" name="piano-concerto-xmbda" value="Xmbda" v-model="instr" @change="onCheckBoxChange"> 528 <label class="c-form__label" for="piano-concerto-xmbda"> 529 Piano concerto 530 </label> 531 </li> 532 <li class="c-form__item -checkboxList -row"> 533 <input class="c-form__checkboxList" id="piano-concerto-2-pianos-xmbda02" type="checkbox" name="piano-concerto-2-pianos-xmbda02" value="Xmbda.02" v-model="instr" @change="onCheckBoxChange"> 534 <label class="c-form__label" for="piano-concerto-2-pianos-xmbda02"> 535 Piano concerto 2 pianos 536 </label> 537 </li> 538 <li class="c-form__item -checkboxList -row"> 539 <input class="c-form__checkboxList" id="organ-concerto-xmbdb" t
539ype="checkbox" name="organ-concerto-xmbdb" value="Xmbdb" v-model="instr" @change="onCheckBoxChange"> 540 <label class="c-form__label" for="organ-concerto-xmbdb"> 541 Organ concerto 542 </label> 543 </li> 544 <li class="c-form__item -checkboxList -row"> 545 <input class="c-form__checkboxList" id="harpsichord-concerto-xmbdc" type="checkbox" name="harpsichord-concerto-xmbdc" value="Xmbdc" v-model="instr" @change="onCheckBoxChange"> 546 <label class="c-form__label" for="harpsichord-concerto-xmbdc"> 547 Harpsichord concerto 548 </label> 549 </li> 550 <li class="c-form__item -checkboxList -row"> 551 <input class="c-form__checkboxList" id="concertos-for-strings-xmbe" type="checkbox" name="concertos-for-strings-xmbe" value="Xmbe" v-model="instr" @change="onCheckBoxChange"> 552 <label class="c-form__label" for="concertos-for-strings-xmbe"> 553 Concertos for strings 554 </label> 555 </li> 556 <li class="c-form__item -checkboxList -row"> 557 <input class="c-form__checkboxList" id="2-string-instruments-xmbe02" type="checkbox" name="2-string-instruments-xmbe02" value="Xmbe.02" v-model="instr" @change="onCheckBoxChange"> 558 <label class="c-form__label" for="2-string-instruments-xmbe02"> 559 2 string instruments 560 </label> 561 </li> 562 <li class="c-form__item -checkboxList -row"> 563 <input class="c-form__checkboxList" id="3-strings-xmbe03" type="checkbox" name="3-strings-xmbe03" value="Xmbe.03" v-model="instr" @change="onCheckBoxChange"> 564 <label class="c-form__label" for="3-strings-xmbe03"> 565 3 strings 566 </label> 567 </li> 568 <li class="c-form__item -checkboxList -row"> 569 <input class="c-form__checkboxList" id="violin-concerto-xmbea" type="checkbox" name="violin-concerto-xmbea" value="Xmbea" v-model="instr" @change="onCheckBoxChange"> 570 <label class="c-form__label" for="violin-concerto-xmbea"> 571 Violin concerto 572 </label> 573 </li> 574 <li class="c-form__item -checkboxList -row"> 575 <input class="c-form__checkboxList" id="violin-concerto-2-violins-xmbea02" type="checkbox" name="violin-concerto-2-violins-xmbea02" value="Xmbea.02" v-model="instr" @change="onCheckBoxChange"> 576 <label class="c-form__label" for="violin-concerto-2-violins-xmbea02"> 577 Violin concerto 2 violins 578 </label> 579 </li> 580 <li class="c-form__item -checkboxList -row"> 581 <input class="c-form__checkboxList" id="viola-concerto-xmbeb" type="checkbox" name="viola-concerto-xmbeb" value="Xmbeb" v-model="instr" @change="onCheckBoxChange"> 582 <label class="c-form__label" for="viola-concerto-xmbeb"> 583 Viola concerto 584 </label> 585 </li> 586 <li class="c-form__item -checkboxList -row"> 587 <input class="c-form__checkboxList" id="cello-concerto-xmbec" type="checkbox" name="cello-concerto-xmbec" value="Xmbec" v-model="instr" @change="onCheckBoxChange"> 588 <label class="c-form__label" for="cello-concerto-xmbec"> 589 Cello concerto 590 </label> 591 </li> 592 <li class="c-form__item -checkboxList -row"> 593 <input class="c-form__checkboxList" id="cello-concerto-2-cellos-xmbec02" type="checkbox" name="cello-concerto-2-cellos-xmbec02" value="Xmbec.02" v-model="instr" @change="onCheckBoxChange"> 594 <label class="c-form__label" for="cello-concerto-2-cellos-xmbec02"> 595 Cello concerto 2 cellos 596 </label> 597 </li> 598 <li class="c-form__item -checkboxList -row"> 599 <input class="c-form__checkboxList" id="double-bass-concerto-xmbed" type="checkbox" name="double-bass-concerto-xmbed" value="Xmbed" v-model="instr" @change="onCheckBoxChange"> 600 <label class="c-form__label" for="double-bass-concerto-xmbed"> 601 Double bass concerto 602 </label> 603 </li> 604 <li class="c-form__item -checkboxList -row"> 605 <input class="c-form__checkboxList" id="keyed-fiddle-concerto-xmbeg" type="checkbox" name="keyed-fiddle-concerto-xmbeg" value="Xmbeg" v-model="instr" @change="onCheckBoxChange"> 606 <label class="c-form__label" for="keyed-fiddle-concerto-xmbeg"> 607 Keyed fiddle concerto 608 </label> 609 </li> 610 <li class="c-form__item -checkboxList -row"> 611 <input class="c-form__checkboxList" id="hurdy-gurdy-concerto-xmbeh" type="checkbox" name="hurdy-gurdy-concerto-xmbeh" value="Xmbeh" v-model="instr" @change="onCheckBoxChange"> 612 <label class="c-form__label" for="hurdy-gurdy-concerto-xmbeh"> 613 Hurdy-gurdy concerto 614 </label> 615 </li> 616 <li class="c-form__item -checkboxList -row"> 617 <input class="c-form__checkboxList" id="concertos-for-wind-instruments-xmbf" type="checkbox" name="concertos-for-wind-instruments-xmbf" value="Xmbf" v-model="instr" @change="onCheckBoxChange"> 618 <label class="c-form__label" for="concertos-for-wind-instruments-xmbf"> 619 Concertos for wind instruments 620 </label> 621 </li> 622 <li class="c-form__item -checkboxList -row"> 623 <input class="c-form__checkboxList" id="2-winds-and-orchestra-xmbf02" type="checkbox" name="2-winds-and-orchestra-xmbf02" value="Xmbf.02" v-model="instr" @change="onCheckBoxChange"> 624 <label class="c-form__label" for="2-winds-and-orchestra-xmbf02"> 625 2 winds and orchestra 626 </label> 627 </li> 628 <li class="c-form__item -checkboxList -row"> 629 <input class="c-form__checkboxList" id="3-winds-and-orchestra-xmbf03" type="checkbox" name="3-winds-and-orchestra-xmbf03" value="Xmbf.03" v-model="instr" @change="onCheckBoxChange"> 630 <label class="c-form__label" for="3-winds-and-orchestra-xmbf03"> 631 3 winds and orchestra 632 </label> 633 </li> 634 <li class="c-form__item -checkboxList -row"> 635 <input class="c-form__checkboxList" id="concerto-for-wind-quintet-xmbf05" type="checkbox" name="concerto-for-wind-quintet-xmbf05" value="Xmbf.05" v-model="instr" @change="onCheckBoxChange"> 636 <label class="c-form__label" for="concerto-for-wind-quintet-xmbf05"> 637 Concerto for wind quintet 638 </label> 639 </li> 640 <li class="c-form__item -checkboxList -row"> 641 <input class="c-form__checkboxList" id="flute-concerto-xmbfa" type="checkbox" name="flute-concerto-xmbfa" value="Xmbfa" v-model="instr" @change="onCheckBoxChange"> 642 <label class="c-form__label" for="flute-concerto-xmbfa"> 643 Flute concerto 644 </label> 645 </li> 646 <li class="c-form__item -checkboxList -row"> 647 <input class="c-form__checkboxList" id="flute-concerto-2-flutes-xmbfa02" type="checkbox" name="flute-concerto-2-flutes-xmbfa02" value="Xmbfa.02" v-model="instr" @change="onCheckBoxChange"> 648 <label class="c-form__label" for="flute-concerto-2-flutes-xmbfa02"> 649 Flute concerto 2 flutes 650 </label> 651 </li> 652 <li class="c-form__item -checkboxList -row"> 653 <input class="c-form__checkboxList" id="flute-concerto-3-flutes-xmbfa03" type="checkbox" name="flute-concerto-3-flutes-xmbfa03" value="Xmbfa.03" v-model="instr" @change="onCheckBoxChange"> 654 <label class="c-form__label" for="flute-concerto-3-flutes-xmbfa03"> 655 Flute concerto 3 flutes 656 </label> 657 </li> 658 <li class="c-form__item -checkboxList -row"> 659 <input class="c-form__checkboxList" id="recorder-concerto-xmbfb" type="checkbox" name="recorder-concerto-xmbfb" value="Xmbfb" v-model="instr" @change="onCheckBoxChange"> 660 <label class="c-form__label" for="recorder-concerto-xmbfb"> 661 Recorder concerto 662 </label> 663 </li> 664 <li class="c-form__item -checkboxList -row"> 665 <input class="c-form__checkboxList" id="recorder-concerto-4-recorders-xmbfb" type="checkbox" name="recorder-concerto-4-recorders-xmbfb" value="Xmbfb" v-model="instr" @change="onCheckBoxChange"> 666 <label class="c-form__label" for="recorder-concerto-4-recorders-xmbfb"> 667 Recorder concerto 4 recorders 668 </label> 669 </li> 670 <li class="c-form__item -checkboxList -row"> 671 <input class="c-form__checkboxList" id="oboe-concerto-xmbfc" type="checkbox" name="oboe-concerto-xmbfc" value="Xmbfc" v-model="instr" @change="onCheckBoxChange"> 672 <label class="c-form__label" for="oboe-concerto-xmbfc"> 673 Oboe concerto 674 </label> 675 </li> 676 <li class="c-form__item -checkboxList -row"> 677 <input class="c-form__checkboxList" id="clarinet-concerto-xmbfd" type="checkbox" name="clarinet-concerto-xmbfd" value="Xmbfd" v-model="instr" @change="onCheckBoxChange"> 678 <label class="c-form__label" for="clarinet-concerto-xmbfd"> 679 Clarinet concerto 680 </label> 681 </li> 682 <li class="c-form__item -checkboxList -row"> 683 <input class="c-form__checkboxList" id="saxophone-concerto-xmbfe" type="checkbox" name="saxophone-concerto-xmbfe" value="Xmbfe" v-model="instr" @change="onCheckBoxChange"> 684 <label class="c-form__label" for="saxophone-concerto-xmbfe"> 685 Saxophone concerto 686 </label> 687 </li> 688 <li class="c-form__item -checkboxList -row"> 689 <input class="c-form__checkboxList" id="saxophone-concerto-2-saxophones-xmbfe02" type="checkbox" name="saxophone-concerto-2-saxophones-xmbfe02" value="Xmbfe.02" v-model="instr" @change="onCheckBoxChange"> 690 <label class="c-form__label" for="saxophone-concerto-2-saxophones-xmbfe02"> 691 Saxophone concerto 2 saxophones 692 </label> 693 </li> 694 <li class="c-form__item -checkboxList -row"> 695 <input class="c-form__checkboxList" id="saxophone-concerto-4-saxophones-xmbfe04" type="checkbox" name="saxophone-concerto-4-saxophones-xmbfe04" value="Xmbfe.04" v-model="instr" @change="onCheckBoxChange"> 696 <label class="c-form__label" for="saxophone-concerto-4-saxophones-xmbfe04"> 697 Saxophone concerto 4 saxophones 698 </label> 699 </li> 700 <li class="c-form__item -checkboxList -row"> 701 <input class="c-form__checkboxList" id="bassoon-concerto-xmbff" type="checkbox" name="bassoon-concerto-xmbff" value="Xmbff" v-model="instr" @change="onCheckBoxChange"> 702 <label class="c-form__label" for="bassoon-concerto-xmbff"> 703 Bassoon concerto 704 </label> 705 </li> 706 <li class="c-form__item -checkboxList -row"> 707 <input class="c-form__checkboxList" id="trumpet-concerto-xmbfg" type="checkbox" name="trumpet-concerto-xmbfg" value="Xmbfg" v-model="instr" @change="onCheckBoxChange"> 708 <label class="c-form__label" for="trumpet-concerto-xmbfg"> 709 Trumpet concerto 710 </label> 711 </li> 712 <li class="c-form__item -checkboxList -row"> 713 <input class="c-form__checkboxList" id="trumpet-concerto-2-trumpets-xmbfg02" type="checkbox" name="trumpet-concerto-2-trumpets-xmbfg02" value="Xmbfg.02" v-model="instr" @change="onCheckBoxChange"> 714 <label class="c-form__label" for="trumpet-concerto-2-trumpets-xmbfg02"> 715 Trumpet concerto 2 trumpets 716 </label> 717 </li> 718 <li class="c-form__item -checkboxList -row"> 719 <input class="c-form__checkboxList" id="horn-concerto-xmbfh" type="checkbox" name="horn-concerto-xmbfh" value="Xmbfh" v-model="instr" @change="onCheckBoxChange"> 720 <label class="c-form__label" for="horn-concerto-xmbfh"> 721 Horn concerto 722 </label> 723 </li> 724 <li class="c-form__item -checkboxList -row"> 725 <input class="c-form__checkboxList" id="horn-concerto-2-horns-xmbfh02" t
725ype="checkbox" name="horn-concerto-2-horns-xmbfh02" value="Xmbfh.02" v-model="instr" @change="onCheckBoxChange"> 726 <label class="c-form__label" for="horn-concerto-2-horns-xmbfh02"> 727 Horn concerto 2 horns 728 </label> 729 </li> 730 <li class="c-form__item -checkboxList -row"> 731 <input class="c-form__checkboxList" id="trombone-concerto-xmbfi" type="checkbox" name="trombone-concerto-xmbfi" value="Xmbfi" v-model="instr" @change="onCheckBoxChange"> 732 <label class="c-form__label" for="trombone-concerto-xmbfi"> 733 Trombone concerto 734 </label> 735 </li> 736 <li class="c-form__item -checkboxList -row"> 737 <input class="c-form__checkboxList" id="trombone-concerto-2-trombones-xmbfi02" type="checkbox" name="trombone-concerto-2-trombones-xmbfi02" value="Xmbfi.02" v-model="instr" @change="onCheckBoxChange"> 738 <label class="c-form__label" for="trombone-concerto-2-trombones-xmbfi02"> 739 Trombone concerto 2 trombones 740 </label> 741 </li> 742 <li class="c-form__item -checkboxList -row"> 743 <input class="c-form__checkboxList" id="tuba-concerto-xmbfj" type="checkbox" name="tuba-concerto-xmbfj" value="Xmbfj" v-model="instr" @change="onCheckBoxChange"> 744 <label class="c-form__label" for="tuba-concerto-xmbfj"> 745 Tuba concerto 746 </label> 747 </li> 748 <li class="c-form__item -checkboxList -row"> 749 <input class="c-form__checkboxList" id="accordion-concerto-xmbfk" type="checkbox" name="accordion-concerto-xmbfk" value="Xmbfk" v-model="instr" @change="onCheckBoxChange"> 750 <label class="c-form__label" for="accordion-concerto-xmbfk"> 751 Accordion concerto 752 </label> 753 </li> 754 <li class="c-form__item -checkboxList -row"> 755 <input class="c-form__checkboxList" id="guitar-concerto-xmbgb" type="checkbox" name="guitar-concerto-xmbgb" value="Xmbgb" v-model="instr" @change="onCheckBoxChange"> 756 <label class="c-form__label" for="guitar-concerto-xmbgb"> 757 Guitar concerto 758 </label> 759 </li> 760 <li class="c-form__item -checkboxList -row"> 761 <input class="c-form__checkboxList" id="mandolin-concerto-xmbgc" type="checkbox" name="mandolin-concerto-xmbgc" value="Xmbgc" v-model="instr" @change="onCheckBoxChange"> 762 <label class="c-form__label" for="mandolin-concerto-xmbgc"> 763 Mandolin concerto 764 </label> 765 </li> 766 <li class="c-form__item -checkboxList -row"> 767 <input class="c-form__checkboxList" id="mandolin-concerto-2-mandolins-xmbgc02" type="checkbox" name="mandolin-concerto-2-mandolins-xmbgc02" value="Xmbgc.02" v-model="instr" @change="onCheckBoxChange"> 768 <label class="c-form__label" for="mandolin-concerto-2-mandolins-xmbgc02"> 769 Mandolin concerto 2 mandolins 770 </label> 771 </li> 772 <li class="c-form__item -checkboxList -row"> 773 <input class="c-form__checkboxList" id="balalaika-concerto-xmbgf" type="checkbox" name="balalaika-concerto-xmbgf" value="Xmbgf" v-model="instr" @change="onCheckBoxChange"> 774 <label class="c-form__label" for="balalaika-concerto-xmbgf"> 775 Balalaika concerto 776 </label> 777 </li> 778 <li class="c-form__item -checkboxList -row"> 779 <input class="c-form__checkboxList" id="percussion-concerto-xmbh" type="checkbox" name="percussion-concerto-xmbh" value="Xmbh" v-model="instr" @change="onCheckBoxChange"> 780 <label class="c-form__label" for="percussion-concerto-xmbh"> 781 Percussion concerto 782 </label> 783 </li> 784 <li class="c-form__item -checkboxList -row"> 785 <input class="c-form__checkboxList" id="percussion-concerto-2-percussionists-xmbh02" type="checkbox" name="percussion-concerto-2-percussionists-xmbh02" value="Xmbh.02" v-model="instr" @change="onCheckBoxChange"> 786 <label class="c-form__label" for="percussion-concerto-2-percussionists-xmbh02"> 787 Percussion concerto 2 percussionists 788 </label> 789 </li> 790 <li class="c-form__item -checkboxList -row"> 791 <input class="c-form__checkboxList" id="marimba-concerto-xmbhg" type="checkbox" name="marimba-concerto-xmbhg" value="Xmbhg" v-model="instr" @change="onCheckBoxChange"> 792 <label class="c-form__label" for="marimba-concerto-xmbhg"> 793 Marimba concerto 794 </label> 795 </li> 796 797 </ul> 798</fieldset> 799 </div> 800 </div> 801 <button type="button" data-a11y-dialog-hide="concertos-xm" class="c-button -fixed">Add</button> 802 803 <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="concertos-xm" aria-label="Stäng Concertos"> 804 <svg class="c-icon -close" aria-hidden="true"> 805 <use xlink:href="/images/spritemap.svg#icon-close"></use> 806 </svg> 807 </button> 808 809 </div> 810 </div> 811 </div> 812 </li> 813 <li class="c-form__item -row"> 814 <button type="button" class="c-form__listToggle" data-a11y-dialog-show="electric-instruments-xi"> 815 Electric instruments 816 <svg class="c-icon -arrow" aria-hidden="true"> 817 <use xlink:href="/images/spritemap.svg#icon-arrow"></use> 818 </svg> 819 </button> 820 821 <div id="electric-instruments-xi" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true"> 822 823 <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="electric-instruments-xi-title"> 824 <div role="document" class="c-fieldsetDialog__document"> 825 826 <h2 id="electric-instruments-xi-title" tabindex="0" class="c-fieldsetDialog__title"> 827 Electric instruments 828 </h2> 829 830 <div class="c-fieldsetDialog__content"> 831 <div class="c-fieldsetDialog__content__inner"> 832 833 <fieldset class="c-form__checkboxes"> 834 835 836 <ul class="c-form__list"> 837 838 <li class="c-form__item -checkboxList -row"> 839 <input class="c-form__checkboxList" id="synthesizer-xib" type="checkbox" name="synthesizer-xib" value="Xib" v-model="instr" @change="onCheckBoxChange"> 840 <label class="c-form__label" for="synthesizer-xib"> 841 Synthesizer 842 </label> 843 </li> 844 <li class="c-form__item -checkboxList -row"> 845 <input class="c-form__checkboxList" id="2-synthesizers-xib02" type="checkbox" name="2-synthesizers-xib02" value="Xib.02" v-model="instr" @change="onCheckBoxChange"> 846 <label class="c-form__label" for="2-synthesizers-xib02"> 847 2 synthesizers 848 </label> 849 </li> 850 <li class="c-form__item -checkboxList -row"> 851 <input class="c-form__checkboxList" id="6-electric-pianos-xib06" type="checkbox" name="6-electric-pianos-xib06" value="Xib.06" v-model="instr" @change="onCheckBoxChange"> 852 <label class="c-form__label" for="6-electric-pianos-xib06"> 853 6 electric pianos 854 </label> 855 </li> 856 <li class="c-form__item -checkboxList -row"> 857 <input class="c-form__checkboxList" id="particular-electric-instruments-xiz" type="checkbox" name="particular-electric-instruments-xiz" value="Xiz" v-model="instr" @change="onCheckBoxChange"> 858 <label class="c-form__label" for="particular-electric-instruments-xiz"> 859 Particular electric instruments 860 </label> 861 </li> 862 863 </ul> 864</fieldset> 865 </div> 866 </div> 867 <button type="button" data-a11y-dialog-hide="electric-instruments-xi" class="c-button -fixed">Add</button> 868 869 <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="electric-instruments-xi" aria-label="Stäng Electric instruments"> 870 <svg class="c-icon -close" aria-hidden="true"> 871 <use xlink:href="/images/spritemap.svg#icon-close"></use> 872 </svg> 873 </button> 874 875 </div> 876 </div> 877 </div> 878 </li> 879 <li class="c-form__item -row"> 880 <button type="button" class="c-form__listToggle" data-a11y-dialog-show="electroacoustic-music-xn"> 881 Electroacoustic music 882 <svg class="c-icon -arrow" aria-hidden="true"> 883 <use xlink:href="/images/spritemap.svg#icon-arrow"></use> 884 </svg> 885 </button> 886 887 <div id="electroacoustic-music-xn" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true"> 888 889 <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="electroacoustic-music-xn-title"> 890 <div role="document" class="c-fieldsetDialog__document"> 891 892 <h2 id="electroacoustic-music-xn-title" tabindex="0" class="c-fieldsetDialog__title"> 893 Electroacoustic music 894 </h2> 895 896 <div class="c-fieldsetDialog__content"> 897 <div class="c-fieldsetDialog__content__inner"> 898 899 <fieldset class="c-form__checkboxes"> 900 901 902 <ul class="c-form__list"> 903 904 <li class="c-form__item -checkboxList -row"> 905 <input class="c-form__checkboxList" id="electroacoustic-music-xna" type="checkbox" name="electroacoustic-music-xna" value="Xna" v-model="instr" @change="onCheckBoxChange"> 906 <label class="c-form__label" for="electroacoustic-music-xna"> 907 Electroacoustic music 908 </label> 909 </li> 910 <li class="c-form__item -checkboxList -row">
911 <input class="c-form__checkboxList" id="eam-and-chamber-music-xnb" type="checkbox" name="eam-and-chamber-music-xnb" value="Xnb" v-model="instr" @change="onCheckBoxChange"> 912 <label class="c-form__label" for="eam-and-chamber-music-xnb"> 913 EAM and chamber music 914 </label> 915 </li> 916 <li class="c-form__item -checkboxList -row"> 917 <input class="c-form__checkboxList" id="text-sound-compositions-xnd" type="checkbox" name="text-sound-compositions-xnd" value="Xnd" v-model="instr" @change="onCheckBoxChange"> 918 <label class="c-form__label" for="text-sound-compositions-xnd"> 919 Text-sound compositions 920 </label> 921 </li> 922 923 </ul> 924</fieldset> 925 </div> 926 </div> 927 <button type="button" data-a11y-dialog-hide="electroacoustic-music-xn" class="c-button -fixed">Add</button> 928 929 <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="electroacoustic-music-xn" aria-label="Stäng Electroacoustic music"> 930 <svg class="c-icon -close" aria-hidden="true"> 931 <use xlink:href="/images/spritemap.svg#icon-close"></use> 932 </svg> 933 </button> 934 935 </div> 936 </div> 937 </div> 938 </li> 939 <li class="c-form__item -row"> 940 <button type="button" class="c-form__listToggle" data-a11y-dialog-show="ensemble-xk"> 941 Ensemble 942 <svg class="c-icon -arrow" aria-hidden="true"> 943 <use xlink:href="/images/spritemap.svg#icon-arrow"></use> 944 </svg> 945 </button> 946 947 <div id="ensemble-xk" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true"> 948 949 <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="ensemble-xk-title"> 950 <div role="document" class="c-fieldsetDialog__document"> 951 952 <h2 id="ensemble-xk-title" tabindex="0" class="c-fieldsetDialog__title"> 953 Ensemble 954 </h2> 955 956 <div class="c-fieldsetDialog__content"> 957 <div class="c-fieldsetDialog__content__inner"> 958 959 <fieldset class="c-form__checkboxes"> 960 961 962 <ul class="c-form__list"> 963 964 <li class="c-form__item -checkboxList -row"> 965 <input class="c-form__checkboxList" id="2-instruments-xk02" type="checkbox" name="2-instruments-xk02" value="Xk.02" v-model="instr" @change="onCheckBoxChange"> 966 <label class="c-form__label" for="2-instruments-xk02"> 967 2 instruments 968 </label> 969 </li> 970 <li class="c-form__item -checkboxList -row"> 971 <input class="c-form__checkboxList" id="3-instruments-xk03" type="checkbox" name="3-instruments-xk03" value="Xk.03" v-model="instr" @change="onCheckBoxChange"> 972 <label class="c-form__label" for="3-instruments-xk03"> 973 3 instruments 974 </label> 975 </li> 976 <li class="c-form__item -checkboxList -row"> 977 <input class="c-form__checkboxList" id="4-instruments-xk04" type="checkbox" name="4-instruments-xk04" value="Xk.04" v-model="instr" @change="onCheckBoxChange"> 978 <label class="c-form__label" for="4-instruments-xk04"> 979 4 instruments 980 </label> 981 </li> 982 <li class="c-form__item -checkboxList -row"> 983 <input class="c-form__checkboxList" id="5-instruments-xk05" type="checkbox" name="5-instruments-xk05" value="Xk.05" v-model="instr" @change="onCheckBoxChange"> 984 <label class="c-form__label" for="5-instruments-xk05"> 985 5 instruments 986 </label> 987 </li> 988 <li class="c-form__item -checkboxList -row"> 989 <input class="c-form__checkboxList" id="6-instruments-xk06" type="checkbox" name="6-instruments-xk06" value="Xk.06" v-model="instr" @change="onCheckBoxChange"> 990 <label class="c-form__label" for="6-instruments-xk06"> 991 6 instruments 992 </label> 993 </li> 994 <li class="c-form__item -checkboxList -row"> 995 <input class="c-form__checkboxList" id="7-instruments-xk07" type="checkbox" name="7-instruments-xk07" value="Xk.07" v-model="instr" @change="onCheckBoxChange"> 996 <label class="c-form__label" for="7-instruments-xk07"> 997 7 instruments 998 </label> 999 </li> 1000 <li class="c-form__item -checkboxList -row"> 1001 <input class="c-form__checkboxList" id="8-instruments-xk08" type="checkbox" name="8-instruments-xk08" value="Xk.08" v-model="instr" @change="onCheckBoxChange"> 1002 <label class="c-form__label" for="8-instruments-xk08"> 1003 8 instruments 1004 </label> 1005 </li> 1006 <li class="c-form__item -checkboxList -row"> 1007 <input class="c-form__checkboxList" id="9-instruments-xk09" type="checkbox" name="9-instruments-xk09" value="Xk.09" v-model="instr" @change="onCheckBoxChange"> 1008 <label class="c-form__label" for="9-instruments-xk09"> 1009 9 instruments 1010 </label> 1011 </li> 1012 <li class="c-form__item -checkboxList -row"> 1013 <input class="c-form__checkboxList" id="10-instruments-xk10" type="checkbox" name="10-instruments-xk10" value="Xk.10" v-model="instr" @change="onCheckBoxChange"> 1014 <label class="c-form__label" for="10-instruments-xk10"> 1015 10 instruments 1016 </label> 1017 </li> 1018 <li class="c-form__item -checkboxList -row"> 1019 <input class="c-form__checkboxList" id="piano-and-2-instruments-xkd03" type="checkbox" name="piano-and-2-instruments-xkd03" value="Xkd.03" v-model="instr" @change="onCheckBoxChange"> 1020 <label class="c-form__label" for="piano-and-2-instruments-xkd03"> 1021 Piano and 2 instruments 1022 </label> 1023 </li> 1024 <li class="c-form__item -checkboxList -row"> 1025 <input class="c-form__checkboxList" id="piano-and-3-instruments-xkd04" type="checkbox" name="piano-and-3-instruments-xkd04" value="Xkd.04" v-model="instr" @change="onCheckBoxChange"> 1026 <label class="c-form__label" for="piano-and-3-instruments-xkd04"> 1027 Piano and 3 instruments 1028 </label> 1029 </li> 1030 <li class="c-form__item -checkboxList -row"> 1031 <input class="c-form__checkboxList" id="piano-and-4-instruments-xkd05" type="checkbox" name="piano-and-4-instruments-xkd05" value="Xkd.05" v-model="instr" @change="onCheckBoxChange"> 1032 <label class="c-form__label" for="piano-and-4-instruments-xkd05"> 1033 Piano and 4 instruments 1034 </label> 1035 </li> 1036 <li class="c-form__item -checkboxList -row"> 1037 <input class="c-form__checkboxList" id="piano-and-5-instruments-xkd06" type="checkbox" name="piano-and-5-instruments-xkd06" value="Xkd.06" v-model="instr" @change="onCheckBoxChange"> 1038 <label class="c-form__label" for="piano-and-5-instruments-xkd06"> 1039 Piano and 5 instruments 1040 </label> 1041 </li> 1042 <li class="c-form__item -checkboxList -row"> 1043 <input class="c-form__checkboxList" id="piano-and-6-instruments-xkd07" type="checkbox" name="piano-and-6-instruments-xkd07" value="Xkd.07" v-model="instr" @change="onCheckBoxChange"> 1044 <label class="c-form__label" for="piano-and-6-instruments-xkd07"> 1045 Piano and 6 instruments 1046 </label> 1047 </li> 1048 <li class="c-form__item -checkboxList -row"> 1049 <input class="c-form__checkboxList" id="piano-and-7-instruments-xkd08" type="checkbox" name="piano-and-7-instruments-xkd08" value="Xkd.08" v-model="instr" @change="onCheckBoxChange"> 1050 <label class="c-form__label" for="piano-and-7-instruments-xkd08"> 1051 Piano and 7 instruments 1052 </label> 1053 </li> 1054 <li class="c-form__item -checkboxList -row"> 1055 <input class="c-form__checkboxList" id="piano-and-8-instruments-xkd09" type="checkbox" name="piano-and-8-instruments-xkd09" value="Xkd.09" v-model="instr" @change="onCheckBoxChange"> 1056 <label class="c-form__label" for="piano-and-8-instruments-xkd09"> 1057 Piano and 8 instruments 1058 </label> 1059 </li> 1060 <li class="c-form__item -checkboxList -row"> 1061 <input class="c-form__checkboxList" id="piano-and-9-instruments-xkd10" type="checkbox" name="piano-and-9-instruments-xkd10" value="Xkd.10" v-model="instr" @change="onCheckBoxChange"> 1062 <label class="c-form__label" for="piano-and-9-instruments-xkd10"> 1063 Piano and 9 instruments 1064 </label> 1065 </li> 1066 <li class="c-form__item -checkboxList -row"> 1067 <input class="c-form__checkboxList" id="piano-organ-xkdd02" type="checkbox" name="piano-organ-xkdd02" value="Xkdd.02" v-model="instr" @change="onCheckBoxChange"> 1068 <label class="c-form__label" for="piano-organ-xkdd02"> 1069 Piano organ 1070 </label> 1071 </li> 1072 <li class="c-form__item -checkboxList -row"> 1073 <input class="c-form__checkboxList" id="2-keyboard-and-additional-instrument-xkdd03" type="checkbox" name="2-keyboard-and-additional-instrument-xkdd03" value="Xkdd.03" v-model="instr" @change="onCheckBoxChange"> 1074 <label class="c-form__label" for="2-keyboard-and-additional-instrument-xkdd03"> 1075 2 keyboard and additional instrument 1076 </label> 1077 </li> 1078 <li class="c-form__item -checkboxList -row"> 1079 <input class="c-form__checkboxList" id="2-keyboard-and-2-additional-instruments-xkdd04" type="checkbox" name="2-keyboard-and-2-additional-instruments-xkdd04" value="Xkdd.04" v-model="instr" @change="onCheckBoxChange"> 1080 <label class="c-form__label" for="2-keyboard-and-2-additional-instruments-xkdd04"> 1081 2 keyboard and 2 additional instruments 1082 </label> 1083 </li> 1084 <li class="c-form__item -checkboxList -row"> 1085 <input class="c-form__checkboxList" id="2-keyboard-and-3-additional-instruments-xkdd05" type="checkbox" name="2-keyboard-and-3-additional-instruments-xkdd05" value="Xkdd.05" v-model="instr" @change="onCheckBoxChange"> 1086 <label class="c-form__label" for="2-keyboard-and-3-additional-instruments-xkdd05"> 1087 2 keyboard and 3 additional instruments 1088 </label> 1089 </li> 1090 <li class="c-form__item -checkboxList -row"> 1091 <input class="c-form__checkboxList" id="2-keyboard-and-4-additional-instruments-xkdd06" type="checkbox" name="2-keyboard-and-4-additional-instruments-xkdd06" value="Xkdd.06" v-model="instr" @change="onCheckBoxChange"> 1092 <label class="c-form__label" for="2-keyboard-and-4-additional-instruments-xkdd06"> 1093 2 keyboard and 4 additional instruments 1094 </label> 1095 </li> 1096 <li class="c-form__item -checkboxList -row"> 1097 <input class="c-form__checkboxList" id="2-keyboard-and-6-additional-instruments-xkdd08" type="checkbox" name="2-keyboard-and-6-additional-instruments-xkdd08" value="Xkdd.08" v-model="instr" @change="onCheckBoxChange"> 1098 <label class="c-form__label" for="2-keyboard-and-6-additional-instruments-xkdd08"> 1099 2 keyboard and 6 additional instruments 1100 </label> 1101 </li> 1102 <li class="c-form__item -checkboxList -row"> 1103 <input class="c-form__checkboxList" id="2-keyboard-and-7-additional-instruments-xkdd09" type="checkbox" name="2-keyboard-and-7-additional-instruments-xkdd09" value="Xkdd.09" v-model="instr" @change="onCheckBoxChange"> 1104 <label class="c-form__label" for="2-keyboard-and-7-additional-instruments-xkdd09"> 1105 2 keyboard and 7 additional instruments 1106 </label> 1107 </li> 1108 <li class="c-form__item -checkboxList -row"> 1109 <input class="c-form__checkboxList" id="piano-and-2-strings-xkde03" type="checkbox" name="piano-and-2-strings-xkde03" value="Xkde.03" v-model="instr" @change="onCheckBoxChange"> 1110 <label class="c-form__label" for="piano-and-2-strings-xkde03"> 1111 Piano and 2 strings 1112 </label> 1113 </li> 1114 <li class="c-form__item -checkboxList -row"> 1115 <input class="c-form__checkboxList" id="piano-and-3-strings-xkde04" type="checkbox" name="piano-and-3-strings-xkde04" value="Xkde.04" v-model="instr" @change="onCheckBoxChange"> 1116 <label class="c-form__label" for="piano-and-3-strings-xkde04"> 1117 Piano and 3 strings 1118 </label> 1119 </li> 1120 <li class="c-form__item -checkboxList -row"> 1121 <input class="c-form__checkboxList" id="piano-and-4-strings-xkde05" type="checkbox" name="piano-and-4-strings-xkde05" value="Xkde.05" v-model="instr" @change="onCheckBoxChange"> 1122 <label class="c-form__label" for="piano-and-4-strings-xkde05"> 1123 Piano and 4 strings 1124 </label> 1125 </li> 1126 <li class="c-form__item -checkboxList -row"> 1127 <input class="c-form__checkboxList" id="piano-and-5-strings-xkde06" type="checkbox" name="piano-and-5-strings-xkde06" value="Xkde.06" v-model="instr" @change="onCheckBoxChange"> 1128 <label class="c-form__label" for="piano-and-5-strings-xkde06"> 1129 Piano and 5 strings 1130 </label> 1131 </li> 1132 <li class="c-form__item -checkboxList -row"> 1133 <input class="c-form__checkboxList" id="piano-and-6-strings-xkde07" type="checkbox" name="piano-and-6-strings-xkde07" value="Xkde.07" v-model="instr" @change="onCheckBoxChange"> 1134 <label class="c-form__label" for="piano-and-6-strings-xkde07"> 1135 Piano and 6 strings 1136 </label> 1137 </li> 1138 <li class="c-form__item -checkboxList -row"> 1139 <input class="c-form__checkboxList" id="piano-trio-xkdea" type="checkbox" name="piano-trio-xkdea" value="Xkdea" v-model="instr" @change="onCheckBoxChange"> 1140 <label class="c-form__label" for="piano-trio-xkdea"> 1141 Piano trio 1142 </label> 1143 </li> 1144 <li class="c-form__item -checkboxList -row"> 1145 <input class="c-form__checkboxList" id="piano-quartet-xkdeb" type="checkbox" name="piano-quartet-xkdeb" value="Xkdeb" v-model="instr" @change="onCheckBoxChange"> 1146 <label class="c-form__label" for="piano-quartet-xkdeb"> 1147 Piano quartet 1148 </label> 1149 </li> 1150 <li class="c-form__item -checkboxList -row"> 1151 <input class="c-form__checkboxList" id="piano-quintet-xkdec" type="checkbox" name="piano-quintet-xkdec" value="Xkdec" v-model="instr" @change="onCheckBoxChange"> 1152 <label class="c-form__label" for="piano-quintet-xkdec"> 1153 Piano quintet 1154 </label> 1155 </li> 1156 <li class="c-form__item -checkboxList -row"> 1157 <input class="c-form__checkboxList" id="piano-and-1-wind-xkdf02" type="checkbox" name="piano-and-1-wind-xkdf02" value="Xkdf.02" v-model="instr" @change="onCheckBoxChange"> 1158 <label class="c-form__label" for="piano-and-1-wind-xkdf02"> 1159 Piano and 1 wind 1160 </label> 1161 </li> 1162 <li class="c-form__item -checkboxList -row"> 1163 <input class="c-form__checkboxList" id="piano-and-2-winds-xkdf03" type="checkbox" name="piano-and-2-winds-xkdf03" value="Xkdf.03" v-model="instr" @change="onCheckBoxChange"> 1164 <label class="c-form__label" for="piano-and-2-winds-xkdf03"> 1165 Piano and 2 winds 1166 </label> 1167 </li> 1168 <li class="c-form__item -checkboxList -row"> 1169 <input class="c-form__checkboxList" id="keyboard-and-2-winds-xkdf03" type="checkbox" name="keyboard-and-2-winds-xkdf03" value="Xkdf.03" v-model="instr" @change="onCheckBoxChange"> 1170 <label class="c-form__label" for="keyboard-and-2-winds-xkdf03"> 1171 Keyboard and 2 winds 1172 </label> 1173 </li> 1174 <li class="c-form__item -checkboxList -row"> 1175 <input class="c-form__checkboxList" id="keyboard-and-3-winds-xkdf04" type="checkbox" name="keyboar
1175d-and-3-winds-xkdf04" value="Xkdf.04" v-model="instr" @change="onCheckBoxChange"> 1176 <label class="c-form__label" for="keyboard-and-3-winds-xkdf04"> 1177 Keyboard and 3 winds 1178 </label> 1179 </li> 1180 <li class="c-form__item -checkboxList -row"> 1181 <input class="c-form__checkboxList" id="piano-and-4-winds-xkdf05" type="checkbox" name="piano-and-4-winds-xkdf05" value="Xkdf.05" v-model="instr" @change="onCheckBoxChange"> 1182 <label class="c-form__label" for="piano-and-4-winds-xkdf05"> 1183 Piano and 4 winds 1184 </label> 1185 </li> 1186 <li class="c-form__item -checkboxList -row"> 1187 <input class="c-form__checkboxList" id="keyboard-and-4-winds-xkdf05" type="checkbox" name="keyboard-and-4-winds-xkdf05" value="Xkdf.05" v-model="instr" @change="onCheckBoxChange"> 1188 <label class="c-form__label" for="keyboard-and-4-winds-xkdf05"> 1189 Keyboard and 4 winds 1190 </label> 1191 </li> 1192 <li class="c-form__item -checkboxList -row"> 1193 <input class="c-form__checkboxList" id="piano-and-5-winds-xkdf06" type="checkbox" name="piano-and-5-winds-xkdf06" value="Xkdf.06" v-model="instr" @change="onCheckBoxChange"> 1194 <label class="c-form__label" for="piano-and-5-winds-xkdf06"> 1195 Piano and 5 winds 1196 </label> 1197 </li> 1198 <li class="c-form__item -checkboxList -row"> 1199 <input class="c-form__checkboxList" id="keyboard-and-5-winds-xkdf06" type="checkbox" name="keyboard-and-5-winds-xkdf06" value="Xkdf.06" v-model="instr" @change="onCheckBoxChange"> 1200 <label class="c-form__label" for="keyboard-and-5-winds-xkdf06"> 1201 Keyboard and 5 winds 1202 </label> 1203 </li> 1204 <li class="c-form__item -checkboxList -row"> 1205 <input class="c-form__checkboxList" id="piano-and-6-winds-xkdf07" type="checkbox" name="piano-and-6-winds-xkdf07" value="Xkdf.07" v-model="instr" @change="onCheckBoxChange"> 1206 <label class="c-form__label" for="piano-and-6-winds-xkdf07"> 1207 Piano and 6 winds 1208 </label> 1209 </li> 1210 <li class="c-form__item -checkboxList -row"> 1211 <input class="c-form__checkboxList" id="mixed-combinations-xkdf08" type="checkbox" name="mixed-combinations-xkdf08" value="Xkdf.08" v-model="instr" @change="onCheckBoxChange"> 1212 <label class="c-form__label" for="mixed-combinations-xkdf08"> 1213 Mixed combinations 1214 </label> 1215 </li> 1216 <li class="c-form__item -checkboxList -row"> 1217 <input class="c-form__checkboxList" id="keyboard-and-8-winds-xkdf09" type="checkbox" name="keyboard-and-8-winds-xkdf09" value="Xkdf.09" v-model="instr" @change="onCheckBoxChange"> 1218 <label class="c-form__label" for="keyboard-and-8-winds-xkdf09"> 1219 Keyboard and 8 winds 1220 </label> 1221 </li> 1222 <li class="c-form__item -checkboxList -row"> 1223 <input class="c-form__checkboxList" id="mixed-combinations-xkdf10" type="checkbox" name="mixed-combinations-xkdf10" value="Xkdf.10" v-model="instr" @change="onCheckBoxChange"> 1224 <label class="c-form__label" for="mixed-combinations-xkdf10"> 1225 Mixed combinations 1226 </label> 1227 </li> 1228 <li class="c-form__item -checkboxList -row"> 1229 <input class="c-form__checkboxList" id="keyboard-and-plucked-instrument-xkdg02" type="checkbox" name="keyboard-and-plucked-instrument-xkdg02" value="Xkdg.02" v-model="instr" @change="onCheckBoxChange"> 1230 <label class="c-form__label" for="keyboard-and-plucked-instrument-xkdg02"> 1231 Keyboard and plucked instrument 1232 </label> 1233 </li> 1234 <li class="c-form__item -checkboxList -row"> 1235 <input class="c-form__checkboxList" id="mixed-combinations-xkdg03" type="checkbox" name="mixed-combinations-xkdg03" value="Xkdg.03" v-model="instr" @change="onCheckBoxChange"> 1236 <label class="c-form__label" for="mixed-combinations-xkdg03"> 1237 Mixed combinations 1238 </label> 1239 </li> 1240 <li class="c-form__item -checkboxList -row"> 1241 <input class="c-form__checkboxList" id="mixed-combinations-xkdg04" type="checkbox" name="mixed-combinations-xkdg04" value="Xkdg.04" v-model="instr" @change="onCheckBoxChange"> 1242 <label class="c-form__label" for="mixed-combinations-xkdg04"> 1243 Mixed combinations 1244 </label> 1245 </li> 1246 <li class="c-form__item -checkboxList -row"> 1247 <input class="c-form__checkboxList" id="mixed-combinations-xkdg05" type="checkbox" name="mixed-combinations-xkdg05" value="Xkdg.05" v-model="instr" @change="onCheckBoxChange"> 1248 <label class="c-form__label" for="mixed-combinations-xkdg05"> 1249 Mixed combinations 1250 </label> 1251 </li> 1252 <li class="c-form__item -checkboxList -row"> 1253 <input class="c-form__checkboxList" id="2-strings-xkee02" type="checkbox" name="2-strings-xkee02" value="Xkee.02" v-model="instr" @change="onCheckBoxChange"> 1254 <label class="c-form__label" for="2-strings-xkee02"> 1255 2 strings 1256 </label> 1257 </li> 1258 <li class="c-form__item -checkboxList -row"> 1259 <input class="c-form__checkboxList" id="3-strings-xkee03" type="checkbox" name="3-strings-xkee03" value="Xkee.03" v-model="instr" @change="onCheckBoxChange"> 1260 <label class="c-form__label" for="3-strings-xkee03">
1261 3 strings 1262 </label> 1263 </li> 1264 <li class="c-form__item -checkboxList -row"> 1265 <input class="c-form__checkboxList" id="4-strings-xkee04" type="checkbox" name="4-strings-xkee04" value="Xkee.04" v-model="instr" @change="onCheckBoxChange"> 1266 <label class="c-form__label" for="4-strings-xkee04"> 1267 4 strings 1268 </label> 1269 </li> 1270 <li class="c-form__item -checkboxList -row"> 1271 <input class="c-form__checkboxList" id="5-strings-xkee05" type="checkbox" name="5-strings-xkee05" value="Xkee.05" v-model="instr" @change="onCheckBoxChange"> 1272 <label class="c-form__label" for="5-strings-xkee05"> 1273 5 strings 1274 </label> 1275 </li> 1276 <li class="c-form__item -checkboxList -row"> 1277 <input class="c-form__checkboxList" id="6-strings-xkee06" type="checkbox" name="6-strings-xkee06" value="Xkee.06" v-model="instr" @change="onCheckBoxChange"> 1278 <label class="c-form__label" for="6-strings-xkee06"> 1279 6 strings 1280 </label> 1281 </li> 1282 <li class="c-form__item -checkboxList -row"> 1283 <input class="c-form__checkboxList" id="7-strings-xkee07" type="checkbox" name="7-strings-xkee07" value="Xkee.07" v-model="instr" @change="onCheckBoxChange"> 1284 <label class="c-form__label" for="7-strings-xkee07"> 1285 7 strings 1286 </label> 1287 </li> 1288 <li class="c-form__item -checkboxList -row"> 1289 <input class="c-form__checkboxList" id="8-strings-xkee08" type="checkbox" name="8-strings-xkee08" value="Xkee.08" v-model="instr" @change="onCheckBoxChange"> 1290 <label class="c-form__label" for="8-strings-xkee08"> 1291 8 strings 1292 </label> 1293 </li> 1294 <li class="c-form__item -checkboxList -row"> 1295 <input class="c-form__checkboxList" id="9-strings-xkee09" type="checkbox" name="9-strings-xkee09" value="Xkee.09" v-model="instr" @change="onCheckBoxChange"> 1296 <label class="c-form__label" for="9-strings-xkee09"> 1297 9 strings 1298 </label> 1299 </li> 1300 <li class="c-form__item -checkboxList -row"> 1301 <input class="c-form__checkboxList" id="10-strings-xkee10" type="checkbox" name="10-strings-xkee10" value="Xkee.10" v-model="instr" @change="onCheckBoxChange"> 1302 <label class="c-form__label" for="10-strings-xkee10"> 1303 10 strings 1304 </label> 1305 </li> 1306 <li class="c-form__item -checkboxList -row"> 1307 <input class="c-form__checkboxList" id="string-trio-xkeea" type="checkbox" name="string-trio-xkeea" value="Xkeea" v-model="instr" @change="onCheckBoxChange"> 1308 <label class="c-form__label" for="string-trio-xkeea"> 1309 String trio 1310 </label> 1311 </li> 1312 <li class="c-form__item -checkboxList -row"> 1313 <input class="c-form__checkboxList" id="string-quartet-xkeeb" type="checkbox" name="string-quartet-xkeeb" value="Xkeeb" v-model="instr" @change="onCheckBoxChange"> 1314 <label class="c-form__label" for="string-quartet-xkeeb"> 1315 String quartet 1316 </label> 1317 </li> 1318 <li class="c-form__item -checkboxList -row"> 1319 <input class="c-form__checkboxList" id="2-strings-and-winds-xkef02" type="checkbox" name="2-strings-and-winds-xkef02" value="Xkef.02" v-model="instr" @change="onCheckBoxChange"> 1320 <label class="c-form__label" for="2-strings-and-winds-xkef02"> 1321 2 strings and winds 1322 </label> 1323 </li> 1324 <li class="c-form__item -checkboxList -row"> 1325 <input class="c-form__checkboxList" id="3-strings-and-winds-xkef03" type="checkbox" name="3-strings-and-winds-xkef03" value="Xkef.03" v-model="instr" @change="onCheckBoxChange"> 1326 <label class="c-form__label" for="3-strings-and-winds-xkef03"> 1327 3 strings and winds 1328 </label> 1329 </li> 1330 <li class="c-form__item -checkboxList -row"> 1331 <input class="c-form__checkboxList" id="4-strings-and-winds-xkef04" type="checkbox" name="4-strings-and-winds-xkef04" value="Xkef.04" v-model="instr" @change="onCheckBoxChange"> 1332 <label class="c-form__label" for="4-strings-and-winds-xkef04"> 1333 4 strings and winds 1334 </label> 1335 </li> 1336 <li class="c-form__item -checkboxList -row"> 1337 <input class="c-form__checkboxList" id="5-strings-and-winds-xkef05" type="checkbox" name="5-strings-and-winds-xkef05" value="Xkef.05" v-model="instr" @change="onCheckBoxChange"> 1338 <label class="c-form__label" for="5-strings-and-winds-xkef05"> 1339 5 strings and winds 1340 </label> 1341 </li> 1342 <li class="c-form__item -checkboxList -row"> 1343 <input class="c-form__checkboxList" id="6-strings-and-winds-xkef06" type="checkbox" name="6-strings-and-winds-xkef06" value="Xkef.06" v-model="instr" @change="onCheckBoxChange"> 1344 <label class="c-form__label" for="6-strings-and-winds-xkef06"> 1345 6 strings and winds 1346 </label> 1347 </li> 1348 <li class="c-form__item -checkboxList -row"> 1349 <input class="c-form__checkboxList" id="7-strings-and-winds-xkef07" type="checkbox" name="7-strings-and-winds-xkef07" value="Xkef.07" v-model="instr" @change="onCheckBoxChange"> 1350 <label class="c-form__label" for="7-strings-and-winds-xkef07"> 1351 7 strings and winds 1352 </label> 1353 </li> 1354 <li class="c-form__item -checkboxList -row"> 1355 <input class="c-form__checkboxList" id="8-strings-and-winds-xkef08" type="checkbox" name="8-strings-and-winds-xkef08" value="Xkef.08" v-model="instr" @change="onCheckBoxChange"> 1356 <label class="c-form__label" for="8-strings-and-winds-xkef08"> 1357 8 strings and winds 1358 </label> 1359 </li> 1360 <li class="c-form__item -checkboxList -row"> 1361 <input class="c-form__checkboxList" id="9-strings-and-winds-xkef09" type="checkbox" name="9-strings-and-winds-xkef09" value="Xkef.09" v-model="instr" @change="onCheckBoxChange"> 1362 <label class="c-form__label" for="9-strings-and-winds-xkef09"> 1363 9 strings and winds 1364 </label> 1365 </li> 1366 <li class="c-form__item -checkboxList -row"> 1367 <input class="c-form__checkboxList" id="10-strings-and-winds-xkef10" type="checkbox" name="10-strings-and-winds-xkef10" value="Xkef.10" v-model="instr" @change="onCheckBoxChange"> 1368 <label class="c-form__label" for="10-strings-and-winds-xkef10"> 1369 10 strings and winds 1370 </label> 1371 </li> 1372 <li class="c-form__item -checkboxList -row"> 1373 <input class="c-form__checkboxList" id="2-winds-xkf02" type="checkbox" name="2-winds-xkf02" value="Xkf.02" v-model="instr" @change="onCheckBoxChange"> 1374 <label class="c-form__label" for="2-winds-xkf02"> 1375 2 winds 1376 </label> 1377 </li> 1378 <li class="c-form__item -checkboxList -row"> 1379 <input class="c-form__checkboxList" id="3-winds-xkf03" type="checkbox" name="3-winds-xkf03" value="Xkf.03" v-model="instr" @change="onCheckBoxChange"> 1380 <label class="c-form__label" for="3-winds-xkf03"> 1381 3 winds 1382 </label> 1383 </li> 1384 <li class="c-form__item -checkboxList -row"> 1385 <input class="c-form__checkboxList" id="4-winds-xkf04" t
1385ype="checkbox" name="4-winds-xkf04" value="Xkf.04" v-model="instr" @change="onCheckBoxChange"> 1386 <label class="c-form__label" for="4-winds-xkf04"> 1387 4 winds 1388 </label> 1389 </li> 1390 <li class="c-form__item -checkboxList -row"> 1391 <input class="c-form__checkboxList" id="5-winds-xkf05" type="checkbox" name="5-winds-xkf05" value="Xkf.05" v-model="instr" @change="onCheckBoxChange"> 1392 <label class="c-form__label" for="5-winds-xkf05"> 1393 5 winds 1394 </label> 1395 </li> 1396 <li class="c-form__item -checkboxList -row"> 1397 <input class="c-form__checkboxList" id="6-winds-xkf06" type="checkbox" name="6-winds-xkf06" value="Xkf.06" v-model="instr" @change="onCheckBoxChange"> 1398 <label class="c-form__label" for="6-winds-xkf06"> 1399 6 winds 1400 </label> 1401 </li> 1402 <li class="c-form__item -checkboxList -row"> 1403 <input class="c-form__checkboxList" id="7-winds-xkf07" type="checkbox" name="7-winds-xkf07" value="Xkf.07" v-model="instr" @change="onCheckBoxChange"> 1404 <label class="c-form__label" for="7-winds-xkf07"> 1405 7 winds 1406 </label> 1407 </li> 1408 <li class="c-form__item -checkboxList -row"> 1409 <input class="c-form__checkboxList" id="8-winds-xkf08" type="checkbox" name="8-winds-xkf08" value="Xkf.08" v-model="instr" @change="onCheckBoxChange"> 1410 <label class="c-form__label" for="8-winds-xkf08"> 1411 8 winds 1412 </label> 1413 </li> 1414 <li class="c-form__item -checkboxList -row"> 1415 <input class="c-form__checkboxList" id="9-winds-xkf09" type="checkbox" name="9-winds-xkf09" value="Xkf.09" v-model="instr" @change="onCheckBoxChange"> 1416 <label class="c-form__label" for="9-winds-xkf09"> 1417 9 winds 1418 </label> 1419 </li> 1420 <li class="c-form__item -checkboxList -row"> 1421 <input class="c-form__checkboxList" id="10-winds-xkf10" type="checkbox" name="10-winds-xkf10" value="Xkf.10" v-model="instr" @change="onCheckBoxChange"> 1422 <label class="c-form__label" for="10-winds-xkf10"> 1423 10 winds 1424 </label> 1425 </li> 1426 <li class="c-form__item -checkboxList -row"> 1427 <input class="c-form__checkboxList" id="woodwinds-xkff" type="checkbox" name="woodwinds-xkff" value="Xkff" v-model="instr" @change="onCheckBoxChange"> 1428 <label class="c-form__label" for="woodwinds-xkff"> 1429 Woodwinds 1430 </label> 1431 </li> 1432 <li class="c-form__item -checkboxList -row"> 1433 <input class="c-form__checkboxList" id="2-woodwinds-xkff02" type="checkbox" name="2-woodwinds-xkff02" value="Xkff.02" v-model="instr" @change="onCheckBoxChange"> 1434 <label class="c-form__label" for="2-woodwinds-xkff02"> 1435 2 woodwinds 1436 </label> 1437 </li> 1438 <li class="c-form__item -checkboxList -row"> 1439 <input class="c-form__checkboxList" id="3-woodwinds-xkff03" type="checkbox" name="3-woodwinds-xkff03" value="Xkff.03" v-model="instr" @change="onCheckBoxChange"> 1440 <label class="c-form__label" for="3-woodwinds-xkff03"> 1441 3 woodwinds 1442 </label> 1443 </li> 1444 <li class="c-form__item -checkboxList -row"> 1445 <input class="c-form__checkboxList" id="4-woodwinds-xkff04" type="checkbox" name="4-woodwinds-xkff04" value="Xkff.04" v-model="instr" @change="onCheckBoxChange"> 1446 <label class="c-form__label" for="4-woodwinds-xkff04"> 1447 4 woodwinds 1448 </label> 1449 </li> 1450 <li class="c-form__item -checkboxList -row"> 1451 <input class="c-form__checkboxList" id="5-woodwinds-xkff05" type="checkbox" name="5-woodwinds-xkff05" value="Xkff.05" v-model="instr" @change="onCheckBoxChange"> 1452 <label class="c-form__label" for="5-woodwinds-xkff05"> 1453 5 woodwinds 1454 </label> 1455 </li> 1456 <li class="c-form__item -checkboxList -row"> 1457 <input class="c-form__checkboxList" id="6-woodwinds-xkff06" type="checkbox" name="6-woodwinds-xkff06" value="Xkff.06" v-model="instr" @change="onCheckBoxChange"> 1458 <label class="c-form__label" for="6-woodwinds-xkff06"> 1459 6 woodwinds 1460 </label> 1461 </li> 1462 <li class="c-form__item -checkboxList -row"> 1463 <input class="c-form__checkboxList" id="7-woodwinds-xkff07" type="checkbox" name="7-woodwinds-xkff07" value="Xkff.07" v-model="instr" @change="onCheckBoxChange"> 1464 <label class="c-form__label" for="7-woodwinds-xkff07"> 1465 7 woodwinds 1466 </label> 1467 </li> 1468 <li class="c-form__item -checkboxList -row"> 1469 <input class="c-form__checkboxList" id="8-woodwinds-xkff08" type="checkbox" name="8-woodwinds-xkff08" value="Xkff.08" v-model="instr" @change="onCheckBoxChange"> 1470 <label class="c-form__label" for="8-woodwinds-xkff08"> 1471 8 woodwinds 1472 </label> 1473 </li> 1474 <li class="c-form__item -checkboxList -row"> 1475 <input class="c-form__checkboxList" id="9-woodwinds-xkff09" type="checkbox" name="9-woodwinds-xkff09" value="Xkff.09" v-model="instr" @change="onCheckBoxChange"> 1476 <label class="c-form__label" for="9-woodwinds-xkff09"> 1477 9 woodwinds 1478 </label> 1479 </li> 1480 <li class="c-form__item -checkboxList -row"> 1481 <input class="c-form__checkboxList" id="10-woodwinds-xkff10" type="checkbox" name="10-woodwinds-xkff10" value="Xkff.10" v-model="instr" @change="onCheckBoxChange"> 1482 <label class="c-form__label" for="10-woodwinds-xkff10"> 1483 10 woodwinds 1484 </label> 1485 </li> 1486 <li class="c-form__item -checkboxList -row"> 1487 <input class="c-form__checkboxList" id="wind-quartet-xkffa" type="checkbox" name="wind-quartet-xkffa" value="Xkffa" v-model="instr" @change="onCheckBoxChange"> 1488 <label class="c-form__label" for="wind-quartet-xkffa"> 1489 Wind quartet 1490 </label> 1491 </li> 1492 <li class="c-form__item -checkboxList -row"> 1493 <input class="c-form__checkboxList" id="wind-quintet-xkffb" type="checkbox" name="wind-quintet-xkffb" value="Xkffb" v-model="instr" @change="onCheckBoxChange"> 1494 <label class="c-form__label" for="wind-quintet-xkffb"> 1495 Wind quintet 1496 </label> 1497 </li> 1498 <li class="c-form__item -checkboxList -row"> 1499 <input class="c-form__checkboxList" id="brass-xkfg" type="checkbox" name="brass-xkfg" value="Xkfg" v-model="instr" @change="onCheckBoxChange"> 1500 <label class="c-form__label" for="brass-xkfg"> 1501 Brass 1502 </label> 1503 </li> 1504 <li class="c-form__item -checkboxList -row"> 1505 <input class="c-form__checkboxList" id="2-brass-xkfg02" type="checkbox" name="2-brass-xkfg02" value="Xkfg.02" v-model="instr" @change="onCheckBoxChange"> 1506 <label class="c-form__label" for="2-brass-xkfg02"> 1507 2 brass 1508 </label> 1509 </li> 1510 <li class="c-form__item -checkboxList -row"> 1511 <input class="c-form__checkboxList" id="3-brass-xkfg03" type="checkbox" name="3-brass-xkfg03" value="Xkfg.03" v-model="instr" @change="onCheckBoxChange"> 1512 <label class="c-form__label" for="3-brass-xkfg03"> 1513 3 brass 1514 </label> 1515 </li> 1516 <li class="c-form__item -checkboxList -row"> 1517 <input class="c-form__checkboxList" id="4-brass-xkfg04" type="checkbox" name="4-brass-xkfg04" value="Xkfg.04" v-model="instr" @change="onCheckBoxChange"> 1518 <label class="c-form__label" for="4-brass-xkfg04"> 1519 4 brass 1520 </label> 1521 </li> 1522 <li class="c-form__item -checkboxList -row"> 1523 <input class="c-form__checkboxList" id="5-brass-xkfg05" type="checkbox" name="5-brass-xkfg05" value="Xkfg.05" v-model="instr" @change="onCheckBoxChange"> 1524 <label class="c-form__label" for="5-brass-xkfg05"> 1525 5 brass 1526 </label> 1527 </li> 1528 <li class="c-form__item -checkboxList -row"> 1529 <input class="c-form__checkboxList" id="6-brass-xkfg06" type="checkbox" name="6-brass-xkfg06" value="Xkfg.06" v-model="instr" @change="onCheckBoxChange"> 1530 <label class="c-form__label" for="6-brass-xkfg06"> 1531 6 brass 1532 </label> 1533 </li> 1534 <li class="c-form__item -checkboxList -row"> 1535 <input class="c-form__checkboxList" id="7-brass-xkfg07" type="checkbox" name="7-brass-xkfg07" value="Xkfg.07" v-model="instr" @change="onCheckBoxChange"> 1536 <label class="c-form__label" for="7-brass-xkfg07"> 1537 7 brass 1538 </label> 1539 </li> 1540 <li class="c-form__item -checkboxList -row"> 1541 <input class="c-form__checkboxList" id="8-brass-xkfg08" type="checkbox" name="8-brass-xkfg08" value="Xkfg.08" v-model="instr" @change="onCheckBoxChange"> 1542 <label class="c-form__label" for="8-brass-xkfg08"> 1543 8 brass 1544 </label> 1545 </li> 1546 <li class="c-form__item -checkboxList -row"> 1547 <input class="c-form__checkboxList" id="9-brass-xkfg09" type="checkbox" name="9-brass-xkfg09" value="Xkfg.09" v-model="instr" @change="onCheckBoxChange"> 1548 <label class="c-form__label" for="9-brass-xkfg09"> 1549 9 brass 1550 </label> 1551 </li> 1552 <li class="c-form__item -checkboxList -row"> 1553 <input class="c-form__checkboxList" id="10-brass-xkfg10" type="checkbox" name="10-brass-xkfg10" value="Xkfg.10" v-model="instr" @change="onCheckBoxChange"> 1554 <label class="c-form__label" for="10-brass-xkfg10"> 1555 10 brass 1556 </label> 1557 </li> 1558 <li class="c-form__item -checkboxList -row"> 1559 <input class="c-form__checkboxList" id="brass-quintet-xkfga" type="checkbox" name="brass-quintet-xkfga" value="Xkfga" v-model="instr" @change="onCheckBoxChange"> 1560 <label class="c-form__label" for="brass-quintet-xkfga"> 1561 Brass quintet 1562 </label> 1563 </li> 1564 <li class="c-form__item -checkboxList -row"> 1565 <input class="c-form__checkboxList" id="brass-sextet-xkfgb" type="checkbox" name="brass-sextet-xkfgb" value="Xkfgb" v-model="instr" @change="onCheckBoxChange"> 1566 <label class="c-form__label" for="brass-sextet-xkfgb"> 1567 Brass sextet 1568 </label> 1569 </li> 1570 <li class="c-form__item -checkboxList -row"> 1571 <input class="c-form__checkboxList" id="accordion-and-other-instruments-xkfk" type="checkbox" name="accordion-and-other-instruments-xkfk" value="Xkfk" v-model="instr" @change="onCheckBoxChange"> 1572 <label class="c-form__label" for="accordion-and-other-instruments-xkfk"> 1573 Accordion and other instruments 1574 </label> 1575 </li> 1576 <li class="c-form__item -checkboxList -row"> 1577 <input class="c-form__checkboxList" id="plucked-instrument-and-additional-instrument-xkg02" type="checkbox" name="plucked-instrument-and-additional-instrument-xkg02" value="Xkg.02" v-model="instr" @change="onCheckBoxChange"> 1578 <label class="c-form__label" for="plucked-instrument-and-additional-instrument-xkg02"> 1579 Plucked instrument and additional instrument 1580 </label> 1581 </li> 1582 <li class="c-form__item -checkboxList -row"> 1583 <input class="c-form__checkboxList" id="plucked-instrument-and-2-additional-instruments-xkg03" type="checkbox" name="plucked-instrument-and-2-additional-instruments-xkg03" value="Xkg.03" v-model="instr" @change="onCheckBoxChange"> 1584 <label class="c-form__label" for="plucked-instrument-and-2-additional-instruments-xkg03"> 1585 Plucked instrument and 2 additional instruments 1586 </label> 1587 </li> 1588 <li class="c-form__item -checkboxList -row"> 1589 <input class="c-form__checkboxList" id="plucked-instrument-and-3-additional-instruments-xkg04" t
1589ype="checkbox" name="plucked-instrument-and-3-additional-instruments-xkg04" value="Xkg.04" v-model="instr" @change="onCheckBoxChange"> 1590 <label class="c-form__label" for="plucked-instrument-and-3-additional-instruments-xkg04"> 1591 Plucked instrument and 3 additional instruments 1592 </label> 1593 </li> 1594 <li class="c-form__item -checkboxList -row"> 1595 <input class="c-form__checkboxList" id="plucked-instrument-and-4-additional-instruments-xkg05" type="checkbox" name="plucked-instrument-and-4-additional-instruments-xkg05" value="Xkg.05" v-model="instr" @change="onCheckBoxChange"> 1596 <label class="c-form__label" for="plucked-instrument-and-4-additional-instruments-xkg05"> 1597 Plucked instrument and 4 additional instruments 1598 </label> 1599 </li> 1600 <li class="c-form__item -checkboxList -row"> 1601 <input class="c-form__checkboxList" id="plucked-instrument-and-5-additional-instruments-xkg06" type="checkbox" name="plucked-instrument-and-5-additional-instruments-xkg06" value="Xkg.06" v-model="instr" @change="onCheckBoxChange"> 1602 <label class="c-form__label" for="plucked-instrument-and-5-additional-instruments-xkg06"> 1603 Plucked instrument and 5 additional instruments 1604 </label> 1605 </li> 1606 <li class="c-form__item -checkboxList -row"> 1607 <input class="c-form__checkboxList" id="plucked-instrument-and-6-additional-instruments-xkg07" type="checkbox" name="plucked-instrument-and-6-additional-instruments-xkg07" value="Xkg.07" v-model="instr" @change="onCheckBoxChange"> 1608 <label class="c-form__label" for="plucked-instrument-and-6-additional-instruments-xkg07"> 1609 Plucked instrument and 6 additional instruments 1610 </label> 1611 </li> 1612 <li class="c-form__item -checkboxList -row"> 1613 <input class="c-form__checkboxList" id="plucked-instrument-and-7-additional-instruments-xkg08" type="checkbox" name="plucked-instrument-and-7-additional-instruments-xkg08" value="Xkg.08" v-model="instr" @change="onCheckBoxChange"> 1614 <label class="c-form__label" for="plucked-instrument-and-7-additional-instruments-xkg08"> 1615 Plucked instrument and 7 additional instruments 1616 </label> 1617 </li> 1618 <li class="c-form__item -checkboxList -row"> 1619 <input class="c-form__checkboxList" id="plucked-instrument-and-8-additional-instruments-xkg09" type="checkbox" name="plucked-instrument-and-8-additional-instruments-xkg09" value="Xkg.09" v-model="instr" @change="onCheckBoxChange"> 1620 <label class="c-form__label" for="plucked-instrument-and-8-additional-instruments-xkg09"> 1621 Plucked instrument and 8 additional instruments 1622 </label> 1623 </li> 1624 <li class="c-form__item -checkboxList -row"> 1625 <input class="c-form__checkboxList" id="plucked-instrument-and-string-instrument-xkge02" type="checkbox" name="plucked-instrument-and-string-instrument-xkge02" value="Xkge.02" v-model="instr" @change="onCheckBoxChange"> 1626 <label class="c-form__label" for="plucked-instrument-and-string-instrument-xkge02"> 1627 Plucked instrument and string instrument 1628 </label> 1629 </li> 1630 <li class="c-form__item -checkboxList -row"> 1631 <input class="c-form__checkboxList" id="plucked-instrument-and-2-strings-xkge03" type="checkbox" name="plucked-instrument-and-2-strings-xkge03" value="Xkge.03" v-model="instr" @change="onCheckBoxChange"> 1632 <label class="c-form__label" for="plucked-instrument-and-2-strings-xkge03"> 1633 Plucked instrument and 2 strings 1634 </label> 1635 </li> 1636 <li class="c-form__item -checkboxList -row"> 1637 <input class="c-form__checkboxList" id="plucked-instrument-and-3-strings-xkge04" type="checkbox" name="plucked-instrument-and-3-strings-xkge04" value="Xkge.04" v-model="instr" @change="onCheckBoxChange"> 1638 <label class="c-form__label" for="plucked-instrument-and-3-strings-xkge04"> 1639 Plucked instrument and 3 strings 1640 </label> 1641 </li> 1642 <li class="c-form__item -checkboxList -row"> 1643 <input class="c-form__checkboxList" id="plucked-instrument-and-4-strings-xkge05" type="checkbox" name="plucked-instrument-and-4-strings-xkge05" value="Xkge.05" v-model="instr" @change="onCheckBoxChange"> 1644 <label class="c-form__label" for="plucked-instrument-and-4-strings-xkge05"> 1645 Plucked instrument and 4 strings 1646 </label> 1647 </li> 1648 <li class="c-form__item -checkboxList -row"> 1649 <input class="c-form__checkboxList" id="plucked-instrument-and-5-strings-xkge06" type="checkbox" name="plucked-instrument-and-5-strings-xkge06" value="Xkge.06" v-model="instr" @change="onCheckBoxChange"> 1650 <label class="c-form__label" for="plucked-instrument-and-5-strings-xkge06"> 1651 Plucked instrument and 5 strings 1652 </label> 1653 </li> 1654 <li class="c-form__item -checkboxList -row"> 1655 <input class="c-form__checkboxList" id="plucked-instrument-and-6-strings-xkge07" type="checkbox" name="plucked-instrument-and-6-strings-xkge07" value="Xkge.07" v-model="instr" @change="onCheckBoxChange"> 1656 <label class="c-form__label" for="plucked-instrument-and-6-strings-xkge07"> 1657 Plucked instrument and 6 strings 1658 </label> 1659 </li> 1660 <li class="c-form__item -checkboxList -row"> 1661 <input class="c-form__checkboxList" id="plucked-instrument-and-wind-instrument-xkgf02" type="checkbox" name="plucked-instrument-and-wind-instrument-xkgf02" value="Xkgf.02" v-model="instr" @change="onCheckBoxChange"> 1662 <label class="c-form__label" for="plucked-instrument-and-wind-instrument-xkgf02"> 1663 Plucked instrument and wind instrument 1664 </label> 1665 </li> 1666 <li class="c-form__item -checkboxList -row"> 1667 <input class="c-form__checkboxList" id="plucked-instrument-and-2-winds-xkgf03" type="checkbox" name="plucked-instrument-and-2-winds-xkgf03" value="Xkgf.03" v-model="instr" @change="onCheckBoxChange"> 1668 <label class="c-form__label" for="plucked-instrument-and-2-winds-xkgf03"> 1669 Plucked instrument and 2 winds 1670 </label> 1671 </li> 1672 <li class="c-form__item -checkboxList -row"> 1673 <input class="c-form__checkboxList" id="plucked-instrument-and-3-winds-xkgf04" type="checkbox" name="plucked-instrument-and-3-winds-xkgf04" value="Xkgf.04" v-model="instr" @change="onCheckBoxChange"> 1674 <label class="c-form__label" for="plucked-instrument-and-3-winds-xkgf04"> 1675 Plucked instrument and 3 winds 1676 </label> 1677 </li> 1678 <li class="c-form__item -checkboxList -row"> 1679 <input class="c-form__checkboxList" id="plucked-instrument-and-5-winds-xkgf06" type="checkbox" name="plucked-instrument-and-5-winds-xkgf06" value="Xkgf.06" v-model="instr" @change="onCheckBoxChange"> 1680 <label class="c-form__label" for="plucked-instrument-and-5-winds-xkgf06"> 1681 Plucked instrument and 5 winds 1682 </label> 1683 </li> 1684 <li class="c-form__item -checkboxList -row"> 1685 <input class="c-form__checkboxList" id="percussion-additional-instruments-xkh" type="checkbox" name="percussion-additional-instruments-xkh" value="Xkh" v-model="instr" @change="onCheckBoxChange"> 1686 <label class="c-form__label" for="percussion-additional-instruments-xkh"> 1687 Percussion & additional instruments 1688 </label> 1689 </li> 1690 <li class="c-form__item -checkboxList -row"> 1691 <input class="c-form__checkboxList" id="early-instruments-xkk" type="checkbox" name="early-instruments-xkk" value="Xkk" v-model="instr" @change="onCheckBoxChange"> 1692 <label class="c-form__label" for="early-instruments-xkk"> 1693 Early instruments 1694 </label> 1695 </li> 1696 <li class="c-form__item -checkboxList -row"> 1697 <input class="c-form__checkboxList" id="optional-instruments-xkv" type="checkbox" name="optional-instruments-xkv" value="Xkv" v-model="instr" @change="onCheckBoxChange"> 1698 <label class="c-form__label" for="optional-instruments-xkv"> 1699 Optional instruments 1700 </label> 1701 </li> 1702 1703 </ul> 1704</fieldset> 1705 </div> 1706 </div> 1707 <button type="button" data-a11y-dialog-hide="ensemble-xk" class="c-button -fixed">Add</button> 1708 1709 <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="ensemble-xk" aria-label="Stäng Ensemble"> 1710 <svg class="c-icon -close" aria-hidden="true"> 1711 <use xlink:href="/images/spritemap.svg#icon-close"></use> 1712 </svg> 1713 </button> 1714 1715 </div> 1716 </div> 1717 </div> 1718 </li> 1719 <li class="c-form__item -row"> 1720 <button type="button" class="c-form__listToggle" data-a11y-dialog-show="keyboard-xd"> 1721 Keyboard 1722 <svg class="c-icon -arrow" aria-hidden="true"> 1723 <use xlink:href="/images/spritemap.svg#icon-arrow"></use> 1724 </svg> 1725 </button> 1726 1727 <div id="keyboard-xd" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true"> 1728 1729 <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="keyboard-xd-title"> 1730 <div role="document" class="c-fieldsetDialog__document"> 1731 1732 <h2 id="keyboard-xd-title" tabindex="0" class="c-fieldsetDialog__title"> 1733 Keyboard 1734 </h2> 1735 1736 <div class="c-fieldsetDialog__content"> 1737 <div class="c-fieldsetDialog__content__inner"> 1738 1739 <fieldset class="c-form__checkboxes"> 1740 1741 1742 <ul class="c-form__list"> 1743 1744 <li class="c-form__item -checkboxList -row"> 1745 <input class="c-form__checkboxList" id="keyboard-xd" type="checkbox" name="keyboard-xd" value="Xd" v-model="instr" @change="onCheckBoxChange"> 1746 <label class="c-form__label" for="keyboard-xd"> 1747 Keyboard 1748 </label> 1749 </li> 1750 <li class="c-form__item -checkboxList -row"> 1751 <input class="c-form__checkboxList" id="piano-xda" type="checkbox" name="piano-xda" value="Xda" v-model="instr" @change="onCheckBoxChange"> 1752 <label class="c-form__label" for="piano-xda"> 1753 Piano 1754 </label> 1755 </li> 1756 <li class="c-form__item -checkboxList -row"> 1757 <input class="c-form__checkboxList" id="piano-1-hand-xda011" type="checkbox" name="piano-1-hand-xda011" value="Xda.011" v-model="instr" @change="onCheckBoxChange"> 1758 <label class="c-form__label" for="piano-1-hand-xda011"> 1759 Piano 1 hand 1760 </label> 1761 </li> 1762 <li class="c-form__item -checkboxList -row"> 1763 <input class="c-form__checkboxList" id="piano-4-hands-xd
1763a014" type="checkbox" name="piano-4-hands-xda014" value="Xda.014" v-model="instr" @change="onCheckBoxChange"> 1764 <label class="c-form__label" for="piano-4-hands-xda014"> 1765 Piano 4 hands 1766 </label> 1767 </li> 1768 <li class="c-form__item -checkboxList -row"> 1769 <input class="c-form__checkboxList" id="2-pianos-xda02" type="checkbox" name="2-pianos-xda02" value="Xda.02" v-model="instr" @change="onCheckBoxChange"> 1770 <label class="c-form__label" for="2-pianos-xda02"> 1771 2 pianos 1772 </label> 1773 </li> 1774 <li class="c-form__item -checkboxList -row"> 1775 <input class="c-form__checkboxList" id="3-pianos-xda03" type="checkbox" name="3-pianos-xda03" value="Xda.03" v-model="instr" @change="onCheckBoxChange"> 1776 <label class="c-form__label" for="3-pianos-xda03"> 1777 3 pianos 1778 </label> 1779 </li> 1780 <li class="c-form__item -checkboxList -row"> 1781 <input class="c-form__checkboxList" id="4-pianos-xda04" type="checkbox" name="4-pianos-xda04" value="Xda.04" v-model="instr" @change="onCheckBoxChange"> 1782 <label class="c-form__label" for="4-pianos-xda04"> 1783 4 pianos 1784 </label> 1785 </li> 1786 <li class="c-form__item -checkboxList -row"> 1787 <input class="c-form__checkboxList" id="5-pianos-xda05" type="checkbox" name="5-pianos-xda05" value="Xda.05" v-model="instr" @change="onCheckBoxChange"> 1788 <label class="c-form__label" for="5-pianos-xda05"> 1789 5 pianos 1790 </label> 1791 </li> 1792 <li class="c-form__item -checkboxList -row"> 1793 <input class="c-form__checkboxList" id="6-pianos-xda06" type="checkbox" name="6-pianos-xda06" value="Xda.06" v-model="instr" @change="onCheckBoxChange"> 1794 <label class="c-form__label" for="6-pianos-xda06"> 1795 6 pianos 1796 </label> 1797 </li> 1798 <li class="c-form__item -checkboxList -row"> 1799 <input class="c-form__checkboxList" id="organ-xdb" type="checkbox" name="organ-xdb" value="Xdb" v-model="instr" @change="onCheckBoxChange"> 1800 <label class="c-form__label" for="organ-xdb"> 1801 Organ 1802 </label> 1803 </li> 1804 <li class="c-form__item -checkboxList -row"> 1805 <input class="c-form__checkboxList" id="organ-4-hands-xdb014" type="checkbox" name="organ-4-hands-xdb014" value="Xdb.014" v-model="instr" @change="onCheckBoxChange"> 1806 <label class="c-form__label" for="organ-4-hands-xdb014"> 1807 Organ 4 hands 1808 </label> 1809 </li> 1810 <li class="c-form__item -checkboxList -row"> 1811 <input class="c-form__checkboxList" id="2-organs-xdb02" type="checkbox" name="2-organs-xdb02" value="Xdb.02" v-model="instr" @change="onCheckBoxChange"> 1812 <label class="c-form__label" for="2-organs-xdb02"> 1813 2 organs 1814 </label> 1815 </li> 1816 <li class="c-form__item -checkboxList -row"> 1817 <input class="c-form__checkboxList" id="4-organs-xdb04" type="checkbox" name="4-organs-xdb04" value="Xdb.04" v-model="instr" @change="onCheckBoxChange"> 1818 <label class="c-form__label" for="4-organs-xdb04"> 1819 4 organs 1820 </label> 1821 </li> 1822 <li class="c-form__item -checkboxList -row"> 1823 <input class="c-form__checkboxList" id="harmonium-xdbz" type="checkbox" name="harmonium-xdbz" value="Xdbz" v-model="instr" @change="onCheckBoxChange"> 1824 <label class="c-form__label" for="harmonium-xdbz"> 1825 Harmonium 1826 </label> 1827 </li> 1828 <li class="c-form__item -checkboxList -row"> 1829 <input class="c-form__checkboxList" id="harpsichord-xdc" type="checkbox" name="harpsichord-xdc" value="Xdc" v-model="instr" @change="onCheckBoxChange"> 1830 <label class="c-form__label" for="harpsichord-xdc"> 1831 Harpsichord 1832 </label> 1833 </li> 1834 <li class="c-form__item -checkboxList -row"> 1835 <input class="c-form__checkboxList" id="2-harpsichords-xdc02" type="checkbox" name="2-harpsichords-xdc02" value="Xdc.02" v-model="instr" @change="onCheckBoxChange"> 1836 <label class="c-form__label" for="2-harpsichords-xdc02"> 1837 2 harpsichords 1838 </label> 1839 </li> 1840 <li class="c-form__item -checkboxList -row"> 1841 <input class="c-form__checkboxList" id="clavichord-xdd" type="checkbox" name="clavichord-xdd" value="Xdd" v-model="instr" @change="onCheckBoxChange"> 1842 <label class="c-form__label" for="clavichord-xdd"> 1843 Clavichord 1844 </label> 1845 </li> 1846 <li class="c-form__item -checkboxList -row"> 1847 <input class="c-form__checkboxList" id="electric-piano-xdi" type="checkbox" name="electric-piano-xdi" value="Xdi" v-model="instr" @change="onCheckBoxChange"> 1848 <label class="c-form__label" for="electric-piano-xdi"> 1849 Electric piano 1850 </label> 1851 </li> 1852 1853 </ul> 1854</fieldset> 1855 </div> 1856 </div> 1857 <button type="button" data-a11y-dialog-hide="keyboard-xd" class="c-button -fixed">Add</button> 1858 1859 <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="keyboard-xd" aria-label="Stäng Keyboard"> 1860 <svg class="c-icon -close" aria-hidden="true"> 1861 <use xlink:href="/images/spritemap.svg#icon-close"></use> 1862 </svg> 1863 </button> 1864 1865 </div> 1866 </div> 1867 </div> 1868 </li> 1869 <li class="c-form__item -row"> 1870 <button type="button" class="c-form__listToggle" data-a11y-dialog-show="mechanical-instruments-xj"> 1871 Mechanical instruments 1872 <svg class="c-icon -arrow" aria-hidden="true"> 1873 <use xlink:href="/images/spritemap.svg#icon-arrow"></use> 1874 </svg> 1875 </button> 1876 1877 <div id="mechanical-instruments-xj" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true"> 1878 1879 <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="mechanical-instruments-xj-title"> 1880 <div role="document" class="c-fieldsetDialog__document"> 1881 1882 <h2 id="mechanical-instruments-xj-title" tabindex="0" class="c-fieldsetDialog__title"> 1883 Mechanical instruments 1884 </h2> 1885 1886 <div class="c-fieldsetDialog__content"> 1887 <div class="c-fieldsetDialog__content__inner"> 1888 1889 <fieldset class="c-form__checkboxes"> 1890 1891 1892 <ul class="c-form__list"> 1893 1894 <li class="c-form__item -checkboxList -row"> 1895 <input class="c-form__checkboxList" id="carillon-xja" type="checkbox" name="carillon-xja" value="Xja" v-model="instr" @change="onCheckBoxChange"> 1896 <label class="c-form__label" for="carillon-xja"> 1897 Carillon 1898 </label> 1899 </li> 1900 <li class="c-form__item -checkboxList -row"> 1901 <input class="c-form__checkboxList" id="playing-clocks-xjb" type="checkbox" name="playing-clocks-xjb" value="Xjb" v-model="instr" @change="onCheckBoxChange"> 1902 <label class="c-form__label" for="playing-clocks-xjb"> 1903 Playing clocks 1904 </label> 1905 </li> 1906 <li class="c-form__item -checkboxList -row"> 1907 <input class="c-form__checkboxList" id="pianola-xjd" type="checkbox" name="pianola-xjd" value="Xjd" v-model="instr" @change="onCheckBoxChange"> 1908 <label class="c-form__label" for="pianola-xjd"> 1909 Pianola 1910 </label> 1911 </li> 1912 <li class="c-form__item -checkboxList -row"> 1913 <input class="c-form__checkboxList" id="orchestrion-xjz" type="checkbox" name="orchestrion-xjz" value="Xjz" v-model="instr" @change="onCheckBoxChange"> 1914 <label class="c-form__label" for="orchestrion-xjz"> 1915 Orchestrion 1916 </label> 1917 </li> 1918 1919 </ul> 1920</fieldset> 1921 </div> 1922 </div> 1923 <button type="button" data-a11y-dialog-hide="mechanical-instruments-xj" class="c-button -fixed">Add</button> 1924 1925 <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="mechanical-instruments-xj" aria-label="Stäng Mechanical instruments"> 1926 <svg class="c-icon -close" aria-hidden="true"> 1927 <use xlink:href="/images/spritemap.svg#icon-close"></use> 1928 </svg> 1929 </button> 1930 1931 </div> 1932 </div> 1933 </div> 1934 </li> 1935 <li class="c-form__item -row"> 1936 <button type="button" class="c-form__listToggle" data-a11y-dialog-show="optional-instruments-xc"> 1937 Optional instruments 1938 <svg class="c-icon -arrow" aria-hidden="true"> 1939 <use xlink:href="/images/spritemap.svg#icon-arrow"></use> 1940 </svg> 1941 </button> 1942 1943 <div id="optional-instruments-xc" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true"> 1944 1945 <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="optional-instruments-xc-title"> 1946 <div role="document" class="c-fieldsetDialog__document"> 1947 1948 <h2 id="optional-instruments-xc-title" tabindex="0" class="c-fieldsetDialog__title"> 1949 Optional instruments 1950 </h2> 1951 1952 <div class="c-fieldsetDialog__content"> 1953 <div class="c-fieldsetDialog__content__inner"> 1954 1955 <fieldset class="c-form__checkboxes"> 1956 1957 1958 <ul class="c-form__list"> 1959 1960 <li class="c-form__item -checkboxList -row"> 1961 <input class="c-form__checkboxList" id="optional-instrument-xc" type="checkbox" name="optional-instrument-xc" value="Xc" v-model="instr" @change="onCheckBoxChange"> 1962 <label class="c-form__label" for="optional-instrument-xc"> 1963 Optional instrument 1964 </label> 1965 </li> 1966 <li class="c-form__item -checkboxList -row"> 1967 <input class="c-form__checkboxList" id="2-instruments-xc02" type="checkbox" name="2-instruments-xc02" value="Xc.02" v-model="instr" @change="onCheckBoxChange"> 1968 <label class="c-form__label" for="2-instruments-xc02"> 1969 2 instruments 1970 </label> 1971 </li> 1972 1973 </ul> 1974</fieldset> 1975 </div> 1976 </div> 1977 <button type="button" data-a11y-dialog-hide="optional-instruments-xc" class="c-button -fixed">Add</button> 1978 1979 <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="optional-instruments-xc" aria-label="Stäng Optional instruments"> 1980 <svg class="c-icon -close" aria-hidden="true"> 1981 <use xlink:href="/images/spritemap.svg#icon-close"></use> 1982 </svg> 1983 </button> 1984 1985 </div> 1986 </div> 1987 </div> 1988 </li> 1989 <li class="c-form__item -row"> 1990 <button type="button" class="c-form__listToggle" data-a11y-dialog-show="orchestra-xl"> 1991 Orchestra 1992 <svg class="c-icon -arrow" aria-hidden="true"> 1993 <use xlink:href="/images/spritemap.svg#icon-arrow"></use> 1994 </svg> 1995 </button> 1996 1997 <div id="orchestra-xl" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true"> 1998 1999 <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="orchestra-xl-title"> 2000 <div role="document" class="c-fieldsetDialog__document"> 2001 2002 <h2 id="orchestra-xl-title" tabindex="0" class="c-fieldsetDialog__title"> 2003 Orchestra 2004 </h2> 2005 2006 <div class="c-fieldsetDialog__content"> 2007 <div class="c-fieldsetDialog__content__inner"> 2008 2009 <fieldset class="c-form__checkboxes"> 2010 2011 2012 <ul class="c-form__list"> 2013 2014 <li class="c-form__item -checkboxList -row"> 2015 <input class="c-form__checkboxList" id="4-solo-instruments-xlbb04" type="checkbox" name="4-solo-instruments-xlbb04" value="Xlbb.04" v-model="instr" @change="onCheckBoxChange"> 2016 <label class="c-form__label" for="4-solo-instruments-xlbb04"> 2017 4 solo instruments 2018 </label> 2019 </li> 2020 <li class="c-form__item -checkboxList -row"> 2021 <input class="c-form__checkboxList" id="5-solo-instruments-xlbb05" type="checkbox" name="5-solo-instruments-xlbb05" value="Xlbb.05" v-model="instr" @change="onCheckBoxChange"> 2022 <label class="c-form__label" for="5-solo-instruments-xlbb05"> 2023 5 solo instruments 2024 </label> 2025 </li> 2026 <li class="c-form__item -checkboxList -row"> 2027 <input class="c-form__checkboxList" id="piano-and-orchestra-xlbda" type="checkbox" name="piano-and-orchestra-xlbda" value="Xlbda" v-model="instr" @change="onCheckBoxChange"> 2028 <label class="c-form__label" for="piano-and-orchestra-xlbda"> 2029 Piano and orchestra 2030 </label> 2031 </li> 2032 <li class="c-form__item -checkboxList -row"> 2033 <input class="c-form__checkboxList" id="piano-4-hands-and-orchestra-xlbda014" type="checkbox" name="piano-4-hands-and-orchestra-xlbda014" value="Xlbda.014" v-model="instr" @change="onCheckBoxChange"> 2034 <label class="c-form__label" for="piano-4-hands-and-orchestra-xlbda014"> 2035 Piano 4 hands and orchestra 2036 </label> 2037 </li> 2038 <li class="c-form__item -checkboxList -row"> 2039 <input class="c-form__checkboxList" id="2-pianos-and-orchestra-xlbda02" type="checkbox" name="2-pianos-and-orchestra-xlbda02" value="Xlbda.02" v-model="instr" @change="onCheckBoxChange"> 2040 <label class="c-form__label" for="2-pianos-and-orchestra-xlbda02"> 2041 2 pianos and orchestra 2042 </label> 2043 </li> 2044 <li class="c-form__item -checkboxList -row"> 2045 <input class="c-form__checkboxList" id="organ-and-orchestra-xlbdb" t
2045ype="checkbox" name="organ-and-orchestra-xlbdb" value="Xlbdb" v-model="instr" @change="onCheckBoxChange"> 2046 <label class="c-form__label" for="organ-and-orchestra-xlbdb"> 2047 Organ and orchestra 2048 </label> 2049 </li> 2050 <li class="c-form__item -checkboxList -row"> 2051 <input class="c-form__checkboxList" id="harpsichord-and-orchestra-xlbdc" type="checkbox" name="harpsichord-and-orchestra-xlbdc" value="Xlbdc" v-model="instr" @change="onCheckBoxChange"> 2052 <label class="c-form__label" for="harpsichord-and-orchestra-xlbdc"> 2053 Harpsichord and orchestra 2054 </label> 2055 </li> 2056 <li class="c-form__item -checkboxList -row"> 2057 <input class="c-form__checkboxList" id="concertos-xlbe" type="checkbox" name="concertos-xlbe" value="Xlbe" v-model="instr" @change="onCheckBoxChange"> 2058 <label class="c-form__label" for="concertos-xlbe"> 2059 Concertos 2060 </label> 2061 </li> 2062 <li class="c-form__item -checkboxList -row"> 2063 <input class="c-form__checkboxList" id="2-strings-and-orchestra-xlbe02" type="checkbox" name="2-strings-and-orchestra-xlbe02" value="Xlbe.02" v-model="instr" @change="onCheckBoxChange"> 2064 <label class="c-form__label" for="2-strings-and-orchestra-xlbe02"> 2065 2 strings and orchestra 2066 </label> 2067 </li> 2068 <li class="c-form__item -checkboxList -row"> 2069 <input class="c-form__checkboxList" id="3-strings-and-orchestra-xlbe03" type="checkbox" name="3-strings-and-orchestra-xlbe03" value="Xlbe.03" v-model="instr" @change="onCheckBoxChange"> 2070 <label class="c-form__label" for="3-strings-and-orchestra-xlbe03"> 2071 3 strings and orchestra 2072 </label> 2073 </li> 2074 <li class="c-form__item -checkboxList -row"> 2075 <input class="c-form__checkboxList" id="violin-and-orchestra-xlbea" type="checkbox" name="violin-and-orchestra-xlbea" value="Xlbea" v-model="instr" @change="onCheckBoxChange"> 2076 <label class="c-form__label" for="violin-and-orchestra-xlbea"> 2077 Violin and orchestra 2078 </label> 2079 </li> 2080 <li class="c-form__item -checkboxList -row"> 2081 <input class="c-form__checkboxList" id="2-violins-and-orchestra-xlbea02" type="checkbox" name="2-violins-and-orchestra-xlbea02" value="Xlbea.02" v-model="instr" @change="onCheckBoxChange"> 2082 <label class="c-form__label" for="2-violins-and-orchestra-xlbea02"> 2083 2 violins and orchestra 2084 </label> 2085 </li> 2086 <li class="c-form__item -checkboxList -row"> 2087 <input class="c-form__checkboxList" id="viola-and-orchestra-xlbeb" type="checkbox" name="viola-and-orchestra-xlbeb" value="Xlbeb" v-model="instr" @change="onCheckBoxChange"> 2088 <label class="c-form__label" for="viola-and-orchestra-xlbeb"> 2089 Viola and orchestra 2090 </label> 2091 </li> 2092 <li class="c-form__item -checkboxList -row"> 2093 <input class="c-form__checkboxList" id="violoncello-and-orchestra-xlbec" type="checkbox" name="violoncello-and-orchestra-xlbec" value="Xlbec" v-model="instr" @change="onCheckBoxChange"> 2094 <label class="c-form__label" for="violoncello-and-orchestra-xlbec"> 2095 Violoncello and orchestra 2096 </label> 2097 </li> 2098 <li class="c-form__item -checkboxList -row"> 2099 <input class="c-form__checkboxList" id="double-bass-and-orchestra-xlbed" type="checkbox" name="double-bass-and-orchestra-xlbed" value="Xlbed" v-model="instr" @change="onCheckBoxChange"> 2100 <label class="c-form__label" for="double-bass-and-orchestra-xlbed"> 2101 Double bass and orchestra 2102 </label> 2103 </li> 2104 <li class="c-form__item -checkboxList -row"> 2105 <input class="c-form__checkboxList" id="keyed-fiddle-and-orchestra-xlbeg" type="checkbox" name="keyed-fiddle-and-orchestra-xlbeg" value="Xlbeg" v-model="instr" @change="onCheckBoxChange"> 2106 <label class="c-form__label" for="keyed-fiddle-and-orchestra-xlbeg"> 2107 Keyed fiddle and orchestra 2108 </label> 2109 </li> 2110 <li class="c-form__item -checkboxList -row"> 2111 <input class="c-form__checkboxList" id="wind-instrument-and-orchestra-xlbf" type="checkbox" name="wind-instrument-and-orchestra-xlbf" value="Xlbf" v-model="instr" @change="onCheckBoxChange"> 2112 <label class="c-form__label" for="wind-instrument-and-orchestra-xlbf"> 2113 Wind instrument and orchestra 2114 </label> 2115 </li> 2116 <li class="c-form__item -checkboxList -row"> 2117 <input class="c-form__checkboxList" id="2-winds-and-orchestra-xlbf02" type="checkbox" name="2-winds-and-orchestra-xlbf02" value="Xlbf.02" v-model="instr" @change="onCheckBoxChange"> 2118 <label class="c-form__label" for="2-winds-and-orchestra-xlbf02"> 2119 2 winds and orchestra 2120 </label> 2121 </li> 2122 <li class="c-form__item -checkboxList -row"> 2123 <input class="c-form__checkboxList" id="3-winds-and-orchestra-xlbf03" type="checkbox" name="3-winds-and-orchestra-xlbf03" value="Xlbf.03" v-model="instr" @change="onCheckBoxChange"> 2124 <label class="c-form__label" for="3-winds-and-orchestra-xlbf03"> 2125 3 winds and orchestra 2126 </label> 2127 </li> 2128 <li class="c-form__item -checkboxList -row"> 2129 <input class="c-form__checkboxList" id="5-winds-and-orchestra-xlbf05" type="checkbox" name="5-winds-and-orchestra-xlbf05" value="Xlbf.05" v-model="instr" @change="onCheckBoxChange"> 2130 <label class="c-form__label" for="5-winds-and-orchestra-xlbf05"> 2131 5 winds and orchestra 2132 </label> 2133 </li> 2134 <li class="c-form__item -checkboxList -row"> 2135 <input class="c-form__checkboxList" id="9-winds-and-orchestra-xlbf09" type="checkbox" name="9-winds-and-orchestra-xlbf09" value="Xlbf.09" v-model="instr" @change="onCheckBoxChange"> 2136 <label class="c-form__label" for="9-winds-and-orchestra-xlbf09"> 2137 9 winds and orchestra 2138 </label> 2139 </li> 2140 <li class="c-form__item -checkboxList -row"> 2141 <input class="c-form__checkboxList" id="flute-and-orchestra-xlbfa" type="checkbox" name="flute-and-orchestra-xlbfa" value="Xlbfa" v-model="instr" @change="onCheckBoxChange"> 2142 <label class="c-form__label" for="flute-and-orchestra-xlbfa"> 2143 Flute and orchestra 2144 </label> 2145 </li> 2146 <li class="c-form__item -checkboxList -row"> 2147 <input class="c-form__checkboxList" id="2-flutes-and-orchestra-xlbfa02" type="checkbox" name="2-flutes-and-orchestra-xlbfa02" value="Xlbfa.02" v-model="instr" @change="onCheckBoxChange"> 2148 <label class="c-form__label" for="2-flutes-and-orchestra-xlbfa02"> 2149 2 flutes and orchestra 2150 </label> 2151 </li> 2152 <li class="c-form__item -checkboxList -row"> 2153 <input class="c-form__checkboxList" id="3-flutes-and-orchestra-xlbfa03" type="checkbox" name="3-flutes-and-orchestra-xlbfa03" value="Xlbfa.03" v-model="instr" @change="onCheckBoxChange"> 2154 <label class="c-form__label" for="3-flutes-and-orchestra-xlbfa03"> 2155 3 flutes and orchestra 2156 </label> 2157 </li> 2158 <li class="c-form__item -checkboxList -row"> 2159 <input class="c-form__checkboxList" id="recorder-and-orchestra-xlbfb" type="checkbox" name="recorder-and-orchestra-xlbfb" value="Xlbfb" v-model="instr" @change="onCheckBoxChange"> 2160 <label class="c-form__label" for="recorder-and-orchestra-xlbfb"> 2161 Recorder and orchestra 2162 </label> 2163 </li> 2164 <li class="c-form__item -checkboxList -row"> 2165 <input class="c-form__checkboxList" id="oboe-and-orchestra-xlbfc" type="checkbox" name="oboe-and-orchestra-xlbfc" value="Xlbfc" v-model="instr" @change="onCheckBoxChange"> 2166 <label class="c-form__label" for="oboe-and-orchestra-xlbfc"> 2167 Oboe and orchestra 2168 </label> 2169 </li> 2170 <li class="c-form__item -checkboxList -row"> 2171 <input class="c-form__checkboxList" id="clarinet-and-orchestra-xlbfd" type="checkbox" name="clarinet-and-orchestra-xlbfd" value="Xlbfd" v-model="instr" @change="onCheckBoxChange"> 2172 <label class="c-form__label" for="clarinet-and-orchestra-xlbfd"> 2173 Clarinet and orchestra 2174 </label> 2175 </li> 2176 <li class="c-form__item -checkboxList -row">
2177 <input class="c-form__checkboxList" id="saxophone-and-orchestra-xlbfe" type="checkbox" name="saxophone-and-orchestra-xlbfe" value="Xlbfe" v-model="instr" @change="onCheckBoxChange"> 2178 <label class="c-form__label" for="saxophone-and-orchestra-xlbfe"> 2179 Saxophone and orchestra 2180 </label> 2181 </li> 2182 <li class="c-form__item -checkboxList -row"> 2183 <input class="c-form__checkboxList" id="saxophone-quartet-and-orchestra-xlbfe04" type="checkbox" name="saxophone-quartet-and-orchestra-xlbfe04" value="Xlbfe.04" v-model="instr" @change="onCheckBoxChange"> 2184 <label class="c-form__label" for="saxophone-quartet-and-orchestra-xlbfe04"> 2185 Saxophone quartet and orchestra 2186 </label> 2187 </li> 2188 <li class="c-form__item -checkboxList -row"> 2189 <input class="c-form__checkboxList" id="saxophone-quintet-and-orchestra-xlbfe05" type="checkbox" name="saxophone-quintet-and-orchestra-xlbfe05" value="Xlbfe.05" v-model="instr" @change="onCheckBoxChange"> 2190 <label class="c-form__label" for="saxophone-quintet-and-orchestra-xlbfe05"> 2191 Saxophone quintet and orchestra 2192 </label> 2193 </li> 2194 <li class="c-form__item -checkboxList -row"> 2195 <input class="c-form__checkboxList" id="bassoon-and-orchestra-xlbff" type="checkbox" name="bassoon-and-orchestra-xlbff" value="Xlbff" v-model="instr" @change="onCheckBoxChange"> 2196 <label class="c-form__label" for="bassoon-and-orchestra-xlbff"> 2197 Bassoon and orchestra 2198 </label> 2199 </li> 2200 <li class="c-form__item -checkboxList -row"> 2201 <input class="c-form__checkboxList" id="2-bassoons-and-orchestra-xlbff02" type="checkbox" name="2-bassoons-and-orchestra-xlbff02" value="Xlbff.02" v-model="instr" @change="onCheckBoxChange"> 2202 <label class="c-form__label" for="2-bassoons-and-orchestra-xlbff02"> 2203 2 bassoons and orchestra 2204 </label> 2205 </li> 2206 <li class="c-form__item -checkboxList -row"> 2207 <input class="c-form__checkboxList" id="trumpet-and-orchestra-xlbfg" type="checkbox" name="trumpet-and-orchestra-xlbfg" value="Xlbfg" v-model="instr" @change="onCheckBoxChange"> 2208 <label class="c-form__label" for="trumpet-and-orchestra-xlbfg"> 2209 Trumpet and orchestra 2210 </label> 2211 </li> 2212 <li class="c-form__item -checkboxList -row"> 2213 <input class="c-form__checkboxList" id="french-horn-and-orchestra-xlbfh" type="checkbox" name="french-horn-and-orchestra-xlbfh" value="Xlbfh" v-model="instr" @change="onCheckBoxChange"> 2214 <label class="c-form__label" for="french-horn-and-orchestra-xlbfh"> 2215 French horn and orchestra 2216 </label> 2217 </li> 2218 <li class="c-form__item -checkboxList -row"> 2219 <input class="c-form__checkboxList" id="trombone-and-orchestra-xlbfi" type="checkbox" name="trombone-and-orchestra-xlbfi" value="Xlbfi" v-model="instr" @change="onCheckBoxChange"> 2220 <label class="c-form__label" for="trombone-and-orchestra-xlbfi"> 2221 Trombone and orchestra 2222 </label> 2223 </li> 2224 <li class="c-form__item -checkboxList -row"> 2225 <input class="c-form__checkboxList" id="trombone-quartet-and-orchestra-xlbfi04" type="checkbox" name="trombone-quartet-and-orchestra-xlbfi04" value="Xlbfi.04" v-model="instr" @change="onCheckBoxChange"> 2226 <label class="c-form__label" for="trombone-quartet-and-orchestra-xlbfi04"> 2227 Trombone quartet and orchestra 2228 </label> 2229 </li> 2230 <li class="c-form__item -checkboxList -row"> 2231 <input class="c-form__checkboxList" id="tuba-and-orchestra-xlbfj" type="checkbox" name="tuba-and-orchestra-xlbfj" value="Xlbfj" v-model="instr" @change="onCheckBoxChange"> 2232 <label class="c-form__label" for="tuba-and-orchestra-xlbfj"> 2233 Tuba and orchestra 2234 </label> 2235 </li> 2236 <li class="c-form__item -checkboxList -row"> 2237 <input class="c-form__checkboxList" id="accordion-and-orchestra-xlbfk" type="checkbox" name="accordion-and-orchestra-xlbfk" value="Xlbfk" v-model="instr" @change="onCheckBoxChange"> 2238 <label class="c-form__label" for="accordion-and-orchestra-xlbfk"> 2239 Accordion and orchestra 2240 </label> 2241 </li> 2242 <li class="c-form__item -checkboxList -row"> 2243 <input class="c-form__checkboxList" id="plucked-instrument-and-orchestra-xlbg" type="checkbox" name="plucked-instrument-and-orchestra-xlbg" value="Xlbg" v-model="instr" @change="onCheckBoxChange"> 2244 <label class="c-form__label" for="plucked-instrument-and-orchestra-xlbg"> 2245 Plucked instrument and orchestra 2246 </label> 2247 </li> 2248 <li class="c-form__item -checkboxList -row"> 2249 <input class="c-form__checkboxList" id="harp-and-orchestra-xlbga" type="checkbox" name="harp-and-orchestra-xlbga" value="Xlbga" v-model="instr" @change="onCheckBoxChange"> 2250 <label class="c-form__label" for="harp-and-orchestra-xlbga"> 2251 Harp and orchestra 2252 </label> 2253 </li> 2254 <li class="c-form__item -checkboxList -row"> 2255 <input class="c-form__checkboxList" id="guitar-and-orchestra-xlbgb" type="checkbox" name="guitar-and-orchestra-xlbgb" value="Xlbgb" v-model="instr" @change="onCheckBoxChange"> 2256 <label class="c-form__label" for="guitar-and-orchestra-xlbgb"> 2257 Guitar and orchestra 2258 </label> 2259 </li> 2260 <li class="c-form__item -checkboxList -row"> 2261 <input class="c-form__checkboxList" id="mandolin-and-orchestra-xlbgc" type="checkbox" name="mandolin-and-orchestra-xlbgc" value="Xlbgc" v-model="instr" @change="onCheckBoxChange"> 2262 <label class="c-form__label" for="mandolin-and-orchestra-xlbgc"> 2263 Mandolin and orchestra 2264 </label> 2265 </li> 2266 <li class="c-form__item -checkboxList -row"> 2267 <input class="c-form__checkboxList" id="percussion-and-orchestra-xlbh" type="checkbox" name="percussion-and-orchestra-xlbh" value="Xlbh" v-model="instr" @change="onCheckBoxChange"> 2268 <label class="c-form__label" for="percussion-and-orchestra-xlbh"> 2269 Percussion and orchestra 2270 </label> 2271 </li> 2272 <li class="c-form__item -checkboxList -row"> 2273 <input class="c-form__checkboxList" id="marimba-and-orchestra-xlbhg" type="checkbox" name="marimba-and-orchestra-xlbhg" value="Xlbhg" v-model="instr" @change="onCheckBoxChange"> 2274 <label class="c-form__label" for="marimba-and-orchestra-xlbhg"> 2275 Marimba and orchestra 2276 </label> 2277 </li> 2278 <li class="c-form__item -checkboxList -row"> 2279 <input class="c-form__checkboxList" id="small-string-orchestra-xlca" type="checkbox" name="small-string-orchestra-xlca" value="Xlca" v-model="instr" @change="onCheckBoxChange"> 2280 <label class="c-form__label" for="small-string-orchestra-xlca"> 2281 Small string orchestra 2282 </label> 2283 </li> 2284 <li class="c-form__item -checkboxList -row"> 2285 <input class="c-form__checkboxList" id="chamber-orchestra-xlcb" type="checkbox" name="chamber-orchestra-xlcb" value="Xlcb" v-model="instr" @change="onCheckBoxChange"> 2286 <label class="c-form__label" for="chamber-orchestra-xlcb"> 2287 Chamber orchestra 2288 </label> 2289 </li> 2290 <li class="c-form__item -checkboxList -row"> 2291 <input class="c-form__checkboxList" id="saloon-orchestra-xlcc" type="checkbox" name="saloon-orchestra-xlcc" value="Xlcc" v-model="instr" @change="onCheckBoxChange"> 2292 <label class="c-form__label" for="saloon-orchestra-xlcc"> 2293 Saloon orchestra 2294 </label> 2295 </li> 2296 <li class="c-form__item -checkboxList -row"> 2297 <input class="c-form__checkboxList" id="chamber-ensemble-xlcd" type="checkbox" name="chamber-ensemble-xlcd" value="Xlcd" v-model="instr" @change="onCheckBoxChange"> 2298 <label class="c-form__label" for="chamber-ensemble-xlcd"> 2299 Chamber ensemble 2300 </label> 2301 </li> 2302 <li class="c-form__item -checkboxList -row"> 2303 <input class="c-form__checkboxList" id="string-orchestra-xld" type="checkbox" name="string-orchestra-xld" value="Xld" v-model="instr" @change="onCheckBoxChange"> 2304 <label class="c-form__label" for="string-orchestra-xld"> 2305 String orchestra 2306 </label> 2307 </li> 2308 <li class="c-form__item -checkboxList -row"> 2309 <input class="c-form__checkboxList" id="orchestra-xle" type="checkbox" name="orchestra-xle" value="Xle" v-model="instr" @change="onCheckBoxChange"> 2310 <label class="c-form__label" for="orchestra-xle"> 2311 Orchestra 2312 </label> 2313 </li> 2314 <li class="c-form__item -checkboxList -row"> 2315 <input class="c-form__checkboxList" id="wind-band-xlf" type="checkbox" name="wind-band-xlf" value="Xlf" v-model="instr" @change="onCheckBoxChange"> 2316 <label class="c-form__label" for="wind-band-xlf"> 2317 Wind band 2318 </label> 2319 </li> 2320 <li class="c-form__item -checkboxList -row"> 2321 <input class="c-form__checkboxList" id="military-band-xlfa" type="checkbox" name="military-band-xlfa" value="Xlfa" v-model="instr" @change="onCheckBoxChange"> 2322 <label class="c-form__label" for="military-band-xlfa"> 2323 Military band 2324 </label> 2325 </li> 2326 <li class="c-form__item -checkboxList -row"> 2327 <input class="c-form__checkboxList" id="brass-band-xlfb" type="checkbox" name="brass-band-xlfb" value="Xlfb" v-model="instr" @change="onCheckBoxChange"> 2328 <label class="c-form__label" for="brass-band-xlfb"> 2329 Brass band 2330 </label> 2331 </li> 2332 <li class="c-form__item -checkboxList -row"> 2333 <input class="c-form__checkboxList" id="symphonic-band-xlfc" type="checkbox" name="symphonic-band-xlfc" value="Xlfc" v-model="instr" @change="onCheckBoxChange"> 2334 <label class="c-form__label" for="symphonic-band-xlfc"> 2335 Symphonic band 2336 </label> 2337 </li> 2338 <li class="c-form__item -checkboxList -row"> 2339 <input class="c-form__checkboxList" id="various-brass-settings-xlfd" type="checkbox" name="various-brass-settings-xlfd" value="Xlfd" v-model="instr" @change="onCheckBoxChange"> 2340 <label class="c-form__label" for="various-brass-settings-xlfd"> 2341 Various brass settings 2342 </label> 2343 </li> 2344 <li class="c-form__item -checkboxList -row"> 2345 <input class="c-form__checkboxList" id="optional-instruments-xlv" type="checkbox" name="optional-instruments-xlv" value="Xlv" v-model="instr" @change="onCheckBoxChange"> 2346 <label class="c-form__label" for="optional-instruments-xlv"> 2347 Optional instruments 2348 </label> 2349 </li> 2350 <li class="c-form__item -checkboxList -row"> 2351 <input class="c-form__checkboxList" id="special-orchestras-xlz" type="checkbox" name="special-orchestras-xlz" value="Xlz" v-model="instr" @change="onCheckBoxChange"> 2352 <label class="c-form__label" for="special-orchestras-xlz"> 2353 Special orchestras 2354 </label> 2355 </li> 2356 2357 </ul> 2358</fieldset> 2359 </div> 2360 </div> 2361 <button type="button" data-a11y-dialog-hide="orchestra-xl" class="c-button -fixed">Add</button> 2362 2363 <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="orchestra-xl" aria-label="Stäng Orchestra"> 2364 <svg class="c-icon -close" aria-hidden="true"> 2365 <use xlink:href="/images/spritemap.svg#icon-close"></use> 2366 </svg> 2367 </button> 2368 2369 </div> 2370 </div> 2371 </div> 2372 </li> 2373 <li class="c-form__item -row"> 2374 <button type="button" class="c-form__listToggle" data-a11y-dialog-show="percussion-xh"> 2375 Percussion 2376 <svg class="c-icon -arrow" aria-hidden="true"> 2377 <use xlink:href="/images/spritemap.svg#icon-arrow"></use> 2378 </svg> 2379 </button> 2380 2381 <div id="percussion-xh" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true"> 2382 2383 <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="percussion-xh-title"> 2384 <div role="document" class="c-fieldsetDialog__document"> 2385 2386 <h2 id="percussion-xh-title" tabindex="0" class="c-fieldsetDialog__title"> 2387 Percussion 2388 </h2> 2389 2390 <div class="c-fieldsetDialog__content"> 2391 <div class="c-fieldsetDialog__content__inner"> 2392 2393 <fieldset class="c-form__checkboxes"> 2394 2395 2396 <ul class="c-form__list"> 2397 2398 <li class="c-form__item -checkboxList -row"> 2399 <input class="c-form__checkboxList" id="drums-xha" type="checkbox" name="drums-xha" value="Xha" v-model="instr" @change="onCheckBoxChange"> 2400 <label class="c-form__label" for="drums-xha"> 2401 Drums 2402 </label> 2403 </li> 2404 <li class="c-form__item -checkboxList -row"> 2405 <input class="c-form__checkboxList" id="vibraphone-xhe" type="checkbox" name="vibraphone-xhe" value="Xhe" v-model="instr" @change="onCheckBoxChange"> 2406 <label class="c-form__label" for="vibraphone-xhe"> 2407 Vibraphone 2408 </label> 2409 </li> 2410 <li class="c-form__item -checkboxList -row"> 2411 <input class="c-form__checkboxList" id="xylophone-xhf" type="checkbox" name="xylophone-xhf" value="Xhf" v-model="instr" @change="onCheckBoxChange"> 2412 <label class="c-form__label" for="xylophone-xhf"> 2413 Xylophone 2414 </label> 2415 </li> 2416 <li class="c-form__item -checkboxList -row"> 2417 <input class="c-form__checkboxList" id="marimba-xhg" type="checkbox" name="marimba-xhg" value="Xhg" v-model="instr" @change="onCheckBoxChange"> 2418 <label class="c-form__label" for="marimba-xhg"> 2419 Marimba 2420 </label> 2421 </li> 2422 <li class="c-form__item -checkboxList -row"> 2423 <input class="c-form__checkboxList" id="2-marimbas-xhg02" type="checkbox" name="2-marimbas-xhg02" value="Xhg.02" v-model="instr" @change="onCheckBoxChange"> 2424 <label class="c-form__label" for="2-marimbas-xhg02"> 2425 2 marimbas 2426 </label> 2427 </li> 2428 <li class="c-form__item -checkboxList -row"> 2429 <input class="c-form__checkboxList" id="4-marimbas-xhg04" type="checkbox" name="4-marimbas-xhg04" value="Xhg.04" v-model="instr" @change="onCheckBoxChange"> 2430 <label class="c-form__label" for="4-marimbas-xhg04"> 2431 4 marimbas 2432 </label> 2433 </li> 2434 <li class="c-form__item -checkboxList -row"> 2435 <input class="c-form__checkboxList" id="cimbalom-xhh" type="checkbox" name="cimbalom-xhh" value="Xhh" v-model="instr" @change="onCheckBoxChange"> 2436 <label class="c-form__label" for="cimbalom-xhh"> 2437 Cimbalom 2438 </label> 2439 </li> 2440 <li class="c-form__item -checkboxList -row"> 2441 <input class="c-form__checkboxList" id="percussion-xhk" type="checkbox" name="percussion-xhk" value="Xhk" v-model="instr" @change="onCheckBoxChange"> 2442 <label class="c-form__label" for="percussion-xhk"> 2443 Percussion 2444 </label> 2445 </li> 2446 2447 </ul> 2448</fieldset> 2449 </div> 2450 </div> 2451 <button type="button" data-a11y-dialog-hide="percussion-xh" class="c-button -fixed">Add</button> 2452 2453 <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="percussion-xh" aria-label="Stäng Percussion"> 2454
2454 <svg class="c-icon -close" aria-hidden="true"> 2455 <use xlink:href="/images/spritemap.svg#icon-close"></use> 2456 </svg> 2457 </button> 2458 2459 </div> 2460 </div> 2461 </div> 2462 </li> 2463 <li class="c-form__item -row"> 2464 <button type="button" class="c-form__listToggle" data-a11y-dialog-show="plucked-instruments-xg"> 2465 Plucked instruments 2466 <svg class="c-icon -arrow" aria-hidden="true"> 2467 <use xlink:href="/images/spritemap.svg#icon-arrow"></use> 2468 </svg> 2469 </button> 2470 2471 <div id="plucked-instruments-xg" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true"> 2472 2473 <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="plucked-instruments-xg-title"> 2474 <div role="document" class="c-fieldsetDialog__document"> 2475 2476 <h2 id="plucked-instruments-xg-title" tabindex="0" class="c-fieldsetDialog__title"> 2477 Plucked instruments 2478 </h2> 2479 2480 <div class="c-fieldsetDialog__content"> 2481 <div class="c-fieldsetDialog__content__inner"> 2482 2483 <fieldset class="c-form__checkboxes"> 2484 2485 2486 <ul class="c-form__list"> 2487 2488 <li class="c-form__item -checkboxList -row"> 2489 <input class="c-form__checkboxList" id="plucked-instruments-xg" type="checkbox" name="plucked-instruments-xg" value="Xg" v-model="instr" @change="onCheckBoxChange"> 2490 <label class="c-form__label" for="plucked-instruments-xg"> 2491 Plucked instruments 2492 </label> 2493 </li> 2494 <li class="c-form__item -checkboxList -row"> 2495 <input class="c-form__checkboxList" id="2-plucked-instruments-xg02" type="checkbox" name="2-plucked-instruments-xg02" value="Xg.02" v-model="instr" @change="onCheckBoxChange"> 2496 <label class="c-form__label" for="2-plucked-instruments-xg02"> 2497 2 plucked instruments 2498 </label> 2499 </li> 2500 <li class="c-form__item -checkboxList -row"> 2501 <input class="c-form__checkboxList" id="3-plucked-instruments-xg03" type="checkbox" name="3-plucked-instruments-xg03" value="Xg.03" v-model="instr" @change="onCheckBoxChange"> 2502 <label class="c-form__label" for="3-plucked-instruments-xg03"> 2503 3 plucked instruments 2504 </label> 2505 </li> 2506 <li class="c-form__item -checkboxList -row"> 2507 <input class="c-form__checkboxList" id="harp-xgaa" type="checkbox" name="harp-xgaa" value="Xgaa" v-model="instr" @change="onCheckBoxChange"> 2508 <label class="c-form__label" for="harp-xgaa"> 2509 Harp 2510 </label> 2511 </li> 2512 <li class="c-form__item -checkboxList -row"> 2513 <input class="c-form__checkboxList" id="4-harps-xgaa04" type="checkbox" name="4-harps-xgaa04" value="Xgaa.04" v-model="instr" @change="onCheckBoxChange"> 2514 <label class="c-form__label" for="4-harps-xgaa04"> 2515 4 harps 2516 </label> 2517 </li> 2518 <li class="c-form__item -checkboxList -row"> 2519 <input class="c-form__checkboxList" id="guitar-xgba" type="checkbox" name="guitar-xgba" value="Xgba" v-model="instr" @change="onCheckBoxChange"> 2520 <label class="c-form__label" for="guitar-xgba"> 2521 Guitar 2522 </label> 2523 </li> 2524 <li class="c-form__item -checkboxList -row"> 2525 <input class="c-form__checkboxList" id="2-guitars-xgba02" type="checkbox" name="2-guitars-xgba02" value="Xgba.02" v-model="instr" @change="onCheckBoxChange"> 2526 <label class="c-form__label" for="2-guitars-xgba02"> 2527 2 guitars 2528 </label> 2529 </li> 2530 <li class="c-form__item -checkboxList -row"> 2531 <input class="c-form__checkboxList" id="3-guitars-xgba03" type="checkbox" name="3-guitars-xgba03" value="Xgba.03" v-model="instr" @change="onCheckBoxChange"> 2532 <label class="c-form__label" for="3-guitars-xgba03"> 2533 3 guitars 2534 </label> 2535 </li> 2536 <li class="c-form__item -checkboxList -row"> 2537 <input class="c-form__checkboxList" id="guitar-quartet-xgba04" type="checkbox" name="guitar-quartet-xgba04" value="Xgba.04" v-model="instr" @change="onCheckBoxChange"> 2538 <label class="c-form__label" for="guitar-quartet-xgba04"> 2539 Guitar quartet 2540 </label> 2541 </li> 2542 <li class="c-form__item -checkboxList -row"> 2543 <input class="c-form__checkboxList" id="6-guitars-xgba06" type="checkbox" name="6-guitars-xgba06" value="Xgba.06" v-model="instr" @change="onCheckBoxChange"> 2544 <label class="c-form__label" for="6-guitars-xgba06"> 2545 6 guitars 2546 </label> 2547 </li> 2548 <li class="c-form__item -checkboxList -row"> 2549 <input class="c-form__checkboxList" id="guitar-orchestra-xgba10" type="checkbox" name="guitar-orchestra-xgba10" value="Xgba.10" v-model="instr" @change="onCheckBoxChange"> 2550 <label class="c-form__label" for="guitar-orchestra-xgba10"> 2551 Guitar orchestra 2552 </label> 2553 </li> 2554 <li class="c-form__item -checkboxList -row"> 2555 <input class="c-form__checkboxList" id="electric-bass-xgbib" type="checkbox" name="electric-bass-xgbib" value="Xgbib" v-model="instr" @change="onCheckBoxChange"> 2556 <label class="c-form__label" for="electric-bass-xgbib"> 2557 Electric bass 2558 </label> 2559 </li> 2560 <li class="c-form__item -checkboxList -row"> 2561 <input class="c-form__checkboxList" id="mandolin-xgca" type="checkbox" name="mandolin-xgca" value="Xgca" v-model="instr" @change="onCheckBoxChange"> 2562 <label class="c-form__label" for="mandolin-xgca"> 2563 Mandolin 2564 </label> 2565 </li> 2566 <li class="c-form__item -checkboxList -row"> 2567 <input class="c-form__checkboxList" id="2-mandolins-xgca02" type="checkbox" name="2-mandolins-xgca02" value="Xgca.02" v-model="instr" @change="onCheckBoxChange"> 2568 <label class="c-form__label" for="2-mandolins-xgca02"> 2569 2 mandolins 2570 </label> 2571 </li> 2572 <li class="c-form__item -checkboxList -row"> 2573 <input class="c-form__checkboxList" id="3-mandolins-xgca03" type="checkbox" name="3-mandolins-xgca03" value="Xgca.03" v-model="instr" @change="onCheckBoxChange"> 2574 <label class="c-form__label" for="3-mandolins-xgca03"> 2575 3 mandolins 2576 </label> 2577 </li> 2578 <li class="c-form__item -checkboxList -row"> 2579 <input class="c-form__checkboxList" id="mandolin-and-piano-xgci" type="checkbox" name="mandolin-and-piano-xgci" value="Xgci" v-model="instr" @change="onCheckBoxChange"> 2580 <label class="c-form__label" for="mandolin-and-piano-xgci"> 2581 Mandolin and piano 2582 </label> 2583 </li> 2584 <li class="c-form__item -checkboxList -row"> 2585 <input class="c-form__checkboxList" id="lute-xgda" type="checkbox" name="lute-xgda" value="Xgda" v-model="instr" @change="onCheckBoxChange"> 2586 <label class="c-form__label" for="lute-xgda"> 2587 Lute 2588 </label> 2589 </li> 2590 <li class="c-form__item -checkboxList -row"> 2591 <input class="c-form__checkboxList" id="2-lutes-xgda02" type="checkbox" name="2-lutes-xgda02" value="Xgda.02" v-model="instr" @change="onCheckBoxChange"> 2592 <label class="c-form__label" for="2-lutes-xgda02"> 2593 2 lutes 2594 </label> 2595 </li> 2596 <li class="c-form__item -checkboxList -row"> 2597 <input class="c-form__checkboxList" id="theorbo-xgdz" type="checkbox" name="theorbo-xgdz" value="Xgdz" v-model="instr" @change="onCheckBoxChange"> 2598 <label class="c-form__label" for="theorbo-xgdz"> 2599 Theorbo 2600 </label> 2601 </li> 2602 <li class="c-form__item -checkboxList -row"> 2603 <input class="c-form__checkboxList" id="ukelele-xgeb" type="checkbox" name="ukelele-xgeb" value="Xgeb" v-model="instr" @change="onCheckBoxChange"> 2604 <label class="c-form__label" for="ukelele-xgeb"> 2605 Ukelele 2606 </label> 2607 </li> 2608 <li class="c-form__item -checkboxList -row"> 2609 <input class="c-form__checkboxList" id="2-ukulele-xgeb02" type="checkbox" name="2-ukulele-xgeb02" value="Xgeb.02" v-model="instr" @change="onCheckBoxChange"> 2610 <label class="c-form__label" for="2-ukulele-xgeb02"> 2611 2 ukulele 2612 </label> 2613 </li> 2614 <li class="c-form__item -checkboxList -row"> 2615 <input class="c-form__checkboxList" id="kantele-xgeo" type="checkbox" name="kantele-xgeo" value="Xgeo" v-model="instr" @change="onCheckBoxChange"> 2616 <label class="c-form__label" for="kantele-xgeo"> 2617 Kantele 2618 </label> 2619 </li> 2620 <li class="c-form__item -checkboxList -row"> 2621 <input class="c-form__checkboxList" id="koto-xgez" type="checkbox" name="k
2621oto-xgez" value="Xgez" v-model="instr" @change="onCheckBoxChange"> 2622 <label class="c-form__label" for="koto-xgez"> 2623 Koto 2624 </label> 2625 </li> 2626 <li class="c-form__item -checkboxList -row"> 2627 <input class="c-form__checkboxList" id="balalaika-and-piano-xgfi" type="checkbox" name="balalaika-and-piano-xgfi" value="Xgfi" v-model="instr" @change="onCheckBoxChange"> 2628 <label class="c-form__label" for="balalaika-and-piano-xgfi"> 2629 Balalaika and piano 2630 </label> 2631 </li> 2632 2633 </ul> 2634</fieldset> 2635 </div> 2636 </div> 2637 <button type="button" data-a11y-dialog-hide="plucked-instruments-xg" class="c-button -fixed">Add</button> 2638 2639 <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="plucked-instruments-xg" aria-label="Stäng Plucked instruments"> 2640 <svg class="c-icon -close" aria-hidden="true"> 2641 <use xlink:href="/images/spritemap.svg#icon-close"></use> 2642 </svg> 2643 </button> 2644 2645 </div> 2646 </div> 2647 </div> 2648 </li> 2649 <li class="c-form__item -row"> 2650 <button type="button" class="c-form__listToggle" data-a11y-dialog-show="strings-xe"> 2651 Strings 2652 <svg class="c-icon -arrow" aria-hidden="true"> 2653 <use xlink:href="/images/spritemap.svg#icon-arrow"></use> 2654 </svg> 2655 </button> 2656 2657 <div id="strings-xe" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true"> 2658 2659 <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="strings-xe-title"> 2660 <div role="document" class="c-fieldsetDialog__document"> 2661 2662 <h2 id="strings-xe-title" tabindex="0" class="c-fieldsetDialog__title"> 2663 Strings 2664 </h2> 2665 2666 <div class="c-fieldsetDialog__content"> 2667 <div class="c-fieldsetDialog__content__inner"> 2668 2669 <fieldset class="c-form__checkboxes"> 2670 2671 2672 <ul class="c-form__list"> 2673 2674 <li class="c-form__item -checkboxList -row"> 2675 <input class="c-form__checkboxList" id="strings-xe" type="checkbox" name="strings-xe" value="Xe" v-model="instr" @change="onCheckBoxChange"> 2676 <label class="c-form__label" for="strings-xe"> 2677 Strings 2678 </label> 2679 </li> 2680 <li class="c-form__item -checkboxList -row"> 2681 <input class="c-form__checkboxList" id="violin-xeaa" type="checkbox" name="violin-xeaa" value="Xeaa" v-model="instr" @change="onCheckBoxChange"> 2682 <label class="c-form__label" for="violin-xeaa"> 2683 Violin 2684 </label> 2685 </li> 2686 <li class="c-form__item -checkboxList -row"> 2687 <input class="c-form__checkboxList" id="2-violins-xeaa02" type="checkbox" name="2-violins-xeaa02" value="Xeaa.02" v-model="instr" @change="onCheckBoxChange"> 2688 <label class="c-form__label" for="2-violins-xeaa02"> 2689 2 violins 2690 </label> 2691 </li> 2692 <li class="c-form__item -checkboxList -row"> 2693 <input class="c-form__checkboxList" id="3-violins-xeaa03" type="checkbox" name="3-violins-xeaa03" value="Xeaa.03" v-model="instr" @change="onCheckBoxChange"> 2694 <label class="c-form__label" for="3-violins-xeaa03"> 2695 3 violins 2696 </label> 2697 </li> 2698 <li class="c-form__item -checkboxList -row"> 2699 <input class="c-form__checkboxList" id="4-violins-xeaa04" type="checkbox" name="4-violins-xeaa04" value="Xeaa.04" v-model="instr" @change="onCheckBoxChange"> 2700 <label class="c-form__label" for="4-violins-xeaa04"> 2701 4 violins 2702 </label> 2703 </li> 2704 <li class="c-form__item -checkboxList -row"> 2705 <input class="c-form__checkboxList" id="8-violins-xeaa08" type="checkbox" name="8-violins-xeaa08" value="Xeaa.08" v-model="instr" @change="onCheckBoxChange"> 2706 <label class="c-form__label" for="8-violins-xeaa08"> 2707 8 violins 2708 </label> 2709 </li> 2710 <li class="c-form__item -checkboxList -row"> 2711 <input class="c-form__checkboxList" id="violin-and-piano-xeai" type="checkbox" name="violin-and-piano-xeai" value="Xeai" v-model="instr" @change="onCheckBoxChange"> 2712 <label class="c-form__label" for="violin-and-piano-xeai"> 2713 Violin and piano 2714 </label> 2715 </li> 2716 <li class="c-form__item -checkboxList -row"> 2717 <input class="c-form__checkboxList" id="2-violins-and-piano-xeai02" type="checkbox" name="2-violins-and-piano-xeai02" value="Xeai.02" v-model="instr" @change="onCheckBoxChange"> 2718 <label class="c-form__label" for="2-violins-and-piano-xeai02"> 2719 2 violins and piano 2720 </label> 2721 </li> 2722 <li class="c-form__item -checkboxList -row"> 2723 <input class="c-form__checkboxList" id="peculiar-violin-instruments-xeaz" type="checkbox" name="peculiar-violin-instruments-xeaz" value="Xeaz" v-model="instr" @change="onCheckBoxChange"> 2724 <label class="c-form__label" for="peculiar-violin-instruments-xeaz"> 2725 Peculiar violin instruments 2726 </label> 2727 </li> 2728 <li class="c-form__item -checkboxList -row"> 2729 <input class="c-form__checkboxList" id="viola-xeba" type="checkbox" name="viola-xeba" value="Xeba" v-model="instr" @change="onCheckBoxChange"> 2730 <label class="c-form__label" for="viola-xeba"> 2731 Viola 2732 </label> 2733 </li> 2734 <li class="c-form__item -checkboxList -row"> 2735 <input class="c-form__checkboxList" id="2-violas-xeba02" type="checkbox" name="2-violas-xeba02" value="Xeba.02" v-model="instr" @change="onCheckBoxChange"> 2736 <label class="c-form__label" for="2-violas-xeba02"> 2737 2 violas 2738 </label> 2739 </li> 2740 <li class="c-form__item -checkboxList -row"> 2741 <input class="c-form__checkboxList" id="3-violas-xeba03" type="checkbox" name="3-violas-xeba03" value="Xeba.03" v-model="instr" @change="onCheckBoxChange"> 2742 <label class="c-form__label" for="3-violas-xeba03"> 2743 3 violas 2744 </label> 2745 </li> 2746 <li class="c-form__item -checkboxList -row"> 2747 <input class="c-form__checkboxList" id="4-violas-xeba04" type="checkbox" name="4-vi
2747olas-xeba04" value="Xeba.04" v-model="instr" @change="onCheckBoxChange"> 2748 <label class="c-form__label" for="4-violas-xeba04"> 2749 4 violas 2750 </label> 2751 </li> 2752 <li class="c-form__item -checkboxList -row"> 2753 <input class="c-form__checkboxList" id="8-violas-xeba08" type="checkbox" name="8-violas-xeba08" value="Xeba.08" v-model="instr" @change="onCheckBoxChange"> 2754 <label class="c-form__label" for="8-violas-xeba08"> 2755 8 violas 2756 </label> 2757 </li> 2758 <li class="c-form__item -checkboxList -row"> 2759 <input class="c-form__checkboxList" id="viola-and-piano-xebi" type="checkbox" name="viola-and-piano-xebi" value="Xebi" v-model="instr" @change="onCheckBoxChange"> 2760 <label class="c-form__label" for="viola-and-piano-xebi"> 2761 Viola and piano 2762 </label> 2763 </li> 2764 <li class="c-form__item -checkboxList -row"> 2765 <input class="c-form__checkboxList" id="viola-damore-xebz" type="checkbox" name="viola-damore-xebz" value="Xebz" v-model="instr" @change="onCheckBoxChange"> 2766 <label class="c-form__label" for="viola-damore-xebz"> 2767 Viola d'amore 2768 </label> 2769 </li> 2770 <li class="c-form__item -checkboxList -row"> 2771 <input class="c-form__checkboxList" id="violoncello-xeca" type="checkbox" name="violoncello-xeca" value="Xeca" v-model="instr" @change="onCheckBoxChange"> 2772 <label class="c-form__label" for="violoncello-xeca"> 2773 Violoncello 2774 </label> 2775 </li> 2776 <li class="c-form__item -checkboxList -row"> 2777 <input class="c-form__checkboxList" id="2-violoncellos-xeca02" type="checkbox" name="2-violoncellos-xeca02" value="Xeca.02" v-model="instr" @change="onCheckBoxChange"> 2778 <label class="c-form__label" for="2-violoncellos-xeca02"> 2779 2 violoncellos 2780 </label> 2781 </li> 2782 <li class="c-form__item -checkboxList -row"> 2783 <input class="c-form__checkboxList" id="3-violoncellos-xeca03" type="checkbox" name="3-violoncellos-xeca03" value="Xeca.03" v-model="instr" @change="onCheckBoxChange"> 2784 <label class="c-form__label" for="3-violoncellos-xeca03"> 2785 3 violoncellos 2786 </label> 2787 </li> 2788 <li class="c-form__item -checkboxList -row"> 2789 <input class="c-form__checkboxList" id="4-violoncellos-xeca04" type="checkbox" name="4-violoncellos-xeca04" value="Xeca.04" v-model="instr" @change="onCheckBoxChange"> 2790 <label class="c-form__label" for="4-violoncellos-xeca04"> 2791 4 violoncellos 2792 </label> 2793 </li> 2794 <li class="c-form__item -checkboxList -row"> 2795 <input class="c-form__checkboxList" id="5-violoncellos-xeca05" type="checkbox" name="5-violoncellos-xeca05" value="Xeca.05" v-model="instr" @change="onCheckBoxChange"> 2796 <label class="c-form__label" for="5-violoncellos-xeca05"> 2797 5 violoncellos 2798 </label> 2799 </li> 2800 <li class="c-form__item -checkboxList -row"> 2801 <input class="c-form__checkboxList" id="6-violoncellos-xeca06" type="checkbox" name="6-violoncellos-xeca06" value="Xeca.06" v-model="instr" @change="onCheckBoxChange"> 2802 <label class="c-form__label" for="6-violoncellos-xeca06"> 2803 6 violoncellos 2804 </label> 2805 </li> 2806 <li class="c-form__item -checkboxList -row"> 2807 <input class="c-form__checkboxList" id="8-violoncellos-or-more-xeca08" type="checkbox" name="8-violoncellos-or-more-xeca08" value="Xeca.08" v-model="instr" @change="onCheckBoxChange"> 2808 <label class="c-form__label" for="8-violoncellos-or-more-xeca08"> 2809 8 violoncellos or more 2810 </label> 2811 </li> 2812 <li class="c-form__item -checkboxList -row"> 2813 <input class="c-form__checkboxList" id="violoncello-and-piano-xeci" type="checkbox" name="violoncello-and-piano-xeci" value="Xeci" v-model="instr" @change="onCheckBoxChange"> 2814 <label class="c-form__label" for="violoncello-and-piano-xeci"> 2815 Violoncello and piano 2816 </label> 2817 </li> 2818 <li class="c-form__item -checkboxList -row"> 2819 <input class="c-form__checkboxList" id="double-bass-xeda" type="checkbox" name="double-bass-xeda" value="Xeda" v-model="instr" @change="onCheckBoxChange"> 2820 <label class="c-form__label" for="double-bass-xeda"> 2821 Double bass 2822 </label> 2823 </li> 2824 <li class="c-form__item -checkboxList -row"> 2825 <input class="c-form__checkboxList" id="2-double-basses-xeda02" type="checkbox" name="2-double-basses-xeda02" value="Xeda.02" v-model="instr" @change="onCheckBoxChange"> 2826 <label class="c-form__label" for="2-double-basses-xeda02"> 2827 2 double basses 2828 </label> 2829 </li> 2830 <li class="c-form__item -checkboxList -row"> 2831 <input class="c-form__checkboxList" id="4-double-basses-xeda04" type="checkbox" name="4-double-basses-xeda04" value="Xeda.04" v-model="instr" @change="onCheckBoxChange"> 2832 <label class="c-form__label" for="4-double-basses-xeda04"> 2833 4 double basses 2834 </label> 2835 </li> 2836 <li class="c-form__item -checkboxList -row"> 2837 <input class="c-form__checkboxList" id="double-bass-and-piano-xedi" type="checkbox" name="double-bass-and-piano-xedi" value="Xedi" v-model="instr" @change="onCheckBoxChange"> 2838 <label class="c-form__label" for="double-bass-and-piano-xedi"> 2839 Double bass and piano 2840 </label> 2841 </li> 2842 <li class="c-form__item -checkboxList -row"> 2843 <input class="c-form__checkboxList" id="viola-da-gamba-xeea" type="checkbox" name="viola-da-gamba-xeea" value="Xeea" v-model="instr" @change="onCheckBoxChange"> 2844 <label class="c-form__label" for="viola-da-gamba-xeea"> 2845 Viola da gamba 2846 </label> 2847 </li> 2848 <li class="c-form__item -checkboxList -row"> 2849 <input class="c-form__checkboxList" id="keyed-fiddle-xeg" type="checkbox" name="keyed-fiddle-xeg" value="Xeg" v-model="instr" @change="onCheckBoxChange"> 2850 <label class="c-form__label" for="keyed-fiddle-xeg"> 2851 Keyed fiddle 2852 </label> 2853 </li> 2854 <li class="c-form__item -checkboxList -row"> 2855 <input class="c-form__checkboxList" id="hurdy-gurdy-xeh" type="checkbox" name="hurdy-gurdy-xeh" value="Xeh" v-model="instr" @change="onCheckBoxChange"> 2856 <label class="c-form__label" for="hurdy-gurdy-xeh"> 2857 Hurdy-gurdy 2858 </label> 2859 </li> 2860 2861 </ul> 2862</fieldset> 2863 </div> 2864 </div> 2865 <button type="button" data-a11y-dialog-hide="strings-xe" class="c-button -fixed">Add</button> 2866 2867 <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="strings-xe" aria-label="Stäng Strings"> 2868 <svg class="c-icon -close" aria-hidden="true"> 2869 <use xlink:href="/images/spritemap.svg#icon-close"></use> 2870 </svg> 2871 </button> 2872 2873 </div> 2874 </div> 2875 </div> 2876 </li> 2877 <li class="c-form__item -row"> 2878 <button type="button" class="c-form__listToggle" data-a11y-dialog-show="voice-xo"> 2879 Voice 2880 <svg class="c-icon -arrow" aria-hidden="true"> 2881 <use xlink:href="/images/spritemap.svg#icon-arrow"></use> 2882 </svg> 2883 </button> 2884 2885 <div id="voice-xo" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true"> 2886 2887 <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="voice-xo-title"> 2888 <div role="document" class="c-fieldsetDialog__document"> 2889 2890 <h2 id="voice-xo-title" tabindex="0" class="c-fieldsetDialog__title"> 2891 Voice 2892 </h2> 2893 2894 <div class="c-fieldsetDialog__content"> 2895 <div class="c-fieldsetDialog__content__inner"> 2896 2897 <fieldset class="c-form__checkboxes"> 2898 2899 2900 <ul class="c-form__list"> 2901 2902 <li class="c-form__item -checkboxList -row"> 2903 <input class="c-form__checkboxList" id="voice-xoaa" type="checkbox" name="voice-xoaa" value="Xoaa" v-model="instr" @change="onCheckBoxChange"> 2904 <label class="c-form__label" for="voice-xoaa"> 2905 Voice 2906 </label> 2907 </li> 2908 <li class="c-form__item -checkboxList -row"> 2909 <input class="c-form__checkboxList" id="voice-and-b-c-xoab" type="checkbox" name="voice-and-b-c-xoab" value="Xoab" v-model="instr" @change="onCheckBoxChange"> 2910 <label class="c-form__label" for="voice-and-b-c-xoab"> 2911 Voice and b c 2912 </label> 2913 </li> 2914 <li class="c-form__item -checkboxList -row"> 2915 <input class="c-form__checkboxList" id="voice-and-piano-xo
2915aba" type="checkbox" name="voice-and-piano-xoaba" value="Xoaba" v-model="instr" @change="onCheckBoxChange"> 2916 <label class="c-form__label" for="voice-and-piano-xoaba"> 2917 Voice and piano 2918 </label> 2919 </li> 2920 <li class="c-form__item -checkboxList -row"> 2921 <input class="c-form__checkboxList" id="voice-and-organ-xoabb" type="checkbox" name="voice-and-organ-xoabb" value="Xoabb" v-model="instr" @change="onCheckBoxChange"> 2922 <label class="c-form__label" for="voice-and-organ-xoabb"> 2923 Voice and organ 2924 </label> 2925 </li> 2926 <li class="c-form__item -checkboxList -row"> 2927 <input class="c-form__checkboxList" id="voice-and-harpsichord-xoabc" type="checkbox" name="voice-and-harpsichord-xoabc" value="Xoabc" v-model="instr" @change="onCheckBoxChange"> 2928 <label class="c-form__label" for="voice-and-harpsichord-xoabc"> 2929 Voice and harpsichord 2930 </label> 2931 </li> 2932 <li class="c-form__item -checkboxList -row"> 2933 <input class="c-form__checkboxList" id="voice-and-plucked-instrument-xoac" type="checkbox" name="voice-and-plucked-instrument-xoac" value="Xoac" v-model="instr" @change="onCheckBoxChange"> 2934 <label class="c-form__label" for="voice-and-plucked-instrument-xoac"> 2935 Voice and plucked instrument 2936 </label> 2937 </li> 2938 <li class="c-form__item -checkboxList -row"> 2939 <input class="c-form__checkboxList" id="voice-and-harp-xoaca" type="checkbox" name="voice-and-harp-xoaca" value="Xoaca" v-model="instr" @change="onCheckBoxChange"> 2940 <label class="c-form__label" for="voice-and-harp-xoaca"> 2941 Voice and harp 2942 </label> 2943 </li> 2944 <li class="c-form__item -checkboxList -row"> 2945 <input class="c-form__checkboxList" id="voice-and-guitar-xoacb" type="checkbox" name="voice-and-guitar-xoacb" value="Xoacb" v-model="instr" @change="onCheckBoxChange"> 2946 <label class="c-form__label" for="voice-and-guitar-xoacb"> 2947 Voice and guitar 2948 </label> 2949 </li> 2950 <li class="c-form__item -checkboxList -row"> 2951 <input class="c-form__checkboxList" id="voice-and-mandolin-xoacc" type="checkbox" name="voice-and-mandolin-xoacc" value="Xoacc" v-model="instr" @change="onCheckBoxChange"> 2952 <label class="c-form__label" for="voice-and-mandolin-xoacc"> 2953 Voice and mandolin 2954 </label> 2955 </li> 2956 <li class="c-form__item -checkboxList -row"> 2957 <input class="c-form__checkboxList" id="voice-and-lute-xoacd" type="checkbox" name="voice-and-lute-xoacd" value="Xoacd" v-model="instr" @change="onCheckBoxChange"> 2958 <label class="c-form__label" for="voice-and-lute-xoacd"> 2959 Voice and lute 2960 </label> 2961 </li> 2962 <li class="c-form__item -checkboxList -row"> 2963 <input class="c-form__checkboxList" id="voice-and-another-instrument-xoad" type="checkbox" name="voice-and-another-instrument-xoad" value="Xoad" v-model="instr" @change="onCheckBoxChange"> 2964 <label class="c-form__label" for="voice-and-another-instrument-xoad"> 2965 Voice and another instrument 2966 </label> 2967 </li> 2968 <li class="c-form__item -checkboxList -row"> 2969 <input class="c-form__checkboxList" id="voice-and-ensembleorchestra-xoae" type="checkbox" name="voice-and-ensembleorchestra-xoae" value="Xoae" v-model="instr" @change="onCheckBoxChange"> 2970 <label class="c-form__label" for="voice-and-ensembleorchestra-xoae"> 2971 Voice and ensemble/orchestra 2972 </label> 2973 </li> 2974 <li class="c-form__item -checkboxList -row"> 2975 <input class="c-form__checkboxList" id="voice-and-ensemble-xoaek" type="checkbox" name="voice-and-ensemble-xoaek" value="Xoaek" v-model="instr" @change="onCheckBoxChange"> 2976 <label class="c-form__label" for="voice-and-ensemble-xoaek"> 2977 Voice and ensemble 2978 </label> 2979 </li> 2980 <li class="c-form__item -checkboxList -row"> 2981 <input class="c-form__checkboxList" id="voice-and-orchestra-xoael" type="checkbox" name="voice-and-orchestra-xoael" value="Xoael" v-model="instr" @change="onCheckBoxChange"> 2982 <label class="c-form__label" for="voice-and-orchestra-xoael"> 2983 Voice and orchestra 2984 </label> 2985 </li> 2986 <li class="c-form__item -checkboxList -row"> 2987 <input class="c-form__checkboxList" id="2-voices-xoba" type="checkbox" name="2-voices-xoba" value="Xoba" v-model="instr" @change="onCheckBoxChange"> 2988 <label class="c-form__label" for="2-voices-xoba"> 2989 2 voices 2990 </label> 2991 </li> 2992 <li class="c-form__item -checkboxList -row"> 2993 <input class="c-form__checkboxList" id="2-voices-and-b-c-xobb" type="checkbox" name="2-voices-and-b-c-xobb" value="Xobb" v-model="instr" @change="onCheckBoxChange"> 2994 <label class="c-form__label" for="2-voices-and-b-c-xobb"> 2995 2 voices and b c 2996 </label> 2997 </li> 2998 <li class="c-form__item -checkboxList -row"> 2999 <input class="c-form__checkboxList" id="2-voices-and-piano-xobba" type="checkbox" name="2-voices-and-piano-xobba" value="Xobba" v-model="instr" @change="onCheckBoxChange"> 3000 <label class="c-form__label" for="2-voices-and-piano-xobba"> 3001 2 voices and piano 3002 </label> 3003 </li> 3004 <li class="c-form__item -checkboxList -row"> 3005 <input class="c-form__checkboxList" id="2-voices-and-organ-xobbb" type="checkbox" name="2-voices-and-organ-xobbb" value="Xobbb" v-model="instr" @change="onCheckBoxChange"> 3006 <label class="c-form__label" for="2-voices-and-organ-xobbb"> 3007 2 voices and organ 3008 </label> 3009 </li> 3010 <li class="c-form__item -checkboxList -row"> 3011 <input class="c-form__checkboxList" id="2-voices-and-guitar-xobbc" type="checkbox" name="2-voices-and-guitar-xobbc" value="Xobbc" v-model="instr" @change="onCheckBoxChange"> 3012 <label class="c-form__label" for="2-voices-and-guitar-xobbc"> 3013 2 voices and guitar 3014 </label> 3015 </li> 3016 <li class="c-form__item -checkboxList -row"> 3017 <input class="c-form__checkboxList" id="2-voices-and-another-instrument-xobd" type="checkbox" name="2-voices-and-another-instrument-xobd" value="Xobd" v-model="instr" @change="onCheckBoxChange"> 3018 <label class="c-form__label" for="2-voices-and-another-instrument-xobd"> 3019 2 voices and another instrument 3020 </label> 3021 </li> 3022 <li class="c-form__item -checkboxList -row"> 3023 <input class="c-form__checkboxList" id="2-voices-and-ensemble-xobe" type="checkbox" name="2-voices-and-ensemble-xobe" value="Xobe" v-model="instr" @change="onCheckBoxChange"> 3024 <label class="c-form__label" for="2-voices-and-ensemble-xobe"> 3025 2 voices and ensemble 3026 </label> 3027 </li> 3028 <li class="c-form__item -checkboxList -row"> 3029 <input class="c-form__checkboxList" id="2-voices-and-ensemble-xobek" type="checkbox" name="2-voices-and-ensemble-xobek" value="Xobek" v-model="instr" @change="onCheckBoxChange"> 3030 <label class="c-form__label" for="2-voices-and-ensemble-xobek"> 3031 2 voices and ensemble 3032 </label> 3033 </li> 3034 <li class="c-form__item -checkboxList -row"> 3035 <input class="c-form__checkboxList" id="2-voices-and-orchestra-xobel" type="checkbox" name="2-voices-and-orchestra-xobel" value="Xobel" v-model="instr" @change="onCheckBoxChange"> 3036 <label class="c-form__label" for="2-voices-and-orchestra-xobel"> 3037 2 voices and orchestra 3038 </label> 3039 </li> 3040 <li class="c-form__item -checkboxList -row"> 3041 <input class="c-form__checkboxList" id="3-voices-xoc" type="checkbox" name="3-voices-xoc" value="Xoc" v-model="instr" @change="onCheckBoxChange"> 3042 <label class="c-form__label" for="3-voices-xoc"> 3043 3 voices 3044 </label> 3045 </li> 3046 <li class="c-form__item -checkboxList -row"> 3047 <input class="c-form__checkboxList" id="3-voices-xoca" type="checkbox" name="3-voices-xoca" value="Xoca" v-model="instr" @change="onCheckBoxChange"> 3048 <label class="c-form__label" for="3-voices-xoca"> 3049 3 voices 3050 </label> 3051 </li> 3052 <li class="c-form__item -checkboxList -row"> 3053 <input class="c-form__checkboxList" id="3-voices-and-keyboard-xocb" type="checkbox" name="3-voices-and-keyboard-xocb" value="Xocb" v-model="instr" @change="onCheckBoxChange"> 3054 <label class="c-form__label" for="3-voices-and-keyboard-xocb">
3055 3 voices and keyboard 3056 </label> 3057 </li> 3058 <li class="c-form__item -checkboxList -row"> 3059 <input class="c-form__checkboxList" id="3-voices-and-piano-xocba" type="checkbox" name="3-voices-and-piano-xocba" value="Xocba" v-model="instr" @change="onCheckBoxChange"> 3060 <label class="c-form__label" for="3-voices-and-piano-xocba"> 3061 3 voices and piano 3062 </label> 3063 </li> 3064 <li class="c-form__item -checkboxList -row"> 3065 <input class="c-form__checkboxList" id="3-voices-and-organ-xocbb" type="checkbox" name="3-voices-and-organ-xocbb" value="Xocbb" v-model="instr" @change="onCheckBoxChange"> 3066 <label class="c-form__label" for="3-voices-and-organ-xocbb"> 3067 3 voices and organ 3068 </label> 3069 </li> 3070 <li class="c-form__item -checkboxList -row"> 3071 <input class="c-form__checkboxList" id="3-voices-and-another-instrument-xocd" type="checkbox" name="3-voices-and-another-instrument-xocd" value="Xocd" v-model="instr" @change="onCheckBoxChange"> 3072 <label class="c-form__label" for="3-voices-and-another-instrument-xocd"> 3073 3 voices and another instrument 3074 </label> 3075 </li> 3076 <li class="c-form__item -checkboxList -row"> 3077 <input class="c-form__checkboxList" id="3-voices-and-ensemble-xocek" type="checkbox" name="3-voices-and-ensemble-xocek" value="Xocek" v-model="instr" @change="onCheckBoxChange"> 3078 <label class="c-form__label" for="3-voices-and-ensemble-xocek"> 3079 3 voices and ensemble 3080 </label> 3081 </li> 3082 <li class="c-form__item -checkboxList -row"> 3083 <input class="c-form__checkboxList" id="3-voices-and-orchestra-xocel" type="checkbox" name="3-voices-and-orchestra-xocel" value="Xocel" v-model="instr" @change="onCheckBoxChange"> 3084 <label class="c-form__label" for="3-voices-and-orchestra-xocel"> 3085 3 voices and orchestra 3086 </label> 3087 </li> 3088 <li class="c-form__item -checkboxList -row"> 3089 <input class="c-form__checkboxList" id="4-voices-xoda" type="checkbox" name="4-voices-xoda" value="Xoda" v-model="instr" @change="onCheckBoxChange"> 3090 <label class="c-form__label" for="4-voices-xoda"> 3091 4 voices 3092 </label> 3093 </li> 3094 <li class="c-form__item -checkboxList -row"> 3095 <input class="c-form__checkboxList" id="4-voices-and-keyboard-xodb" type="checkbox" name="4-voices-and-keyboard-xodb" value="Xodb" v-model="instr" @change="onCheckBoxChange"> 3096 <label class="c-form__label" for="4-voices-and-keyboard-xodb"> 3097 4 voices and keyboard 3098 </label> 3099 </li> 3100 <li class="c-form__item -checkboxList -row"> 3101 <input class="c-form__checkboxList" id="4-voices-and-piano-xodba" type="checkbox" name="4-voices-and-piano-xodba" value="Xodba" v-model="instr" @change="onCheckBoxChange"> 3102 <label class="c-form__label" for="4-voices-and-piano-xodba"> 3103 4 voices and piano 3104 </label> 3105 </li> 3106 <li class="c-form__item -checkboxList -row"> 3107 <input class="c-form__checkboxList" id="4-voices-and-ensembleorchestra-xode" type="checkbox" name="4-voices-and-ensembleorchestra-xode" value="Xode" v-model="instr" @change="onCheckBoxChange"> 3108 <label class="c-form__label" for="4-voices-and-ensembleorchestra-xode"> 3109 4 voices and ensemble/orchestra 3110 </label> 3111 </li> 3112 <li class="c-form__item -checkboxList -row"> 3113 <input class="c-form__checkboxList" id="4-voices-and-ensemble-xodek" type="checkbox" name="4-voices-and-ensemble-xodek" value="Xodek" v-model="instr" @change="onCheckBoxChange"> 3114 <label class="c-form__label" for="4-voices-and-ensemble-xodek"> 3115 4 voices and ensemble 3116 </label> 3117 </li> 3118 <li class="c-form__item -checkboxList -row"> 3119 <input class="c-form__checkboxList" id="4-voices-and-orchestra-xodel" type="checkbox" name="4-voices-and-orchestra-xodel" value="Xodel" v-model="instr" @change="onCheckBoxChange"> 3120 <label class="c-form__label" for="4-voices-and-orchestra-xodel"> 3121 4 voices and orchestra 3122 </label> 3123 </li> 3124 <li class="c-form__item -checkboxList -row"> 3125 <input class="c-form__checkboxList" id="5-voices-xoea" type="checkbox" name="5-voices-xoea" value="Xoea" v-model="instr" @change="onCheckBoxChange"> 3126 <label class="c-form__label" for="5-voices-xoea"> 3127 5 voices 3128 </label> 3129 </li> 3130 <li class="c-form__item -checkboxList -row"> 3131 <input class="c-form__checkboxList" id="5-voices-and-ensemble-xoeek" type="checkbox" name="5-voices-and-ensemble-xoeek" value="Xoeek" v-model="instr" @change="onCheckBoxChange"> 3132 <label class="c-form__label" for="5-voices-and-ensemble-xoeek"> 3133 5 voices and ensemble 3134 </label> 3135 </li> 3136 <li class="c-form__item -checkboxList -row"> 3137 <input class="c-form__checkboxList" id="5-voices-and-orchestra-xoeel" type="checkbox" name="5-voices-and-orchestra-xoeel" value="Xoeel" v-model="instr" @change="onCheckBoxChange"> 3138 <label class="c-form__label" for="5-voices-and-orchestra-xoeel"> 3139 5 voices and orchestra 3140 </label> 3141 </li> 3142 <li class="c-form__item -checkboxList -row"> 3143 <input class="c-form__checkboxList" id="6-voices-xofa" type="checkbox" name="6-voices-xofa" value="Xofa" v-model="instr" @change="onCheckBoxChange"> 3144 <label class="c-form__label" for="6-voices-xofa"> 3145 6 voices 3146 </label> 3147 </li> 3148 <li class="c-form__item -checkboxList -row"> 3149 <input class="c-form__checkboxList" id="6-voices-and-ensemble-xofek" type="checkbox" name="6-voices-and-ensemble-xofek" value="Xofek" v-model="instr" @change="onCheckBoxChange"> 3150 <label class="c-form__label" for="6-voices-and-ensemble-xofek"> 3151 6 voices and ensemble 3152 </label> 3153 </li> 3154 <li class="c-form__item -checkboxList -row"> 3155 <input class="c-form__checkboxList" id="6-voices-and-orchestra-xofel" type="checkbox" name="6-voices-and-orchestra-xofel" value="Xofel" v-model="instr" @change="onCheckBoxChange"> 3156 <label class="c-form__label" for="6-voices-and-orchestra-xofel"> 3157 6 voices and orchestra 3158 </label> 3159 </li> 3160 <li class="c-form__item -checkboxList -row"> 3161 <input class="c-form__checkboxList" id="7-voices-xoga" type="checkbox" name="7-voices-xoga" value="Xoga" v-model="instr" @change="onCheckBoxChange"> 3162 <label class="c-form__label" for="7-voices-xoga"> 3163 7 voices 3164 </label> 3165 </li> 3166 <li class="c-form__item -checkboxList -row"> 3167 <input class="c-form__checkboxList" id="8-voices-xoha" type="checkbox" name="8-voices-xoha" value="Xoha" v-model="instr" @change="onCheckBoxChange"> 3168 <label class="c-form__label" for="8-voices-xoha"> 3169 8 voices 3170 </label> 3171 </li> 3172 3173 </ul> 3174</fieldset> 3175 </div> 3176 </div> 3177 <button type="button" data-a11y-dialog-hide="voice-xo" class="c-button -fixed">Add</button> 3178 3179 <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="voice-xo" aria-label="Stäng Voice"> 3180 <svg class="c-icon -close" aria-hidden="true"> 3181 <use xlink:href="/images/spritemap.svg#icon-close"></use> 3182 </svg> 3183 </button> 3184 3185 </div> 3186 </div> 3187 </div> 3188 </li> 3189 <li class="c-form__item -row"> 3190 <button type="button" class="c-form__listToggle" data-a11y-dialog-show="winds-xf"> 3191 Winds 3192 <svg class="c-icon -arrow" aria-hidden="true"> 3193 <use xlink:href="/images/spritemap.svg#icon-arrow"></use> 3194 </svg> 3195 </button> 3196 3197 <div id="winds-xf" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true"> 3198 3199 <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="winds-xf-title"> 3200 <div role="document" class="c-fieldsetDialog__document"> 3201 3202 <h2 id="winds-xf-title" tabindex="0" class="c-fieldsetDialog__title"> 3203 Winds 3204 </h2> 3205 3206 <div class="c-fieldsetDialog__content"> 3207 <div class="c-fieldsetDialog__content__inner"> 3208 3209 <fieldset class="c-form__checkboxes"> 3210 3211 3212 <ul class="c-form__list"> 3213 3214 <li class="c-form__item -checkboxList -row"> 3215 <input class="c-form__checkboxList" id="winds-xf" type="checkbox" name="winds-xf" value="Xf" v-model="instr" @change="onCheckBoxChange"> 3216 <label class="c-form__label" for="winds-xf"> 3217 Winds 3218 </label> 3219 </li> 3220 <li class="c-form__item -checkboxList -row"> 3221 <input class="c-form__checkboxList" id="flute-xfaa" type="checkbox" name="flute-xfaa" value="Xfaa" v-model="instr" @change="onCheckBoxChange"> 3222 <label class="c-form__label" for="flute-xfaa"> 3223 Flute 3224 </label> 3225 </li> 3226 <li class="c-form__item -checkboxList -row"> 3227 <input class="c-form__checkboxList" id="2-flutes-xfaa02" type="checkbox" name="2-flutes-xfaa02" value="Xfaa.02" v-model="instr" @change="onCheckBoxChange"> 3228 <label class="c-form__label" for="2-flutes-xfaa02"> 3229 2 flutes 3230 </label> 3231 </li> 3232 <li class="c-form__item -checkboxList -row"> 3233 <input class="c-form__checkboxList" id="3-flutes-xfaa03" type="checkbox" name="3-flutes-xfaa03" value="Xfaa.03" v-model="instr" @change="onCheckBoxChange"> 3234 <label class="c-form__label" for="3-flutes-xfaa03"> 3235 3 flutes 3236 </label> 3237 </li> 3238 <li class="c-form__item -checkboxList -row"> 3239 <input class="c-form__checkboxList" id="4-flutes-xfaa04" type="checkbox" name="4-flutes-xfaa04" value="Xfaa.04" v-model="instr" @change="onCheckBoxChange"> 3240 <label class="c-form__label" for="4-flutes-xfaa04"> 3241 4 flutes 3242 </label> 3243 </li> 3244 <li class="c-form__item -checkboxList -row"> 3245 <input class="c-form__checkboxList" id="5-flutes-xfaa05" type="checkbox" name="5-flutes-xfaa05" value="Xfaa.05" v-model="instr" @change="onCheckBoxChange"> 3246 <label class="c-form__label" for="5-flutes-xfaa05"> 3247 5 flutes 3248 </label> 3249 </li> 3250 <li class="c-form__item -checkboxList -row"> 3251 <input class="c-form__checkboxList" id="6-flutes-xfaa06" type="checkbox" name="6-flutes-xfaa06" value="Xfaa.06" v-model="instr" @change="onCheckBoxChange"> 3252 <label class="c-form__label" for="6-flutes-xfaa06"> 3253 6 flutes 3254 </label> 3255 </li> 3256 <li class="c-form__item -checkboxList -row"> 3257 <input class="c-form__checkboxList" id="8-flutes-xfaa08" type="checkbox" name="8-flutes-xfaa08" value="Xfaa.08" v-model="instr" @change="onCheckBoxChange"> 3258 <label class="c-form__label" for="8-flutes-xfaa08"> 3259 8 flutes 3260 </label> 3261 </li> 3262 <li class="c-form__item -checkboxList -row"> 3263 <input class="c-form__checkboxList" id="10-flutes-xfaa10" type="checkbox" name="10-flutes-xfaa10" value="Xfaa.10" v-model="instr" @change="onCheckBoxChange"> 3264 <label class="c-form__label" for="10-flutes-xfaa10"> 3265 10 flutes 3266 </label> 3267 </li> 3268 <li class="c-form__item -checkboxList -row"> 3269 <input class="c-form__checkboxList" id="flute-orchestra-xfaa11" type="checkbox" name="flute-orchestra-xfaa11" value="Xfaa.11" v-model="instr" @change="onCheckBoxChange"> 3270 <label class="c-form__label" for="flute-orchestra-xfaa11"> 3271 Flute orchestra 3272 </label> 3273 </li> 3274 <li class="c-form__item -checkboxList -row"> 3275 <input class="c-form__checkboxList" id="flute-and-piano-xfai" type="checkbox" name="flute-and-piano-xfai" value="Xfai" v-model="instr" @change="onCheckBoxChange"> 3276 <label class="c-form__label" for="flute-and-piano-xfai"> 3277 Flute and piano 3278 </label> 3279 </li> 3280 <li class="c-form__item -checkboxList -row"> 3281 <input class="c-form__checkboxList" id="pan-flute-xfaz" type="checkbox" name="pan-flute-xfaz" value="Xfaz" v-model="instr" @change="onCheckBoxChange"> 3282 <label class="c-form__label" for="pan-flute-xfaz"> 3283 Pan flute 3284 </label> 3285 </li> 3286 <li class="c-form__item -checkboxList -row"> 3287 <input class="c-form__checkboxList" id="recorder-xfba" type="checkbox" name="recorder-xfba" value="Xfba" v-model="instr" @change="onCheckBoxChange"> 3288 <label class="c-form__label" for="recorder-xfba"> 3289 Recorder 3290 </label> 3291 </li> 3292 <li class="c-form__item -checkboxList -row"> 3293 <input class="c-form__checkboxList" id="2-recorders-xfba02" type="checkbox" name="2-recorders-xfba02" value="Xfba.02" v-model="instr" @change="onCheckBoxChange"> 3294 <label class="c-form__label" for="2-recorders-xfba02"> 3295 2 recorders 3296 </label> 3297 </li> 3298 <li class="c-form__item -checkboxList -row"> 3299 <input class="c-form__checkboxList" id="3-recorders-xfba03" type="checkbox" name="3-recorders-xfba03" value="Xfba.03" v-model="instr" @change="onCheckBoxChange"> 3300 <label class="c-form__label" for="3-recorders-xfba03"> 3301 3 recorders 3302 </label> 3303 </li> 3304 <li class="c-form__item -checkboxList -row"> 3305 <input class="c-form__checkboxList" id="recorder-quartet-xfba04" type="checkbox" name="recorder-quartet-xfba04" value="Xfba.04" v-model="instr" @change="onCheckBoxChange"> 3306 <label class="c-form__label" for="recorder-quartet-xfba04"> 3307 Recorder quartet 3308 </label> 3309 </li> 3310 <li class="c-form__item -checkboxList -row"> 3311 <input class="c-form__checkboxList" id="recorder-quintet-xfba05" type="checkbox" name="recorder-quintet-xfba05" value="Xfba.05" v-model="instr" @change="onCheckBoxChange"> 3312 <label class="c-form__label" for="recorder-quintet-xfba05"> 3313 Recorder quintet 3314 </label> 3315 </li> 3316 <li class="c-form__item -checkboxList -row"> 3317 <input class="c-form__checkboxList" id="6-recorders-xfba06" type="checkbox" name="6-recorders-xfba06" value="Xfba.06" v-model="instr" @change="onCheckBoxChange"> 3318 <label class="c-form__label" for="6-recorders-xfba06"> 3319 6 recorders 3320 </label> 3321 </li> 3322 <li class="c-form__item -checkboxList -row"> 3323 <input class="c-form__checkboxList" id="recorder-and-keyboard-xfbi" type="checkbox" name="recorder-and-keyboard-xfbi" value="Xfbi" v-model="instr" @change="onCheckBoxChange"> 3324 <label class="c-form__label" for="recorder-and-keyboard-xfbi"> 3325 Recorder and keyboard 3326 </label> 3327 </li> 3328 <li class="c-form__item -checkboxList -row"> 3329 <input class="c-form__checkboxList" id="2-recorders-and-keyboard-xfbi02" type="checkbox" name="2-recorders-and-keyboard-xfbi02" value="Xfbi.02" v-model="instr" @change="onCheckBoxChange"> 3330 <label class="c-form__label" for="2-recorders-and-keyboard-xfbi02">
3331 2 recorders and keyboard 3332 </label> 3333 </li> 3334 <li class="c-form__item -checkboxList -row"> 3335 <input class="c-form__checkboxList" id="oboe-xfca" type="checkbox" name="oboe-xfca" value="Xfca" v-model="instr" @change="onCheckBoxChange"> 3336 <label class="c-form__label" for="oboe-xfca"> 3337 Oboe 3338 </label> 3339 </li> 3340 <li class="c-form__item -checkboxList -row"> 3341 <input class="c-form__checkboxList" id="2-oboe-instruments-xfca02" type="checkbox" name="2-oboe-instruments-xfca02" value="Xfca.02" v-model="instr" @change="onCheckBoxChange"> 3342 <label class="c-form__label" for="2-oboe-instruments-xfca02"> 3343 2 oboe instruments 3344 </label> 3345 </li> 3346 <li class="c-form__item -checkboxList -row"> 3347 <input class="c-form__checkboxList" id="3-oboe-instruments-xfca03" type="checkbox" name="3-oboe-instruments-xfca03" value="Xfca.03" v-model="instr" @change="onCheckBoxChange"> 3348 <label class="c-form__label" for="3-oboe-instruments-xfca03"> 3349 3 oboe instruments 3350 </label> 3351 </li> 3352 <li class="c-form__item -checkboxList -row"> 3353 <input class="c-form__checkboxList" id="cor-anglais-xfcaa" type="checkbox" name="cor-anglais-xfcaa" value="Xfcaa" v-model="instr" @change="onCheckBoxChange"> 3354 <label class="c-form__label" for="cor-anglais-xfcaa"> 3355 Cor anglais 3356 </label> 3357 </li> 3358 <li class="c-form__item -checkboxList -row"> 3359 <input class="c-form__checkboxList" id="cor-anglais-and-piano-xfcai" type="checkbox" name="cor-anglais-and-piano-xfcai" value="Xfcai" v-model="instr" @change="onCheckBoxChange"> 3360 <label class="c-form__label" for="cor-anglais-and-piano-xfcai"> 3361 Cor anglais and piano 3362 </label> 3363 </li> 3364 <li class="c-form__item -checkboxList -row"> 3365 <input class="c-form__checkboxList" id="oboe-and-piano-xfci" type="checkbox" name="oboe-and-piano-xfci" value="Xfci" v-model="instr" @change="onCheckBoxChange"> 3366 <label class="c-form__label" for="oboe-and-piano-xfci"> 3367 Oboe and piano 3368 </label> 3369 </li> 3370 <li class="c-form__item -checkboxList -row"> 3371 <input class="c-form__checkboxList" id="2-oboes-and-piano-xfci02" type="checkbox" name="2-oboes-and-piano-xfci02" value="Xfci.02" v-model="instr" @change="onCheckBoxChange"> 3372 <label class="c-form__label" for="2-oboes-and-piano-xfci02"> 3373 2 oboes and piano 3374 </label> 3375 </li> 3376 <li class="c-form__item -checkboxList -row"> 3377 <input class="c-form__checkboxList" id="clarinet-xfda" type="checkbox" name="clarinet-xfda" value="Xfda" v-model="instr" @change="onCheckBoxChange"> 3378 <label class="c-form__label" for="clarinet-xfda"> 3379 Clarinet 3380 </label> 3381 </li> 3382 <li class="c-form__item -checkboxList -row"> 3383 <input class="c-form__checkboxList" id="2-clarinet-instruments-xfda02" type="checkbox" name="2-clarinet-instruments-xfda02" value="Xfda.02" v-model="instr" @change="onCheckBoxChange"> 3384 <label class="c-form__label" for="2-clarinet-instruments-xfda02"> 3385 2 clarinet instruments 3386 </label> 3387 </li> 3388 <li class="c-form__item -checkboxList -row"> 3389 <input class="c-form__checkboxList" id="3-clarinets-xfda03" type="checkbox" name="3-clarinets-xfda03" value="Xfda.03" v-model="instr" @change="onCheckBoxChange"> 3390 <label class="c-form__label" for="3-clarinets-xfda03"> 3391 3 clarinets 3392 </label> 3393 </li> 3394 <li class="c-form__item -checkboxList -row"> 3395 <input class="c-form__checkboxList" id="4-clarinets-xfda04" type="checkbox" name="4-clarinets-xfda04" value="Xfda.04" v-model="instr" @change="onCheckBoxChange"> 3396 <label class="c-form__label" for="4-clarinets-xfda04"> 3397 4 clarinets 3398 </label> 3399 </li> 3400 <li class="c-form__item -checkboxList -row"> 3401 <input class="c-form__checkboxList" id="clarinet-quintet-xfda05" type="checkbox" name="clarinet-quintet-xfda05" value="Xfda.05" v-model="instr" @change="onCheckBoxChange"> 3402 <label class="c-form__label" for="clarinet-quintet-xfda05"> 3403 Clarinet quintet 3404 </label> 3405 </li> 3406 <li class="c-form__item -checkboxList -row"> 3407 <input class="c-form__checkboxList" id="6-clarinets-xfda06" type="checkbox" name="6-clarinets-xfda06" value="Xfda.06" v-model="instr" @change="onCheckBoxChange"> 3408 <label class="c-form__label" for="6-clarinets-xfda06"> 3409 6 clarinets 3410 </label> 3411 </li> 3412 <li class="c-form__item -checkboxList -row"> 3413 <input class="c-form__checkboxList" id="8-clarinets-xfda08" type="checkbox" name="8-clarinets-xfda08" value="Xfda.08" v-model="instr" @change="onCheckBoxChange"> 3414 <label class="c-form__label" for="8-clarinets-xfda08"> 3415 8 clarinets 3416 </label> 3417 </li> 3418 <li class="c-form__item -checkboxList -row"> 3419 <input class="c-form__checkboxList" id="9-clarinets-xfda09" type="checkbox" name="9-clarinets-xfda09" value="Xfda.09" v-model="instr" @change="onCheckBoxChange"> 3420 <label class="c-form__label" for="9-clarinets-xfda09"> 3421 9 clarinets 3422 </label> 3423 </li> 3424 <li class="c-form__item -checkboxList -row"> 3425 <input class="c-form__checkboxList" id="clarinet-and-piano-xfdi" type="checkbox" name="clarinet-and-piano-xfdi" value="Xfdi" v-model="instr" @change="onCheckBoxChange"> 3426 <label class="c-form__label" for="clarinet-and-piano-xfdi"> 3427 Clarinet and piano 3428 </label> 3429 </li> 3430 <li class="c-form__item -checkboxList -row"> 3431 <input class="c-form__checkboxList" id="saxophone-xfea" type="checkbox" name="saxophone-xfea" value="Xfea" v-model="instr" @change="onCheckBoxChange"> 3432 <label class="c-form__label" for="saxophone-xfea"> 3433 Saxophone 3434 </label> 3435 </li> 3436 <li class="c-form__item -checkboxList -row"> 3437 <input class="c-form__checkboxList" id="2-saxophones-xfea02" type="checkbox" name="2-saxophones-xfea02" value="Xfea.02" v-model="instr" @change="onCheckBoxChange"> 3438 <label class="c-form__label" for="2-saxophones-xfea02"> 3439 2 saxophones 3440 </label> 3441 </li> 3442 <li class="c-form__item -checkboxList -row"> 3443 <input class="c-form__checkboxList" id="3-saxophones-xfea03" type="checkbox" name="3-saxophones-xfea03" value="Xfea.03" v-model="instr" @change="onCheckBoxChange"> 3444 <label class="c-form__label" for="3-saxophones-xfea03"> 3445 3 saxophones 3446 </label> 3447 </li> 3448 <li class="c-form__item -checkboxList -row"> 3449 <input class="c-form__checkboxList" id="saxophone-quartet-xfea04" type="checkbox" name="saxophone-quartet-xfea04" value="Xfea.04" v-model="instr" @change="onCheckBoxChange"> 3450 <label class="c-form__label" for="saxophone-quartet-xfea04"> 3451 Saxophone quartet 3452 </label> 3453 </li> 3454 <li class="c-form__item -checkboxList -row"> 3455 <input class="c-form__checkboxList" id="saxophone-quintet-xfea05" type="checkbox" name="saxophone-quintet-xfea05" value="Xfea.05" v-model="instr" @change="onCheckBoxChange"> 3456 <label class="c-form__label" for="saxophone-quintet-xfea05"> 3457 Saxophone quintet 3458 </label> 3459 </li> 3460 <li class="c-form__item -checkboxList -row"> 3461 <input class="c-form__checkboxList" id="saxophone-sextet-xfea06" type="checkbox" name="saxophone-sextet-xfea06" value="Xfea.06" v-model="instr" @change="onCheckBoxChange"> 3462 <label class="c-form__label" for="saxophone-sextet-xfea06"> 3463 Saxophone sextet 3464 </label> 3465 </li> 3466 <li class="c-form__item -checkboxList -row"> 3467 <input class="c-form__checkboxList" id="saxophone-orchestra-xfea09" type="checkbox" name="saxophone-orchestra-xfea09" value="Xfea.09" v-model="instr" @change="onCheckBoxChange"> 3468 <label class="c-form__label" for="saxophone-orchestra-xfea09"> 3469 Saxophone orchestra 3470 </label> 3471 </li> 3472 <li class="c-form__item -checkboxList -row">
3473 <input class="c-form__checkboxList" id="saxophone-and-piano-xfei" type="checkbox" name="saxophone-and-piano-xfei" value="Xfei" v-model="instr" @change="onCheckBoxChange"> 3474 <label class="c-form__label" for="saxophone-and-piano-xfei"> 3475 Saxophone and piano 3476 </label> 3477 </li> 3478 <li class="c-form__item -checkboxList -row"> 3479 <input class="c-form__checkboxList" id="2-saxophones-and-piano-xfei02" type="checkbox" name="2-saxophones-and-piano-xfei02" value="Xfei.02" v-model="instr" @change="onCheckBoxChange"> 3480 <label class="c-form__label" for="2-saxophones-and-piano-xfei02"> 3481 2 saxophones and piano 3482 </label> 3483 </li> 3484 <li class="c-form__item -checkboxList -row"> 3485 <input class="c-form__checkboxList" id="saxophone-and-organ-xfek" type="checkbox" name="saxophone-and-organ-xfek" value="Xfek" v-model="instr" @change="onCheckBoxChange"> 3486 <label class="c-form__label" for="saxophone-and-organ-xfek"> 3487 Saxophone and organ 3488 </label> 3489 </li> 3490 <li class="c-form__item -checkboxList -row"> 3491 <input class="c-form__checkboxList" id="bassoon-xffa" type="checkbox" name="bassoon-xffa" value="Xffa" v-model="instr" @change="onCheckBoxChange"> 3492 <label class="c-form__label" for="bassoon-xffa"> 3493 Bassoon 3494 </label> 3495 </li> 3496 <li class="c-form__item -checkboxList -row"> 3497 <input class="c-form__checkboxList" id="2-bassoons-xffa02" type="checkbox" name="2-bassoons-xffa02" value="Xffa.02" v-model="instr" @change="onCheckBoxChange"> 3498 <label class="c-form__label" for="2-bassoons-xffa02"> 3499 2 bassoons 3500 </label> 3501 </li> 3502 <li class="c-form__item -checkboxList -row"> 3503 <input class="c-form__checkboxList" id="3-bassoons-xffa03" type="checkbox" name="3-bassoons-xffa03" value="Xffa.03" v-model="instr" @change="onCheckBoxChange"> 3504 <label class="c-form__label" for="3-bassoons-xffa03"> 3505 3 bassoons 3506 </label> 3507 </li> 3508 <li class="c-form__item -checkboxList -row"> 3509 <input class="c-form__checkboxList" id="4-bassoons-xffa04" type="checkbox" name="4-bassoons-xffa04" value="Xffa.04" v-model="instr" @change="onCheckBoxChange"> 3510 <label class="c-form__label" for="4-bassoons-xffa04"> 3511 4 bassoons 3512 </label> 3513 </li> 3514 <li class="c-form__item -checkboxList -row"> 3515 <input class="c-form__checkboxList" id="5-bassoons-xffa05" type="checkbox" name="5-bassoons-xffa05" value="Xffa.05" v-model="instr" @change="onCheckBoxChange"> 3516 <label class="c-form__label" for="5-bassoons-xffa05"> 3517 5 bassoons 3518 </label> 3519 </li> 3520 <li class="c-form__item -checkboxList -row"> 3521 <input class="c-form__checkboxList" id="bassoon-and-piano-xffi" type="checkbox" name="bassoon-and-piano-xffi" value="Xffi" v-model="instr" @change="onCheckBoxChange"> 3522 <label class="c-form__label" for="bassoon-and-piano-xffi"> 3523 Bassoon and piano 3524 </label> 3525 </li> 3526 <li class="c-form__item -checkboxList -row"> 3527 <input class="c-form__checkboxList" id="trumpet-xfga" type="checkbox" name="trumpet-xfga" value="Xfga" v-model="instr" @change="onCheckBoxChange"> 3528 <label class="c-form__label" for="trumpet-xfga"> 3529 Trumpet 3530 </label> 3531 </li> 3532 <li class="c-form__item -checkboxList -row"> 3533 <input class="c-form__checkboxList" id="2-trumpets-xfga02" type="checkbox" name="2-trumpets-xfga02" value="Xfga.02" v-model="instr" @change="onCheckBoxChange"> 3534 <label class="c-form__label" for="2-trumpets-xfga02"> 3535 2 trumpets 3536 </label> 3537 </li> 3538 <li class="c-form__item -checkboxList -row"> 3539 <input class="c-form__checkboxList" id="3-trumpets-xfga03" type="checkbox" name="3-trumpets-xfga03" value="Xfga.03" v-model="instr" @change="onCheckBoxChange"> 3540 <label class="c-form__label" for="3-trumpets-xfga03"> 3541 3 trumpets 3542 </label> 3543 </li> 3544 <li class="c-form__item -checkboxList -row"> 3545 <input class="c-form__checkboxList" id="4-trumpets-xfga04" type="checkbox" name="4-trumpets-xfga04" value="Xfga.04" v-model="instr" @change="onCheckBoxChange"> 3546 <label class="c-form__label" for="4-trumpets-xfga04"> 3547 4 trumpets 3548 </label> 3549 </li> 3550 <li class="c-form__item -checkboxList -row"> 3551 <input class="c-form__checkboxList" id="5-trumpets-xfga05" type="checkbox" name="5-trumpets-xfga05" value="Xfga.05" v-model="instr" @change="onCheckBoxChange"> 3552 <label class="c-form__label" for="5-trumpets-xfga05"> 3553 5 trumpets 3554 </label> 3555 </li> 3556 <li class="c-form__item -checkboxList -row"> 3557 <input class="c-form__checkboxList" id="6-trumpets-xfga06" type="checkbox" name="6-trumpets-xfga06" value="Xfga.06" v-model="instr" @change="onCheckBoxChange"> 3558 <label class="c-form__label" for="6-trumpets-xfga06"> 3559 6 trumpets 3560 </label> 3561 </li> 3562 <li class="c-form__item -checkboxList -row"> 3563 <input class="c-form__checkboxList" id="trumpet-and-piano-xfgi" type="checkbox" name="trumpet-and-piano-xfgi" value="Xfgi" v-model="instr" @change="onCheckBoxChange"> 3564 <label class="c-form__label" for="trumpet-and-piano-xfgi"> 3565 Trumpet and piano 3566 </label> 3567 </li> 3568 <li class="c-form__item -checkboxList -row"> 3569 <input class="c-form__checkboxList" id="french-horn-xfha" type="checkbox" name="french-horn-xfha" value="Xfha" v-model="instr" @change="onCheckBoxChange"> 3570 <label class="c-form__label" for="french-horn-xfha"> 3571 French horn 3572 </label> 3573 </li> 3574 <li class="c-form__item -checkboxList -row"> 3575 <input class="c-form__checkboxList" id="2-horns-xfha02" type="checkbox" name="2-horns-xfha02" value="Xfha.02" v-model="instr" @change="onCheckBoxChange"> 3576 <label class="c-form__label" for="2-horns-xfha02"> 3577 2 horns 3578 </label> 3579 </li> 3580 <li class="c-form__item -checkboxList -row"> 3581 <input class="c-form__checkboxList" id="3-horns-xfha03" type="checkbox" name="3-horns-xfha03" value="Xfha.03" v-model="instr" @change="onCheckBoxChange"> 3582 <label class="c-form__label" for="3-horns-xfha03"> 3583 3 horns 3584 </label> 3585 </li> 3586 <li class="c-form__item -checkboxList -row"> 3587 <input class="c-form__checkboxList" id="horn-quartet-xfha04" type="checkbox" name="horn-quartet-xfha04" value="Xfha.04" v-model="instr" @change="onCheckBoxChange"> 3588 <label class="c-form__label" for="horn-quartet-xfha04"> 3589 Horn quartet 3590 </label> 3591 </li> 3592 <li class="c-form__item -checkboxList -row"> 3593 <input class="c-form__checkboxList" id="8-horns-xfha08" type="checkbox" name="8-horns-xfha08" value="Xfha.08" v-model="instr" @change="onCheckBoxChange"> 3594 <label class="c-form__label" for="8-horns-xfha08"> 3595 8 horns 3596 </label> 3597 </li> 3598 <li class="c-form__item -checkboxList -row"> 3599 <input class="c-form__checkboxList" id="10-horns-xfha09" type="checkbox" name="10-horns-xfha09" value="Xfha.09" v-model="instr" @change="onCheckBoxChange"> 3600 <label class="c-form__label" for="10-horns-xfha09"> 3601 10 horns 3602 </label> 3603 </li> 3604 <li class="c-form__item -checkboxList -row"> 3605 <input class="c-form__checkboxList" id="french-horn-and-piano-xfhi" type="checkbox" name="french-horn-and-piano-xfhi" value="Xfhi" v-model="instr" @change="onCheckBoxChange"> 3606 <label class="c-form__label" for="french-horn-and-piano-xfhi"> 3607 French horn and piano 3608 </label> 3609 </li> 3610 <li class="c-form__item -checkboxList -row"> 3611 <input class="c-form__checkboxList" id="trombone-xfia" type="checkbox" name="trombone-xfia" value="Xfia" v-model="instr" @change="onCheckBoxChange"> 3612 <label class="c-form__label" for="trombone-xfia"> 3613 Trombone 3614 </label> 3615 </li> 3616 <li class="c-form__item -checkboxList -row"> 3617 <input class="c-form__checkboxList" id="2-trombones-xfia02" type="checkbox" name="2-trombones-xfia02" value="Xfia.02" v-model="instr" @change="onCheckBoxChange"> 3618 <label class="c-form__label" for="2-trombones-xfia02"> 3619 2 trombones 3620 </label> 3621 </li> 3622 <li class="c-form__item -checkboxList -row"> 3623 <input class="c-form__checkboxList" id="3-trombones-xfia03" type="checkbox" name="3-trombones-xfia03" value="Xfia.03" v-model="instr" @change="onCheckBoxChange"> 3624 <label class="c-form__label" for="3-trombones-xfia03"> 3625 3 trombones 3626 </label> 3627 </li> 3628 <li class="c-form__item -checkboxList -row"> 3629 <input class="c-form__checkboxList" id="trombone-quartet-xfia04" type="checkbox" name="trombone-quartet-xfia04" value="Xfia.04" v-model="instr" @change="onCheckBoxChange"> 3630 <label class="c-form__label" for="trombone-quartet-xfia04"> 3631 Trombone quartet 3632 </label> 3633 </li> 3634 <li class="c-form__item -checkboxList -row"> 3635 <input class="c-form__checkboxList" id="trombone-quintet-xfia05" type="checkbox" name="trombone-quintet-xfia05" value="Xfia.05" v-model="instr" @change="onCheckBoxChange"> 3636 <label class="c-form__label" for="trombone-quintet-xfia05"> 3637 Trombone quintet 3638 </label> 3639 </li> 3640 <li class="c-form__item -checkboxList -row"> 3641 <input class="c-form__checkboxList" id="6-trombones-xfia06" type="checkbox" name="6-trombones-xfia06" value="Xfia.06" v-model="instr" @change="onCheckBoxChange"> 3642 <label class="c-form__label" for="6-trombones-xfia06"> 3643 6 trombones 3644 </label> 3645 </li> 3646 <li class="c-form__item -checkboxList -row"> 3647 <input class="c-form__checkboxList" id="8-trombones-xfia08" type="checkbox" name="8-trombones-xfia08" value="Xfia.08" v-model="instr" @change="onCheckBoxChange"> 3648 <label class="c-form__label" for="8-trombones-xfia08"> 3649 8 trombones 3650 </label> 3651 </li> 3652 <li class="c-form__item -checkboxList -row"> 3653 <input class="c-form__checkboxList" id="9-trombones-xfia09" type="checkbox" name="9-trombones-xfia09" value="Xfia.09" v-model="instr" @change="onCheckBoxChange"> 3654 <label class="c-form__label" for="9-trombones-xfia09"> 3655 9 trombones 3656 </label> 3657 </li> 3658 <li class="c-form__item -checkboxList -row"> 3659 <input class="c-form__checkboxList" id="trombone-and-piano-xfii" type="checkbox" name="trombone-and-piano-xfii" value="Xfii" v-model="instr" @change="onCheckBoxChange"> 3660 <label class="c-form__label" for="trombone-and-piano-xfii"> 3661 Trombone and piano 3662 </label> 3663 </li> 3664 <li class="c-form__item -checkboxList -row"> 3665 <input class="c-form__checkboxList" id="tuba-xfja" type="checkbox" name="tuba-xfja" value="Xfja" v-model="instr" @change="onCheckBoxChange"> 3666 <label class="c-form__label" for="tuba-xfja"> 3667 Tuba 3668 </label> 3669 </li> 3670 <li class="c-form__item -checkboxList -row"> 3671 <input class="c-form__checkboxList" id="2-tubas-xfja02" type="checkbox" name="2-tubas-xfja02" value="Xfja.02" v-model="instr" @change="onCheckBoxChange"> 3672 <label class="c-form__label" for="2-tubas-xfja02"> 3673 2 tubas 3674 </label> 3675 </li> 3676 <li class="c-form__item -checkboxList -row"> 3677 <input class="c-form__checkboxList" id="tuba-quartet-xfja04" type="checkbox" name="tuba-quartet-xfja04" value="Xfja.04" v-model="instr" @change="onCheckBoxChange"> 3678 <label class="c-form__label" for="tuba-quartet-xfja04"> 3679 Tuba quartet 3680 </label> 3681 </li> 3682 <li class="c-form__item -checkboxList -row"> 3683 <input class="c-form__checkboxList" id="5-tubas-xfja05" type="checkbox" name="5-tubas-xfja05" value="Xfja.05" v-model="instr" @change="onCheckBoxChange"> 3684 <label class="c-form__label" for="5-tubas-xfja05"> 3685 5 tubas 3686 </label> 3687 </li> 3688 <li class="c-form__item -checkboxList -row"> 3689 <input class="c-form__checkboxList" id="6-tubas-xfja06" type="checkbox" name="6-tubas-xfja06" value="Xfja.06" v-model="instr" @change="onCheckBoxChange"> 3690 <label class="c-form__label" for="6-tubas-xfja06"> 3691 6 tubas 3692 </label> 3693 </li> 3694 <li class="c-form__item -checkboxList -row"> 3695 <input class="c-form__checkboxList" id="tuba-and-piano-xfji" type="checkbox" name="tuba-and-piano-xfji" value="Xfji" v-model="instr" @change="onCheckBoxChange"> 3696 <label class="c-form__label" for="tuba-and-piano-xfji"> 3697 Tuba and piano 3698 </label> 3699 </li> 3700 <li class="c-form__item -checkboxList -row"> 3701 <input class="c-form__checkboxList" id="accordion-xfk" type="checkbox" name="accordion-xfk" value="Xfk" v-model="instr" @change="onCheckBoxChange"> 3702 <label class="c-form__label" for="accordion-xfk"> 3703 Accordion 3704 </label> 3705 </li> 3706 <li class="c-form__item -checkboxList -row"> 3707 <input class="c-form__checkboxList" id="2-accordions-xfk02" type="checkbox" name="2-accordions-xfk02" value="Xfk.02" v-model="instr" @change="onCheckBoxChange"> 3708 <label class="c-form__label" for="2-accordions-xfk02"> 3709 2 accordions 3710 </label> 3711 </li> 3712 <li class="c-form__item -checkboxList -row"> 3713 <input class="c-form__checkboxList" id="3-accordions-xfk03" type="checkbox" name="3-accordions-xfk03" value="Xfk.03" v-model="instr" @change="onCheckBoxChange"> 3714 <label class="c-form__label" for="3-accordions-xfk03"> 3715 3 accordions 3716 </label> 3717 </li> 3718 <li class="c-form__item -checkboxList -row"> 3719 <input class="c-form__checkboxList" id="4-accordions-xfk04" type="checkbox" name="4-accordions-xfk04" value="Xfk.04" v-model="instr" @change="onCheckBoxChange"> 3720 <label class="c-form__label" for="4-accordions-xfk04"> 3721 4 accordions 3722 </label> 3723 </li> 3724 <li class="c-form__item -checkboxList -row"> 3725 <input class="c-form__checkboxList" id="5-accordions-xfk05" type="checkbox" name="5-accordions-xfk05" value="Xfk.05" v-model="instr" @change="onCheckBoxChange"> 3726 <label class="c-form__label" for="5-accordions-xfk05"> 3727 5 accordions 3728 </label> 3729 </li> 3730 <li class="c-form__item -checkboxList -row"> 3731 <input class="c-form__checkboxList" id="particular-wind-instruments-xfz" type="checkbox" name="particular-wind-instruments-xfz" value="Xfz" v-model="instr" @change="onCheckBoxChange"> 3732 <label class="c-form__label" for="particular-wind-instruments-xfz"> 3733 Particular wind instruments 3734 </label> 3735 </li> 3736 <li class="c-form__item -checkboxList -row"> 3737 <input class="c-form__checkboxList" id="wind-controller-xfz" type="checkbox" name="wind-controller-xfz" value="Xfz" v-model="instr" @change="onCheckBoxChange"> 3738 <label class="c-form__label" for="wind-controller-xfz"> 3739 Wind controller 3740 </label> 3741 </li> 3742 <li class="c-form__item -checkboxList -row"> 3743 <input class="c-form__checkboxList" id="bronze-lur-xfza" type="checkbox" name="bronze-lur-xfza" value="Xfza" v-model="instr" @change="onCheckBoxChange"> 3744 <label class="c-form__label" for="bronze-lur-xfza"> 3745 Bronze lur 3746 </label> 3747 </li> 3748 <li class="c-form__item -checkboxList -row"> 3749 <input class="c-form__checkboxList" id="2-bronze-lurs-xfza02" type="checkbox" name="2-bronze-lurs-xfza02" valu
3749e="Xfza.02" v-model="instr" @change="onCheckBoxChange"> 3750 <label class="c-form__label" for="2-bronze-lurs-xfza02"> 3751 2 bronze lurs 3752 </label> 3753 </li> 3754 <li class="c-form__item -checkboxList -row"> 3755 <input class="c-form__checkboxList" id="bronze-lur-and-piano-xfzi" type="checkbox" name="bronze-lur-and-piano-xfzi" value="Xfzi" v-model="instr" @change="onCheckBoxChange"> 3756 <label class="c-form__label" for="bronze-lur-and-piano-xfzi"> 3757 Bronze lur and piano 3758 </label> 3759 </li> 3760 3761 </ul> 3762</fieldset> 3763 </div> 3764 </div> 3765 <button type="button" data-a11y-dialog-hide="winds-xf" class="c-button -fixed">Add</button> 3766 3767 <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="winds-xf" aria-label="Stäng Winds"> 3768 <svg class="c-icon -close" aria-hidden="true"> 3769 <use xlink:href="/images/spritemap.svg#icon-close"></use> 3770 </svg> 3771 </button> 3772 3773 </div> 3774 </div> 3775 </div> 3776 </li> 3777 </ul> 3778 </form> 3779 </div> 3780 </div> 3781 3782 <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="instrumentation" aria-label="Stäng Instrumentation"> 3783 <svg class="c-icon -close" aria-hidden="true"> 3784 <use xlink:href="/images/spritemap.svg#icon-close"></use> 3785 </svg> 3786 </button> 3787 3788 </div> 3789 </div> 3790</div> 3791 <div id="languages" class="c-fieldsetDialog js-dialog -options" aria-hidden="true"> 3792 3793 <div class="c-fieldsetDialog__overlay" tabindex="-1" data-a11y-dialog-hide="languages"></div> 3794 3795 <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="languages-title"> 3796 <div role="document" class="c-fieldsetDialog__document"> 3797 3798 <h2 id="languages-title" tabindex="0" class="c-fieldsetDialog__title"> 3799 Language 3800 </h2> 3801 3802 <div class="c-fieldsetDialog__content"> 3803 <div class="c-fieldsetDialog__content__inner"> 3804 3805 <div class="c-fieldsetDialog -fauxNested"> 3806 3807 <div class="c-fieldsetDialog__inner"> 3808 <div class="c-fieldsetDialog__document"> 3809 3810 <div class="c-fieldsetDialog__content"> 3811 <div class="c-fieldsetDialog__content__inner"> 3812 3813 <form action="" class="c-form"> 3814 <small class="c-fieldsetDialog__description">Only for text and song</small> 3815 <fieldset class="c-form__checkboxes"> 3816 3817 3818 <ul class="c-form__list"> 3819 3820 <li class="c-form__item -checkboxList -row"> 3821 <input class="c-form__checkboxList" id="afr" type="checkbox" name="afr" value="afr" v-model="language" @change="onCheckBoxChange"> 3822 <label class="c-form__label" for="afr"> 3823 Afrikaans 3824 </label> 3825 </li> 3826 <li class="c-form__item -checkboxList -row"> 3827 <input class="c-form__checkboxList" id="tje" type="checkbox" name="tje" value="tje" v-model="language" @change="onCheckBoxChange"> 3828 <label class="c-form__label" for="tje"> 3829 Czech 3830 </label> 3831 </li> 3832 <li class="c-form__item -checkboxList -row"> 3833 <input class="c-form__checkboxList" id="dan" type="checkbox" name="dan" value="dan" v-model="language" @change="onCheckBoxChange"> 3834 <label class="c-form__label" for="dan"> 3835 Danish 3836 </label> 3837 </li> 3838 <li class="c-form__item -checkboxList -row"> 3839 <input class="c-form__checkboxList" id="dut" type="checkbox" name="dut" value="dut" v-model="language" @change="onCheckBoxChange"> 3840 <label class="c-form__label" for="dut"> 3841 Dutch 3842 </label> 3843 </li> 3844 <li class="c-form__item -checkboxList -row"> 3845 <input class="c-form__checkboxList" id="hol" type="checkbox" name="hol" value="hol" v-model="language" @change="onCheckBoxChange"> 3846 <label class="c-form__label" for="hol"> 3847 Dutch 3848 </label> 3849 </li> 3850 <li class="c-form__item -checkboxList -row"> 3851 <input class="c-form__checkboxList" id="eng" type="checkbox" name="eng" value="eng" v-model="language" @change="onCheckBoxChange"> 3852 <label class="c-form__label" for="eng"> 3853 English 3854 </label> 3855 </li> 3856 <li class="c-form__item -checkboxList -row"> 3857 <input class="c-form__checkboxList" id="est" type="checkbox" name="est" value="est" v-model="language" @change="onCheckBoxChange"> 3858 <label class="c-form__label" for="est"> 3859 Estonian 3860 </label> 3861 </li> 3862 <li class="c-form__item -checkboxList -row"> 3863 <input class="c-form__checkboxList" id="fin" type="checkbox" name="fin" value="fin" v-model="language" @change="onCheckBoxChange"> 3864 <label class="c-form__label" for="fin"> 3865 Finnish 3866 </label> 3867 </li> 3868 <li class="c-form__item -checkboxList -row"> 3869 <input class="c-form__checkboxList" id="fre" type="checkbox" name="fre" value="fre" v-model="language" @change="onCheckBoxChange"> 3870 <label class="c-form__label" for="fre"> 3871 French 3872 </label> 3873 </li> 3874 <li class="c-form__item -checkboxList -row"> 3875 <input class="c-form__checkboxList" id="ger" type="checkbox" name="ger" value="ger" v-model="language" @change="onCheckBoxChange"> 3876 <label class="c-form__label" for="ger"> 3877 German 3878 </label> 3879 </li> 3880 <li class="c-form__item -checkboxList -row"> 3881 <input class="c-form__checkboxList" id="heb" type="checkbox" name="heb" value="heb" v-model="language" @change="onCheckBoxChange"> 3882 <label class="c-form__label" for="heb"> 3883 Hebrew 3884 </label> 3885 </li> 3886 <li class="c-form__item -checkboxList -row"> 3887 <input class="c-form__checkboxList" id="hun" type="checkbox" name="hun" value="hun" v-model="language" @change="onCheckBoxChange"> 3888 <label class="c-form__label" for="hun"> 3889 Hungarian 3890 </label> 3891 </li> 3892 <li class="c-form__item -checkboxList -row"> 3893 <input class="c-form__checkboxList" id="ice" type="checkbox" name="ice" value="ice" v-model="language" @change="onCheckBoxChange"> 3894 <label class="c-form__label" for="ice"> 3895 Icelandic 3896 </label> 3897 </li> 3898 <li class="c-form__item -checkboxList -row"> 3899 <input class="c-form__checkboxList" id="ita" type="checkbox" name="ita" value="ita" v-model="language" @change="onCheckBoxChange"> 3900 <label class="c-form__label" for="ita"> 3901 Italian 3902 </label> 3903 </li> 3904 <li class="c-form__item -checkboxList -row"> 3905 <input class="c-form__checkboxList" id="lat" type="checkbox" name="lat" value="lat" v-model="language" @change="onCheckBoxChange"> 3906 <label class="c-form__label" for="lat"> 3907 Latin 3908 </label> 3909 </li> 3910 <li class="c-form__item -checkboxList -row"> 3911 <input class="c-form__checkboxList" id="lit" type="checkbox" name="lit" value="lit" v-model="language" @change="onCheckBoxChange"> 3912 <label class="c-form__label" for="lit"> 3913 Lithuanian 3914 </label> 3915 </li> 3916 <li class="c-form__item -checkboxList -row"> 3917 <input class="c-form__checkboxList" id="nor" type="checkbox" name="nor" value="nor" v-model="language" @change="onCheckBoxChange"> 3918 <label class="c-form__label" for="nor"> 3919 Norwegian 3920 </label> 3921 </li> 3922 <li class="c-form__item -checkboxList -row"> 3923 <input class="c-form__checkboxList" id="por" type="checkbox" name="por" value="por" v-model="language" @change="onCheckBoxChange"> 3924 <label class="c-form__label" for="por"> 3925 Portuguese 3926 </label> 3927 </li> 3928 <li class="c-form__item -checkboxList -row"> 3929 <input class="c-form__checkboxList" id="rus" type="checkbox" name="rus" value="rus" v-model="language" @change="onCheckBoxChange"> 3930 <label class="c-form__label" for="rus"> 3931 Russian 3932 </label> 3933 </li> 3934 <li class="c-form__item -checkboxList -row"> 3935 <input class="c-form__checkboxList" id="spa" type="checkbox" name="spa" value="spa" v-model="language" @change="onCheckBoxChange"> 3936 <label class="c-form__label" for="spa"> 3937 Spanish 3938 </label> 3939 </li> 3940 <li class="c-form__item -checkboxList -row"> 3941 <input class="c-form__checkboxList" id="swe" type="checkbox" name="swe" value="swe" v-model="language" @change="onCheckBoxChange"> 3942 <label class="c-form__label" for="swe"> 3943 Swedish 3944 </label> 3945 </li> 3946 3947 </ul> 3948</fieldset> 3949 </form> 3950 </div> 3951 </div> 3952 <button type="button" data-a11y-dialog-hide="languages" class="c-button -fixed">Add</button> 3953 3954 </div> 3955 </div> 3956 </div> 3957 </div> 3958 </div> 3959 3960 <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="languages" aria-label="Stäng Language"> 3961 <svg class="c-icon -close" aria-hidden="true"> 3962 <use xlink:href="/images/spritemap.svg#icon-close"></use> 3963 </svg> 3964 </button> 3965 3966 </div> 3967 </div> 3968</div> 3969 <div id="voice_type" class="c-fieldsetDialog js-dialog -options" aria-hidden="true"> 3970 3971 <div class="c-fieldsetDialog__overlay" tabindex="-1" data-a11y-dialog-hide="voice_type"></div> 3972 3973 <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="voice_type-title"> 3974 <div role="document" class="c-fieldsetDialog__document"> 3975 3976 <h2 id="voice_type-title" tabindex="0" class="c-fieldsetDialog__title"> 3977 Voice type 3978 </h2> 3979 3980 <div class="c-fieldsetDialog__content"> 3981 <div class="c-fieldsetDialog__content__inner"> 3982 3983 <div class="c-fieldsetDialog -fauxNested"> 3984 3985 <div class="c-fieldsetDialog__inner"> 3986 <div class="c-fieldsetDialog__document"> 3987 <div class="c-fieldsetDialog__content"> 3988 <div class="c-fieldsetDialog__content__inner"> 3989 <form action="" class="c-form"> 3990 <fieldset class="c-form__checkboxes"> 3991 3992 3993 <ul class="c-form__list"> 3994 3995 <li class="c-form__item -checkboxList -row"> 3996 <input class="c-form__checkboxList" id="5" type="checkbox" name="5" value="4" v-model="voiceType" @change="onCheckBoxChange"> 3997 <label class="c-form__label" for="5"> 3998 Alt 3999 </label> 4000 </li> 4001 <li class="c-form__item -checkboxList -row"> 4002 <input class="c-form__checkboxList" id="1" type="checkbox" name="1" value="8" v-model="voiceType" @change="onCheckBoxChange"> 4003 <label class="c-form__label" for="1"> 4004 Baryton 4005 </label> 4006 </li> 4007 <li class="c-form__item -checkboxList -row"> 4008 <input class="c-form__checkboxList" id="0" type="checkbox" name="0" value="5" v-model="voiceType" @change="onCheckBoxChange"> 4009 <label class="c-form__label" for="0"> 4010 Bas 4011 </label> 4012 </li> 4013 <li class="c-form__item -checkboxList -row"> 4014 <input class="c-form__checkboxList" id="3" type="checkbox" name="3" value="10" v-model="voiceType" @change="onCheckBoxChange"> 4015 <label class="c-form__label" for="3"> 4016 Counter 4017 </label> 4018 </li> 4019 <li class="c-form__item -checkboxList -row"> 4020 <input class="c-form__checkboxList" id="4" type="checkbox" name="4" value="2" v-model="voiceType" @change="onCheckBoxChange"> 4021 <label class="c-form__label" for="4"> 4022 Hög 4023 </label> 4024 </li> 4025 <li class="c-form__item -checkboxList -row"> 4026 <input class="c-form__checkboxList" id="6" type="checkbox" name="6" value="6" v-model="voiceType" @change="onCheckBoxChange"> 4027 <label class="c-form__label" for="6"> 4028 Låg 4029 </label> 4030 </li> 4031 <li class="c-form__item -checkboxList -row"> 4032 <input class="c-form__checkboxList" id="7" type="checkbox" name="7" value="1" v-model="voiceType" @change="onCheckBoxChange"> 4033 <label class="c-form__label" for="7"> 4034 Mellan 4035 </label> 4036 </li> 4037 <li class="c-form__item -checkboxList -row"> 4038 <input class="c-form__checkboxList" id="2" type="checkbox" name="2" value="9" v-model="voiceType" @change="onCheckBoxChange"> 4039 <label class="c-form__label" for="2"> 4040 Mezzo 4041 </label> 4042 </li> 4043 <li class="c-form__item -checkboxList -row"> 4044 <input class="c-form__checkboxList" id="9" type="checkbox" name="9" value="3" v-model="voiceType" @change="onCheckBoxChange"> 4045 <label class="c-form__label" for="9"> 4046 Sopran 4047 </label> 4048 </li> 4049 <li class="c-form__item -checkboxList -row"> 4050 <input class="c-form__checkboxList" id="8" type="checkbox" name="8" value="7" v-model="voiceType" @change="onCheckBoxChange"> 4051 <label class="c-form__label" for="8"> 4052 Tenor 4053 </label> 4054 </li> 4055 4056 </ul> 4057</fieldset> 4058 </form> 4059 </div> 4060 </div> 4061 <button type="button" data-a11y-dialog-hide="voice_type" class="c-button -fixed">Add</button> 4062 </div> 4063 </div> 4064 </div> 4065 </div> 4066 </div> 4067 4068 <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="voice_type" aria-label="Stäng Voice type"> 4069 <svg class="c-icon -close" aria-hidden="true"> 4070 <use xlink:href="/images/spritemap.svg#icon-close"></use> 4071 </svg> 4072 </button> 4073 4074 </div> 4075 </div> 4076</div> 4077 </div> 4078 4079 <section class="o-wrapper@xsmall-xlarge o-8-12@xlarge -full u-last@xlarge o-fauxRow -xsmall"> 4080 <div class="o-row -large o-inner"> 4081 4082 <h2 class="u-visuallyHidden">Search result</h2> 4083 <search-bio :person="currentPerson"></search-bio> 4084 4085 <div v-if="searchDone && removedFilters.length > 0 && !emptyResult" class="removed-filters"> 4086 <div class="o-row -small" v-bind:class="{ 'c-text u-center u-centerAlign' : searchDone }" role="alert"> 4087 <p><strong>We couldnt find any results for your search. <a href="#" role="button" onclick="if (!window.__cfRLUnblockHandlers) return false; document.getElementById('search-no-result-dialog-button').click();" data-cf-modified-026d0d720065c70b24d244fd-="">Read about why</a>.</strong></p> 4088 <p v-html="removedFiltersText"></p> 4089 </div> 4090 </div> 4091 4092 <work-list :works="works" :total="total" v-bind:class="{ 'is-searching' : !searchDone }"> 4093 <div v-if="!searchDone" class="c-loader" slot="loader"></div> 4094 <div class="u-overflowHidden c-workList__per_page" slot="per-page"> 4095 <div class="c-form__item"> 4096 <label class="c-form__label u-rightAlign" for="per-page">Items per page:</label> 4097 <select class="c-form__select -widthAuto" id="per-page" name="per
4097-page" v-model="perPage" @change="search"> 4098 <option value="">15</option> 4099 <option value="50">50</option> 4100 <option value="100">100</option> 4101 <option value="200">200</option> 4102 </select> 4103 </div> 4104</div> <div v-if="searchDone && !emptyResult" class="u-overflowHidden c-workList__sort" slot="sort"> 4105 <div class="c-form__item"> 4106 <label class="c-form__label u-rightAlign" for="sort">Sort by:</label> 4107 <select class="c-form__select -widthAuto" id="sort" name="sort" v-model="sort" @change="onSortOrderChange"> 4108 <option value="score">Relevance</option> 4109 <option value="new">New releases</option> 4110 <option value="alpha">A-Z</option> 4111 <option value="alpha_desc">Z-A</option> 4112 <option value="year">Composition year</option> 4113 <option value="year_asc">Composition year asc</option> 4114 <option value="duration">Duration</option> 4115 </select> 4116 </div> 4117</div> 4118 </work-list> 4119 4120 <div v-show="searchDone && pagination.next_page != null && pagination.next_page > 1" class="c-workList__load-more"> 4121 <button @click="loadMore(pagination.next_page)" class="c-button--loadMore">Load more</button> 4122 </div> 4123 <div v-if="emptyResult"> 4124 <div class="o-row -small" v-bind:class="{ 'c-text u-center u-centerAlign' : searchDone }" role="alert"> 4125 <p v-html="noResultText"></p> 4126 </div> 4127 </div> 4128 </div> 4129 </section> 4130 4131 </div> 4132</div> 4133 4134 </main> 4135 4136 <footer class="c-footer"> 4137 <div class="o-wrapper"> 4138 <nav class="c-nav--secondary"> 4139 <ul class="c-nav--secondary__menu"> 4140 <li class="c-nav--secondary__item"> 4141 <a class="c-nav--secondary__link" href="https://www.svenskmusik.org/en/search"> 4142 <span class="c-nav--secondary__link__text">Search works</span> 4143 </a> 4144 </li> 4145 <li class="c-nav--secondary__item"> 4146 <a class="c-nav--secondary__link" href="https://www.svenskmusik.org/en/about"> 4147 <span class="c-nav--secondary__link__text">About Svensk Musik</span> 4148 </a> 4149 </li> 4150 <li class="c-nav--secondary__item"> 4151 <a class="c-nav--secondary__link" href="#" role="button" data-a11y-dialog-show="deposit-dialog"> 4152 <span class="c-nav--secondary__link__text">Submit work</span> 4153 </a> 4154 </li> 4155 <li class="c-nav--secondary__item"> 4156 <a class="c-nav--secondary__link" href="https://www.svenskmusik.org/en/calendar"> 4157 <span class="c-nav--secondary__link__text">First performances</span> 4158 </a> 4159 </li> 4160 <li class="c-nav--secondary__item"> 4161 <a class="c-nav--secondary__link" href="https://www.svenskmusik.org/en/contact"> 4162 <span class="c-nav--secondary__link__text">Contact</span> 4163 </a> 4164 </li> 4165 </ul> 4166 <ul class="c-nav--language__menu"> 4167 <li class="c-nav--language__item"> 4168 <a class="c-nav--language__link " 4169 rel="alternate" 4170 hreflang="sv" 4171 href="https://www.svenskmusik.org/sv/sök"> 4172 <span class="c-nav--language__link__text">Svenska</span> 4173 </a> 4174 </li> 4175 <li class="c-nav--language__item"> 4176 <a class="c-nav--language__link -active" 4177 rel="alternate" 4178 hreflang="en" 4179 href="https://www.svenskmusik.org/en/search"> 4180 <span class="c-nav--language__link__text">English</span> 4181 </a> 4182 </li> 4183 </ul> 4184</nav> <div class="u-overflowHidden"> 4185 <div class="o-row -small o-4-12@large u-left@large u-centerAlign"> 4186 <a href="/" class="c-footer__logo"> 4187 <img src="/images/svg/logo.svg" alt="Svensk Musik" width="216" height="22" /> 4188 </a> 4189 </div> 4190 <div class="o-row -small o-1-2@medium-large o-4-12@large c-footer__text -contact u-left@medium"> 4191 <h2 class="u-visuallyHidden">Kontakta oss</h2> 4192 <a href="tel:+4687838800">+46 8 783 88 00</a><br/> 4193 <a href="/cdn-cgi/l/email-protection#751c1b131a350603101b061e1800061c1e5b1a0712"><span class="__cf_email__" data-cfemail="5c35323a331c2f2a39322f3731292f353772332e3b">[email protected]</span></a> 4194 </div> 4195 <div class="o-row -small o-1-2@medium-large o-4-12@large c-footer__text -address u-left@medium u-last@medium"> 4196 <h2 class="u-visuallyHidden">Postadress</h2> 4197 Hornsgatan 103<br/> 4198 Box 17092<br/> 4199 104 62 Stockholm 4200 </div> 4201 </div> 4202 <div class="o-row c-footer__policy"> 4203 <a href="javascript:cookieTractor.openConsentSettings()" target="_self"> 4204 Cookie settings 4205 </a> 4206 </div> 4207 </div> 4208</footer> 4209 <div id="deposit-dialog" class="c-dialog js-dialog " aria-hidden="true"> 4210 4211 <div class="c-dialog__overlay" tabindex="-1"> 4212 4213 <div role="dialog" class="c-dialog__inner" aria-labelledby="deposit-dialog-title"> 4214 4215 <div role="document"> 4216 4217 <h2 id="deposit-dialog-title" tabindex="0" class="u-visuallyHidden"> 4218 Deposit 4219 </h2> 4220 4221 <h1 class="c-heading-a -divider">Deposition</h1> 4222 4223 <div class="c-body"> 4224 <p>Svensk Musik accepts digital scores of original notated works.â¨<br>Read our deposition rules <a href="/docs/regulations_for_deposit.pdf" target="_blank">here</a> in Swedish or contact us at <a href="/cdn-cgi/l/email-protection#ff9b9a8f90919a8d9ebf8c899a918c94928a8c9694d1908d98">Deposition</a></p> 4225 </div> 4226 4227 <br> 4228 4229 <p class="c-text"> </p> 4230 4231 <p class="c-text"> </p> 4232 4233 <br> 4234 4235 <p class="c-text"> </p> 4236 4237 <!-- 4238 <form class="fl-form"> 4239 <div class="o-wrapper"> 4240 4241 <div class="o-fauxRow"> 4242 4243 <div class="o-row -small"> 4244 <div class="o-10-12@large u-center c-form__item"> 4245 <label class="c-form__label -center -featured" for="workTitle">Work title</label> 4246 <input type="text" class="c-form__text -featured -center" id="workTitle" required /> 4247 </div> 4248 </div> 4249 4250 <div class="o-row -small"> 4251 <div class="o-10-12@large u-center c-form__item"> 4252 <label class="c-form__label -center" for="work-composer">Composer</label> 4253 <input type="text" class="c-form__text -center" id="work-composer" required /> 4254 </div> 4255 </div> 4256 4257 <div class="o-row -small"> 4258 <div class="o-10-12@large u-center u-clearfix"> 4259 <div class="o-6-12@large u-left@large"> 4260 <div class="o-8-12@large u-center@large c-form__item"> 4261 <label class="c-form__label -center" for="work-year">Year of composition</label> 4262 <input type="text" class="c-form__text -center" id="work-year" required /> 4263 </div> 4264 </div> 4265 4266 <div class="o-6-12@large u-left@large"> 4267 <div class="o-8-12@large u-center@large c-form__item"> 4268 <label class="c-form__label -center" for="work-duration">Duration in minutes</label> 4269 <input type="number" class="c-form__text -center" id="work-duration" required /> 4270 </div> 4271 </div> 4272 </div> 4273 </div> 4274 4275 <div class="o-row -small"> 4276 <div class="o-10-12@large u-center c-form__item"> 4277 <label class="c-form__label" for="work-crew">Crew in order</label> 4278 <input type="text" class="c-form__text" id="work-crew" required /> 4279 </div> 4280 </div> 4281 4282 <div class="o-row o-fauxRow -small u-clearfix"> 4283 <fieldset class="c-form__fieldset -naked"> 4284 <legend><span class="c-form__label -large">Score</span></legend> 4285 <fieldset class="c-form__paper"> 4286 <legend class="u-visuallyHidden">Format</legend> 4287 4288 <ul class="c-form__list"> 4289 <li class="c-form__item -inline"> 4290 <input class="c-form__paper__radio u-visuallyHidden" id="work-score-format-A4" type="radio" name="work-score-format" value="a4"> 4291 <label class="c-form__label" for="work-score-format-A4"> 4292 <svg class="c-icon -a4" aria-hidden="true"> 4293 <use xlink:href="/images/spritemap.svg#icon-a4"></use> 4294 </svg> 4295 A4 4296 <svg class="c-icon -check" aria-hidden="true"> 4297 <use xlink:href="/images/spritemap.svg#form-check"></use> 4298 </svg> 4299 </label> 4300 </li> 4301 <li class="c-form__item -inline"> 4302 <input class="c-form__paper__radio u-visuallyHidden" id="work-score-format-A3" type="radio" name="work-score-format" value="a3"> 4303 <label class="c-form__label" for="work-score-format-A3"> 4304 <svg class="c-icon -a3" aria-hidden="true"> 4305 <use xlink:href="/images/spritemap.svg#icon-a3"></use> 4306 </svg> 4307 A3 4308 <svg class="c-icon -check" aria-hidden="true"> 4309 <use xlink:href="/images/spritemap.svg#form-check"></use> 4310 </svg> 4311 </label> 4312 </li> 4313 <li class="c-form__item -inline"> 4314 <input class="c-form__paper__radio u-visuallyHidden" id="work-score-format-stimformat" type="radio" name="work-score-format" value="stimformat"> 4315 <label class="c-form__label" for="work-score-format-stimformat"> 4316 <svg class="c-icon -stimformat" aria-hidden="true"> 4317 <use xlink:href="/images/spritemap.svg#icon-stimformat"></use> 4318 </svg> 4319 Stim format 4320 <svg class="c-icon -check" aria-hidden="true"> 4321 <use xlink:href="/images/spritemap.svg#form-check"></use> 4322 </svg> 4323 </label> 4324 </li> 4325 </ul> 4326 </fieldset> 4327 4328 <fieldset class="c-form__paper"> 4329 <legend class="u-visuallyHidden">Paper orientation</legend> 4330 4331 <ul class="c-form__list"> 4332 <li class="c-form__item -inline"> 4333 <input class="c-form__paper__radio u-visuallyHidden" id="work-score-orientation-portrait" type="radio" name="work-score-orientation" value="portrait"> 4334 <label class="c-form__label" for="work-score-orientation-portrait"> 4335 <svg class="c-icon -portrait" aria-hidden="true"> 4336 <use xlink:href="/images/spritemap.svg#icon-portrait"></use> 4337 </svg> 4338 Portrait 4339 <svg class="c-icon -check" aria-hidden="true"> 4340 <use xlink:href="/images/spritemap.svg#form-check"></use> 4341 </svg> 4342 </label> 4343 </li> 4344 <li class="c-form__item -inline"> 4345 <input class="c-form__paper__radio u-visuallyHidden" id="work-score-orientation-landscape" type="radio" name="work-score-orientation" value="landscape"> 4346 <label class="c-form__label" for="work-score-orientation-landscape"> 4347 <svg class="c-icon -landscape" aria-hidden="true"> 4348 <use xlink:href="/images/spritemap.svg#icon-landscape"></use> 4349 </svg> 4350 Landscape 4351 <svg class="c-icon -check" aria-hidden="true"> 4352 <use xlink:href="/images/spritemap.svg#form-check"></use> 4353 </svg> 4354 </label> 4355 </li> 4356 </ul> 4357 </fieldset> 4358 </fieldset> 4359 </div> 4360 4361 <div class="o-row u-clearfix"> 4362 <fieldset class="c-form__fieldset -naked"> 4363 <legend><span class="c-form__label -large">Voices</span></legend> 4364 <fieldset class="c-form__paper"> 4365 <legend class="u-visuallyHidden">Format</legend> 4366 4367 <ul class="c-form__list"> 4368 <li class="c-form__item -inline"> 4369 <input class="c-form__paper__radio u-visuallyHidden" id="work-parts-format-A4" type="radio" name="work-parts-format" value="a4"> 4370 <label class="c-form__label" for="work-parts-format-A4"> 4371 <svg class="c-icon -a4" aria-hidden="true"> 4372 <use xlink:href="/images/spritemap.svg#icon-a4"></use> 4373 </svg> 4374 A4 4375 <svg class="c-icon -check" aria-hidden="true"> 4376 <use xlink:href="/images/spritemap.svg#form-check"></use> 4377 </svg> 4378 </label> 4379 </li> 4380 <li class="c-form__item -inline"> 4381 <input class="c-form__paper__radio u-visuallyHidden" id="work-parts-format-A3" type="radio" name="work-parts-format" value="a3"> 4382 <label class="c-form__label" for="work-parts-format-A3"> 4383 <svg class="c-icon -a3" aria-hidden="true"> 4384 <use xlink:href="/images/spritemap.svg#icon-a3"></use> 4385 </svg> 4386 A3 4387 <svg class="c-icon -check" aria-hidden="true"> 4388 <use xlink:href="/images/spritemap.svg#form-check"></use> 4389 </svg> 4390 </label> 4391 </li> 4392 <li class="c-form__item -inline"> 4393 <input class="c-form__paper__radio u-visuallyHidden" id="work-parts-format-stimformat" type="radio" name="work-parts-format" value="stimformat"> 4394 <label class="c-form__label" for="work-parts-format-stimformat"> 4395 <svg class="c-icon -stimformat" aria-hidden="true"> 4396 <use xlink:href="/images/spritemap.svg#icon-stimformat"></use> 4397 </svg> 4398 Stim format 4399 <svg class="c-icon -check" aria-hidden="true"> 4400 <use xlink:href="/images/spritemap.svg#form-check"></use> 4401 </svg> 4402 </label> 4403 </li> 4404 </ul> 4405 </fieldset> 4406 4407 <fieldset class="c-form__paper"> 4408 <legend class="u-visuallyHidden">Paper orientation</legend> 4409 4410 <ul class="c-form__list"> 4411 <li class="c-form__item -inline"> 4412 <input class="c-form__paper__radio u-visuallyHidden" id="work-parts-portrait" type="radio" name="work-parts-orientation" value="portrait"> 4413 <label class="c-form__label" for="work-parts-portrait"> 4414 <svg class="c-icon -portrait" aria-hidden="true"> 4415 <use xlink:href="/images/spritemap.svg#icon-portrait"></use> 4416 </svg> 4417 Portrait 4418 <svg class="c-icon -check" aria-hidden="true"> 4419 <use xlink:href="/images/spritemap.svg#form-check"></use> 4420 </svg> 4421 </label> 4422 </li> 4423 <li class="c-form__item -inline"> 4424 <input class="c-form__paper__radio u-visuallyHidden" id="work-parts-landscape" type="radio" name="work-parts-orientation" value="landscape"> 4425 <label class="c-form__label" for="work-parts-landscape"> 4426 <svg class="c-icon -landscape" aria-hidden="true"> 4427 <use xlink:href="/images/spritemap.svg#icon-landscape"></use> 4428 </svg> 4429 Landscape 4430 <svg class="c-icon -check" aria-hidden="true"> 4431 <use xlink:href="/images/spritemap.svg#form-check"></use> 4432 </svg> 4433 </label> 4434 </li> 4435 <
4435/ul> 4436 </fieldset> 4437 </fieldset> 4438 </div> 4439 </div> 4440 </div> 4441 4442 <div class="o-wrapper"> 4443 <div class="c-form__item"> 4444 <input class="c-form__checkbox u-visuallyHidden" id="work-premiere" type="checkbox" name="work-premiere" value="" data-a11y-toggle="work-premiere-fieldset"> 4445 <label class="c-form__label" for="work-premiere"> 4446 First performance 4447 </label> 4448 </div> 4449 </div> 4450 4451 <fieldset class="o-row -large c-jumbotron -green -margin -marginNegative" id="work-premiere-fieldset"> 4452 <div class="o-wrapper"> 4453 <div class="o-fauxRow o-row"> 4454 4455 <div class="o-10-12@large u-center u-clearfix"> 4456 <div class="o-4-12@large u-left@large c-form__item"> 4457 <label class="c-form__label -green" for="work-premiere-date">Date</label> 4458 <input type="text" class="c-form__text -green" id="work-premiere-date" /> 4459 </div> 4460 4461 <div class="o-8-12@large u-left@large u-last@large c-form__item"> 4462 <label class="c-form__label -green" for="work-premiere-location">Location and venue</label> 4463 <input type="text" class="c-form__text -green" id="work-premiere-location" /> 4464 </div> 4465 </div> 4466 4467 <div class="o-10-12@large u-center c-form__item"> 4468 <label class="c-form__label -green" for="work-premiere-executor">Executorer at first performance (inc. conductor)</label> 4469 <input type="text" class="c-form__text -green" id="work-premiere-executor" /> 4470 </div> 4471 4472 <div class="o-10-12@large u-center c-form__item"> 4473 <label class="c-form__label -green" for="work-premiere-fold-pages">Fold pages (voice and page number)</label> 4474 <input type="text" class="c-form__text -green" id="work-premiere-fold-pages" /> 4475 </div> 4476 </div> 4477 4478 </div> 4479 </fieldset> 4480 4481 <div class="o-wrapper"> 4482 4483 <div class="o-row o-10-12@large u-center c-form__item"> 4484 <label class="c-form__label" for="work-other">Other information</label> 4485 <input type="text" class="c-form__text" id="work-other" /> 4486 </div> 4487 4488 <div class="o-row o-fauxRow u-centerAlign"> 4489 <button type="submit" class="c-cta"><span>Review</span></button> 4490 </div> 4491 4492 </div> 4493 </form> 4494 --> 4495 4496 <button type="button" class="c-dialog__close" data-a11y-dialog-hide="deposit-dialog" aria-label="Close this dialog window"> 4497 <svg class="c-icon -close" aria-hidden="true"> 4498 <use xlink:href="/images/spritemap.svg#icon-close"></use> 4499 </svg> 4500 </button> 4501 4502 </div> 4503 4504 </div> 4505 4506 </div> 4507 4508</div> 4509 4510 4511 <button type="button" class="c-button -cta u-hidden" data-a11y-dialog-show="search-no-result-dialog" id="search-no-result-dialog-button"> 4512 Filterinfo 4513 </button> 4514<div id="search-no-result-dialog" class="c-dialog js-dialog " aria-hidden="true"> 4515 4516 <div class="c-dialog__overlay" tabindex="-1"> 4517 4518 <div role="dialog" class="c-dialog__inner" aria-labelledby="search-no-result-dialog-title"> 4519 4520 <div role="document"> 4521 4522 <h2 id="search-no-result-dialog-title" tabindex="0" class="u-visuallyHidden"> 4523 search.no-result 4524 </h2> 4525 4526 <div class="c-body u-center"> 4527 <h2>No hits?</h2> 4528<p>Svenkmusik.org contains works from several different archives that have grown over a long period of time and with different structures. For this reason, some search combinations will return few or zero results. We are aware of the issue and are working to harmonize the structure of the archive to provide more coherent search results.</p> 4529 </div> 4530 4531 <button type="button" class="c-dialog__close" data-a11y-dialog-hide="search-no-result-dialog" aria-label="Close this dialog window"> 4532 <svg class="c-icon -close" aria-hidden="true"> 4533 <use xlink:href="/images/spritemap.svg#icon-close"></use> 4534 </svg> 4535 </button> 4536 4537 </div> 4538 4539 </div> 4540 4541 </div> 4542 4543</div>
vendor: 119 bytes, lines 4543-4546
4543 4544 4545 4546 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
4546<script type="026d0d720065c70b24d244fd-text/javascript" src="/js/libs.js?id=82681bdd254d76c57662"></script>
4546 4547
4547<script type="026d0d720065c70b24d244fd-text/javascript" src="/js/app.js?id=2b04bb26c52c3bb3bd9b"></script>
vendor: 147 bytes, lines 4547-4548
4547 4548 <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="026d0d720065c70b24d244fd-|49" defer></script>
4548</body> 4549</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.