valtech-components 2.0.689 → 2.0.690

package/esm2022/lib/components/molecules/layered-card/layered-card.component.mjs

@@ -0,0 +1,104 @@
+import { CommonModule } from '@angular/common';
+import { Component, inject, Input } from '@angular/core';
+import { ThemeService } from '../../../services/theme.service';
+import { resolveColor } from '../../../shared/utils/styles';
+import { ButtonGroupComponent } from '../button-group/button-group.component';
+import { TitleBlockComponent } from '../title-block/title-block.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class LayeredCardComponent {
+    constructor() {
+        this.theme = inject(ThemeService);
+    }
+    color(background) {
+        if (!background) {
+            return '';
+        }
+        return resolveColor(background);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayeredCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LayeredCardComponent, isStandalone: true, selector: "layered-card", inputs: { props: "props" }, ngImport: i0, template: `
+    <div
+      class="fun-card"
+      [class.big-space]="props.bigSpace"
+      [class.hoverable]="props.hoverable"
+      [class.layered]="props.mode === 'layered'"
+      [class.poster]="props.mode === 'poster'"
+      [ngStyle]="{
+        background: theme.IsDark ? 'var(--ion-background-color)' : color(props.background),
+        minHeight: props.withMin ? '340px' : 'auto',
+      }"
+    >
+      @if (props.mode === 'poster') {
+        <img
+          class="poster-image"
+          [class.dark]="props.dark"
+          [class.with-opacity]="props.withOpacity"
+          alt="image"
+          [src]="props.image"
+        />
+      }
+      @if (props.mode === 'layered') {
+        <img
+          class="layer-image"
+          [class.dark]="props.dark"
+          [class.with-opacity]="props.withOpacity"
+          alt="image"
+          [src]="props.image"
+        />
+      }
+
+      <section>
+        <val-title-block [props]="props.content" />
+        @if (props.actions) {
+          <val-button-group style="display:block; margin-top: 16px;" [props]="props.actions" />
+        }
+      </section>
+    </div>
+  `, 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)}.fun-card{z-index:0;position:relative;cursor:pointer;background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));display:flex;border-radius:1.5rem;align-items:start;padding:1rem;box-shadow:0 .25rem .75rem #12195412}@media (prefers-color-scheme: dark){.fun-card{border:.0625rem solid var(--ion-color-medium)}}.fun-card.layered{flex-direction:column;justify-content:space-between}.fun-card.poster{flex-direction:row;justify-content:flex-start}.fun-card.hoverable{transition:transform .3s ease,box-shadow .3s ease}.fun-card.hoverable:hover{transform:scale(1.01);box-shadow:.1875rem .625rem .5rem #1219541a}.fun-card.big-space{padding:2.625rem}.layer-image{z-index:-1;right:3%;bottom:2%;position:absolute;max-height:100%;max-width:40%;padding:.5rem}.layer-image.with-opacity{opacity:.1}@media (prefers-color-scheme: dark){.layer-image.dark{opacity:.2;filter:invert(1)}}.poster-image{max-height:100%;max-width:5rem;margin-right:1rem}.poster-image.with-opacity{opacity:.1}@media (prefers-color-scheme: dark){.poster-image.dark{opacity:.2;filter:invert(1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonGroupComponent, selector: "val-button-group", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: TitleBlockComponent, selector: "val-title-block", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayeredCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'layered-card', standalone: true, imports: [CommonModule, ButtonGroupComponent, TitleBlockComponent], template: `
+    <div
+      class="fun-card"
+      [class.big-space]="props.bigSpace"
+      [class.hoverable]="props.hoverable"
+      [class.layered]="props.mode === 'layered'"
+      [class.poster]="props.mode === 'poster'"
+      [ngStyle]="{
+        background: theme.IsDark ? 'var(--ion-background-color)' : color(props.background),
+        minHeight: props.withMin ? '340px' : 'auto',
+      }"
+    >
+      @if (props.mode === 'poster') {
+        <img
+          class="poster-image"
+          [class.dark]="props.dark"
+          [class.with-opacity]="props.withOpacity"
+          alt="image"
+          [src]="props.image"
+        />
+      }
+      @if (props.mode === 'layered') {
+        <img
+          class="layer-image"
+          [class.dark]="props.dark"
+          [class.with-opacity]="props.withOpacity"
+          alt="image"
+          [src]="props.image"
+        />
+      }
+
+      <section>
+        <val-title-block [props]="props.content" />
+        @if (props.actions) {
+          <val-button-group style="display:block; margin-top: 16px;" [props]="props.actions" />
+        }
+      </section>
+    </div>
+  `, 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)}.fun-card{z-index:0;position:relative;cursor:pointer;background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));display:flex;border-radius:1.5rem;align-items:start;padding:1rem;box-shadow:0 .25rem .75rem #12195412}@media (prefers-color-scheme: dark){.fun-card{border:.0625rem solid var(--ion-color-medium)}}.fun-card.layered{flex-direction:column;justify-content:space-between}.fun-card.poster{flex-direction:row;justify-content:flex-start}.fun-card.hoverable{transition:transform .3s ease,box-shadow .3s ease}.fun-card.hoverable:hover{transform:scale(1.01);box-shadow:.1875rem .625rem .5rem #1219541a}.fun-card.big-space{padding:2.625rem}.layer-image{z-index:-1;right:3%;bottom:2%;position:absolute;max-height:100%;max-width:40%;padding:.5rem}.layer-image.with-opacity{opacity:.1}@media (prefers-color-scheme: dark){.layer-image.dark{opacity:.2;filter:invert(1)}}.poster-image{max-height:100%;max-width:5rem;margin-right:1rem}.poster-image.with-opacity{opacity:.1}@media (prefers-color-scheme: dark){.poster-image.dark{opacity:.2;filter:invert(1)}}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5ZXJlZC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvbGF5ZXJlZC1jYXJkL2xheWVyZWQtY2FyZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDL0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDOzs7QUFnRDNFLE1BQU0sT0FBTyxvQkFBb0I7SUE3Q2pDO1FBOENFLFVBQUssR0FBRyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7S0FXOUI7SUFOQyxLQUFLLENBQUMsVUFBVTtRQUNkLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNoQixPQUFPLEVBQUUsQ0FBQztRQUNaLENBQUM7UUFDRCxPQUFPLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNsQyxDQUFDOytHQVhVLG9CQUFvQjttR0FBcEIsb0JBQW9CLG9HQXpDckI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBc0NULGtwSEF2Q1MsWUFBWSxvSEFBRSxvQkFBb0Isc0dBQUUsbUJBQW1COzs0RkEwQ3RELG9CQUFvQjtrQkE3Q2hDLFNBQVM7K0JBQ0UsY0FBYyxjQUNaLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxvQkFBb0IsRUFBRSxtQkFBbUIsQ0FBQyxZQUN4RDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FzQ1Q7OEJBT0QsS0FBSztzQkFESixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGhlbWVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvdGhlbWUuc2VydmljZSc7XG5pbXBvcnQgeyByZXNvbHZlQ29sb3IgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvdXRpbHMvc3R5bGVzJztcbmltcG9ydCB7IEJ1dHRvbkdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi4vYnV0dG9uLWdyb3VwL2J1dHRvbi1ncm91cC5jb21wb25lbnQnO1xuaW1wb3J0IHsgVGl0bGVCbG9ja0NvbXBvbmVudCB9IGZyb20gJy4uL3RpdGxlLWJsb2NrL3RpdGxlLWJsb2NrLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMYXllcmVkQ2FyZE1ldGFkYXRhIH0gZnJvbSAnLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xheWVyZWQtY2FyZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbkdyb3VwQ29tcG9uZW50LCBUaXRsZUJsb2NrQ29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImZ1bi1jYXJkXCJcbiAgICAgIFtjbGFzcy5iaWctc3BhY2VdPVwicHJvcHMuYmlnU3BhY2VcIlxuICAgICAgW2NsYXNzLmhvdmVyYWJsZV09XCJwcm9wcy5ob3ZlcmFibGVcIlxuICAgICAgW2NsYXNzLmxheWVyZWRdPVwicHJvcHMubW9kZSA9PT0gJ2xheWVyZWQnXCJcbiAgICAgIFtjbGFzcy5wb3N0ZXJdPVwicHJvcHMubW9kZSA9PT0gJ3Bvc3RlcidcIlxuICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5Jc0RhcmsgPyAndmFyKC0taW9uLWJhY2tncm91bmQtY29sb3IpJyA6IGNvbG9yKHByb3BzLmJhY2tncm91bmQpLFxuICAgICAgICBtaW5IZWlnaHQ6IHByb3BzLndpdGhNaW4gPyAnMzQwcHgnIDogJ2F1dG8nLFxuICAgICAgfVwiXG4gICAgPlxuICAgICAgQGlmIChwcm9wcy5tb2RlID09PSAncG9zdGVyJykge1xuICAgICAgICA8aW1nXG4gICAgICAgICAgY2xhc3M9XCJwb3N0ZXItaW1hZ2VcIlxuICAgICAgICAgIFtjbGFzcy5kYXJrXT1cInByb3BzLmRhcmtcIlxuICAgICAgICAgIFtjbGFzcy53aXRoLW9wYWNpdHldPVwicHJvcHMud2l0aE9wYWNpdHlcIlxuICAgICAgICAgIGFsdD1cImltYWdlXCJcbiAgICAgICAgICBbc3JjXT1cInByb3BzLmltYWdlXCJcbiAgICAgICAgLz5cbiAgICAgIH1cbiAgICAgIEBpZiAocHJvcHMubW9kZSA9PT0gJ2xheWVyZWQnKSB7XG4gICAgICAgIDxpbWdcbiAgICAgICAgICBjbGFzcz1cImxheWVyLWltYWdlXCJcbiAgICAgICAgICBbY2xhc3MuZGFya109XCJwcm9wcy5kYXJrXCJcbiAgICAgICAgICBbY2xhc3Mud2l0aC1vcGFjaXR5XT1cInByb3BzLndpdGhPcGFjaXR5XCJcbiAgICAgICAgICBhbHQ9XCJpbWFnZVwiXG4gICAgICAgICAgW3NyY109XCJwcm9wcy5pbWFnZVwiXG4gICAgICAgIC8+XG4gICAgICB9XG5cbiAgICAgIDxzZWN0aW9uPlxuICAgICAgICA8dmFsLXRpdGxlLWJsb2NrIFtwcm9wc109XCJwcm9wcy5jb250ZW50XCIgLz5cbiAgICAgICAgQGlmIChwcm9wcy5hY3Rpb25zKSB7XG4gICAgICAgICAgPHZhbC1idXR0b24tZ3JvdXAgc3R5bGU9XCJkaXNwbGF5OmJsb2NrOyBtYXJnaW4tdG9wOiAxNnB4O1wiIFtwcm9wc109XCJwcm9wcy5hY3Rpb25zXCIgLz5cbiAgICAgICAgfVxuICAgICAgPC9zZWN0aW9uPlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybDogJy4vbGF5ZXJlZC1jYXJkLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgTGF5ZXJlZENhcmRDb21wb25lbnQge1xuICB0aGVtZSA9IGluamVjdChUaGVtZVNlcnZpY2UpO1xuXG4gIEBJbnB1dCgpXG4gIHByb3BzOiBMYXllcmVkQ2FyZE1ldGFkYXRhO1xuXG4gIGNvbG9yKGJhY2tncm91bmQpIHtcbiAgICBpZiAoIWJhY2tncm91bmQpIHtcbiAgICAgIHJldHVybiAnJztcbiAgICB9XG4gICAgcmV0dXJuIHJlc29sdmVDb2xvcihiYWNrZ3JvdW5kKTtcbiAgfVxufVxuIl19

package/esm2022/lib/components/molecules/layered-card/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2xheWVyZWQtY2FyZC90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uR3JvdXBNZXRhZGF0YSB9IGZyb20gJy4uL2J1dHRvbi1ncm91cC90eXBlcyc7XG5pbXBvcnQgeyBUaXRsZUJsb2NrTWV0YWRhIH0gZnJvbSAnLi4vdGl0bGUtYmxvY2svdHlwZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIExheWVyZWRDYXJkTWV0YWRhdGEge1xuICB0b2tlbj86IHN0cmluZztcbiAgaW1hZ2U/OiBzdHJpbmc7XG4gIGFjdGlvbnM/OiBCdXR0b25Hcm91cE1ldGFkYXRhO1xuICBjb250ZW50OiBUaXRsZUJsb2NrTWV0YWRhO1xuICBiaWdTcGFjZT86IGJvb2xlYW47XG4gIGJhY2tncm91bmQ/OiBzdHJpbmc7XG4gIGhvdmVyYWJsZT86IGJvb2xlYW47XG4gIHdpdGhNaW4/OiBib29sZWFuO1xuICBkYXJrPzogYm9vbGVhbjtcbiAgd2l0aE9wYWNpdHk/OiBib29sZWFuO1xuICBtb2RlOiAnbGF5ZXJlZCcgfCAncG9zdGVyJztcbn1cbiJdfQ==

package/esm2022/lib/components/molecules/link/link.component.mjs

@@ -0,0 +1,64 @@
+import { Component, EventEmitter, inject, Input, Output } from '@angular/core';
+import { IonButton, IonIcon, IonText } from '@ionic/angular/standalone';
+import { addIcons } from 'ionicons';
+import { chevronForwardOutline } from 'ionicons/icons';
+import { NavigationService } from '../../../services/navigation';
+import * as i0 from "@angular/core";
+/**
+ * val-link
+ *
+ * A stylized link button with navigation support for internal, in-app, or new tab links.
+ *
+ * @example
+ * <val-link [props]="{ text: 'Go', color: 'primary', link: '/home', type: 'internal' }" (onClick)="handler($event)"></val-link>
+ *
+ * @input props: LinkMetadata - Configuration for the link (text, color, link, type, etc.)
+ * @output onClick - Emits the token of the clicked link
+ */
+export class LinkComponent {
+    constructor() {
+        this.onClick = new EventEmitter();
+        this.service = inject(NavigationService);
+        addIcons({ chevronForwardOutline });
+    }
+    ngOnInit() { }
+    onClickHandler() {
+        this.onClick.emit(this.props.token);
+        switch (this.props.type) {
+            case 'internal':
+                this.service.navigateByUrl(this.props.link);
+                break;
+            case 'browse':
+                this.service.navigateInApp(this.props.link);
+                break;
+            case 'tab':
+                this.service.openInNewTab(this.props.link);
+                break;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LinkComponent, isStandalone: true, selector: "val-link", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
+    <div>
+      <ion-button type="button" [color]="props.color" fill="clear" [size]="props.size" (click)="onClickHandler()">
+        <ion-icon slot="end" name="chevron-forward-outline"></ion-icon>
+        <ion-text>{{ props.text }}</ion-text>
+      </ion-button>
+    </div>
+  `, 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-button{font-family:var(--ion-default-font),Arial,sans-serif;margin:0;--padding-bottom: 0;--padding-top: 0;--padding-start: 0;--padding-end: 0}\n"], dependencies: [{ kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-link', standalone: true, imports: [IonButton, IonIcon, IonText], template: `
+    <div>
+      <ion-button type="button" [color]="props.color" fill="clear" [size]="props.size" (click)="onClickHandler()">
+        <ion-icon slot="end" name="chevron-forward-outline"></ion-icon>
+        <ion-text>{{ props.text }}</ion-text>
+      </ion-button>
+    </div>
+  `, 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-button{font-family:var(--ion-default-font),Arial,sans-serif;margin:0;--padding-bottom: 0;--padding-top: 0;--padding-start: 0;--padding-end: 0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { props: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2xpbmsvbGluay5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkYsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDeEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNwQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFpQmpFOzs7Ozs7Ozs7O0dBVUc7QUFDSCxNQUFNLE9BQU8sYUFBYTtJQW1CeEI7UUFKQSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVyQyxZQUFPLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFHbEMsUUFBUSxDQUFDLEVBQUUscUJBQXFCLEVBQUUsQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxRQUFRLEtBQUksQ0FBQztJQUViLGNBQWM7UUFDWixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXBDLFFBQVEsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUN4QixLQUFLLFVBQVU7Z0JBQ2IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDNUMsTUFBTTtZQUNSLEtBQUssUUFBUTtnQkFDWCxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUM1QyxNQUFNO1lBQ1IsS0FBSyxLQUFLO2dCQUNSLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzNDLE1BQU07UUFDVixDQUFDO0lBQ0gsQ0FBQzsrR0F2Q1UsYUFBYTttR0FBYixhQUFhLGlJQXJCZDs7Ozs7OztHQU9ULGt1RkFSUyxTQUFTLG9QQUFFLE9BQU8sMkpBQUUsT0FBTzs7NEZBc0IxQixhQUFhO2tCQXpCekIsU0FBUzsrQkFDRSxVQUFVLGNBQ1IsSUFBSSxXQUNQLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLENBQUMsWUFDNUI7Ozs7Ozs7R0FPVDt3REEwQkQsS0FBSztzQkFESixLQUFLO2dCQUlOLE9BQU87c0JBRE4sTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBpbmplY3QsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW9uQnV0dG9uLCBJb25JY29uLCBJb25UZXh0IH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBhZGRJY29ucyB9IGZyb20gJ2lvbmljb25zJztcbmltcG9ydCB7IGNoZXZyb25Gb3J3YXJkT3V0bGluZSB9IGZyb20gJ2lvbmljb25zL2ljb25zJztcbmltcG9ydCB7IE5hdmlnYXRpb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvbmF2aWdhdGlvbic7XG5pbXBvcnQgeyBMaW5rTWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLWxpbmsnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbSW9uQnV0dG9uLCBJb25JY29uLCBJb25UZXh0XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2PlxuICAgICAgPGlvbi1idXR0b24gdHlwZT1cImJ1dHRvblwiIFtjb2xvcl09XCJwcm9wcy5jb2xvclwiIGZpbGw9XCJjbGVhclwiIFtzaXplXT1cInByb3BzLnNpemVcIiAoY2xpY2spPVwib25DbGlja0hhbmRsZXIoKVwiPlxuICAgICAgICA8aW9uLWljb24gc2xvdD1cImVuZFwiIG5hbWU9XCJjaGV2cm9uLWZvcndhcmQtb3V0bGluZVwiPjwvaW9uLWljb24+XG4gICAgICAgIDxpb24tdGV4dD57eyBwcm9wcy50ZXh0IH19PC9pb24tdGV4dD5cbiAgICAgIDwvaW9uLWJ1dHRvbj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vbGluay5jb21wb25lbnQuc2NzcyddLFxufSlcbi8qKlxuICogdmFsLWxpbmtcbiAqXG4gKiBBIHN0eWxpemVkIGxpbmsgYnV0dG9uIHdpdGggbmF2aWdhdGlvbiBzdXBwb3J0IGZvciBpbnRlcm5hbCwgaW4tYXBwLCBvciBuZXcgdGFiIGxpbmtzLlxuICpcbiAqIEBleGFtcGxlXG4gKiA8dmFsLWxpbmsgW3Byb3BzXT1cInsgdGV4dDogJ0dvJywgY29sb3I6ICdwcmltYXJ5JywgbGluazogJy9ob21lJywgdHlwZTogJ2ludGVybmFsJyB9XCIgKG9uQ2xpY2spPVwiaGFuZGxlcigkZXZlbnQpXCI+PC92YWwtbGluaz5cbiAqXG4gKiBAaW5wdXQgcHJvcHM6IExpbmtNZXRhZGF0YSAtIENvbmZpZ3VyYXRpb24gZm9yIHRoZSBsaW5rICh0ZXh0LCBjb2xvciwgbGluaywgdHlwZSwgZXRjLilcbiAqIEBvdXRwdXQgb25DbGljayAtIEVtaXRzIHRoZSB0b2tlbiBvZiB0aGUgY2xpY2tlZCBsaW5rXG4gKi9cbmV4cG9ydCBjbGFzcyBMaW5rQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIExpbmsgY29uZmlndXJhdGlvbiBvYmplY3QuXG4gICAqIEB0eXBlIHtMaW5rTWV0YWRhdGF9XG4gICAqIEBwcm9wZXJ0eSB0ZXh0IC0gVGhlIGxpbmsgdGV4dC5cbiAgICogQHByb3BlcnR5IGNvbG9yIC0gVGhlIGJ1dHRvbiBjb2xvciAoSW9uaWMgY29sb3Igc3RyaW5nKS5cbiAgICogQHByb3BlcnR5IGxpbmsgLSBUaGUgVVJMIG9yIHJvdXRlIHRvIG5hdmlnYXRlIHRvLlxuICAgKiBAcHJvcGVydHkgdHlwZSAtIFRoZSBuYXZpZ2F0aW9uIHR5cGUgKCdpbnRlcm5hbCcsICdicm93c2UnLCAndGFiJykuXG4gICAqIEBwcm9wZXJ0eSB0b2tlbiAtIE9wdGlvbmFsIHRva2VuIGZvciBldmVudCBpZGVudGlmaWNhdGlvbi5cbiAgICogQHByb3BlcnR5IHNpemUgLSBUaGUgYnV0dG9uIHNpemUgKG9wdGlvbmFsKS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHByb3BzOiBMaW5rTWV0YWRhdGE7XG5cbiAgQE91dHB1dCgpXG4gIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBzZXJ2aWNlID0gaW5qZWN0KE5hdmlnYXRpb25TZXJ2aWNlKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBhZGRJY29ucyh7IGNoZXZyb25Gb3J3YXJkT3V0bGluZSB9KTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge31cblxuICBvbkNsaWNrSGFuZGxlcigpIHtcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh0aGlzLnByb3BzLnRva2VuKTtcblxuICAgIHN3aXRjaCAodGhpcy5wcm9wcy50eXBlKSB7XG4gICAgICBjYXNlICdpbnRlcm5hbCc6XG4gICAgICAgIHRoaXMuc2VydmljZS5uYXZpZ2F0ZUJ5VXJsKHRoaXMucHJvcHMubGluayk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnYnJvd3NlJzpcbiAgICAgICAgdGhpcy5zZXJ2aWNlLm5hdmlnYXRlSW5BcHAodGhpcy5wcm9wcy5saW5rKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICd0YWInOlxuICAgICAgICB0aGlzLnNlcnZpY2Uub3BlbkluTmV3VGFiKHRoaXMucHJvcHMubGluayk7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfVxufVxuIl19

package/esm2022/lib/components/molecules/link/types.mjs

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

package/esm2022/lib/components/molecules/linked-providers/linked-providers.component.mjs

@@ -0,0 +1,236 @@
+import { Component, Input, computed } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { IonCard, IonCardHeader, IonCardTitle, IonCardContent, IonList, IonItem, IonLabel, IonIcon, IonButton, IonText, IonChip, AlertController, } from '@ionic/angular/standalone';
+import { addIcons } from 'ionicons';
+import { logoGoogle, logoApple, logoMicrosoft, linkOutline, unlinkOutline, checkmarkCircle, } from 'ionicons/icons';
+import { OAUTH_PROVIDERS_INFO } from './types';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+addIcons({
+    logoGoogle,
+    logoApple,
+    logoMicrosoft,
+    linkOutline,
+    unlinkOutline,
+    checkmarkCircle,
+});
+/**
+ * Linked Providers Component
+ *
+ * Muestra los proveedores OAuth vinculados al usuario y permite
+ * vincular nuevos o desvincular existentes.
+ *
+ * @example
+ * <val-linked-providers
+ *   [props]="{
+ *     providers: linkedProviders(),
+ *     onLink: linkProvider,
+ *     onUnlink: unlinkProvider
+ *   }"
+ * />
+ */
+export class LinkedProvidersComponent {
+    constructor() {
+        this.alertCtrl = new AlertController();
+        // Computed signals
+        this.linkedProviders = computed(() => this.props?.providers || []);
+        this.unlinkedProviders = computed(() => {
+            const linked = new Set(this.linkedProviders().map(p => p.provider));
+            const available = this.props?.availableProviders || ['google'];
+            return available
+                .filter(p => !linked.has(p))
+                .map(p => OAUTH_PROVIDERS_INFO[p]);
+        });
+        this.canUnlink = computed(() => {
+            // Can unlink if there's more than one provider or user has password
+            return this.linkedProviders().length > 1;
+        });
+    }
+    getProviderInfo(provider) {
+        return OAUTH_PROVIDERS_INFO[provider] || OAUTH_PROVIDERS_INFO.google;
+    }
+    onLinkProvider(provider) {
+        this.props.onLink?.(provider);
+    }
+    async confirmUnlink(provider) {
+        const info = this.getProviderInfo(provider);
+        const alert = await this.alertCtrl.create({
+            header: 'Desvincular cuenta',
+            message: `¿Estás seguro de que quieres desvincular tu cuenta de ${info.name}?`,
+            buttons: [
+                {
+                    text: 'Cancelar',
+                    role: 'cancel',
+                },
+                {
+                    text: 'Desvincular',
+                    role: 'destructive',
+                    handler: () => {
+                        this.props.onUnlink?.(provider);
+                    },
+                },
+            ],
+        });
+        await alert.present();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinkedProvidersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LinkedProvidersComponent, isStandalone: true, selector: "val-linked-providers", inputs: { props: "props" }, ngImport: i0, template: `
+    @if (props.compact) {
+      <ng-container *ngTemplateOutlet="providersList" />
+    } @else {
+      <ion-card>
+        <ion-card-header>
+          <ion-card-title>{{ props.title || 'Cuentas vinculadas' }}</ion-card-title>
+        </ion-card-header>
+        <ion-card-content>
+          @if (props.description) {
+            <p class="section-description">{{ props.description }}</p>
+          }
+          <ng-container *ngTemplateOutlet="providersList" />
+        </ion-card-content>
+      </ion-card>
+    }
+
+    <ng-template #providersList>
+      <ion-list lines="none" class="providers-list">
+        <!-- Linked providers -->
+        @for (provider of linkedProviders(); track provider.provider) {
+          <ion-item class="provider-item linked">
+            <div class="provider-icon" [style.background-color]="getProviderInfo(provider.provider).bgColor" slot="start">
+              <ion-icon [name]="getProviderInfo(provider.provider).icon" [style.color]="getProviderInfo(provider.provider).color" />
+            </div>
+            <ion-label>
+              <h3>{{ getProviderInfo(provider.provider).name }}</h3>
+              <p>{{ provider.email }}</p>
+            </ion-label>
+            <ion-icon name="checkmark-circle" color="success" slot="end" class="linked-icon" />
+            @if (props.allowUnlink !== false && canUnlink()) {
+              <ion-button
+                fill="clear"
+                color="medium"
+                slot="end"
+                (click)="confirmUnlink(provider.provider)"
+                class="unlink-btn"
+              >
+                <ion-icon name="unlink-outline" slot="icon-only" />
+              </ion-button>
+            }
+          </ion-item>
+        }
+
+        <!-- Available providers to link -->
+        @if (props.showLinkButton !== false) {
+          @for (provider of unlinkedProviders(); track provider.id) {
+            <ion-item class="provider-item available" button (click)="onLinkProvider(provider.id)">
+              <div class="provider-icon muted" slot="start">
+                <ion-icon [name]="provider.icon" />
+              </div>
+              <ion-label>
+                <h3>{{ provider.name }}</h3>
+                <p>Vincular cuenta</p>
+              </ion-label>
+              <ion-icon name="link-outline" color="primary" slot="end" />
+            </ion-item>
+          }
+        }
+
+        @if (linkedProviders().length === 0 && unlinkedProviders().length === 0) {
+          <ion-item>
+            <ion-label class="ion-text-center">
+              <p>No hay proveedores disponibles</p>
+            </ion-label>
+          </ion-item>
+        }
+      </ion-list>
+    </ng-template>
+  `, isInline: true, styles: ["ion-card{margin:0;border-radius:12px;box-shadow:0 1px 3px #00000014}ion-card-title{font-size:1.125rem;font-weight:600}.section-description{margin:0 0 1rem;color:var(--ion-color-medium);font-size:.875rem}.providers-list{padding:0}.provider-item{--padding-start: 0;--padding-end: 0;--inner-padding-end: 0;margin-bottom:.5rem;border-radius:8px;border:1px solid var(--ion-border-color, #e0e0e0)}.provider-item:last-child{margin-bottom:0}.provider-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;margin-right:.75rem}.provider-icon ion-icon{font-size:1.25rem}.provider-icon.muted{background:var(--ion-color-light)}.provider-icon.muted ion-icon{color:var(--ion-color-medium)}.provider-item ion-label h3{font-weight:600;font-size:.9375rem;margin-bottom:.125rem}.provider-item ion-label p{font-size:.8125rem;color:var(--ion-color-medium)}.linked-icon{font-size:1.25rem}.unlink-btn{--padding-start: .5rem;--padding-end: .5rem}.provider-item.available{cursor:pointer}.provider-item.available:hover{background:var(--ion-color-light-tint)}:host-context(body.dark){.provider-item{border-color:var(--ion-color-step-150)}.provider-icon.muted{background:var(--ion-color-step-100)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LinkedProvidersComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-linked-providers', standalone: true, imports: [
+                        CommonModule,
+                        IonCard,
+                        IonCardHeader,
+                        IonCardTitle,
+                        IonCardContent,
+                        IonList,
+                        IonItem,
+                        IonLabel,
+                        IonIcon,
+                        IonButton,
+                        IonText,
+                        IonChip,
+                    ], template: `
+    @if (props.compact) {
+      <ng-container *ngTemplateOutlet="providersList" />
+    } @else {
+      <ion-card>
+        <ion-card-header>
+          <ion-card-title>{{ props.title || 'Cuentas vinculadas' }}</ion-card-title>
+        </ion-card-header>
+        <ion-card-content>
+          @if (props.description) {
+            <p class="section-description">{{ props.description }}</p>
+          }
+          <ng-container *ngTemplateOutlet="providersList" />
+        </ion-card-content>
+      </ion-card>
+    }
+
+    <ng-template #providersList>
+      <ion-list lines="none" class="providers-list">
+        <!-- Linked providers -->
+        @for (provider of linkedProviders(); track provider.provider) {
+          <ion-item class="provider-item linked">
+            <div class="provider-icon" [style.background-color]="getProviderInfo(provider.provider).bgColor" slot="start">
+              <ion-icon [name]="getProviderInfo(provider.provider).icon" [style.color]="getProviderInfo(provider.provider).color" />
+            </div>
+            <ion-label>
+              <h3>{{ getProviderInfo(provider.provider).name }}</h3>
+              <p>{{ provider.email }}</p>
+            </ion-label>
+            <ion-icon name="checkmark-circle" color="success" slot="end" class="linked-icon" />
+            @if (props.allowUnlink !== false && canUnlink()) {
+              <ion-button
+                fill="clear"
+                color="medium"
+                slot="end"
+                (click)="confirmUnlink(provider.provider)"
+                class="unlink-btn"
+              >
+                <ion-icon name="unlink-outline" slot="icon-only" />
+              </ion-button>
+            }
+          </ion-item>
+        }
+
+        <!-- Available providers to link -->
+        @if (props.showLinkButton !== false) {
+          @for (provider of unlinkedProviders(); track provider.id) {
+            <ion-item class="provider-item available" button (click)="onLinkProvider(provider.id)">
+              <div class="provider-icon muted" slot="start">
+                <ion-icon [name]="provider.icon" />
+              </div>
+              <ion-label>
+                <h3>{{ provider.name }}</h3>
+                <p>Vincular cuenta</p>
+              </ion-label>
+              <ion-icon name="link-outline" color="primary" slot="end" />
+            </ion-item>
+          }
+        }
+
+        @if (linkedProviders().length === 0 && unlinkedProviders().length === 0) {
+          <ion-item>
+            <ion-label class="ion-text-center">
+              <p>No hay proveedores disponibles</p>
+            </ion-label>
+          </ion-item>
+        }
+      </ion-list>
+    </ng-template>
+  `, styles: ["ion-card{margin:0;border-radius:12px;box-shadow:0 1px 3px #00000014}ion-card-title{font-size:1.125rem;font-weight:600}.section-description{margin:0 0 1rem;color:var(--ion-color-medium);font-size:.875rem}.providers-list{padding:0}.provider-item{--padding-start: 0;--padding-end: 0;--inner-padding-end: 0;margin-bottom:.5rem;border-radius:8px;border:1px solid var(--ion-border-color, #e0e0e0)}.provider-item:last-child{margin-bottom:0}.provider-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;margin-right:.75rem}.provider-icon ion-icon{font-size:1.25rem}.provider-icon.muted{background:var(--ion-color-light)}.provider-icon.muted ion-icon{color:var(--ion-color-medium)}.provider-item ion-label h3{font-weight:600;font-size:.9375rem;margin-bottom:.125rem}.provider-item ion-label p{font-size:.8125rem;color:var(--ion-color-medium)}.linked-icon{font-size:1.25rem}.unlink-btn{--padding-start: .5rem;--padding-end: .5rem}.provider-item.available{cursor:pointer}.provider-item.available:hover{background:var(--ion-color-light-tint)}:host-context(body.dark){.provider-item{border-color:var(--ion-color-step-150)}.provider-icon.muted{background:var(--ion-color-step-100)}}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua2VkLXByb3ZpZGVycy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2xpbmtlZC1wcm92aWRlcnMvbGlua2VkLXByb3ZpZGVycy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0wsT0FBTyxFQUNQLGFBQWEsRUFDYixZQUFZLEVBQ1osY0FBYyxFQUNkLE9BQU8sRUFDUCxPQUFPLEVBQ1AsUUFBUSxFQUNSLE9BQU8sRUFDUCxTQUFTLEVBQ1QsT0FBTyxFQUNQLE9BQU8sRUFDUCxlQUFlLEdBQ2hCLE1BQU0sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNwQyxPQUFPLEVBQ0wsVUFBVSxFQUNWLFNBQVMsRUFDVCxhQUFhLEVBQ2IsV0FBVyxFQUNYLGFBQWEsRUFDYixlQUFlLEdBQ2hCLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTyxFQUEyQixvQkFBb0IsRUFBdUIsTUFBTSxTQUFTLENBQUM7OztBQUc3RixRQUFRLENBQUM7SUFDUCxVQUFVO0lBQ1YsU0FBUztJQUNULGFBQWE7SUFDYixXQUFXO0lBQ1gsYUFBYTtJQUNiLGVBQWU7Q0FDaEIsQ0FBQyxDQUFDO0FBRUg7Ozs7Ozs7Ozs7Ozs7O0dBY0c7QUF5TEgsTUFBTSxPQUFPLHdCQUF3QjtJQXhMckM7UUEyTFUsY0FBUyxHQUFHLElBQUksZUFBZSxFQUFFLENBQUM7UUFFMUMsbUJBQW1CO1FBQ25CLG9CQUFlLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsU0FBUyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBRTlELHNCQUFpQixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDaEMsTUFBTSxNQUFNLEdBQUcsSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO1lBQ3BFLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsa0JBQWtCLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUMvRCxPQUFPLFNBQVM7aUJBQ2IsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO2lCQUMzQixHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3ZDLENBQUMsQ0FBQyxDQUFDO1FBRUgsY0FBUyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDeEIsb0VBQW9FO1lBQ3BFLE9BQU8sSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDM0MsQ0FBQyxDQUFDLENBQUM7S0FpQ0o7SUEvQkMsZUFBZSxDQUFDLFFBQXVCO1FBQ3JDLE9BQU8sb0JBQW9CLENBQUMsUUFBUSxDQUFDLElBQUksb0JBQW9CLENBQUMsTUFBTSxDQUFDO0lBQ3ZFLENBQUM7SUFFRCxjQUFjLENBQUMsUUFBdUI7UUFDcEMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsS0FBSyxDQUFDLGFBQWEsQ0FBQyxRQUF1QjtRQUN6QyxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRTVDLE1BQU0sS0FBSyxHQUFHLE1BQU0sSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUM7WUFDeEMsTUFBTSxFQUFFLG9CQUFvQjtZQUM1QixPQUFPLEVBQUUseURBQXlELElBQUksQ0FBQyxJQUFJLEdBQUc7WUFDOUUsT0FBTyxFQUFFO2dCQUNQO29CQUNFLElBQUksRUFBRSxVQUFVO29CQUNoQixJQUFJLEVBQUUsUUFBUTtpQkFDZjtnQkFDRDtvQkFDRSxJQUFJLEVBQUUsYUFBYTtvQkFDbkIsSUFBSSxFQUFFLGFBQWE7b0JBQ25CLE9BQU8sRUFBRSxHQUFHLEVBQUU7d0JBQ1osSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQztvQkFDbEMsQ0FBQztpQkFDRjthQUNGO1NBQ0YsQ0FBQyxDQUFDO1FBRUgsTUFBTSxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0FuRFUsd0JBQXdCO21HQUF4Qix3QkFBd0IsNEdBdkt6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUVULDR3Q0FsRkMsWUFBWSxzTUFDWixPQUFPLHlMQUNQLGFBQWEsc0dBQ2IsWUFBWSxzRkFDWixjQUFjLCtFQUNkLE9BQU8seUZBQ1AsT0FBTywwTkFDUCxRQUFRLDZGQUNSLE9BQU8sMkpBQ1AsU0FBUzs7NEZBMktBLHdCQUF3QjtrQkF4THBDLFNBQVM7K0JBQ0Usc0JBQXNCLGNBQ3BCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLE9BQU87d0JBQ1AsYUFBYTt3QkFDYixZQUFZO3dCQUNaLGNBQWM7d0JBQ2QsT0FBTzt3QkFDUCxPQUFPO3dCQUNQLFFBQVE7d0JBQ1IsT0FBTzt3QkFDUCxTQUFTO3dCQUNULE9BQU87d0JBQ1AsT0FBTztxQkFDUixZQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxRVQ7OEJBbUdRLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIGNvbXB1dGVkLCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBJb25DYXJkLFxuICBJb25DYXJkSGVhZGVyLFxuICBJb25DYXJkVGl0bGUsXG4gIElvbkNhcmRDb250ZW50LFxuICBJb25MaXN0LFxuICBJb25JdGVtLFxuICBJb25MYWJlbCxcbiAgSW9uSWNvbixcbiAgSW9uQnV0dG9uLFxuICBJb25UZXh0LFxuICBJb25DaGlwLFxuICBBbGVydENvbnRyb2xsZXIsXG59IGZyb20gJ0Bpb25pYy9hbmd1bGFyL3N0YW5kYWxvbmUnO1xuaW1wb3J0IHsgYWRkSWNvbnMgfSBmcm9tICdpb25pY29ucyc7XG5pbXBvcnQge1xuICBsb2dvR29vZ2xlLFxuICBsb2dvQXBwbGUsXG4gIGxvZ29NaWNyb3NvZnQsXG4gIGxpbmtPdXRsaW5lLFxuICB1bmxpbmtPdXRsaW5lLFxuICBjaGVja21hcmtDaXJjbGUsXG59IGZyb20gJ2lvbmljb25zL2ljb25zJztcbmltcG9ydCB7IExpbmtlZFByb3ZpZGVyc01ldGFkYXRhLCBPQVVUSF9QUk9WSURFUlNfSU5GTywgUHJvdmlkZXJEaXNwbGF5SW5mbyB9IGZyb20gJy4vdHlwZXMnO1xuaW1wb3J0IHsgTGlua2VkUHJvdmlkZXIsIE9BdXRoUHJvdmlkZXIgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9hdXRoL3R5cGVzJztcblxuYWRkSWNvbnMoe1xuICBsb2dvR29vZ2xlLFxuICBsb2dvQXBwbGUsXG4gIGxvZ29NaWNyb3NvZnQsXG4gIGxpbmtPdXRsaW5lLFxuICB1bmxpbmtPdXRsaW5lLFxuICBjaGVja21hcmtDaXJjbGUsXG59KTtcblxuLyoqXG4gKiBMaW5rZWQgUHJvdmlkZXJzIENvbXBvbmVudFxuICpcbiAqIE11ZXN0cmEgbG9zIHByb3ZlZWRvcmVzIE9BdXRoIHZpbmN1bGFkb3MgYWwgdXN1YXJpbyB5IHBlcm1pdGVcbiAqIHZpbmN1bGFyIG51ZXZvcyBvIGRlc3ZpbmN1bGFyIGV4aXN0ZW50ZXMuXG4gKlxuICogQGV4YW1wbGVcbiAqIDx2YWwtbGlua2VkLXByb3ZpZGVyc1xuICogICBbcHJvcHNdPVwie1xuICogICAgIHByb3ZpZGVyczogbGlua2VkUHJvdmlkZXJzKCksXG4gKiAgICAgb25MaW5rOiBsaW5rUHJvdmlkZXIsXG4gKiAgICAgb25Vbmxpbms6IHVubGlua1Byb3ZpZGVyXG4gKiAgIH1cIlxuICogLz5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLWxpbmtlZC1wcm92aWRlcnMnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIElvbkNhcmQsXG4gICAgSW9uQ2FyZEhlYWRlcixcbiAgICBJb25DYXJkVGl0bGUsXG4gICAgSW9uQ2FyZENvbnRlbnQsXG4gICAgSW9uTGlzdCxcbiAgICBJb25JdGVtLFxuICAgIElvbkxhYmVsLFxuICAgIElvbkljb24sXG4gICAgSW9uQnV0dG9uLFxuICAgIElvblRleHQsXG4gICAgSW9uQ2hpcCxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICBAaWYgKHByb3BzLmNvbXBhY3QpIHtcbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJwcm92aWRlcnNMaXN0XCIgLz5cbiAgICB9IEBlbHNlIHtcbiAgICAgIDxpb24tY2FyZD5cbiAgICAgICAgPGlvbi1jYXJkLWhlYWRlcj5cbiAgICAgICAgICA8aW9uLWNhcmQtdGl0bGU+e3sgcHJvcHMudGl0bGUgfHwgJ0N1ZW50YXMgdmluY3VsYWRhcycgfX08L2lvbi1jYXJkLXRpdGxlPlxuICAgICAgICA8L2lvbi1jYXJkLWhlYWRlcj5cbiAgICAgICAgPGlvbi1jYXJkLWNvbnRlbnQ+XG4gICAgICAgICAgQGlmIChwcm9wcy5kZXNjcmlwdGlvbikge1xuICAgICAgICAgICAgPHAgY2xhc3M9XCJzZWN0aW9uLWRlc2NyaXB0aW9uXCI+e3sgcHJvcHMuZGVzY3JpcHRpb24gfX08L3A+XG4gICAgICAgICAgfVxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJwcm92aWRlcnNMaXN0XCIgLz5cbiAgICAgICAgPC9pb24tY2FyZC1jb250ZW50PlxuICAgICAgPC9pb24tY2FyZD5cbiAgICB9XG5cbiAgICA8bmctdGVtcGxhdGUgI3Byb3ZpZGVyc0xpc3Q+XG4gICAgICA8aW9uLWxpc3QgbGluZXM9XCJub25lXCIgY2xhc3M9XCJwcm92aWRlcnMtbGlzdFwiPlxuICAgICAgICA8IS0tIExpbmtlZCBwcm92aWRlcnMgLS0+XG4gICAgICAgIEBmb3IgKHByb3ZpZGVyIG9mIGxpbmtlZFByb3ZpZGVycygpOyB0cmFjayBwcm92aWRlci5wcm92aWRlcikge1xuICAgICAgICAgIDxpb24taXRlbSBjbGFzcz1cInByb3ZpZGVyLWl0ZW0gbGlua2VkXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJvdmlkZXItaWNvblwiIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImdldFByb3ZpZGVySW5mbyhwcm92aWRlci5wcm92aWRlcikuYmdDb2xvclwiIHNsb3Q9XCJzdGFydFwiPlxuICAgICAgICAgICAgICA8aW9uLWljb24gW25hbWVdPVwiZ2V0UHJvdmlkZXJJbmZvKHByb3ZpZGVyLnByb3ZpZGVyKS5pY29uXCIgW3N0eWxlLmNvbG9yXT1cImdldFByb3ZpZGVySW5mbyhwcm92aWRlci5wcm92aWRlcikuY29sb3JcIiAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8aW9uLWxhYmVsPlxuICAgICAgICAgICAgICA8aDM+e3sgZ2V0UHJvdmlkZXJJbmZvKHByb3ZpZGVyLnByb3ZpZGVyKS5uYW1lIH19PC9oMz5cbiAgICAgICAgICAgICAgPHA+e3sgcHJvdmlkZXIuZW1haWwgfX08L3A+XG4gICAgICAgICAgICA8L2lvbi1sYWJlbD5cbiAgICAgICAgICAgIDxpb24taWNvbiBuYW1lPVwiY2hlY2ttYXJrLWNpcmNsZVwiIGNvbG9yPVwic3VjY2Vzc1wiIHNsb3Q9XCJlbmRcIiBjbGFzcz1cImxpbmtlZC1pY29uXCIgLz5cbiAgICAgICAgICAgIEBpZiAocHJvcHMuYWxsb3dVbmxpbmsgIT09IGZhbHNlICYmIGNhblVubGluaygpKSB7XG4gICAgICAgICAgICAgIDxpb24tYnV0dG9uXG4gICAgICAgICAgICAgICAgZmlsbD1cImNsZWFyXCJcbiAgICAgICAgICAgICAgICBjb2xvcj1cIm1lZGl1bVwiXG4gICAgICAgICAgICAgICAgc2xvdD1cImVuZFwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNvbmZpcm1VbmxpbmsocHJvdmlkZXIucHJvdmlkZXIpXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInVubGluay1idG5cIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGlvbi1pY29uIG5hbWU9XCJ1bmxpbmstb3V0bGluZVwiIHNsb3Q9XCJpY29uLW9ubHlcIiAvPlxuICAgICAgICAgICAgICA8L2lvbi1idXR0b24+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgPC9pb24taXRlbT5cbiAgICAgICAgfVxuXG4gICAgICAgIDwhLS0gQXZhaWxhYmxlIHByb3ZpZGVycyB0byBsaW5rIC0tPlxuICAgICAgICBAaWYgKHByb3BzLnNob3dMaW5rQnV0dG9uICE9PSBmYWxzZSkge1xuICAgICAgICAgIEBmb3IgKHByb3ZpZGVyIG9mIHVubGlua2VkUHJvdmlkZXJzKCk7IHRyYWNrIHByb3ZpZGVyLmlkKSB7XG4gICAgICAgICAgICA8aW9uLWl0ZW0gY2xhc3M9XCJwcm92aWRlci1pdGVtIGF2YWlsYWJsZVwiIGJ1dHRvbiAoY2xpY2spPVwib25MaW5rUHJvdmlkZXIocHJvdmlkZXIuaWQpXCI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcm92aWRlci1pY29uIG11dGVkXCIgc2xvdD1cInN0YXJ0XCI+XG4gICAgICAgICAgICAgICAgPGlvbi1pY29uIFtuYW1lXT1cInByb3ZpZGVyLmljb25cIiAvPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPGlvbi1sYWJlbD5cbiAgICAgICAgICAgICAgICA8aDM+e3sgcHJvdmlkZXIubmFtZSB9fTwvaDM+XG4gICAgICAgICAgICAgICAgPHA+VmluY3VsYXIgY3VlbnRhPC9wPlxuICAgICAgICAgICAgICA8L2lvbi1sYWJlbD5cbiAgICAgICAgICAgICAgPGlvbi1pY29uIG5hbWU9XCJsaW5rLW91dGxpbmVcIiBjb2xvcj1cInByaW1hcnlcIiBzbG90PVwiZW5kXCIgLz5cbiAgICAgICAgICAgIDwvaW9uLWl0ZW0+XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgQGlmIChsaW5rZWRQcm92aWRlcnMoKS5sZW5ndGggPT09IDAgJiYgdW5saW5rZWRQcm92aWRlcnMoKS5sZW5ndGggPT09IDApIHtcbiAgICAgICAgICA8aW9uLWl0ZW0+XG4gICAgICAgICAgICA8aW9uLWxhYmVsIGNsYXNzPVwiaW9uLXRleHQtY2VudGVyXCI+XG4gICAgICAgICAgICAgIDxwPk5vIGhheSBwcm92ZWVkb3JlcyBkaXNwb25pYmxlczwvcD5cbiAgICAgICAgICAgIDwvaW9uLWxhYmVsPlxuICAgICAgICAgIDwvaW9uLWl0ZW0+XG4gICAgICAgIH1cbiAgICAgIDwvaW9uLWxpc3Q+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgYCxcbiAgc3R5bGVzOiBbYFxuICAgIGlvbi1jYXJkIHtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDEycHg7XG4gICAgICBib3gtc2hhZG93OiAwIDFweCAzcHggcmdiYSgwLCAwLCAwLCAwLjA4KTtcbiAgICB9XG5cbiAgICBpb24tY2FyZC10aXRsZSB7XG4gICAgICBmb250LXNpemU6IDEuMTI1cmVtO1xuICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICB9XG5cbiAgICAuc2VjdGlvbi1kZXNjcmlwdGlvbiB7XG4gICAgICBtYXJnaW46IDAgMCAxcmVtO1xuICAgICAgY29sb3I6IHZhcigtLWlvbi1jb2xvci1tZWRpdW0pO1xuICAgICAgZm9udC1zaXplOiAwLjg3NXJlbTtcbiAgICB9XG5cbiAgICAucHJvdmlkZXJzLWxpc3Qge1xuICAgICAgcGFkZGluZzogMDtcbiAgICB9XG5cbiAgICAucHJvdmlkZXItaXRlbSB7XG4gICAgICAtLXBhZGRpbmctc3RhcnQ6IDA7XG4gICAgICAtLXBhZGRpbmctZW5kOiAwO1xuICAgICAgLS1pbm5lci1wYWRkaW5nLWVuZDogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWlvbi1ib3JkZXItY29sb3IsICNlMGUwZTApO1xuICAgIH1cblxuICAgIC5wcm92aWRlci1pdGVtOmxhc3QtY2hpbGQge1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG5cbiAgICAucHJvdmlkZXItaWNvbiB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgd2lkdGg6IDQwcHg7XG4gICAgICBoZWlnaHQ6IDQwcHg7XG4gICAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gICAgICBtYXJnaW4tcmlnaHQ6IDAuNzVyZW07XG4gICAgfVxuXG4gICAgLnByb3ZpZGVyLWljb24gaW9uLWljb24ge1xuICAgICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICAgIH1cblxuICAgIC5wcm92aWRlci1pY29uLm11dGVkIHtcbiAgICAgIGJhY2tncm91bmQ6IHZhcigtLWlvbi1jb2xvci1saWdodCk7XG4gICAgfVxuXG4gICAgLnByb3ZpZGVyLWljb24ubXV0ZWQgaW9uLWljb24ge1xuICAgICAgY29sb3I6IHZhcigtLWlvbi1jb2xvci1tZWRpdW0pO1xuICAgIH1cblxuICAgIC5wcm92aWRlci1pdGVtIGlvbi1sYWJlbCBoMyB7XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgZm9udC1zaXplOiAwLjkzNzVyZW07XG4gICAgICBtYXJnaW4tYm90dG9tOiAwLjEyNXJlbTtcbiAgICB9XG5cbiAgICAucHJvdmlkZXItaXRlbSBpb24tbGFiZWwgcCB7XG4gICAgICBmb250LXNpemU6IDAuODEyNXJlbTtcbiAgICAgIGNvbG9yOiB2YXIoLS1pb24tY29sb3ItbWVkaXVtKTtcbiAgICB9XG5cbiAgICAubGlua2VkLWljb24ge1xuICAgICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICAgIH1cblxuICAgIC51bmxpbmstYnRuIHtcbiAgICAgIC0tcGFkZGluZy1zdGFydDogMC41cmVtO1xuICAgICAgLS1wYWRkaW5nLWVuZDogMC41cmVtO1xuICAgIH1cblxuICAgIC5wcm92aWRlci1pdGVtLmF2YWlsYWJsZSB7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxuXG4gICAgLnByb3ZpZGVyLWl0ZW0uYXZhaWxhYmxlOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQ6IHZhcigtLWlvbi1jb2xvci1saWdodC10aW50KTtcbiAgICB9XG5cbiAgICAvKiBEYXJrIG1vZGUgKi9cbiAgICA6aG9zdC1jb250ZXh0KGJvZHkuZGFyaykge1xuICAgICAgLnByb3ZpZGVyLWl0ZW0ge1xuICAgICAgICBib3JkZXItY29sb3I6IHZhcigtLWlvbi1jb2xvci1zdGVwLTE1MCk7XG4gICAgICB9XG5cbiAgICAgIC5wcm92aWRlci1pY29uLm11dGVkIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKC0taW9uLWNvbG9yLXN0ZXAtMTAwKTtcbiAgICAgIH1cbiAgICB9XG4gIGBdLFxufSlcbmV4cG9ydCBjbGFzcyBMaW5rZWRQcm92aWRlcnNDb21wb25lbnQge1xuICBASW5wdXQoKSBwcm9wcyE6IExpbmtlZFByb3ZpZGVyc01ldGFkYXRhO1xuXG4gIHByaXZhdGUgYWxlcnRDdHJsID0gbmV3IEFsZXJ0Q29udHJvbGxlcigpO1xuXG4gIC8vIENvbXB1dGVkIHNpZ25hbHNcbiAgbGlua2VkUHJvdmlkZXJzID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5wcm9wcz8ucHJvdmlkZXJzIHx8IFtdKTtcblxuICB1bmxpbmtlZFByb3ZpZGVycyA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBsaW5rZWQgPSBuZXcgU2V0KHRoaXMubGlua2VkUHJvdmlkZXJzKCkubWFwKHAgPT4gcC5wcm92aWRlcikpO1xuICAgIGNvbnN0IGF2YWlsYWJsZSA9IHRoaXMucHJvcHM/LmF2YWlsYWJsZVByb3ZpZGVycyB8fCBbJ2dvb2dsZSddO1xuICAgIHJldHVybiBhdmFpbGFibGVcbiAgICAgIC5maWx0ZXIocCA9PiAhbGlua2VkLmhhcyhwKSlcbiAgICAgIC5tYXAocCA9PiBPQVVUSF9QUk9WSURFUlNfSU5GT1twXSk7XG4gIH0pO1xuXG4gIGNhblVubGluayA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICAvLyBDYW4gdW5saW5rIGlmIHRoZXJlJ3MgbW9yZSB0aGFuIG9uZSBwcm92aWRlciBvciB1c2VyIGhhcyBwYXNzd29yZFxuICAgIHJldHVybiB0aGlzLmxpbmtlZFByb3ZpZGVycygpLmxlbmd0aCA+IDE7XG4gIH0pO1xuXG4gIGdldFByb3ZpZGVySW5mbyhwcm92aWRlcjogT0F1dGhQcm92aWRlcik6IFByb3ZpZGVyRGlzcGxheUluZm8ge1xuICAgIHJldHVybiBPQVVUSF9QUk9WSURFUlNfSU5GT1twcm92aWRlcl0gfHwgT0FVVEhfUFJPVklERVJTX0lORk8uZ29vZ2xlO1xuICB9XG5cbiAgb25MaW5rUHJvdmlkZXIocHJvdmlkZXI6IE9BdXRoUHJvdmlkZXIpOiB2b2lkIHtcbiAgICB0aGlzLnByb3BzLm9uTGluaz8uKHByb3ZpZGVyKTtcbiAgfVxuXG4gIGFzeW5jIGNvbmZpcm1VbmxpbmsocHJvdmlkZXI6IE9BdXRoUHJvdmlkZXIpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBjb25zdCBpbmZvID0gdGhpcy5nZXRQcm92aWRlckluZm8ocHJvdmlkZXIpO1xuXG4gICAgY29uc3QgYWxlcnQgPSBhd2FpdCB0aGlzLmFsZXJ0Q3RybC5jcmVhdGUoe1xuICAgICAgaGVhZGVyOiAnRGVzdmluY3VsYXIgY3VlbnRhJyxcbiAgICAgIG1lc3NhZ2U6IGDCv0VzdMOhcyBzZWd1cm8gZGUgcXVlIHF1aWVyZXMgZGVzdmluY3VsYXIgdHUgY3VlbnRhIGRlICR7aW5mby5uYW1lfT9gLFxuICAgICAgYnV0dG9uczogW1xuICAgICAgICB7XG4gICAgICAgICAgdGV4dDogJ0NhbmNlbGFyJyxcbiAgICAgICAgICByb2xlOiAnY2FuY2VsJyxcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgIHRleHQ6ICdEZXN2aW5jdWxhcicsXG4gICAgICAgICAgcm9sZTogJ2Rlc3RydWN0aXZlJyxcbiAgICAgICAgICBoYW5kbGVyOiAoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLnByb3BzLm9uVW5saW5rPy4ocHJvdmlkZXIpO1xuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICBdLFxuICAgIH0pO1xuXG4gICAgYXdhaXQgYWxlcnQucHJlc2VudCgpO1xuICB9XG59XG4iXX0=

package/esm2022/lib/components/molecules/linked-providers/types.mjs

@@ -0,0 +1,27 @@
+/**
+ * Información de proveedores OAuth disponibles.
+ */
+export const OAUTH_PROVIDERS_INFO = {
+    google: {
+        id: 'google',
+        name: 'Google',
+        icon: 'logo-google',
+        color: '#DB4437',
+        bgColor: '#DB443715',
+    },
+    apple: {
+        id: 'apple',
+        name: 'Apple',
+        icon: 'logo-apple',
+        color: '#000000',
+        bgColor: '#00000010',
+    },
+    microsoft: {
+        id: 'microsoft',
+        name: 'Microsoft',
+        icon: 'logo-microsoft',
+        color: '#00A4EF',
+        bgColor: '#00A4EF15',
+    },
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2xpbmtlZC1wcm92aWRlcnMvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNBOztHQUVHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQStDO0lBQzlFLE1BQU0sRUFBRTtRQUNOLEVBQUUsRUFBRSxRQUFRO1FBQ1osSUFBSSxFQUFFLFFBQVE7UUFDZCxJQUFJLEVBQUUsYUFBYTtRQUNuQixLQUFLLEVBQUUsU0FBUztRQUNoQixPQUFPLEVBQUUsV0FBVztLQUNyQjtJQUNELEtBQUssRUFBRTtRQUNMLEVBQUUsRUFBRSxPQUFPO1FBQ1gsSUFBSSxFQUFFLE9BQU87UUFDYixJQUFJLEVBQUUsWUFBWTtRQUNsQixLQUFLLEVBQUUsU0FBUztRQUNoQixPQUFPLEVBQUUsV0FBVztLQUNyQjtJQUNELFNBQVMsRUFBRTtRQUNULEVBQUUsRUFBRSxXQUFXO1FBQ2YsSUFBSSxFQUFFLFdBQVc7UUFDakIsSUFBSSxFQUFFLGdCQUFnQjtRQUN0QixLQUFLLEVBQUUsU0FBUztRQUNoQixPQUFPLEVBQUUsV0FBVztLQUNyQjtDQUNGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMaW5rZWRQcm92aWRlciwgT0F1dGhQcm92aWRlciB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2F1dGgvdHlwZXMnO1xuXG4vKipcbiAqIE1ldGFkYXRhIHBhcmEgTGlua2VkUHJvdmlkZXJzQ29tcG9uZW50LlxuICovXG5leHBvcnQgaW50ZXJmYWNlIExpbmtlZFByb3ZpZGVyc01ldGFkYXRhIHtcbiAgLyoqIExpc3RhIGRlIHByb3ZlZWRvcmVzIHZpbmN1bGFkb3MgKi9cbiAgcHJvdmlkZXJzOiBMaW5rZWRQcm92aWRlcltdO1xuICAvKiogUHJvdmVlZG9yZXMgZGlzcG9uaWJsZXMgcGFyYSB2aW5jdWxhciAoZGVmYXVsdDogWydnb29nbGUnXSkgKi9cbiAgYXZhaWxhYmxlUHJvdmlkZXJzPzogT0F1dGhQcm92aWRlcltdO1xuICAvKiogQ2FsbGJhY2sgY3VhbmRvIHNlIHF1aWVyZSB2aW5jdWxhciB1biBwcm92aWRlciAqL1xuICBvbkxpbms/OiAocHJvdmlkZXI6IE9BdXRoUHJvdmlkZXIpID0+IHZvaWQ7XG4gIC8qKiBDYWxsYmFjayBjdWFuZG8gc2UgcXVpZXJlIGRlc3ZpbmN1bGFyIHVuIHByb3ZpZGVyICovXG4gIG9uVW5saW5rPzogKHByb3ZpZGVyOiBPQXV0aFByb3ZpZGVyKSA9PiB2b2lkO1xuICAvKiogTW9zdHJhciBib3TDs24gcGFyYSB2aW5jdWxhciBudWV2b3MgKGRlZmF1bHQ6IHRydWUpICovXG4gIHNob3dMaW5rQnV0dG9uPzogYm9vbGVhbjtcbiAgLyoqIFBlcm1pdGlyIGRlc3ZpbmN1bGFyIChkZWZhdWx0OiB0cnVlIHNpIGhheSBtw6FzIGRlIHVuIG3DqXRvZG8gZGUgYXV0aCkgKi9cbiAgYWxsb3dVbmxpbms/OiBib29sZWFuO1xuICAvKiogVMOtdHVsbyBkZSBsYSBzZWNjacOzbiAqL1xuICB0aXRsZT86IHN0cmluZztcbiAgLyoqIERlc2NyaXBjacOzbiBkZSBsYSBzZWNjacOzbiAqL1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgLyoqIE1vZG8gY29tcGFjdG8gc2luIGNhcmQgKi9cbiAgY29tcGFjdD86IGJvb2xlYW47XG59XG5cbi8qKlxuICogSW5mb3JtYWNpw7NuIHZpc3VhbCBkZSB1biBwcm92ZWVkb3IgT0F1dGguXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgUHJvdmlkZXJEaXNwbGF5SW5mbyB7XG4gIGlkOiBPQXV0aFByb3ZpZGVyO1xuICBuYW1lOiBzdHJpbmc7XG4gIGljb246IHN0cmluZztcbiAgY29sb3I6IHN0cmluZztcbiAgYmdDb2xvcjogc3RyaW5nO1xufVxuXG4vKipcbiAqIEluZm9ybWFjacOzbiBkZSBwcm92ZWVkb3JlcyBPQXV0aCBkaXNwb25pYmxlcy5cbiAqL1xuZXhwb3J0IGNvbnN0IE9BVVRIX1BST1ZJREVSU19JTkZPOiBSZWNvcmQ8T0F1dGhQcm92aWRlciwgUHJvdmlkZXJEaXNwbGF5SW5mbz4gPSB7XG4gIGdvb2dsZToge1xuICAgIGlkOiAnZ29vZ2xlJyxcbiAgICBuYW1lOiAnR29vZ2xlJyxcbiAgICBpY29uOiAnbG9nby1nb29nbGUnLFxuICAgIGNvbG9yOiAnI0RCNDQzNycsXG4gICAgYmdDb2xvcjogJyNEQjQ0MzcxNScsXG4gIH0sXG4gIGFwcGxlOiB7XG4gICAgaWQ6ICdhcHBsZScsXG4gICAgbmFtZTogJ0FwcGxlJyxcbiAgICBpY29uOiAnbG9nby1hcHBsZScsXG4gICAgY29sb3I6ICcjMDAwMDAwJyxcbiAgICBiZ0NvbG9yOiAnIzAwMDAwMDEwJyxcbiAgfSxcbiAgbWljcm9zb2Z0OiB7XG4gICAgaWQ6ICdtaWNyb3NvZnQnLFxuICAgIG5hbWU6ICdNaWNyb3NvZnQnLFxuICAgIGljb246ICdsb2dvLW1pY3Jvc29mdCcsXG4gICAgY29sb3I6ICcjMDBBNEVGJyxcbiAgICBiZ0NvbG9yOiAnIzAwQTRFRjE1JyxcbiAgfSxcbn07XG4iXX0=