@progressive-development/pd-forms 0.9.2 → 1.0.0

package/dist/pd-generic-form/PdGenericForm.js

@@ -0,0 +1,334 @@
+import { LitElement, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { msg } from '@lit/localize';
+import { pdSchema } from '@progressive-development/pd-model';
+import '../pd-form-row.js';
+import '../pd-form-fieldset/pd-form-fieldset.js';
+import '../pd-input.js';
+import '../pd-input-area.js';
+import '../pd-radio-group.js';
+import '../pd-checkbox.js';
+import '../pd-select.js';
+import { pdGenericFormStyles } from './pd-generic-form.styles.js';
+
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0 ;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(target, key, result) ) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+const _PdGenericForm = class _PdGenericForm extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.schema = [];
+    this.data = {};
+    this.mode = "view";
+    this.disabled = false;
+    this._formValues = {};
+    this._onFieldChange = (e) => {
+      const name = e.detail?.name;
+      if (name) {
+        this._formValues = { ...this._formValues, [name]: e.detail.value };
+      }
+    };
+  }
+  static {
+    this.styles = [pdGenericFormStyles];
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener(
+      "pd-form-element-change",
+      this._onFieldChange
+    );
+  }
+  disconnectedCallback() {
+    this.removeEventListener(
+      "pd-form-element-change",
+      this._onFieldChange
+    );
+    super.disconnectedCallback();
+  }
+  _isVisible(showWhen) {
+    if (!showWhen) return true;
+    const currentValue = this._formValues[showWhen.fieldId];
+    if (currentValue !== void 0) {
+      return currentValue === showWhen.equals;
+    }
+    const fieldValue = this.data[showWhen.fieldId];
+    if (!fieldValue) return false;
+    return fieldValue.value === showWhen.equals;
+  }
+  /**
+   * Extracts schema fields from raw form values
+   * and converts them into typed SchemaFieldData.
+   *
+   * @param formValues - Raw values from pd-form-container.getValues().origin
+   */
+  extractFormData(formValues) {
+    const result = {};
+    for (const entry of this.schema) {
+      if (pdSchema.isRow(entry)) {
+        for (const field of entry.fields) {
+          this._extractField(field, formValues, result);
+        }
+      } else if (pdSchema.isFieldset(entry)) {
+        const nested = formValues[entry.name] ?? {};
+        for (const row of entry.rows) {
+          for (const field of row) {
+            this._extractField(field, nested, result);
+          }
+        }
+      } else {
+        this._extractField(entry, formValues, result);
+      }
+    }
+    return result;
+  }
+  _extractField(field, source, result) {
+    if (!(field.fieldId in source)) return;
+    const formValue = source[field.fieldId];
+    let value;
+    if (field.type === "boolean") {
+      value = formValue === "yes";
+    } else if (field.type === "number") {
+      value = parseFloat(String(formValue)) || 0;
+    } else {
+      value = formValue || "";
+    }
+    result[field.fieldId] = pdSchema.createSchemaFieldValue(value, field.type);
+  }
+  render() {
+    return this.mode === "edit" ? this._renderEdit() : this._renderView();
+  }
+  // ── View Mode ──────────────────────────────────────────────────────────
+  _renderView() {
+    if (!this.schema.length) return html``;
+    const hasData = this.data && Object.keys(this.data).length > 0;
+    if (!hasData)
+      return html`<p class="empty-state">
+        ${msg("Keine Daten vorhanden", { id: "pd.generic-form.no-data" })}
+      </p>`;
+    return html`
+      <div class="view-list">
+        ${this.schema.map((e) => {
+      if (pdSchema.isRow(e)) {
+        if (!this._isVisible(e.showWhen)) return html``;
+        return html`${e.fields.map((f) => this._renderViewField(f))}`;
+      }
+      if (pdSchema.isFieldset(e)) {
+        if (!this._isVisible(e.showWhen)) return html``;
+        return html` ${e.legend ? html`<div class="view-fieldset-legend">${e.legend}</div>` : ""}
+            ${e.rows.flat().map((f) => this._renderViewField(f))}`;
+      }
+      if (!this._isVisible(e.showWhen)) return html``;
+      return this._renderViewField(e);
+    })}
+      </div>
+    `;
+  }
+  _renderViewField(field) {
+    const fieldValue = this.data[field.fieldId];
+    const displayValue = this._formatForView(field, fieldValue);
+    return html`
+      <div class="view-item">
+        <div class="view-label">${field.label}</div>
+        <div class="view-value">${displayValue}</div>
+      </div>
+    `;
+  }
+  _formatForView(field, fieldValue) {
+    if (field.type === "boolean") {
+      return pdSchema.formatSchemaFieldValue(fieldValue, {
+        boolTrue: msg("Ja", { id: "pd.generic-form.yes" }),
+        boolFalse: msg("Nein", { id: "pd.generic-form.no" })
+      });
+    }
+    const value = pdSchema.formatSchemaFieldValue(fieldValue);
+    switch (field.viewFormat) {
+      case "mailto":
+        return value !== "–" ? html`<a href="mailto:${value}">${value}</a>` : value;
+      case "tel":
+        return value !== "–" ? html`<a href="tel:${value}">${value}</a>` : value;
+      case "link":
+        return value !== "–" ? html`<a href="${value}" target="_blank" rel="noopener">${value}</a>` : value;
+      default:
+        return value;
+    }
+  }
+  // ── Edit Mode ──────────────────────────────────────────────────────────
+  _renderEdit() {
+    return html`${this.schema.map((e) => {
+      if (pdSchema.isRow(e)) {
+        return this._isVisible(e.showWhen) ? this._renderRow(e) : html``;
+      }
+      if (pdSchema.isFieldset(e)) {
+        return this._isVisible(e.showWhen) ? this._renderFieldset(e) : html``;
+      }
+      return this._isVisible(e.showWhen) ? this._renderFieldInRow(e) : html``;
+    })}`;
+  }
+  static {
+    /** InputType → pd-input fieldType mapping */
+    this._fieldTypeMap = {
+      number: "number",
+      email: "mail",
+      phone: "phone"
+    };
+  }
+  /** Single field wrapped in its own pd-form-row. */
+  _renderFieldInRow(field) {
+    return html`
+      <pd-form-row> ${this._renderFieldControl(field)} </pd-form-row>
+    `;
+  }
+  /** Multiple fields in a single pd-form-row. */
+  _renderRow(row) {
+    return html`
+      <pd-form-row>
+        ${row.fields.map((f) => this._renderFieldControl(f))}
+      </pd-form-row>
+    `;
+  }
+  /** Fieldset with nested pd-form-rows per row entry. */
+  _renderFieldset(fs) {
+    return html`
+      <pd-form-row>
+        <pd-form-fieldset
+          name="${fs.name}"
+          legend="${ifDefined(fs.legend)}"
+          span="${fs.span || "full"}"
+        >
+          ${fs.rows.map(
+      (row) => html`
+              <pd-form-row>
+                ${row.map((f) => this._renderFieldControl(f))}
+              </pd-form-row>
+            `
+    )}
+        </pd-form-fieldset>
+      </pd-form-row>
+    `;
+  }
+  /** Renders a field control (without pd-form-row wrapper), respecting field.span. */
+  _renderFieldControl(field) {
+    switch (field.inputType) {
+      case "radio-yes-no":
+        return this._renderBooleanControl(field);
+      case "textarea":
+        return this._renderTextareaControl(field);
+      case "text":
+      case "number":
+      case "email":
+      case "phone":
+      case "url":
+        return this._renderInputControl(field);
+      case "select":
+        return this._renderSelectControl(field);
+      default:
+        console.warn(
+          `pd-generic-form: Unsupported inputType "${field.inputType}"`
+        );
+        return html``;
+    }
+  }
+  _renderBooleanControl(field) {
+    const initValue = pdSchema.getSchemaFieldValue(this.data, field.fieldId) === true;
+    return html`
+      <pd-radio-group
+        id="${field.fieldId}"
+        valueName="${field.fieldId}"
+        label="${field.label}"
+        span="${field.span || "full"}"
+        ?required="${field.required}"
+        ?disabled="${this.disabled}"
+        ?handleChangeForInitVal="${true}"
+        initValue="${initValue ? "yes" : "no"}"
+      >
+        <pd-checkbox valueName="yes" initValue="${initValue.toString()}"
+          >${msg("Ja", { id: "pd.generic-form.yes" })}</pd-checkbox
+        >
+        <pd-checkbox valueName="no" initValue="${(!initValue).toString()}"
+          >${msg("Nein", { id: "pd.generic-form.no" })}</pd-checkbox
+        >
+      </pd-radio-group>
+    `;
+  }
+  _renderTextareaControl(field) {
+    const initValue = pdSchema.getSchemaFieldValue(this.data, field.fieldId) || "";
+    return html`
+      <pd-input-area
+        id="${field.fieldId}"
+        valueName="${field.fieldId}"
+        span="${field.span || "full"}"
+        minlength="${ifDefined(field.minlength)}"
+        maxlength="${ifDefined(field.maxlength)}"
+        label="${field.label}"
+        placeHolder="${field.placeholder || ""}"
+        ?required="${field.required}"
+        ?disabled="${this.disabled}"
+        ?handleChangeForInitVal="${true}"
+        initValue="${initValue}"
+      ></pd-input-area>
+    `;
+  }
+  _renderSelectControl(field) {
+    const initValue = pdSchema.getSchemaFieldValue(this.data, field.fieldId) || "";
+    return html`
+      <pd-select
+        id="${field.fieldId}"
+        valueName="${field.fieldId}"
+        span="${field.span || "full"}"
+        label="${field.label}"
+        .values="${field.options || []}"
+        ?required="${field.required}"
+        ?disabled="${this.disabled}"
+        ?handleChangeForInitVal="${true}"
+        initValue="${initValue}"
+      ></pd-select>
+    `;
+  }
+  _renderInputControl(field) {
+    const initValue = pdSchema.getSchemaFieldValue(this.data, field.fieldId)?.toString() || "";
+    const fieldType = _PdGenericForm._fieldTypeMap[field.inputType] || "text";
+    return html`
+      <pd-input
+        id="${field.fieldId}"
+        valueName="${field.fieldId}"
+        span="${field.span || "full"}"
+        minlength="${ifDefined(field.minlength)}"
+        maxlength="${ifDefined(field.maxlength)}"
+        label="${field.label}"
+        placeHolder="${field.placeholder || ""}"
+        fieldType="${fieldType}"
+        autoCompleteName="${ifDefined(field.autocomplete)}"
+        ?required="${field.required}"
+        ?disabled="${this.disabled}"
+        ?handleChangeForInitVal="${true}"
+        initValue="${initValue}"
+      ></pd-input>
+    `;
+  }
+};
+__decorateClass([
+  property({ type: Array })
+], _PdGenericForm.prototype, "schema");
+__decorateClass([
+  property({ type: Object })
+], _PdGenericForm.prototype, "data");
+__decorateClass([
+  property({ type: String, reflect: true })
+], _PdGenericForm.prototype, "mode");
+__decorateClass([
+  property({ type: Boolean })
+], _PdGenericForm.prototype, "disabled");
+__decorateClass([
+  state()
+], _PdGenericForm.prototype, "_formValues");
+let PdGenericForm = _PdGenericForm;
+
+export { PdGenericForm };

