@progressive-development/pd-forms 0.5.7 → 0.6.1

package/dist/generated/locale-codes.d.ts

@@ -0,0 +1,14 @@
+/**
+ * The locale code that templates in this source code are written in.
+ */
+export declare const sourceLocale = "dev";
+/**
+ * The other locale codes that this application is localized into. Sorted
+ * lexicographically.
+ */
+export declare const targetLocales: readonly ["be", "de", "en"];
+/**
+ * All valid project locale codes. Sorted lexicographically.
+ */
+export declare const allLocales: readonly ["be", "de", "dev", "en"];
+//# sourceMappingURL=locale-codes.d.ts.map

package/dist/generated/locale-codes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale-codes.d.ts","sourceRoot":"","sources":["../../src/generated/locale-codes.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,YAAY,QAAQ,CAAC;AAElC;;;GAGG;AACH,eAAO,MAAM,aAAa,6BAA8B,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,UAAU,oCAAqC,CAAC"}

package/dist/generated/locales/be.d.ts

@@ -0,0 +1,10 @@
+export declare const templates: {
+    "pd.form.field.invalid.mail": string;
+    "pd.form.field.invalid.number": string;
+    "pd.form.field.invalid.phone": string;
+    "pd.form.field.invalid.vat": string;
+    "pd.form.field.required": string;
+    "pd.form.required.info": string;
+    "pd.form.required.valid": string;
+};
+//# sourceMappingURL=be.d.ts.map

package/dist/generated/locales/be.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"be.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/be.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;CAQrB,CAAC"}

package/dist/generated/locales/de.d.ts

@@ -0,0 +1,10 @@
+export declare const templates: {
+    "pd.form.required.valid": string;
+    "pd.form.required.info": string;
+    "pd.form.field.required": string;
+    "pd.form.field.invalid.mail": string;
+    "pd.form.field.invalid.phone": string;
+    "pd.form.field.invalid.vat": string;
+    "pd.form.field.invalid.number": string;
+};
+//# sourceMappingURL=de.d.ts.map

package/dist/generated/locales/de.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/de.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;CAQrB,CAAC"}

package/dist/generated/locales/en.d.ts

@@ -0,0 +1,10 @@
+export declare const templates: {
+    "pd.form.field.invalid.mail": string;
+    "pd.form.field.invalid.number": string;
+    "pd.form.field.invalid.phone": string;
+    "pd.form.field.invalid.vat": string;
+    "pd.form.field.required": string;
+    "pd.form.required.info": string;
+    "pd.form.required.valid": string;
+};
+//# sourceMappingURL=en.d.ts.map

package/dist/generated/locales/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/en.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;CAQrB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+export { PdFormRow } from './pd-form-row.js';
+export { PdButton } from './pd-button.js';
+export { PdCheckbox } from './pd-checkbox.js';
+export { PdFormContainer } from './pd-form-container.js';
+export { PdHoverBox } from './pd-hover-box.js';
+export { PdInput } from './pd-input.js';
+export { PdInputArea } from './pd-input-area.js';
+export { PdInputFile } from './pd-input-file.js';
+export { PdRadioGroup } from './pd-radio-group.js';
+export { PdBaseInputElement } from './pd-base-input-element.js';
+export type { PdAutocomplete, PdSelectOption } from './types.js';
+export { templates as beTemplates } from './generated/locales/be.js';
+export { templates as deTemplates } from './generated/locales/de.js';
+export { templates as enTemplates } from './generated/locales/en.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/index.js

@@ -1,13 +1,13 @@
-import { PdButton } from "./src/PdButton.js";
-import { PdCheckbox } from "./src/PdCheckbox.js";
-import { PdFormContainer } from "./src/PdFormContainer.js";
-import { PdFormRow } from "./src/PdFormRow.js";
-import { PdHoverBox } from "./src/PdHoverBox.js";
-import { PdInput } from "./src/PdInput.js";
-import { PdInputArea } from "./src/PdInputArea.js";
-import { PdInputFile } from "./src/PdInputFile.js";
-import { PdRadioGroup } from "./src/PdRadioGroup.js";
-import { PdBaseInputElement } from "./src/PdBaseInputElement.js";
+import { PdFormRow } from "./pd-form-row.js";
+import { PdButton } from "./pd-button.js";
+import { PdCheckbox } from "./pd-checkbox.js";
+import { PdFormContainer } from "./pd-form-container.js";
+import { PdHoverBox } from "./pd-hover-box.js";
+import { PdInput } from "./pd-input.js";
+import { PdInputArea } from "./pd-input-area.js";
+import { PdInputFile } from "./pd-input-file.js";
+import { PdRadioGroup } from "./pd-radio-group.js";
+import { PdBaseInputElement } from "./pd-base-input-element.js";
 import { templates } from "./locales/be.js";
 import { templates as templates2 } from "./locales/de.js";
 import { templates as templates3 } from "./locales/en.js";

