valtech-components 2.0.510 → 2.0.511

package/esm2022/lib/services/skeleton/templates/detail-skeleton.component.mjs

@@ -0,0 +1,223 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SkeletonComponent } from '../../../components/atoms/skeleton/skeleton.component';
+import * as i0 from "@angular/core";
+/**
+ * Template de skeleton para paginas de detalle.
+ *
+ * @example
+ * <val-skeleton-detail></val-skeleton-detail>
+ *
+ * @example
+ * <val-skeleton-detail [config]="{ sections: 3 }"></val-skeleton-detail>
+ */
+export class DetailSkeletonComponent {
+    constructor() {
+        this.config = { sections: 2 };
+    }
+    get sections() {
+        return Array(this.config.sections ?? 2).fill(0);
+    }
+    get metaItems() {
+        return [1, 2, 3];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DetailSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DetailSkeletonComponent, isStandalone: true, selector: "val-skeleton-detail", inputs: { config: "config" }, ngImport: i0, template: `
+    <div class="skeleton-detail" [class]="config.cssClass">
+      <!-- Hero/Header section -->
+      <div class="skeleton-detail-hero">
+        <val-skeleton
+          [props]="{
+            type: 'custom',
+            width: '100%',
+            height: '200px',
+            borderRadius: '8px',
+            animated: config.animated !== false
+          }"
+        ></val-skeleton>
+      </div>
+
+      <!-- Title section -->
+      <div class="skeleton-detail-title">
+        <val-skeleton
+          [props]="{
+            type: 'text',
+            width: '70%',
+            height: '28px',
+            animated: config.animated !== false
+          }"
+        ></val-skeleton>
+        <val-skeleton
+          [props]="{
+            type: 'text',
+            width: '40%',
+            height: '16px',
+            animated: config.animated !== false
+          }"
+        ></val-skeleton>
+      </div>
+
+      <!-- Metadata row -->
+      <div class="skeleton-detail-meta">
+        @for (meta of metaItems; track $index) {
+          <val-skeleton
+            [props]="{
+              type: 'custom',
+              width: '80px',
+              height: '24px',
+              borderRadius: '12px',
+              animated: config.animated !== false
+            }"
+          ></val-skeleton>
+        }
+      </div>
+
+      <!-- Content sections -->
+      @for (section of sections; track $index) {
+        <div class="skeleton-detail-section">
+          <!-- Section title -->
+          <val-skeleton
+            [props]="{
+              type: 'text',
+              width: '30%',
+              height: '20px',
+              animated: config.animated !== false
+            }"
+          ></val-skeleton>
+          <!-- Section content -->
+          <val-skeleton
+            [props]="{
+              type: 'paragraph',
+              lines: 4,
+              animated: config.animated !== false
+            }"
+          ></val-skeleton>
+        </div>
+      }
+
+      <!-- Action buttons -->
+      <div class="skeleton-detail-actions">
+        <val-skeleton
+          [props]="{
+            type: 'custom',
+            width: '120px',
+            height: '44px',
+            borderRadius: '8px',
+            animated: config.animated !== false
+          }"
+        ></val-skeleton>
+        <val-skeleton
+          [props]="{
+            type: 'custom',
+            width: '120px',
+            height: '44px',
+            borderRadius: '8px',
+            animated: config.animated !== false
+          }"
+        ></val-skeleton>
+      </div>
+    </div>
+  `, isInline: true, styles: [".skeleton-detail{display:flex;flex-direction:column;gap:20px;width:100%}.skeleton-detail-hero{width:100%}.skeleton-detail-title{display:flex;flex-direction:column;gap:8px}.skeleton-detail-meta{display:flex;gap:12px;flex-wrap:wrap}.skeleton-detail-section{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--ion-color-light-shade, #d7d8da)}.skeleton-detail-actions{display:flex;gap:12px;padding-top:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SkeletonComponent, selector: "val-skeleton", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DetailSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-skeleton-detail', standalone: true, imports: [CommonModule, SkeletonComponent], template: `
+    <div class="skeleton-detail" [class]="config.cssClass">
+      <!-- Hero/Header section -->
+      <div class="skeleton-detail-hero">
+        <val-skeleton
+          [props]="{
+            type: 'custom',
+            width: '100%',
+            height: '200px',
+            borderRadius: '8px',
+            animated: config.animated !== false
+          }"
+        ></val-skeleton>
+      </div>
+
+      <!-- Title section -->
+      <div class="skeleton-detail-title">
+        <val-skeleton
+          [props]="{
+            type: 'text',
+            width: '70%',
+            height: '28px',
+            animated: config.animated !== false
+          }"
+        ></val-skeleton>
+        <val-skeleton
+          [props]="{
+            type: 'text',
+            width: '40%',
+            height: '16px',
+            animated: config.animated !== false
+          }"
+        ></val-skeleton>
+      </div>
+
+      <!-- Metadata row -->
+      <div class="skeleton-detail-meta">
+        @for (meta of metaItems; track $index) {
+          <val-skeleton
+            [props]="{
+              type: 'custom',
+              width: '80px',
+              height: '24px',
+              borderRadius: '12px',
+              animated: config.animated !== false
+            }"
+          ></val-skeleton>
+        }
+      </div>
+
+      <!-- Content sections -->
+      @for (section of sections; track $index) {
+        <div class="skeleton-detail-section">
+          <!-- Section title -->
+          <val-skeleton
+            [props]="{
+              type: 'text',
+              width: '30%',
+              height: '20px',
+              animated: config.animated !== false
+            }"
+          ></val-skeleton>
+          <!-- Section content -->
+          <val-skeleton
+            [props]="{
+              type: 'paragraph',
+              lines: 4,
+              animated: config.animated !== false
+            }"
+          ></val-skeleton>
+        </div>
+      }
+
+      <!-- Action buttons -->
+      <div class="skeleton-detail-actions">
+        <val-skeleton
+          [props]="{
+            type: 'custom',
+            width: '120px',
+            height: '44px',
+            borderRadius: '8px',
+            animated: config.animated !== false
+          }"
+        ></val-skeleton>
+        <val-skeleton
+          [props]="{
+            type: 'custom',
+            width: '120px',
+            height: '44px',
+            borderRadius: '8px',
+            animated: config.animated !== false
+          }"
+        ></val-skeleton>
+      </div>
+    </div>
+  `, styles: [".skeleton-detail{display:flex;flex-direction:column;gap:20px;width:100%}.skeleton-detail-hero{width:100%}.skeleton-detail-title{display:flex;flex-direction:column;gap:8px}.skeleton-detail-meta{display:flex;gap:12px;flex-wrap:wrap}.skeleton-detail-section{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--ion-color-light-shade, #d7d8da)}.skeleton-detail-actions{display:flex;gap:12px;padding-top:16px}\n"] }]
+        }], propDecorators: { config: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV0YWlsLXNrZWxldG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvc2VydmljZXMvc2tlbGV0b24vdGVtcGxhdGVzL2RldGFpbC1za2VsZXRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVEQUF1RCxDQUFDOztBQUcxRjs7Ozs7Ozs7R0FRRztBQThJSCxNQUFNLE9BQU8sdUJBQXVCO0lBN0lwQztRQThJVyxXQUFNLEdBQTJCLEVBQUUsUUFBUSxFQUFFLENBQUMsRUFBRSxDQUFDO0tBUzNEO0lBUEMsSUFBSSxRQUFRO1FBQ1YsT0FBTyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxPQUFPLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUNuQixDQUFDOytHQVRVLHVCQUF1QjttR0FBdkIsdUJBQXVCLDZHQXpJeEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBK0ZULGtnQkFoR1MsWUFBWSwrQkFBRSxpQkFBaUI7OzRGQTBJOUIsdUJBQXVCO2tCQTdJbkMsU0FBUzsrQkFDRSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGlCQUFpQixDQUFDLFlBQ2hDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQStGVDs4QkEyQ1EsTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNrZWxldG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cy9hdG9tcy9za2VsZXRvbi9za2VsZXRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2tlbGV0b25UZW1wbGF0ZUNvbmZpZywgU2tlbGV0b25UZW1wbGF0ZUNvbXBvbmVudCB9IGZyb20gJy4uL3R5cGVzJztcblxuLyoqXG4gKiBUZW1wbGF0ZSBkZSBza2VsZXRvbiBwYXJhIHBhZ2luYXMgZGUgZGV0YWxsZS5cbiAqXG4gKiBAZXhhbXBsZVxuICogPHZhbC1za2VsZXRvbi1kZXRhaWw+PC92YWwtc2tlbGV0b24tZGV0YWlsPlxuICpcbiAqIEBleGFtcGxlXG4gKiA8dmFsLXNrZWxldG9uLWRldGFpbCBbY29uZmlnXT1cInsgc2VjdGlvbnM6IDMgfVwiPjwvdmFsLXNrZWxldG9uLWRldGFpbD5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLXNrZWxldG9uLWRldGFpbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFNrZWxldG9uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tZGV0YWlsXCIgW2NsYXNzXT1cImNvbmZpZy5jc3NDbGFzc1wiPlxuICAgICAgPCEtLSBIZXJvL0hlYWRlciBzZWN0aW9uIC0tPlxuICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWRldGFpbC1oZXJvXCI+XG4gICAgICAgIDx2YWwtc2tlbGV0b25cbiAgICAgICAgICBbcHJvcHNdPVwie1xuICAgICAgICAgICAgdHlwZTogJ2N1c3RvbScsXG4gICAgICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAgICAgaGVpZ2h0OiAnMjAwcHgnLFxuICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiAnOHB4JyxcbiAgICAgICAgICAgIGFuaW1hdGVkOiBjb25maWcuYW5pbWF0ZWQgIT09IGZhbHNlXG4gICAgICAgICAgfVwiXG4gICAgICAgID48L3ZhbC1za2VsZXRvbj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8IS0tIFRpdGxlIHNlY3Rpb24gLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tZGV0YWlsLXRpdGxlXCI+XG4gICAgICAgIDx2YWwtc2tlbGV0b25cbiAgICAgICAgICBbcHJvcHNdPVwie1xuICAgICAgICAgICAgdHlwZTogJ3RleHQnLFxuICAgICAgICAgICAgd2lkdGg6ICc3MCUnLFxuICAgICAgICAgICAgaGVpZ2h0OiAnMjhweCcsXG4gICAgICAgICAgICBhbmltYXRlZDogY29uZmlnLmFuaW1hdGVkICE9PSBmYWxzZVxuICAgICAgICAgIH1cIlxuICAgICAgICA+PC92YWwtc2tlbGV0b24+XG4gICAgICAgIDx2YWwtc2tlbGV0b25cbiAgICAgICAgICBbcHJvcHNdPVwie1xuICAgICAgICAgICAgdHlwZTogJ3RleHQnLFxuICAgICAgICAgICAgd2lkdGg6ICc0MCUnLFxuICAgICAgICAgICAgaGVpZ2h0OiAnMTZweCcsXG4gICAgICAgICAgICBhbmltYXRlZDogY29uZmlnLmFuaW1hdGVkICE9PSBmYWxzZVxuICAgICAgICAgIH1cIlxuICAgICAgICA+PC92YWwtc2tlbGV0b24+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPCEtLSBNZXRhZGF0YSByb3cgLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tZGV0YWlsLW1ldGFcIj5cbiAgICAgICAgQGZvciAobWV0YSBvZiBtZXRhSXRlbXM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgIDx2YWwtc2tlbGV0b25cbiAgICAgICAgICAgIFtwcm9wc109XCJ7XG4gICAgICAgICAgICAgIHR5cGU6ICdjdXN0b20nLFxuICAgICAgICAgICAgICB3aWR0aDogJzgwcHgnLFxuICAgICAgICAgICAgICBoZWlnaHQ6ICcyNHB4JyxcbiAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiAnMTJweCcsXG4gICAgICAgICAgICAgIGFuaW1hdGVkOiBjb25maWcuYW5pbWF0ZWQgIT09IGZhbHNlXG4gICAgICAgICAgICB9XCJcbiAgICAgICAgICA+PC92YWwtc2tlbGV0b24+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8IS0tIENvbnRlbnQgc2VjdGlvbnMgLS0+XG4gICAgICBAZm9yIChzZWN0aW9uIG9mIHNlY3Rpb25zOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWRldGFpbC1zZWN0aW9uXCI+XG4gICAgICAgICAgPCEtLSBTZWN0aW9uIHRpdGxlIC0tPlxuICAgICAgICAgIDx2YWwtc2tlbGV0b25cbiAgICAgICAgICAgIFtwcm9wc109XCJ7XG4gICAgICAgICAgICAgIHR5cGU6ICd0ZXh0JyxcbiAgICAgICAgICAgICAgd2lkdGg6ICczMCUnLFxuICAgICAgICAgICAgICBoZWlnaHQ6ICcyMHB4JyxcbiAgICAgICAgICAgICAgYW5pbWF0ZWQ6IGNvbmZpZy5hbmltYXRlZCAhPT0gZmFsc2VcbiAgICAgICAgICAgIH1cIlxuICAgICAgICAgID48L3ZhbC1za2VsZXRvbj5cbiAgICAgICAgICA8IS0tIFNlY3Rpb24gY29udGVudCAtLT5cbiAgICAgICAgICA8dmFsLXNrZWxldG9uXG4gICAgICAgICAgICBbcHJvcHNdPVwie1xuICAgICAgICAgICAgICB0eXBlOiAncGFyYWdyYXBoJyxcbiAgICAgICAgICAgICAgbGluZXM6IDQsXG4gICAgICAgICAgICAgIGFuaW1hdGVkOiBjb25maWcuYW5pbWF0ZWQgIT09IGZhbHNlXG4gICAgICAgICAgICB9XCJcbiAgICAgICAgICA+PC92YWwtc2tlbGV0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuXG4gICAgICA8IS0tIEFjdGlvbiBidXR0b25zIC0tPlxuICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWRldGFpbC1hY3Rpb25zXCI+XG4gICAgICAgIDx2YWwtc2tlbGV0b25cbiAgICAgICAgICBbcHJvcHNdPVwie1xuICAgICAgICAgICAgdHlwZTogJ2N1c3RvbScsXG4gICAgICAgICAgICB3aWR0aDogJzEyMHB4JyxcbiAgICAgICAgICAgIGhlaWdodDogJzQ0cHgnLFxuICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiAnOHB4JyxcbiAgICAgICAgICAgIGFuaW1hdGVkOiBjb25maWcuYW5pbWF0ZWQgIT09IGZhbHNlXG4gICAgICAgICAgfVwiXG4gICAgICAgID48L3ZhbC1za2VsZXRvbj5cbiAgICAgICAgPHZhbC1za2VsZXRvblxuICAgICAgICAgIFtwcm9wc109XCJ7XG4gICAgICAgICAgICB0eXBlOiAnY3VzdG9tJyxcbiAgICAgICAgICAgIHdpZHRoOiAnMTIwcHgnLFxuICAgICAgICAgICAgaGVpZ2h0OiAnNDRweCcsXG4gICAgICAgICAgICBib3JkZXJSYWRpdXM6ICc4cHgnLFxuICAgICAgICAgICAgYW5pbWF0ZWQ6IGNvbmZpZy5hbmltYXRlZCAhPT0gZmFsc2VcbiAgICAgICAgICB9XCJcbiAgICAgICAgPjwvdmFsLXNrZWxldG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIC5za2VsZXRvbi1kZXRhaWwge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBnYXA6IDIwcHg7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgfVxuXG4gICAgICAuc2tlbGV0b24tZGV0YWlsLWhlcm8ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgIH1cblxuICAgICAgLnNrZWxldG9uLWRldGFpbC10aXRsZSB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGdhcDogOHB4O1xuICAgICAgfVxuXG4gICAgICAuc2tlbGV0b24tZGV0YWlsLW1ldGEge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBnYXA6IDEycHg7XG4gICAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIH1cblxuICAgICAgLnNrZWxldG9uLWRldGFpbC1zZWN0aW9uIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZ2FwOiAxMnB4O1xuICAgICAgICBwYWRkaW5nLXRvcDogMTZweDtcbiAgICAgICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHZhcigtLWlvbi1jb2xvci1saWdodC1zaGFkZSwgI2Q3ZDhkYSk7XG4gICAgICB9XG5cbiAgICAgIC5za2VsZXRvbi1kZXRhaWwtYWN0aW9ucyB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGdhcDogMTJweDtcbiAgICAgICAgcGFkZGluZy10b3A6IDE2cHg7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGV0YWlsU2tlbGV0b25Db21wb25lbnQgaW1wbGVtZW50cyBTa2VsZXRvblRlbXBsYXRlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY29uZmlnOiBTa2VsZXRvblRlbXBsYXRlQ29uZmlnID0geyBzZWN0aW9uczogMiB9O1xuXG4gIGdldCBzZWN0aW9ucygpOiBudW1iZXJbXSB7XG4gICAgcmV0dXJuIEFycmF5KHRoaXMuY29uZmlnLnNlY3Rpb25zID8/IDIpLmZpbGwoMCk7XG4gIH1cblxuICBnZXQgbWV0YUl0ZW1zKCk6IG51bWJlcltdIHtcbiAgICByZXR1cm4gWzEsIDIsIDNdO1xuICB9XG59XG4iXX0=

package/esm2022/lib/services/skeleton/templates/form-skeleton.component.mjs

@@ -0,0 +1,127 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SkeletonComponent } from '../../../components/atoms/skeleton/skeleton.component';
+import * as i0 from "@angular/core";
+/**
+ * Template de skeleton para formularios.
+ *
+ * @example
+ * <val-skeleton-form [config]="{ count: 4 }"></val-skeleton-form>
+ *
+ * @example
+ * <val-skeleton-form [config]="{ count: 3, variant: 'compact' }"></val-skeleton-form>
+ */
+export class FormSkeletonComponent {
+    constructor() {
+        this.config = { count: 3 };
+    }
+    get fields() {
+        return Array(this.config.count ?? 3).fill(0);
+    }
+    get isCompact() {
+        return this.config.variant === 'compact';
+    }
+    get labelWidth() {
+        return this.isCompact ? '60px' : '80px';
+    }
+    get inputHeight() {
+        return this.isCompact ? '38px' : '44px';
+    }
+    get buttonWidth() {
+        return this.isCompact ? '120px' : '100%';
+    }
+    get buttonHeight() {
+        return this.isCompact ? '38px' : '48px';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FormSkeletonComponent, isStandalone: true, selector: "val-skeleton-form", inputs: { config: "config" }, ngImport: i0, template: `
+    <div
+      class="skeleton-form"
+      [class]="'variant-' + (config.variant || 'default') + ' ' + (config.cssClass || '')"
+    >
+      @for (field of fields; track $index) {
+        <div class="skeleton-field">
+          <!-- Label -->
+          <val-skeleton
+            [props]="{
+              type: 'text',
+              width: labelWidth,
+              height: '14px',
+              animated: config.animated !== false
+            }"
+          ></val-skeleton>
+          <!-- Input -->
+          <val-skeleton
+            [props]="{
+              type: 'custom',
+              width: '100%',
+              height: inputHeight,
+              borderRadius: '8px',
+              animated: config.animated !== false
+            }"
+          ></val-skeleton>
+        </div>
+      }
+      <!-- Submit button -->
+      <div class="skeleton-button">
+        <val-skeleton
+          [props]="{
+            type: 'custom',
+            width: buttonWidth,
+            height: buttonHeight,
+            borderRadius: '8px',
+            animated: config.animated !== false
+          }"
+        ></val-skeleton>
+      </div>
+    </div>
+  `, isInline: true, styles: [".skeleton-form{display:flex;flex-direction:column;width:100%;&.variant-default{gap:20px}&.variant-compact{gap:12px}}.skeleton-field{display:flex;flex-direction:column;gap:6px}.skeleton-button{margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SkeletonComponent, selector: "val-skeleton", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-skeleton-form', standalone: true, imports: [CommonModule, SkeletonComponent], template: `
+    <div
+      class="skeleton-form"
+      [class]="'variant-' + (config.variant || 'default') + ' ' + (config.cssClass || '')"
+    >
+      @for (field of fields; track $index) {
+        <div class="skeleton-field">
+          <!-- Label -->
+          <val-skeleton
+            [props]="{
+              type: 'text',
+              width: labelWidth,
+              height: '14px',
+              animated: config.animated !== false
+            }"
+          ></val-skeleton>
+          <!-- Input -->
+          <val-skeleton
+            [props]="{
+              type: 'custom',
+              width: '100%',
+              height: inputHeight,
+              borderRadius: '8px',
+              animated: config.animated !== false
+            }"
+          ></val-skeleton>
+        </div>
+      }
+      <!-- Submit button -->
+      <div class="skeleton-button">
+        <val-skeleton
+          [props]="{
+            type: 'custom',
+            width: buttonWidth,
+            height: buttonHeight,
+            borderRadius: '8px',
+            animated: config.animated !== false
+          }"
+        ></val-skeleton>
+      </div>
+    </div>
+  `, styles: [".skeleton-form{display:flex;flex-direction:column;width:100%;&.variant-default{gap:20px}&.variant-compact{gap:12px}}.skeleton-field{display:flex;flex-direction:column;gap:6px}.skeleton-button{margin-top:8px}\n"] }]
+        }], propDecorators: { config: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1za2VsZXRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL3NlcnZpY2VzL3NrZWxldG9uL3RlbXBsYXRlcy9mb3JtLXNrZWxldG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdURBQXVELENBQUM7O0FBRzFGOzs7Ozs7OztHQVFHO0FBMkVILE1BQU0sT0FBTyxxQkFBcUI7SUExRWxDO1FBMkVXLFdBQU0sR0FBMkIsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLENBQUM7S0F5QnhEO0lBdkJDLElBQUksTUFBTTtRQUNSLE9BQU8sS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sS0FBSyxTQUFTLENBQUM7SUFDM0MsQ0FBQztJQUVELElBQUksVUFBVTtRQUNaLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFDMUMsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFDMUMsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFDM0MsQ0FBQztJQUVELElBQUksWUFBWTtRQUNkLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFDMUMsQ0FBQzsrR0F6QlUscUJBQXFCO21HQUFyQixxQkFBcUIsMkdBdEV0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F5Q1QsMFJBMUNTLFlBQVksK0JBQUUsaUJBQWlCOzs0RkF1RTlCLHFCQUFxQjtrQkExRWpDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBQ2pCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxpQkFBaUIsQ0FBQyxZQUNoQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F5Q1Q7OEJBOEJRLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTa2VsZXRvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2NvbXBvbmVudHMvYXRvbXMvc2tlbGV0b24vc2tlbGV0b24uY29tcG9uZW50JztcbmltcG9ydCB7IFNrZWxldG9uVGVtcGxhdGVDb25maWcsIFNrZWxldG9uVGVtcGxhdGVDb21wb25lbnQgfSBmcm9tICcuLi90eXBlcyc7XG5cbi8qKlxuICogVGVtcGxhdGUgZGUgc2tlbGV0b24gcGFyYSBmb3JtdWxhcmlvcy5cbiAqXG4gKiBAZXhhbXBsZVxuICogPHZhbC1za2VsZXRvbi1mb3JtIFtjb25maWddPVwieyBjb3VudDogNCB9XCI+PC92YWwtc2tlbGV0b24tZm9ybT5cbiAqXG4gKiBAZXhhbXBsZVxuICogPHZhbC1za2VsZXRvbi1mb3JtIFtjb25maWddPVwieyBjb3VudDogMywgdmFyaWFudDogJ2NvbXBhY3QnIH1cIj48L3ZhbC1za2VsZXRvbi1mb3JtPlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtc2tlbGV0b24tZm9ybScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFNrZWxldG9uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInNrZWxldG9uLWZvcm1cIlxuICAgICAgW2NsYXNzXT1cIid2YXJpYW50LScgKyAoY29uZmlnLnZhcmlhbnQgfHwgJ2RlZmF1bHQnKSArICcgJyArIChjb25maWcuY3NzQ2xhc3MgfHwgJycpXCJcbiAgICA+XG4gICAgICBAZm9yIChmaWVsZCBvZiBmaWVsZHM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tZmllbGRcIj5cbiAgICAgICAgICA8IS0tIExhYmVsIC0tPlxuICAgICAgICAgIDx2YWwtc2tlbGV0b25cbiAgICAgICAgICAgIFtwcm9wc109XCJ7XG4gICAgICAgICAgICAgIHR5cGU6ICd0ZXh0JyxcbiAgICAgICAgICAgICAgd2lkdGg6IGxhYmVsV2lkdGgsXG4gICAgICAgICAgICAgIGhlaWdodDogJzE0cHgnLFxuICAgICAgICAgICAgICBhbmltYXRlZDogY29uZmlnLmFuaW1hdGVkICE9PSBmYWxzZVxuICAgICAgICAgICAgfVwiXG4gICAgICAgICAgPjwvdmFsLXNrZWxldG9uPlxuICAgICAgICAgIDwhLS0gSW5wdXQgLS0+XG4gICAgICAgICAgPHZhbC1za2VsZXRvblxuICAgICAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICAgICAgdHlwZTogJ2N1c3RvbScsXG4gICAgICAgICAgICAgIHdpZHRoOiAnMTAwJScsXG4gICAgICAgICAgICAgIGhlaWdodDogaW5wdXRIZWlnaHQsXG4gICAgICAgICAgICAgIGJvcmRlclJhZGl1czogJzhweCcsXG4gICAgICAgICAgICAgIGFuaW1hdGVkOiBjb25maWcuYW5pbWF0ZWQgIT09IGZhbHNlXG4gICAgICAgICAgICB9XCJcbiAgICAgICAgICA+PC92YWwtc2tlbGV0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuICAgICAgPCEtLSBTdWJtaXQgYnV0dG9uIC0tPlxuICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWJ1dHRvblwiPlxuICAgICAgICA8dmFsLXNrZWxldG9uXG4gICAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICAgIHR5cGU6ICdjdXN0b20nLFxuICAgICAgICAgICAgd2lkdGg6IGJ1dHRvbldpZHRoLFxuICAgICAgICAgICAgaGVpZ2h0OiBidXR0b25IZWlnaHQsXG4gICAgICAgICAgICBib3JkZXJSYWRpdXM6ICc4cHgnLFxuICAgICAgICAgICAgYW5pbWF0ZWQ6IGNvbmZpZy5hbmltYXRlZCAhPT0gZmFsc2VcbiAgICAgICAgICB9XCJcbiAgICAgICAgPjwvdmFsLXNrZWxldG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIC5za2VsZXRvbi1mb3JtIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG5cbiAgICAgICAgJi52YXJpYW50LWRlZmF1bHQge1xuICAgICAgICAgIGdhcDogMjBweDtcbiAgICAgICAgfVxuXG4gICAgICAgICYudmFyaWFudC1jb21wYWN0IHtcbiAgICAgICAgICBnYXA6IDEycHg7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgLnNrZWxldG9uLWZpZWxkIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZ2FwOiA2cHg7XG4gICAgICB9XG5cbiAgICAgIC5za2VsZXRvbi1idXR0b24ge1xuICAgICAgICBtYXJnaW4tdG9wOiA4cHg7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRm9ybVNrZWxldG9uQ29tcG9uZW50IGltcGxlbWVudHMgU2tlbGV0b25UZW1wbGF0ZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbmZpZzogU2tlbGV0b25UZW1wbGF0ZUNvbmZpZyA9IHsgY291bnQ6IDMgfTtcblxuICBnZXQgZmllbGRzKCk6IG51bWJlcltdIHtcbiAgICByZXR1cm4gQXJyYXkodGhpcy5jb25maWcuY291bnQgPz8gMykuZmlsbCgwKTtcbiAgfVxuXG4gIGdldCBpc0NvbXBhY3QoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuY29uZmlnLnZhcmlhbnQgPT09ICdjb21wYWN0JztcbiAgfVxuXG4gIGdldCBsYWJlbFdpZHRoKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuaXNDb21wYWN0ID8gJzYwcHgnIDogJzgwcHgnO1xuICB9XG5cbiAgZ2V0IGlucHV0SGVpZ2h0KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuaXNDb21wYWN0ID8gJzM4cHgnIDogJzQ0cHgnO1xuICB9XG5cbiAgZ2V0IGJ1dHRvbldpZHRoKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuaXNDb21wYWN0ID8gJzEyMHB4JyA6ICcxMDAlJztcbiAgfVxuXG4gIGdldCBidXR0b25IZWlnaHQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5pc0NvbXBhY3QgPyAnMzhweCcgOiAnNDhweCc7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/services/skeleton/templates/grid-skeleton.component.mjs

@@ -0,0 +1,154 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SkeletonComponent } from '../../../components/atoms/skeleton/skeleton.component';
+import * as i0 from "@angular/core";
+/**
+ * Template de skeleton para grids de cards.
+ *
+ * @example
+ * <val-skeleton-grid [config]="{ count: 6 }"></val-skeleton-grid>
+ *
+ * @example
+ * <val-skeleton-grid [config]="{ count: 8, variant: 'cards', columns: 4 }"></val-skeleton-grid>
+ */
+export class GridSkeletonComponent {
+    constructor() {
+        this.config = { count: 6 };
+    }
+    get items() {
+        return Array(this.config.count ?? 6).fill(0);
+    }
+    get gridColumns() {
+        if (this.config.columns) {
+            return `repeat(${this.config.columns}, 1fr)`;
+        }
+        return '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GridSkeletonComponent, isStandalone: true, selector: "val-skeleton-grid", inputs: { config: "config" }, ngImport: i0, template: `
+    <div
+      class="skeleton-grid"
+      [class]="'variant-' + (config.variant || 'default') + ' ' + (config.cssClass || '')"
+      [style.gap]="config.gap || '16px'"
+      [style.grid-template-columns]="gridColumns"
+    >
+      @for (item of items; track $index) {
+        @switch (config.variant) {
+          @case ('cards') {
+            <div class="skeleton-card">
+              <val-skeleton
+                [props]="{
+                  type: 'custom',
+                  width: '100%',
+                  height: '140px',
+                  borderRadius: '8px 8px 0 0',
+                  animated: config.animated !== false
+                }"
+              ></val-skeleton>
+              <div class="skeleton-card-content">
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '80%',
+                    height: '18px',
+                    animated: config.animated !== false
+                  }"
+                ></val-skeleton>
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '60%',
+                    height: '14px',
+                    animated: config.animated !== false
+                  }"
+                ></val-skeleton>
+              </div>
+            </div>
+          }
+          @case ('compact') {
+            <val-skeleton
+              [props]="{
+                type: 'thumbnail',
+                animated: config.animated !== false
+              }"
+            ></val-skeleton>
+          }
+          @default {
+            <val-skeleton
+              [props]="{
+                type: 'card',
+                animated: config.animated !== false
+              }"
+            ></val-skeleton>
+          }
+        }
+      }
+    </div>
+  `, isInline: true, styles: [".skeleton-grid{display:grid;width:100%;&.variant-default{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}&.variant-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}&.variant-compact{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}}.skeleton-card{border-radius:8px;overflow:hidden;background:var(--ion-color-light, #f4f5f8)}.skeleton-card-content{padding:12px;display:flex;flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SkeletonComponent, selector: "val-skeleton", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-skeleton-grid', standalone: true, imports: [CommonModule, SkeletonComponent], template: `
+    <div
+      class="skeleton-grid"
+      [class]="'variant-' + (config.variant || 'default') + ' ' + (config.cssClass || '')"
+      [style.gap]="config.gap || '16px'"
+      [style.grid-template-columns]="gridColumns"
+    >
+      @for (item of items; track $index) {
+        @switch (config.variant) {
+          @case ('cards') {
+            <div class="skeleton-card">
+              <val-skeleton
+                [props]="{
+                  type: 'custom',
+                  width: '100%',
+                  height: '140px',
+                  borderRadius: '8px 8px 0 0',
+                  animated: config.animated !== false
+                }"
+              ></val-skeleton>
+              <div class="skeleton-card-content">
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '80%',
+                    height: '18px',
+                    animated: config.animated !== false
+                  }"
+                ></val-skeleton>
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '60%',
+                    height: '14px',
+                    animated: config.animated !== false
+                  }"
+                ></val-skeleton>
+              </div>
+            </div>
+          }
+          @case ('compact') {
+            <val-skeleton
+              [props]="{
+                type: 'thumbnail',
+                animated: config.animated !== false
+              }"
+            ></val-skeleton>
+          }
+          @default {
+            <val-skeleton
+              [props]="{
+                type: 'card',
+                animated: config.animated !== false
+              }"
+            ></val-skeleton>
+          }
+        }
+      }
+    </div>
+  `, styles: [".skeleton-grid{display:grid;width:100%;&.variant-default{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}&.variant-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}&.variant-compact{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}}.skeleton-card{border-radius:8px;overflow:hidden;background:var(--ion-color-light, #f4f5f8)}.skeleton-card-content{padding:12px;display:flex;flex-direction:column;gap:8px}\n"] }]
+        }], propDecorators: { config: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1za2VsZXRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL3NlcnZpY2VzL3NrZWxldG9uL3RlbXBsYXRlcy9ncmlkLXNrZWxldG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdURBQXVELENBQUM7O0FBRzFGOzs7Ozs7OztHQVFHO0FBb0dILE1BQU0sT0FBTyxxQkFBcUI7SUFuR2xDO1FBb0dXLFdBQU0sR0FBMkIsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLENBQUM7S0FZeEQ7SUFWQyxJQUFJLEtBQUs7UUFDUCxPQUFPLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDL0MsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUN4QixPQUFPLFVBQVUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLFFBQVEsQ0FBQztRQUMvQyxDQUFDO1FBQ0QsT0FBTyxFQUFFLENBQUM7SUFDWixDQUFDOytHQVpVLHFCQUFxQjttR0FBckIscUJBQXFCLDJHQS9GdEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMkRULHlnQkE1RFMsWUFBWSwrQkFBRSxpQkFBaUI7OzRGQWdHOUIscUJBQXFCO2tCQW5HakMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGlCQUFpQixDQUFDLFlBQ2hDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTJEVDs4QkFxQ1EsTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNrZWxldG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cy9hdG9tcy9za2VsZXRvbi9za2VsZXRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2tlbGV0b25UZW1wbGF0ZUNvbmZpZywgU2tlbGV0b25UZW1wbGF0ZUNvbXBvbmVudCB9IGZyb20gJy4uL3R5cGVzJztcblxuLyoqXG4gKiBUZW1wbGF0ZSBkZSBza2VsZXRvbiBwYXJhIGdyaWRzIGRlIGNhcmRzLlxuICpcbiAqIEBleGFtcGxlXG4gKiA8dmFsLXNrZWxldG9uLWdyaWQgW2NvbmZpZ109XCJ7IGNvdW50OiA2IH1cIj48L3ZhbC1za2VsZXRvbi1ncmlkPlxuICpcbiAqIEBleGFtcGxlXG4gKiA8dmFsLXNrZWxldG9uLWdyaWQgW2NvbmZpZ109XCJ7IGNvdW50OiA4LCB2YXJpYW50OiAnY2FyZHMnLCBjb2x1bW5zOiA0IH1cIj48L3ZhbC1za2VsZXRvbi1ncmlkPlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtc2tlbGV0b24tZ3JpZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFNrZWxldG9uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInNrZWxldG9uLWdyaWRcIlxuICAgICAgW2NsYXNzXT1cIid2YXJpYW50LScgKyAoY29uZmlnLnZhcmlhbnQgfHwgJ2RlZmF1bHQnKSArICcgJyArIChjb25maWcuY3NzQ2xhc3MgfHwgJycpXCJcbiAgICAgIFtzdHlsZS5nYXBdPVwiY29uZmlnLmdhcCB8fCAnMTZweCdcIlxuICAgICAgW3N0eWxlLmdyaWQtdGVtcGxhdGUtY29sdW1uc109XCJncmlkQ29sdW1uc1wiXG4gICAgPlxuICAgICAgQGZvciAoaXRlbSBvZiBpdGVtczsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgIEBzd2l0Y2ggKGNvbmZpZy52YXJpYW50KSB7XG4gICAgICAgICAgQGNhc2UgKCdjYXJkcycpIHtcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1jYXJkXCI+XG4gICAgICAgICAgICAgIDx2YWwtc2tlbGV0b25cbiAgICAgICAgICAgICAgICBbcHJvcHNdPVwie1xuICAgICAgICAgICAgICAgICAgdHlwZTogJ2N1c3RvbScsXG4gICAgICAgICAgICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAnMTQwcHgnLFxuICAgICAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiAnOHB4IDhweCAwIDAnLFxuICAgICAgICAgICAgICAgICAgYW5pbWF0ZWQ6IGNvbmZpZy5hbmltYXRlZCAhPT0gZmFsc2VcbiAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgPjwvdmFsLXNrZWxldG9uPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2tlbGV0b24tY2FyZC1jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgPHZhbC1za2VsZXRvblxuICAgICAgICAgICAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICAgICAgICAgICAgdHlwZTogJ3RleHQnLFxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogJzgwJScsXG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogJzE4cHgnLFxuICAgICAgICAgICAgICAgICAgICBhbmltYXRlZDogY29uZmlnLmFuaW1hdGVkICE9PSBmYWxzZVxuICAgICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgPjwvdmFsLXNrZWxldG9uPlxuICAgICAgICAgICAgICAgIDx2YWwtc2tlbGV0b25cbiAgICAgICAgICAgICAgICAgIFtwcm9wc109XCJ7XG4gICAgICAgICAgICAgICAgICAgIHR5cGU6ICd0ZXh0JyxcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICc2MCUnLFxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxNHB4JyxcbiAgICAgICAgICAgICAgICAgICAgYW5pbWF0ZWQ6IGNvbmZpZy5hbmltYXRlZCAhPT0gZmFsc2VcbiAgICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgICAgID48L3ZhbC1za2VsZXRvbj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICB9XG4gICAgICAgICAgQGNhc2UgKCdjb21wYWN0Jykge1xuICAgICAgICAgICAgPHZhbC1za2VsZXRvblxuICAgICAgICAgICAgICBbcHJvcHNdPVwie1xuICAgICAgICAgICAgICAgIHR5cGU6ICd0aHVtYm5haWwnLFxuICAgICAgICAgICAgICAgIGFuaW1hdGVkOiBjb25maWcuYW5pbWF0ZWQgIT09IGZhbHNlXG4gICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgPjwvdmFsLXNrZWxldG9uPlxuICAgICAgICAgIH1cbiAgICAgICAgICBAZGVmYXVsdCB7XG4gICAgICAgICAgICA8dmFsLXNrZWxldG9uXG4gICAgICAgICAgICAgIFtwcm9wc109XCJ7XG4gICAgICAgICAgICAgICAgdHlwZTogJ2NhcmQnLFxuICAgICAgICAgICAgICAgIGFuaW1hdGVkOiBjb25maWcuYW5pbWF0ZWQgIT09IGZhbHNlXG4gICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgPjwvdmFsLXNrZWxldG9uPlxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICAuc2tlbGV0b24tZ3JpZCB7XG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgICAgICYudmFyaWFudC1kZWZhdWx0IHtcbiAgICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpbGwsIG1pbm1heCgyMDBweCwgMWZyKSk7XG4gICAgICAgIH1cblxuICAgICAgICAmLnZhcmlhbnQtY2FyZHMge1xuICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZmlsbCwgbWlubWF4KDI4MHB4LCAxZnIpKTtcbiAgICAgICAgfVxuXG4gICAgICAgICYudmFyaWFudC1jb21wYWN0IHtcbiAgICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpbGwsIG1pbm1heCgxMDBweCwgMWZyKSk7XG4gICAgICAgICAgZ2FwOiAxMnB4O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC5za2VsZXRvbi1jYXJkIHtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogOHB4O1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1pb24tY29sb3ItbGlnaHQsICNmNGY1ZjgpO1xuICAgICAgfVxuXG4gICAgICAuc2tlbGV0b24tY2FyZC1jb250ZW50IHtcbiAgICAgICAgcGFkZGluZzogMTJweDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZ2FwOiA4cHg7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgR3JpZFNrZWxldG9uQ29tcG9uZW50IGltcGxlbWVudHMgU2tlbGV0b25UZW1wbGF0ZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbmZpZzogU2tlbGV0b25UZW1wbGF0ZUNvbmZpZyA9IHsgY291bnQ6IDYgfTtcblxuICBnZXQgaXRlbXMoKTogbnVtYmVyW10ge1xuICAgIHJldHVybiBBcnJheSh0aGlzLmNvbmZpZy5jb3VudCA/PyA2KS5maWxsKDApO1xuICB9XG5cbiAgZ2V0IGdyaWRDb2x1bW5zKCk6IHN0cmluZyB7XG4gICAgaWYgKHRoaXMuY29uZmlnLmNvbHVtbnMpIHtcbiAgICAgIHJldHVybiBgcmVwZWF0KCR7dGhpcy5jb25maWcuY29sdW1uc30sIDFmcilgO1xuICAgIH1cbiAgICByZXR1cm4gJyc7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/services/skeleton/templates/list-skeleton.component.mjs

@@ -0,0 +1,110 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SkeletonComponent } from '../../../components/atoms/skeleton/skeleton.component';
+import * as i0 from "@angular/core";
+/**
+ * Template de skeleton para listas.
+ *
+ * @example
+ * <val-skeleton-list [config]="{ count: 5 }"></val-skeleton-list>
+ *
+ * @example
+ * <val-skeleton-list [config]="{ count: 3, variant: 'avatar', gap: '16px' }"></val-skeleton-list>
+ */
+export class ListSkeletonComponent {
+    constructor() {
+        this.config = { count: 3 };
+    }
+    get items() {
+        return Array(this.config.count ?? 3).fill(0);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ListSkeletonComponent, isStandalone: true, selector: "val-skeleton-list", inputs: { config: "config" }, ngImport: i0, template: `
+    <div class="skeleton-list" [style.gap]="config.gap || '12px'" [class]="config.cssClass">
+      @for (item of items; track $index) {
+        @if (config.variant === 'avatar') {
+          <div class="skeleton-list-item-avatar">
+            <val-skeleton
+              [props]="{
+                type: 'avatar',
+                animated: config.animated !== false
+              }"
+            ></val-skeleton>
+            <div class="skeleton-content">
+              <val-skeleton
+                [props]="{
+                  type: 'text',
+                  width: '70%',
+                  height: '16px',
+                  animated: config.animated !== false
+                }"
+              ></val-skeleton>
+              <val-skeleton
+                [props]="{
+                  type: 'text',
+                  width: '50%',
+                  height: '14px',
+                  animated: config.animated !== false
+                }"
+              ></val-skeleton>
+            </div>
+          </div>
+        } @else {
+          <val-skeleton
+            [props]="{
+              type: 'list-item',
+              animated: config.animated !== false
+            }"
+          ></val-skeleton>
+        }
+      }
+    </div>
+  `, isInline: true, styles: [".skeleton-list{display:flex;flex-direction:column;width:100%}.skeleton-list-item-avatar{display:flex;align-items:center;gap:12px;padding:8px 0}.skeleton-content{display:flex;flex-direction:column;gap:6px;flex:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SkeletonComponent, selector: "val-skeleton", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-skeleton-list', standalone: true, imports: [CommonModule, SkeletonComponent], template: `
+    <div class="skeleton-list" [style.gap]="config.gap || '12px'" [class]="config.cssClass">
+      @for (item of items; track $index) {
+        @if (config.variant === 'avatar') {
+          <div class="skeleton-list-item-avatar">
+            <val-skeleton
+              [props]="{
+                type: 'avatar',
+                animated: config.animated !== false
+              }"
+            ></val-skeleton>
+            <div class="skeleton-content">
+              <val-skeleton
+                [props]="{
+                  type: 'text',
+                  width: '70%',
+                  height: '16px',
+                  animated: config.animated !== false
+                }"
+              ></val-skeleton>
+              <val-skeleton
+                [props]="{
+                  type: 'text',
+                  width: '50%',
+                  height: '14px',
+                  animated: config.animated !== false
+                }"
+              ></val-skeleton>
+            </div>
+          </div>
+        } @else {
+          <val-skeleton
+            [props]="{
+              type: 'list-item',
+              animated: config.animated !== false
+            }"
+          ></val-skeleton>
+        }
+      }
+    </div>
+  `, styles: [".skeleton-list{display:flex;flex-direction:column;width:100%}.skeleton-list-item-avatar{display:flex;align-items:center;gap:12px;padding:8px 0}.skeleton-content{display:flex;flex-direction:column;gap:6px;flex:1}\n"] }]
+        }], propDecorators: { config: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1za2VsZXRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL3NlcnZpY2VzL3NrZWxldG9uL3RlbXBsYXRlcy9saXN0LXNrZWxldG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdURBQXVELENBQUM7O0FBRzFGOzs7Ozs7OztHQVFHO0FBc0VILE1BQU0sT0FBTyxxQkFBcUI7SUFyRWxDO1FBc0VXLFdBQU0sR0FBMkIsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLENBQUM7S0FLeEQ7SUFIQyxJQUFJLEtBQUs7UUFDUCxPQUFPLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDL0MsQ0FBQzsrR0FMVSxxQkFBcUI7bUdBQXJCLHFCQUFxQiwyR0FqRXRCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBd0NULDhSQXpDUyxZQUFZLCtCQUFFLGlCQUFpQjs7NEZBa0U5QixxQkFBcUI7a0JBckVqQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsaUJBQWlCLENBQUMsWUFDaEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F3Q1Q7OEJBMEJRLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTa2VsZXRvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2NvbXBvbmVudHMvYXRvbXMvc2tlbGV0b24vc2tlbGV0b24uY29tcG9uZW50JztcbmltcG9ydCB7IFNrZWxldG9uVGVtcGxhdGVDb25maWcsIFNrZWxldG9uVGVtcGxhdGVDb21wb25lbnQgfSBmcm9tICcuLi90eXBlcyc7XG5cbi8qKlxuICogVGVtcGxhdGUgZGUgc2tlbGV0b24gcGFyYSBsaXN0YXMuXG4gKlxuICogQGV4YW1wbGVcbiAqIDx2YWwtc2tlbGV0b24tbGlzdCBbY29uZmlnXT1cInsgY291bnQ6IDUgfVwiPjwvdmFsLXNrZWxldG9uLWxpc3Q+XG4gKlxuICogQGV4YW1wbGVcbiAqIDx2YWwtc2tlbGV0b24tbGlzdCBbY29uZmlnXT1cInsgY291bnQ6IDMsIHZhcmlhbnQ6ICdhdmF0YXInLCBnYXA6ICcxNnB4JyB9XCI+PC92YWwtc2tlbGV0b24tbGlzdD5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLXNrZWxldG9uLWxpc3QnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTa2VsZXRvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpc3RcIiBbc3R5bGUuZ2FwXT1cImNvbmZpZy5nYXAgfHwgJzEycHgnXCIgW2NsYXNzXT1cImNvbmZpZy5jc3NDbGFzc1wiPlxuICAgICAgQGZvciAoaXRlbSBvZiBpdGVtczsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgIEBpZiAoY29uZmlnLnZhcmlhbnQgPT09ICdhdmF0YXInKSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNrZWxldG9uLWxpc3QtaXRlbS1hdmF0YXJcIj5cbiAgICAgICAgICAgIDx2YWwtc2tlbGV0b25cbiAgICAgICAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICAgICAgICB0eXBlOiAnYXZhdGFyJyxcbiAgICAgICAgICAgICAgICBhbmltYXRlZDogY29uZmlnLmFuaW1hdGVkICE9PSBmYWxzZVxuICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgID48L3ZhbC1za2VsZXRvbj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJza2VsZXRvbi1jb250ZW50XCI+XG4gICAgICAgICAgICAgIDx2YWwtc2tlbGV0b25cbiAgICAgICAgICAgICAgICBbcHJvcHNdPVwie1xuICAgICAgICAgICAgICAgICAgdHlwZTogJ3RleHQnLFxuICAgICAgICAgICAgICAgICAgd2lkdGg6ICc3MCUnLFxuICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAnMTZweCcsXG4gICAgICAgICAgICAgICAgICBhbmltYXRlZDogY29uZmlnLmFuaW1hdGVkICE9PSBmYWxzZVxuICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgICA+PC92YWwtc2tlbGV0b24+XG4gICAgICAgICAgICAgIDx2YWwtc2tlbGV0b25cbiAgICAgICAgICAgICAgICBbcHJvcHNdPVwie1xuICAgICAgICAgICAgICAgICAgdHlwZTogJ3RleHQnLFxuICAgICAgICAgICAgICAgICAgd2lkdGg6ICc1MCUnLFxuICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAnMTRweCcsXG4gICAgICAgICAgICAgICAgICBhbmltYXRlZDogY29uZmlnLmFuaW1hdGVkICE9PSBmYWxzZVxuICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgICA+PC92YWwtc2tlbGV0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgPHZhbC1za2VsZXRvblxuICAgICAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICAgICAgdHlwZTogJ2xpc3QtaXRlbScsXG4gICAgICAgICAgICAgIGFuaW1hdGVkOiBjb25maWcuYW5pbWF0ZWQgIT09IGZhbHNlXG4gICAgICAgICAgICB9XCJcbiAgICAgICAgICA+PC92YWwtc2tlbGV0b24+XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgICAgLnNrZWxldG9uLWxpc3Qge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgIH1cblxuICAgICAgLnNrZWxldG9uLWxpc3QtaXRlbS1hdmF0YXIge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBnYXA6IDEycHg7XG4gICAgICAgIHBhZGRpbmc6IDhweCAwO1xuICAgICAgfVxuXG4gICAgICAuc2tlbGV0b24tY29udGVudCB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGdhcDogNnB4O1xuICAgICAgICBmbGV4OiAxO1xuICAgICAgfVxuICAgIGAsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIExpc3RTa2VsZXRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIFNrZWxldG9uVGVtcGxhdGVDb21wb25lbnQge1xuICBASW5wdXQoKSBjb25maWc6IFNrZWxldG9uVGVtcGxhdGVDb25maWcgPSB7IGNvdW50OiAzIH07XG5cbiAgZ2V0IGl0ZW1zKCk6IG51bWJlcltdIHtcbiAgICByZXR1cm4gQXJyYXkodGhpcy5jb25maWcuY291bnQgPz8gMykuZmlsbCgwKTtcbiAgfVxufVxuIl19