package/dist/pd-generic-form/pd-generic-form.d.ts

@@ -0,0 +1,3 @@
+import { PdGenericForm } from './PdGenericForm.js';
+export { PdGenericForm };
+//# sourceMappingURL=pd-generic-form.d.ts.map

package/dist/pd-generic-form/pd-generic-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-generic-form.d.ts","sourceRoot":"","sources":["../../src/pd-generic-form/pd-generic-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAOnD,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/pd-generic-form/pd-generic-form.stories.d.ts

@@ -0,0 +1,35 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+/**
+ * ## pd-generic-form
+ *
+ * Schema-driven form component that renders fields from a JSON schema definition.
+ *
+ * ### Features
+ * - View mode: renders label/value list
+ * - Edit mode: renders pd-forms components (inputs, selects, radio groups, textareas)
+ * - Layout support: rows, fieldsets, and per-field span control
+ * - Conditional visibility via `showWhen`
+ * - Can be combined with custom fields in the same pd-form-container
+ */
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+/** Default: View mode renders a label/value list from schema data. */
+export declare const Default: Story;
+/** View mode with no data shows an empty state message. */
+export declare const ViewModeEmpty: Story;
+/** Edit mode renders pd-forms components for each schema field. */
+export declare const EditMode: Story;
+/** Custom fields alongside schema-driven fields in the same form container. */
+export declare const CombinedWithOwnFields: Story;
+/**
+ * Schema with layout features: multi-field rows, fieldsets with legend
+ * and nested rows, and per-field span control.
+ */
+export declare const RowsAndFieldsets: Story;
+/**
+ * Conditional visibility with `showWhen`: fields, rows, and fieldsets
+ * appear or disappear based on another field's value.
+ */
+export declare const ConditionalVisibility: Story;
+//# sourceMappingURL=pd-generic-form.stories.d.ts.map

