<commit_before>{{#extend "default"}}
  {{#content "main"}}
    <div class="drizzle-o-Layout__header">
      <h1 class="drizzle-b-h1">
        {{name}}
      </h1>
    </div>
    <div class="drizzle-o-Layout__content">
      <section>
        <div class="drizzle-o-ContentGrouping">
          {{#if sparkPackageCore}}
            <div class="drizzle-c-Tag sprk-u-mbm">
              <div class="drizzle-c-Tag__color-box"></div>
              <a class="drizzle-c-Tag__desc" href="https://www.npmjs.com/package/@sparkdesignsystem/spark-core">Spark-Core</a>
            </div>
          {{/if}}

          {{#if sparkPackageExtras}}
            <div class="drizzle-c-Tag sprk-u-mbm">
              <div class="drizzle-c-Tag__color-box drizzle-c-Tag__color-box--extra"></div>
              <a class="drizzle-c-Tag__desc" href="https://www.npmjs.com/package/@sparkdesignsystem/spark-core">Spark-Extras</a>
            </div>
          {{/if}}

          <div class="drizzle-c-Alert sprk-u-mbm">
            <div class="drizzle-c-Alert__icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"/>
              </svg>
            </div>
            <p class="drizzle-c-Alert__message sprk-u-mbn">
              The code and designs here
              are not ready for production use and are constantly changing.
              What you see here
              is not available in the Spark npm packages.
              To see what is available, please see
              <a class="drizzle-b-Link drizzle-b-Link--inline" href="https://sparkdesignsystem.com/">
                Spark Design System.
              </a>
              Please reach out to the
              <a class="drizzle-b-Link drizzle-b-Link--inline" href="mailto:<EMAIL>">Spark team</a>
              for guidance.
            </p>
          </div>

          {{#if description}}
            <p class="drizzle-b-P">
              {{{description}}}
            </p>
          {{/if}}
        </div>

        {{#if information}}
          <div class="drizzle-o-ContentGrouping">
            <h2 class="drizzle-b-h2">Information</h2>
            <ul class="drizzle-b-List drizzle-b-List--nested">
              {{#each information}}
                <li>{{{.}}}</li>
              {{/each}}
            </ul>
          </div>
        {{/if}}

      {{!-- Links --}}
      {{#if links}}
        <div class="drizzle-o-ContentGrouping">
          <div class="drizzle-u-inlineBlock">
            <h2 class="drizzle-b-h2">Links</h2>
            <ul class="drizzle-b-List drizzle-b-List--nested">
              {{#each links as |details label|}}
                <li class="drizzle-b-List__item">
                  <a class="drizzle-b-Link" href="{{details.href}}">
                    {{label}}
                    {{#if details.external }}
                      <svg class="drizzle-b-Icon drizzle-b-Icon--small" viewBox="0 0 11 12">
                        <path d="M8.29289322,8.29289322 C8.11192881,8.47385763 8,8.72385763 8,9 L8,9.99895656 C8,10.5497993 7.55127164,11 7.0026083,11 L1.9973917,11 C1.44746825,11 1,10.5527784 1,10.0026083 L1,4.9973917 C1,4.44787731 1.44844877,4 2.00104344,4 L3,4 C3.27614237,4 3.52614237,3.88807119 3.70710678,3.70710678 L3,3 L2.00104344,3 C0.895897664,3 0,3.89585781 0,4.9973917 L0,10.0026083 C0,11.1057373 0.895857811,12 1.9973917,12 L7.0026083,12 C8.10573727,12 9,11.0999011 9,9.99895656 L9,9 L8.29289322,8.29289322 L8.29289322,8.29289322 Z"></path>
                        <path d="M6.9505215,3.81444077 L4.21751445,0.98959236 L11.0000001,0.999999934 L10.9999997,7.99999974 L8.34122783,5.2518811 L4.68908982,8.72467594 C4.28886233,9.10524972 3.65589784,9.08931724 3.27532406,8.68908975 C2.89475028,8.28886226 2.91068276,7.65589777 3.31091025,7.27532399 L6.9505215,3.81444077 L6.9505215,3.81444077 Z"></path>
                      </svg>
                    {{/if}}
                  </a>
                </li>
              {{/each}}
            </ul>
          </div>
        </div>
      {{/if}}

      {{#if restrictions}}
        <div class="drizzle-o-ContentGrouping">
          <h2 class="drizzle-b-h2">Restrictions</h2>
          <ul class="drizzle-b-List drizzle-b-List--nested">
            {{#each restrictions}}
              <li class="drizzle-b-List__item">{{{.}}}</li>
            {{/each}}
          </ul>
        </div>
      {{/if}}

      {{!-- contents --}}
      {{#if contents}}
        <div class="drizzle-o-ContentGrouping">
          <div>
            <h2 class="drizzle-b-h2">Table of Contents</h2>
            <ul class="drizzle-b-List drizzle-b-List--nested">
              {{#each contents as |url label|}}
                <li class="drizzle-b-List__item">
                  <a class="drizzle-b-Link" href="{{url}}">[{{label}}]</a>
                </li>
              {{/each}}
            </ul>
          </div>
        </div>
      {{/if}}
    </section>

    <div class="drizzle-c-Divider"></div>

    <section class="{{#if gridView}}drizzle-o-Grid{{/if}}{{#if gridViewGallery}} drizzle-o-Grid--gallery{{/if}}">
      {{#if gridViewGallery}}
        {{#each patterns}}
          {{> drizzle.item-gallery}}
        {{/each}}
      {{else}}
        {{#each patterns}}
          {{> drizzle.item}}
        {{/each}}
      {{/if}}
    </section>
    {{/content}}
  {{/extend}}
</div>
<commit_msg>call patternIdGen for optional properties<commit_after>{{#extend "default"}}
  {{#content "main"}}
    <div class="drizzle-o-Layout__header">
      <h1 class="drizzle-b-h1">
        {{name}}
      </h1>
    </div>
    <div class="drizzle-o-Layout__content">
      <section>
        <div class="drizzle-o-ContentGrouping">
          {{#if sparkPackageCore}}
            <div class="drizzle-c-Tag sprk-u-mbm">
              <div class="drizzle-c-Tag__color-box"></div>
              <a class="drizzle-c-Tag__desc" href="https://www.npmjs.com/package/@sparkdesignsystem/spark-core">Spark-Core</a>
            </div>
          {{/if}}

          {{#if sparkPackageExtras}}
            <div class="drizzle-c-Tag sprk-u-mbm">
              <div class="drizzle-c-Tag__color-box drizzle-c-Tag__color-box--extra"></div>
              <a class="drizzle-c-Tag__desc" href="https://www.npmjs.com/package/@sparkdesignsystem/spark-core">Spark-Extras</a>
            </div>
          {{/if}}

          <div class="drizzle-c-Alert sprk-u-mbm">
            <div class="drizzle-c-Alert__icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"/>
              </svg>
            </div>
            <p class="drizzle-c-Alert__message sprk-u-mbn">
              The code and designs here
              are not ready for production use and are constantly changing.
              What you see here
              is not available in the Spark npm packages.
              To see what is available, please see
              <a class="drizzle-b-Link drizzle-b-Link--inline" href="https://sparkdesignsystem.com/">
                Spark Design System.
              </a>
              Please reach out to the
              <a class="drizzle-b-Link drizzle-b-Link--inline" href="mailto:<EMAIL>">Spark team</a>
              for guidance.
            </p>
          </div>

          {{#if description}}
            <p class="drizzle-b-P">
              {{{description}}}
            </p>
          {{/if}}
        </div>

        {{#if information}}
          <div class="drizzle-o-ContentGrouping">
            <h2 class="drizzle-b-h2">Information</h2>
            <ul class="drizzle-b-List drizzle-b-List--nested">
              {{#each information}}
                <li>{{{.}}}</li>
              {{/each}}
            </ul>
          </div>
        {{/if}}

      {{!-- Links --}}
      {{#if links}}
        <div class="drizzle-o-ContentGrouping">
          <div class="drizzle-u-inlineBlock">
            <h2 class="drizzle-b-h2">Links</h2>
            <ul class="drizzle-b-List drizzle-b-List--nested">
              {{#each links as |details label|}}
                <li class="drizzle-b-List__item">
                  <a class="drizzle-b-Link" href="{{details.href}}">
                    {{label}}
                    {{#if details.external }}
                      <svg class="drizzle-b-Icon drizzle-b-Icon--small" viewBox="0 0 11 12">
                        <path d="M8.29289322,8.29289322 C8.11192881,8.47385763 8,8.72385763 8,9 L8,9.99895656 C8,10.5497993 7.55127164,11 7.0026083,11 L1.9973917,11 C1.44746825,11 1,10.5527784 1,10.0026083 L1,4.9973917 C1,4.44787731 1.44844877,4 2.00104344,4 L3,4 C3.27614237,4 3.52614237,3.88807119 3.70710678,3.70710678 L3,3 L2.00104344,3 C0.895897664,3 0,3.89585781 0,4.9973917 L0,10.0026083 C0,11.1057373 0.895857811,12 1.9973917,12 L7.0026083,12 C8.10573727,12 9,11.0999011 9,9.99895656 L9,9 L8.29289322,8.29289322 L8.29289322,8.29289322 Z"></path>
                        <path d="M6.9505215,3.81444077 L4.21751445,0.98959236 L11.0000001,0.999999934 L10.9999997,7.99999974 L8.34122783,5.2518811 L4.68908982,8.72467594 C4.28886233,9.10524972 3.65589784,9.08931724 3.27532406,8.68908975 C2.89475028,8.28886226 2.91068276,7.65589777 3.31091025,7.27532399 L6.9505215,3.81444077 L6.9505215,3.81444077 Z"></path>
                      </svg>
                    {{/if}}
                  </a>
                </li>
              {{/each}}
            </ul>
          </div>
        </div>
      {{/if}}

      {{#if restrictions}}
        <div class="drizzle-o-ContentGrouping">
          <h2 class="drizzle-b-h2">Restrictions</h2>
          <ul class="drizzle-b-List drizzle-b-List--nested">
            {{#each restrictions}}
              <li class="drizzle-b-List__item">{{{.}}}</li>
            {{/each}}
          </ul>
        </div>
      {{/if}}

      {{!-- contents --}}
      {{#if contents}}
        <div class="drizzle-o-ContentGrouping">
          <div>
            <h2 class="drizzle-b-h2">Table of Contents</h2>
            <ul class="drizzle-b-List drizzle-b-List--nested">
              {{#each contents as |url label|}}
                <li class="drizzle-b-List__item">
                  <a class="drizzle-b-Link" href="{{url}}">[{{label}}]</a>
                </li>
              {{/each}}
            </ul>
          </div>
        </div>
      {{/if}}
    </section>

    {{!-- Properties --}}
    {{#if hasProperties }}
      <div class="drizzle-o-ContentGrouping ">
        <h3 class="drizzle-b-h3">Optional Properties</h3>
        {{!-- inject the template at /properties/collection.hbs --}}
        {{> (patternIdGen (concat id '.properties.collection')) }}
      </div>
    {{/if}}

    <div class="drizzle-c-Divider"></div>

    <section class="{{#if gridView}}drizzle-o-Grid{{/if}}{{#if gridViewGallery}} drizzle-o-Grid--gallery{{/if}}">
      {{#if gridViewGallery}}
        {{#each patterns}}
          {{> drizzle.item-gallery}}
        {{/each}}
      {{else}}
        {{#each patterns}}
          {{> drizzle.item}}
        {{/each}}
      {{/if}}
    </section>
    {{/content}}
  {{/extend}}
</div>

{'fraction_non_alphanumeric': 0.17382583987965902, 'fraction_numerical': 0.16271101454120007, 'mean_word_length': 1.8217401556236736, 'pattern_counts': {'":': 0, '<': 183, '<?xml version=': 0, '>': 188, 'https://': 6, 'lorem ipsum': 0, 'www.': 6, 'xml': 2}, 'pii_count': 0, 'substrings_counts': 2, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3194211', 'n_tokens_mistral': 5661, 'n_tokens_neox': 4360, 'n_words': 697}