package/dist/locales/be.d.ts

@@ -0,0 +1,2 @@
+export * from '../generated/locales/be'
+export {}

package/dist/locales/de.d.ts

@@ -0,0 +1,2 @@
+export * from '../generated/locales/de'
+export {}

package/dist/locales/en.d.ts

@@ -0,0 +1,2 @@
+export * from '../generated/locales/en'
+export {}

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

@@ -0,0 +1,28 @@
+import { CSSResultGroup } from 'lit';
+import { PdBaseUIInput } from './pd-base-ui-input.js';
+import { PdAutocomplete } from './types.js';
+/**
+ * Abstraktes Basiselement für pd-input-Komponenten (Input, Area, Select).
+ */
+export declare abstract class PdBaseInputElement extends PdBaseUIInput {
+    /**
+     * Placeholder für Eingabefeld.
+     */
+    placeHolder: string;
+    /**
+     * Interner Name des Eingabefelds (nicht verwendet), Backup für Autocomplete.
+     */
+    name: string;
+    /**
+     * Attribut für native Autocomplete-Unterstützung.
+     */
+    autoCompleteName: PdAutocomplete;
+    protected _input: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
+    static styles: CSSResultGroup;
+    firstUpdated(): void;
+    focus(): void;
+    protected _onBlur(event: Event): void;
+    protected _onKeyUp(event: KeyboardEvent): void;
+    protected _getElementName(): string;
+}
+//# sourceMappingURL=pd-base-input-element.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pd-base-input-element.d.ts","sourceRoot":"","sources":["../src/pd-base-input-element.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAErC,OAAO,EACL,aAAa,EAOd,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C;;GAEG;AACH,8BAAsB,kBAAmB,SAAQ,aAAa;IAC5D;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,gBAAgB,EAAE,cAAc,CAAS;IAGzC,SAAS,CAAC,MAAM,EAAG,gBAAgB,GAAG,mBAAmB,GAAG,iBAAiB,CAAC;IAE9E,OAAgB,MAAM,EAAE,cAAc,CAGpC;IAEO,YAAY,IAAI,IAAI;IAM7B,KAAK,IAAI,IAAI;IAIb,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAcrC,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAI9C,SAAS,CAAC,eAAe,IAAI,MAAM;CAgBpC"}

package/dist/pd-base-input-element.js

@@ -0,0 +1,82 @@
+import { property, state } from "lit/decorators.js";
+import { PdBaseUIInput, INPUT_TYPE_DATE, INPUT_TYPE_TIME, INPUT_TYPE_TEXT, INPUT_TYPE_FILE, INPUT_TYPE_SELECT, INPUT_TYPE_AREA } from "./pd-base-ui-input.js";
+import { SharedInputFieldStyles } from "./styles/shared-input-field-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 _PdBaseInputElement = class _PdBaseInputElement extends PdBaseUIInput {
+  constructor() {
+    super(...arguments);
+    this.placeHolder = "";
+    this.name = "";
+    this.autoCompleteName = "off";
+  }
+  firstUpdated() {
+    var _a;
+    this._input = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(
+      this._getElementName()
+    );
+  }
+  focus() {
+    var _a;
+    (_a = this._input) == null ? void 0 : _a.focus();
+  }
+  _onBlur(event) {
+    var _a;
+    this.dispatchEvent(
+      new CustomEvent("focus-lost", {
+        detail: {
+          value: (_a = this._input) == null ? void 0 : _a.value
+        },
+        composed: true,
+        bubbles: true
+      })
+    );
+    this._handleChangedValue(this._input.value, event, true, true);
+  }
+  _onKeyUp(event) {
+    this._handleChangedValue(this._input.value, event, true);
+  }
+  _getElementName() {
+    switch (this._inputType) {
+      case INPUT_TYPE_AREA:
+        return "textarea";
+      case INPUT_TYPE_SELECT:
+        return "select";
+      case INPUT_TYPE_FILE:
+      case INPUT_TYPE_TEXT:
+      case INPUT_TYPE_TIME:
+        return "input";
+      case INPUT_TYPE_DATE:
+        return "pd-input";
+      default:
+        return "";
+    }
+  }
+};
+_PdBaseInputElement.styles = [
+  PdBaseUIInput.styles,
+  SharedInputFieldStyles
+];
+let PdBaseInputElement = _PdBaseInputElement;
+__decorateClass([
+  property({ type: String })
+], PdBaseInputElement.prototype, "placeHolder");
+__decorateClass([
+  property({ type: String })
+], PdBaseInputElement.prototype, "name");
+__decorateClass([
+  property({ type: String })
+], PdBaseInputElement.prototype, "autoCompleteName");
+__decorateClass([
+  state()
+], PdBaseInputElement.prototype, "_input");
+export {
+  PdBaseInputElement
+};

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