package/dist/pd-generic-form/pd-generic-form.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-generic-form.stories.d.ts","sourceRoot":"","sources":["../../src/pd-generic-form/pd-generic-form.stories.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAKrE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,2CAA2C,CAAC;AACnD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,2BAA2B,CAAC;AA6SnC;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,IAAI,EAAE,IAiEX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAMtB,sEAAsE;AACtE,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAMF,2DAA2D;AAC3D,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAMF,mEAAmE;AACnE,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAMF,+EAA+E;AAC/E,eAAO,MAAM,qBAAqB,EAAE,KA+BnC,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KA0BnC,CAAC"}

package/dist/pd-generic-form/pd-generic-form.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const pdGenericFormStyles: import('lit').CSSResult;
+//# sourceMappingURL=pd-generic-form.styles.d.ts.map

package/dist/pd-generic-form/pd-generic-form.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-generic-form.styles.d.ts","sourceRoot":"","sources":["../../src/pd-generic-form/pd-generic-form.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,yBAyG/B,CAAC"}

package/dist/pd-generic-form/pd-generic-form.styles.js

@@ -0,0 +1,110 @@
+import { css } from 'lit';
+
+const pdGenericFormStyles = css`
+  :host {
+    display: block;
+  }
+
+  :host([mode="edit"]) {
+    display: flex;
+    flex-direction: column;
+    gap: var(--pd-form-container-row-gap, var(--pd-spacing-md));
+  }
+
+  /* View-Modus */
+  .view-list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--pd-generic-form-view-gap, var(--pd-spacing-sm, 0.75rem));
+  }
+
+  .view-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background: var(
+      --pd-generic-form-view-item-bg,
+      var(--pd-default-bg-light-col, #f8f9fc)
+    );
+    border-radius: var(
+      --pd-generic-form-view-item-radius,
+      var(--pd-radius-md, 0.5rem)
+    );
+    padding: var(--pd-generic-form-view-item-padding, 0.75rem 1rem);
+    box-shadow: var(
+      --pd-generic-form-view-item-shadow,
+      inset 0 0 0 1px var(--pd-default-disabled-light-col, #e0e0e0)
+    );
+  }
+
+  .view-label {
+    font-weight: var(--pd-generic-form-view-label-weight, 500);
+    font-size: var(
+      --pd-generic-form-view-label-size,
+      var(--pd-default-font-content-size, 0.95rem)
+    );
+    color: var(
+      --pd-generic-form-view-label-col,
+      var(--pd-default-font-content-col, #333)
+    );
+    font-family: var(--pd-default-font-content-family);
+  }
+
+  .view-value {
+    font-weight: var(--pd-generic-form-view-value-weight, 600);
+    color: var(
+      --pd-generic-form-view-value-col,
+      var(--pd-default-col, #067394)
+    );
+    font-family: var(--pd-default-font-content-family);
+    white-space: nowrap;
+  }
+
+  .view-value a {
+    color: var(
+      --pd-generic-form-view-link-col,
+      var(--pd-default-font-link-col, inherit)
+    );
+    text-decoration: none;
+  }
+
+  .view-value a:hover {
+    color: var(
+      --pd-generic-form-view-link-hover-col,
+      var(--pd-default-font-link-col-hover)
+    );
+  }
+
+  .view-fieldset-legend {
+    font-weight: var(--pd-generic-form-view-legend-weight, 600);
+    font-size: var(
+      --pd-generic-form-view-legend-size,
+      var(--pd-default-font-content-size, 0.95rem)
+    );
+    color: var(
+      --pd-generic-form-view-legend-col,
+      var(--pd-default-font-content-col, #333)
+    );
+    font-family: var(--pd-default-font-content-family);
+    padding: var(--pd-generic-form-view-legend-padding, 0.5rem 0 0.25rem);
+  }
+
+  .empty-state {
+    color: var(--pd-default-font-muted-col, #6b7280);
+    font-family: var(--pd-default-font-content-family);
+  }
+
+  @media (max-width: 600px) {
+    .view-item {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+    .view-value {
+      margin-top: 0.25rem;
+      white-space: normal;
+      word-break: break-word;
+    }
+  }
+`;
+
+export { pdGenericFormStyles };

