refactor(carousels): carousel-indicators content example (commented out)

Author: xidedix

src/app/views/base/carousels/carousels.component.html

@@ -101,40 +101,45 @@
           You can attach the indicators to the carousel, lengthwise the controls, too.
         </p>
         <app-docs-example href="components/carousel/#with-indicators">
-          <c-carousel (itemChange)="onItemChange($event)" [activeIndex]="1" [dark]="true" [interval]="5000" direction="prev">
-            <c-carousel-indicators />
-<!--            <c-carousel-indicators #indicators="cCarouselIndicators">-->
-<!--              <ng-template cTemplateId="carouselIndicatorsTemplate">-->
-<!--                @for (slide of slides[1]; track slide; let i = $index) {-->
-<!--                  <button-->
-<!--                    [attr.data-coreui-target]="i"-->
-<!--                    type="button"-->
-<!--                    (click)="indicators.onClick(i)"-->
-<!--                    [class]="{ active: indicators.active === i, border: '1px' }"-->
-<!--                    [attr.aria-current]="indicators.active === i">-->
-<!--                    <img-->
-<!--                      [src]="slide.src"-->
-<!--                      alt="{{slide.title}}"-->
-<!--                      class="d-flex w-100"-->
-<!--                      loading="lazy"-->
-<!--                    />-->
-<!--                  </button>-->
-<!--                }-->
-<!--              </ng-template>-->
-<!--            </c-carousel-indicators>-->
-            <c-carousel-inner>
-              @for (slide of slides[0]; track slide.src) {
-                <c-carousel-item>
-                  <img
-                    [src]="slide.src"
-                    alt="{{slide.title}}"
-                    class="d-block w-100"
-                    loading="lazy"
-                  />
-                </c-carousel-item>
-              }
-            </c-carousel-inner>
-          </c-carousel>
+<c-carousel (itemChange)="onItemChange($event)" [activeIndex]="1" [dark]="true" [interval]="5000" direction="prev">
+  <c-carousel-indicators />
+<!--  <c-carousel-indicators #indicators="cCarouselIndicators">-->
+<!--    <ng-template cTemplateId="carouselIndicatorsTemplate">-->
+<!--      @for (slide of slides[0]; track slide; let i = $index) {-->
+<!--        <button-->
+<!--          [attr.data-coreui-target]="i"-->
+<!--          type="button"-->
+<!--          (click)="indicators.onClick(i)"-->
+<!--          [class]="{ active: indicators.active === i }"-->
+<!--          [attr.aria-current]="indicators.active === i"-->
+<!--          [cBorder]="true"-->
+<!--          style="height: auto;"-->
+<!--          cRounded="pill"-->
+<!--        >-->
+<!--          <img-->
+<!--            [src]="slide.src"-->
+<!--            alt="{{slide.title}}"-->
+<!--            class="d-flex w-100"-->
+<!--            loading="lazy"-->
+<!--            cRounded="pill"-->
+<!--          />-->
+<!--        </button>-->
+<!--      }-->
+<!--    </ng-template>-->
+<!--  </c-carousel-indicators>-->
+  <c-carousel-inner>
+    @for (slide of slides[0]; track slide.src) {
+      <c-carousel-item>
+        <img
+          [src]="slide.src"
+          alt="{{slide.title}}"
+          class="d-block w-100"
+          loading="lazy"
+        />
+      </c-carousel-item>
+    }
+  </c-carousel-inner>
+</c-carousel>
         </app-docs-example>
       </c-card-body>
     </c-card>