valtech-components 2.0.691 → 2.0.692

package/esm2022/lib/components/molecules/docs-api-table/docs-api-table.component.mjs

@@ -0,0 +1,222 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import { API_TABLE_COLUMN_LABELS } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-docs-api-table
+ *
+ * A table component for documenting component APIs (inputs, outputs, methods).
+ *
+ * @example Properties table
+ * ```html
+ * <val-docs-api-table
+ *   [props]="{
+ *     title: 'Properties',
+ *     items: [
+ *       { name: 'disabled', type: 'boolean', default: 'false', description: 'Disables the button' },
+ *       { name: 'color', type: 'string', default: 'primary', description: 'Button color variant' }
+ *     ]
+ *   }"
+ * ></val-docs-api-table>
+ * ```
+ *
+ * @example Events table
+ * ```html
+ * <val-docs-api-table
+ *   [props]="{
+ *     title: 'Events',
+ *     columns: ['name', 'type', 'description'],
+ *     items: [
+ *       { name: 'click', type: 'EventEmitter<MouseEvent>', description: 'Emitted when clicked' }
+ *     ]
+ *   }"
+ * ></val-docs-api-table>
+ * ```
+ */
+export class DocsApiTableComponent {
+    constructor() {
+        this.props = { items: [] };
+        this.columnLabels = API_TABLE_COLUMN_LABELS;
+    }
+    get displayColumns() {
+        return this.props.columns || ['name', 'type', 'default', 'description'];
+    }
+    getColumnLabel(col) {
+        return this.columnLabels[col];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DocsApiTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DocsApiTableComponent, isStandalone: true, selector: "val-docs-api-table", inputs: { props: "props" }, ngImport: i0, template: `
+    <div
+      class="docs-api-table"
+      [class]="props.cssClass"
+      [class.docs-api-table--bordered]="props.bordered !== false"
+    >
+      @if (props.title) {
+        <h3 class="docs-api-table__title">{{ props.title }}</h3>
+      }
+
+      <div class="docs-api-table__wrapper">
+        <table class="docs-api-table__table">
+          <thead>
+            <tr>
+              @for (col of displayColumns; track col) {
+                <th
+                  scope="col"
+                  class="docs-api-table__th"
+                  [class.docs-api-table__th--name]="col === 'name'"
+                  [class.docs-api-table__th--type]="col === 'type'"
+                  [class.docs-api-table__th--default]="col === 'default'"
+                  [class.docs-api-table__th--description]="col === 'description'"
+                >
+                  {{ getColumnLabel(col) }}
+                </th>
+              }
+            </tr>
+          </thead>
+          <tbody>
+            @for (item of props.items; track item.name) {
+              <tr
+                class="docs-api-table__row"
+                [class.docs-api-table__row--deprecated]="item.deprecated"
+              >
+                @for (col of displayColumns; track col) {
+                  <td
+                    class="docs-api-table__td"
+                    [class.docs-api-table__td--name]="col === 'name'"
+                    [class.docs-api-table__td--type]="col === 'type'"
+                    [class.docs-api-table__td--default]="col === 'default'"
+                    [class.docs-api-table__td--description]="col === 'description'"
+                    [attr.data-label]="getColumnLabel(col)"
+                  >
+                    @switch (col) {
+                      @case ('name') {
+                        <code class="docs-api-table__code">{{ item.name }}</code>
+                        @if (item.required) {
+                          <span class="docs-api-table__required" aria-label="Required" title="Required">*</span>
+                        }
+                        @if (item.deprecated) {
+                          <span class="docs-api-table__badge docs-api-table__badge--deprecated" aria-label="This property is deprecated">Deprecated</span>
+                        }
+                      }
+                      @case ('type') {
+                        <code class="docs-api-table__type">{{ item.type || '-' }}</code>
+                      }
+                      @case ('default') {
+                        <code class="docs-api-table__default">{{ item.default || '-' }}</code>
+                      }
+                      @case ('description') {
+                        <span>{{ item.description || '-' }}</span>
+                        @if (item.deprecated && item.deprecationNote) {
+                          <div class="docs-api-table__deprecation-note">
+                            {{ item.deprecationNote }}
+                          </div>
+                        }
+                      }
+                      @case ('required') {
+                        {{ item.required ? 'Yes' : 'No' }}
+                      }
+                    }
+                  </td>
+                }
+              </tr>
+            }
+          </tbody>
+        </table>
+      </div>
+
+      @if (props.items.length === 0) {
+        <p class="docs-api-table__empty">No items to display.</p>
+      }
+    </div>
+  `, isInline: true, styles: [".docs-api-table{--table-bg: var(--ion-background-color, #fff);--table-border: var(--ion-border-color, #e0e0e0);--table-header-bg: #f8f9fa;--table-row-hover: rgba(0, 0, 0, .02);--table-text: var(--ion-text-color, #1a1a1a);--table-text-secondary: #5b6570;--code-bg: #f1f3f5;--code-text: #0d6efd;--type-bg: #e9ecef;--type-text: #495057;margin:1.5rem 0;font-family:var(--ion-font-family, system-ui, -apple-system, sans-serif)}.docs-api-table__title{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:var(--table-text)}.docs-api-table__wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.docs-api-table__table{width:100%;min-width:620px;border-collapse:separate;border-spacing:0;font-size:.875rem;line-height:1.5;table-layout:fixed}.docs-api-table__th{text-align:left;padding:.625rem .75rem;font-weight:600;font-size:.8125rem;color:var(--table-text-secondary);background:var(--table-header-bg);border-bottom:2px solid var(--table-border);white-space:nowrap}.docs-api-table__th--name{width:120px}.docs-api-table__th--type{width:160px}.docs-api-table__th--default{width:110px}.docs-api-table__th--description{width:auto}.docs-api-table__td{padding:.625rem .75rem;border-bottom:1px solid var(--table-border);vertical-align:top;color:var(--table-text)}.docs-api-table__td--description{color:var(--table-text-secondary);line-height:1.5}.docs-api-table__row{transition:background-color .15s ease}.docs-api-table__row:hover{background:var(--table-row-hover)}.docs-api-table__row:last-child .docs-api-table__td{border-bottom:none}.docs-api-table__row--deprecated{opacity:.65}.docs-api-table__row--deprecated .docs-api-table__code{text-decoration:line-through}.docs-api-table__code{display:inline-block;font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:.75rem;font-weight:500;color:var(--code-text);background:var(--code-bg);padding:.125rem .375rem;border-radius:4px;word-break:break-word}.docs-api-table__type,.docs-api-table__default{display:inline-block;font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:.6875rem;font-weight:500;color:var(--type-text);background:var(--type-bg);padding:.1875rem .375rem;border-radius:4px;white-space:normal;word-break:break-word}.docs-api-table__required{color:var(--ion-color-danger, #dc3545);font-weight:700;margin-left:.25rem;font-size:1rem;vertical-align:middle}.docs-api-table__badge{display:inline-block;margin-left:.5rem;padding:.1875rem .5rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border-radius:4px;background:#e9ecef;color:#495057;vertical-align:middle}.docs-api-table__badge--deprecated{background:#fff3cd;color:#856404}.docs-api-table__deprecation-note{margin-top:.5rem;font-size:.75rem;font-style:italic;color:#856404}.docs-api-table__empty{padding:3rem;text-align:center;color:var(--table-text-secondary);font-style:italic}.docs-api-table--bordered .docs-api-table__wrapper{border:1px solid var(--table-border);border-radius:12px;overflow-x:auto;overflow-y:hidden;background:var(--table-bg)}.docs-api-table--bordered .docs-api-table__th:first-child{border-top-left-radius:11px}.docs-api-table--bordered .docs-api-table__th:last-child{border-top-right-radius:11px}@media (max-width: 768px){.docs-api-table__wrapper{overflow-x:visible}.docs-api-table__table{display:block;min-width:0;width:100%}.docs-api-table__table thead{display:none}.docs-api-table__table tbody{display:block}.docs-api-table__row{display:block;padding:1rem;margin-bottom:.5rem;border:1px solid var(--table-border);border-radius:8px;background:var(--table-bg)}.docs-api-table__row:last-child{margin-bottom:0}.docs-api-table__row:hover{background:var(--table-row-hover)}.docs-api-table__td{display:block;padding:.375rem 0;border:none!important;width:100%}.docs-api-table__td:before{content:attr(data-label);display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--table-text-secondary);margin-bottom:.25rem}.docs-api-table__td--name{padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--table-border)!important}.docs-api-table__td--description:before{display:none}.docs-api-table--bordered .docs-api-table__wrapper{border:none;border-radius:0;background:transparent;overflow-x:visible}}:host-context(.dark) .docs-api-table,:host-context([color-scheme=dark]) .docs-api-table{--table-bg: #1e1e1e;--table-border: #3a3a3a;--table-header-bg: #252525;--table-row-hover: rgba(255, 255, 255, .03);--table-text: #f4f5f8;--table-text-secondary: #a0a0a0;--code-bg: rgba(56, 139, 253, .15);--code-text: #79b8ff;--type-bg: rgba(255, 255, 255, .08);--type-text: #c9d1d9}:host-context(.dark) .docs-api-table__badge,:host-context([color-scheme=dark]) .docs-api-table__badge{background:#ffffff14;color:#c9d1d9}:host-context(.dark) .docs-api-table__badge--deprecated,:host-context([color-scheme=dark]) .docs-api-table__badge--deprecated{background:#ffc10726;color:#ffc107}:host-context(.dark) .docs-api-table__deprecation-note,:host-context([color-scheme=dark]) .docs-api-table__deprecation-note{color:#ffc107}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DocsApiTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-docs-api-table', standalone: true, imports: [CommonModule], template: `
+    <div
+      class="docs-api-table"
+      [class]="props.cssClass"
+      [class.docs-api-table--bordered]="props.bordered !== false"
+    >
+      @if (props.title) {
+        <h3 class="docs-api-table__title">{{ props.title }}</h3>
+      }
+
+      <div class="docs-api-table__wrapper">
+        <table class="docs-api-table__table">
+          <thead>
+            <tr>
+              @for (col of displayColumns; track col) {
+                <th
+                  scope="col"
+                  class="docs-api-table__th"
+                  [class.docs-api-table__th--name]="col === 'name'"
+                  [class.docs-api-table__th--type]="col === 'type'"
+                  [class.docs-api-table__th--default]="col === 'default'"
+                  [class.docs-api-table__th--description]="col === 'description'"
+                >
+                  {{ getColumnLabel(col) }}
+                </th>
+              }
+            </tr>
+          </thead>
+          <tbody>
+            @for (item of props.items; track item.name) {
+              <tr
+                class="docs-api-table__row"
+                [class.docs-api-table__row--deprecated]="item.deprecated"
+              >
+                @for (col of displayColumns; track col) {
+                  <td
+                    class="docs-api-table__td"
+                    [class.docs-api-table__td--name]="col === 'name'"
+                    [class.docs-api-table__td--type]="col === 'type'"
+                    [class.docs-api-table__td--default]="col === 'default'"
+                    [class.docs-api-table__td--description]="col === 'description'"
+                    [attr.data-label]="getColumnLabel(col)"
+                  >
+                    @switch (col) {
+                      @case ('name') {
+                        <code class="docs-api-table__code">{{ item.name }}</code>
+                        @if (item.required) {
+                          <span class="docs-api-table__required" aria-label="Required" title="Required">*</span>
+                        }
+                        @if (item.deprecated) {
+                          <span class="docs-api-table__badge docs-api-table__badge--deprecated" aria-label="This property is deprecated">Deprecated</span>
+                        }
+                      }
+                      @case ('type') {
+                        <code class="docs-api-table__type">{{ item.type || '-' }}</code>
+                      }
+                      @case ('default') {
+                        <code class="docs-api-table__default">{{ item.default || '-' }}</code>
+                      }
+                      @case ('description') {
+                        <span>{{ item.description || '-' }}</span>
+                        @if (item.deprecated && item.deprecationNote) {
+                          <div class="docs-api-table__deprecation-note">
+                            {{ item.deprecationNote }}
+                          </div>
+                        }
+                      }
+                      @case ('required') {
+                        {{ item.required ? 'Yes' : 'No' }}
+                      }
+                    }
+                  </td>
+                }
+              </tr>
+            }
+          </tbody>
+        </table>
+      </div>
+
+      @if (props.items.length === 0) {
+        <p class="docs-api-table__empty">No items to display.</p>
+      }
+    </div>
+  `, styles: [".docs-api-table{--table-bg: var(--ion-background-color, #fff);--table-border: var(--ion-border-color, #e0e0e0);--table-header-bg: #f8f9fa;--table-row-hover: rgba(0, 0, 0, .02);--table-text: var(--ion-text-color, #1a1a1a);--table-text-secondary: #5b6570;--code-bg: #f1f3f5;--code-text: #0d6efd;--type-bg: #e9ecef;--type-text: #495057;margin:1.5rem 0;font-family:var(--ion-font-family, system-ui, -apple-system, sans-serif)}.docs-api-table__title{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:var(--table-text)}.docs-api-table__wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.docs-api-table__table{width:100%;min-width:620px;border-collapse:separate;border-spacing:0;font-size:.875rem;line-height:1.5;table-layout:fixed}.docs-api-table__th{text-align:left;padding:.625rem .75rem;font-weight:600;font-size:.8125rem;color:var(--table-text-secondary);background:var(--table-header-bg);border-bottom:2px solid var(--table-border);white-space:nowrap}.docs-api-table__th--name{width:120px}.docs-api-table__th--type{width:160px}.docs-api-table__th--default{width:110px}.docs-api-table__th--description{width:auto}.docs-api-table__td{padding:.625rem .75rem;border-bottom:1px solid var(--table-border);vertical-align:top;color:var(--table-text)}.docs-api-table__td--description{color:var(--table-text-secondary);line-height:1.5}.docs-api-table__row{transition:background-color .15s ease}.docs-api-table__row:hover{background:var(--table-row-hover)}.docs-api-table__row:last-child .docs-api-table__td{border-bottom:none}.docs-api-table__row--deprecated{opacity:.65}.docs-api-table__row--deprecated .docs-api-table__code{text-decoration:line-through}.docs-api-table__code{display:inline-block;font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:.75rem;font-weight:500;color:var(--code-text);background:var(--code-bg);padding:.125rem .375rem;border-radius:4px;word-break:break-word}.docs-api-table__type,.docs-api-table__default{display:inline-block;font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:.6875rem;font-weight:500;color:var(--type-text);background:var(--type-bg);padding:.1875rem .375rem;border-radius:4px;white-space:normal;word-break:break-word}.docs-api-table__required{color:var(--ion-color-danger, #dc3545);font-weight:700;margin-left:.25rem;font-size:1rem;vertical-align:middle}.docs-api-table__badge{display:inline-block;margin-left:.5rem;padding:.1875rem .5rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border-radius:4px;background:#e9ecef;color:#495057;vertical-align:middle}.docs-api-table__badge--deprecated{background:#fff3cd;color:#856404}.docs-api-table__deprecation-note{margin-top:.5rem;font-size:.75rem;font-style:italic;color:#856404}.docs-api-table__empty{padding:3rem;text-align:center;color:var(--table-text-secondary);font-style:italic}.docs-api-table--bordered .docs-api-table__wrapper{border:1px solid var(--table-border);border-radius:12px;overflow-x:auto;overflow-y:hidden;background:var(--table-bg)}.docs-api-table--bordered .docs-api-table__th:first-child{border-top-left-radius:11px}.docs-api-table--bordered .docs-api-table__th:last-child{border-top-right-radius:11px}@media (max-width: 768px){.docs-api-table__wrapper{overflow-x:visible}.docs-api-table__table{display:block;min-width:0;width:100%}.docs-api-table__table thead{display:none}.docs-api-table__table tbody{display:block}.docs-api-table__row{display:block;padding:1rem;margin-bottom:.5rem;border:1px solid var(--table-border);border-radius:8px;background:var(--table-bg)}.docs-api-table__row:last-child{margin-bottom:0}.docs-api-table__row:hover{background:var(--table-row-hover)}.docs-api-table__td{display:block;padding:.375rem 0;border:none!important;width:100%}.docs-api-table__td:before{content:attr(data-label);display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--table-text-secondary);margin-bottom:.25rem}.docs-api-table__td--name{padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--table-border)!important}.docs-api-table__td--description:before{display:none}.docs-api-table--bordered .docs-api-table__wrapper{border:none;border-radius:0;background:transparent;overflow-x:visible}}:host-context(.dark) .docs-api-table,:host-context([color-scheme=dark]) .docs-api-table{--table-bg: #1e1e1e;--table-border: #3a3a3a;--table-header-bg: #252525;--table-row-hover: rgba(255, 255, 255, .03);--table-text: #f4f5f8;--table-text-secondary: #a0a0a0;--code-bg: rgba(56, 139, 253, .15);--code-text: #79b8ff;--type-bg: rgba(255, 255, 255, .08);--type-text: #c9d1d9}:host-context(.dark) .docs-api-table__badge,:host-context([color-scheme=dark]) .docs-api-table__badge{background:#ffffff14;color:#c9d1d9}:host-context(.dark) .docs-api-table__badge--deprecated,:host-context([color-scheme=dark]) .docs-api-table__badge--deprecated{background:#ffc10726;color:#ffc107}:host-context(.dark) .docs-api-table__deprecation-note,:host-context([color-scheme=dark]) .docs-api-table__deprecation-note{color:#ffc107}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jcy1hcGktdGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9kb2NzLWFwaS10YWJsZS9kb2NzLWFwaS10YWJsZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBb0QsdUJBQXVCLEVBQUUsTUFBTSxTQUFTLENBQUM7O0FBRXBHOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E4Qkc7QUEyRkgsTUFBTSxPQUFPLHFCQUFxQjtJQTFGbEM7UUEyRlcsVUFBSyxHQUF5QixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQztRQUU1QyxpQkFBWSxHQUFHLHVCQUF1QixDQUFDO0tBU2pEO0lBUEMsSUFBSSxjQUFjO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxhQUFhLENBQUMsQ0FBQztJQUMxRSxDQUFDO0lBRUQsY0FBYyxDQUFDLEdBQWtCO1FBQy9CLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNoQyxDQUFDOytHQVhVLHFCQUFxQjttR0FBckIscUJBQXFCLDBHQXRGdEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUZULGdoS0FwRlMsWUFBWTs7NEZBdUZYLHFCQUFxQjtrQkExRmpDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxZQUNiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1GVDs4QkFJUSxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9jc0FwaVRhYmxlTWV0YWRhdGEsIERvY3NBcGlDb2x1bW4sIERvY3NBcGlJdGVtLCBBUElfVEFCTEVfQ09MVU1OX0xBQkVMUyB9IGZyb20gJy4vdHlwZXMnO1xuXG4vKipcbiAqIHZhbC1kb2NzLWFwaS10YWJsZVxuICpcbiAqIEEgdGFibGUgY29tcG9uZW50IGZvciBkb2N1bWVudGluZyBjb21wb25lbnQgQVBJcyAoaW5wdXRzLCBvdXRwdXRzLCBtZXRob2RzKS5cbiAqXG4gKiBAZXhhbXBsZSBQcm9wZXJ0aWVzIHRhYmxlXG4gKiBgYGBodG1sXG4gKiA8dmFsLWRvY3MtYXBpLXRhYmxlXG4gKiAgIFtwcm9wc109XCJ7XG4gKiAgICAgdGl0bGU6ICdQcm9wZXJ0aWVzJyxcbiAqICAgICBpdGVtczogW1xuICogICAgICAgeyBuYW1lOiAnZGlzYWJsZWQnLCB0eXBlOiAnYm9vbGVhbicsIGRlZmF1bHQ6ICdmYWxzZScsIGRlc2NyaXB0aW9uOiAnRGlzYWJsZXMgdGhlIGJ1dHRvbicgfSxcbiAqICAgICAgIHsgbmFtZTogJ2NvbG9yJywgdHlwZTogJ3N0cmluZycsIGRlZmF1bHQ6ICdwcmltYXJ5JywgZGVzY3JpcHRpb246ICdCdXR0b24gY29sb3IgdmFyaWFudCcgfVxuICogICAgIF1cbiAqICAgfVwiXG4gKiA+PC92YWwtZG9jcy1hcGktdGFibGU+XG4gKiBgYGBcbiAqXG4gKiBAZXhhbXBsZSBFdmVudHMgdGFibGVcbiAqIGBgYGh0bWxcbiAqIDx2YWwtZG9jcy1hcGktdGFibGVcbiAqICAgW3Byb3BzXT1cIntcbiAqICAgICB0aXRsZTogJ0V2ZW50cycsXG4gKiAgICAgY29sdW1uczogWyduYW1lJywgJ3R5cGUnLCAnZGVzY3JpcHRpb24nXSxcbiAqICAgICBpdGVtczogW1xuICogICAgICAgeyBuYW1lOiAnY2xpY2snLCB0eXBlOiAnRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+JywgZGVzY3JpcHRpb246ICdFbWl0dGVkIHdoZW4gY2xpY2tlZCcgfVxuICogICAgIF1cbiAqICAgfVwiXG4gKiA+PC92YWwtZG9jcy1hcGktdGFibGU+XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLWRvY3MtYXBpLXRhYmxlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJkb2NzLWFwaS10YWJsZVwiXG4gICAgICBbY2xhc3NdPVwicHJvcHMuY3NzQ2xhc3NcIlxuICAgICAgW2NsYXNzLmRvY3MtYXBpLXRhYmxlLS1ib3JkZXJlZF09XCJwcm9wcy5ib3JkZXJlZCAhPT0gZmFsc2VcIlxuICAgID5cbiAgICAgIEBpZiAocHJvcHMudGl0bGUpIHtcbiAgICAgICAgPGgzIGNsYXNzPVwiZG9jcy1hcGktdGFibGVfX3RpdGxlXCI+e3sgcHJvcHMudGl0bGUgfX08L2gzPlxuICAgICAgfVxuXG4gICAgICA8ZGl2IGNsYXNzPVwiZG9jcy1hcGktdGFibGVfX3dyYXBwZXJcIj5cbiAgICAgICAgPHRhYmxlIGNsYXNzPVwiZG9jcy1hcGktdGFibGVfX3RhYmxlXCI+XG4gICAgICAgICAgPHRoZWFkPlxuICAgICAgICAgICAgPHRyPlxuICAgICAgICAgICAgICBAZm9yIChjb2wgb2YgZGlzcGxheUNvbHVtbnM7IHRyYWNrIGNvbCkge1xuICAgICAgICAgICAgICAgIDx0aFxuICAgICAgICAgICAgICAgICAgc2NvcGU9XCJjb2xcIlxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJkb2NzLWFwaS10YWJsZV9fdGhcIlxuICAgICAgICAgICAgICAgICAgW2NsYXNzLmRvY3MtYXBpLXRhYmxlX190aC0tbmFtZV09XCJjb2wgPT09ICduYW1lJ1wiXG4gICAgICAgICAgICAgICAgICBbY2xhc3MuZG9jcy1hcGktdGFibGVfX3RoLS10eXBlXT1cImNvbCA9PT0gJ3R5cGUnXCJcbiAgICAgICAgICAgICAgICAgIFtjbGFzcy5kb2NzLWFwaS10YWJsZV9fdGgtLWRlZmF1bHRdPVwiY29sID09PSAnZGVmYXVsdCdcIlxuICAgICAgICAgICAgICAgICAgW2NsYXNzLmRvY3MtYXBpLXRhYmxlX190aC0tZGVzY3JpcHRpb25dPVwiY29sID09PSAnZGVzY3JpcHRpb24nXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7eyBnZXRDb2x1bW5MYWJlbChjb2wpIH19XG4gICAgICAgICAgICAgICAgPC90aD5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICA8L3RoZWFkPlxuICAgICAgICAgIDx0Ym9keT5cbiAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2YgcHJvcHMuaXRlbXM7IHRyYWNrIGl0ZW0ubmFtZSkge1xuICAgICAgICAgICAgICA8dHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImRvY3MtYXBpLXRhYmxlX19yb3dcIlxuICAgICAgICAgICAgICAgIFtjbGFzcy5kb2NzLWFwaS10YWJsZV9fcm93LS1kZXByZWNhdGVkXT1cIml0ZW0uZGVwcmVjYXRlZFwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICBAZm9yIChjb2wgb2YgZGlzcGxheUNvbHVtbnM7IHRyYWNrIGNvbCkge1xuICAgICAgICAgICAgICAgICAgPHRkXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZG9jcy1hcGktdGFibGVfX3RkXCJcbiAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmRvY3MtYXBpLXRhYmxlX190ZC0tbmFtZV09XCJjb2wgPT09ICduYW1lJ1wiXG4gICAgICAgICAgICAgICAgICAgIFtjbGFzcy5kb2NzLWFwaS10YWJsZV9fdGQtLXR5cGVdPVwiY29sID09PSAndHlwZSdcIlxuICAgICAgICAgICAgICAgICAgICBbY2xhc3MuZG9jcy1hcGktdGFibGVfX3RkLS1kZWZhdWx0XT1cImNvbCA9PT0gJ2RlZmF1bHQnXCJcbiAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmRvY3MtYXBpLXRhYmxlX190ZC0tZGVzY3JpcHRpb25dPVwiY29sID09PSAnZGVzY3JpcHRpb24nXCJcbiAgICAgICAgICAgICAgICAgICAgW2F0dHIuZGF0YS1sYWJlbF09XCJnZXRDb2x1bW5MYWJlbChjb2wpXCJcbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgQHN3aXRjaCAoY29sKSB7XG4gICAgICAgICAgICAgICAgICAgICAgQGNhc2UgKCduYW1lJykge1xuICAgICAgICAgICAgICAgICAgICAgICAgPGNvZGUgY2xhc3M9XCJkb2NzLWFwaS10YWJsZV9fY29kZVwiPnt7IGl0ZW0ubmFtZSB9fTwvY29kZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoaXRlbS5yZXF1aXJlZCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImRvY3MtYXBpLXRhYmxlX19yZXF1aXJlZFwiIGFyaWEtbGFiZWw9XCJSZXF1aXJlZFwiIHRpdGxlPVwiUmVxdWlyZWRcIj4qPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChpdGVtLmRlcHJlY2F0ZWQpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJkb2NzLWFwaS10YWJsZV9fYmFkZ2UgZG9jcy1hcGktdGFibGVfX2JhZGdlLS1kZXByZWNhdGVkXCIgYXJpYS1sYWJlbD1cIlRoaXMgcHJvcGVydHkgaXMgZGVwcmVjYXRlZFwiPkRlcHJlY2F0ZWQ8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgIEBjYXNlICgndHlwZScpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIDxjb2RlIGNsYXNzPVwiZG9jcy1hcGktdGFibGVfX3R5cGVcIj57eyBpdGVtLnR5cGUgfHwgJy0nIH19PC9jb2RlPlxuICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICBAY2FzZSAoJ2RlZmF1bHQnKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICA8Y29kZSBjbGFzcz1cImRvY3MtYXBpLXRhYmxlX19kZWZhdWx0XCI+e3sgaXRlbS5kZWZhdWx0IHx8ICctJyB9fTwvY29kZT5cbiAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgQGNhc2UgKCdkZXNjcmlwdGlvbicpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7IGl0ZW0uZGVzY3JpcHRpb24gfHwgJy0nIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChpdGVtLmRlcHJlY2F0ZWQgJiYgaXRlbS5kZXByZWNhdGlvbk5vdGUpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRvY3MtYXBpLXRhYmxlX19kZXByZWNhdGlvbi1ub3RlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgaXRlbS5kZXByZWNhdGlvbk5vdGUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgIEBjYXNlICgncmVxdWlyZWQnKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICB7eyBpdGVtLnJlcXVpcmVkID8gJ1llcycgOiAnTm8nIH19XG4gICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L3Rib2R5PlxuICAgICAgICA8L3RhYmxlPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIEBpZiAocHJvcHMuaXRlbXMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgIDxwIGNsYXNzPVwiZG9jcy1hcGktdGFibGVfX2VtcHR5XCI+Tm8gaXRlbXMgdG8gZGlzcGxheS48L3A+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2RvY3MtYXBpLXRhYmxlLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERvY3NBcGlUYWJsZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHByb3BzOiBEb2NzQXBpVGFibGVNZXRhZGF0YSA9IHsgaXRlbXM6IFtdIH07XG5cbiAgcmVhZG9ubHkgY29sdW1uTGFiZWxzID0gQVBJX1RBQkxFX0NPTFVNTl9MQUJFTFM7XG5cbiAgZ2V0IGRpc3BsYXlDb2x1bW5zKCk6IERvY3NBcGlDb2x1bW5bXSB7XG4gICAgcmV0dXJuIHRoaXMucHJvcHMuY29sdW1ucyB8fCBbJ25hbWUnLCAndHlwZScsICdkZWZhdWx0JywgJ2Rlc2NyaXB0aW9uJ107XG4gIH1cblxuICBnZXRDb2x1bW5MYWJlbChjb2w6IERvY3NBcGlDb2x1bW4pOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmNvbHVtbkxhYmVsc1tjb2xdO1xuICB9XG59XG4iXX0=

package/esm2022/lib/components/molecules/docs-api-table/types.mjs

@@ -0,0 +1,11 @@
+/**
+ * Column labels configuration.
+ */
+export const API_TABLE_COLUMN_LABELS = {
+    name: 'Name',
+    type: 'Type',
+    default: 'Default',
+    description: 'Description',
+    required: 'Required',
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2RvY3MtYXBpLXRhYmxlL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLHVCQUF1QixHQUFrQztJQUNwRSxJQUFJLEVBQUUsTUFBTTtJQUNaLElBQUksRUFBRSxNQUFNO0lBQ1osT0FBTyxFQUFFLFNBQVM7SUFDbEIsV0FBVyxFQUFFLGFBQWE7SUFDMUIsUUFBUSxFQUFFLFVBQVU7Q0FDckIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29uZmlndXJhdGlvbiBmb3IgdGhlIGRvY3MtYXBpLXRhYmxlIGNvbXBvbmVudC5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBEb2NzQXBpVGFibGVNZXRhZGF0YSB7XG4gIC8qKlxuICAgKiBUYWJsZSB0aXRsZSAoZS5nLiwgXCJQcm9wZXJ0aWVzXCIsIFwiRXZlbnRzXCIsIFwiTWV0aG9kc1wiKS5cbiAgICovXG4gIHRpdGxlPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBBUEkgaXRlbXMgdG8gZGlzcGxheS5cbiAgICovXG4gIGl0ZW1zOiBEb2NzQXBpSXRlbVtdO1xuXG4gIC8qKlxuICAgKiBDb2x1bW5zIHRvIHNob3cgKHN1YnNldCBvZiBhdmFpbGFibGUgY29sdW1ucykuXG4gICAqIEBkZWZhdWx0IFsnbmFtZScsICd0eXBlJywgJ2RlZmF1bHQnLCAnZGVzY3JpcHRpb24nXVxuICAgKi9cbiAgY29sdW1ucz86IERvY3NBcGlDb2x1bW5bXTtcblxuICAvKipcbiAgICogQ3VzdG9tIENTUyBjbGFzcy5cbiAgICovXG4gIGNzc0NsYXNzPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBTaG93IGJvcmRlciBhcm91bmQgdGhlIHRhYmxlLlxuICAgKiBAZGVmYXVsdCB0cnVlXG4gICAqL1xuICBib3JkZXJlZD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCB0eXBlIERvY3NBcGlDb2x1bW4gPSAnbmFtZScgfCAndHlwZScgfCAnZGVmYXVsdCcgfCAnZGVzY3JpcHRpb24nIHwgJ3JlcXVpcmVkJztcblxuZXhwb3J0IGludGVyZmFjZSBEb2NzQXBpSXRlbSB7XG4gIC8qKlxuICAgKiBQcm9wZXJ0eS9ldmVudC9tZXRob2QgbmFtZS5cbiAgICovXG4gIG5hbWU6IHN0cmluZztcblxuICAvKipcbiAgICogVHlwZVNjcmlwdCB0eXBlIChlLmcuLCBcInN0cmluZ1wiLCBcImJvb2xlYW5cIiwgXCJFdmVudEVtaXR0ZXI8VD5cIikuXG4gICAqL1xuICB0eXBlPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZhdWx0IHZhbHVlLlxuICAgKi9cbiAgZGVmYXVsdD86IHN0cmluZztcblxuICAvKipcbiAgICogRGVzY3JpcHRpb24gb2YgdGhlIHByb3BlcnR5L2V2ZW50L21ldGhvZC5cbiAgICovXG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIGl0J3MgcmVxdWlyZWQuXG4gICAqL1xuICByZXF1aXJlZD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgaXQncyBkZXByZWNhdGVkLlxuICAgKi9cbiAgZGVwcmVjYXRlZD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIERlcHJlY2F0aW9uIG1lc3NhZ2Ugb3IgYWx0ZXJuYXRpdmUuXG4gICAqL1xuICBkZXByZWNhdGlvbk5vdGU/OiBzdHJpbmc7XG59XG5cbi8qKlxuICogQ29sdW1uIGxhYmVscyBjb25maWd1cmF0aW9uLlxuICovXG5leHBvcnQgY29uc3QgQVBJX1RBQkxFX0NPTFVNTl9MQUJFTFM6IFJlY29yZDxEb2NzQXBpQ29sdW1uLCBzdHJpbmc+ID0ge1xuICBuYW1lOiAnTmFtZScsXG4gIHR5cGU6ICdUeXBlJyxcbiAgZGVmYXVsdDogJ0RlZmF1bHQnLFxuICBkZXNjcmlwdGlvbjogJ0Rlc2NyaXB0aW9uJyxcbiAgcmVxdWlyZWQ6ICdSZXF1aXJlZCcsXG59O1xuIl19

package/esm2022/lib/components/molecules/docs-breadcrumb/docs-breadcrumb.component.mjs

@@ -0,0 +1,144 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+/**
+ * val-docs-breadcrumb
+ *
+ * A breadcrumb navigation component for documentation.
+ *
+ * @example
+ * ```html
+ * <val-docs-breadcrumb
+ *   [props]="{
+ *     showHome: true,
+ *     items: [
+ *       { label: 'Components', route: ['/docs', 'components'] },
+ *       { label: 'Button' }
+ *     ]
+ *   }"
+ * ></val-docs-breadcrumb>
+ * ```
+ */
+export class DocsBreadcrumbComponent {
+    constructor(router) {
+        this.router = router;
+        this.props = { items: [] };
+        this.navigate = new EventEmitter();
+    }
+    onNavigate(route) {
+        this.navigate.emit(route);
+        this.router.navigate(route);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DocsBreadcrumbComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DocsBreadcrumbComponent, isStandalone: true, selector: "val-docs-breadcrumb", inputs: { props: "props" }, outputs: { navigate: "navigate" }, ngImport: i0, template: `
+    <nav
+      class="docs-breadcrumb"
+      [class]="props.cssClass"
+      aria-label="Breadcrumb"
+    >
+      <ol class="docs-breadcrumb__list">
+        @if (props.showHome) {
+          <li class="docs-breadcrumb__item">
+            <button
+              type="button"
+              class="docs-breadcrumb__link"
+              (click)="onNavigate(props.homeRoute || ['/'])"
+            >
+              {{ props.homeLabel || 'Home' }}
+            </button>
+            <span class="docs-breadcrumb__separator" aria-hidden="true">
+              {{ props.separator || '>' }}
+            </span>
+          </li>
+        }
+
+        @for (item of props.items; track item.label; let last = $last) {
+          <li class="docs-breadcrumb__item">
+            @if (item.route && !last) {
+              <button
+                type="button"
+                class="docs-breadcrumb__link"
+                (click)="onNavigate(item.route)"
+              >
+                {{ item.label }}
+              </button>
+            } @else {
+              <span
+                class="docs-breadcrumb__current"
+                aria-current="page"
+              >
+                {{ item.label }}
+              </span>
+            }
+
+            @if (!last) {
+              <span class="docs-breadcrumb__separator" aria-hidden="true">
+                {{ props.separator || '>' }}
+              </span>
+            }
+          </li>
+        }
+      </ol>
+    </nav>
+  `, isInline: true, styles: [":host{display:block;font-family:var(--ion-font-family, system-ui, sans-serif)}:host .docs-breadcrumb__list{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:.5rem;list-style:none!important;list-style-type:none!important;margin:0!important;padding:0!important}:host .docs-breadcrumb__item{display:flex!important;flex-direction:row!important;align-items:center;gap:.5rem;margin:0!important;padding:0!important}:host .docs-breadcrumb__link{display:inline;padding:0;border:none;background:transparent;font-size:.875rem;color:var(--ion-color-medium, #666);text-decoration:none;cursor:pointer;transition:color .15s ease}:host .docs-breadcrumb__link:hover{color:var(--ion-text-color, #1a1a1a)}:host .docs-breadcrumb__link:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}:host .docs-breadcrumb__separator{color:var(--ion-color-medium, #666);font-size:.875rem}:host .docs-breadcrumb__current{font-size:.875rem;font-weight:600;color:var(--ion-text-color, #1a1a1a)}:host-context(.dark) .docs-breadcrumb__link:hover,:host-context([color-scheme=\"dark\"]) .docs-breadcrumb__link:hover{color:#f4f5f8}:host-context(.dark) .docs-breadcrumb__current,:host-context([color-scheme=\"dark\"]) .docs-breadcrumb__current{color:#f4f5f8}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DocsBreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-docs-breadcrumb', standalone: true, imports: [CommonModule], template: `
+    <nav
+      class="docs-breadcrumb"
+      [class]="props.cssClass"
+      aria-label="Breadcrumb"
+    >
+      <ol class="docs-breadcrumb__list">
+        @if (props.showHome) {
+          <li class="docs-breadcrumb__item">
+            <button
+              type="button"
+              class="docs-breadcrumb__link"
+              (click)="onNavigate(props.homeRoute || ['/'])"
+            >
+              {{ props.homeLabel || 'Home' }}
+            </button>
+            <span class="docs-breadcrumb__separator" aria-hidden="true">
+              {{ props.separator || '>' }}
+            </span>
+          </li>
+        }
+
+        @for (item of props.items; track item.label; let last = $last) {
+          <li class="docs-breadcrumb__item">
+            @if (item.route && !last) {
+              <button
+                type="button"
+                class="docs-breadcrumb__link"
+                (click)="onNavigate(item.route)"
+              >
+                {{ item.label }}
+              </button>
+            } @else {
+              <span
+                class="docs-breadcrumb__current"
+                aria-current="page"
+              >
+                {{ item.label }}
+              </span>
+            }
+
+            @if (!last) {
+              <span class="docs-breadcrumb__separator" aria-hidden="true">
+                {{ props.separator || '>' }}
+              </span>
+            }
+          </li>
+        }
+      </ol>
+    </nav>
+  `, styles: [":host{display:block;font-family:var(--ion-font-family, system-ui, sans-serif)}:host .docs-breadcrumb__list{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:.5rem;list-style:none!important;list-style-type:none!important;margin:0!important;padding:0!important}:host .docs-breadcrumb__item{display:flex!important;flex-direction:row!important;align-items:center;gap:.5rem;margin:0!important;padding:0!important}:host .docs-breadcrumb__link{display:inline;padding:0;border:none;background:transparent;font-size:.875rem;color:var(--ion-color-medium, #666);text-decoration:none;cursor:pointer;transition:color .15s ease}:host .docs-breadcrumb__link:hover{color:var(--ion-text-color, #1a1a1a)}:host .docs-breadcrumb__link:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}:host .docs-breadcrumb__separator{color:var(--ion-color-medium, #666);font-size:.875rem}:host .docs-breadcrumb__current{font-size:.875rem;font-weight:600;color:var(--ion-text-color, #1a1a1a)}:host-context(.dark) .docs-breadcrumb__link:hover,:host-context([color-scheme=\"dark\"]) .docs-breadcrumb__link:hover{color:#f4f5f8}:host-context(.dark) .docs-breadcrumb__current,:host-context([color-scheme=\"dark\"]) .docs-breadcrumb__current{color:#f4f5f8}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Router }], propDecorators: { props: [{
+                type: Input
+            }], navigate: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jcy1icmVhZGNydW1iLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvZG9jcy1icmVhZGNydW1iL2RvY3MtYnJlYWRjcnVtYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUl2RTs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUErSEgsTUFBTSxPQUFPLHVCQUF1QjtJQUtsQyxZQUFvQixNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUp6QixVQUFLLEdBQTJCLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUFDO1FBRTdDLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBWSxDQUFDO0lBRWIsQ0FBQztJQUV0QyxVQUFVLENBQUMsS0FBZTtRQUN4QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QixDQUFDOytHQVZVLHVCQUF1QjttR0FBdkIsdUJBQXVCLDhJQTFIeEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0RULDB6Q0FuRFMsWUFBWTs7NEZBMkhYLHVCQUF1QjtrQkE5SG5DLFNBQVM7K0JBQ0UscUJBQXFCLGNBQ25CLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxZQUNiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtEVDsyRUF5RVEsS0FBSztzQkFBYixLQUFLO2dCQUVJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBEb2NzQnJlYWRjcnVtYk1ldGFkYXRhLCBEb2NzQnJlYWRjcnVtYkl0ZW0gfSBmcm9tICcuL3R5cGVzJztcblxuLyoqXG4gKiB2YWwtZG9jcy1icmVhZGNydW1iXG4gKlxuICogQSBicmVhZGNydW1iIG5hdmlnYXRpb24gY29tcG9uZW50IGZvciBkb2N1bWVudGF0aW9uLlxuICpcbiAqIEBleGFtcGxlXG4gKiBgYGBodG1sXG4gKiA8dmFsLWRvY3MtYnJlYWRjcnVtYlxuICogICBbcHJvcHNdPVwie1xuICogICAgIHNob3dIb21lOiB0cnVlLFxuICogICAgIGl0ZW1zOiBbXG4gKiAgICAgICB7IGxhYmVsOiAnQ29tcG9uZW50cycsIHJvdXRlOiBbJy9kb2NzJywgJ2NvbXBvbmVudHMnXSB9LFxuICogICAgICAgeyBsYWJlbDogJ0J1dHRvbicgfVxuICogICAgIF1cbiAqICAgfVwiXG4gKiA+PC92YWwtZG9jcy1icmVhZGNydW1iPlxuICogYGBgXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1kb2NzLWJyZWFkY3J1bWInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmF2XG4gICAgICBjbGFzcz1cImRvY3MtYnJlYWRjcnVtYlwiXG4gICAgICBbY2xhc3NdPVwicHJvcHMuY3NzQ2xhc3NcIlxuICAgICAgYXJpYS1sYWJlbD1cIkJyZWFkY3J1bWJcIlxuICAgID5cbiAgICAgIDxvbCBjbGFzcz1cImRvY3MtYnJlYWRjcnVtYl9fbGlzdFwiPlxuICAgICAgICBAaWYgKHByb3BzLnNob3dIb21lKSB7XG4gICAgICAgICAgPGxpIGNsYXNzPVwiZG9jcy1icmVhZGNydW1iX19pdGVtXCI+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICBjbGFzcz1cImRvY3MtYnJlYWRjcnVtYl9fbGlua1wiXG4gICAgICAgICAgICAgIChjbGljayk9XCJvbk5hdmlnYXRlKHByb3BzLmhvbWVSb3V0ZSB8fCBbJy8nXSlcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7eyBwcm9wcy5ob21lTGFiZWwgfHwgJ0hvbWUnIH19XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZG9jcy1icmVhZGNydW1iX19zZXBhcmF0b3JcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgICAgICAge3sgcHJvcHMuc2VwYXJhdG9yIHx8ICc+JyB9fVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDwvbGk+XG4gICAgICAgIH1cblxuICAgICAgICBAZm9yIChpdGVtIG9mIHByb3BzLml0ZW1zOyB0cmFjayBpdGVtLmxhYmVsOyBsZXQgbGFzdCA9ICRsYXN0KSB7XG4gICAgICAgICAgPGxpIGNsYXNzPVwiZG9jcy1icmVhZGNydW1iX19pdGVtXCI+XG4gICAgICAgICAgICBAaWYgKGl0ZW0ucm91dGUgJiYgIWxhc3QpIHtcbiAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZG9jcy1icmVhZGNydW1iX19saW5rXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25OYXZpZ2F0ZShpdGVtLnJvdXRlKVwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7eyBpdGVtLmxhYmVsIH19XG4gICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJkb2NzLWJyZWFkY3J1bWJfX2N1cnJlbnRcIlxuICAgICAgICAgICAgICAgIGFyaWEtY3VycmVudD1cInBhZ2VcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3sgaXRlbS5sYWJlbCB9fVxuICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIEBpZiAoIWxhc3QpIHtcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJkb2NzLWJyZWFkY3J1bWJfX3NlcGFyYXRvclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgIHt7IHByb3BzLnNlcGFyYXRvciB8fCAnPicgfX1cbiAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvbGk+XG4gICAgICAgIH1cbiAgICAgIDwvb2w+XG4gICAgPC9uYXY+XG4gIGAsXG4gIHN0eWxlczogW2BcbiAgICA6aG9zdCB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1pb24tZm9udC1mYW1pbHksIHN5c3RlbS11aSwgc2Fucy1zZXJpZik7XG4gICAgfVxuXG4gICAgOmhvc3QgLmRvY3MtYnJlYWRjcnVtYl9fbGlzdCB7XG4gICAgICBkaXNwbGF5OiBmbGV4ICFpbXBvcnRhbnQ7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93ICFpbXBvcnRhbnQ7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZ2FwOiAwLjVyZW07XG4gICAgICBsaXN0LXN0eWxlOiBub25lICFpbXBvcnRhbnQ7XG4gICAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmUgIWltcG9ydGFudDtcbiAgICAgIG1hcmdpbjogMCAhaW1wb3J0YW50O1xuICAgICAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIDpob3N0IC5kb2NzLWJyZWFkY3J1bWJfX2l0ZW0ge1xuICAgICAgZGlzcGxheTogZmxleCAhaW1wb3J0YW50O1xuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdyAhaW1wb3J0YW50O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdhcDogMC41cmVtO1xuICAgICAgbWFyZ2luOiAwICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgOmhvc3QgLmRvY3MtYnJlYWRjcnVtYl9fbGluayB7XG4gICAgICBkaXNwbGF5OiBpbmxpbmU7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBmb250LXNpemU6IDAuODc1cmVtO1xuICAgICAgY29sb3I6IHZhcigtLWlvbi1jb2xvci1tZWRpdW0sICM2NjYpO1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgdHJhbnNpdGlvbjogY29sb3IgMC4xNXMgZWFzZTtcbiAgICB9XG5cbiAgICA6aG9zdCAuZG9jcy1icmVhZGNydW1iX19saW5rOmhvdmVyIHtcbiAgICAgIGNvbG9yOiB2YXIoLS1pb24tdGV4dC1jb2xvciwgIzFhMWExYSk7XG4gICAgfVxuXG4gICAgOmhvc3QgLmRvY3MtYnJlYWRjcnVtYl9fbGluazpmb2N1cy12aXNpYmxlIHtcbiAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjMWExYTFhO1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgICB9XG5cbiAgICA6aG9zdCAuZG9jcy1icmVhZGNydW1iX19zZXBhcmF0b3Ige1xuICAgICAgY29sb3I6IHZhcigtLWlvbi1jb2xvci1tZWRpdW0sICM2NjYpO1xuICAgICAgZm9udC1zaXplOiAwLjg3NXJlbTtcbiAgICB9XG5cbiAgICA6aG9zdCAuZG9jcy1icmVhZGNydW1iX19jdXJyZW50IHtcbiAgICAgIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgY29sb3I6IHZhcigtLWlvbi10ZXh0LWNvbG9yLCAjMWExYTFhKTtcbiAgICB9XG5cbiAgICAvKiBEYXJrIG1vZGUgKi9cbiAgICA6aG9zdC1jb250ZXh0KC5kYXJrKSAuZG9jcy1icmVhZGNydW1iX19saW5rOmhvdmVyLFxuICAgIDpob3N0LWNvbnRleHQoW2NvbG9yLXNjaGVtZT0nZGFyayddKSAuZG9jcy1icmVhZGNydW1iX19saW5rOmhvdmVyIHtcbiAgICAgIGNvbG9yOiAjZjRmNWY4O1xuICAgIH1cblxuICAgIDpob3N0LWNvbnRleHQoLmRhcmspIC5kb2NzLWJyZWFkY3J1bWJfX2N1cnJlbnQsXG4gICAgOmhvc3QtY29udGV4dChbY29sb3Itc2NoZW1lPSdkYXJrJ10pIC5kb2NzLWJyZWFkY3J1bWJfX2N1cnJlbnQge1xuICAgICAgY29sb3I6ICNmNGY1Zjg7XG4gICAgfVxuICBgXSxcbn0pXG5leHBvcnQgY2xhc3MgRG9jc0JyZWFkY3J1bWJDb21wb25lbnQge1xuICBASW5wdXQoKSBwcm9wczogRG9jc0JyZWFkY3J1bWJNZXRhZGF0YSA9IHsgaXRlbXM6IFtdIH07XG5cbiAgQE91dHB1dCgpIG5hdmlnYXRlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmdbXT4oKTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJvdXRlcjogUm91dGVyKSB7fVxuXG4gIG9uTmF2aWdhdGUocm91dGU6IHN0cmluZ1tdKTogdm9pZCB7XG4gICAgdGhpcy5uYXZpZ2F0ZS5lbWl0KHJvdXRlKTtcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShyb3V0ZSk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/components/molecules/docs-breadcrumb/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2RvY3MtYnJlYWRjcnVtYi90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBEb2NzQnJlYWRjcnVtYk1ldGFkYXRhIHtcbiAgLyoqIEJyZWFkY3J1bWIgaXRlbXMgKi9cbiAgaXRlbXM6IERvY3NCcmVhZGNydW1iSXRlbVtdO1xuICAvKiogU2VwYXJhdG9yIGNoYXJhY3RlciBAZGVmYXVsdCAnPicgKi9cbiAgc2VwYXJhdG9yPzogc3RyaW5nO1xuICAvKiogU2hvdyBob21lIGxpbmsgYXQgc3RhcnQgKi9cbiAgc2hvd0hvbWU/OiBib29sZWFuO1xuICAvKiogSG9tZSBsYWJlbCB0ZXh0IEBkZWZhdWx0ICdIb21lJyAqL1xuICBob21lTGFiZWw/OiBzdHJpbmc7XG4gIC8qKiBIb21lIHJvdXRlICovXG4gIGhvbWVSb3V0ZT86IHN0cmluZ1tdO1xuICAvKiogQ3VzdG9tIENTUyBjbGFzcyAqL1xuICBjc3NDbGFzcz86IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEb2NzQnJlYWRjcnVtYkl0ZW0ge1xuICAvKiogRGlzcGxheSBsYWJlbCAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKiogUm91dGUgYXJyYXkgZm9yIG5hdmlnYXRpb24gKG9taXQgZm9yIGN1cnJlbnQgcGFnZSkgKi9cbiAgcm91dGU/OiBzdHJpbmdbXTtcbn1cbiJdfQ==

package/esm2022/lib/components/molecules/docs-callout/docs-callout.component.mjs

@@ -0,0 +1,60 @@
+import { CommonModule } from '@angular/common';
+import { Component, input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DocsCalloutComponent {
+    constructor() {
+        this.props = input({});
+        this.variant = () => this.props().variant || 'note';
+        this.displayTitle = () => {
+            if (this.props().title)
+                return this.props().title;
+            const titles = {
+                note: 'Note',
+                warning: 'Warning',
+                tip: 'Tip',
+                danger: 'Danger',
+                info: 'Info',
+            };
+            return titles[this.variant()];
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DocsCalloutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DocsCalloutComponent, isStandalone: true, selector: "val-docs-callout", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div
+      class="docs-callout"
+      [class.docs-callout--note]="variant() === 'note'"
+      [class.docs-callout--warning]="variant() === 'warning'"
+      [class.docs-callout--tip]="variant() === 'tip'"
+      [class.docs-callout--danger]="variant() === 'danger'"
+      [class.docs-callout--info]="variant() === 'info'"
+    >
+      @if (!props().hideTitle) {
+        <div class="docs-callout__title">{{ displayTitle() }}</div>
+      }
+      <div class="docs-callout__content">
+        <ng-content></ng-content>
+      </div>
+    </div>
+  `, isInline: true, styles: [".docs-callout{--callout-bg: #fffbeb;--callout-border: #f59e0b;--callout-title: #92400e;--callout-text: #78350f;margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid var(--callout-border);border-radius:0 8px 8px 0;background:var(--callout-bg)}.docs-callout__title{font-size:.9375rem;font-weight:700;color:var(--callout-title);margin-bottom:.5rem}.docs-callout__content{font-size:.9375rem;line-height:1.7;color:var(--callout-text)}.docs-callout__content p{margin:0}.docs-callout__content p+p{margin-top:.75rem}.docs-callout__content code{font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;background:#0000000f;padding:.125rem .375rem;border-radius:4px}.docs-callout__content a{color:var(--callout-title);text-decoration:underline;text-underline-offset:2px}.docs-callout__content a:hover{text-decoration:none}.docs-callout--note{--callout-bg: #fffbeb;--callout-border: #f59e0b;--callout-title: #92400e;--callout-text: #78350f}.docs-callout--warning{--callout-bg: #fff7ed;--callout-border: #f97316;--callout-title: #c2410c;--callout-text: #9a3412}.docs-callout--tip{--callout-bg: #ecfdf5;--callout-border: #10b981;--callout-title: #065f46;--callout-text: #047857}.docs-callout--danger{--callout-bg: #fef2f2;--callout-border: #ef4444;--callout-title: #991b1b;--callout-text: #b91c1c}.docs-callout--info{--callout-bg: #eff6ff;--callout-border: #3b82f6;--callout-title: #1e40af;--callout-text: #1d4ed8}:host-context(.dark) .docs-callout--note,:host-context([color-scheme=dark]) .docs-callout--note{--callout-bg: rgba(245, 158, 11, .1);--callout-border: #f59e0b;--callout-title: #fbbf24;--callout-text: #fcd34d}:host-context(.dark) .docs-callout--warning,:host-context([color-scheme=dark]) .docs-callout--warning{--callout-bg: rgba(249, 115, 22, .1);--callout-border: #f97316;--callout-title: #fb923c;--callout-text: #fdba74}:host-context(.dark) .docs-callout--tip,:host-context([color-scheme=dark]) .docs-callout--tip{--callout-bg: rgba(16, 185, 129, .1);--callout-border: #10b981;--callout-title: #34d399;--callout-text: #6ee7b7}:host-context(.dark) .docs-callout--danger,:host-context([color-scheme=dark]) .docs-callout--danger{--callout-bg: rgba(239, 68, 68, .1);--callout-border: #ef4444;--callout-title: #f87171;--callout-text: #fca5a5}:host-context(.dark) .docs-callout--info,:host-context([color-scheme=dark]) .docs-callout--info{--callout-bg: rgba(59, 130, 246, .1);--callout-border: #3b82f6;--callout-title: #60a5fa;--callout-text: #93c5fd}:host-context(.dark) .docs-callout__content code,:host-context([color-scheme=dark]) .docs-callout__content code{background:#ffffff1a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DocsCalloutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-docs-callout', standalone: true, imports: [CommonModule], template: `
+    <div
+      class="docs-callout"
+      [class.docs-callout--note]="variant() === 'note'"
+      [class.docs-callout--warning]="variant() === 'warning'"
+      [class.docs-callout--tip]="variant() === 'tip'"
+      [class.docs-callout--danger]="variant() === 'danger'"
+      [class.docs-callout--info]="variant() === 'info'"
+    >
+      @if (!props().hideTitle) {
+        <div class="docs-callout__title">{{ displayTitle() }}</div>
+      }
+      <div class="docs-callout__content">
+        <ng-content></ng-content>
+      </div>
+    </div>
+  `, styles: [".docs-callout{--callout-bg: #fffbeb;--callout-border: #f59e0b;--callout-title: #92400e;--callout-text: #78350f;margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid var(--callout-border);border-radius:0 8px 8px 0;background:var(--callout-bg)}.docs-callout__title{font-size:.9375rem;font-weight:700;color:var(--callout-title);margin-bottom:.5rem}.docs-callout__content{font-size:.9375rem;line-height:1.7;color:var(--callout-text)}.docs-callout__content p{margin:0}.docs-callout__content p+p{margin-top:.75rem}.docs-callout__content code{font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;background:#0000000f;padding:.125rem .375rem;border-radius:4px}.docs-callout__content a{color:var(--callout-title);text-decoration:underline;text-underline-offset:2px}.docs-callout__content a:hover{text-decoration:none}.docs-callout--note{--callout-bg: #fffbeb;--callout-border: #f59e0b;--callout-title: #92400e;--callout-text: #78350f}.docs-callout--warning{--callout-bg: #fff7ed;--callout-border: #f97316;--callout-title: #c2410c;--callout-text: #9a3412}.docs-callout--tip{--callout-bg: #ecfdf5;--callout-border: #10b981;--callout-title: #065f46;--callout-text: #047857}.docs-callout--danger{--callout-bg: #fef2f2;--callout-border: #ef4444;--callout-title: #991b1b;--callout-text: #b91c1c}.docs-callout--info{--callout-bg: #eff6ff;--callout-border: #3b82f6;--callout-title: #1e40af;--callout-text: #1d4ed8}:host-context(.dark) .docs-callout--note,:host-context([color-scheme=dark]) .docs-callout--note{--callout-bg: rgba(245, 158, 11, .1);--callout-border: #f59e0b;--callout-title: #fbbf24;--callout-text: #fcd34d}:host-context(.dark) .docs-callout--warning,:host-context([color-scheme=dark]) .docs-callout--warning{--callout-bg: rgba(249, 115, 22, .1);--callout-border: #f97316;--callout-title: #fb923c;--callout-text: #fdba74}:host-context(.dark) .docs-callout--tip,:host-context([color-scheme=dark]) .docs-callout--tip{--callout-bg: rgba(16, 185, 129, .1);--callout-border: #10b981;--callout-title: #34d399;--callout-text: #6ee7b7}:host-context(.dark) .docs-callout--danger,:host-context([color-scheme=dark]) .docs-callout--danger{--callout-bg: rgba(239, 68, 68, .1);--callout-border: #ef4444;--callout-title: #f87171;--callout-text: #fca5a5}:host-context(.dark) .docs-callout--info,:host-context([color-scheme=dark]) .docs-callout--info{--callout-bg: rgba(59, 130, 246, .1);--callout-border: #3b82f6;--callout-title: #60a5fa;--callout-text: #93c5fd}:host-context(.dark) .docs-callout__content code,:host-context([color-scheme=dark]) .docs-callout__content code{background:#ffffff1a}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jcy1jYWxsb3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvZG9jcy1jYWxsb3V0L2RvY3MtY2FsbG91dC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQW9DakQsTUFBTSxPQUFPLG9CQUFvQjtJQXZCakM7UUF3QkUsVUFBSyxHQUFHLEtBQUssQ0FBc0IsRUFBRSxDQUFDLENBQUM7UUFFdkMsWUFBTyxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxPQUFPLElBQUksTUFBTSxDQUFDO1FBRS9DLGlCQUFZLEdBQUcsR0FBRyxFQUFFO1lBQ2xCLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLEtBQUs7Z0JBQUUsT0FBTyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsS0FBSyxDQUFDO1lBRWxELE1BQU0sTUFBTSxHQUF1QztnQkFDakQsSUFBSSxFQUFFLE1BQU07Z0JBQ1osT0FBTyxFQUFFLFNBQVM7Z0JBQ2xCLEdBQUcsRUFBRSxLQUFLO2dCQUNWLE1BQU0sRUFBRSxRQUFRO2dCQUNoQixJQUFJLEVBQUUsTUFBTTthQUNiLENBQUM7WUFDRixPQUFPLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztRQUNoQyxDQUFDLENBQUM7S0FDSDsrR0FqQlksb0JBQW9CO21HQUFwQixvQkFBb0IsZ05BbkJyQjs7Ozs7Ozs7Ozs7Ozs7OztHQWdCVCxzbkZBakJTLFlBQVk7OzRGQW9CWCxvQkFBb0I7a0JBdkJoQyxTQUFTOytCQUNFLGtCQUFrQixjQUNoQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsWUFDYjs7Ozs7Ozs7Ozs7Ozs7OztHQWdCVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIERvY3NDYWxsb3V0VmFyaWFudCA9ICdub3RlJyB8ICd3YXJuaW5nJyB8ICd0aXAnIHwgJ2RhbmdlcicgfCAnaW5mbyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRG9jc0NhbGxvdXRNZXRhZGF0YSB7XG4gIC8qKiBWYXJpYW50IGRldGVybWluZXMgdGhlIGNvbG9yIHNjaGVtZSAqL1xuICB2YXJpYW50PzogRG9jc0NhbGxvdXRWYXJpYW50O1xuICAvKiogT3B0aW9uYWwgdGl0bGUgKGRlZmF1bHRzIHRvIHZhcmlhbnQgbmFtZSBpZiBub3QgcHJvdmlkZWQpICovXG4gIHRpdGxlPzogc3RyaW5nO1xuICAvKiogSGlkZSB0aGUgdGl0bGUgY29tcGxldGVseSAqL1xuICBoaWRlVGl0bGU/OiBib29sZWFuO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtZG9jcy1jYWxsb3V0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJkb2NzLWNhbGxvdXRcIlxuICAgICAgW2NsYXNzLmRvY3MtY2FsbG91dC0tbm90ZV09XCJ2YXJpYW50KCkgPT09ICdub3RlJ1wiXG4gICAgICBbY2xhc3MuZG9jcy1jYWxsb3V0LS13YXJuaW5nXT1cInZhcmlhbnQoKSA9PT0gJ3dhcm5pbmcnXCJcbiAgICAgIFtjbGFzcy5kb2NzLWNhbGxvdXQtLXRpcF09XCJ2YXJpYW50KCkgPT09ICd0aXAnXCJcbiAgICAgIFtjbGFzcy5kb2NzLWNhbGxvdXQtLWRhbmdlcl09XCJ2YXJpYW50KCkgPT09ICdkYW5nZXInXCJcbiAgICAgIFtjbGFzcy5kb2NzLWNhbGxvdXQtLWluZm9dPVwidmFyaWFudCgpID09PSAnaW5mbydcIlxuICAgID5cbiAgICAgIEBpZiAoIXByb3BzKCkuaGlkZVRpdGxlKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkb2NzLWNhbGxvdXRfX3RpdGxlXCI+e3sgZGlzcGxheVRpdGxlKCkgfX08L2Rpdj5cbiAgICAgIH1cbiAgICAgIDxkaXYgY2xhc3M9XCJkb2NzLWNhbGxvdXRfX2NvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2RvY3MtY2FsbG91dC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBEb2NzQ2FsbG91dENvbXBvbmVudCB7XG4gIHByb3BzID0gaW5wdXQ8RG9jc0NhbGxvdXRNZXRhZGF0YT4oe30pO1xuXG4gIHZhcmlhbnQgPSAoKSA9PiB0aGlzLnByb3BzKCkudmFyaWFudCB8fCAnbm90ZSc7XG5cbiAgZGlzcGxheVRpdGxlID0gKCkgPT4ge1xuICAgIGlmICh0aGlzLnByb3BzKCkudGl0bGUpIHJldHVybiB0aGlzLnByb3BzKCkudGl0bGU7XG5cbiAgICBjb25zdCB0aXRsZXM6IFJlY29yZDxEb2NzQ2FsbG91dFZhcmlhbnQsIHN0cmluZz4gPSB7XG4gICAgICBub3RlOiAnTm90ZScsXG4gICAgICB3YXJuaW5nOiAnV2FybmluZycsXG4gICAgICB0aXA6ICdUaXAnLFxuICAgICAgZGFuZ2VyOiAnRGFuZ2VyJyxcbiAgICAgIGluZm86ICdJbmZvJyxcbiAgICB9O1xuICAgIHJldHVybiB0aXRsZXNbdGhpcy52YXJpYW50KCldO1xuICB9O1xufVxuIl19