package/dist/pd-generic-form/pd-generic-form.test.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=pd-generic-form.test.d.ts.map

package/dist/pd-generic-form/pd-generic-form.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-generic-form.test.d.ts","sourceRoot":"","sources":["../../src/pd-generic-form/pd-generic-form.test.ts"],"names":[],"mappings":"AAQA,OAAO,sBAAsB,CAAC"}

package/dist/pd-generic-form.d.ts

@@ -0,0 +1,2 @@
+export * from './pd-generic-form/pd-generic-form'
+export {}

package/dist/pd-generic-form.js

@@ -0,0 +1,8 @@
+import { PdGenericForm } from './pd-generic-form/PdGenericForm.js';
+
+const tag = "pd-generic-form";
+if (!customElements.get(tag)) {
+  customElements.define(tag, PdGenericForm);
+}
+
+export { PdGenericForm };

package/dist/pd-hover-box/PdHoverBox.d.ts

@@ -1,31 +1,81 @@
 import { TemplateResult, CSSResultGroup } from 'lit';
 import { PdBaseUI } from '../base/pd-base-ui.js';
 /**
+ * Floating info box that appears on click.
+ *
  * @tagname pd-hover-box
- * A floating hover container for displaying slot-based info.
+ * @summary Click-to-show info tooltip with auto-positioning.
+ *
+ * @slot normal-view - Trigger element (e.g., icon).
+ * @slot info-view - Info content to display.
  *
- * @slot normal-view - Trigger (e.g. icon)
- * @slot info-view - Info content
- * @event toggle-info - Fired when info box is toggled
+ * @cssprop --pd-hover-box-bg-col - Info box background. Default: `var(--pd-default-dark-col)`.
+ * @cssprop --pd-hover-box-border-col - Info box border color. Default: `var(--pd-default-col)`.
+ * @cssprop --pd-hover-box-width - Info box width. Default: `240px`.
+ * @cssprop --pd-hover-box-font-col - Info box text color. Default: `var(--pd-default-bg-col)`.
+ * @cssprop --pd-hover-box-font-size - Info box font size. Default: `0.8em`.
  */
 export declare class PdHoverBox extends PdBaseUI {
     /**
-     * Controls visibility of the info box
+     * Accessible label for the trigger element.
+     * Used as aria-label on the trigger button.
      */
+    triggerLabel: string;
+    /**
+     * Controls visibility of the info box
+     * @ignore */
     private _visible;
     /**
-     * True if the info box should open downward
-     */
-    private _toBottom;
+     * Fixed position top value in pixels
+     * @ignore */
+    private _posTop;
+    /**
+     * Fixed position left value in pixels
+     * @ignore */
+    private _posLeft;
+    /** @ignore - Unique ID for aria-controls */
+    private _infoId;
+    /** @ignore - Bound method for click-outside listener */
+    private _boundHandleClickOutside;
+    /** @ignore - Bound method for keyboard listener */
+    private _boundHandleKeyDown;
+    /** @ignore - Bound method for scroll listener */
+    private _boundHandleScroll;
     static styles: CSSResultGroup;
     render(): TemplateResult;
     /**
-     * Activates and positions the info box based on current viewport height.
+     * Calculates fixed position based on trigger location and available space.
+     * Uses viewport-relative coordinates for position: fixed.
      */
-    private _activateInfo;
+    private _calculatePosition;
     /**
-     * Hides the info box again
+     * Opens the info box and registers close listeners.
+     * Uses fixed positioning to escape overflow containers.
+     */
+    private _openInfo;
+    /**
+     * Closes the info box and removes close listeners.
      */
     private _closeInfo;
+    /**
+     * Toggles the info box visibility.
+     */
+    private _toggleInfo;
+    /**
+     * Handles keyboard events on the trigger.
+     */
+    private _onTriggerKeyDown;
+    /**
+     * Handles Escape key to close.
+     */
+    private _handleKeyDown;
+    /**
+     * Handles clicks outside to close.
+     */
+    private _handleClickOutside;
+    /**
+     * Handles scroll to close (fixed position doesn't follow scroll).
+     */
+    private _handleScroll;
 }
 //# sourceMappingURL=PdHoverBox.d.ts.map

