RubyGems - formstrap - Versions diffs - 0.4.1 → 0.4.2 - Mend

<!DOCTYPE html> <html> <head> <title> RubyGems - formstrap - Versions diffs - 0.4.1 → 0.4.2 - Mend - Supply Chain Defender </title> <link rel="icon" type="image/png" href="/packs/media/images/production/favicons/favicon-32x32-fa0286238d4d512e71dba3881cbbcc42.png" /> <link rel="mask-icon" type="image/x-icon" href="/packs/media/images/production/favicons/favicon-786db6a85c0dea068c1a7047338024d2.svg" /> <link rel="apple-touch-icon" type="image/png" href="/packs/media/images/production/favicons/apple-touch-icon-11491aa2351c88b3b48534d1576a2ff9.png" /> <link rel="shortcut icon" type="image/x-icon" href="/packs/media/images/production/favicons/favicon-81c62e5500c39bd10e99844e94455995.ico" /> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="cCudf2QOQUidIY92D8IbD9k8blE_sEWwR_MFcqmmXXu8cpNCqxzaDbUulZtz38Lk0jgM6YnZYYUoFrBIZzi6dA" /> <meta content='no-cache' name='turbolinks-cache-control'> <meta content='width=device-width, initial-scale=1' name='viewport'> <link rel="stylesheet" href="/packs/css/application-b44eb75784afb1e9f8ce.css" media="all" /> <script src="/packs/js/application-9f130b109122a7b55e22.js" data-turbolinks-track="reload"></script> <link href='https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i' rel='stylesheet'> </head> <body class='registries ruby_gems diffs' id='page-top'> <div id='wrapper'> <div class='d-flex flex-column' id='content-wrapper'> <div id='content'> <nav class='navbar navbar-expand navbar-light bg-white topbar mb-4 shadow'> <a class='sidebar-brand d-flex align-items-center justify-content-center' href='/'> <div class='sidebar-brand-text mx-3 d-none d-xxl-block d-xl-block'> <img alt="Diffend" src="/packs/media/images/production/logos/vertical-dark-5363ad390f9fcfd11bfecf89a3fb60f1.svg" /> </div> </a> <div class='container'> <ul class='navbar-nav'> <li class='nav-item'> <a class='nav-link' href='/gems'> <span class='mr-2 d-none d-lg-inline text-gray-600'> RubyGems </span> </a> </li> <li class='nav-item'> <a class='nav-link' href='/npm'> <span class='mr-2 d-none d-lg-inline text-gray-600'> npm </span> </a> </li> <li class='nav-item'> <a class='nav-link' href='/pypi'> <span class='mr-2 d-none d-lg-inline text-gray-600'> PyPI </span> </a> </li> <div class='topbar-divider d-sm-block'></div> <li class='nav-item'> <a class='nav-link' href='/organizations'> <span class='mr-2 d-none d-lg-inline text-gray-600'> Organizations </span> </a> </li> </ul> <ul class='navbar-nav'> <div class='topbar-divider d-none d-sm-block'></div> <li class='nav-item'> <a class='nav-link' href='/users/sign_in'> <span class='mr-2 d-none d-lg-inline text-gray-600'> <i class='fas fa-key fa-fw mr-2'></i> Log in </span> </a> </li> <li class='nav-item'> <a class='nav-link' href='/users/sign_up'> <span class='mr-2 d-none d-lg-inline text-gray-600'> <i class='fas fa-user-plus fa-fw mr-2'></i> Sign up </span> </a> </li> </ul> </div> </nav> <div class='container'> <div class='row'> <div class='col mb-1'> <nav> <ol class='breadcrumb'> <li class='breadcrumb-item'> <a href="/gems">RubyGems</a> </li> <li class='breadcrumb-item'> <a href="/gems/formstrap">formstrap</a> </li> <li class='breadcrumb-item'> <a href="/gems/formstrap">Versions diffs</a> </li> <li class='breadcrumb-item'> <a href="/gems/formstrap/0.4.1/0.4.2">0.4.1 → 0.4.2</a> </li> </ol> </nav> </div> </div> <div class='row'> <div class='col'> <div class='text-right mb-4'> </div> </div> </div> <div class='row'> <div class='col align-items-center mb-4'> <div class='text-center'> <h2 class='text-gray-800'> formstrap 0.4.1 → 0.4.2 </h2> </div> </div> </div> <div data-diff-id='d49925a3-e4bd-4318-a982-a79a0bf7da16' data-diff-state='finished' id='diff-id'> <div class='row'> <div class='col pt-2 text-black'> <div class='row'> <div class='col-lg-12 mb-4 mt-2'> <div class='card bg-info text-white shadow'> <div class='card-body'> <span class='icon text-white-100 mr-2'> <i class='fas fa-info-circle'></i> </span> Sign up to get <strong>free</strong> protection for your applications and to get access to all the features. </div> </div> </div> </div> <div id='diff'> <div class='mb-3'> <div class="d2h-file-list-wrapper"> <div class="d2h-file-list-header"> <span class="d2h-file-list-title">Files changed (12)</span> <a class="d2h-file-switch d2h-hide">hide</a> <a class="d2h-file-switch d2h-show">show</a> </div> <ol class="d2h-file-list"> <li class="d2h-file-list-line"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1" viewBox="0 0 14 16" width="14"> <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path> </svg> <a href="/gems/formstrap/0.4.1/0.4.2/page/1#d2h-683205" class="d2h-file-name">checksums.yaml</a> <span class="d2h-file-stats"> <span class="d2h-lines-added">+4</span> <span class="d2h-lines-deleted">-4</span> </span> </span> </li> <li class="d2h-file-list-line"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1" viewBox="0 0 14 16" width="14"> <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path> </svg> <a href="/gems/formstrap/0.4.1/0.4.2/page/1#d2h-438355" class="d2h-file-name">data/app/assets/javascripts/formstrap/controllers/media_controller.js</a> <span class="d2h-file-stats"> <span class="d2h-lines-added">+39</span> <span class="d2h-lines-deleted">-20</span> </span> </span> </li> <li class="d2h-file-list-line"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1" viewBox="0 0 14 16" width="14"> <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path> </svg> <a href="/gems/formstrap/0.4.1/0.4.2/page/1#d2h-091675" class="d2h-file-name">data/app/assets/javascripts/formstrap/controllers/select_controller.js</a> <span class="d2h-file-stats"> <span class="d2h-lines-added">+1</span> <span class="d2h-lines-deleted">-1</span> </span> </span> </li> <li class="d2h-file-list-line"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1" viewBox="0 0 14 16" width="14"> <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path> </svg> <a href="/gems/formstrap/0.4.1/0.4.2/page/1#d2h-803235" class="d2h-file-name">data/app/assets/javascripts/formstrap.js</a> <span class="d2h-file-stats"> <span class="d2h-lines-added">+35</span> <span class="d2h-lines-deleted">-17</span> </span> </span> </li> <li class="d2h-file-list-line"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1" viewBox="0 0 14 16" width="14"> <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path> </svg> <a href="/gems/formstrap/0.4.1/0.4.2/page/1#d2h-536417" class="d2h-file-name">data/app/assets/stylesheets/formstrap/vendor/overrides/redactor.scss</a> <span class="d2h-file-stats"> <span class="d2h-lines-added">+0</span> <span class="d2h-lines-deleted">-1</span> </span> </span> </li> <li class="d2h-file-list-line"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1" viewBox="0 0 14 16" width="14"> <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path> </svg> <a href="/gems/formstrap/0.4.1/0.4.2/page/1#d2h-634670" class="d2h-file-name">data/app/assets/stylesheets/formstrap.css</a> <span class="d2h-file-stats"> <span class="d2h-lines-added">+0</span> <span class="d2h-lines-deleted">-1</span> </span> </span> </li> <li class="d2h-file-list-line"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1" viewBox="0 0 14 16" width="14"> <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path> </svg> <a href="/gems/formstrap/0.4.1/0.4.2/page/1#d2h-238311" class="d2h-file-name">data/app/models/formstrap/media_view.rb</a> <span class="d2h-file-stats"> <span class="d2h-lines-added">+1</span> <span class="d2h-lines-deleted">-2</span> </span> </span> </li> <li class="d2h-file-list-line"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1" viewBox="0 0 14 16" width="14"> <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path> </svg> <a href="/gems/formstrap/0.4.1/0.4.2/page/1#d2h-438109" class="d2h-file-name">data/app/models/formstrap/redactor_view.rb</a> <span class="d2h-file-stats"> <span class="d2h-lines-added">+0</span> <span class="d2h-lines-deleted">-2</span> </span> </span> </li> <li class="d2h-file-list-line"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1" viewBox="0 0 14 16" width="14"> <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path> </svg> <a href="/gems/formstrap/0.4.1/0.4.2/page/1#d2h-144386" class="d2h-file-name">data/app/models/formstrap/wysiwyg_view.rb</a> <span class="d2h-file-stats"> <span class="d2h-lines-added">+5</span> <span class="d2h-lines-deleted">-2</span> </span> </span> </li> <li class="d2h-file-list-line"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1" viewBox="0 0 14 16" width="14"> <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path> </svg> <a href="/gems/formstrap/0.4.1/0.4.2/page/1#d2h-690008" class="d2h-file-name">data/lib/formstrap/version.rb</a> <span class="d2h-file-stats"> <span class="d2h-lines-added">+1</span> <span class="d2h-lines-deleted">-1</span> </span> </span> </li> <li class="d2h-file-list-line"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1" viewBox="0 0 14 16" width="14"> <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path> </svg> <a href="/gems/formstrap/0.4.1/0.4.2/page/1#d2h-978859" class="d2h-file-name">data/package.json</a> <span class="d2h-file-stats"> <span class="d2h-lines-added">+1</span> <span class="d2h-lines-deleted">-1</span> </span> </span> </li> <li class="d2h-file-list-line"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1" viewBox="0 0 14 16" width="14"> <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path> </svg> <a href="/gems/formstrap/0.4.1/0.4.2/page/1#d2h-004177" class="d2h-file-name">metadata</a> <span class="d2h-file-stats"> <span class="d2h-lines-added">+2</span> <span class="d2h-lines-deleted">-2</span> </span> </span> </li> </ol> </div> </div> <div id="d2h-683205" class="d2h-file-wrapper" data-lang="yaml"> <div class="d2h-file-header"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"> <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path> </svg> <span class="d2h-file-name"><a href="#d2h-683205">checksums.yaml</a></span> <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></span> <label class="d2h-file-collapse"> <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed"> Viewed </label> </div> <div class="d2h-file-diff"> <div class="d2h-code-wrapper"> <table class="d2h-diff-table"> <tbody class="d2h-diff-tbody"> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -1,7 +1,7 @@</div> </td> </tr><tr> <td id="d2h-683205-23" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-683205-23"> <div class="line-num1">1</div> <div class="line-num2">1</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">---</span> </div> </td> </tr><tr> <td id="d2h-683205-34" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-683205-34"> <div class="line-num1">2</div> <div class="line-num2">2</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">SHA256:</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">3</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> metadata.gz: <del>47528e297776dc1c0bfaf1d0d15fcbe65a6872631c1275d4cfcd1af722b92bad</del></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">4</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> data.tar.gz: <del>b8002a2e136bc2b14ae89b41a7641d9562cf23a151d6f37c94bb07d7fdcbcc99</del></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">3</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> metadata.gz: <ins>ee49a6e7a9f068d3403b4ebfd46c19cf07b6c293e8893f1e561e8ae20ed0af77</ins></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">4</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> data.tar.gz: <ins>f85517d919e6c9360ac31c7f1aa7b8f2ff3705ea31a2a6a76f0b72ae82f58c30</ins></span> </div> </td> </tr><tr> <td id="d2h-683205-89" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-683205-89"> <div class="line-num1">5</div> <div class="line-num2">5</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">SHA512:</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">6</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> metadata.gz: <del>402ca1e7525e7847453c7026d46828c6c60f73020cd77d927757cdbbecfbb29e3dbfad79cc08b3ffcb1e95be5b66d490fa437f4d52eda80c1180a68f2e7d5b6f</del></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">7</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> data.tar.gz: <del>764ed214b9c39f07a01a7028b0a2b65ef4c3719717db522efd86936231eba94151f008d81274920af8d697ececef6fc60deca7ab3db0bfaa9c82b9ae4c727301</del></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">6</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> metadata.gz: <ins>ab80f8fd25603f0c9ce6f5ea6c92dc025b62f7b932f0b0e7bd7867bd4432845f902a6f5f7ba6492a6455ae9f3eb93fe411497a9dc2cf346538e3a610a05fd253</ins></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">7</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> data.tar.gz: <ins>a5db302d1730c5f0cb801ddf248d24a0c5111ec0f8ae6d7aaa24d5a36c0e50913f1939a71df275c47429016162b59e47024a4be0e186e23b661c3393321cb9e4</ins></span> </div> </td> </tr> </tbody> </table> </div> </div> </div> <div id="d2h-438355" class="d2h-file-wrapper" data-lang="js"> <div class="d2h-file-header"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"> <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path> </svg> <span class="d2h-file-name"><a href="#d2h-438355">data/app/assets/javascripts/formstrap/controllers/media_controller.js</a></span> <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></span> <label class="d2h-file-collapse"> <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed"> Viewed </label> </div> <div class="d2h-file-diff"> <div class="d2h-code-wrapper"> <table class="d2h-diff-table"> <tbody class="d2h-diff-tbody"> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -3,22 +3,20 @@ import { Controller } from '@hotwired/stimulus'</div> </td> </tr><tr> <td id="d2h-438355-171" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-171"> <div class="line-num1">3</div> <div class="line-num2">3</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">import Sortable from 'sortablejs'</span> </div> </td> </tr><tr> <td id="d2h-438355-182" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-182"> <div class="line-num1">4</div> <div class="line-num2">4</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-438355-193" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-193"> <div class="line-num1">5</div> <div class="line-num2">5</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">export default class extends Controller {</span> </div> </td> </tr><tr> <td id="d2h-438355-204" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-204"> <div class="line-num1"></div> <div class="line-num2">6</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> static get values () {</span> </div> </td> </tr><tr> <td id="d2h-438355-215" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-215"> <div class="line-num1"></div> <div class="line-num2">7</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> return {</span> </div> </td> </tr><tr> <td id="d2h-438355-226" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-226"> <div class="line-num1"></div> <div class="line-num2">8</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> name: String</span> </div> </td> </tr><tr> <td id="d2h-438355-237" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-237"> <div class="line-num1"></div> <div class="line-num2">9</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-438355-248" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-248"> <div class="line-num1"></div> <div class="line-num2">10</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-438355-259" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-259"> <div class="line-num1"></div> <div class="line-num2">11</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-438355-270" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-270"> <div class="line-num1">6</div> <div class="line-num2">12</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> static get targets () {</span> </div> </td> </tr><tr> <td id="d2h-438355-281" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-281"> <div class="line-num1">7</div> <div class="line-num2">13</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> return ['item', 'template', 'thumbnails', 'modalButton', 'placeholder', 'count', 'editButton', 'validationInput']</span> </div> </td> </tr><tr> <td id="d2h-438355-292" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-292"> <div class="line-num1">8</div> <div class="line-num2">14</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-438355-303" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-303"> <div class="line-num1">9</div> <div class="line-num2">15</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-438355-314" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-314"> <div class="line-num1">10</div> <div class="line-num2">16</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> connect () {</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">11</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> <del>document</del>.<del>addEventListener</del>(<del>'mediaSelectionSubmitted', (event</del>)<del> => {</del></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">12</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"><del> if (event.detail.name === </del>this.<del>element.dataset.name</del>)<del> {</del></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">13</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"><del> </del>this.<del>selectItems</del>(<del>event.detail.items</del>)</span> </div> </td> </tr><tr> <td id="d2h-438355-358" class="d2h-code-linenumber d2h-del"><a href="#d2h-438355-358"> <div class="line-num1">14</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-438355-369" class="d2h-code-linenumber d2h-del"><a href="#d2h-438355-369"> <div class="line-num1">15</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> })</span> </div> </td> </tr><tr> <td id="d2h-438355-380" class="d2h-code-linenumber d2h-del"><a href="#d2h-438355-380"> <div class="line-num1">16</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-438355-391" class="d2h-code-linenumber d2h-del"><a href="#d2h-438355-391"> <div class="line-num1">17</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> // Init sorting</span> </div> </td> </tr><tr> <td id="d2h-438355-402" class="d2h-code-linenumber d2h-del"><a href="#d2h-438355-402"> <div class="line-num1">18</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> if (this.hasSorting()) {</span> </div> </td> </tr><tr> <td id="d2h-438355-413" class="d2h-code-linenumber d2h-del"><a href="#d2h-438355-413"> <div class="line-num1">19</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> this.initSortable()</span> </div> </td> </tr><tr> <td id="d2h-438355-424" class="d2h-code-linenumber d2h-del"><a href="#d2h-438355-424"> <div class="line-num1">20</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-438355-435" class="d2h-code-linenumber d2h-del"><a href="#d2h-438355-435"> <div class="line-num1">21</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">17</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> <ins>this</ins>.<ins>randomizeName</ins>()</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">18</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><ins> </ins>this.<ins>listenForMediaSelection(</ins>)</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">19</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><ins> </ins>this.<ins>initializeSorting</ins>()</span> </div> </td> </tr><tr> <td id="d2h-438355-479" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-479"> <div class="line-num1">22</div> <div class="line-num2">20</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> this.validate()</span> </div> </td> </tr><tr> <td id="d2h-438355-490" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-490"> <div class="line-num1">23</div> <div class="line-num2">21</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-438355-501" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-501"> <div class="line-num1">24</div> <div class="line-num2">22</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -48,6 +46,34 @@ export default class extends Controller {</div> </td> </tr><tr> <td id="d2h-438355-518" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-518"> <div class="line-num1">48</div> <div class="line-num2">46</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-438355-529" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-529"> <div class="line-num1">49</div> <div class="line-num2">47</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-438355-540" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-540"> <div class="line-num1">50</div> <div class="line-num2">48</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> // Methods</span> </div> </td> </tr><tr> <td id="d2h-438355-551" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-551"> <div class="line-num1"></div> <div class="line-num2">49</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> randomizeName () {</span> </div> </td> </tr><tr> <td id="d2h-438355-562" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-562"> <div class="line-num1"></div> <div class="line-num2">50</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> this.nameValue = crypto.randomUUID().substring(0, 8)</span> </div> </td> </tr><tr> <td id="d2h-438355-573" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-573"> <div class="line-num1"></div> <div class="line-num2">51</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> this.updateModalButtonUrls()</span> </div> </td> </tr><tr> <td id="d2h-438355-584" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-584"> <div class="line-num1"></div> <div class="line-num2">52</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-438355-595" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-595"> <div class="line-num1"></div> <div class="line-num2">53</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-438355-606" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-606"> <div class="line-num1"></div> <div class="line-num2">54</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> updateModalButtonUrls () {</span> </div> </td> </tr><tr> <td id="d2h-438355-617" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-617"> <div class="line-num1"></div> <div class="line-num2">55</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> this.modalButtonTargets.forEach((button) => {</span> </div> </td> </tr><tr> <td id="d2h-438355-628" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-628"> <div class="line-num1"></div> <div class="line-num2">56</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> const url = new URL(button.getAttribute('href'))</span> </div> </td> </tr><tr> <td id="d2h-438355-639" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-639"> <div class="line-num1"></div> <div class="line-num2">57</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> url.searchParams.set('name', this.nameValue)</span> </div> </td> </tr><tr> <td id="d2h-438355-650" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-650"> <div class="line-num1"></div> <div class="line-num2">58</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> button.setAttribute('href', url.toString())</span> </div> </td> </tr><tr> <td id="d2h-438355-661" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-661"> <div class="line-num1"></div> <div class="line-num2">59</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> })</span> </div> </td> </tr><tr> <td id="d2h-438355-672" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-672"> <div class="line-num1"></div> <div class="line-num2">60</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-438355-683" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-683"> <div class="line-num1"></div> <div class="line-num2">61</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-438355-694" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-694"> <div class="line-num1"></div> <div class="line-num2">62</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> listenForMediaSelection () {</span> </div> </td> </tr><tr> <td id="d2h-438355-705" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-705"> <div class="line-num1"></div> <div class="line-num2">63</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> document.addEventListener('mediaSelectionSubmitted', (event) => {</span> </div> </td> </tr><tr> <td id="d2h-438355-716" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-716"> <div class="line-num1"></div> <div class="line-num2">64</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> if (event.detail.name === this.nameValue) {</span> </div> </td> </tr><tr> <td id="d2h-438355-727" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-727"> <div class="line-num1"></div> <div class="line-num2">65</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> this.selectItems(event.detail.items)</span> </div> </td> </tr><tr> <td id="d2h-438355-738" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-738"> <div class="line-num1"></div> <div class="line-num2">66</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> this.updateModalButtonUrls()</span> </div> </td> </tr><tr> <td id="d2h-438355-749" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-749"> <div class="line-num1"></div> <div class="line-num2">67</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-438355-760" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-760"> <div class="line-num1"></div> <div class="line-num2">68</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> })</span> </div> </td> </tr><tr> <td id="d2h-438355-771" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-771"> <div class="line-num1"></div> <div class="line-num2">69</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-438355-782" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-782"> <div class="line-num1"></div> <div class="line-num2">70</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-438355-793" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-793"> <div class="line-num1"></div> <div class="line-num2">71</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> initializeSorting () {</span> </div> </td> </tr><tr> <td id="d2h-438355-804" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-804"> <div class="line-num1"></div> <div class="line-num2">72</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> if (this.hasSorting()) {</span> </div> </td> </tr><tr> <td id="d2h-438355-815" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-815"> <div class="line-num1"></div> <div class="line-num2">73</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> this.initSortable()</span> </div> </td> </tr><tr> <td id="d2h-438355-826" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-826"> <div class="line-num1"></div> <div class="line-num2">74</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-438355-837" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-837"> <div class="line-num1"></div> <div class="line-num2">75</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-438355-848" class="d2h-code-linenumber d2h-ins"><a href="#d2h-438355-848"> <div class="line-num1"></div> <div class="line-num2">76</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-438355-859" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-859"> <div class="line-num1">51</div> <div class="line-num2">77</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> initSortable () {</span> </div> </td> </tr><tr> <td id="d2h-438355-870" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-870"> <div class="line-num1">52</div> <div class="line-num2">78</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> Sortable.create(this.thumbnailsTarget, {</span> </div> </td> </tr><tr> <td id="d2h-438355-881" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-881"> <div class="line-num1">53</div> <div class="line-num2">79</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> handle: '.media-drag-sort-handle',</span> </div> </td> </tr> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -171,9 +197,8 @@ export default class extends Controller {</div> </td> </tr><tr> <td id="d2h-438355-898" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-898"> <div class="line-num1">171</div> <div class="line-num2">197</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-438355-909" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-909"> <div class="line-num1">172</div> <div class="line-num2">198</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> createItem (item) {</span> </div> </td> </tr><tr> <td id="d2h-438355-920" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-920"> <div class="line-num1">173</div> <div class="line-num2">199</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> // Copy template</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">174</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> const <del>template</del> = this.templateTarget</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">175</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> <del>const html = </del>this.<del>randomizeIds</del>(<del>template</del>)</span> </div> </td> </tr><tr> <td id="d2h-438355-953" class="d2h-code-linenumber d2h-del"><a href="#d2h-438355-953"> <div class="line-num1">176</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> this.thumbnailsTarget.insertAdjacentHTML('beforeend', html)</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">200</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> const <ins>templateHtml</ins> = this.templateTarget<ins>.innerHTML</ins></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">201</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> this.<ins>thumbnailsTarget.insertAdjacentHTML</ins>(<ins>'beforeend', templateHtml</ins>)</span> </div> </td> </tr><tr> <td id="d2h-438355-986" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-986"> <div class="line-num1">177</div> <div class="line-num2">202</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-438355-997" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-997"> <div class="line-num1">178</div> <div class="line-num2">203</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> // Set new values</span> </div> </td> </tr><tr> <td id="d2h-438355-1008" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-1008"> <div class="line-num1">179</div> <div class="line-num2">204</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> const newItem = this.itemTargets.pop()</span> </div> </td> </tr> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -192,12 +217,6 @@ export default class extends Controller {</div> </td> </tr><tr> <td id="d2h-438355-1025" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-1025"> <div class="line-num1">192</div> <div class="line-num2">217</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> oldThumbnail.parentNode.replaceChild(newThumbnail, oldThumbnail)</span> </div> </td> </tr><tr> <td id="d2h-438355-1036" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-1036"> <div class="line-num1">193</div> <div class="line-num2">218</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-438355-1047" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-1047"> <div class="line-num1">194</div> <div class="line-num2">219</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-438355-1058" class="d2h-code-linenumber d2h-del"><a href="#d2h-438355-1058"> <div class="line-num1">195</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> randomizeIds (template) {</span> </div> </td> </tr><tr> <td id="d2h-438355-1069" class="d2h-code-linenumber d2h-del"><a href="#d2h-438355-1069"> <div class="line-num1">196</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> const regex = new RegExp(template.dataset.templateIdRegex, 'g')</span> </div> </td> </tr><tr> <td id="d2h-438355-1080" class="d2h-code-linenumber d2h-del"><a href="#d2h-438355-1080"> <div class="line-num1">197</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> const randomNumber = crypto.randomUUID().substring(0, 8)</span> </div> </td> </tr><tr> <td id="d2h-438355-1091" class="d2h-code-linenumber d2h-del"><a href="#d2h-438355-1091"> <div class="line-num1">198</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> return template.innerHTML.replace(regex, randomNumber)</span> </div> </td> </tr><tr> <td id="d2h-438355-1102" class="d2h-code-linenumber d2h-del"><a href="#d2h-438355-1102"> <div class="line-num1">199</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-438355-1113" class="d2h-code-linenumber d2h-del"><a href="#d2h-438355-1113"> <div class="line-num1">200</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-438355-1124" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-1124"> <div class="line-num1">201</div> <div class="line-num2">220</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> removeAllDeselectedItems (items) {</span> </div> </td> </tr><tr> <td id="d2h-438355-1135" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-1135"> <div class="line-num1">202</div> <div class="line-num2">221</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> this.removeDeselectedItems(items, this.itemTargets)</span> </div> </td> </tr><tr> <td id="d2h-438355-1146" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438355-1146"> <div class="line-num1">203</div> <div class="line-num2">222</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr> </tbody> </table> </div> </div> </div> <div id="d2h-091675" class="d2h-file-wrapper" data-lang="js"> <div class="d2h-file-header"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"> <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path> </svg> <span class="d2h-file-name"><a href="#d2h-091675">data/app/assets/javascripts/formstrap/controllers/select_controller.js</a></span> <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></span> <label class="d2h-file-collapse"> <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed"> Viewed </label> </div> <div class="d2h-file-diff"> <div class="d2h-code-wrapper"> <table class="d2h-diff-table"> <tbody class="d2h-diff-tbody"> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -4,7 +4,7 @@ import I18n from '../config/i18n'</div> </td> </tr><tr> <td id="d2h-091675-1184" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-091675-1184"> <div class="line-num1">4</div> <div class="line-num2">4</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-091675-1195" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-091675-1195"> <div class="line-num1">5</div> <div class="line-num2">5</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">export default class extends Controller {</span> </div> </td> </tr><tr> <td id="d2h-091675-1206" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-091675-1206"> <div class="line-num1">6</div> <div class="line-num2">6</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> connect () {</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">7</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> if (this.element.hasAttribute('multiple')) {</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">7</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> if (this.element.hasAttribute('multiple')<ins> || this.element.dataset.tomSelect === 'true'</ins>) {</span> </div> </td> </tr><tr> <td id="d2h-091675-1239" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-091675-1239"> <div class="line-num1">8</div> <div class="line-num2">8</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> this.initTomSelect()</span> </div> </td> </tr><tr> <td id="d2h-091675-1250" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-091675-1250"> <div class="line-num1">9</div> <div class="line-num2">9</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-091675-1261" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-091675-1261"> <div class="line-num1">10</div> <div class="line-num2">10</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr> </tbody> </table> </div> </div> </div> <div id="d2h-803235" class="d2h-file-wrapper" data-lang="js"> <div class="d2h-file-header"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"> <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path> </svg> <span class="d2h-file-name"><a href="#d2h-803235">data/app/assets/javascripts/formstrap.js</a></span> <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></span> <label class="d2h-file-collapse"> <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed"> Viewed </label> </div> <div class="d2h-file-diff"> <div class="d2h-code-wrapper"> <table class="d2h-diff-table"> <tbody class="d2h-diff-tbody"> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -11076,18 +11076,18 @@ var sortable_esm_default = Sortable;</div> </td> </tr><tr> <td id="d2h-803235-1299" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1299"> <div class="line-num1">11076</div> <div class="line-num2">11076</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-803235-1310" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1310"> <div class="line-num1">11077</div> <div class="line-num2">11077</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">// app/assets/javascripts/formstrap/controllers/media_controller.js</span> </div> </td> </tr><tr> <td id="d2h-803235-1321" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1321"> <div class="line-num1">11078</div> <div class="line-num2">11078</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">var media_controller_default = class extends Controller {</span> </div> </td> </tr><tr> <td id="d2h-803235-1332" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1332"> <div class="line-num1"></div> <div class="line-num2">11079</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> static get values() {</span> </div> </td> </tr><tr> <td id="d2h-803235-1343" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1343"> <div class="line-num1"></div> <div class="line-num2">11080</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> return {</span> </div> </td> </tr><tr> <td id="d2h-803235-1354" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1354"> <div class="line-num1"></div> <div class="line-num2">11081</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> name: String</span> </div> </td> </tr><tr> <td id="d2h-803235-1365" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1365"> <div class="line-num1"></div> <div class="line-num2">11082</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> };</span> </div> </td> </tr><tr> <td id="d2h-803235-1376" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1376"> <div class="line-num1"></div> <div class="line-num2">11083</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-803235-1387" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1387"> <div class="line-num1">11079</div> <div class="line-num2">11084</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> static get targets() {</span> </div> </td> </tr><tr> <td id="d2h-803235-1398" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1398"> <div class="line-num1">11080</div> <div class="line-num2">11085</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> return ["item", "template", "thumbnails", "modalButton", "placeholder", "count", "editButton", "validationInput"];</span> </div> </td> </tr><tr> <td id="d2h-803235-1409" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1409"> <div class="line-num1">11081</div> <div class="line-num2">11086</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-803235-1420" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1420"> <div class="line-num1">11082</div> <div class="line-num2">11087</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> connect() {</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">11083</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> <del>document</del>.<del>addEventListener</del>(<del>"mediaSelectionSubmitted", (event</del>)<del> => {</del></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">11084</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"><del> if (event.detail.name === </del>this.<del>element.dataset.name</del>)<del> {</del></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">11085</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"><del> </del>this.<del>selectItems</del>(<del>event.detail.items</del>);</span> </div> </td> </tr><tr> <td id="d2h-803235-1464" class="d2h-code-linenumber d2h-del"><a href="#d2h-803235-1464"> <div class="line-num1">11086</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-803235-1475" class="d2h-code-linenumber d2h-del"><a href="#d2h-803235-1475"> <div class="line-num1">11087</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> });</span> </div> </td> </tr><tr> <td id="d2h-803235-1486" class="d2h-code-linenumber d2h-del"><a href="#d2h-803235-1486"> <div class="line-num1">11088</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> if (this.hasSorting()) {</span> </div> </td> </tr><tr> <td id="d2h-803235-1497" class="d2h-code-linenumber d2h-del"><a href="#d2h-803235-1497"> <div class="line-num1">11089</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> this.initSortable();</span> </div> </td> </tr><tr> <td id="d2h-803235-1508" class="d2h-code-linenumber d2h-del"><a href="#d2h-803235-1508"> <div class="line-num1">11090</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">11088</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> <ins>this</ins>.<ins>randomizeName</ins>()<ins>;</ins></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">11089</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><ins> </ins>this.<ins>listenForMediaSelection(</ins>)<ins>;</ins></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">11090</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><ins> </ins>this.<ins>initializeSorting</ins>();</span> </div> </td> </tr><tr> <td id="d2h-803235-1552" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1552"> <div class="line-num1">11091</div> <div class="line-num2">11091</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> this.validate();</span> </div> </td> </tr><tr> <td id="d2h-803235-1563" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1563"> <div class="line-num1">11092</div> <div class="line-num2">11092</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-803235-1574" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1574"> <div class="line-num1">11093</div> <div class="line-num2">11093</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> destroy(event) {</span> </div> </td> </tr> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -11106,6 +11106,30 @@ var media_controller_default = class extends Controller {</div> </td> </tr><tr> <td id="d2h-803235-1591" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1591"> <div class="line-num1">11106</div> <div class="line-num2">11106</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> button.setAttribute("href", url.toString());</span> </div> </td> </tr><tr> <td id="d2h-803235-1602" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1602"> <div class="line-num1">11107</div> <div class="line-num2">11107</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> });</span> </div> </td> </tr><tr> <td id="d2h-803235-1613" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1613"> <div class="line-num1">11108</div> <div class="line-num2">11108</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-803235-1624" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1624"> <div class="line-num1"></div> <div class="line-num2">11109</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> randomizeName() {</span> </div> </td> </tr><tr> <td id="d2h-803235-1635" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1635"> <div class="line-num1"></div> <div class="line-num2">11110</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> this.nameValue = crypto.randomUUID().substring(0, 8);</span> </div> </td> </tr><tr> <td id="d2h-803235-1646" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1646"> <div class="line-num1"></div> <div class="line-num2">11111</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> this.updateModalButtonUrls();</span> </div> </td> </tr><tr> <td id="d2h-803235-1657" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1657"> <div class="line-num1"></div> <div class="line-num2">11112</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-803235-1668" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1668"> <div class="line-num1"></div> <div class="line-num2">11113</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> updateModalButtonUrls() {</span> </div> </td> </tr><tr> <td id="d2h-803235-1679" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1679"> <div class="line-num1"></div> <div class="line-num2">11114</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> this.modalButtonTargets.forEach((button) => {</span> </div> </td> </tr><tr> <td id="d2h-803235-1690" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1690"> <div class="line-num1"></div> <div class="line-num2">11115</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> const url = new URL(button.getAttribute("href"));</span> </div> </td> </tr><tr> <td id="d2h-803235-1701" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1701"> <div class="line-num1"></div> <div class="line-num2">11116</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> url.searchParams.set("name", this.nameValue);</span> </div> </td> </tr><tr> <td id="d2h-803235-1712" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1712"> <div class="line-num1"></div> <div class="line-num2">11117</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> button.setAttribute("href", url.toString());</span> </div> </td> </tr><tr> <td id="d2h-803235-1723" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1723"> <div class="line-num1"></div> <div class="line-num2">11118</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> });</span> </div> </td> </tr><tr> <td id="d2h-803235-1734" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1734"> <div class="line-num1"></div> <div class="line-num2">11119</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-803235-1745" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1745"> <div class="line-num1"></div> <div class="line-num2">11120</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> listenForMediaSelection() {</span> </div> </td> </tr><tr> <td id="d2h-803235-1756" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1756"> <div class="line-num1"></div> <div class="line-num2">11121</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> document.addEventListener("mediaSelectionSubmitted", (event) => {</span> </div> </td> </tr><tr> <td id="d2h-803235-1767" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1767"> <div class="line-num1"></div> <div class="line-num2">11122</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> if (event.detail.name === this.nameValue) {</span> </div> </td> </tr><tr> <td id="d2h-803235-1778" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1778"> <div class="line-num1"></div> <div class="line-num2">11123</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> this.selectItems(event.detail.items);</span> </div> </td> </tr><tr> <td id="d2h-803235-1789" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1789"> <div class="line-num1"></div> <div class="line-num2">11124</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> this.updateModalButtonUrls();</span> </div> </td> </tr><tr> <td id="d2h-803235-1800" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1800"> <div class="line-num1"></div> <div class="line-num2">11125</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-803235-1811" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1811"> <div class="line-num1"></div> <div class="line-num2">11126</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> });</span> </div> </td> </tr><tr> <td id="d2h-803235-1822" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1822"> <div class="line-num1"></div> <div class="line-num2">11127</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-803235-1833" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1833"> <div class="line-num1"></div> <div class="line-num2">11128</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> initializeSorting() {</span> </div> </td> </tr><tr> <td id="d2h-803235-1844" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1844"> <div class="line-num1"></div> <div class="line-num2">11129</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> if (this.hasSorting()) {</span> </div> </td> </tr><tr> <td id="d2h-803235-1855" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1855"> <div class="line-num1"></div> <div class="line-num2">11130</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> this.initSortable();</span> </div> </td> </tr><tr> <td id="d2h-803235-1866" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1866"> <div class="line-num1"></div> <div class="line-num2">11131</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-803235-1877" class="d2h-code-linenumber d2h-ins"><a href="#d2h-803235-1877"> <div class="line-num1"></div> <div class="line-num2">11132</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-803235-1888" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1888"> <div class="line-num1">11109</div> <div class="line-num2">11133</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> initSortable() {</span> </div> </td> </tr><tr> <td id="d2h-803235-1899" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1899"> <div class="line-num1">11110</div> <div class="line-num2">11134</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> sortable_esm_default.create(this.thumbnailsTarget, {</span> </div> </td> </tr><tr> <td id="d2h-803235-1910" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1910"> <div class="line-num1">11111</div> <div class="line-num2">11135</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> handle: ".media-drag-sort-handle",</span> </div> </td> </tr> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -11197,9 +11221,8 @@ var media_controller_default = class extends Controller {</div> </td> </tr><tr> <td id="d2h-803235-1927" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1927"> <div class="line-num1">11197</div> <div class="line-num2">11221</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> item.classList.remove("d-none");</span> </div> </td> </tr><tr> <td id="d2h-803235-1938" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1938"> <div class="line-num1">11198</div> <div class="line-num2">11222</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-803235-1949" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-1949"> <div class="line-num1">11199</div> <div class="line-num2">11223</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> createItem(item) {</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">11200</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> const <del>template</del> = this.templateTarget;</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">11201</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> <del>const html = </del>this.<del>randomizeIds</del>(<del>template</del>);</span> </div> </td> </tr><tr> <td id="d2h-803235-1982" class="d2h-code-linenumber d2h-del"><a href="#d2h-803235-1982"> <div class="line-num1">11202</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> this.thumbnailsTarget.insertAdjacentHTML("beforeend", html);</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">11224</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> const <ins>templateHtml</ins> = this.templateTarget<ins>.innerHTML</ins>;</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">11225</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> this.<ins>thumbnailsTarget.insertAdjacentHTML</ins>(<ins>"beforeend", templateHtml</ins>);</span> </div> </td> </tr><tr> <td id="d2h-803235-2015" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-2015"> <div class="line-num1">11203</div> <div class="line-num2">11226</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> const newItem = this.itemTargets.pop();</span> </div> </td> </tr><tr> <td id="d2h-803235-2026" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-2026"> <div class="line-num1">11204</div> <div class="line-num2">11227</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> newItem.querySelector('input[name*="[blob_id]"]').value = item.blobId;</span> </div> </td> </tr><tr> <td id="d2h-803235-2037" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-2037"> <div class="line-num1">11205</div> <div class="line-num2">11228</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> newItem.querySelector('input[name*="[_destroy]"]').value = false;</span> </div> </td> </tr> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -11211,11 +11234,6 @@ var media_controller_default = class extends Controller {</div> </td> </tr><tr> <td id="d2h-803235-2054" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-2054"> <div class="line-num1">11211</div> <div class="line-num2">11234</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> const newThumbnail = item.thumbnail.cloneNode(true);</span> </div> </td> </tr><tr> <td id="d2h-803235-2065" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-2065"> <div class="line-num1">11212</div> <div class="line-num2">11235</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> oldThumbnail.parentNode.replaceChild(newThumbnail, oldThumbnail);</span> </div> </td> </tr><tr> <td id="d2h-803235-2076" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-2076"> <div class="line-num1">11213</div> <div class="line-num2">11236</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-803235-2087" class="d2h-code-linenumber d2h-del"><a href="#d2h-803235-2087"> <div class="line-num1">11214</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> randomizeIds(template) {</span> </div> </td> </tr><tr> <td id="d2h-803235-2098" class="d2h-code-linenumber d2h-del"><a href="#d2h-803235-2098"> <div class="line-num1">11215</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> const regex = new RegExp(template.dataset.templateIdRegex, "g");</span> </div> </td> </tr><tr> <td id="d2h-803235-2109" class="d2h-code-linenumber d2h-del"><a href="#d2h-803235-2109"> <div class="line-num1">11216</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> const randomNumber = crypto.randomUUID().substring(0, 8);</span> </div> </td> </tr><tr> <td id="d2h-803235-2120" class="d2h-code-linenumber d2h-del"><a href="#d2h-803235-2120"> <div class="line-num1">11217</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> return template.innerHTML.replace(regex, randomNumber);</span> </div> </td> </tr><tr> <td id="d2h-803235-2131" class="d2h-code-linenumber d2h-del"><a href="#d2h-803235-2131"> <div class="line-num1">11218</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-803235-2142" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-2142"> <div class="line-num1">11219</div> <div class="line-num2">11237</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> removeAllDeselectedItems(items) {</span> </div> </td> </tr><tr> <td id="d2h-803235-2153" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-2153"> <div class="line-num1">11220</div> <div class="line-num2">11238</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> this.removeDeselectedItems(items, this.itemTargets);</span> </div> </td> </tr><tr> <td id="d2h-803235-2164" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-2164"> <div class="line-num1">11221</div> <div class="line-num2">11239</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -13374,7 +13392,7 @@ var repeater_controller_default = class extends Controller {</div> </td> </tr><tr> <td id="d2h-803235-2181" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-2181"> <div class="line-num1">13374</div> <div class="line-num2">13392</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">var import_tom_select = __toESM(require_tom_select_complete());</span> </div> </td> </tr><tr> <td id="d2h-803235-2192" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-2192"> <div class="line-num1">13375</div> <div class="line-num2">13393</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">var select_controller_default = class extends Controller {</span> </div> </td> </tr><tr> <td id="d2h-803235-2203" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-2203"> <div class="line-num1">13376</div> <div class="line-num2">13394</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> connect() {</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">13377</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> if (this.element.hasAttribute("multiple")) {</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">13395</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> if (this.element.hasAttribute("multiple")<ins> || this.element.dataset.tomSelect === "true"</ins>) {</span> </div> </td> </tr><tr> <td id="d2h-803235-2236" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-2236"> <div class="line-num1">13378</div> <div class="line-num2">13396</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> this.initTomSelect();</span> </div> </td> </tr><tr> <td id="d2h-803235-2247" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-2247"> <div class="line-num1">13379</div> <div class="line-num2">13397</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-803235-2258" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-803235-2258"> <div class="line-num1">13380</div> <div class="line-num2">13398</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr> </tbody> </table> </div> </div> </div> <div id="d2h-536417" class="d2h-file-wrapper" data-lang="scss"> <div class="d2h-file-header"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"> <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path> </svg> <span class="d2h-file-name"><a href="#d2h-536417">data/app/assets/stylesheets/formstrap/vendor/overrides/redactor.scss</a></span> <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></span> <label class="d2h-file-collapse"> <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed"> Viewed </label> </div> <div class="d2h-file-diff"> <div class="d2h-code-wrapper"> <table class="d2h-diff-table"> <tbody class="d2h-diff-tbody"> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -15,7 +15,6 @@</div> </td> </tr><tr> <td id="d2h-536417-2296" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-536417-2296"> <div class="line-num1">15</div> <div class="line-num2">15</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">}</span> </div> </td> </tr><tr> <td id="d2h-536417-2307" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-536417-2307"> <div class="line-num1">16</div> <div class="line-num2">16</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-536417-2318" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-536417-2318"> <div class="line-num1">17</div> <div class="line-num2">17</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">.rx-container {</span> </div> </td> </tr><tr> <td id="d2h-536417-2329" class="d2h-code-linenumber d2h-del"><a href="#d2h-536417-2329"> <div class="line-num1">18</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> overflow: hidden;</span> </div> </td> </tr><tr> <td id="d2h-536417-2340" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-536417-2340"> <div class="line-num1">19</div> <div class="line-num2">18</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> padding: 0 !important;</span> </div> </td> </tr><tr> <td id="d2h-536417-2351" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-536417-2351"> <div class="line-num1">20</div> <div class="line-num2">19</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> border: var(--bs-border-width) solid var(--bs-border-color);</span> </div> </td> </tr><tr> <td id="d2h-536417-2362" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-536417-2362"> <div class="line-num1">21</div> <div class="line-num2">20</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> border-radius: var(--bs-border-radius);</span> </div> </td> </tr> </tbody> </table> </div> </div> </div> <div id="d2h-634670" class="d2h-file-wrapper" data-lang="css"> <div class="d2h-file-header"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"> <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path> </svg> <span class="d2h-file-name"><a href="#d2h-634670">data/app/assets/stylesheets/formstrap.css</a></span> <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></span> <label class="d2h-file-collapse"> <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed"> Viewed </label> </div> <div class="d2h-file-diff"> <div class="d2h-code-wrapper"> <table class="d2h-diff-table"> <tbody class="d2h-diff-tbody"> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -1299,7 +1299,6 @@ span.flatpickr-weekday {</div> </td> </tr><tr> <td id="d2h-634670-2400" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-634670-2400"> <div class="line-num1">1299</div> <div class="line-num2">1299</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> --bs-input-focus-color: var(--bs-body-color);</span> </div> </td> </tr><tr> <td id="d2h-634670-2411" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-634670-2411"> <div class="line-num1">1300</div> <div class="line-num2">1300</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">}</span> </div> </td> </tr><tr> <td id="d2h-634670-2422" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-634670-2422"> <div class="line-num1">1301</div> <div class="line-num2">1301</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">.rx-container {</span> </div> </td> </tr><tr> <td id="d2h-634670-2433" class="d2h-code-linenumber d2h-del"><a href="#d2h-634670-2433"> <div class="line-num1">1302</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> overflow: hidden;</span> </div> </td> </tr><tr> <td id="d2h-634670-2444" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-634670-2444"> <div class="line-num1">1303</div> <div class="line-num2">1302</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> padding: 0 !important;</span> </div> </td> </tr><tr> <td id="d2h-634670-2455" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-634670-2455"> <div class="line-num1">1304</div> <div class="line-num2">1303</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> border: var(--bs-border-width) solid var(--bs-border-color);</span> </div> </td> </tr><tr> <td id="d2h-634670-2466" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-634670-2466"> <div class="line-num1">1305</div> <div class="line-num2">1304</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> border-radius: var(--bs-border-radius);</span> </div> </td> </tr> </tbody> </table> </div> </div> </div> <div id="d2h-238311" class="d2h-file-wrapper" data-lang="rb"> <div class="d2h-file-header"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"> <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path> </svg> <span class="d2h-file-name"><a href="#d2h-238311">data/app/models/formstrap/media_view.rb</a></span> <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></span> <label class="d2h-file-collapse"> <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed"> Viewed </label> </div> <div class="d2h-file-diff"> <div class="d2h-code-wrapper"> <table class="d2h-diff-table"> <tbody class="d2h-diff-tbody"> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -18,7 +18,6 @@ module Formstrap</div> </td> </tr><tr> <td id="d2h-238311-2504" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-238311-2504"> <div class="line-num1">18</div> <div class="line-num2">18</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> class: ["mb-3", ("form-floating" if float)],</span> </div> </td> </tr><tr> <td id="d2h-238311-2515" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-238311-2515"> <div class="line-num1">19</div> <div class="line-num2">19</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> data: {</span> </div> </td> </tr><tr> <td id="d2h-238311-2526" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-238311-2526"> <div class="line-num1">20</div> <div class="line-num2">20</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> controller: "media",</span> </div> </td> </tr><tr> <td id="d2h-238311-2537" class="d2h-code-linenumber d2h-del"><a href="#d2h-238311-2537"> <div class="line-num1">21</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> name: name,</span> </div> </td> </tr><tr> <td id="d2h-238311-2548" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-238311-2548"> <div class="line-num1">22</div> <div class="line-num2">21</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> sort: sort,</span> </div> </td> </tr><tr> <td id="d2h-238311-2559" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-238311-2559"> <div class="line-num1">23</div> <div class="line-num2">22</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> accept: accept,</span> </div> </td> </tr><tr> <td id="d2h-238311-2570" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-238311-2570"> <div class="line-num1">24</div> <div class="line-num2">23</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> required: required.nil? ? 0 : required</span> </div> </td> </tr> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -122,7 +121,7 @@ module Formstrap</div> </td> </tr><tr> <td id="d2h-238311-2587" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-238311-2587"> <div class="line-num1">122</div> <div class="line-num2">121</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> end</span> </div> </td> </tr><tr> <td id="d2h-238311-2598" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-238311-2598"> <div class="line-num1">123</div> <div class="line-num2">122</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-238311-2609" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-238311-2609"> <div class="line-num1">124</div> <div class="line-num2">123</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> def modal_url</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">125</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> <del>formstrap_media_path</del>(</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">124</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> <ins>formstrap_media_url</ins>(</span> </div> </td> </tr><tr> <td id="d2h-238311-2642" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-238311-2642"> <div class="line-num1">126</div> <div class="line-num2">125</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> name: name,</span> </div> </td> </tr><tr> <td id="d2h-238311-2653" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-238311-2653"> <div class="line-num1">127</div> <div class="line-num2">126</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> ids: blob_ids,</span> </div> </td> </tr><tr> <td id="d2h-238311-2664" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-238311-2664"> <div class="line-num1">128</div> <div class="line-num2">127</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> min: min,</span> </div> </td> </tr> </tbody> </table> </div> </div> </div> <div id="d2h-438109" class="d2h-file-wrapper" data-lang="rb"> <div class="d2h-file-header"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"> <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path> </svg> <span class="d2h-file-name"><a href="#d2h-438109">data/app/models/formstrap/redactor_view.rb</a></span> <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></span> <label class="d2h-file-collapse"> <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed"> Viewed </label> </div> <div class="d2h-file-diff"> <div class="d2h-code-wrapper"> <table class="d2h-diff-table"> <tbody class="d2h-diff-tbody"> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -28,8 +28,6 @@ module Formstrap</div> </td> </tr><tr> <td id="d2h-438109-2702" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438109-2702"> <div class="line-num1">28</div> <div class="line-num2">28</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> theme: "light",</span> </div> </td> </tr><tr> <td id="d2h-438109-2713" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438109-2713"> <div class="line-num1">29</div> <div class="line-num2">29</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> # Popup when highlighting text</span> </div> </td> </tr><tr> <td id="d2h-438109-2724" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438109-2724"> <div class="line-num1">30</div> <div class="line-num2">30</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> context: false,</span> </div> </td> </tr><tr> <td id="d2h-438109-2735" class="d2h-code-linenumber d2h-del"><a href="#d2h-438109-2735"> <div class="line-num1">31</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> # Top toolbar</span> </div> </td> </tr><tr> <td id="d2h-438109-2746" class="d2h-code-linenumber d2h-del"><a href="#d2h-438109-2746"> <div class="line-num1">32</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> toolbar: true,</span> </div> </td> </tr><tr> <td id="d2h-438109-2757" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438109-2757"> <div class="line-num1">33</div> <div class="line-num2">31</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> popups: {</span> </div> </td> </tr><tr> <td id="d2h-438109-2768" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438109-2768"> <div class="line-num1">34</div> <div class="line-num2">32</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> # Options in addbar popup (press + button)</span> </div> </td> </tr><tr> <td id="d2h-438109-2779" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-438109-2779"> <div class="line-num1">35</div> <div class="line-num2">33</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> addbar: %w[format bold italic deleted list table link embed],</span> </div> </td> </tr> </tbody> </table> </div> </div> </div> <div id="d2h-144386" class="d2h-file-wrapper" data-lang="rb"> <div class="d2h-file-header"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"> <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path> </svg> <span class="d2h-file-name"><a href="#d2h-144386">data/app/models/formstrap/wysiwyg_view.rb</a></span> <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></span> <label class="d2h-file-collapse"> <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed"> Viewed </label> </div> <div class="d2h-file-diff"> <div class="d2h-code-wrapper"> <table class="d2h-diff-table"> <tbody class="d2h-diff-tbody"> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -11,13 +11,16 @@ module Formstrap</div> </td> </tr><tr> <td id="d2h-144386-2817" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-144386-2817"> <div class="line-num1">11</div> <div class="line-num2">11</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> end</span> </div> </td> </tr><tr> <td id="d2h-144386-2828" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-144386-2828"> <div class="line-num1">12</div> <div class="line-num2">12</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-144386-2839" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-144386-2839"> <div class="line-num1">13</div> <div class="line-num2">13</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> def default_options</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">14</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> {</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">14</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> <ins>options = </ins>{</span> </div> </td> </tr><tr> <td id="d2h-144386-2872" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-144386-2872"> <div class="line-num1">15</div> <div class="line-num2">15</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> redactor: {</span> </div> </td> </tr><tr> <td id="d2h-144386-2883" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-144386-2883"> <div class="line-num1">16</div> <div class="line-num2">16</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> context: !toolbar,</span> </div> </td> </tr><tr> <td id="d2h-144386-2894" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-144386-2894"> <div class="line-num1">17</div> <div class="line-num2">17</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> extrabar: toolbar,</span> </div> </td> </tr><tr> <td id="d2h-144386-2905" class="d2h-code-linenumber d2h-del"><a href="#d2h-144386-2905"> <div class="line-num1">18</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> toolbar: toolbar</span> </div> </td> </tr><tr> <td id="d2h-144386-2916" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-144386-2916"> <div class="line-num1">19</div> <div class="line-num2">18</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-144386-2927" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-144386-2927"> <div class="line-num1">20</div> <div class="line-num2">19</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> }</span> </div> </td> </tr><tr> <td id="d2h-144386-2938" class="d2h-code-linenumber d2h-ins"><a href="#d2h-144386-2938"> <div class="line-num1"></div> <div class="line-num2">20</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-144386-2949" class="d2h-code-linenumber d2h-ins"><a href="#d2h-144386-2949"> <div class="line-num1"></div> <div class="line-num2">21</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> options[:redactor][:toolbar] = false if @toolbar == false</span> </div> </td> </tr><tr> <td id="d2h-144386-2960" class="d2h-code-linenumber d2h-ins"><a href="#d2h-144386-2960"> <div class="line-num1"></div> <div class="line-num2">22</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-144386-2971" class="d2h-code-linenumber d2h-ins"><a href="#d2h-144386-2971"> <div class="line-num1"></div> <div class="line-num2">23</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> options</span> </div> </td> </tr><tr> <td id="d2h-144386-2982" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-144386-2982"> <div class="line-num1">21</div> <div class="line-num2">24</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> end</span> </div> </td> </tr><tr> <td id="d2h-144386-2993" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-144386-2993"> <div class="line-num1">22</div> <div class="line-num2">25</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> end</span> </div> </td> </tr><tr> <td id="d2h-144386-3004" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-144386-3004"> <div class="line-num1">23</div> <div class="line-num2">26</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">end</span> </div> </td> </tr> </tbody> </table> </div> </div> </div> <div id="d2h-690008" class="d2h-file-wrapper" data-lang="rb"> <div class="d2h-file-header"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"> <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path> </svg> <span class="d2h-file-name"><a href="#d2h-690008">data/lib/formstrap/version.rb</a></span> <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></span> <label class="d2h-file-collapse"> <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed"> Viewed </label> </div> <div class="d2h-file-diff"> <div class="d2h-code-wrapper"> <table class="d2h-diff-table"> <tbody class="d2h-diff-tbody"> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -1,3 +1,3 @@</div> </td> </tr><tr> <td id="d2h-690008-3042" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-690008-3042"> <div class="line-num1">1</div> <div class="line-num2">1</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">module Formstrap</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">2</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> VERSION = "0.4.<del>1</del>"</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">2</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> VERSION = "0.4.<ins>2</ins>"</span> </div> </td> </tr><tr> <td id="d2h-690008-3075" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-690008-3075"> <div class="line-num1">3</div> <div class="line-num2">3</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">end</span> </div> </td> </tr> </tbody> </table> </div> </div> </div> <div id="d2h-978859" class="d2h-file-wrapper" data-lang="json"> <div class="d2h-file-header"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"> <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path> </svg> <span class="d2h-file-name"><a href="#d2h-978859">data/package.json</a></span> <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></span> <label class="d2h-file-collapse"> <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed"> Viewed </label> </div> <div class="d2h-file-diff"> <div class="d2h-code-wrapper"> <table class="d2h-diff-table"> <tbody class="d2h-diff-tbody"> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -1,6 +1,6 @@</div> </td> </tr><tr> <td id="d2h-978859-3113" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-978859-3113"> <div class="line-num1">1</div> <div class="line-num2">1</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">{</span> </div> </td> </tr><tr> <td id="d2h-978859-3124" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-978859-3124"> <div class="line-num1">2</div> <div class="line-num2">2</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> "name": "@frontierdotbe/formstrap",</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">3</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> "version": "0.4.<del>0</del>",</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">3</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> "version": "0.4.<ins>1</ins>",</span> </div> </td> </tr><tr> <td id="d2h-978859-3157" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-978859-3157"> <div class="line-num1">4</div> <div class="line-num2">4</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> "description": "Bootstrap-powered Form Helpers",</span> </div> </td> </tr><tr> <td id="d2h-978859-3168" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-978859-3168"> <div class="line-num1">5</div> <div class="line-num2">5</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> "module": "app/assets/javascripts/formstrap.js",</span> </div> </td> </tr><tr> <td id="d2h-978859-3179" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-978859-3179"> <div class="line-num1">6</div> <div class="line-num2">6</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> "main": "app/assets/javascripts/formstrap.js",</span> </div> </td> </tr> </tbody> </table> </div> </div> </div> <div id="d2h-004177" class="d2h-file-wrapper" data-lang=""> <div class="d2h-file-header"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"> <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path> </svg> <span class="d2h-file-name"><a href="#d2h-004177">metadata</a></span> <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></span> <label class="d2h-file-collapse"> <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed"> Viewed </label> </div> <div class="d2h-file-diff"> <div class="d2h-code-wrapper"> <table class="d2h-diff-table"> <tbody class="d2h-diff-tbody"> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -1,14 +1,14 @@</div> </td> </tr><tr> <td id="d2h-004177-3217" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-3217"> <div class="line-num1">1</div> <div class="line-num2">1</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">--- !ruby/object:Gem::Specification</span> </div> </td> </tr><tr> <td id="d2h-004177-3228" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-3228"> <div class="line-num1">2</div> <div class="line-num2">2</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">name: formstrap</span> </div> </td> </tr><tr> <td id="d2h-004177-3239" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-3239"> <div class="line-num1">3</div> <div class="line-num2">3</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">version: !ruby/object:Gem::Version</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">4</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> version: 0.4.<del>1</del></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">4</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> version: 0.4.<ins>2</ins></span> </div> </td> </tr><tr> <td id="d2h-004177-3272" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-3272"> <div class="line-num1">5</div> <div class="line-num2">5</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">platform: ruby</span> </div> </td> </tr><tr> <td id="d2h-004177-3283" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-3283"> <div class="line-num1">6</div> <div class="line-num2">6</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">authors:</span> </div> </td> </tr><tr> <td id="d2h-004177-3294" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-3294"> <div class="line-num1">7</div> <div class="line-num2">7</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">- Jef Vlamings</span> </div> </td> </tr><tr> <td id="d2h-004177-3305" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-3305"> <div class="line-num1">8</div> <div class="line-num2">8</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">autorequire:</span> </div> </td> </tr><tr> <td id="d2h-004177-3316" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-3316"> <div class="line-num1">9</div> <div class="line-num2">9</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">bindir: exe</span> </div> </td> </tr><tr> <td id="d2h-004177-3327" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-3327"> <div class="line-num1">10</div> <div class="line-num2">10</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">cert_chain: []</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">11</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn">date: 2024-<del>05</del>-<del>16</del> 00:00:00.000000000 Z</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">11</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">date: 2024-<ins>06</ins>-<ins>27</ins> 00:00:00.000000000 Z</span> </div> </td> </tr><tr> <td id="d2h-004177-3360" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-3360"> <div class="line-num1">12</div> <div class="line-num2">12</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">dependencies: []</span> </div> </td> </tr><tr> <td id="d2h-004177-3371" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-3371"> <div class="line-num1">13</div> <div class="line-num2">13</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">description: An extensive Bootstrap form library to power your Ruby On Rails application.</span> </div> </td> </tr><tr> <td id="d2h-004177-3382" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-3382"> <div class="line-num1">14</div> <div class="line-num2">14</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">email:</span> </div> </td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div> </div> </div> <footer class='sticky-footer mt-3'> <div class='container text-center mb-3 copyright'> <a class='mr-4 text-gray-600' href='mailto:diffend@whitesourcesoftware.com'> Contact Us </a> <a class='mr-4 text-gray-600' href='https://www.whitesourcesoftware.com/terms-of-service/'> Terms of Service </a> <a class='mr-4 text-gray-600' href='https://www.whitesourcesoftware.com/privacy-policy/'> Privacy Policy </a> <a class='mr-4 text-gray-600' href='https://diffend.io/docs'> Docs </a> </div> <div class='container mt-4'> <div class='copyright text-center'> Copyright © 2025 Mend Software </div> </div> </footer> </div> </div> </div> </body> </html>

CINXE.COM

RubyGems - formstrap - Versions diffs - 0.4.1 → 0.4.2 - Mend - Supply Chain Defender