valtech-components 2.0.821 → 2.0.824

package/esm2022/lib/components/organisms/skeleton-layout/skeleton-layout.component.mjs

@@ -0,0 +1,423 @@
+import { Component, computed, Input, signal } from '@angular/core';
+import { SkeletonComponent } from '../../atoms/skeleton/skeleton.component';
+import { SKELETON_LAYOUT_DEFAULT_ROWS } from './types';
+import * as i0 from "@angular/core";
+/**
+ * `val-skeleton-layout`
+ *
+ * Skeleton de página **preset-driven**. En vez de que cada vista componga
+ * átomos `val-skeleton` a mano, declara una shape y este organism arma el
+ * placeholder completo. Estándar único para loading states en todo el factory.
+ *
+ * Presets: `form` · `list` · `article` · `cards` · `detail` · `hero`.
+ *
+ * Extender = agregar un valor a `SkeletonLayoutPreset` + un `@case` acá.
+ * Los consumers no cambian.
+ *
+ * @example
+ * ```html
+ * @if (loading()) {
+ *   <val-skeleton-layout [props]="{ preset: 'form', rows: 3, showAvatar: true }" />
+ * } @else {
+ *   ...contenido real...
+ * }
+ * ```
+ */
+export class SkeletonLayoutComponent {
+    constructor() {
+        this.props_ = signal({ preset: 'list' });
+        /** Props con defaults aplicados. */
+        this.resolved = computed(() => this.props_());
+        /** Shimmer on/off — default on. */
+        this.anim = computed(() => this.resolved().animated !== false);
+        /** Array `[0..rows)` para los `@for`. rows del prop o default del preset. */
+        this.rowsArray = computed(() => {
+            const p = this.resolved();
+            const preset = p.preset;
+            const count = p.rows && p.rows > 0 ? Math.floor(p.rows) : SKELETON_LAYOUT_DEFAULT_ROWS[preset];
+            return Array.from({ length: count }, (_, i) => i);
+        });
+        /** `grid-template-columns` para el preset cards. */
+        this.gridColumns = computed(() => {
+            const cols = this.resolved().columns ?? 2;
+            return `repeat(${Math.max(1, cols)}, 1fr)`;
+        });
+    }
+    set props(value) {
+        if (value)
+            this.props_.set(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SkeletonLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SkeletonLayoutComponent, isStandalone: true, selector: "val-skeleton-layout", inputs: { props: "props" }, ngImport: i0, template: `
+    <div class="val-skeleton-layout" [class]="resolved().cssClass || ''" aria-busy="true" aria-live="polite">
+      @switch (resolved().preset) {
+        <!-- FORM — avatar opcional + N fields (label+input) + botón -->
+        @case ('form') {
+          @if (resolved().showAvatar) {
+            <div class="sk-form__avatar">
+              <val-skeleton
+                [props]="{
+                  type: 'avatar',
+                  width: '96px',
+                  height: '96px',
+                  circle: true,
+                  animated: anim(),
+                }"
+              />
+              <div class="sk-form__avatar-meta">
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '150px',
+                    height: '18px',
+                    animated: anim(),
+                  }"
+                />
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '190px',
+                    height: '13px',
+                    animated: anim(),
+                  }"
+                />
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '110px',
+                    height: '13px',
+                    animated: anim(),
+                  }"
+                />
+              </div>
+            </div>
+          }
+          <div class="sk-form__fields">
+            @for (i of rowsArray(); track i) {
+              <div class="sk-form__field">
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '90px',
+                    height: '13px',
+                    animated: anim(),
+                  }"
+                />
+                <val-skeleton
+                  [props]="{
+                    type: 'custom',
+                    width: '100%',
+                    height: '48px',
+                    borderRadius: '12px',
+                    animated: anim(),
+                  }"
+                />
+              </div>
+            }
+            @if (resolved().showButton !== false) {
+              <val-skeleton
+                [props]="{
+                  type: 'custom',
+                  width: '100%',
+                  height: '48px',
+                  borderRadius: '24px',
+                  animated: anim(),
+                }"
+              />
+            }
+          </div>
+        }
+
+        <!-- LIST — N filas list-item (el átomo ya trae icono + 2 líneas) -->
+        @case ('list') {
+          <div class="sk-list">
+            @for (i of rowsArray(); track i) {
+              <val-skeleton [props]="{ type: 'list-item', animated: anim() }" />
+            }
+          </div>
+        }
+
+        <!-- ARTICLE — título + meta + párrafos -->
+        @case ('article') {
+          <div class="sk-article">
+            @if (resolved().showTitle !== false) {
+              <val-skeleton
+                [props]="{
+                  type: 'text',
+                  width: '70%',
+                  height: '30px',
+                  animated: anim(),
+                }"
+              />
+              <val-skeleton
+                [props]="{
+                  type: 'text',
+                  width: '40%',
+                  height: '14px',
+                  animated: anim(),
+                }"
+              />
+            }
+            @for (i of rowsArray(); track i) {
+              <val-skeleton [props]="{ type: 'paragraph', lines: 4, animated: anim() }" />
+            }
+          </div>
+        }
+
+        <!-- CARDS — grid de N card blocks -->
+        @case ('cards') {
+          <div class="sk-cards" [style.grid-template-columns]="gridColumns()">
+            @for (i of rowsArray(); track i) {
+              <val-skeleton [props]="{ type: 'card', animated: anim() }" />
+            }
+          </div>
+        }
+
+        <!-- DETAIL — N filas key-value -->
+        @case ('detail') {
+          <div class="sk-detail">
+            @for (i of rowsArray(); track i) {
+              <div class="sk-detail__row">
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '110px',
+                    height: '14px',
+                    animated: anim(),
+                  }"
+                />
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '160px',
+                    height: '14px',
+                    animated: anim(),
+                  }"
+                />
+              </div>
+            }
+          </div>
+        }
+
+        <!-- HERO — banner grande + filas de contenido -->
+        @case ('hero') {
+          <div class="sk-hero">
+            @if (resolved().showTitle !== false) {
+              <val-skeleton
+                [props]="{
+                  type: 'custom',
+                  width: '100%',
+                  height: '140px',
+                  borderRadius: '20px',
+                  animated: anim(),
+                }"
+              />
+            }
+            <div class="sk-hero__rows">
+              @for (i of rowsArray(); track i) {
+                <val-skeleton
+                  [props]="{
+                    type: 'custom',
+                    width: '100%',
+                    height: '72px',
+                    borderRadius: '14px',
+                    animated: anim(),
+                  }"
+                />
+              }
+            </div>
+          </div>
+        }
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%}.val-skeleton-layout{width:100%}.sk-form__avatar{display:flex;align-items:center;gap:16px;padding:16px 0}.sk-form__avatar-meta{display:flex;flex-direction:column;gap:8px}.sk-form__fields{padding:16px 0;display:flex;flex-direction:column;gap:18px}.sk-form__field{display:flex;flex-direction:column;gap:8px}.sk-list{display:flex;flex-direction:column;gap:10px;padding:8px 0}.sk-article{display:flex;flex-direction:column;gap:16px;padding:8px 0}.sk-cards{display:grid;gap:12px;padding:8px 0}.sk-detail{display:flex;flex-direction:column;gap:14px;padding:8px 0}.sk-detail__row{display:flex;align-items:center;justify-content:space-between;gap:16px}.sk-hero{display:flex;flex-direction:column;gap:16px;padding:8px 0}.sk-hero__rows{display:flex;flex-direction:column;gap:12px}\n"], dependencies: [{ kind: "component", type: SkeletonComponent, selector: "val-skeleton", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SkeletonLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-skeleton-layout', standalone: true, imports: [SkeletonComponent], template: `
+    <div class="val-skeleton-layout" [class]="resolved().cssClass || ''" aria-busy="true" aria-live="polite">
+      @switch (resolved().preset) {
+        <!-- FORM — avatar opcional + N fields (label+input) + botón -->
+        @case ('form') {
+          @if (resolved().showAvatar) {
+            <div class="sk-form__avatar">
+              <val-skeleton
+                [props]="{
+                  type: 'avatar',
+                  width: '96px',
+                  height: '96px',
+                  circle: true,
+                  animated: anim(),
+                }"
+              />
+              <div class="sk-form__avatar-meta">
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '150px',
+                    height: '18px',
+                    animated: anim(),
+                  }"
+                />
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '190px',
+                    height: '13px',
+                    animated: anim(),
+                  }"
+                />
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '110px',
+                    height: '13px',
+                    animated: anim(),
+                  }"
+                />
+              </div>
+            </div>
+          }
+          <div class="sk-form__fields">
+            @for (i of rowsArray(); track i) {
+              <div class="sk-form__field">
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '90px',
+                    height: '13px',
+                    animated: anim(),
+                  }"
+                />
+                <val-skeleton
+                  [props]="{
+                    type: 'custom',
+                    width: '100%',
+                    height: '48px',
+                    borderRadius: '12px',
+                    animated: anim(),
+                  }"
+                />
+              </div>
+            }
+            @if (resolved().showButton !== false) {
+              <val-skeleton
+                [props]="{
+                  type: 'custom',
+                  width: '100%',
+                  height: '48px',
+                  borderRadius: '24px',
+                  animated: anim(),
+                }"
+              />
+            }
+          </div>
+        }
+
+        <!-- LIST — N filas list-item (el átomo ya trae icono + 2 líneas) -->
+        @case ('list') {
+          <div class="sk-list">
+            @for (i of rowsArray(); track i) {
+              <val-skeleton [props]="{ type: 'list-item', animated: anim() }" />
+            }
+          </div>
+        }
+
+        <!-- ARTICLE — título + meta + párrafos -->
+        @case ('article') {
+          <div class="sk-article">
+            @if (resolved().showTitle !== false) {
+              <val-skeleton
+                [props]="{
+                  type: 'text',
+                  width: '70%',
+                  height: '30px',
+                  animated: anim(),
+                }"
+              />
+              <val-skeleton
+                [props]="{
+                  type: 'text',
+                  width: '40%',
+                  height: '14px',
+                  animated: anim(),
+                }"
+              />
+            }
+            @for (i of rowsArray(); track i) {
+              <val-skeleton [props]="{ type: 'paragraph', lines: 4, animated: anim() }" />
+            }
+          </div>
+        }
+
+        <!-- CARDS — grid de N card blocks -->
+        @case ('cards') {
+          <div class="sk-cards" [style.grid-template-columns]="gridColumns()">
+            @for (i of rowsArray(); track i) {
+              <val-skeleton [props]="{ type: 'card', animated: anim() }" />
+            }
+          </div>
+        }
+
+        <!-- DETAIL — N filas key-value -->
+        @case ('detail') {
+          <div class="sk-detail">
+            @for (i of rowsArray(); track i) {
+              <div class="sk-detail__row">
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '110px',
+                    height: '14px',
+                    animated: anim(),
+                  }"
+                />
+                <val-skeleton
+                  [props]="{
+                    type: 'text',
+                    width: '160px',
+                    height: '14px',
+                    animated: anim(),
+                  }"
+                />
+              </div>
+            }
+          </div>
+        }
+
+        <!-- HERO — banner grande + filas de contenido -->
+        @case ('hero') {
+          <div class="sk-hero">
+            @if (resolved().showTitle !== false) {
+              <val-skeleton
+                [props]="{
+                  type: 'custom',
+                  width: '100%',
+                  height: '140px',
+                  borderRadius: '20px',
+                  animated: anim(),
+                }"
+              />
+            }
+            <div class="sk-hero__rows">
+              @for (i of rowsArray(); track i) {
+                <val-skeleton
+                  [props]="{
+                    type: 'custom',
+                    width: '100%',
+                    height: '72px',
+                    borderRadius: '14px',
+                    animated: anim(),
+                  }"
+                />
+              }
+            </div>
+          </div>
+        }
+      }
+    </div>
+  `, styles: [":host{display:block;width:100%}.val-skeleton-layout{width:100%}.sk-form__avatar{display:flex;align-items:center;gap:16px;padding:16px 0}.sk-form__avatar-meta{display:flex;flex-direction:column;gap:8px}.sk-form__fields{padding:16px 0;display:flex;flex-direction:column;gap:18px}.sk-form__field{display:flex;flex-direction:column;gap:8px}.sk-list{display:flex;flex-direction:column;gap:10px;padding:8px 0}.sk-article{display:flex;flex-direction:column;gap:16px;padding:8px 0}.sk-cards{display:grid;gap:12px;padding:8px 0}.sk-detail{display:flex;flex-direction:column;gap:14px;padding:8px 0}.sk-detail__row{display:flex;align-items:center;justify-content:space-between;gap:16px}.sk-hero{display:flex;flex-direction:column;gap:16px;padding:8px 0}.sk-hero__rows{display:flex;flex-direction:column;gap:12px}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tbGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9vcmdhbmlzbXMvc2tlbGV0b24tbGF5b3V0L3NrZWxldG9uLWxheW91dC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUM1RSxPQUFPLEVBQWdELDRCQUE0QixFQUFFLE1BQU0sU0FBUyxDQUFDOztBQUVyRzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQkc7QUFtUkgsTUFBTSxPQUFPLHVCQUF1QjtJQWxScEM7UUFtUm1CLFdBQU0sR0FBRyxNQUFNLENBQXlCLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUM7UUFNN0Usb0NBQW9DO1FBQzNCLGFBQVEsR0FBRyxRQUFRLENBQXlCLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDO1FBRTFFLG1DQUFtQztRQUMxQixTQUFJLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxRQUFRLEtBQUssS0FBSyxDQUFDLENBQUM7UUFFbkUsNkVBQTZFO1FBQ3BFLGNBQVMsR0FBRyxRQUFRLENBQVcsR0FBRyxFQUFFO1lBQzNDLE1BQU0sQ0FBQyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUMxQixNQUFNLE1BQU0sR0FBeUIsQ0FBQyxDQUFDLE1BQU0sQ0FBQztZQUM5QyxNQUFNLEtBQUssR0FBRyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsQ0FBQyxJQUFJLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsNEJBQTRCLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDL0YsT0FBTyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDcEQsQ0FBQyxDQUFDLENBQUM7UUFFSCxvREFBb0Q7UUFDM0MsZ0JBQVcsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ25DLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxPQUFPLElBQUksQ0FBQyxDQUFDO1lBQzFDLE9BQU8sVUFBVSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQzdDLENBQUMsQ0FBQyxDQUFDO0tBQ0o7SUF2QkMsSUFBYSxLQUFLLENBQUMsS0FBeUM7UUFDMUQsSUFBSSxLQUFLO1lBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEMsQ0FBQzsrR0FMVSx1QkFBdUI7bUdBQXZCLHVCQUF1QiwyR0E5UXhCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXNMVCw2MkJBdkxTLGlCQUFpQjs7NEZBK1FoQix1QkFBdUI7a0JBbFJuQyxTQUFTOytCQUNFLHFCQUFxQixjQUNuQixJQUFJLFdBQ1AsQ0FBQyxpQkFBaUIsQ0FBQyxZQUNsQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FzTFQ7OEJBMkZZLEtBQUs7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGNvbXB1dGVkLCBJbnB1dCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa2VsZXRvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21zL3NrZWxldG9uL3NrZWxldG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa2VsZXRvbkxheW91dE1ldGFkYXRhLCBTa2VsZXRvbkxheW91dFByZXNldCwgU0tFTEVUT05fTEFZT1VUX0RFRkFVTFRfUk9XUyB9IGZyb20gJy4vdHlwZXMnO1xuXG4vKipcbiAqIGB2YWwtc2tlbGV0b24tbGF5b3V0YFxuICpcbiAqIFNrZWxldG9uIGRlIHDDoWdpbmEgKipwcmVzZXQtZHJpdmVuKiouIEVuIHZleiBkZSBxdWUgY2FkYSB2aXN0YSBjb21wb25nYVxuICogw6F0b21vcyBgdmFsLXNrZWxldG9uYCBhIG1hbm8sIGRlY2xhcmEgdW5hIHNoYXBlIHkgZXN0ZSBvcmdhbmlzbSBhcm1hIGVsXG4gKiBwbGFjZWhvbGRlciBjb21wbGV0by4gRXN0w6FuZGFyIMO6bmljbyBwYXJhIGxvYWRpbmcgc3RhdGVzIGVuIHRvZG8gZWwgZmFjdG9yeS5cbiAqXG4gKiBQcmVzZXRzOiBgZm9ybWAgwrcgYGxpc3RgIMK3IGBhcnRpY2xlYCDCtyBgY2FyZHNgIMK3IGBkZXRhaWxgIMK3IGBoZXJvYC5cbiAqXG4gKiBFeHRlbmRlciA9IGFncmVnYXIgdW4gdmFsb3IgYSBgU2tlbGV0b25MYXlvdXRQcmVzZXRgICsgdW4gYEBjYXNlYCBhY8OhLlxuICogTG9zIGNvbnN1bWVycyBubyBjYW1iaWFuLlxuICpcbiAqIEBleGFtcGxlXG4gKiBgYGBodG1sXG4gKiBAaWYgKGxvYWRpbmcoKSkge1xuICogICA8dmFsLXNrZWxldG9uLWxheW91dCBbcHJvcHNdPVwieyBwcmVzZXQ6ICdmb3JtJywgcm93czogMywgc2hvd0F2YXRhcjogdHJ1ZSB9XCIgLz5cbiAqIH0gQGVsc2Uge1xuICogICAuLi5jb250ZW5pZG8gcmVhbC4uLlxuICogfVxuICogYGBgXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1za2VsZXRvbi1sYXlvdXQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbU2tlbGV0b25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJ2YWwtc2tlbGV0b24tbGF5b3V0XCIgW2NsYXNzXT1cInJlc29sdmVkKCkuY3NzQ2xhc3MgfHwgJydcIiBhcmlhLWJ1c3k9XCJ0cnVlXCIgYXJpYS1saXZlPVwicG9saXRlXCI+XG4gICAgICBAc3dpdGNoIChyZXNvbHZlZCgpLnByZXNldCkge1xuICAgICAgICA8IS0tIEZPUk0g4oCUIGF2YXRhciBvcGNpb25hbCArIE4gZmllbGRzIChsYWJlbCtpbnB1dCkgKyBib3TDs24gLS0+XG4gICAgICAgIEBjYXNlICgnZm9ybScpIHtcbiAgICAgICAgICBAaWYgKHJlc29sdmVkKCkuc2hvd0F2YXRhcikge1xuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrLWZvcm1fX2F2YXRhclwiPlxuICAgICAgICAgICAgICA8dmFsLXNrZWxldG9uXG4gICAgICAgICAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICAgICAgICAgIHR5cGU6ICdhdmF0YXInLFxuICAgICAgICAgICAgICAgICAgd2lkdGg6ICc5NnB4JyxcbiAgICAgICAgICAgICAgICAgIGhlaWdodDogJzk2cHgnLFxuICAgICAgICAgICAgICAgICAgY2lyY2xlOiB0cnVlLFxuICAgICAgICAgICAgICAgICAgYW5pbWF0ZWQ6IGFuaW0oKSxcbiAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrLWZvcm1fX2F2YXRhci1tZXRhXCI+XG4gICAgICAgICAgICAgICAgPHZhbC1za2VsZXRvblxuICAgICAgICAgICAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICAgICAgICAgICAgdHlwZTogJ3RleHQnLFxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogJzE1MHB4JyxcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAnMThweCcsXG4gICAgICAgICAgICAgICAgICAgIGFuaW1hdGVkOiBhbmltKCksXG4gICAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDx2YWwtc2tlbGV0b25cbiAgICAgICAgICAgICAgICAgIFtwcm9wc109XCJ7XG4gICAgICAgICAgICAgICAgICAgIHR5cGU6ICd0ZXh0JyxcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxOTBweCcsXG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogJzEzcHgnLFxuICAgICAgICAgICAgICAgICAgICBhbmltYXRlZDogYW5pbSgpLFxuICAgICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8dmFsLXNrZWxldG9uXG4gICAgICAgICAgICAgICAgICBbcHJvcHNdPVwie1xuICAgICAgICAgICAgICAgICAgICB0eXBlOiAndGV4dCcsXG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAnMTEwcHgnLFxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxM3B4JyxcbiAgICAgICAgICAgICAgICAgICAgYW5pbWF0ZWQ6IGFuaW0oKSxcbiAgICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgfVxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzay1mb3JtX19maWVsZHNcIj5cbiAgICAgICAgICAgIEBmb3IgKGkgb2Ygcm93c0FycmF5KCk7IHRyYWNrIGkpIHtcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrLWZvcm1fX2ZpZWxkXCI+XG4gICAgICAgICAgICAgICAgPHZhbC1za2VsZXRvblxuICAgICAgICAgICAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICAgICAgICAgICAgdHlwZTogJ3RleHQnLFxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogJzkwcHgnLFxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxM3B4JyxcbiAgICAgICAgICAgICAgICAgICAgYW5pbWF0ZWQ6IGFuaW0oKSxcbiAgICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPHZhbC1za2VsZXRvblxuICAgICAgICAgICAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICAgICAgICAgICAgdHlwZTogJ2N1c3RvbScsXG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAnMTAwJScsXG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogJzQ4cHgnLFxuICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6ICcxMnB4JyxcbiAgICAgICAgICAgICAgICAgICAgYW5pbWF0ZWQ6IGFuaW0oKSxcbiAgICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGlmIChyZXNvbHZlZCgpLnNob3dCdXR0b24gIT09IGZhbHNlKSB7XG4gICAgICAgICAgICAgIDx2YWwtc2tlbGV0b25cbiAgICAgICAgICAgICAgICBbcHJvcHNdPVwie1xuICAgICAgICAgICAgICAgICAgdHlwZTogJ2N1c3RvbScsXG4gICAgICAgICAgICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAnNDhweCcsXG4gICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6ICcyNHB4JyxcbiAgICAgICAgICAgICAgICAgIGFuaW1hdGVkOiBhbmltKCksXG4gICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cblxuICAgICAgICA8IS0tIExJU1Qg4oCUIE4gZmlsYXMgbGlzdC1pdGVtIChlbCDDoXRvbW8geWEgdHJhZSBpY29ubyArIDIgbMOtbmVhcykgLS0+XG4gICAgICAgIEBjYXNlICgnbGlzdCcpIHtcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2stbGlzdFwiPlxuICAgICAgICAgICAgQGZvciAoaSBvZiByb3dzQXJyYXkoKTsgdHJhY2sgaSkge1xuICAgICAgICAgICAgICA8dmFsLXNrZWxldG9uIFtwcm9wc109XCJ7IHR5cGU6ICdsaXN0LWl0ZW0nLCBhbmltYXRlZDogYW5pbSgpIH1cIiAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG5cbiAgICAgICAgPCEtLSBBUlRJQ0xFIOKAlCB0w610dWxvICsgbWV0YSArIHDDoXJyYWZvcyAtLT5cbiAgICAgICAgQGNhc2UgKCdhcnRpY2xlJykge1xuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzay1hcnRpY2xlXCI+XG4gICAgICAgICAgICBAaWYgKHJlc29sdmVkKCkuc2hvd1RpdGxlICE9PSBmYWxzZSkge1xuICAgICAgICAgICAgICA8dmFsLXNrZWxldG9uXG4gICAgICAgICAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICAgICAgICAgIHR5cGU6ICd0ZXh0JyxcbiAgICAgICAgICAgICAgICAgIHdpZHRoOiAnNzAlJyxcbiAgICAgICAgICAgICAgICAgIGhlaWdodDogJzMwcHgnLFxuICAgICAgICAgICAgICAgICAgYW5pbWF0ZWQ6IGFuaW0oKSxcbiAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPHZhbC1za2VsZXRvblxuICAgICAgICAgICAgICAgIFtwcm9wc109XCJ7XG4gICAgICAgICAgICAgICAgICB0eXBlOiAndGV4dCcsXG4gICAgICAgICAgICAgICAgICB3aWR0aDogJzQwJScsXG4gICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxNHB4JyxcbiAgICAgICAgICAgICAgICAgIGFuaW1hdGVkOiBhbmltKCksXG4gICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBAZm9yIChpIG9mIHJvd3NBcnJheSgpOyB0cmFjayBpKSB7XG4gICAgICAgICAgICAgIDx2YWwtc2tlbGV0b24gW3Byb3BzXT1cInsgdHlwZTogJ3BhcmFncmFwaCcsIGxpbmVzOiA0LCBhbmltYXRlZDogYW5pbSgpIH1cIiAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG5cbiAgICAgICAgPCEtLSBDQVJEUyDigJQgZ3JpZCBkZSBOIGNhcmQgYmxvY2tzIC0tPlxuICAgICAgICBAY2FzZSAoJ2NhcmRzJykge1xuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzay1jYXJkc1wiIFtzdHlsZS5ncmlkLXRlbXBsYXRlLWNvbHVtbnNdPVwiZ3JpZENvbHVtbnMoKVwiPlxuICAgICAgICAgICAgQGZvciAoaSBvZiByb3dzQXJyYXkoKTsgdHJhY2sgaSkge1xuICAgICAgICAgICAgICA8dmFsLXNrZWxldG9uIFtwcm9wc109XCJ7IHR5cGU6ICdjYXJkJywgYW5pbWF0ZWQ6IGFuaW0oKSB9XCIgLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuXG4gICAgICAgIDwhLS0gREVUQUlMIOKAlCBOIGZpbGFzIGtleS12YWx1ZSAtLT5cbiAgICAgICAgQGNhc2UgKCdkZXRhaWwnKSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNrLWRldGFpbFwiPlxuICAgICAgICAgICAgQGZvciAoaSBvZiByb3dzQXJyYXkoKTsgdHJhY2sgaSkge1xuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2stZGV0YWlsX19yb3dcIj5cbiAgICAgICAgICAgICAgICA8dmFsLXNrZWxldG9uXG4gICAgICAgICAgICAgICAgICBbcHJvcHNdPVwie1xuICAgICAgICAgICAgICAgICAgICB0eXBlOiAndGV4dCcsXG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAnMTEwcHgnLFxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxNHB4JyxcbiAgICAgICAgICAgICAgICAgICAgYW5pbWF0ZWQ6IGFuaW0oKSxcbiAgICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPHZhbC1za2VsZXRvblxuICAgICAgICAgICAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICAgICAgICAgICAgdHlwZTogJ3RleHQnLFxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogJzE2MHB4JyxcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAnMTRweCcsXG4gICAgICAgICAgICAgICAgICAgIGFuaW1hdGVkOiBhbmltKCksXG4gICAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuXG4gICAgICAgIDwhLS0gSEVSTyDigJQgYmFubmVyIGdyYW5kZSArIGZpbGFzIGRlIGNvbnRlbmlkbyAtLT5cbiAgICAgICAgQGNhc2UgKCdoZXJvJykge1xuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzay1oZXJvXCI+XG4gICAgICAgICAgICBAaWYgKHJlc29sdmVkKCkuc2hvd1RpdGxlICE9PSBmYWxzZSkge1xuICAgICAgICAgICAgICA8dmFsLXNrZWxldG9uXG4gICAgICAgICAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICAgICAgICAgIHR5cGU6ICdjdXN0b20nLFxuICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgICAgICAgICAgIGhlaWdodDogJzE0MHB4JyxcbiAgICAgICAgICAgICAgICAgIGJvcmRlclJhZGl1czogJzIwcHgnLFxuICAgICAgICAgICAgICAgICAgYW5pbWF0ZWQ6IGFuaW0oKSxcbiAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzay1oZXJvX19yb3dzXCI+XG4gICAgICAgICAgICAgIEBmb3IgKGkgb2Ygcm93c0FycmF5KCk7IHRyYWNrIGkpIHtcbiAgICAgICAgICAgICAgICA8dmFsLXNrZWxldG9uXG4gICAgICAgICAgICAgICAgICBbcHJvcHNdPVwie1xuICAgICAgICAgICAgICAgICAgICB0eXBlOiAnY3VzdG9tJyxcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAnNzJweCcsXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlclJhZGl1czogJzE0cHgnLFxuICAgICAgICAgICAgICAgICAgICBhbmltYXRlZDogYW5pbSgpLFxuICAgICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgICAgOmhvc3Qge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICB9XG5cbiAgICAgIC52YWwtc2tlbGV0b24tbGF5b3V0IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICB9XG5cbiAgICAgIC8qIEZPUk0gKi9cbiAgICAgIC5zay1mb3JtX19hdmF0YXIge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBnYXA6IDE2cHg7XG4gICAgICAgIHBhZGRpbmc6IDE2cHggMDtcbiAgICAgIH1cbiAgICAgIC5zay1mb3JtX19hdmF0YXItbWV0YSB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGdhcDogOHB4O1xuICAgICAgfVxuICAgICAgLnNrLWZvcm1fX2ZpZWxkcyB7XG4gICAgICAgIHBhZGRpbmc6IDE2cHggMDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZ2FwOiAxOHB4O1xuICAgICAgfVxuICAgICAgLnNrLWZvcm1fX2ZpZWxkIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZ2FwOiA4cHg7XG4gICAgICB9XG5cbiAgICAgIC8qIExJU1QgKi9cbiAgICAgIC5zay1saXN0IHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZ2FwOiAxMHB4O1xuICAgICAgICBwYWRkaW5nOiA4cHggMDtcbiAgICAgIH1cblxuICAgICAgLyogQVJUSUNMRSAqL1xuICAgICAgLnNrLWFydGljbGUge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBnYXA6IDE2cHg7XG4gICAgICAgIHBhZGRpbmc6IDhweCAwO1xuICAgICAgfVxuXG4gICAgICAvKiBDQVJEUyAqL1xuICAgICAgLnNrLWNhcmRzIHtcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ2FwOiAxMnB4O1xuICAgICAgICBwYWRkaW5nOiA4cHggMDtcbiAgICAgIH1cblxuICAgICAgLyogREVUQUlMICovXG4gICAgICAuc2stZGV0YWlsIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZ2FwOiAxNHB4O1xuICAgICAgICBwYWRkaW5nOiA4cHggMDtcbiAgICAgIH1cbiAgICAgIC5zay1kZXRhaWxfX3JvdyB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgZ2FwOiAxNnB4O1xuICAgICAgfVxuXG4gICAgICAvKiBIRVJPICovXG4gICAgICAuc2staGVybyB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGdhcDogMTZweDtcbiAgICAgICAgcGFkZGluZzogOHB4IDA7XG4gICAgICB9XG4gICAgICAuc2staGVyb19fcm93cyB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGdhcDogMTJweDtcbiAgICAgIH1cbiAgICBgLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa2VsZXRvbkxheW91dENvbXBvbmVudCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgcHJvcHNfID0gc2lnbmFsPFNrZWxldG9uTGF5b3V0TWV0YWRhdGE+KHsgcHJlc2V0OiAnbGlzdCcgfSk7XG5cbiAgQElucHV0KCkgc2V0IHByb3BzKHZhbHVlOiBTa2VsZXRvbkxheW91dE1ldGFkYXRhIHwgdW5kZWZpbmVkKSB7XG4gICAgaWYgKHZhbHVlKSB0aGlzLnByb3BzXy5zZXQodmFsdWUpO1xuICB9XG5cbiAgLyoqIFByb3BzIGNvbiBkZWZhdWx0cyBhcGxpY2Fkb3MuICovXG4gIHJlYWRvbmx5IHJlc29sdmVkID0gY29tcHV0ZWQ8U2tlbGV0b25MYXlvdXRNZXRhZGF0YT4oKCkgPT4gdGhpcy5wcm9wc18oKSk7XG5cbiAgLyoqIFNoaW1tZXIgb24vb2ZmIOKAlCBkZWZhdWx0IG9uLiAqL1xuICByZWFkb25seSBhbmltID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5yZXNvbHZlZCgpLmFuaW1hdGVkICE9PSBmYWxzZSk7XG5cbiAgLyoqIEFycmF5IGBbMC4ucm93cylgIHBhcmEgbG9zIGBAZm9yYC4gcm93cyBkZWwgcHJvcCBvIGRlZmF1bHQgZGVsIHByZXNldC4gKi9cbiAgcmVhZG9ubHkgcm93c0FycmF5ID0gY29tcHV0ZWQ8bnVtYmVyW10+KCgpID0+IHtcbiAgICBjb25zdCBwID0gdGhpcy5yZXNvbHZlZCgpO1xuICAgIGNvbnN0IHByZXNldDogU2tlbGV0b25MYXlvdXRQcmVzZXQgPSBwLnByZXNldDtcbiAgICBjb25zdCBjb3VudCA9IHAucm93cyAmJiBwLnJvd3MgPiAwID8gTWF0aC5mbG9vcihwLnJvd3MpIDogU0tFTEVUT05fTEFZT1VUX0RFRkFVTFRfUk9XU1twcmVzZXRdO1xuICAgIHJldHVybiBBcnJheS5mcm9tKHsgbGVuZ3RoOiBjb3VudCB9LCAoXywgaSkgPT4gaSk7XG4gIH0pO1xuXG4gIC8qKiBgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zYCBwYXJhIGVsIHByZXNldCBjYXJkcy4gKi9cbiAgcmVhZG9ubHkgZ3JpZENvbHVtbnMgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgY29scyA9IHRoaXMucmVzb2x2ZWQoKS5jb2x1bW5zID8/IDI7XG4gICAgcmV0dXJuIGByZXBlYXQoJHtNYXRoLm1heCgxLCBjb2xzKX0sIDFmcilgO1xuICB9KTtcbn1cbiJdfQ==

package/esm2022/lib/components/organisms/skeleton-layout/types.mjs

@@ -0,0 +1,10 @@
+/** Defaults de `rows` por preset cuando el consumer no lo especifica. */
+export const SKELETON_LAYOUT_DEFAULT_ROWS = {
+    form: 3,
+    list: 5,
+    article: 3,
+    cards: 4,
+    detail: 4,
+    hero: 3,
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvb3JnYW5pc21zL3NrZWxldG9uLWxheW91dC90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErREEseUVBQXlFO0FBQ3pFLE1BQU0sQ0FBQyxNQUFNLDRCQUE0QixHQUF5QztJQUNoRixJQUFJLEVBQUUsQ0FBQztJQUNQLElBQUksRUFBRSxDQUFDO0lBQ1AsT0FBTyxFQUFFLENBQUM7SUFDVixLQUFLLEVBQUUsQ0FBQztJQUNSLE1BQU0sRUFBRSxDQUFDO0lBQ1QsSUFBSSxFQUFFLENBQUM7Q0FDUixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBQcmVzZXRzIGRlIGxheW91dCBwYXJhIGB2YWwtc2tlbGV0b24tbGF5b3V0YC5cbiAqXG4gKiBDYWRhIHByZXNldCBjb21wb25lIMOhdG9tb3MgYHZhbC1za2VsZXRvbmAgZW4gbGEgZm9ybWEgZGUgdW5hIHNoYXBlIGRlIHDDoWdpbmFcbiAqIGNvbcO6bi4gUGFyYSBhZ3JlZ2FyIHVubyBudWV2bzogYcOxYWRpciBlbCB2YWxvciBhY8OhICsgdW4gYEBjYXNlYCBlbiBlbFxuICogdGVtcGxhdGUgZGVsIGNvbXBvbmVudGUuIENlcm8gY2FtYmlvcyBlbiBsb3MgY29uc3VtZXJzLlxuICovXG5leHBvcnQgdHlwZSBTa2VsZXRvbkxheW91dFByZXNldCA9XG4gIHwgJ2Zvcm0nIC8vIGhlYWRlciBhdmF0YXIgb3BjaW9uYWwgKyBOIGZpZWxkIGJsb2NrcyAobGFiZWwraW5wdXQpICsgYm90w7NuXG4gIHwgJ2xpc3QnIC8vIE4gZmlsYXMgbGlzdC1pdGVtIChpY29ubyArIDIgbMOtbmVhcylcbiAgfCAnYXJ0aWNsZScgLy8gdMOtdHVsbyArIG1ldGEgKyBww6FycmFmb3MgKGRvYyBsZWdhbCAvIG1hcmtkb3duKVxuICB8ICdjYXJkcycgLy8gZ3JpZCBkZSBOIGNhcmQgYmxvY2tzXG4gIHwgJ2RldGFpbCcgLy8gTiBmaWxhcyBrZXktdmFsdWUgKGxhYmVsIGl6cSArIHZhbG9yIGRlcilcbiAgfCAnaGVybyc7IC8vIGJhbm5lciBncmFuZGUgKyBmaWxhcyBkZSBjb250ZW5pZG8gZGViYWpvXG5cbi8qKlxuICogQ29uZmlndXJhY2nDs24gZGVsIGNvbXBvbmVudGUgYHZhbC1za2VsZXRvbi1sYXlvdXRgLlxuICpcbiAqIEBleGFtcGxlIEZvcm0gY29uIGF2YXRhciAocGVyZmlsKTpcbiAqIGBgYGh0bWxcbiAqIDx2YWwtc2tlbGV0b24tbGF5b3V0IFtwcm9wc109XCJ7IHByZXNldDogJ2Zvcm0nLCByb3dzOiAzLCBzaG93QXZhdGFyOiB0cnVlIH1cIiAvPlxuICogYGBgXG4gKlxuICogQGV4YW1wbGUgTGlzdGEgKG5vdGlmaWNhY2lvbmVzLCBzZXNpb25lcyk6XG4gKiBgYGBodG1sXG4gKiA8dmFsLXNrZWxldG9uLWxheW91dCBbcHJvcHNdPVwieyBwcmVzZXQ6ICdsaXN0Jywgcm93czogNSB9XCIgLz5cbiAqIGBgYFxuICpcbiAqIEBleGFtcGxlIEFydMOtY3VsbyBsZWdhbDpcbiAqIGBgYGh0bWxcbiAqIDx2YWwtc2tlbGV0b24tbGF5b3V0IFtwcm9wc109XCJ7IHByZXNldDogJ2FydGljbGUnIH1cIiAvPlxuICogYGBgXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgU2tlbGV0b25MYXlvdXRNZXRhZGF0YSB7XG4gIC8qKiBTaGFwZSBkZSBsYSBww6FnaW5hIGEgZXNxdWVsZXRpemFyLiAqL1xuICBwcmVzZXQ6IFNrZWxldG9uTGF5b3V0UHJlc2V0O1xuXG4gIC8qKlxuICAgKiBDYW50aWRhZCBkZSBpdGVtcyByZXBldGlibGVzIChmaWVsZHMgZW4gYGZvcm1gLCBmaWxhcyBlbiBgbGlzdGAvYGRldGFpbGAsXG4gICAqIHDDoXJyYWZvcyBlbiBgYXJ0aWNsZWAsIGNhcmRzIGVuIGBjYXJkc2ApLiBTaSBzZSBvbWl0ZSB1c2EgZWwgZGVmYXVsdCBkZWxcbiAgICogcHJlc2V0LlxuICAgKi9cbiAgcm93cz86IG51bWJlcjtcblxuICAvKiogYGZvcm1gIOKAlCBhbnRlcG9uZSB1biBibG9xdWUgYXZhdGFyICsgbWV0YSBsaW5lcy4gRGVmYXVsdCBgZmFsc2VgLiAqL1xuICBzaG93QXZhdGFyPzogYm9vbGVhbjtcblxuICAvKiogYGZvcm1gIOKAlCByZW5kZXJpemEgdW4gYmxvcXVlIGRlIGJvdMOzbiBhbCBmaW5hbC4gRGVmYXVsdCBgdHJ1ZWAuICovXG4gIHNob3dCdXR0b24/OiBib29sZWFuO1xuXG4gIC8qKiBgY2FyZHNgIOKAlCBjb2x1bW5hcyBwb3IgZmlsYS4gRGVmYXVsdCBgMmAuICovXG4gIGNvbHVtbnM/OiBudW1iZXI7XG5cbiAgLyoqIGBhcnRpY2xlYCAvIGBoZXJvYCDigJQgaW5jbHV5ZSBibG9xdWUgZGUgdMOtdHVsbyBncmFuZGUuIERlZmF1bHQgYHRydWVgLiAqL1xuICBzaG93VGl0bGU/OiBib29sZWFuO1xuXG4gIC8qKiBEZXNhY3RpdmEgZWwgc2hpbW1lci4gRGVmYXVsdCBhbmltYWRvLiAqL1xuICBhbmltYXRlZD86IGJvb2xlYW47XG5cbiAgLyoqIENsYXNlIENTUyBleHRyYSBwYXJhIGVsIGNvbnRlbmVkb3IuICovXG4gIGNzc0NsYXNzPzogc3RyaW5nO1xufVxuXG4vKiogRGVmYXVsdHMgZGUgYHJvd3NgIHBvciBwcmVzZXQgY3VhbmRvIGVsIGNvbnN1bWVyIG5vIGxvIGVzcGVjaWZpY2EuICovXG5leHBvcnQgY29uc3QgU0tFTEVUT05fTEFZT1VUX0RFRkFVTFRfUk9XUzogUmVjb3JkPFNrZWxldG9uTGF5b3V0UHJlc2V0LCBudW1iZXI+ID0ge1xuICBmb3JtOiAzLFxuICBsaXN0OiA1LFxuICBhcnRpY2xlOiAzLFxuICBjYXJkczogNCxcbiAgZGV0YWlsOiA0LFxuICBoZXJvOiAzLFxufTtcbiJdfQ==

package/esm2022/lib/components/organisms/tabbed-content/tabbed-content.component.mjs

@@ -0,0 +1,170 @@
+import { Component, Input, Output, EventEmitter, signal, computed, ChangeDetectionStrategy, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SegmentControlComponent } from '../../molecules/segment-control/segment-control.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * val-tabbed-content
+ *
+ * A container component that combines segment navigation with dynamic content panels.
+ * Uses segment-control internally for tab navigation and renders the associated
+ * template for the active tab.
+ *
+ * @example Basic usage with templates
+ * ```html
+ * <ng-template #catalogTemplate>
+ *   <div>Catalog Content</div>
+ * </ng-template>
+ * <ng-template #settingsTemplate>
+ *   <div>Settings Content</div>
+ * </ng-template>
+ *
+ * <val-tabbed-content [props]="{
+ *   tabs: [
+ *     { value: 'catalog', label: 'Catalog', icon: 'layers-outline', template: catalogTemplate },
+ *     { value: 'settings', label: 'Settings', icon: 'settings-outline', template: settingsTemplate }
+ *   ],
+ *   selectedTab: 'catalog',
+ *   scrollable: true,
+ *   animated: true
+ * }" (tabChange)="onTabChange($event)"></val-tabbed-content>
+ * ```
+ *
+ * @input props: TabbedContentMetadata - Configuration for the tabbed content
+ * @output tabChange: string - Emits the selected tab value when changed
+ */
+export class TabbedContentComponent {
+    constructor() {
+        /**
+         * Emits when the active tab changes.
+         */
+        this.tabChange = new EventEmitter();
+        /** Currently selected tab value */
+        this.selectedValue = signal('');
+        /** Whether a transition is in progress */
+        this.isTransitioning = signal(false);
+        /** Computed animation duration string */
+        this.animationDuration = computed(() => `${this.props.animationDuration || 300}ms`);
+        /** Computed segment control props derived from tabs config */
+        this.segmentControlProps = computed(() => {
+            const options = this.props.tabs.map(tab => ({
+                value: tab.value,
+                label: tab.label,
+                icon: tab.icon,
+                disabled: tab.disabled,
+                layout: tab.layout || 'icon-top',
+            }));
+            return {
+                options,
+                value: this.selectedValue(),
+                color: this.props.color || 'primary',
+                scrollable: this.props.scrollable ?? false,
+                swipeGesture: this.props.swipeGesture ?? true,
+                mode: this.props.mode,
+            };
+        });
+        /** Computed active tab object */
+        this.activeTab = computed(() => {
+            return this.props.tabs.find(tab => tab.value === this.selectedValue());
+        });
+    }
+    ngOnInit() {
+        // Set initial selected tab
+        const initialValue = this.props.selectedTab || this.props.tabs[0]?.value || '';
+        this.selectedValue.set(initialValue);
+    }
+    /**
+     * Handles segment change events.
+     */
+    onSegmentChange(value) {
+        if (value === this.selectedValue()) {
+            return;
+        }
+        // Trigger transition animation
+        if (this.props.animated !== false) {
+            this.isTransitioning.set(true);
+            // Reset transition state after animation completes
+            setTimeout(() => {
+                this.selectedValue.set(value);
+                this.isTransitioning.set(false);
+                this.tabChange.emit(value);
+            }, (this.props.animationDuration || 300) / 2);
+        }
+        else {
+            this.selectedValue.set(value);
+            this.tabChange.emit(value);
+        }
+    }
+    /**
+     * Creates the context object for the template outlet.
+     */
+    getTemplateContext(tab) {
+        const index = this.props.tabs.findIndex(t => t.value === tab.value);
+        return {
+            $implicit: tab.value,
+            tab,
+            index,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabbedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TabbedContentComponent, isStandalone: true, selector: "val-tabbed-content", inputs: { props: "props" }, outputs: { tabChange: "tabChange" }, ngImport: i0, template: `
+    <div
+      class="tabbed-content"
+      [class]="props.cssClass"
+      [style.--animation-duration]="animationDuration()"
+    >
+      <!-- Segment Control Navigation -->
+      <val-segment-control
+        [props]="segmentControlProps()"
+        (segmentChange)="onSegmentChange($event)"
+      ></val-segment-control>
+
+      <!-- Tab Content Panel -->
+      <div
+        class="tabbed-content__panel"
+        [class.tabbed-content__panel--animated]="props.animated !== false"
+        [class.tabbed-content__panel--transitioning]="isTransitioning()"
+      >
+        @if (activeTab(); as tab) {
+          <ng-container
+            *ngTemplateOutlet="tab.template; context: getTemplateContext(tab)"
+          ></ng-container>
+        }
+      </div>
+    </div>
+  `, isInline: true, styles: [".tabbed-content{display:flex;flex-direction:column;width:100%}.tabbed-content val-segment-control{margin-bottom:1rem}.tabbed-content val-segment-control ion-segment{--background: var(--ion-color-light);border-radius:12px;padding:4px}.tabbed-content__panel{width:100%;min-height:100px}.tabbed-content__panel--animated{animation:fadeIn var(--animation-duration, .3s) ease-out}.tabbed-content__panel--transitioning{opacity:0;animation:fadeOut calc(var(--animation-duration, .3s) / 2) ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}:host-context(.dark) .tabbed-content val-segment-control ion-segment,:host-context([data-theme=dark]) .tabbed-content val-segment-control ion-segment{--background: var(--ion-color-dark-tint)}@media (max-width: 576px){.tabbed-content val-segment-control ion-segment{padding:2px}.tabbed-content val-segment-control ion-segment-button{min-width:auto;padding:8px 12px}.tabbed-content val-segment-control ion-segment-button ion-label{font-size:.75rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SegmentControlComponent, selector: "val-segment-control", inputs: ["preset", "props"], outputs: ["segmentChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabbedContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-tabbed-content', standalone: true, imports: [CommonModule, SegmentControlComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div
+      class="tabbed-content"
+      [class]="props.cssClass"
+      [style.--animation-duration]="animationDuration()"
+    >
+      <!-- Segment Control Navigation -->
+      <val-segment-control
+        [props]="segmentControlProps()"
+        (segmentChange)="onSegmentChange($event)"
+      ></val-segment-control>
+
+      <!-- Tab Content Panel -->
+      <div
+        class="tabbed-content__panel"
+        [class.tabbed-content__panel--animated]="props.animated !== false"
+        [class.tabbed-content__panel--transitioning]="isTransitioning()"
+      >
+        @if (activeTab(); as tab) {
+          <ng-container
+            *ngTemplateOutlet="tab.template; context: getTemplateContext(tab)"
+          ></ng-container>
+        }
+      </div>
+    </div>
+  `, styles: [".tabbed-content{display:flex;flex-direction:column;width:100%}.tabbed-content val-segment-control{margin-bottom:1rem}.tabbed-content val-segment-control ion-segment{--background: var(--ion-color-light);border-radius:12px;padding:4px}.tabbed-content__panel{width:100%;min-height:100px}.tabbed-content__panel--animated{animation:fadeIn var(--animation-duration, .3s) ease-out}.tabbed-content__panel--transitioning{opacity:0;animation:fadeOut calc(var(--animation-duration, .3s) / 2) ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}:host-context(.dark) .tabbed-content val-segment-control ion-segment,:host-context([data-theme=dark]) .tabbed-content val-segment-control ion-segment{--background: var(--ion-color-dark-tint)}@media (max-width: 576px){.tabbed-content val-segment-control ion-segment{padding:2px}.tabbed-content val-segment-control ion-segment-button{min-width:auto;padding:8px 12px}.tabbed-content val-segment-control ion-segment-button ion-label{font-size:.75rem}}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input
+            }], tabChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiYmVkLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL29yZ2FuaXNtcy90YWJiZWQtY29udGVudC90YWJiZWQtY29udGVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixNQUFNLEVBQ04sUUFBUSxFQUNSLHVCQUF1QixHQUV4QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMkRBQTJELENBQUM7OztBQUlwRzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E2Qkc7QUFrQ0gsTUFBTSxPQUFPLHNCQUFzQjtJQWpDbkM7UUF1Q0U7O1dBRUc7UUFDTyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVqRCxtQ0FBbUM7UUFDM0Isa0JBQWEsR0FBRyxNQUFNLENBQVMsRUFBRSxDQUFDLENBQUM7UUFFM0MsMENBQTBDO1FBQzFDLG9CQUFlLEdBQUcsTUFBTSxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBRXpDLHlDQUF5QztRQUN6QyxzQkFBaUIsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGlCQUFpQixJQUFJLEdBQUcsSUFBSSxDQUFDLENBQUM7UUFFL0UsOERBQThEO1FBQzlELHdCQUFtQixHQUFHLFFBQVEsQ0FBeUIsR0FBRyxFQUFFO1lBQzFELE1BQU0sT0FBTyxHQUFvQixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDO2dCQUMzRCxLQUFLLEVBQUUsR0FBRyxDQUFDLEtBQUs7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WUFBWSxzTUFBRSx1QkFBdUI7OzRGQThCcEMsc0JBQXNCO2tCQWpDbEMsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHVCQUF1QixDQUFDLG1CQUMvQix1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBeUJUOzhCQU9RLEtBQUs7c0JBQWIsS0FBSztnQkFLSSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIHNpZ25hbCxcbiAgY29tcHV0ZWQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBPbkluaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNlZ21lbnRDb250cm9sQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vbW9sZWN1bGVzL3NlZ21lbnQtY29udHJvbC9zZWdtZW50LWNvbnRyb2wuY29tcG9uZW50JztcbmltcG9ydCB7IFNlZ21lbnRDb250cm9sTWV0YWRhdGEsIFNlZ21lbnRPcHRpb24gfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvc2VnbWVudC1jb250cm9sL3R5cGVzJztcbmltcG9ydCB7IFRhYmJlZENvbnRlbnRNZXRhZGF0YSwgVGFiYmVkQ29udGVudFRhYiwgVGFiYmVkQ29udGVudENvbnRleHQgfSBmcm9tICcuL3R5cGVzJztcblxuLyoqXG4gKiB2YWwtdGFiYmVkLWNvbnRlbnRcbiAqXG4gKiBBIGNvbnRhaW5lciBjb21wb25lbnQgdGhhdCBjb21iaW5lcyBzZWdtZW50IG5hdmlnYXRpb24gd2l0aCBkeW5hbWljIGNvbnRlbnQgcGFuZWxzLlxuICogVXNlcyBzZWdtZW50LWNvbnRyb2wgaW50ZXJuYWxseSBmb3IgdGFiIG5hdmlnYXRpb24gYW5kIHJlbmRlcnMgdGhlIGFzc29jaWF0ZWRcbiAqIHRlbXBsYXRlIGZvciB0aGUgYWN0aXZlIHRhYi5cbiAqXG4gKiBAZXhhbXBsZSBCYXNpYyB1c2FnZSB3aXRoIHRlbXBsYXRlc1xuICogYGBgaHRtbFxuICogPG5nLXRlbXBsYXRlICNjYXRhbG9nVGVtcGxhdGU+XG4gKiAgIDxkaXY+Q2F0YWxvZyBDb250ZW50PC9kaXY+XG4gKiA8L25nLXRlbXBsYXRlPlxuICogPG5nLXRlbXBsYXRlICNzZXR0aW5nc1RlbXBsYXRlPlxuICogICA8ZGl2PlNldHRpbmdzIENvbnRlbnQ8L2Rpdj5cbiAqIDwvbmctdGVtcGxhdGU+XG4gKlxuICogPHZhbC10YWJiZWQtY29udGVudCBbcHJvcHNdPVwie1xuICogICB0YWJzOiBbXG4gKiAgICAgeyB2YWx1ZTogJ2NhdGFsb2cnLCBsYWJlbDogJ0NhdGFsb2cnLCBpY29uOiAnbGF5ZXJzLW91dGxpbmUnLCB0ZW1wbGF0ZTogY2F0YWxvZ1RlbXBsYXRlIH0sXG4gKiAgICAgeyB2YWx1ZTogJ3NldHRpbmdzJywgbGFiZWw6ICdTZXR0aW5ncycsIGljb246ICdzZXR0aW5ncy1vdXRsaW5lJywgdGVtcGxhdGU6IHNldHRpbmdzVGVtcGxhdGUgfVxuICogICBdLFxuICogICBzZWxlY3RlZFRhYjogJ2NhdGFsb2cnLFxuICogICBzY3JvbGxhYmxlOiB0cnVlLFxuICogICBhbmltYXRlZDogdHJ1ZVxuICogfVwiICh0YWJDaGFuZ2UpPVwib25UYWJDaGFuZ2UoJGV2ZW50KVwiPjwvdmFsLXRhYmJlZC1jb250ZW50PlxuICogYGBgXG4gKlxuICogQGlucHV0IHByb3BzOiBUYWJiZWRDb250ZW50TWV0YWRhdGEgLSBDb25maWd1cmF0aW9uIGZvciB0aGUgdGFiYmVkIGNvbnRlbnRcbiAqIEBvdXRwdXQgdGFiQ2hhbmdlOiBzdHJpbmcgLSBFbWl0cyB0aGUgc2VsZWN0ZWQgdGFiIHZhbHVlIHdoZW4gY2hhbmdlZFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtdGFiYmVkLWNvbnRlbnQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTZWdtZW50Q29udHJvbENvbXBvbmVudF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwidGFiYmVkLWNvbnRlbnRcIlxuICAgICAgW2NsYXNzXT1cInByb3BzLmNzc0NsYXNzXCJcbiAgICAgIFtzdHlsZS4tLWFuaW1hdGlvbi1kdXJhdGlvbl09XCJhbmltYXRpb25EdXJhdGlvbigpXCJcbiAgICA+XG4gICAgICA8IS0tIFNlZ21lbnQgQ29udHJvbCBOYXZpZ2F0aW9uIC0tPlxuICAgICAgPHZhbC1zZWdtZW50LWNvbnRyb2xcbiAgICAgICAgW3Byb3BzXT1cInNlZ21lbnRDb250cm9sUHJvcHMoKVwiXG4gICAgICAgIChzZWdtZW50Q2hhbmdlKT1cIm9uU2VnbWVudENoYW5nZSgkZXZlbnQpXCJcbiAgICAgID48L3ZhbC1zZWdtZW50LWNvbnRyb2w+XG5cbiAgICAgIDwhLS0gVGFiIENvbnRlbnQgUGFuZWwgLS0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwidGFiYmVkLWNvbnRlbnRfX3BhbmVsXCJcbiAgICAgICAgW2NsYXNzLnRhYmJlZC1jb250ZW50X19wYW5lbC0tYW5pbWF0ZWRdPVwicHJvcHMuYW5pbWF0ZWQgIT09IGZhbHNlXCJcbiAgICAgICAgW2NsYXNzLnRhYmJlZC1jb250ZW50X19wYW5lbC0tdHJhbnNpdGlvbmluZ109XCJpc1RyYW5zaXRpb25pbmcoKVwiXG4gICAgICA+XG4gICAgICAgIEBpZiAoYWN0aXZlVGFiKCk7IGFzIHRhYikge1xuICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwidGFiLnRlbXBsYXRlOyBjb250ZXh0OiBnZXRUZW1wbGF0ZUNvbnRleHQodGFiKVwiXG4gICAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vdGFiYmVkLWNvbnRlbnQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVGFiYmVkQ29udGVudENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBDb25maWd1cmF0aW9uIG9iamVjdCBmb3IgdGhlIHRhYmJlZCBjb250ZW50LlxuICAgKi9cbiAgQElucHV0KCkgcHJvcHMhOiBUYWJiZWRDb250ZW50TWV0YWRhdGE7XG5cbiAgLyoqXG4gICAqIEVtaXRzIHdoZW4gdGhlIGFjdGl2ZSB0YWIgY2hhbmdlcy5cbiAgICovXG4gIEBPdXRwdXQoKSB0YWJDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICAvKiogQ3VycmVudGx5IHNlbGVjdGVkIHRhYiB2YWx1ZSAqL1xuICBwcml2YXRlIHNlbGVjdGVkVmFsdWUgPSBzaWduYWw8c3RyaW5nPignJyk7XG5cbiAgLyoqIFdoZXRoZXIgYSB0cmFuc2l0aW9uIGlzIGluIHByb2dyZXNzICovXG4gIGlzVHJhbnNpdGlvbmluZyA9IHNpZ25hbDxib29sZWFuPihmYWxzZSk7XG5cbiAgLyoqIENvbXB1dGVkIGFuaW1hdGlvbiBkdXJhdGlvbiBzdHJpbmcgKi9cbiAgYW5pbWF0aW9uRHVyYXRpb24gPSBjb21wdXRlZCgoKSA9PiBgJHt0aGlzLnByb3BzLmFuaW1hdGlvbkR1cmF0aW9uIHx8IDMwMH1tc2ApO1xuXG4gIC8qKiBDb21wdXRlZCBzZWdtZW50IGNvbnRyb2wgcHJvcHMgZGVyaXZlZCBmcm9tIHRhYnMgY29uZmlnICovXG4gIHNlZ21lbnRDb250cm9sUHJvcHMgPSBjb21wdXRlZDxTZWdtZW50Q29udHJvbE1ldGFkYXRhPigoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uczogU2VnbWVudE9wdGlvbltdID0gdGhpcy5wcm9wcy50YWJzLm1hcCh0YWIgPT4gKHtcbiAgICAgIHZhbHVlOiB0YWIudmFsdWUsXG4gICAgICBsYWJlbDogdGFiLmxhYmVsLFxuICAgICAgaWNvbjogdGFiLmljb24sXG4gICAgICBkaXNhYmxlZDogdGFiLmRpc2FibGVkLFxuICAgICAgbGF5b3V0OiB0YWIubGF5b3V0IHx8ICdpY29uLXRvcCcsXG4gICAgfSkpO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIG9wdGlvbnMsXG4gICAgICB2YWx1ZTogdGhpcy5zZWxlY3RlZFZhbHVlKCksXG4gICAgICBjb2xvcjogdGhpcy5wcm9wcy5jb2xvciB8fCAncHJpbWFyeScsXG4gICAgICBzY3JvbGxhYmxlOiB0aGlzLnByb3BzLnNjcm9sbGFibGUgPz8gZmFsc2UsXG4gICAgICBzd2lwZUdlc3R1cmU6IHRoaXMucHJvcHMuc3dpcGVHZXN0dXJlID8/IHRydWUsXG4gICAgICBtb2RlOiB0aGlzLnByb3BzLm1vZGUsXG4gICAgfTtcbiAgfSk7XG5cbiAgLyoqIENvbXB1dGVkIGFjdGl2ZSB0YWIgb2JqZWN0ICovXG4gIGFjdGl2ZVRhYiA9IGNvbXB1dGVkPFRhYmJlZENvbnRlbnRUYWIgfCB1bmRlZmluZWQ+KCgpID0+IHtcbiAgICByZXR1cm4gdGhpcy5wcm9wcy50YWJzLmZpbmQodGFiID0+IHRhYi52YWx1ZSA9PT0gdGhpcy5zZWxlY3RlZFZhbHVlKCkpO1xuICB9KTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvLyBTZXQgaW5pdGlhbCBzZWxlY3RlZCB0YWJcbiAgICBjb25zdCBpbml0aWFsVmFsdWUgPSB0aGlzLnByb3BzLnNlbGVjdGVkVGFiIHx8IHRoaXMucHJvcHMudGFic1swXT8udmFsdWUgfHwgJyc7XG4gICAgdGhpcy5zZWxlY3RlZFZhbHVlLnNldChpbml0aWFsVmFsdWUpO1xuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZXMgc2VnbWVudCBjaGFuZ2UgZXZlbnRzLlxuICAgKi9cbiAgb25TZWdtZW50Q2hhbmdlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICBpZiAodmFsdWUgPT09IHRoaXMuc2VsZWN0ZWRWYWx1ZSgpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gVHJpZ2dlciB0cmFuc2l0aW9uIGFuaW1hdGlvblxuICAgIGlmICh0aGlzLnByb3BzLmFuaW1hdGVkICE9PSBmYWxzZSkge1xuICAgICAgdGhpcy5pc1RyYW5zaXRpb25pbmcuc2V0KHRydWUpO1xuXG4gICAgICAvLyBSZXNldCB0cmFuc2l0aW9uIHN0YXRlIGFmdGVyIGFuaW1hdGlvbiBjb21wbGV0ZXNcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICB0aGlzLnNlbGVjdGVkVmFsdWUuc2V0KHZhbHVlKTtcbiAgICAgICAgdGhpcy5pc1RyYW5zaXRpb25pbmcuc2V0KGZhbHNlKTtcbiAgICAgICAgdGhpcy50YWJDaGFuZ2UuZW1pdCh2YWx1ZSk7XG4gICAgICB9LCAodGhpcy5wcm9wcy5hbmltYXRpb25EdXJhdGlvbiB8fCAzMDApIC8gMik7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZS5zZXQodmFsdWUpO1xuICAgICAgdGhpcy50YWJDaGFuZ2UuZW1pdCh2YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIENyZWF0ZXMgdGhlIGNvbnRleHQgb2JqZWN0IGZvciB0aGUgdGVtcGxhdGUgb3V0bGV0LlxuICAgKi9cbiAgZ2V0VGVtcGxhdGVDb250ZXh0KHRhYjogVGFiYmVkQ29udGVudFRhYik6IFRhYmJlZENvbnRlbnRDb250ZXh0IHtcbiAgICBjb25zdCBpbmRleCA9IHRoaXMucHJvcHMudGFicy5maW5kSW5kZXgodCA9PiB0LnZhbHVlID09PSB0YWIudmFsdWUpO1xuICAgIHJldHVybiB7XG4gICAgICAkaW1wbGljaXQ6IHRhYi52YWx1ZSxcbiAgICAgIHRhYixcbiAgICAgIGluZGV4LFxuICAgIH07XG4gIH1cbn1cbiJdfQ==