valtech-components 2.0.691 → 2.0.692

package/esm2022/lib/components/organisms/fun-header/fun-header.component.mjs

@@ -0,0 +1,225 @@
+import { CommonModule } from '@angular/common';
+import { Component, inject, Input } from '@angular/core';
+import { IonCol, IonGrid, IonRow } from '@ionic/angular/standalone';
+import { BannerComponent } from '../banner/banner.component';
+import { ThemeService } from '../../../services/theme.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * val-fun-header
+ *
+ * A decorative header component with flexible background options,
+ * optional logo, and integrated banner content. Supports dark mode,
+ * gradients, images with overlays, and various styling options.
+ *
+ * @example
+ * <val-fun-header
+ *   [props]="{
+ *     image: '/assets/logo.png',
+ *     background: 'primary',
+ *     gradient: true,
+ *     content: {
+ *       title: 'Welcome',
+ *       description: 'Get started with our platform'
+ *     },
+ *     rounded: true,
+ *     shadowed: true
+ *   }"
+ * ></val-fun-header>
+ *
+ * @input props - Header configuration
+ */
+export class FunHeaderComponent {
+    constructor() {
+        this.theme = inject(ThemeService);
+        /**
+         * Header configuration.
+         */
+        this.props = {
+            content: {
+                color: 'primary',
+                bordered: false,
+                closable: false,
+                mode: 'column',
+                alignment: 'center',
+                content: {
+                    position: 'center',
+                    title: { content: '', size: 'medium', color: 'light', bold: true },
+                },
+            },
+        };
+    }
+    /**
+     * Check if the image is a CSS variable (starts with --)
+     */
+    isImageVariable(image) {
+        return image?.startsWith('--') || false;
+    }
+    /**
+     * Get the image source, handling CSS variables
+     */
+    getImageSrc() {
+        if (!this.props.image)
+            return '';
+        return this.isImageVariable(this.props.image) ? '' : this.props.image;
+    }
+    /**
+     * Generate header background styles
+     * Supports: images, gradients, colors, CSS variables, and dark mode
+     */
+    headerStyle() {
+        const style = {};
+        const isDark = this.theme.IsDark;
+        const background = isDark ? this.props.backgroundDark || this.props.background : this.props.background;
+        if (!background) {
+            // Default gradient if no background specified
+            style['background'] = isDark
+                ? 'linear-gradient(180deg, var(--ion-background-color) 12%, var(--ion-color-dark) 80%)'
+                : 'linear-gradient(180deg, var(--ion-background-color) 12%, var(--ion-color-secondary) 90%)';
+            return style;
+        }
+        // If gradient is enabled, create automatic gradient from --ion-background-color to the specified color
+        if (this.props.gradient) {
+            const targetColor = this.resolveBackgroundColor(background);
+            const gradientPercentage = isDark ? '80%' : '90%';
+            style['background'] = `linear-gradient(180deg, var(--ion-background-color) 12%, ${targetColor} ${gradientPercentage})`;
+            return style;
+        }
+        // Handle different background types
+        if (this.isBackgroundImage(background)) {
+            this.applyImageBackground(style, background);
+        }
+        else if (this.isGradient(background)) {
+            style['background'] = background;
+        }
+        else if (this.isCSSVariable(background)) {
+            style['background'] = `var(${background})`;
+        }
+        else if (this.isColorValue(background)) {
+            style['background'] = background;
+        }
+        else {
+            // Assume it's an Ionic color name
+            style['background'] = `var(--ion-color-${background})`;
+        }
+        return style;
+    }
+    /**
+     * Resolve background color for gradient generation
+     */
+    resolveBackgroundColor(background) {
+        if (this.isCSSVariable(background)) {
+            return `var(${background})`;
+        }
+        else if (this.isColorValue(background)) {
+            return background;
+        }
+        else {
+            // Assume it's an Ionic color name
+            return `var(--ion-color-${background})`;
+        }
+    }
+    /**
+     * Check if background is an image URL
+     */
+    isBackgroundImage(bg) {
+        const lower = bg.trim().toLowerCase();
+        return (lower.includes('.jpg') ||
+            lower.includes('.png') ||
+            lower.includes('.jpeg') ||
+            lower.includes('.webp') ||
+            lower.includes('.svg') ||
+            lower.startsWith('url('));
+    }
+    /**
+     * Check if background is a gradient
+     */
+    isGradient(bg) {
+        return bg.includes('linear-gradient') || bg.includes('radial-gradient') || bg.includes('conic-gradient');
+    }
+    /**
+     * Check if background is a CSS variable
+     */
+    isCSSVariable(bg) {
+        return bg.startsWith('--');
+    }
+    /**
+     * Check if background is a direct color value
+     */
+    isColorValue(bg) {
+        return bg.startsWith('#') || bg.startsWith('rgb') || bg.startsWith('hsl');
+    }
+    /**
+     * Apply image background with optional overlay
+     */
+    applyImageBackground(style, background) {
+        const imageUrl = background.startsWith('url(') ? background : `url(${background})`;
+        if (this.props.overlay) {
+            const opacity = this.props.overlayOpacity || 0.3;
+            const isDark = this.theme.IsDark;
+            const overlayColor = isDark ? `rgba(0,0,0,${opacity})` : `rgba(255,255,255,${opacity})`;
+            style['backgroundImage'] = `linear-gradient(0deg, ${overlayColor}, ${overlayColor}), ${imageUrl}`;
+        }
+        else {
+            style['backgroundImage'] = imageUrl;
+        }
+        style['backgroundSize'] = 'cover';
+        style['backgroundPosition'] = 'center';
+        style['backgroundRepeat'] = 'no-repeat';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FunHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FunHeaderComponent, isStandalone: true, selector: "val-fun-header", inputs: { props: "props" }, ngImport: i0, template: `
+    <ion-grid>
+      <ion-row
+        class="ion-justify-content-center header-ground"
+        [class.bordered]="props.bordered"
+        [class.shadowed]="props.shadowed"
+        [class.rounded]="props.rounded"
+        [ngStyle]="headerStyle()"
+      >
+        <ion-col size="12" size-md="12" size-lg="8">
+          <div class="fun-image-container" *ngIf="props.image">
+            <img
+              [src]="getImageSrc()"
+              [ngStyle]="{
+                content: isImageVariable(props.image) ? 'var(' + props.image + ')' : undefined
+              }"
+              alt="header logo"
+            />
+          </div>
+          <val-banner [props]="props.content" />
+        </ion-col>
+      </ion-row>
+    </ion-grid>
+  `, isInline: true, styles: [".fun-image-container{margin:16px 0;display:flex;justify-content:flex-start}@media (min-width: 768px){.fun-image-container{justify-content:center}}.fun-image-container img{width:7.5rem}@media (min-width: 768px){.fun-image-container img{width:11.25rem}}.header-ground{padding:32px 24px;background-size:cover;background-position:center;background-repeat:no-repeat}.rounded{border-radius:0 0 32px 32px}.shadowed{box-shadow:0 2px 8px #0000001a}.bordered{border:.0625rem solid var(--ion-color-medium)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BannerComponent, selector: "val-banner", inputs: ["props"], outputs: ["onClick", "onClose"] }, { kind: "component", type: IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: IonRow, selector: "ion-row" }, { kind: "component", type: IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FunHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-fun-header', standalone: true, imports: [CommonModule, BannerComponent, IonGrid, IonRow, IonCol], template: `
+    <ion-grid>
+      <ion-row
+        class="ion-justify-content-center header-ground"
+        [class.bordered]="props.bordered"
+        [class.shadowed]="props.shadowed"
+        [class.rounded]="props.rounded"
+        [ngStyle]="headerStyle()"
+      >
+        <ion-col size="12" size-md="12" size-lg="8">
+          <div class="fun-image-container" *ngIf="props.image">
+            <img
+              [src]="getImageSrc()"
+              [ngStyle]="{
+                content: isImageVariable(props.image) ? 'var(' + props.image + ')' : undefined
+              }"
+              alt="header logo"
+            />
+          </div>
+          <val-banner [props]="props.content" />
+        </ion-col>
+      </ion-row>
+    </ion-grid>
+  `, styles: [".fun-image-container{margin:16px 0;display:flex;justify-content:flex-start}@media (min-width: 768px){.fun-image-container{justify-content:center}}.fun-image-container img{width:7.5rem}@media (min-width: 768px){.fun-image-container img{width:11.25rem}}.header-ground{padding:32px 24px;background-size:cover;background-position:center;background-repeat:no-repeat}.rounded{border-radius:0 0 32px 32px}.shadowed{box-shadow:0 2px 8px #0000001a}.bordered{border:.0625rem solid var(--ion-color-medium)}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvb3JnYW5pc21zL2Z1bi1oZWFkZXIvZnVuLWhlYWRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7QUFHL0Q7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJHO0FBK0JILE1BQU0sT0FBTyxrQkFBa0I7SUE5Qi9CO1FBK0JVLFVBQUssR0FBRyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7UUFFckM7O1dBRUc7UUFDTSxVQUFLLEdBQXNCO1lBQ2xDLE9BQU8sRUFBRTtnQkFDUCxLQUFLLEVBQUUsU0FBUztnQkFDaEIsUUFBUSxFQUFFLEtBQUs7Z0JBQ2YsUUFBUSxFQUFFLEtBQUs7Z0JBQ2YsSUFBSSxFQUFFLFFBQVE7Z0JBQ2QsU0FBUyxFQUFFLFFBQVE7Z0JBQ25CLE9BQU8sRUFBRTtvQkFDUCxRQUFRLEVBQUUsUUFBUTtvQkFDbEIsS0FBSyxFQUFFLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRTtpQkFDbkU7YUFDRjtTQUNGLENBQUM7S0FpSUg7SUEvSEM7O09BRUc7SUFDSCxlQUFlLENBQUMsS0FBYztRQUM1QixP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bmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElvbkNvbCwgSW9uR3JpZCwgSW9uUm93IH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBCYW5uZXJDb21wb25lbnQgfSBmcm9tICcuLi9iYW5uZXIvYmFubmVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUaGVtZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy90aGVtZS5zZXJ2aWNlJztcbmltcG9ydCB7IEZ1bkhlYWRlck1ldGFkYXRhIH0gZnJvbSAnLi90eXBlcyc7XG5cbi8qKlxuICogdmFsLWZ1bi1oZWFkZXJcbiAqXG4gKiBBIGRlY29yYXRpdmUgaGVhZGVyIGNvbXBvbmVudCB3aXRoIGZsZXhpYmxlIGJhY2tncm91bmQgb3B0aW9ucyxcbiAqIG9wdGlvbmFsIGxvZ28sIGFuZCBpbnRlZ3JhdGVkIGJhbm5lciBjb250ZW50LiBTdXBwb3J0cyBkYXJrIG1vZGUsXG4gKiBncmFkaWVudHMsIGltYWdlcyB3aXRoIG92ZXJsYXlzLCBhbmQgdmFyaW91cyBzdHlsaW5nIG9wdGlvbnMuXG4gKlxuICogQGV4YW1wbGVcbiAqIDx2YWwtZnVuLWhlYWRlclxuICogICBbcHJvcHNdPVwie1xuICogICAgIGltYWdlOiAnL2Fzc2V0cy9sb2dvLnBuZycsXG4gKiAgICAgYmFja2dyb3VuZDogJ3ByaW1hcnknLFxuICogICAgIGdyYWRpZW50OiB0cnVlLFxuICogICAgIGNvbnRlbnQ6IHtcbiAqICAgICAgIHRpdGxlOiAnV2VsY29tZScsXG4gKiAgICAgICBkZXNjcmlwdGlvbjogJ0dldCBzdGFydGVkIHdpdGggb3VyIHBsYXRmb3JtJ1xuICogICAgIH0sXG4gKiAgICAgcm91bmRlZDogdHJ1ZSxcbiAqICAgICBzaGFkb3dlZDogdHJ1ZVxuICogICB9XCJcbiAqID48L3ZhbC1mdW4taGVhZGVyPlxuICpcbiAqIEBpbnB1dCBwcm9wcyAtIEhlYWRlciBjb25maWd1cmF0aW9uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1mdW4taGVhZGVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQmFubmVyQ29tcG9uZW50LCBJb25HcmlkLCBJb25Sb3csIElvbkNvbF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGlvbi1ncmlkPlxuICAgICAgPGlvbi1yb3dcbiAgICAgICAgY2xhc3M9XCJpb24tanVzdGlmeS1jb250ZW50LWNlbnRlciBoZWFkZXItZ3JvdW5kXCJcbiAgICAgICAgW2NsYXNzLmJvcmRlcmVkXT1cInByb3BzLmJvcmRlcmVkXCJcbiAgICAgICAgW2NsYXNzLnNoYWRvd2VkXT1cInByb3BzLnNoYWRvd2VkXCJcbiAgICAgICAgW2NsYXNzLnJvdW5kZWRdPVwicHJvcHMucm91bmRlZFwiXG4gICAgICAgIFtuZ1N0eWxlXT1cImhlYWRlclN0eWxlKClcIlxuICAgICAgPlxuICAgICAgICA8aW9uLWNvbCBzaXplPVwiMTJcIiBzaXplLW1kPVwiMTJcIiBzaXplLWxnPVwiOFwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJmdW4taW1hZ2UtY29udGFpbmVyXCIgKm5nSWY9XCJwcm9wcy5pbWFnZVwiPlxuICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICBbc3JjXT1cImdldEltYWdlU3JjKClcIlxuICAgICAgICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgICAgICAgY29udGVudDogaXNJbWFnZVZhcmlhYmxlKHByb3BzLmltYWdlKSA/ICd2YXIoJyArIHByb3BzLmltYWdlICsgJyknIDogdW5kZWZpbmVkXG4gICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgICBhbHQ9XCJoZWFkZXIgbG9nb1wiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDx2YWwtYmFubmVyIFtwcm9wc109XCJwcm9wcy5jb250ZW50XCIgLz5cbiAgICAgICAgPC9pb24tY29sPlxuICAgICAgPC9pb24tcm93PlxuICAgIDwvaW9uLWdyaWQ+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2Z1bi1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRnVuSGVhZGVyQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSB0aGVtZSA9IGluamVjdChUaGVtZVNlcnZpY2UpO1xuXG4gIC8qKlxuICAgKiBIZWFkZXIgY29uZmlndXJhdGlvbi5cbiAgICovXG4gIEBJbnB1dCgpIHByb3BzOiBGdW5IZWFkZXJNZXRhZGF0YSA9IHtcbiAgICBjb250ZW50OiB7XG4gICAgICBjb2xvcjogJ3ByaW1hcnknLFxuICAgICAgYm9yZGVyZWQ6IGZhbHNlLFxuICAgICAgY2xvc2FibGU6IGZhbHNlLFxuICAgICAgbW9kZTogJ2NvbHVtbicsXG4gICAgICBhbGlnbm1lbnQ6ICdjZW50ZXInLFxuICAgICAgY29udGVudDoge1xuICAgICAgICBwb3NpdGlvbjogJ2NlbnRlcicsXG4gICAgICAgIHRpdGxlOiB7IGNvbnRlbnQ6ICcnLCBzaXplOiAnbWVkaXVtJywgY29sb3I6ICdsaWdodCcsIGJvbGQ6IHRydWUgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfTtcblxuICAvKipcbiAgICogQ2hlY2sgaWYgdGhlIGltYWdlIGlzIGEgQ1NTIHZhcmlhYmxlIChzdGFydHMgd2l0aCAtLSlcbiAgICovXG4gIGlzSW1hZ2VWYXJpYWJsZShpbWFnZT86IHN0cmluZyk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpbWFnZT8uc3RhcnRzV2l0aCgnLS0nKSB8fCBmYWxzZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBHZXQgdGhlIGltYWdlIHNvdXJjZSwgaGFuZGxpbmcgQ1NTIHZhcmlhYmxlc1xuICAgKi9cbiAgZ2V0SW1hZ2VTcmMoKTogc3RyaW5nIHtcbiAgICBpZiAoIXRoaXMucHJvcHMuaW1hZ2UpIHJldHVybiAnJztcbiAgICByZXR1cm4gdGhpcy5pc0ltYWdlVmFyaWFibGUodGhpcy5wcm9wcy5pbWFnZSkgPyAnJyA6IHRoaXMucHJvcHMuaW1hZ2U7XG4gIH1cblxuICAvKipcbiAgICogR2VuZXJhdGUgaGVhZGVyIGJhY2tncm91bmQgc3R5bGVzXG4gICAqIFN1cHBvcnRzOiBpbWFnZXMsIGdyYWRpZW50cywgY29sb3JzLCBDU1MgdmFyaWFibGVzLCBhbmQgZGFyayBtb2RlXG4gICAqL1xuICBoZWFkZXJTdHlsZSgpOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+IHtcbiAgICBjb25zdCBzdHlsZTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHt9O1xuICAgIGNvbnN0IGlzRGFyayA9IHRoaXMudGhlbWUuSXNEYXJrO1xuICAgIGNvbnN0IGJhY2tncm91bmQgPSBpc0RhcmsgPyB0aGlzLnByb3BzLmJhY2tncm91bmREYXJrIHx8IHRoaXMucHJvcHMuYmFja2dyb3VuZCA6IHRoaXMucHJvcHMuYmFja2dyb3VuZDtcblxuICAgIGlmICghYmFja2dyb3VuZCkge1xuICAgICAgLy8gRGVmYXVsdCBncmFkaWVudCBpZiBubyBiYWNrZ3JvdW5kIHNwZWNpZmllZFxuICAgICAgc3R5bGVbJ2JhY2tncm91bmQnXSA9IGlzRGFya1xuICAgICAgICA/ICdsaW5lYXItZ3JhZGllbnQoMTgwZGVnLCB2YXIoLS1pb24tYmFja2dyb3VuZC1jb2xvcikgMTIlLCB2YXIoLS1pb24tY29sb3ItZGFyaykgODAlKSdcbiAgICAgICAgOiAnbGluZWFyLWdyYWRpZW50KDE4MGRlZywgdmFyKC0taW9uLWJhY2tncm91bmQtY29sb3IpIDEyJSwgdmFyKC0taW9uLWNvbG9yLXNlY29uZGFyeSkgOTAlKSc7XG4gICAgICByZXR1cm4gc3R5bGU7XG4gICAgfVxuXG4gICAgLy8gSWYgZ3JhZGllbnQgaXMgZW5hYmxlZCwgY3JlYXRlIGF1dG9tYXRpYyBncmFkaWVudCBmcm9tIC0taW9uLWJhY2tncm91bmQtY29sb3IgdG8gdGhlIHNwZWNpZmllZCBjb2xvclxuICAgIGlmICh0aGlzLnByb3BzLmdyYWRpZW50KSB7XG4gICAgICBjb25zdCB0YXJnZXRDb2xvciA9IHRoaXMucmVzb2x2ZUJhY2tncm91bmRDb2xvcihiYWNrZ3JvdW5kKTtcbiAgICAgIGNvbnN0IGdyYWRpZW50UGVyY2VudGFnZSA9IGlzRGFyayA/ICc4MCUnIDogJzkwJSc7XG4gICAgICBzdHlsZVsnYmFja2dyb3VuZCddID0gYGxpbmVhci1ncmFkaWVudCgxODBkZWcsIHZhcigtLWlvbi1iYWNrZ3JvdW5kLWNvbG9yKSAxMiUsICR7dGFyZ2V0Q29sb3J9ICR7Z3JhZGllbnRQZXJjZW50YWdlfSlgO1xuICAgICAgcmV0dXJuIHN0eWxlO1xuICAgIH1cblxuICAgIC8vIEhhbmRsZSBkaWZmZXJlbnQgYmFja2dyb3VuZCB0eXBlc1xuICAgIGlmICh0aGlzLmlzQmFja2dyb3VuZEltYWdlKGJhY2tncm91bmQpKSB7XG4gICAgICB0aGlzLmFwcGx5SW1hZ2VCYWNrZ3JvdW5kKHN0eWxlLCBiYWNrZ3JvdW5kKTtcbiAgICB9IGVsc2UgaWYgKHRoaXMuaXNHcmFkaWVudChiYWNrZ3JvdW5kKSkge1xuICAgICAgc3R5bGVbJ2JhY2tncm91bmQnXSA9IGJhY2tncm91bmQ7XG4gICAgfSBlbHNlIGlmICh0aGlzLmlzQ1NTVmFyaWFibGUoYmFja2dyb3VuZCkpIHtcbiAgICAgIHN0eWxlWydiYWNrZ3JvdW5kJ10gPSBgdmFyKCR7YmFja2dyb3VuZH0pYDtcbiAgICB9IGVsc2UgaWYgKHRoaXMuaXNDb2xvclZhbHVlKGJhY2tncm91bmQpKSB7XG4gICAgICBzdHlsZVsnYmFja2dyb3VuZCddID0gYmFja2dyb3VuZDtcbiAgICB9IGVsc2Uge1xuICAgICAgLy8gQXNzdW1lIGl0J3MgYW4gSW9uaWMgY29sb3IgbmFtZVxuICAgICAgc3R5bGVbJ2JhY2tncm91bmQnXSA9IGB2YXIoLS1pb24tY29sb3ItJHtiYWNrZ3JvdW5kfSlgO1xuICAgIH1cblxuICAgIHJldHVybiBzdHlsZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZXNvbHZlIGJhY2tncm91bmQgY29sb3IgZm9yIGdyYWRpZW50IGdlbmVyYXRpb25cbiAgICovXG4gIHByaXZhdGUgcmVzb2x2ZUJhY2tncm91bmRDb2xvcihiYWNrZ3JvdW5kOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLmlzQ1NTVmFyaWFibGUoYmFja2dyb3VuZCkpIHtcbiAgICAgIHJldHVybiBgdmFyKCR7YmFja2dyb3VuZH0pYDtcbiAgICB9IGVsc2UgaWYgKHRoaXMuaXNDb2xvclZhbHVlKGJhY2tncm91bmQpKSB7XG4gICAgICByZXR1cm4gYmFja2dyb3VuZDtcbiAgICB9IGVsc2Uge1xuICAgICAgLy8gQXNzdW1lIGl0J3MgYW4gSW9uaWMgY29sb3IgbmFtZVxuICAgICAgcmV0dXJuIGB2YXIoLS1pb24tY29sb3ItJHtiYWNrZ3JvdW5kfSlgO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBDaGVjayBpZiBiYWNrZ3JvdW5kIGlzIGFuIGltYWdlIFVSTFxuICAgKi9cbiAgcHJpdmF0ZSBpc0JhY2tncm91bmRJbWFnZShiZzogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgY29uc3QgbG93ZXIgPSBiZy50cmltKCkudG9Mb3dlckNhc2UoKTtcbiAgICByZXR1cm4gKFxuICAgICAgbG93ZXIuaW5jbHVkZXMoJy5qcGcnKSB8fFxuICAgICAgbG93ZXIuaW5jbHVkZXMoJy5wbmcnKSB8fFxuICAgICAgbG93ZXIuaW5jbHVkZXMoJy5qcGVnJykgfHxcbiAgICAgIGxvd2VyLmluY2x1ZGVzKCcud2VicCcpIHx8XG4gICAgICBsb3dlci5pbmNsdWRlcygnLnN2ZycpIHx8XG4gICAgICBsb3dlci5zdGFydHNXaXRoKCd1cmwoJylcbiAgICApO1xuICB9XG5cbiAgLyoqXG4gICAqIENoZWNrIGlmIGJhY2tncm91bmQgaXMgYSBncmFkaWVudFxuICAgKi9cbiAgcHJpdmF0ZSBpc0dyYWRpZW50KGJnOiBzdHJpbmcpOiBib29sZWFuIHtcbiAgICByZXR1cm4gYmcuaW5jbHVkZXMoJ2xpbmVhci1ncmFkaWVudCcpIHx8IGJnLmluY2x1ZGVzKCdyYWRpYWwtZ3JhZGllbnQnKSB8fCBiZy5pbmNsdWRlcygnY29uaWMtZ3JhZGllbnQnKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBDaGVjayBpZiBiYWNrZ3JvdW5kIGlzIGEgQ1NTIHZhcmlhYmxlXG4gICAqL1xuICBwcml2YXRlIGlzQ1NTVmFyaWFibGUoYmc6IHN0cmluZyk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBiZy5zdGFydHNXaXRoKCctLScpO1xuICB9XG5cbiAgLyoqXG4gICAqIENoZWNrIGlmIGJhY2tncm91bmQgaXMgYSBkaXJlY3QgY29sb3IgdmFsdWVcbiAgICovXG4gIHByaXZhdGUgaXNDb2xvclZhbHVlKGJnOiBzdHJpbmcpOiBib29sZWFuIHtcbiAgICByZXR1cm4gYmcuc3RhcnRzV2l0aCgnIycpIHx8IGJnLnN0YXJ0c1dpdGgoJ3JnYicpIHx8IGJnLnN0YXJ0c1dpdGgoJ2hzbCcpO1xuICB9XG5cbiAgLyoqXG4gICAqIEFwcGx5IGltYWdlIGJhY2tncm91bmQgd2l0aCBvcHRpb25hbCBvdmVybGF5XG4gICAqL1xuICBwcml2YXRlIGFwcGx5SW1hZ2VCYWNrZ3JvdW5kKHN0eWxlOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+LCBiYWNrZ3JvdW5kOiBzdHJpbmcpOiB2b2lkIHtcbiAgICBjb25zdCBpbWFnZVVybCA9IGJhY2tncm91bmQuc3RhcnRzV2l0aCgndXJsKCcpID8gYmFja2dyb3VuZCA6IGB1cmwoJHtiYWNrZ3JvdW5kfSlgO1xuXG4gICAgaWYgKHRoaXMucHJvcHMub3ZlcmxheSkge1xuICAgICAgY29uc3Qgb3BhY2l0eSA9IHRoaXMucHJvcHMub3ZlcmxheU9wYWNpdHkgfHwgMC4zO1xuICAgICAgY29uc3QgaXNEYXJrID0gdGhpcy50aGVtZS5Jc0Rhcms7XG4gICAgICBjb25zdCBvdmVybGF5Q29sb3IgPSBpc0RhcmsgPyBgcmdiYSgwLDAsMCwke29wYWNpdHl9KWAgOiBgcmdiYSgyNTUsMjU1LDI1NSwke29wYWNpdHl9KWA7XG5cbiAgICAgIHN0eWxlWydiYWNrZ3JvdW5kSW1hZ2UnXSA9IGBsaW5lYXItZ3JhZGllbnQoMGRlZywgJHtvdmVybGF5Q29sb3J9LCAke292ZXJsYXlDb2xvcn0pLCAke2ltYWdlVXJsfWA7XG4gICAgfSBlbHNlIHtcbiAgICAgIHN0eWxlWydiYWNrZ3JvdW5kSW1hZ2UnXSA9IGltYWdlVXJsO1xuICAgIH1cblxuICAgIHN0eWxlWydiYWNrZ3JvdW5kU2l6ZSddID0gJ2NvdmVyJztcbiAgICBzdHlsZVsnYmFja2dyb3VuZFBvc2l0aW9uJ10gPSAnY2VudGVyJztcbiAgICBzdHlsZVsnYmFja2dyb3VuZFJlcGVhdCddID0gJ25vLXJlcGVhdCc7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/components/organisms/fun-header/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvb3JnYW5pc21zL2Z1bi1oZWFkZXIvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJhbm5lck1ldGFkYXRhIH0gZnJvbSAnLi4vYmFubmVyL3R5cGVzJztcblxuLyoqXG4gKiBDb25maWd1cmF0aW9uIGZvciB0aGUgZnVuIGhlYWRlciBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgRnVuSGVhZGVyTWV0YWRhdGEge1xuICAvKiogT3B0aW9uYWwgdG9rZW4gZm9yIHRyYWNraW5nL2FuYWx5dGljcyAqL1xuICB0b2tlbj86IHN0cmluZztcbiAgLyoqIExvZ28gaW1hZ2UgcGF0aCBvciBDU1MgdmFyaWFibGUgKGUuZy4sICctLW15LWxvZ28nKSAqL1xuICBpbWFnZT86IHN0cmluZztcbiAgLyoqIEJhY2tncm91bmQgaW1hZ2UgVVJMLCBncmFkaWVudCwgY29sb3IsIG9yIENTUyB2YXJpYWJsZSAqL1xuICBiYWNrZ3JvdW5kPzogc3RyaW5nO1xuICAvKiogRGFyayBtb2RlIGJhY2tncm91bmQgKG9wdGlvbmFsLCBmYWxscyBiYWNrIHRvIGJhY2tncm91bmQpICovXG4gIGJhY2tncm91bmREYXJrPzogc3RyaW5nO1xuICAvKiogQ3JlYXRlIGF1dG9tYXRpYyBncmFkaWVudCBmcm9tIC0taW9uLWJhY2tncm91bmQtY29sb3IgdG8gYmFja2dyb3VuZCBjb2xvciAqL1xuICBncmFkaWVudD86IGJvb2xlYW47XG4gIC8qKiBBZGQgb3ZlcmxheSBmb3IgYmV0dGVyIHRleHQgY29udHJhc3Qgb24gaW1hZ2VzICovXG4gIG92ZXJsYXk/OiBib29sZWFuO1xuICAvKiogT3ZlcmxheSBvcGFjaXR5ICgwLTEsIGRlZmF1bHQ6IDAuMykgKi9cbiAgb3ZlcmxheU9wYWNpdHk/OiBudW1iZXI7XG4gIC8qKiBCYW5uZXIgY29udGVudCBjb25maWd1cmF0aW9uICovXG4gIGNvbnRlbnQ6IEJhbm5lck1ldGFkYXRhO1xuICAvKiogQWRkIGJvcmRlciBhcm91bmQgdGhlIGhlYWRlciAqL1xuICBib3JkZXJlZD86IGJvb2xlYW47XG4gIC8qKiBBZGQgYm94IHNoYWRvdyB0byB0aGUgaGVhZGVyICovXG4gIHNoYWRvd2VkPzogYm9vbGVhbjtcbiAgLyoqIEFkZCByb3VuZGVkIGJvdHRvbSBjb3JuZXJzICovXG4gIHJvdW5kZWQ/OiBib29sZWFuO1xufVxuIl19

package/esm2022/lib/components/organisms/header/header.component.mjs

@@ -0,0 +1,51 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { IonHeader } from '@ionic/angular/standalone';
+import { ToolbarComponent } from '../toolbar/toolbar.component';
+import * as i0 from "@angular/core";
+/**
+ * HeaderComponent
+ *
+ * Componente de encabezado reutilizable para aplicaciones Ionic/Angular.
+ * Permite mostrar una barra de herramientas (toolbar) configurable.
+ *
+ * @example
+ * <val-header [props]="headerProps" (onClick)="handleHeaderAction($event)"></val-header>
+ *
+ * @input props {HeaderMetadata} - Metadatos del encabezado y su toolbar.
+ * @output onClick - Emite el token de la acción clicada en la toolbar.
+ */
+export class HeaderComponent {
+    constructor() {
+        /**
+         * Evento emitido al hacer click en una acción de la toolbar.
+         */
+        this.onClick = new EventEmitter();
+    }
+    ngOnInit() { }
+    /**
+     * Emite el token de la acción clicada en la toolbar.
+     * @param token Token de la acción
+     */
+    clickHandler(token) {
+        this.onClick.emit(token);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: HeaderComponent, isStandalone: true, selector: "val-header", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
+    <ion-header [class.ion-no-border]="!props.bordered" [translucent]="props.translucent">
+      <val-toolbar [props]="props.toolbar" (onClick)="clickHandler($event)"></val-toolbar>
+    </ion-header>
+  `, isInline: true, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}ion-toolbar{padding:0 1rem}\n"], dependencies: [{ kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: ToolbarComponent, selector: "val-toolbar", inputs: ["props"], outputs: ["onClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-header', standalone: true, imports: [IonHeader, ToolbarComponent], template: `
+    <ion-header [class.ion-no-border]="!props.bordered" [translucent]="props.translucent">
+      <val-toolbar [props]="props.toolbar" (onClick)="clickHandler($event)"></val-toolbar>
+    </ion-header>
+  `, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}ion-toolbar{padding:0 1rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { props: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9vcmdhbmlzbXMvaGVhZGVyL2hlYWRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBY2hFOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsTUFBTSxPQUFPLGVBQWU7SUFhMUI7UUFOQTs7V0FFRztRQUVILFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBRXRCLENBQUM7SUFFaEIsUUFBUSxLQUFJLENBQUM7SUFFYjs7O09BR0c7SUFDSCxZQUFZLENBQUMsS0FBYztRQUN6QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDOytHQXZCVSxlQUFlO21HQUFmLGVBQWUsbUlBbkJoQjs7OztHQUlULDJtRkFMUyxTQUFTLG9HQUFFLGdCQUFnQjs7NEZBb0IxQixlQUFlO2tCQXZCM0IsU0FBUzsrQkFDRSxZQUFZLGNBQ1YsSUFBSSxXQUNQLENBQUMsU0FBUyxFQUFFLGdCQUFnQixDQUFDLFlBQzVCOzs7O0dBSVQ7d0RBb0JELEtBQUs7c0JBREosS0FBSztnQkFPTixPQUFPO3NCQUROLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJb25IZWFkZXIgfSBmcm9tICdAaW9uaWMvYW5ndWxhci9zdGFuZGFsb25lJztcbmltcG9ydCB7IFRvb2xiYXJDb21wb25lbnQgfSBmcm9tICcuLi90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50JztcbmltcG9ydCB7IEhlYWRlck1ldGFkYXRhIH0gZnJvbSAnLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1oZWFkZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbSW9uSGVhZGVyLCBUb29sYmFyQ29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8aW9uLWhlYWRlciBbY2xhc3MuaW9uLW5vLWJvcmRlcl09XCIhcHJvcHMuYm9yZGVyZWRcIiBbdHJhbnNsdWNlbnRdPVwicHJvcHMudHJhbnNsdWNlbnRcIj5cbiAgICAgIDx2YWwtdG9vbGJhciBbcHJvcHNdPVwicHJvcHMudG9vbGJhclwiIChvbkNsaWNrKT1cImNsaWNrSGFuZGxlcigkZXZlbnQpXCI+PC92YWwtdG9vbGJhcj5cbiAgICA8L2lvbi1oZWFkZXI+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2hlYWRlci5jb21wb25lbnQuc2NzcyddLFxufSlcbi8qKlxuICogSGVhZGVyQ29tcG9uZW50XG4gKlxuICogQ29tcG9uZW50ZSBkZSBlbmNhYmV6YWRvIHJldXRpbGl6YWJsZSBwYXJhIGFwbGljYWNpb25lcyBJb25pYy9Bbmd1bGFyLlxuICogUGVybWl0ZSBtb3N0cmFyIHVuYSBiYXJyYSBkZSBoZXJyYW1pZW50YXMgKHRvb2xiYXIpIGNvbmZpZ3VyYWJsZS5cbiAqXG4gKiBAZXhhbXBsZVxuICogPHZhbC1oZWFkZXIgW3Byb3BzXT1cImhlYWRlclByb3BzXCIgKG9uQ2xpY2spPVwiaGFuZGxlSGVhZGVyQWN0aW9uKCRldmVudClcIj48L3ZhbC1oZWFkZXI+XG4gKlxuICogQGlucHV0IHByb3BzIHtIZWFkZXJNZXRhZGF0YX0gLSBNZXRhZGF0b3MgZGVsIGVuY2FiZXphZG8geSBzdSB0b29sYmFyLlxuICogQG91dHB1dCBvbkNsaWNrIC0gRW1pdGUgZWwgdG9rZW4gZGUgbGEgYWNjacOzbiBjbGljYWRhIGVuIGxhIHRvb2xiYXIuXG4gKi9cbmV4cG9ydCBjbGFzcyBIZWFkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAvKipcbiAgICogTWV0YWRhdG9zIGRlbCBlbmNhYmV6YWRvIHkgc3UgdG9vbGJhci5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHByb3BzOiBIZWFkZXJNZXRhZGF0YTtcblxuICAvKipcbiAgICogRXZlbnRvIGVtaXRpZG8gYWwgaGFjZXIgY2xpY2sgZW4gdW5hIGFjY2nDs24gZGUgbGEgdG9vbGJhci5cbiAgICovXG4gIEBPdXRwdXQoKVxuICBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge31cblxuICAvKipcbiAgICogRW1pdGUgZWwgdG9rZW4gZGUgbGEgYWNjacOzbiBjbGljYWRhIGVuIGxhIHRvb2xiYXIuXG4gICAqIEBwYXJhbSB0b2tlbiBUb2tlbiBkZSBsYSBhY2Npw7NuXG4gICAqL1xuICBjbGlja0hhbmRsZXIodG9rZW4/OiBzdHJpbmcpIHtcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh0b2tlbik7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/components/organisms/header/types.mjs

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