@@ -0,0 +1,54 @@
+import { CSSResultGroup } from 'lit';
+import { PdBaseUI } from './pd-base-ui';
+/**
+ * Available input types.
+ * Each input elemt set it's own type during constructor call.
+ *
+ * Comment: Not really needed/used at the moment.
+ */
+export declare const INPUT_TYPE_TEXT = 1;
+export declare const INPUT_TYPE_SELECT = 2;
+export declare const INPUT_TYPE_CHECK = 3;
+export declare const INPUT_TYPE_RANGE = 4;
+export declare const INPUT_TYPE_AREA = 5;
+export declare const INPUT_TYPE_CHECK_GROUP = 6;
+export declare const INPUT_TYPE_DATE = 7;
+export declare const INPUT_TYPE_FILE = 8;
+export declare const INPUT_TYPE_TIME = 9;
+export declare abstract class PdBaseUIInput extends PdBaseUI {
+    /**
+     * Fired when an input element change its values.
+     * @event validate-form
+     */
+    /**
+     * Fired when enter was pressend during focus on input element.
+     * @event enter-pressed
+     */
+    /**
+     * Fired when field-value changed.
+     * @event field-change
+     */
+    gradient: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    requiredMsg: string;
+    helperTxt: string;
+    valueName: string;
+    defaultRequiredChar: string;
+    defaultValue: string;
+    label: string;
+    value: string;
+    protected _errorMsg: string;
+    protected _inputType: number;
+    static styles: CSSResultGroup;
+    get errorMsg(): string;
+    set errorMsg(msg: string);
+    clear(): void;
+    reset(): void;
+    protected _generateValidateEvent(): void;
+    protected _handleChangedValue(newValue: string, event: Event, checkReturn?: boolean, showValidateMsg?: boolean): void;
+    protected _renderErrorMsg(): import('lit-html').TemplateResult<1> | "";
+    protected _renderLabel(forParam: string, additionalValue?: string): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=pd-base-ui-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pd-base-ui-input.d.ts","sourceRoot":"","sources":["../src/pd-base-ui-input.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhD,OAAO,0CAA0C,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,mBAAmB,CAAC;AAE3B;;;;;GAKG;AACH,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,eAAe,IAAI,CAAC;AAWjC,8BAAsB,aAAc,SAAQ,QAAQ;IAClD;;;OAGG;IAEH;;;OAGG;IAEH;;;OAGG;IAGH,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,WAAW,SAAM;IAGjB,SAAS,SAAM;IAGf,SAAS,SAAM;IAGf,mBAAmB,SAAO;IAG1B,YAAY,SAAM;IAGlB,KAAK,SAAM;IAGX,KAAK,SAAM;IAGX,SAAS,CAAC,SAAS,SAAM;IAGzB,SAAS,CAAC,UAAU,SAAM;IAE1B,OAAgB,MAAM,EAAE,cAAc,CAmBpC;IAEF,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,QAAQ,CAAC,GAAG,EAAE,MAAM,EAEvB;IAEM,KAAK,IAAI,IAAI;IAKb,KAAK,IAAI,IAAI;IAKpB,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAaxC,SAAS,CAAC,mBAAmB,CAC3B,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,UAAQ,EACnB,eAAe,UAAQ,GACtB,IAAI;IA+CP,SAAS,CAAC,eAAe;IAUzB,SAAS,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM;CAwBlE"}

package/dist/pd-base-ui-input.js

@@ -0,0 +1,208 @@
+import { css, html } from "lit";
+import { property, state } from "lit/decorators.js";
+import "@progressive-development/pd-icon/pd-icon";
+import { PdBaseUI } from "./pd-base-ui.js";
+import { SharedInputStyles } from "./styles/shared-input-styles.js";
+import "./pd-hover-box.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 INPUT_TYPE_TEXT = 1;
+const INPUT_TYPE_SELECT = 2;
+const INPUT_TYPE_CHECK = 3;
+const INPUT_TYPE_RANGE = 4;
+const INPUT_TYPE_AREA = 5;
+const INPUT_TYPE_DATE = 7;
+const INPUT_TYPE_FILE = 8;
+const INPUT_TYPE_TIME = 9;
+const KEY_RETURN = "Enter";
+let delayTimer;
+const DELAY_WAIT_TIME_MS = 400;
+const _PdBaseUIInput = class _PdBaseUIInput extends PdBaseUI {
+  constructor() {
+    super(...arguments);
+    this.gradient = false;
+    this.disabled = false;
+    this.readonly = false;
+    this.required = false;
+    this.requiredMsg = "";
+    this.helperTxt = "";
+    this.valueName = "";
+    this.defaultRequiredChar = "*";
+    this.defaultValue = "";
+    this.label = "";
+    this.value = "";
+    this._errorMsg = "";
+    this._inputType = -1;
+  }
+  get errorMsg() {
+    return this._errorMsg;
+  }
+  set errorMsg(msg) {
+    this._errorMsg = msg;
+  }
+  clear() {
+    this.value = "";
+    this._errorMsg = "";
+  }
+  reset() {
+    this.value = this.defaultValue || "";
+    this._errorMsg = "";
+  }
+  _generateValidateEvent() {
+    this.dispatchEvent(
+      new CustomEvent("validate-form", {
+        detail: {
+          singleElement: this,
+          errorMap: /* @__PURE__ */ new Map()
+        },
+        composed: true,
+        bubbles: true
+      })
+    );
+  }
+  _handleChangedValue(newValue, event, checkReturn = false, showValidateMsg = false) {
+    const changed = this.value !== newValue;
+    let keyCode = "-1";
+    if (event instanceof KeyboardEvent) {
+      keyCode = event.key;
+    }
+    this.value = newValue;
+    const eventDetail = {
+      value: newValue,
+      name: this.valueName,
+      keyCode,
+      changed
+    };
+    if (checkReturn && keyCode === KEY_RETURN) {
+      this.dispatchEvent(
+        new CustomEvent("enter-pressed", {
+          detail: eventDetail,
+          composed: true,
+          bubbles: true
+        })
+      );
+      event.preventDefault();
+    }
+    if (changed) {
+      this.dispatchEvent(
+        new CustomEvent("field-change", {
+          detail: eventDetail,
+          composed: true,
+          bubbles: true
+        })
+      );
+    }
+    if (showValidateMsg) {
+      clearTimeout(delayTimer);
+      delayTimer = window.setTimeout(
+        () => this._generateValidateEvent(),
+        DELAY_WAIT_TIME_MS
+      );
+    }
+  }
+  _renderErrorMsg() {
+    return this._errorMsg ? html`
+          <div class="error-box error">
+            <p class="error-msg">${this._errorMsg}</p>
+          </div>
+        ` : "";
+  }
+  _renderLabel(forParam, additionalValue) {
+    return html`
+      <div class="label-header">
+        <label for="${forParam}">
+          ${this.label}${this.required && this.label ? this.defaultRequiredChar : ""}
+          ${additionalValue ? html` - <b>${additionalValue}</b>` : ""}
+        </label>
+        ${this.helperTxt ? html`
+              <pd-hover-box>
+                <pd-icon
+                  slot="normal-view"
+                  icon="helpIcon"
+                  activeIcon
+                ></pd-icon>
+                <p slot="info-view">${this.helperTxt}</p>
+              </pd-hover-box>
+            ` : ""}
+      </div>
+    `;
+  }
+};
+_PdBaseUIInput.styles = [
+  PdBaseUI.styles,
+  SharedInputStyles,
+  css`
+      .label-header {
+        display: flex;
+        align-items: end;
+        justify-content: space-between;
+      }
+
+      .label-header pd-icon {
+        --pd-icon-size: 1.25rem;
+        --pd-icon-col-active: var(--pd-default-col);
+        --pd-icon-col-active-hover: var(--pd-default-hover-col);
+        --pd-icon-stroke-width: 0;
+        padding-right: 5px;
+        cursor: help;
+      }
+    `
+];
+let PdBaseUIInput = _PdBaseUIInput;
+__decorateClass([
+  property({ type: Boolean })
+], PdBaseUIInput.prototype, "gradient");
+__decorateClass([
+  property({ type: Boolean })
+], PdBaseUIInput.prototype, "disabled");
+__decorateClass([
+  property({ type: Boolean })
+], PdBaseUIInput.prototype, "readonly");
+__decorateClass([
+  property({ type: Boolean })
+], PdBaseUIInput.prototype, "required");
+__decorateClass([
+  property({ type: String })
+], PdBaseUIInput.prototype, "requiredMsg");
+__decorateClass([
+  property({ type: String })
+], PdBaseUIInput.prototype, "helperTxt");
+__decorateClass([
+  property({ type: String })
+], PdBaseUIInput.prototype, "valueName");
+__decorateClass([
+  property({ type: String })
+], PdBaseUIInput.prototype, "defaultRequiredChar");
+__decorateClass([
+  property({ type: String })
+], PdBaseUIInput.prototype, "defaultValue");
+__decorateClass([
+  property({ type: String })
+], PdBaseUIInput.prototype, "label");
+__decorateClass([
+  property({ type: String })
+], PdBaseUIInput.prototype, "value");
+__decorateClass([
+  state()
+], PdBaseUIInput.prototype, "_errorMsg");
+__decorateClass([
+  state()
+], PdBaseUIInput.prototype, "_inputType");
+export {
+  INPUT_TYPE_AREA,
+  INPUT_TYPE_CHECK,
+  INPUT_TYPE_DATE,
+  INPUT_TYPE_FILE,
+  INPUT_TYPE_RANGE,
+  INPUT_TYPE_SELECT,
+  INPUT_TYPE_TEXT,
+  INPUT_TYPE_TIME,
+  PdBaseUIInput
+};

package/dist/pd-base-ui.d.ts

@@ -0,0 +1,12 @@
+import { LitElement, CSSResultGroup } from 'lit';
+/**
+ * Basisklasse für alle pd-* UI-Komponenten.
+ *
+ * - Importiert globale Farben und Schriftarten
+ * - Reagiert automatisch auf Sprachwechsel durch `@localized()`
+ * - Dient als gemeinsame Basisklasse für Formulare, Container etc.
+ */
+export declare abstract class PdBaseUI extends LitElement {
+    static styles: CSSResultGroup;
+}
+//# sourceMappingURL=pd-base-ui.d.ts.map

package/dist/pd-base-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-base-ui.d.ts","sourceRoot":"","sources":["../src/pd-base-ui.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAOjD;;;;;;GAMG;AACH,8BAAsB,QAAS,SAAQ,UAAU;IAC/C,OAAgB,MAAM,EAAE,cAAc,CAAiC;CACxE"}

package/dist/{src/PdBaseUi.js → pd-base-ui.js}

@@ -1,33 +1,27 @@
 import { LitElement } from "lit";
-import { updateWhenLocaleChanges } from "@lit/localize";
-import { PDColorStyles, PDFontStyles } from "@progressive-development/pd-shared-styles";
+import { PdColorStyles, PdFontStyles } from "@progressive-development/pd-shared-styles";
 /**
  * @license
  * Copyright (c) 2021 PD Progressive Development UG. All rights reserved.
- *  
+ *
  * Abstract base lit class for all pd-form elements.
  * Import shared-global-style to make common custom properties available to all components.
- * 
+ *
  * Used from:
  * - pd-base-ui-input
- * 
+ *
  * Used to:
  * - define css (import shared-global-styles.js)
  * - define common properties (detailieren, aktuell keine)
  * - define updateWhenLocaleChanges for all pd-elements (check, aktuell nur für pd-form-container benötigt)
- * 
+ *
  * Custom Properties (shared-global-styles):
  * ... TODO
  */
-class PdBaseUI extends LitElement {
-  static get styles() {
-    return [PDColorStyles, PDFontStyles];
-  }
-  constructor() {
-    super();
-    updateWhenLocaleChanges(this);
-  }
-}
+const _PdBaseUI = class _PdBaseUI extends LitElement {
+};
+_PdBaseUI.styles = [PdColorStyles, PdFontStyles];
+let PdBaseUI = _PdBaseUI;
 export {
   PdBaseUI
 };

package/dist/pd-button.d.ts

@@ -0,0 +1,16 @@
+import { CSSResultGroup } from 'lit';
+import { PdBaseUI } from './pd-base-ui';
+export declare class PdButton extends PdBaseUI {
+    /**
+     * @event button-clicked
+     */
+    primary: boolean;
+    gradient: boolean;
+    disabled: boolean;
+    text: string;
+    value?: string;
+    static styles: CSSResultGroup;
+    render(): import('lit-html').TemplateResult<1>;
+    private _handleClick;
+}
+//# sourceMappingURL=pd-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pd-button.d.ts","sourceRoot":"","sources":["../src/pd-button.ts"],"names":[],"mappings":"AACA;;;IAGI;AAEJ,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,qBACa,QAAS,SAAQ,QAAQ;IACpC;;OAEG;IAGH,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,SAAQ;IAGZ,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAgB,MAAM,EAAE,cAAc,CA4FpC;IAEO,MAAM;IAQf,OAAO,CAAC,YAAY;CAWrB"}