@db-ux/ngx-core-components 1.0.0-test-13b991d

package/esm2022/components/notification/notification.mjs

@@ -0,0 +1,181 @@
+import { Output, EventEmitter, Component, ViewChild, Input, } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { DBButton } from "../button/button";
+import { DEFAULT_CLOSE_BUTTON } from "../../shared/constants";
+import { cls, getHideProp, stringPropVisible } from "../../utils";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const defaultProps = {};
+export class DBNotification {
+    constructor() {
+        this.DEFAULT_CLOSE_BUTTON = DEFAULT_CLOSE_BUTTON;
+        this.cls = cls;
+        this.getHideProp = getHideProp;
+        this.stringPropVisible = stringPropVisible;
+        this.onClose = new EventEmitter();
+    }
+    handleClose(event) {
+        if (this.onClose) {
+            this.onClose.emit();
+        }
+    }
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    enableAttributePassing(element, customElementSelector) {
+        const parent = element?.closest(customElementSelector);
+        if (element && parent) {
+            const attributes = parent.attributes;
+            for (let i = 0; i < attributes.length; i++) {
+                const attr = attributes.item(i);
+                if (attr &&
+                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
+                    element.setAttribute(attr.name, attr.value);
+                    parent.removeAttribute(attr.name);
+                }
+                if (attr && attr.name === "class") {
+                    const isWebComponent = attr.value.includes("hydrated");
+                    const value = attr.value.replace("hydrated", "").trim();
+                    const currentClass = element.getAttribute("class");
+                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
+                    if (isWebComponent) {
+                        // Stencil is using this class for lazy loading component
+                        parent.setAttribute("class", "hydrated");
+                    }
+                    else {
+                        parent.removeAttribute(attr.name);
+                    }
+                }
+            }
+        }
+    }
+    ngAfterViewInit() {
+        const element = this._ref?.nativeElement;
+        this.enableAttributePassing(element, "db-notification");
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DBNotification, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DBNotification, isStandalone: true, selector: "db-notification", inputs: { id: "id", className: "className", ariaLive: "ariaLive", semantic: "semantic", variant: "variant", icon: "icon", showIcon: "showIcon", linkVariant: "linkVariant", headline: "headline", showHeadline: "showHeadline", text: "text", timestamp: "timestamp", showTimestamp: "showTimestamp", closeable: "closeable", closeButtonId: "closeButtonId", closeButtonText: "closeButtonText" }, outputs: { onClose: "onClose" }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true }], ngImport: i0, template: `
+    <article
+      #_ref
+      [attr.id]="id"
+      [class]="cls('db-notification', className)"
+      [attr.aria-live]="ariaLive"
+      [attr.data-semantic]="semantic"
+      [attr.data-variant]="variant"
+      [attr.data-icon]="icon"
+      [attr.data-hide-icon]="getHideProp(showIcon)"
+      [attr.data-link-variant]="linkVariant"
+    >
+      <ng-content select="[image]"></ng-content>
+      <ng-container *ngIf="stringPropVisible(headline, showHeadline)">
+        <header>{{headline}}</header>
+      </ng-container>
+      <p>
+        <ng-container *ngIf="text">{{text}}</ng-container>
+        <ng-container *ngIf="!(text)"><ng-content></ng-content></ng-container>
+      </p>
+      <ng-container *ngIf="stringPropVisible(timestamp, showTimestamp)">
+        <span>{{timestamp}}</span>
+      </ng-container>
+      <ng-content select="[link]"></ng-content>
+      <ng-container *ngIf="closeable">
+        <db-button
+          icon="cross"
+          variant="ghost"
+          size="small"
+          [id]="closeButtonId"
+          [noText]="true"
+          (click)="handleClose($event)"
+        >
+          {{closeButtonText ?? DEFAULT_CLOSE_BUTTON}}
+        </db-button>
+      </ng-container>
+    </article>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DBButton, selector: "db-button", inputs: ["id", "className", "type", "disabled", "label", "icon", "showIcon", "size", "state", "width", "variant", "noText", "name", "value", "describedbyid", "ariaexpanded", "ariapressed", "text"], outputs: ["onClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DBNotification, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "db-notification",
+                    template: `
+    <article
+      #_ref
+      [attr.id]="id"
+      [class]="cls('db-notification', className)"
+      [attr.aria-live]="ariaLive"
+      [attr.data-semantic]="semantic"
+      [attr.data-variant]="variant"
+      [attr.data-icon]="icon"
+      [attr.data-hide-icon]="getHideProp(showIcon)"
+      [attr.data-link-variant]="linkVariant"
+    >
+      <ng-content select="[image]"></ng-content>
+      <ng-container *ngIf="stringPropVisible(headline, showHeadline)">
+        <header>{{headline}}</header>
+      </ng-container>
+      <p>
+        <ng-container *ngIf="text">{{text}}</ng-container>
+        <ng-container *ngIf="!(text)"><ng-content></ng-content></ng-container>
+      </p>
+      <ng-container *ngIf="stringPropVisible(timestamp, showTimestamp)">
+        <span>{{timestamp}}</span>
+      </ng-container>
+      <ng-content select="[link]"></ng-content>
+      <ng-container *ngIf="closeable">
+        <db-button
+          icon="cross"
+          variant="ghost"
+          size="small"
+          [id]="closeButtonId"
+          [noText]="true"
+          (click)="handleClose($event)"
+        >
+          {{closeButtonText ?? DEFAULT_CLOSE_BUTTON}}
+        </db-button>
+      </ng-container>
+    </article>
+  `,
+                    standalone: true,
+                    imports: [CommonModule, DBButton],
+                }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], ariaLive: [{
+                type: Input
+            }], semantic: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], showIcon: [{
+                type: Input
+            }], linkVariant: [{
+                type: Input
+            }], headline: [{
+                type: Input
+            }], showHeadline: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], timestamp: [{
+                type: Input
+            }], showTimestamp: [{
+                type: Input
+            }], closeable: [{
+                type: Input
+            }], closeButtonId: [{
+                type: Input
+            }], closeButtonText: [{
+                type: Input
+            }], onClose: [{
+                type: Output
+            }], _ref: [{
+                type: ViewChild,
+                args: ["_ref"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vb3V0cHV0L2FuZ3VsYXIvc3JjL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixTQUFTLEVBQ1QsU0FBUyxFQUVULEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFLL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzVDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzlELE9BQU8sRUFBRSxHQUFHLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sYUFBYSxDQUFDOzs7QUFMbEUsTUFBTSxZQUFZLEdBQUcsRUFBRSxDQUFDO0FBbUR4QixNQUFNLE9BQU8sY0FBYztJQTNDM0I7UUE0Q0UseUJBQW9CLEdBQUcsb0JBQW9CLENBQUM7UUFDNUMsUUFBRyxHQUFHLEdBQUcsQ0FBQztRQUNWLGdCQUFXLEdBQUcsV0FBVyxDQUFDO1FBQzFCLHNCQUFpQixHQUFHLGlCQUFpQixDQUFDO1FBbUI1QixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQXdEeEM7SUFwREMsV0FBVyxDQUNULEtBQW9DO1FBRXBDLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2pCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEIsQ0FBQztJQUNILENBQUM7SUFFRDs7OztPQUlHO0lBQ0ssc0JBQXNCLENBQzVCLE9BQTJCLEVBQzNCLHFCQUE2QjtRQUU3QixNQUFNLE1BQU0sR0FBRyxPQUFPLEVBQUUsT0FBTyxDQUFDLHFCQUFxQixDQUFDLENBQUM7UUFDdkQsSUFBSSxPQUFPLElBQUksTUFBTSxFQUFFLENBQUM7WUFDdEIsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQztZQUNyQyxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsVUFBVSxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDO2dCQUMzQyxNQUFNLElBQUksR0FBRyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUNoQyxJQUNFLElBQUk7b0JBQ0osQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUNoRSxDQUFDO29CQUNELE9BQU8sQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7b0JBQzVDLE1BQU0sQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUNwQyxDQUFDO2dCQUNELElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssT0FBTyxFQUFFLENBQUM7b0JBQ2xDLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxDQUFDO29CQUN2RCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxVQUFVLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7b0JBQ3hELE1BQU0sWUFBWSxHQUFHLE9BQU8sQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUM7b0JBQ25ELE9BQU8sQ0FBQyxZQUFZLENBQ2xCLElBQUksQ0FBQyxJQUFJLEVBQ1QsR0FBRyxZQUFZLENBQUMsQ0FBQyxDQUFDLEdBQUcsWUFBWSxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxLQUFLLEVBQUUsQ0FDcEQsQ0FBQztvQkFDRixJQUFJLGNBQWMsRUFBRSxDQUFDO3dCQUNuQix5REFBeUQ7d0JBQ3pELE1BQU0sQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxDQUFDO29CQUMzQyxDQUFDO3lCQUFNLENBQUM7d0JBQ04sTUFBTSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7b0JBQ3BDLENBQUM7Z0JBQ0gsQ0FBQztZQUNILENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztJQUVELGVBQWU7UUFDYixNQUFNLE9BQU8sR0FBdUIsSUFBSSxDQUFDLElBQUksRUFBRSxhQUFhLENBQUM7UUFDN0QsSUFBSSxDQUFDLHNCQUFzQixDQUFDLE9BQU8sRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO0lBQzFELENBQUM7K0dBOUVVLGNBQWM7bUdBQWQsY0FBYyw4a0JBekNmOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUNULDJEQUVTLFlBQVksbUlBQUUsUUFBUTs7NEZBRXJCLGNBQWM7a0JBM0MxQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFDVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFFBQVEsQ0FBQztpQkFDbEM7OEJBT1UsRUFBRTtzQkFBVixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUVJLE9BQU87c0JBQWhCLE1BQU07Z0JBRVksSUFBSTtzQkFBdEIsU0FBUzt1QkFBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIENvbXBvbmVudCxcbiAgVmlld0NoaWxkLFxuICBFbGVtZW50UmVmLFxuICBJbnB1dCxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcblxuY29uc3QgZGVmYXVsdFByb3BzID0ge307XG5cbmltcG9ydCB7IERCTm90aWZpY2F0aW9uUHJvcHMsIERCTm90aWZpY2F0aW9uU3RhdGUgfSBmcm9tIFwiLi9tb2RlbFwiO1xuaW1wb3J0IHsgREJCdXR0b24gfSBmcm9tIFwiLi4vYnV0dG9uL2J1dHRvblwiO1xuaW1wb3J0IHsgREVGQVVMVF9DTE9TRV9CVVRUT04gfSBmcm9tIFwiLi4vLi4vc2hhcmVkL2NvbnN0YW50c1wiO1xuaW1wb3J0IHsgY2xzLCBnZXRIaWRlUHJvcCwgc3RyaW5nUHJvcFZpc2libGUgfSBmcm9tIFwiLi4vLi4vdXRpbHNcIjtcbmltcG9ydCB7IENsaWNrRXZlbnQgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21vZGVsXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJkYi1ub3RpZmljYXRpb25cIixcbiAgdGVtcGxhdGU6IGBcbiAgICA8YXJ0aWNsZVxuICAgICAgI19yZWZcbiAgICAgIFthdHRyLmlkXT1cImlkXCJcbiAgICAgIFtjbGFzc109XCJjbHMoJ2RiLW5vdGlmaWNhdGlvbicsIGNsYXNzTmFtZSlcIlxuICAgICAgW2F0dHIuYXJpYS1saXZlXT1cImFyaWFMaXZlXCJcbiAgICAgIFthdHRyLmRhdGEtc2VtYW50aWNdPVwic2VtYW50aWNcIlxuICAgICAgW2F0dHIuZGF0YS12YXJpYW50XT1cInZhcmlhbnRcIlxuICAgICAgW2F0dHIuZGF0YS1pY29uXT1cImljb25cIlxuICAgICAgW2F0dHIuZGF0YS1oaWRlLWljb25dPVwiZ2V0SGlkZVByb3Aoc2hvd0ljb24pXCJcbiAgICAgIFthdHRyLmRhdGEtbGluay12YXJpYW50XT1cImxpbmtWYXJpYW50XCJcbiAgICA+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbaW1hZ2VdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInN0cmluZ1Byb3BWaXNpYmxlKGhlYWRsaW5lLCBzaG93SGVhZGxpbmUpXCI+XG4gICAgICAgIDxoZWFkZXI+e3toZWFkbGluZX19PC9oZWFkZXI+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxwPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidGV4dFwiPnt7dGV4dH19PC9uZy1jb250YWluZXI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhKHRleHQpXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvbmctY29udGFpbmVyPlxuICAgICAgPC9wPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInN0cmluZ1Byb3BWaXNpYmxlKHRpbWVzdGFtcCwgc2hvd1RpbWVzdGFtcClcIj5cbiAgICAgICAgPHNwYW4+e3t0aW1lc3RhbXB9fTwvc3Bhbj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2xpbmtdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNsb3NlYWJsZVwiPlxuICAgICAgICA8ZGItYnV0dG9uXG4gICAgICAgICAgaWNvbj1cImNyb3NzXCJcbiAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgW2lkXT1cImNsb3NlQnV0dG9uSWRcIlxuICAgICAgICAgIFtub1RleHRdPVwidHJ1ZVwiXG4gICAgICAgICAgKGNsaWNrKT1cImhhbmRsZUNsb3NlKCRldmVudClcIlxuICAgICAgICA+XG4gICAgICAgICAge3tjbG9zZUJ1dHRvblRleHQgPz8gREVGQVVMVF9DTE9TRV9CVVRUT059fVxuICAgICAgICA8L2RiLWJ1dHRvbj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvYXJ0aWNsZT5cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgREJCdXR0b25dLFxufSlcbmV4cG9ydCBjbGFzcyBEQk5vdGlmaWNhdGlvbiB7XG4gIERFRkFVTFRfQ0xPU0VfQlVUVE9OID0gREVGQVVMVF9DTE9TRV9CVVRUT047XG4gIGNscyA9IGNscztcbiAgZ2V0SGlkZVByb3AgPSBnZXRIaWRlUHJvcDtcbiAgc3RyaW5nUHJvcFZpc2libGUgPSBzdHJpbmdQcm9wVmlzaWJsZTtcblxuICBASW5wdXQoKSBpZCE6IERCTm90aWZpY2F0aW9uUHJvcHNbXCJpZFwiXTtcbiAgQElucHV0KCkgY2xhc3NOYW1lITogREJOb3RpZmljYXRpb25Qcm9wc1tcImNsYXNzTmFtZVwiXTtcbiAgQElucHV0KCkgYXJpYUxpdmUhOiBEQk5vdGlmaWNhdGlvblByb3BzW1wiYXJpYUxpdmVcIl07XG4gIEBJbnB1dCgpIHNlbWFudGljITogREJOb3RpZmljYXRpb25Qcm9wc1tcInNlbWFudGljXCJdO1xuICBASW5wdXQoKSB2YXJpYW50ITogREJOb3RpZmljYXRpb25Qcm9wc1tcInZhcmlhbnRcIl07XG4gIEBJbnB1dCgpIGljb24hOiBEQk5vdGlmaWNhdGlvblByb3BzW1wiaWNvblwiXTtcbiAgQElucHV0KCkgc2hvd0ljb24hOiBEQk5vdGlmaWNhdGlvblByb3BzW1wic2hvd0ljb25cIl07XG4gIEBJbnB1dCgpIGxpbmtWYXJpYW50ITogREJOb3RpZmljYXRpb25Qcm9wc1tcImxpbmtWYXJpYW50XCJdO1xuICBASW5wdXQoKSBoZWFkbGluZSE6IERCTm90aWZpY2F0aW9uUHJvcHNbXCJoZWFkbGluZVwiXTtcbiAgQElucHV0KCkgc2hvd0hlYWRsaW5lITogREJOb3RpZmljYXRpb25Qcm9wc1tcInNob3dIZWFkbGluZVwiXTtcbiAgQElucHV0KCkgdGV4dCE6IERCTm90aWZpY2F0aW9uUHJvcHNbXCJ0ZXh0XCJdO1xuICBASW5wdXQoKSB0aW1lc3RhbXAhOiBEQk5vdGlmaWNhdGlvblByb3BzW1widGltZXN0YW1wXCJdO1xuICBASW5wdXQoKSBzaG93VGltZXN0YW1wITogREJOb3RpZmljYXRpb25Qcm9wc1tcInNob3dUaW1lc3RhbXBcIl07XG4gIEBJbnB1dCgpIGNsb3NlYWJsZSE6IERCTm90aWZpY2F0aW9uUHJvcHNbXCJjbG9zZWFibGVcIl07XG4gIEBJbnB1dCgpIGNsb3NlQnV0dG9uSWQhOiBEQk5vdGlmaWNhdGlvblByb3BzW1wiY2xvc2VCdXR0b25JZFwiXTtcbiAgQElucHV0KCkgY2xvc2VCdXR0b25UZXh0ITogREJOb3RpZmljYXRpb25Qcm9wc1tcImNsb3NlQnV0dG9uVGV4dFwiXTtcblxuICBAT3V0cHV0KCkgb25DbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAVmlld0NoaWxkKFwiX3JlZlwiKSBfcmVmITogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcblxuICBoYW5kbGVDbG9zZShcbiAgICBldmVudDogQ2xpY2tFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKTogUmV0dXJuVHlwZTxEQk5vdGlmaWNhdGlvblN0YXRlW1wiaGFuZGxlQ2xvc2VcIl0+IHtcbiAgICBpZiAodGhpcy5vbkNsb3NlKSB7XG4gICAgICB0aGlzLm9uQ2xvc2UuZW1pdCgpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBQYXNzZXMgYGFyaWEtKmAsIGBkYXRhLSpgICYgYGNsYXNzYCBhdHRyaWJ1dGVzIHRvIGNvcnJlY3QgY2hpbGQuIFVzZWQgaW4gYW5ndWxhciBhbmQgc3RlbmNpbC5cbiAgICogQHBhcmFtIGVsZW1lbnQgIHRoZSByZWYgZm9yIHRoZSBjb21wb25lbnRcbiAgICogQHBhcmFtIGN1c3RvbUVsZW1lbnRTZWxlY3RvciAgdGhlIGN1c3RvbSBlbGVtZW50IGxpa2UgYG15LWNvbXBvbmVudGBcbiAgICovXG4gIHByaXZhdGUgZW5hYmxlQXR0cmlidXRlUGFzc2luZyhcbiAgICBlbGVtZW50OiBIVE1MRWxlbWVudCB8IG51bGwsXG4gICAgY3VzdG9tRWxlbWVudFNlbGVjdG9yOiBzdHJpbmdcbiAgKSB7XG4gICAgY29uc3QgcGFyZW50ID0gZWxlbWVudD8uY2xvc2VzdChjdXN0b21FbGVtZW50U2VsZWN0b3IpO1xuICAgIGlmIChlbGVtZW50ICYmIHBhcmVudCkge1xuICAgICAgY29uc3QgYXR0cmlidXRlcyA9IHBhcmVudC5hdHRyaWJ1dGVzO1xuICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCBhdHRyaWJ1dGVzLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgIGNvbnN0IGF0dHIgPSBhdHRyaWJ1dGVzLml0ZW0oaSk7XG4gICAgICAgIGlmIChcbiAgICAgICAgICBhdHRyICYmXG4gICAgICAgICAgKGF0dHIubmFtZS5zdGFydHNXaXRoKFwiZGF0YS1cIikgfHwgYXR0ci5uYW1lLnN0YXJ0c1dpdGgoXCJhcmlhLVwiKSlcbiAgICAgICAgKSB7XG4gICAgICAgICAgZWxlbWVudC5zZXRBdHRyaWJ1dGUoYXR0ci5uYW1lLCBhdHRyLnZhbHVlKTtcbiAgICAgICAgICBwYXJlbnQucmVtb3ZlQXR0cmlidXRlKGF0dHIubmFtZSk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGF0dHIgJiYgYXR0ci5uYW1lID09PSBcImNsYXNzXCIpIHtcbiAgICAgICAgICBjb25zdCBpc1dlYkNvbXBvbmVudCA9IGF0dHIudmFsdWUuaW5jbHVkZXMoXCJoeWRyYXRlZFwiKTtcbiAgICAgICAgICBjb25zdCB2YWx1ZSA9IGF0dHIudmFsdWUucmVwbGFjZShcImh5ZHJhdGVkXCIsIFwiXCIpLnRyaW0oKTtcbiAgICAgICAgICBjb25zdCBjdXJyZW50Q2xhc3MgPSBlbGVtZW50LmdldEF0dHJpYnV0ZShcImNsYXNzXCIpO1xuICAgICAgICAgIGVsZW1lbnQuc2V0QXR0cmlidXRlKFxuICAgICAgICAgICAgYXR0ci5uYW1lLFxuICAgICAgICAgICAgYCR7Y3VycmVudENsYXNzID8gYCR7Y3VycmVudENsYXNzfSBgIDogXCJcIn0ke3ZhbHVlfWBcbiAgICAgICAgICApO1xuICAgICAgICAgIGlmIChpc1dlYkNvbXBvbmVudCkge1xuICAgICAgICAgICAgLy8gU3RlbmNpbCBpcyB1c2luZyB0aGlzIGNsYXNzIGZvciBsYXp5IGxvYWRpbmcgY29tcG9uZW50XG4gICAgICAgICAgICBwYXJlbnQuc2V0QXR0cmlidXRlKFwiY2xhc3NcIiwgXCJoeWRyYXRlZFwiKTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgcGFyZW50LnJlbW92ZUF0dHJpYnV0ZShhdHRyLm5hbWUpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBjb25zdCBlbGVtZW50OiBIVE1MRWxlbWVudCB8IG51bGwgPSB0aGlzLl9yZWY/Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgdGhpcy5lbmFibGVBdHRyaWJ1dGVQYXNzaW5nKGVsZW1lbnQsIFwiZGItbm90aWZpY2F0aW9uXCIpO1xuICB9XG59XG4iXX0=

package/esm2022/components/page/index.mjs

@@ -0,0 +1,2 @@
+export { DBPage } from './page';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9vdXRwdXQvYW5ndWxhci9zcmMvY29tcG9uZW50cy9wYWdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxRQUFRLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBEQlBhZ2UgfSBmcm9tICcuL3BhZ2UnIl19

package/esm2022/components/page/model.mjs

@@ -0,0 +1,3 @@
+export const PageVariantList = ['auto', 'fixed'];
+export const PageDocumentOverflowList = ['hidden', 'auto'];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9vdXRwdXQvYW5ndWxhci9zcmMvY29tcG9uZW50cy9wYWdlL21vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBSSxDQUFDLE1BQU0sRUFBRSxPQUFPLENBQVcsQ0FBQztBQUU1RCxNQUFNLENBQUMsTUFBTSx3QkFBd0IsR0FBSSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQVcsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEdsb2JhbFByb3BzLCBHbG9iYWxTdGF0ZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9tb2RlbCc7XG5leHBvcnQgY29uc3QgUGFnZVZhcmlhbnRMaXN0ID0gKFsnYXV0bycsICdmaXhlZCddIGFzIGNvbnN0KTtcbmV4cG9ydCB0eXBlIFBhZ2VWYXJpYW50VHlwZSA9ICh0eXBlb2YgUGFnZVZhcmlhbnRMaXN0KVtudW1iZXJdO1xuZXhwb3J0IGNvbnN0IFBhZ2VEb2N1bWVudE92ZXJmbG93TGlzdCA9IChbJ2hpZGRlbicsICdhdXRvJ10gYXMgY29uc3QpO1xuZXhwb3J0IHR5cGUgUGFnZURvY3VtZW50T3ZlcmZsb3dUeXBlID0gKHR5cGVvZiBQYWdlRG9jdW1lbnRPdmVyZmxvd0xpc3QpW251bWJlcl07XG5leHBvcnQgdHlwZSBEQlBhZ2VEZWZhdWx0UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgZG9jdW1lbnRPdmVyZmxvdyBzZXRzIHRoZSBvdmVyZmxvdzpoaWRkZW4vYXV0byB0byB0aGUgcm9vdCBkb2N1bWVudFxuICAgKi9cbiAgZG9jdW1lbnRPdmVyZmxvdz86IFBhZ2VEb2N1bWVudE92ZXJmbG93VHlwZTtcbiAgLyoqXG4gICAqIFNldCB0aGlzIHRvIGhhdmUgYSB0cmFuc2l0aW9uIHdpdGggb3BhY2l0eSB0byBhdm9pZCBsYXlvdXQtc2hpZnRzIGh0dHBzOi8vc2ltb25oZWFybmUuY29tLzIwMjEvbGF5b3V0LXNoaWZ0cy13ZWJmb250cy9cbiAgICovXG4gIGZhZGVJbj86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIFRoZSBzbG90IGNhbiBiZSB1c2VkIGZvciBSZWFjdCB0byBzZXQgYSBmb290ZXIuXG4gICAqL1xuICBmb290ZXI/OiBhbnk7XG4gIC8qKlxuICAgKiBUaGUgc2xvdCBjYW4gYmUgdXNlZCBmb3IgUmVhY3QgdG8gc2V0IGEgaGVhZGVyLlxuICAgKi9cbiAgaGVhZGVyPzogYW55O1xuXG4gIC8qKlxuICAgKiBUaGUgdmFyaWFudD1maXhlZCB1c2VzIGZsZXgtYm94IHRvIG1ha2UgaGVhZGVyIGFuZCBmb290ZXIgc3RhdGljXG4gICAqL1xuICB2YXJpYW50PzogUGFnZVZhcmlhbnRUeXBlO1xufTtcbmV4cG9ydCB0eXBlIERCUGFnZVByb3BzID0gREJQYWdlRGVmYXVsdFByb3BzICYgR2xvYmFsUHJvcHM7XG5leHBvcnQgdHlwZSBEQlBhZ2VEZWZhdWx0U3RhdGUgPSB7XG4gIGZvbnRzTG9hZGVkPzogYm9vbGVhbjtcbn07XG5leHBvcnQgdHlwZSBEQlBhZ2VTdGF0ZSA9IERCUGFnZURlZmF1bHRTdGF0ZSAmIEdsb2JhbFN0YXRlIl19

package/esm2022/components/page/page.mjs

@@ -0,0 +1,127 @@
+import { Component, ViewChild, Input } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { cls, getBooleanAsString } from "../../utils";
+import * as i0 from "@angular/core";
+const defaultProps = {};
+export class DBPage {
+    constructor() {
+        this.cls = cls;
+        this.getBooleanAsString = getBooleanAsString;
+        this.fontsLoaded = false;
+    }
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    enableAttributePassing(element, customElementSelector) {
+        const parent = element?.closest(customElementSelector);
+        if (element && parent) {
+            const attributes = parent.attributes;
+            for (let i = 0; i < attributes.length; i++) {
+                const attr = attributes.item(i);
+                if (attr &&
+                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
+                    element.setAttribute(attr.name, attr.value);
+                    parent.removeAttribute(attr.name);
+                }
+                if (attr && attr.name === "class") {
+                    const isWebComponent = attr.value.includes("hydrated");
+                    const value = attr.value.replace("hydrated", "").trim();
+                    const currentClass = element.getAttribute("class");
+                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
+                    if (isWebComponent) {
+                        // Stencil is using this class for lazy loading component
+                        parent.setAttribute("class", "hydrated");
+                    }
+                    else {
+                        parent.removeAttribute(attr.name);
+                    }
+                }
+            }
+        }
+    }
+    ngOnInit() {
+        if (typeof window !== "undefined" &&
+            document &&
+            (this.documentOverflow === "hidden" ||
+                (this.variant === "fixed" && this.documentOverflow !== "auto"))) {
+            // We need to set this to `html` element that the flex-box solution works
+            // See https://stackoverflow.com/a/43710216 - Approach 1 - flexbox
+            document.documentElement.classList.add("db-page-document");
+        }
+        if (typeof window !== "undefined") {
+            this.fontsLoaded = !this.fadeIn;
+            if (document && this.fadeIn) {
+                document.fonts.ready.then(() => {
+                    this.fontsLoaded = true;
+                });
+            }
+            else {
+                this.fontsLoaded = true;
+            }
+        }
+    }
+    ngAfterViewInit() {
+        const element = this._ref?.nativeElement;
+        this.enableAttributePassing(element, "db-page");
+    }
+    ngOnDestroy() {
+        if (typeof window !== "undefined" &&
+            document.documentElement.classList.contains("db-page-document")) {
+            // remove document styles set by this
+            document.documentElement.classList.remove("db-page-document");
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DBPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DBPage, isStandalone: true, selector: "db-page", inputs: { fadeIn: "fadeIn", documentOverflow: "documentOverflow", variant: "variant", id: "id", className: "className" }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true }], ngImport: i0, template: `
+    <div
+      #_ref
+      [attr.id]="id"
+      [class]="cls('db-page', className)"
+      [attr.data-variant]="variant"
+      [attr.data-fade-in]="fadeIn"
+      [attr.data-fonts-loaded]="getBooleanAsString(fontsLoaded)"
+    >
+      <ng-content select="[header]"></ng-content>
+      <main class="db-main"><ng-content></ng-content></main>
+      <ng-content select="[footer]"></ng-content>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DBPage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "db-page",
+                    template: `
+    <div
+      #_ref
+      [attr.id]="id"
+      [class]="cls('db-page', className)"
+      [attr.data-variant]="variant"
+      [attr.data-fade-in]="fadeIn"
+      [attr.data-fonts-loaded]="getBooleanAsString(fontsLoaded)"
+    >
+      <ng-content select="[header]"></ng-content>
+      <main class="db-main"><ng-content></ng-content></main>
+      <ng-content select="[footer]"></ng-content>
+    </div>
+  `,
+                    standalone: true,
+                    imports: [CommonModule],
+                }]
+        }], propDecorators: { fadeIn: [{
+                type: Input
+            }], documentOverflow: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], _ref: [{
+                type: ViewChild,
+                args: ["_ref"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL291dHB1dC9hbmd1bGFyL3NyYy9jb21wb25lbnRzL3BhZ2UvcGFnZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBSy9DLE9BQU8sRUFBRSxHQUFHLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxhQUFhLENBQUM7O0FBSHRELE1BQU0sWUFBWSxHQUFHLEVBQUUsQ0FBQztBQXdCeEIsTUFBTSxPQUFPLE1BQU07SUFuQm5CO1FBb0JFLFFBQUcsR0FBRyxHQUFHLENBQUM7UUFDVix1QkFBa0IsR0FBRyxrQkFBa0IsQ0FBQztRQVV4QyxnQkFBVyxHQUErQixLQUFLLENBQUM7S0FnRmpEO0lBOUVDOzs7O09BSUc7SUFDSyxzQkFBc0IsQ0FDNUIsT0FBMkIsRUFDM0IscUJBQTZCO1FBRTdCLE1BQU0sTUFBTSxHQUFHLE9BQU8sRUFBRSxPQUFPLENBQUMscUJBQXFCLENBQUMsQ0FBQztRQUN2RCxJQUFJLE9BQU8sSUFBSSxNQUFNLEVBQUUsQ0FBQztZQUN0QixNQUFNLFVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO1lBQ3JDLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxVQUFVLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUM7Z0JBQzNDLE1BQU0sSUFBSSxHQUFHLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQ2hDLElBQ0UsSUFBSTtvQkFDSixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQ2hFLENBQUM7b0JBQ0QsT0FBTyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztvQkFDNUMsTUFBTSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ3BDLENBQUM7Z0JBQ0QsSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxPQUFPLEVBQUUsQ0FBQztvQkFDbEMsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLENBQUM7b0JBQ3ZELE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztvQkFDeEQsTUFBTSxZQUFZLEdBQUcsT0FBTyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQztvQkFDbkQsT0FBTyxDQUFDLFlBQVksQ0FDbEIsSUFBSSxDQUFDLElBQUksRUFDVCxHQUFHLFlBQVksQ0FBQyxDQUFDLENBQUMsR0FBRyxZQUFZLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUFHLEtBQUssRUFBRSxDQUNwRCxDQUFDO29CQUNGLElBQUksY0FBYyxFQUFFLENBQUM7d0JBQ25CLHlEQUF5RDt3QkFDekQsTUFBTSxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLENBQUM7b0JBQzNDLENBQUM7eUJBQU0sQ0FBQzt3QkFDTixNQUFNLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztvQkFDcEMsQ0FBQztnQkFDSCxDQUFDO1lBQ0gsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQ0UsT0FBTyxNQUFNLEtBQUssV0FBVztZQUM3QixRQUFRO1lBQ1IsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEtBQUssUUFBUTtnQkFDakMsQ0FBQyxJQUFJLENBQUMsT0FBTyxLQUFLLE9BQU8sSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEtBQUssTUFBTSxDQUFDLENBQUMsRUFDakUsQ0FBQztZQUNELHlFQUF5RTtZQUN6RSxrRUFBa0U7WUFDbEUsUUFBUSxDQUFDLGVBQWUsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDN0QsQ0FBQztRQUVELElBQUksT0FBTyxNQUFNLEtBQUssV0FBVyxFQUFFLENBQUM7WUFDbEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7WUFDaEMsSUFBSSxRQUFRLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO2dCQUM1QixRQUFRLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFO29CQUM3QixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztnQkFDMUIsQ0FBQyxDQUFDLENBQUM7WUFDTCxDQUFDO2lCQUFNLENBQUM7Z0JBQ04sSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7WUFDMUIsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDO0lBRUQsZUFBZTtRQUNiLE1BQU0sT0FBTyxHQUF1QixJQUFJLENBQUMsSUFBSSxFQUFFLGFBQWEsQ0FBQztRQUM3RCxJQUFJLENBQUMsc0JBQXNCLENBQUMsT0FBTyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFDRSxPQUFPLE1BQU0sS0FBSyxXQUFXO1lBQzdCLFFBQVEsQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxrQkFBa0IsQ0FBQyxFQUMvRCxDQUFDO1lBQ0QscUNBQXFDO1lBQ3JDLFFBQVEsQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ2hFLENBQUM7SUFDSCxDQUFDOytHQTNGVSxNQUFNO21HQUFOLE1BQU0sMlJBakJQOzs7Ozs7Ozs7Ozs7O0dBYVQsMkRBRVMsWUFBWTs7NEZBRVgsTUFBTTtrQkFuQmxCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFNBQVM7b0JBQ25CLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7OztHQWFUO29CQUNELFVBQVUsRUFBRSxJQUFJO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7aUJBQ3hCOzhCQUtVLE1BQU07c0JBQWQsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVhLElBQUk7c0JBQXRCLFNBQVM7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0NoaWxkLCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5cbmNvbnN0IGRlZmF1bHRQcm9wcyA9IHt9O1xuXG5pbXBvcnQgeyBEQlBhZ2VQcm9wcywgREJQYWdlU3RhdGUgfSBmcm9tIFwiLi9tb2RlbFwiO1xuaW1wb3J0IHsgY2xzLCBnZXRCb29sZWFuQXNTdHJpbmcgfSBmcm9tIFwiLi4vLi4vdXRpbHNcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImRiLXBhZ2VcIixcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2XG4gICAgICAjX3JlZlxuICAgICAgW2F0dHIuaWRdPVwiaWRcIlxuICAgICAgW2NsYXNzXT1cImNscygnZGItcGFnZScsIGNsYXNzTmFtZSlcIlxuICAgICAgW2F0dHIuZGF0YS12YXJpYW50XT1cInZhcmlhbnRcIlxuICAgICAgW2F0dHIuZGF0YS1mYWRlLWluXT1cImZhZGVJblwiXG4gICAgICBbYXR0ci5kYXRhLWZvbnRzLWxvYWRlZF09XCJnZXRCb29sZWFuQXNTdHJpbmcoZm9udHNMb2FkZWQpXCJcbiAgICA+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbaGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICAgIDxtYWluIGNsYXNzPVwiZGItbWFpblwiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L21haW4+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZm9vdGVyXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIERCUGFnZSB7XG4gIGNscyA9IGNscztcbiAgZ2V0Qm9vbGVhbkFzU3RyaW5nID0gZ2V0Qm9vbGVhbkFzU3RyaW5nO1xuXG4gIEBJbnB1dCgpIGZhZGVJbiE6IERCUGFnZVByb3BzW1wiZmFkZUluXCJdO1xuICBASW5wdXQoKSBkb2N1bWVudE92ZXJmbG93ITogREJQYWdlUHJvcHNbXCJkb2N1bWVudE92ZXJmbG93XCJdO1xuICBASW5wdXQoKSB2YXJpYW50ITogREJQYWdlUHJvcHNbXCJ2YXJpYW50XCJdO1xuICBASW5wdXQoKSBpZCE6IERCUGFnZVByb3BzW1wiaWRcIl07XG4gIEBJbnB1dCgpIGNsYXNzTmFtZSE6IERCUGFnZVByb3BzW1wiY2xhc3NOYW1lXCJdO1xuXG4gIEBWaWV3Q2hpbGQoXCJfcmVmXCIpIF9yZWYhOiBFbGVtZW50UmVmIHwgdW5kZWZpbmVkO1xuXG4gIGZvbnRzTG9hZGVkOiBEQlBhZ2VTdGF0ZVtcImZvbnRzTG9hZGVkXCJdID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFBhc3NlcyBgYXJpYS0qYCwgYGRhdGEtKmAgJiBgY2xhc3NgIGF0dHJpYnV0ZXMgdG8gY29ycmVjdCBjaGlsZC4gVXNlZCBpbiBhbmd1bGFyIGFuZCBzdGVuY2lsLlxuICAgKiBAcGFyYW0gZWxlbWVudCAgdGhlIHJlZiBmb3IgdGhlIGNvbXBvbmVudFxuICAgKiBAcGFyYW0gY3VzdG9tRWxlbWVudFNlbGVjdG9yICB0aGUgY3VzdG9tIGVsZW1lbnQgbGlrZSBgbXktY29tcG9uZW50YFxuICAgKi9cbiAgcHJpdmF0ZSBlbmFibGVBdHRyaWJ1dGVQYXNzaW5nKFxuICAgIGVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgbnVsbCxcbiAgICBjdXN0b21FbGVtZW50U2VsZWN0b3I6IHN0cmluZ1xuICApIHtcbiAgICBjb25zdCBwYXJlbnQgPSBlbGVtZW50Py5jbG9zZXN0KGN1c3RvbUVsZW1lbnRTZWxlY3Rvcik7XG4gICAgaWYgKGVsZW1lbnQgJiYgcGFyZW50KSB7XG4gICAgICBjb25zdCBhdHRyaWJ1dGVzID0gcGFyZW50LmF0dHJpYnV0ZXM7XG4gICAgICBmb3IgKGxldCBpID0gMDsgaSA8IGF0dHJpYnV0ZXMubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgY29uc3QgYXR0ciA9IGF0dHJpYnV0ZXMuaXRlbShpKTtcbiAgICAgICAgaWYgKFxuICAgICAgICAgIGF0dHIgJiZcbiAgICAgICAgICAoYXR0ci5uYW1lLnN0YXJ0c1dpdGgoXCJkYXRhLVwiKSB8fCBhdHRyLm5hbWUuc3RhcnRzV2l0aChcImFyaWEtXCIpKVxuICAgICAgICApIHtcbiAgICAgICAgICBlbGVtZW50LnNldEF0dHJpYnV0ZShhdHRyLm5hbWUsIGF0dHIudmFsdWUpO1xuICAgICAgICAgIHBhcmVudC5yZW1vdmVBdHRyaWJ1dGUoYXR0ci5uYW1lKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoYXR0ciAmJiBhdHRyLm5hbWUgPT09IFwiY2xhc3NcIikge1xuICAgICAgICAgIGNvbnN0IGlzV2ViQ29tcG9uZW50ID0gYXR0ci52YWx1ZS5pbmNsdWRlcyhcImh5ZHJhdGVkXCIpO1xuICAgICAgICAgIGNvbnN0IHZhbHVlID0gYXR0ci52YWx1ZS5yZXBsYWNlKFwiaHlkcmF0ZWRcIiwgXCJcIikudHJpbSgpO1xuICAgICAgICAgIGNvbnN0IGN1cnJlbnRDbGFzcyA9IGVsZW1lbnQuZ2V0QXR0cmlidXRlKFwiY2xhc3NcIik7XG4gICAgICAgICAgZWxlbWVudC5zZXRBdHRyaWJ1dGUoXG4gICAgICAgICAgICBhdHRyLm5hbWUsXG4gICAgICAgICAgICBgJHtjdXJyZW50Q2xhc3MgPyBgJHtjdXJyZW50Q2xhc3N9IGAgOiBcIlwifSR7dmFsdWV9YFxuICAgICAgICAgICk7XG4gICAgICAgICAgaWYgKGlzV2ViQ29tcG9uZW50KSB7XG4gICAgICAgICAgICAvLyBTdGVuY2lsIGlzIHVzaW5nIHRoaXMgY2xhc3MgZm9yIGxhenkgbG9hZGluZyBjb21wb25lbnRcbiAgICAgICAgICAgIHBhcmVudC5zZXRBdHRyaWJ1dGUoXCJjbGFzc1wiLCBcImh5ZHJhdGVkXCIpO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBwYXJlbnQucmVtb3ZlQXR0cmlidXRlKGF0dHIubmFtZSk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKFxuICAgICAgdHlwZW9mIHdpbmRvdyAhPT0gXCJ1bmRlZmluZWRcIiAmJlxuICAgICAgZG9jdW1lbnQgJiZcbiAgICAgICh0aGlzLmRvY3VtZW50T3ZlcmZsb3cgPT09IFwiaGlkZGVuXCIgfHxcbiAgICAgICAgKHRoaXMudmFyaWFudCA9PT0gXCJmaXhlZFwiICYmIHRoaXMuZG9jdW1lbnRPdmVyZmxvdyAhPT0gXCJhdXRvXCIpKVxuICAgICkge1xuICAgICAgLy8gV2UgbmVlZCB0byBzZXQgdGhpcyB0byBgaHRtbGAgZWxlbWVudCB0aGF0IHRoZSBmbGV4LWJveCBzb2x1dGlvbiB3b3Jrc1xuICAgICAgLy8gU2VlIGh0dHBzOi8vc3RhY2tvdmVyZmxvdy5jb20vYS80MzcxMDIxNiAtIEFwcHJvYWNoIDEgLSBmbGV4Ym94XG4gICAgICBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xhc3NMaXN0LmFkZChcImRiLXBhZ2UtZG9jdW1lbnRcIik7XG4gICAgfVxuXG4gICAgaWYgKHR5cGVvZiB3aW5kb3cgIT09IFwidW5kZWZpbmVkXCIpIHtcbiAgICAgIHRoaXMuZm9udHNMb2FkZWQgPSAhdGhpcy5mYWRlSW47XG4gICAgICBpZiAoZG9jdW1lbnQgJiYgdGhpcy5mYWRlSW4pIHtcbiAgICAgICAgZG9jdW1lbnQuZm9udHMucmVhZHkudGhlbigoKSA9PiB7XG4gICAgICAgICAgdGhpcy5mb250c0xvYWRlZCA9IHRydWU7XG4gICAgICAgIH0pO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5mb250c0xvYWRlZCA9IHRydWU7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGNvbnN0IGVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgbnVsbCA9IHRoaXMuX3JlZj8ubmF0aXZlRWxlbWVudDtcbiAgICB0aGlzLmVuYWJsZUF0dHJpYnV0ZVBhc3NpbmcoZWxlbWVudCwgXCJkYi1wYWdlXCIpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgaWYgKFxuICAgICAgdHlwZW9mIHdpbmRvdyAhPT0gXCJ1bmRlZmluZWRcIiAmJlxuICAgICAgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsYXNzTGlzdC5jb250YWlucyhcImRiLXBhZ2UtZG9jdW1lbnRcIilcbiAgICApIHtcbiAgICAgIC8vIHJlbW92ZSBkb2N1bWVudCBzdHlsZXMgc2V0IGJ5IHRoaXNcbiAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKFwiZGItcGFnZS1kb2N1bWVudFwiKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2022/components/popover/index.mjs

@@ -0,0 +1,2 @@
+export { DBPopover } from './popover';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9vdXRwdXQvYW5ndWxhci9zcmMvY29tcG9uZW50cy9wb3BvdmVyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBEQlBvcG92ZXIgfSBmcm9tICcuL3BvcG92ZXInIl19

package/esm2022/components/popover/model.mjs

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

package/esm2022/components/popover/popover.mjs

@@ -0,0 +1,189 @@
+import { Component, ViewChild, Input, } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { cls, getBooleanAsString, handleDataOutside } from "../../utils";
+import * as i0 from "@angular/core";
+const defaultProps = {};
+export class DBPopover {
+    constructor() {
+        this.cls = cls;
+        this.getBooleanAsString = getBooleanAsString;
+        this.initialized = false;
+        this.isExpanded = false;
+    }
+    handleAutoPlacement() {
+        this.isExpanded = true;
+        if (!this._ref?.nativeElement)
+            return;
+        const article = this._ref.nativeElement.querySelector("article");
+        if (!article)
+            return;
+        handleDataOutside(article);
+    }
+    handleLeave(event) {
+        const element = event.target;
+        const parent = element.parentNode;
+        if (!parent ||
+            (element.parentNode.querySelector(":focus") !== element &&
+                element.parentNode.querySelector(":focus-within") !== element &&
+                element.parentNode.querySelector(":hover") !== element)) {
+            this.isExpanded = false;
+        }
+    }
+    getTrigger() {
+        if (this._ref?.nativeElement) {
+            const children = Array.from(this._ref.nativeElement.children);
+            if (children.length >= 2) {
+                const firstChild = children[0];
+                if (firstChild.tagName.includes("-")) {
+                    // this is a workaround for custom angular components
+                    return firstChild.children?.length > 0
+                        ? firstChild.children[0]
+                        : null;
+                }
+                else {
+                    return firstChild;
+                }
+            }
+        }
+        return null;
+    }
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    enableAttributePassing(element, customElementSelector) {
+        const parent = element?.closest(customElementSelector);
+        if (element && parent) {
+            const attributes = parent.attributes;
+            for (let i = 0; i < attributes.length; i++) {
+                const attr = attributes.item(i);
+                if (attr &&
+                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
+                    element.setAttribute(attr.name, attr.value);
+                    parent.removeAttribute(attr.name);
+                }
+                if (attr && attr.name === "class") {
+                    const isWebComponent = attr.value.includes("hydrated");
+                    const value = attr.value.replace("hydrated", "").trim();
+                    const currentClass = element.getAttribute("class");
+                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
+                    if (isWebComponent) {
+                        // Stencil is using this class for lazy loading component
+                        parent.setAttribute("class", "hydrated");
+                    }
+                    else {
+                        parent.removeAttribute(attr.name);
+                    }
+                }
+            }
+        }
+    }
+    ngOnInit() {
+        if (typeof window !== "undefined") {
+            this.initialized = true;
+        }
+    }
+    ngAfterViewInit() {
+        const element = this._ref?.nativeElement;
+        this.enableAttributePassing(element, "db-popover");
+    }
+    ngAfterContentChecked(changes) {
+        if (typeof window !== "undefined") {
+            if (this._ref?.nativeElement && this.initialized) {
+                const child = this.getTrigger();
+                if (child) {
+                    child.ariaHasPopup = "true";
+                }
+                this.initialized = false;
+            }
+            if (this._ref?.nativeElement) {
+                const child = this.getTrigger();
+                if (child) {
+                    child.ariaExpanded = Boolean(this.isExpanded).toString();
+                }
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DBPopover, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DBPopover, isStandalone: true, selector: "db-popover", inputs: { id: "id", className: "className", spacing: "spacing", gap: "gap", animation: "animation", open: "open", delay: "delay", width: "width", placement: "placement" }, viewQueries: [{ propertyName: "_ref", first: true, predicate: ["_ref"], descendants: true }], ngImport: i0, template: `
+    <div
+      #_ref
+      [attr.id]="id"
+      [class]="cls('db-popover', className)"
+      (focus)="handleAutoPlacement()"
+      (blur)="handleLeave($event)"
+      (mouseenter)="handleAutoPlacement()"
+      (mouseleave)="handleLeave($event)"
+    >
+      <ng-content select="[trigger]"></ng-content>
+      <article
+        class="db-popover-content"
+        [attr.data-spacing]="spacing"
+        [attr.data-gap]="getBooleanAsString(gap)"
+        [attr.data-animation]="getBooleanAsString(animation ?? true)"
+        [attr.data-open]="open"
+        [attr.data-delay]="delay"
+        [attr.data-width]="width"
+        [attr.data-placement]="placement"
+      >
+        <ng-content></ng-content>
+      </article>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DBPopover, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "db-popover",
+                    template: `
+    <div
+      #_ref
+      [attr.id]="id"
+      [class]="cls('db-popover', className)"
+      (focus)="handleAutoPlacement()"
+      (blur)="handleLeave($event)"
+      (mouseenter)="handleAutoPlacement()"
+      (mouseleave)="handleLeave($event)"
+    >
+      <ng-content select="[trigger]"></ng-content>
+      <article
+        class="db-popover-content"
+        [attr.data-spacing]="spacing"
+        [attr.data-gap]="getBooleanAsString(gap)"
+        [attr.data-animation]="getBooleanAsString(animation ?? true)"
+        [attr.data-open]="open"
+        [attr.data-delay]="delay"
+        [attr.data-width]="width"
+        [attr.data-placement]="placement"
+      >
+        <ng-content></ng-content>
+      </article>
+    </div>
+  `,
+                    standalone: true,
+                    imports: [CommonModule],
+                }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], spacing: [{
+                type: Input
+            }], gap: [{
+                type: Input
+            }], animation: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }], delay: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], placement: [{
+                type: Input
+            }], _ref: [{
+                type: ViewChild,
+                args: ["_ref"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL291dHB1dC9hbmd1bGFyL3NyYy9jb21wb25lbnRzL3BvcG92ZXIvcG9wb3Zlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFNBQVMsRUFFVCxLQUFLLEdBRU4sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBSy9DLE9BQU8sRUFBRSxHQUFHLEVBQUUsa0JBQWtCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxhQUFhLENBQUM7O0FBSHpFLE1BQU0sWUFBWSxHQUFHLEVBQUUsQ0FBQztBQW1DeEIsTUFBTSxPQUFPLFNBQVM7SUE5QnRCO1FBK0JFLFFBQUcsR0FBRyxHQUFHLENBQUM7UUFDVix1QkFBa0IsR0FBRyxrQkFBa0IsQ0FBQztRQWN4QyxnQkFBVyxHQUFrQyxLQUFLLENBQUM7UUFDbkQsZUFBVSxHQUFpQyxLQUFLLENBQUM7S0EwR2xEO0lBekdDLG1CQUFtQjtRQUNqQixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztRQUN2QixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxhQUFhO1lBQUUsT0FBTztRQUN0QyxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDakUsSUFBSSxDQUFDLE9BQU87WUFBRSxPQUFPO1FBQ3JCLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFDRCxXQUFXLENBQUMsS0FBVTtRQUNwQixNQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsTUFBcUIsQ0FBQztRQUM1QyxNQUFNLE1BQU0sR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDO1FBQ2xDLElBQ0UsQ0FBQyxNQUFNO1lBQ1AsQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFD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M0QsQ0FBQztZQUNILENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQzsrR0ExSFUsU0FBUzttR0FBVCxTQUFTLGdWQTVCVjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBd0JULDJEQUVTLFlBQVk7OzRGQUVYLFNBQVM7a0JBOUJyQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxZQUFZO29CQUN0QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXdCVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO2lCQUN4Qjs4QkFLVSxFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFYSxJQUFJO3NCQUF0QixTQUFTO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIFZpZXdDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5cbmNvbnN0IGRlZmF1bHRQcm9wcyA9IHt9O1xuXG5pbXBvcnQgeyBEQlBvcG92ZXJQcm9wcywgREJQb3BvdmVyU3RhdGUgfSBmcm9tIFwiLi9tb2RlbFwiO1xuaW1wb3J0IHsgY2xzLCBnZXRCb29sZWFuQXNTdHJpbmcsIGhhbmRsZURhdGFPdXRzaWRlIH0gZnJvbSBcIi4uLy4uL3V0aWxzXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJkYi1wb3BvdmVyXCIsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdlxuICAgICAgI19yZWZcbiAgICAgIFthdHRyLmlkXT1cImlkXCJcbiAgICAgIFtjbGFzc109XCJjbHMoJ2RiLXBvcG92ZXInLCBjbGFzc05hbWUpXCJcbiAgICAgIChmb2N1cyk9XCJoYW5kbGVBdXRvUGxhY2VtZW50KClcIlxuICAgICAgKGJsdXIpPVwiaGFuZGxlTGVhdmUoJGV2ZW50KVwiXG4gICAgICAobW91c2VlbnRlcik9XCJoYW5kbGVBdXRvUGxhY2VtZW50KClcIlxuICAgICAgKG1vdXNlbGVhdmUpPVwiaGFuZGxlTGVhdmUoJGV2ZW50KVwiXG4gICAgPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3RyaWdnZXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPGFydGljbGVcbiAgICAgICAgY2xhc3M9XCJkYi1wb3BvdmVyLWNvbnRlbnRcIlxuICAgICAgICBbYXR0ci5kYXRhLXNwYWNpbmddPVwic3BhY2luZ1wiXG4gICAgICAgIFthdHRyLmRhdGEtZ2FwXT1cImdldEJvb2xlYW5Bc1N0cmluZyhnYXApXCJcbiAgICAgICAgW2F0dHIuZGF0YS1hbmltYXRpb25dPVwiZ2V0Qm9vbGVhbkFzU3RyaW5nKGFuaW1hdGlvbiA/PyB0cnVlKVwiXG4gICAgICAgIFthdHRyLmRhdGEtb3Blbl09XCJvcGVuXCJcbiAgICAgICAgW2F0dHIuZGF0YS1kZWxheV09XCJkZWxheVwiXG4gICAgICAgIFthdHRyLmRhdGEtd2lkdGhdPVwid2lkdGhcIlxuICAgICAgICBbYXR0ci5kYXRhLXBsYWNlbWVudF09XCJwbGFjZW1lbnRcIlxuICAgICAgPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L2FydGljbGU+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBEQlBvcG92ZXIge1xuICBjbHMgPSBjbHM7XG4gIGdldEJvb2xlYW5Bc1N0cmluZyA9IGdldEJvb2xlYW5Bc1N0cmluZztcblxuICBASW5wdXQoKSBpZCE6IERCUG9wb3ZlclByb3BzW1wiaWRcIl07XG4gIEBJbnB1dCgpIGNsYXNzTmFtZSE6IERCUG9wb3ZlclByb3BzW1wiY2xhc3NOYW1lXCJdO1xuICBASW5wdXQoKSBzcGFjaW5nITogREJQb3BvdmVyUHJvcHNbXCJzcGFjaW5nXCJdO1xuICBASW5wdXQoKSBnYXAhOiBEQlBvcG92ZXJQcm9wc1tcImdhcFwiXTtcbiAgQElucHV0KCkgYW5pbWF0aW9uITogREJQb3BvdmVyUHJvcHNbXCJhbmltYXRpb25cIl07XG4gIEBJbnB1dCgpIG9wZW4hOiBEQlBvcG92ZXJQcm9wc1tcIm9wZW5cIl07XG4gIEBJbnB1dCgpIGRlbGF5ITogREJQb3BvdmVyUHJvcHNbXCJkZWxheVwiXTtcbiAgQElucHV0KCkgd2lkdGghOiBEQlBvcG92ZXJQcm9wc1tcIndpZHRoXCJdO1xuICBASW5wdXQoKSBwbGFjZW1lbnQhOiBEQlBvcG92ZXJQcm9wc1tcInBsYWNlbWVudFwiXTtcblxuICBAVmlld0NoaWxkKFwiX3JlZlwiKSBfcmVmITogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcblxuICBpbml0aWFsaXplZDogREJQb3BvdmVyU3RhdGVbXCJpbml0aWFsaXplZFwiXSA9IGZhbHNlO1xuICBpc0V4cGFuZGVkOiBEQlBvcG92ZXJTdGF0ZVtcImlzRXhwYW5kZWRcIl0gPSBmYWxzZTtcbiAgaGFuZGxlQXV0b1BsYWNlbWVudCgpOiBSZXR1cm5UeXBlPERCUG9wb3ZlclN0YXRlW1wiaGFuZGxlQXV0b1BsYWNlbWVudFwiXT4ge1xuICAgIHRoaXMuaXNFeHBhbmRlZCA9IHRydWU7XG4gICAgaWYgKCF0aGlzLl9yZWY/Lm5hdGl2ZUVsZW1lbnQpIHJldHVybjtcbiAgICBjb25zdCBhcnRpY2xlID0gdGhpcy5fcmVmLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcihcImFydGljbGVcIik7XG4gICAgaWYgKCFhcnRpY2xlKSByZXR1cm47XG4gICAgaGFuZGxlRGF0YU91dHNpZGUoYXJ0aWNsZSk7XG4gIH1cbiAgaGFuZGxlTGVhdmUoZXZlbnQ6IGFueSk6IFJldHVyblR5cGU8REJQb3BvdmVyU3RhdGVbXCJoYW5kbGVMZWF2ZVwiXT4ge1xuICAgIGNvbnN0IGVsZW1lbnQgPSBldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQ7XG4gICAgY29uc3QgcGFyZW50ID0gZWxlbWVudC5wYXJlbnROb2RlO1xuICAgIGlmIChcbiAgICAgICFwYXJlbnQgfHxcbiAgICAgIChlbGVtZW50LnBhcmVudE5vZGUucXVlcnlTZWxlY3RvcihcIjpmb2N1c1wiKSAhPT0gZWxlbWVudCAmJlxuICAgICAgICBlbGVtZW50LnBhcmVudE5vZGUucXVlcnlTZWxlY3RvcihcIjpmb2N1cy13aXRoaW5cIikgIT09IGVsZW1lbnQgJiZcbiAgICAgICAgZWxlbWVudC5wYXJlbnROb2RlLnF1ZXJ5U2VsZWN0b3IoXCI6aG92ZXJcIikgIT09IGVsZW1lbnQpXG4gICAgKSB7XG4gICAgICB0aGlzLmlzRXhwYW5kZWQgPSBmYWxzZTtcbiAgICB9XG4gIH1cbiAgZ2V0VHJpZ2dlcigpOiBSZXR1cm5UeXBlPERCUG9wb3ZlclN0YXRlW1wiZ2V0VHJpZ2dlclwiXT4ge1xuICAgIGlmICh0aGlzLl9yZWY/Lm5hdGl2ZUVsZW1lbnQpIHtcbiAgICAgIGNvbnN0IGNoaWxkcmVuOiBFbGVtZW50W10gPSBBcnJheS5mcm9tKHRoaXMuX3JlZi5uYXRpdmVFbGVtZW50LmNoaWxkcmVuKTtcbiAgICAgIGlmIChjaGlsZHJlbi5sZW5ndGggPj0gMikge1xuICAgICAgICBjb25zdCBmaXJzdENoaWxkID0gY2hpbGRyZW5bMF07XG4gICAgICAgIGlmIChmaXJzdENoaWxkLnRhZ05hbWUuaW5jbHVkZXMoXCItXCIpKSB7XG4gICAgICAgICAgLy8gdGhpcyBpcyBhIHdvcmthcm91bmQgZm9yIGN1c3RvbSBhbmd1bGFyIGNvbXBvbmVudHNcbiAgICAgICAgICByZXR1cm4gZmlyc3RDaGlsZC5jaGlsZHJlbj8ubGVuZ3RoID4gMFxuICAgICAgICAgICAgPyBmaXJzdENoaWxkLmNoaWxkcmVuWzBdXG4gICAgICAgICAgICA6IG51bGw7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgcmV0dXJuIGZpcnN0Q2hpbGQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICAvKipcbiAgICogUGFzc2VzIGBhcmlhLSpgLCBgZGF0YS0qYCAmIGBjbGFzc2AgYXR0cmlidXRlcyB0byBjb3JyZWN0IGNoaWxkLiBVc2VkIGluIGFuZ3VsYXIgYW5kIHN0ZW5jaWwuXG4gICAqIEBwYXJhbSBlbGVtZW50ICB0aGUgcmVmIGZvciB0aGUgY29tcG9uZW50XG4gICAqIEBwYXJhbSBjdXN0b21FbGVtZW50U2VsZWN0b3IgIHRoZSBjdXN0b20gZWxlbWVudCBsaWtlIGBteS1jb21wb25lbnRgXG4gICAqL1xuICBwcml2YXRlIGVuYWJsZUF0dHJpYnV0ZVBhc3NpbmcoXG4gICAgZWxlbWVudDogSFRNTEVsZW1lbnQgfCBudWxsLFxuICAgIGN1c3RvbUVsZW1lbnRTZWxlY3Rvcjogc3RyaW5nXG4gICkge1xuICAgIGNvbnN0IHBhcmVudCA9IGVsZW1lbnQ/LmNsb3Nlc3QoY3VzdG9tRWxlbWVudFNlbGVjdG9yKTtcbiAgICBpZiAoZWxlbWVudCAmJiBwYXJlbnQpIHtcbiAgICAgIGNvbnN0IGF0dHJpYnV0ZXMgPSBwYXJlbnQuYXR0cmlidXRlcztcbiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgYXR0cmlidXRlcy5sZW5ndGg7IGkrKykge1xuICAgICAgICBjb25zdCBhdHRyID0gYXR0cmlidXRlcy5pdGVtKGkpO1xuICAgICAgICBpZiAoXG4gICAgICAgICAgYXR0ciAmJlxuICAgICAgICAgIChhdHRyLm5hbWUuc3RhcnRzV2l0aChcImRhdGEtXCIpIHx8IGF0dHIubmFtZS5zdGFydHNXaXRoKFwiYXJpYS1cIikpXG4gICAgICAgICkge1xuICAgICAgICAgIGVsZW1lbnQuc2V0QXR0cmlidXRlKGF0dHIubmFtZSwgYXR0ci52YWx1ZSk7XG4gICAgICAgICAgcGFyZW50LnJlbW92ZUF0dHJpYnV0ZShhdHRyLm5hbWUpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChhdHRyICYmIGF0dHIubmFtZSA9PT0gXCJjbGFzc1wiKSB7XG4gICAgICAgICAgY29uc3QgaXNXZWJDb21wb25lbnQgPSBhdHRyLnZhbHVlLmluY2x1ZGVzKFwiaHlkcmF0ZWRcIik7XG4gICAgICAgICAgY29uc3QgdmFsdWUgPSBhdHRyLnZhbHVlLnJlcGxhY2UoXCJoeWRyYXRlZFwiLCBcIlwiKS50cmltKCk7XG4gICAgICAgICAgY29uc3QgY3VycmVudENsYXNzID0gZWxlbWVudC5nZXRBdHRyaWJ1dGUoXCJjbGFzc1wiKTtcbiAgICAgICAgICBlbGVtZW50LnNldEF0dHJpYnV0ZShcbiAgICAgICAgICAgIGF0dHIubmFtZSxcbiAgICAgICAgICAgIGAke2N1cnJlbnRDbGFzcyA/IGAke2N1cnJlbnRDbGFzc30gYCA6IFwiXCJ9JHt2YWx1ZX1gXG4gICAgICAgICAgKTtcbiAgICAgICAgICBpZiAoaXNXZWJDb21wb25lbnQpIHtcbiAgICAgICAgICAgIC8vIFN0ZW5jaWwgaXMgdXNpbmcgdGhpcyBjbGFzcyBmb3IgbGF6eSBsb2FkaW5nIGNvbXBvbmVudFxuICAgICAgICAgICAgcGFyZW50LnNldEF0dHJpYnV0ZShcImNsYXNzXCIsIFwiaHlkcmF0ZWRcIik7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHBhcmVudC5yZW1vdmVBdHRyaWJ1dGUoYXR0ci5uYW1lKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAodHlwZW9mIHdpbmRvdyAhPT0gXCJ1bmRlZmluZWRcIikge1xuICAgICAgdGhpcy5pbml0aWFsaXplZCA9IHRydWU7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGNvbnN0IGVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgbnVsbCA9IHRoaXMuX3JlZj8ubmF0aXZlRWxlbWVudDtcbiAgICB0aGlzLmVuYWJsZUF0dHJpYnV0ZVBhc3NpbmcoZWxlbWVudCwgXCJkYi1wb3BvdmVyXCIpO1xuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRDaGVja2VkKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAodHlwZW9mIHdpbmRvdyAhPT0gXCJ1bmRlZmluZWRcIikge1xuICAgICAgaWYgKHRoaXMuX3JlZj8ubmF0aXZlRWxlbWVudCAmJiB0aGlzLmluaXRpYWxpemVkKSB7XG4gICAgICAgIGNvbnN0IGNoaWxkID0gdGhpcy5nZXRUcmlnZ2VyKCk7XG4gICAgICAgIGlmIChjaGlsZCkge1xuICAgICAgICAgIGNoaWxkLmFyaWFIYXNQb3B1cCA9IFwidHJ1ZVwiO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuaW5pdGlhbGl6ZWQgPSBmYWxzZTtcbiAgICAgIH1cbiAgICAgIGlmICh0aGlzLl9yZWY/Lm5hdGl2ZUVsZW1lbnQpIHtcbiAgICAgICAgY29uc3QgY2hpbGQgPSB0aGlzLmdldFRyaWdnZXIoKTtcbiAgICAgICAgaWYgKGNoaWxkKSB7XG4gICAgICAgICAgY2hpbGQuYXJpYUV4cGFuZGVkID0gQm9vbGVhbih0aGlzLmlzRXhwYW5kZWQpLnRvU3RyaW5nKCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2022/components/radio/index.mjs

@@ -0,0 +1,2 @@
+export { DBRadio } from './radio';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9vdXRwdXQvYW5ndWxhci9zcmMvY29tcG9uZW50cy9yYWRpby9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sU0FBUyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgREJSYWRpbyB9IGZyb20gJy4vcmFkaW8nIl19

package/esm2022/components/radio/model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9vdXRwdXQvYW5ndWxhci9zcmMvY29tcG9uZW50cy9yYWRpby9tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRXZlbnRQcm9wcywgQ2hhbmdlRXZlbnRTdGF0ZSwgRm9jdXNFdmVudFByb3BzLCBGb2N1c0V2ZW50U3RhdGUsIEZvcm1DaGVja1Byb3BzLCBGb3JtUHJvcHMsIEZvcm1TdGF0ZSwgR2xvYmFsUHJvcHMsIEdsb2JhbFN0YXRlLCBJbml0aWFsaXplZFN0YXRlLCBTaXplUHJvcHMgfSBmcm9tICcuLi8uLi9zaGFyZWQvbW9kZWwnO1xuZXhwb3J0IHR5cGUgREJSYWRpb0RlZmF1bHRQcm9wcyA9IHtcbiAgZGVzY3JpYmVkYnlpZD86IHN0cmluZztcbn07XG5leHBvcnQgdHlwZSBEQlJhZGlvUHJvcHMgPSBEQlJhZGlvRGVmYXVsdFByb3BzICYgR2xvYmFsUHJvcHMgJiBDaGFuZ2VFdmVudFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+ICYgRm9jdXNFdmVudFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+ICYgRm9ybVByb3BzICYgRm9ybUNoZWNrUHJvcHMgJiBTaXplUHJvcHM7XG5leHBvcnQgdHlwZSBEQlJhZGlvRGVmYXVsdFN0YXRlID0ge307XG5leHBvcnQgdHlwZSBEQlJhZGlvU3RhdGUgPSBEQlJhZGlvRGVmYXVsdFN0YXRlICYgR2xvYmFsU3RhdGUgJiBDaGFuZ2VFdmVudFN0YXRlPEhUTUxJbnB1dEVsZW1lbnQ+ICYgRm9jdXNFdmVudFN0YXRlPEhUTUxJbnB1dEVsZW1lbnQ+ICYgRm9ybVN0YXRlICYgSW5pdGlhbGl6ZWRTdGF0ZSJdfQ==