package/dist/pd-hover-box/PdHoverBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PdHoverBox.d.ts","sourceRoot":"","sources":["../../src/pd-hover-box/PdHoverBox.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AAEH,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1E,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD;;;;;;;GAOG;AACH,qBAAa,UAAW,SAAQ,QAAQ;IACtC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IAEH,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAgB,MAAM,EAAE,cAAc,CAqDpC;IAEO,MAAM,IAAI,cAAc;IAqBjC;;OAEG;IACH,OAAO,CAAC,aAAa;IAqBrB;;OAEG;IACH,OAAO,CAAC,UAAU;CAGnB"}
+{"version":3,"file":"PdHoverBox.d.ts","sourceRoot":"","sources":["../../src/pd-hover-box/PdHoverBox.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAIjD;;;;;;;;;;;;;;GAcG;AACH,qBAAa,UAAW,SAAQ,QAAQ;IACtC;;;OAGG;IAEH,YAAY,SAAe;IAE3B;;iBAEa;IAEb,OAAO,CAAC,QAAQ,CAAS;IAEzB;;iBAEa;IAEb,OAAO,CAAC,OAAO,CAAK;IAEpB;;iBAEa;IAEb,OAAO,CAAC,QAAQ,CAAK;IAErB,4CAA4C;IAC5C,OAAO,CAAC,OAAO,CAAyC;IAExD,wDAAwD;IACxD,OAAO,CAAC,wBAAwB,CAAuC;IAEvE,mDAAmD;IACnD,OAAO,CAAC,mBAAmB,CAAkC;IAE7D,iDAAiD;IACjD,OAAO,CAAC,kBAAkB,CAAiC;IAE3D,OAAgB,MAAM,EAAE,cAAc,CA6DpC;IAEO,MAAM,IAAI,cAAc;IA6BjC;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAiB1B;;;OAGG;IACH,OAAO,CAAC,SAAS;IASjB;;OAEG;IACH,OAAO,CAAC,UAAU;IAOlB;;OAEG;IACH,OAAO,CAAC,WAAW;IASnB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;OAEG;IACH,OAAO,CAAC,cAAc;IAQtB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAO3B;;OAEG;IACH,OAAO,CAAC,aAAa;CAGtB"}