@progressive-development/pd-forms 0.8.6 → 0.9.1

package/dist/pd-hover-box/PdHoverBox.js

@@ -0,0 +1,119 @@
+import { css, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { PdBaseUI } from '../base/pd-base-ui.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;
+};
+class PdHoverBox extends PdBaseUI {
+  constructor() {
+    super(...arguments);
+    this._visible = false;
+    this._toBottom = false;
+  }
+  static {
+    this.styles = [
+      PdBaseUI.styles,
+      css`
+      :host {
+        display: block;
+      }
+
+      .hover-box {
+        position: relative;
+      }
+
+      .info-view {
+        position: absolute;
+        z-index: 100;
+        background-color: var(
+          --pd-hover-box-bg-col,
+          var(--pd-default-dark-col)
+        );
+        border: 1px solid var(--pd-hover-box-border-col, var(--pd-default-col));
+        text-align: center;
+        padding: 10px;
+        width: 240px;
+        color: var(--pd-hover-box-font-col, white);
+        font-size: var(--pd-hover-box-font-size, 0.8em);
+        transition: opacity 0.2s ease-in;
+      }
+
+      .visible {
+        visibility: visible;
+        opacity: 1;
+      }
+
+      .hidden {
+        visibility: hidden;
+        opacity: 0;
+      }
+
+      .to-bottom {
+        right: -3px;
+        top: -3px;
+      }
+
+      .to-top {
+        right: -3px;
+        bottom: -3px;
+      }
+
+      @media (max-width: 640px) {
+        .info-view {
+          width: 190px;
+        }
+      }
+    `
+    ];
+  }
+  render() {
+    return html`
+      <div class="hover-box">
+        <div @click=${this._activateInfo}>
+          <slot name="normal-view"></slot>
+        </div>
+
+        <div
+          id="infoViewId"
+          @click=${this._closeInfo}
+          class="info-view ${this._visible ? "visible" : "hidden"} ${this._toBottom ? "to-bottom" : "to-top"}"
+        >
+          <slot name="info-view"></slot>
+        </div>
+      </div>
+    `;
+  }
+  /**
+   * Activates and positions the info box based on current viewport height.
+   */
+  _activateInfo(e) {
+    const modal = this.shadowRoot?.getElementById("infoViewId");
+    if (!modal) return;
+    const rect = modal.getBoundingClientRect();
+    const fitsBelow = modal.offsetHeight + rect.top + rect.height <= window.innerHeight;
+    this._toBottom = fitsBelow;
+    this._visible = true;
+    e.stopPropagation();
+  }
+  /**
+   * Hides the info box again
+   */
+  _closeInfo() {
+    this._visible = false;
+  }
+}
+__decorateClass([
+  state()
+], PdHoverBox.prototype, "_visible");
+__decorateClass([
+  state()
+], PdHoverBox.prototype, "_toBottom");
+
+export { PdHoverBox };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"pd-hover-box.d.ts","sourceRoot":"","sources":["../../src/pd-hover-box/pd-hover-box.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAO7C,OAAO,EAAE,UAAU,EAAE,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"pd-hover-box.stories.d.ts","sourceRoot":"","sources":["../../src/pd-hover-box/pd-hover-box.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI3D,OAAO,2CAA2C,CAAC;AACnD,OAAO,+BAA+B,CAAC;AACvC,OAAO,yBAAyB,CAAC;AACjC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,yBAAyB,CAAC;AACjC,OAAO,2BAA2B,CAAC;AACnC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAE3C,QAAA,MAAM,IAAI;;CAEM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAStB,eAAO,MAAM,iBAAiB,EAAE,KA4J/B,CAAC"}

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

@@ -1,23 +1,2 @@
-import { TemplateResult, CSSResultGroup } from 'lit';
-import { PdBaseUI } from './pd-base-ui.js';
-export declare class PdHoverBox extends PdBaseUI {
-    /**
-     * Controls visibility of the info box
-     */
-    private _visible;
-    /**
-     * True if the info box should open downward
-     */
-    private _toBottom;
-    static styles: CSSResultGroup;
-    render(): TemplateResult;
-    /**
-     * Activates and positions the info box based on current viewport height.
-     */
-    private _activateInfo;
-    /**
-     * Hides the info box again
-     */
-    private _closeInfo;
-}
-//# sourceMappingURL=pd-hover-box.d.ts.map
+export * from './pd-hover-box/pd-hover-box'
+export {}

package/dist/pd-hover-box.js

@@ -1,122 +1,8 @@
-import { css, html } from "lit";
-import { state, customElement } from "lit/decorators.js";
-import { PdBaseUI } from "./pd-base-ui.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let PdHoverBox = class extends PdBaseUI {
-  constructor() {
-    super(...arguments);
-    this._visible = false;
-    this._toBottom = false;
-  }
-  render() {
-    return html`
-      <div class="hover-box">
-        <div @click=${this._activateInfo}>
-          <slot name="normal-view"></slot>
-        </div>
+import { PdHoverBox } from './pd-hover-box/PdHoverBox.js';
 
-        <div
-          id="infoViewId"
-          @click=${this._closeInfo}
-          class="info-view ${this._visible ? "visible" : "hidden"} ${this._toBottom ? "to-bottom" : "to-top"}"
-        >
-          <slot name="info-view"></slot>
-        </div>
-      </div>
-    `;
-  }
-  /**
-   * Activates and positions the info box based on current viewport height.
-   */
-  _activateInfo(e) {
-    var _a;
-    const modal = (_a = this.shadowRoot) == null ? void 0 : _a.getElementById("infoViewId");
-    if (!modal) return;
-    const rect = modal.getBoundingClientRect();
-    const fitsBelow = modal.offsetHeight + rect.top + rect.height <= window.innerHeight;
-    this._toBottom = fitsBelow;
-    this._visible = true;
-    e.stopPropagation();
-  }
-  /**
-   * Hides the info box again
-   */
-  _closeInfo() {
-    this._visible = false;
-  }
-};
-PdHoverBox.styles = [
-  PdBaseUI.styles,
-  css`
-      :host {
-        display: block;
-      }
+const tag = "pd-hover-box";
+if (!customElements.get(tag)) {
+  customElements.define(tag, PdHoverBox);
+}
 
-      .hover-box {
-        position: relative;
-      }
-
-      .info-view {
-        position: absolute;
-        z-index: 100;
-        background-color: var(
-          --pd-hover-box-bg-col,
-          var(--pd-default-dark-col)
-        );
-        border: 1px solid var(--pd-hover-box-border-col, var(--pd-default-col));
-        text-align: center;
-        padding: 10px;
-        width: 240px;
-        color: var(--pd-hover-box-font-col, white);
-        font-size: var(--pd-hover-box-font-size, 0.8em);
-        transition: opacity 0.2s ease-in;
-      }
-
-      .visible {
-        visibility: visible;
-        opacity: 1;
-      }
-
-      .hidden {
-        visibility: hidden;
-        opacity: 0;
-      }
-
-      .to-bottom {
-        right: -3px;
-        top: -3px;
-      }
-
-      .to-top {
-        right: -3px;
-        bottom: -3px;
-      }
-
-      @media (max-width: 640px) {
-        .info-view {
-          width: 190px;
-        }
-      }
-    `
-];
-__decorateClass([
-  state()
-], PdHoverBox.prototype, "_visible", 2);
-__decorateClass([
-  state()
-], PdHoverBox.prototype, "_toBottom", 2);
-PdHoverBox = __decorateClass([
-  customElement("pd-hover-box")
-], PdHoverBox);
-export {
-  PdHoverBox
-};
+export { PdHoverBox };

package/dist/pd-input/PdInput.d.ts

@@ -0,0 +1,35 @@
+import { TemplateResult, CSSResultGroup } from 'lit';
+import { PdBaseInputElement } from '../base/pd-base-input-element.js';
+/**
+ * @tagname pd-input
+ */
+export declare class PdInput extends PdBaseInputElement {
+    /**
+     * Optional icon to display inside input
+     */
+    icon: string;
+    /**
+     * If true, uses input type password
+     */
+    secret: boolean;
+    /**
+     * Minimum length constraint
+     */
+    minlength?: number;
+    /**
+     * Maximum length constraint
+     */
+    maxlength?: number;
+    /**
+     * If true, restricts input to numbers only (legacy, use type="number" langfristig)
+     */
+    onlyNumbers: boolean;
+    static styles: CSSResultGroup;
+    constructor();
+    connectedCallback(): void;
+    private _setupValidators;
+    render(): TemplateResult;
+    protected _onKeyUp(e: KeyboardEvent): void;
+    private _iconClicked;
+}
+//# sourceMappingURL=PdInput.d.ts.map

package/dist/pd-input/PdInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdInput.d.ts","sourceRoot":"","sources":["../../src/pd-input/PdInput.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,EAAa,KAAK,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKrE,OAAO,0CAA0C,CAAC;AAGlD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAKtE;;GAEG;AACH,qBAAa,OAAQ,SAAQ,kBAAkB;IAC7C;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IAEH,SAAS,CAAC,EAAE,MAAM,CAAO;IAEzB;;OAEG;IAEH,WAAW,UAAS;IAEpB,OAAgB,MAAM,EAAE,cAAc,CAOpC;;IAOO,iBAAiB,IAAI,IAAI;IAMlC,OAAO,CAAC,gBAAgB;IAsBf,MAAM,IAAI,cAAc;cA0Cd,QAAQ,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAWnD,OAAO,CAAC,YAAY;CAKrB"}

package/dist/pd-input/PdInput.js

@@ -0,0 +1,123 @@
+import { css, html } from 'lit';
+import { msg, str } from '@lit/localize';
+import { property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import '@progressive-development/pd-icon/pd-icon';
+import { INPUT_TYPE_TEXT } from '../base/pd-base-ui-input.js';
+import { PdBaseInputElement } from '../base/pd-base-input-element.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 onlyContainsNumbers = (str2) => /^\d+$/.test(str2);
+class PdInput extends PdBaseInputElement {
+  constructor() {
+    super();
+    this.icon = "";
+    this.secret = false;
+    this.maxlength = 500;
+    this.onlyNumbers = false;
+    this._inputType = INPUT_TYPE_TEXT;
+  }
+  static {
+    this.styles = [
+      PdBaseInputElement.styles,
+      css`
+      * {
+        box-sizing: border-box;
+      }
+    `
+    ];
+  }
+  connectedCallback() {
+    this._setupValidators();
+    super.connectedCallback();
+  }
+  _setupValidators() {
+    const validators = [];
+    if (this.minlength !== void 0) {
+      validators.push(
+        (value) => value.length < this.minlength ? msg(str`Mindestens ${this.minlength} Zeichen`) : null
+      );
+    }
+    if (this.maxlength !== void 0) {
+      validators.push(
+        (value) => value.length > this.maxlength ? msg(str`Maximal ${this.maxlength} Zeichen`) : null
+      );
+    }
+    this._validators = validators;
+  }
+  render() {
+    const inputId = `${this.id}Input`;
+    return html`
+      ${this._renderLabel(inputId)}
+      <div
+        class="${classMap(
+      this.getClassmap({
+        input: true
+      })
+    )}"
+      >
+        ${this.icon ? html`
+              <pd-icon
+                icon=${this.icon}
+                activeIcon
+                @click=${this._iconClicked}
+                class="infield-icon"
+              ></pd-icon>
+            ` : ""}
+        <input
+          id=${inputId}
+          name=${this.name || this.valueName || this.autoCompleteName}
+          autocomplete=${this.autoCompleteName ?? "off"}
+          class="input-style ${this.gradient ? "gradient" : ""}"
+          type=${this.secret ? "password" : "text"}
+          placeholder=${this.placeHolder}
+          .value=${this._value}
+          minlength=${this.minlength ?? ""}
+          maxlength=${this.maxlength ?? ""}
+          ?readonly=${this.readonly}
+          ?disabled=${this.disabled}
+          @keyup=${this._onKeyUp}
+          @blur=${this._onBlur}
+          @focus=${this._onFocus}
+        />
+      </div>
+      ${this._renderErrorMsg()}
+    `;
+  }
+  _onKeyUp(e) {
+    if (this.onlyNumbers && this._input?.value && !onlyContainsNumbers(this._input.value)) {
+      this._input.value = this._input.value.replace(/\D/g, "");
+    }
+    super._onKeyUp(e);
+  }
+  _iconClicked() {
+    this.dispatchEvent(
+      new CustomEvent("input-icon-click", { bubbles: true, composed: true })
+    );
+  }
+}
+__decorateClass([
+  property({ type: String })
+], PdInput.prototype, "icon");
+__decorateClass([
+  property({ type: Boolean })
+], PdInput.prototype, "secret");
+__decorateClass([
+  property({ type: Number })
+], PdInput.prototype, "minlength");
+__decorateClass([
+  property({ type: Number })
+], PdInput.prototype, "maxlength");
+__decorateClass([
+  property({ type: Boolean })
+], PdInput.prototype, "onlyNumbers");
+
+export { PdInput };

package/dist/pd-input/pd-input.d.ts

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

package/dist/pd-input/pd-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-input.d.ts","sourceRoot":"","sources":["../../src/pd-input/pd-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAOvC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/{stories/input.stories.d.ts → pd-input/pd-input.stories.d.ts}

@@ -34,4 +34,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj;
 export declare const Input: Story;
-//# sourceMappingURL=input.stories.d.ts.map
+//# sourceMappingURL=pd-input.stories.d.ts.map

package/dist/pd-input/pd-input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-input.stories.d.ts","sourceRoot":"","sources":["../../src/pd-input/pd-input.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI3D,OAAO,eAAe,CAAC;AACvB,OAAO,+BAA+B,CAAC;AACvC,OAAO,2CAA2C,CAAC;AAGnD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAaM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,KAAK,EAAE,KAkKnB,CAAC"}

package/dist/pd-input-area/PdInputArea.d.ts

@@ -0,0 +1,23 @@
+import { CSSResultGroup } from 'lit';
+import { PdBaseInputElement } from '../base/pd-base-input-element.js';
+/**
+ * @tagname pd-input-area
+ */
+export declare class PdInputArea extends PdBaseInputElement {
+    rows: number;
+    cols?: number;
+    /**
+     * Minimum length constraint
+     */
+    minlength?: number;
+    /**
+     * Maximum length constraint
+     */
+    maxlength?: number;
+    static styles: CSSResultGroup;
+    constructor();
+    connectedCallback(): void;
+    private _setupValidators;
+    render(): import('lit').TemplateResult<1>;
+}
+//# sourceMappingURL=PdInputArea.d.ts.map

package/dist/pd-input-area/PdInputArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdInputArea.d.ts","sourceRoot":"","sources":["../../src/pd-input-area/PdInputArea.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAKhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAItE;;GAEG;AACH,qBAAa,WAAY,SAAQ,kBAAkB;IAEjD,IAAI,SAAK;IAGT,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IAEH,SAAS,CAAC,EAAE,MAAM,CAAO;IAEzB,OAAgB,MAAM,EAAE,cAAc,CAQpC;;IAOO,iBAAiB,IAAI,IAAI;IAKlC,OAAO,CAAC,gBAAgB;IAsBf,MAAM;CAgChB"}

package/dist/pd-input-area/PdInputArea.js

@@ -0,0 +1,99 @@
+import { css, html } from 'lit';
+import { msg, str } from '@lit/localize';
+import { property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { PdBaseInputElement } from '../base/pd-base-input-element.js';
+import { INPUT_TYPE_AREA } from '../base/pd-base-ui-input.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;
+};
+class PdInputArea extends PdBaseInputElement {
+  constructor() {
+    super();
+    this.rows = 2;
+    this.maxlength = 500;
+    this._inputType = INPUT_TYPE_AREA;
+  }
+  static {
+    this.styles = [
+      PdBaseInputElement.styles,
+      css`
+      /* override default width for area */
+      .input-style {
+        width: var(--pd-input-field-width, 240px);
+      }
+    `
+    ];
+  }
+  connectedCallback() {
+    this._setupValidators();
+    super.connectedCallback();
+  }
+  _setupValidators() {
+    const validators = [];
+    if (this.minlength !== void 0) {
+      validators.push(
+        (value) => value.length < this.minlength ? msg(str`Mindestens ${this.minlength} Zeichen`) : null
+      );
+    }
+    if (this.maxlength !== void 0) {
+      validators.push(
+        (value) => value.length > this.maxlength ? msg(str`Maximal ${this.maxlength} Zeichen`) : null
+      );
+    }
+    this._validators = validators;
+  }
+  render() {
+    const inputAreaId = `${this.id}InputArea`;
+    return html`
+      ${this._renderLabel(inputAreaId)}
+      <div
+        class="${classMap(
+      this.getClassmap({
+        input: true
+      })
+    )}"
+      >
+        <textarea
+          id=${inputAreaId}
+          name=${this.name || this.valueName || this.autoCompleteName}
+          autocomplete=${this.autoCompleteName ?? "off"}
+          class="input-style ${this.gradient ? "gradient" : ""}"
+          rows=${this.rows}
+          cols=${this.cols ?? ""}
+          placeholder=${this.placeHolder}
+          minlength=${this.minlength ?? ""}
+          maxlength=${this.maxlength ?? ""}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          .value=${this.value}
+          @keyup=${this._onKeyUp}
+          @blur=${this._onBlur}
+          @focus=${this._onFocus}
+        ></textarea>
+      </div>
+      ${this._renderErrorMsg()}
+    `;
+  }
+}
+__decorateClass([
+  property({ type: Number })
+], PdInputArea.prototype, "rows");
+__decorateClass([
+  property({ type: Number })
+], PdInputArea.prototype, "cols");
+__decorateClass([
+  property({ type: Number })
+], PdInputArea.prototype, "minlength");
+__decorateClass([
+  property({ type: Number })
+], PdInputArea.prototype, "maxlength");
+
+export { PdInputArea };

package/dist/pd-input-area/pd-input-area.d.ts

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

package/dist/pd-input-area/pd-input-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-input-area.d.ts","sourceRoot":"","sources":["../../src/pd-input-area/pd-input-area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAO/C,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/{stories/input-area.stories.d.ts → pd-input-area/pd-input-area.stories.d.ts}

@@ -51,4 +51,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj;
 export declare const InputArea: Story;
-//# sourceMappingURL=input-area.stories.d.ts.map
+//# sourceMappingURL=pd-input-area.stories.d.ts.map

package/dist/pd-input-area/pd-input-area.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-input-area.stories.d.ts","sourceRoot":"","sources":["../../src/pd-input-area/pd-input-area.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,oBAAoB,CAAC;AAG5B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,SAAS,EAAE,KA4GvB,CAAC"}

package/dist/pd-input-area.d.ts

@@ -1,20 +1,2 @@
-import { CSSResultGroup } from 'lit';
-import { PdBaseInputElement } from './pd-base-input-element.js';
-export declare class PdInputArea extends PdBaseInputElement {
-    rows: number;
-    cols?: number;
-    /**
-     * Minimum length constraint
-     */
-    minlength?: number;
-    /**
-     * Maximum length constraint
-     */
-    maxlength?: number;
-    static styles: CSSResultGroup;
-    constructor();
-    connectedCallback(): void;
-    private _setupValidators;
-    render(): import('lit-html').TemplateResult<1>;
-}
-//# sourceMappingURL=pd-input-area.d.ts.map
+export * from './pd-input-area/pd-input-area'
+export {}