@progressive-development/pd-forms 0.8.7 → 0.9.1

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

@@ -1,7 +1,6 @@
 import { CSSResultGroup } from 'lit';
 import { PdBaseUIInput } from './pd-base-ui-input.js';
-import { PdAutocomplete } from './types.js';
-import { PdInput } from './pd-input.js';
+import { PdAutocomplete } from '../types.js';
 /**
  * Abstraktes Basiselement für pd-input-Komponenten (Input, Area, Select).
  */
@@ -18,7 +17,7 @@ export declare abstract class PdBaseInputElement extends PdBaseUIInput {
      * Attribut für native Autocomplete-Unterstützung.
      */
     autoCompleteName: PdAutocomplete;
-    protected _input: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | PdInput;
+    protected _input: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | PdBaseInputElement;
     private _delayTimerId?;
     static styles: CSSResultGroup;
     firstUpdated(): void;

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

@@ -0,0 +1 @@
+{"version":3,"file":"pd-base-input-element.d.ts","sourceRoot":"","sources":["../../src/base/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,aAAa,CAAC;AAK7C;;GAEG;AACH,8BAAsB,kBAAmB,SAAQ,aAAa;IAC5D;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,gBAAgB,EAAE,cAAc,CAAS;IAEzC,SAAS,CAAC,MAAM,EACZ,gBAAgB,GAChB,mBAAmB,GACnB,iBAAiB,GACjB,kBAAkB,CAAC;IAEvB,OAAO,CAAC,aAAa,CAAC,CAAS;IAE/B,OAAgB,MAAM,EAAE,cAAc,CAGpC;IAEO,YAAY,IAAI,IAAI;IAO7B,KAAK,IAAI,IAAI;IAIb,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAuBrC,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IActC,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAWrC,iCAAiC,CAAC,MAAM,EAAE,OAAO;IAO1D,SAAS,CAAC,eAAe,IAAI,MAAM;IAiB1B,eAAe;CAezB"}

package/dist/{pd-base-input-element.js → base/pd-base-input-element.js}

@@ -1,36 +1,40 @@
-import { property } 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";
+import { property } 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;
+  var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
-      result = decorator(target, key, result) || result;
+      result = (decorator(target, key, result) ) || result;
   if (result) __defProp(target, key, result);
   return result;
 };
 const DELAY_WAIT_TIME_MS = 500;
-const _PdBaseInputElement = class _PdBaseInputElement extends PdBaseUIInput {
+class PdBaseInputElement extends PdBaseUIInput {
   constructor() {
     super(...arguments);
     this.placeHolder = "";
     this.name = "";
     this.autoCompleteName = "off";
   }
+  static {
+    this.styles = [
+      PdBaseUIInput.styles,
+      SharedInputFieldStyles
+    ];
+  }
   firstUpdated() {
-    var _a;
-    this._input = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(
+    this._input = this.shadowRoot?.querySelector(
       this._getElementName()
     );
     super.firstUpdated();
   }
   focus() {
-    var _a;
-    (_a = this._input) == null ? void 0 : _a.focus();
+    this._input?.focus();
   }
   _onBlur(event) {
-    var _a;
     if (this._delayTimerId) {
       clearTimeout(this._delayTimerId);
       this._handleChangedValue(this._input.value, event, true, true);
@@ -41,7 +45,7 @@ const _PdBaseInputElement = class _PdBaseInputElement extends PdBaseUIInput {
       new CustomEvent("pd-form-element-blur", {
         detail: {
           name: this.valueName || this.id || "field",
-          value: (_a = this._input) == null ? void 0 : _a.value
+          value: this._input?.value
         },
         bubbles: true,
         composed: true
@@ -49,13 +53,12 @@ const _PdBaseInputElement = class _PdBaseInputElement extends PdBaseUIInput {
     );
   }
   _onFocus(event) {
-    var _a;
     this._focused = true;
     this.dispatchEvent(
       new CustomEvent("pd-form-element-focus", {
         detail: {
           name: this.valueName || this.id || "field",
-          value: (_a = this._input) == null ? void 0 : _a.value
+          value: this._input?.value
         },
         bubbles: true,
         composed: true
@@ -104,12 +107,7 @@ const _PdBaseInputElement = class _PdBaseInputElement extends PdBaseUIInput {
     }
     return this._value;
   }
-};
-_PdBaseInputElement.styles = [
-  PdBaseUIInput.styles,
-  SharedInputFieldStyles
-];
-let PdBaseInputElement = _PdBaseInputElement;
+}
 __decorateClass([
   property({ type: String })
 ], PdBaseInputElement.prototype, "placeHolder");
@@ -119,6 +117,5 @@ __decorateClass([
 __decorateClass([
   property({ type: String })
 ], PdBaseInputElement.prototype, "autoCompleteName");
-export {
-  PdBaseInputElement
-};
+
+export { PdBaseInputElement };

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

@@ -1,6 +1,6 @@
 import { CSSResultGroup, PropertyValues } from 'lit';
 import { PdBaseUI } from './pd-base-ui';
-import { PdFieldType, PdFormValidatorFn } from './types';
+import { PdFieldType, PdFormValidatorFn } from '../types';
 /**
  * Available input types.
  * Each input elemt set it's own type during constructor call.
@@ -76,8 +76,8 @@ export declare abstract class PdBaseUIInput extends PdBaseUI {
         prestine: boolean;
         dirty: boolean;
     };
-    protected _renderErrorMsg(): import('lit-html').TemplateResult<1> | "";
-    protected _renderLabel(forParam: string, additionalValue?: string): import('lit-html').TemplateResult<1>;
+    protected _renderErrorMsg(): import('lit').TemplateResult<1> | "";
+    protected _renderLabel(forParam: string, additionalValue?: string): import('lit').TemplateResult<1>;
     runValidators(dryRun?: boolean): Promise<boolean>;
     protected _handleStatusForInnerInputElement(status: boolean): void;
     protected _getInitialValue(reset?: boolean): string;

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

@@ -0,0 +1 @@
+{"version":3,"file":"pd-base-ui-input.d.ts","sourceRoot":"","sources":["../../src/base/pd-base-ui-input.ts"],"names":[],"mappings":"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"}

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

@@ -1,17 +1,18 @@
-import { css, html } from "lit";
-import { property, state } from "lit/decorators.js";
-import { pdIcons } from "@progressive-development/pd-icon";
-import "@progressive-development/pd-icon/pd-icon";
-import { PdBaseUI } from "./pd-base-ui.js";
-import { SharedInputStyles } from "./styles/shared-input-styles.js";
-import { requiredValidator, requiredSelectValidator, requiredRangeValidator, requiredCheckedValidator, emailValidator, numberValidator, phoneValidator, vatValidator } from "./validators.js";
-import "./pd-hover-box.js";
+import { css, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { pdIcons } from '@progressive-development/pd-icon';
+import '@progressive-development/pd-icon/pd-icon';
+import { PdBaseUI } from './pd-base-ui.js';
+import { SharedInputStyles } from '../styles/shared-input-styles.js';
+import { requiredValidator, requiredSelectValidator, requiredRangeValidator, requiredCheckedValidator, emailValidator, numberValidator, phoneValidator, vatValidator } from '../validators.js';
+import '../pd-hover-box.js';
+
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0;
+  var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
-      result = decorator(target, key, result) || result;
+      result = (decorator(target, key, result) ) || result;
   if (result) __defProp(target, key, result);
   return result;
 };
@@ -24,7 +25,7 @@ const INPUT_TYPE_DATE = 7;
 const INPUT_TYPE_FILE = 8;
 const INPUT_TYPE_TIME = 9;
 const KEY_RETURN = "Enter";
-const _PdBaseUIInput = class _PdBaseUIInput extends PdBaseUI {
+class PdBaseUIInput extends PdBaseUI {
   constructor() {
     super(...arguments);
     this.gradient = false;
@@ -51,6 +52,24 @@ const _PdBaseUIInput = class _PdBaseUIInput extends PdBaseUI {
     this._inputType = -1;
     this._validators = [];
   }
+  static {
+    this.styles = [
+      PdBaseUI.styles,
+      SharedInputStyles,
+      css`
+      .label-header {
+        display: flex;
+        align-items: end;
+        justify-content: space-between;
+      }
+
+      .help-icon {
+        --pd-icon-size: 20px;
+        cursor: help;
+      }
+    `
+    ];
+  }
   update(changedProps) {
     if (changedProps.has("initValue") && (this.initValue || changedProps.get("initValue"))) {
       if (this.handleChangeForInitVal) {
@@ -203,7 +222,7 @@ const _PdBaseUIInput = class _PdBaseUIInput extends PdBaseUI {
           composed: true
         })
       );
-      event == null ? void 0 : event.preventDefault();
+      event?.preventDefault();
     }
     if (changed) {
       this._value = newValue;
@@ -213,7 +232,7 @@ const _PdBaseUIInput = class _PdBaseUIInput extends PdBaseUI {
         if (dispatchEvent) {
           this._dispatchChange(newValue);
         }
-        callback == null ? void 0 : callback();
+        callback?.();
       });
     }
   }
@@ -343,24 +362,7 @@ const _PdBaseUIInput = class _PdBaseUIInput extends PdBaseUI {
   _getParsedValue() {
     return this._value;
   }
-};
-_PdBaseUIInput.styles = [
-  PdBaseUI.styles,
-  SharedInputStyles,
-  css`
-      .label-header {
-        display: flex;
-        align-items: end;
-        justify-content: space-between;
-      }
-
-      .help-icon {
-        --pd-icon-size: 20px;
-        cursor: help;
-      }
-    `
-];
-let PdBaseUIInput = _PdBaseUIInput;
+}
 __decorateClass([
   property({ type: Boolean })
 ], PdBaseUIInput.prototype, "gradient");
@@ -427,14 +429,5 @@ __decorateClass([
 __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
-};
+
+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/base/pd-base-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-base-ui.d.ts","sourceRoot":"","sources":["../../src/base/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/{pd-base-ui.js → base/pd-base-ui.js}

@@ -1,5 +1,6 @@
-import { LitElement } from "lit";
-import { PdColorStyles, PdFontStyles } from "@progressive-development/pd-shared-styles";
+import { LitElement } from 'lit';
+import { PdColorStyles, PdFontStyles } from '@progressive-development/pd-shared-styles';
+
 /**
  * @license
  * Copyright (c) 2021 PD Progressive Development UG. All rights reserved.
@@ -18,10 +19,10 @@ import { PdColorStyles, PdFontStyles } from "@progressive-development/pd-shared-
  * Custom Properties (shared-global-styles):
  * ... TODO
  */
-const _PdBaseUI = class _PdBaseUI extends LitElement {
-};
-_PdBaseUI.styles = [PdColorStyles, PdFontStyles];
-let PdBaseUI = _PdBaseUI;
-export {
-  PdBaseUI
-};
+class PdBaseUI extends LitElement {
+  static {
+    this.styles = [PdColorStyles, PdFontStyles];
+  }
+}
+
+export { PdBaseUI };

package/dist/index.d.ts

@@ -1,13 +1,14 @@
-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 { PdFormRow } from './pd-form-row/pd-form-row.js';
+export { PdButton } from './pd-button/pd-button.js';
+export { PdCheckbox } from './pd-checkbox/pd-checkbox.js';
+export { PdFormContainer } from './pd-form-container/pd-form-container.js';
+export { PdHoverBox } from './pd-hover-box/pd-hover-box.js';
+export { PdInput } from './pd-input/pd-input.js';
+export { PdInputArea } from './pd-input-area/pd-input-area.js';
+export { PdInputFile } from './pd-input-file/pd-input-file.js';
+export { PdInputTime } from './pd-input-time/pd-input-time.js';
+export { PdRadioGroup } from './pd-radio-group/pd-radio-group.js';
+export { PdBaseInputElement } from './base/pd-base-input-element.js';
 export type { PdAutocomplete, PdSelectOption, PdFieldType, PdFormElementStatus, PdFormValidatorFn, ButtonData, } from './types.js';
 export { UNDEF } from './types.js';
 export * as pdValidator from './validators.js';

package/dist/index.d.ts.map

@@ -1 +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,EACV,cAAc,EACd,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,UAAU,GACX,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,KAAK,WAAW,MAAM,iBAAiB,CAAC;AAE/C,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAE3E,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAErE,YAAY,EACV,cAAc,EACd,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,UAAU,GACX,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,KAAK,WAAW,MAAM,iBAAiB,CAAC;AAE/C,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,32 +1,27 @@
-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 { UNDEF } from "./types.js";
-import * as validators from "./validators.js";
-import { templates } from "./locales/be.js";
-import { templates as templates2 } from "./locales/de.js";
-import { templates as templates3 } from "./locales/en.js";
-export {
-  PdBaseInputElement,
-  PdButton,
-  PdCheckbox,
-  PdFormContainer,
-  PdFormRow,
-  PdHoverBox,
-  PdInput,
-  PdInputArea,
-  PdInputFile,
-  PdRadioGroup,
-  UNDEF,
-  templates as beTemplates,
-  templates2 as deTemplates,
-  templates3 as enTemplates,
-  validators as pdValidator
-};
+import './pd-form-row.js';
+import './pd-button.js';
+import './pd-checkbox.js';
+import './pd-form-container.js';
+import './pd-hover-box.js';
+import './pd-input.js';
+import './pd-input-area.js';
+import './pd-input-file.js';
+import './pd-input-time.js';
+import './pd-radio-group.js';
+export { PdBaseInputElement } from './base/pd-base-input-element.js';
+export { UNDEF } from './types.js';
+import * as validators from './validators.js';
+export { validators as pdValidator };
+export { templates as beTemplates } from './locales/be.js';
+export { templates as deTemplates } from './locales/de.js';
+export { templates as enTemplates } from './locales/en.js';
+export { PdFormRow } from './pd-form-row/PdFormRow.js';
+export { PdButton } from './pd-button/PdButton.js';
+export { PdCheckbox } from './pd-checkbox/PdCheckbox.js';
+export { PdFormContainer } from './pd-form-container/PdFormContainer.js';
+export { PdHoverBox } from './pd-hover-box/PdHoverBox.js';
+export { PdInput } from './pd-input/PdInput.js';
+export { PdInputArea } from './pd-input-area/PdInputArea.js';
+export { PdInputFile } from './pd-input-file/PdInputFile.js';
+export { PdInputTime } from './pd-input-time/PdInputTime.js';
+export { PdRadioGroup } from './pd-radio-group/PdRadioGroup.js';

package/dist/locales/be.js

@@ -1,4 +1,5 @@
-import { str } from "@lit/localize";
+import { str } from '@lit/localize';
+
 const templates = {
   "pd.form.field.checkRequired": `Selectie vereist`,
   "pd.form.field.invalid.mail": `Ongeldig e-mailadres, gebruik mail@test.be`,
@@ -13,6 +14,5 @@ const templates = {
   s512f37f2dba563ec: str`Maximaal ${0} tekens`,
   s8a355eeb33f58c5f: str`Minimaal ${0} tekens`
 };
-export {
-  templates
-};
+
+export { templates };

package/dist/locales/de.js

@@ -1,4 +1,5 @@
-import { str } from "@lit/localize";
+import { str } from '@lit/localize';
+
 const templates = {
   "pd.form.field.required": `Eingabe erforderlich`,
   "pd.form.field.selectRequired": `Eingabe erforderlich`,
@@ -13,6 +14,5 @@ const templates = {
   s8a355eeb33f58c5f: str`Mindestens ${0} Zeichen`,
   s512f37f2dba563ec: str`Maximal ${0} Zeichen`
 };
-export {
-  templates
-};
+
+export { templates };

package/dist/locales/en.js

@@ -1,4 +1,5 @@
-import { str } from "@lit/localize";
+import { str } from '@lit/localize';
+
 const templates = {
   "pd.form.field.checkRequired": `Selection required`,
   "pd.form.field.invalid.mail": `Use format mail@test.de`,
@@ -13,6 +14,5 @@ const templates = {
   s512f37f2dba563ec: str`Maximum ${0} characters`,
   s8a355eeb33f58c5f: str`At least ${0} characters`
 };
-export {
-  templates
-};
+
+export { templates };

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

@@ -0,0 +1,57 @@
+import { CSSResultGroup } from 'lit';
+import { PdBaseUI } from '../base/pd-base-ui';
+/**
+ * A reusable button component for primary and secondary actions.
+ *
+ * @tagname pd-button
+ * pd-calendar-cell
+ *
+ * @summary
+ * The `pd-button` component provides a styled button element with support for
+ * primary and gradient styles, disabled state, and customizable appearance via CSS custom properties.
+ *
+ * @property {boolean} primary - Displays the button with a primary style (e.g. highlighted).
+ * @property {boolean} gradient - Applies a linear gradient background to the button.
+ * @property {boolean} disabled - Disables the button and prevents interaction.
+ * @property {string} text - The visible button label. Default is `"Ok"`.
+ * @property {string} value - A custom value that is emitted as part of the `button-clicked` event.
+ *
+ * @event button-clicked - Fired when the button is clicked (not when disabled). Emits the `value` as `event.detail`.
+ *
+ * @cssprop --pd-button-width - The button's width. Default: `140px`.
+ * @cssprop --pd-button-height - The button's height. Default: `2rem`.
+ * @cssprop --pd-button-bg-col - Background color of the button.
+ * @cssprop --pd-button-font-col - Font color of the button.
+ * @cssprop --pd-button-border - Border of the button.
+ * @cssprop --pd-button-box-shadow - Box shadow styling of the button.
+ * @cssprop --pd-button-box-shadow-hover - Hover box shadow effect.
+ * @cssprop --pd-button-bg-col-hover - Hover background color.
+ * @cssprop --pd-button-font-col-hover - Hover font color.
+ * @cssprop --pd-button-border-hover - Border style on hover.
+ * @cssprop --pd-button-primary-bg-col - Background color for primary buttons.
+ * @cssprop --pd-button-primary-font-col - Font color for primary buttons.
+ * @cssprop --pd-button-primary-bg-col-hover - Hover background for primary buttons.
+ * @cssprop --pd-button-primary-font-col-hover - Hover font color for primary buttons.
+ * @cssprop --pd-button-bg-col-disabled - Background color for disabled state.
+ * @cssprop --pd-button-font-col-disabled - Font color for disabled state.
+ * @cssprop --pd-button-border-disabled - Border style for disabled state.
+ * @cssprop --pd-button-font-size - Font size of the text inside the button.
+ * @cssprop --pd-button-font-weight - Font weight of the button text.
+ * @cssprop --pd-border-radius - Border radius of the button.
+ *
+ * @slot default - The default slot renders the button label. Usually set via the `text` property.
+ */
+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').TemplateResult<1>;
+    private _handleClick;
+}
+//# sourceMappingURL=PdButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PdButton.d.ts","sourceRoot":"","sources":["../../src/pd-button/PdButton.ts"],"names":[],"mappings":"AACA;;;IAGI;AAEJ,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,qBAAa,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"}

package/dist/pd-button/PdButton.js

@@ -0,0 +1,152 @@
+import { css, html } from 'lit';
+import { property } 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 PdButton extends PdBaseUI {
+  constructor() {
+    super(...arguments);
+    this.primary = false;
+    this.gradient = false;
+    this.disabled = false;
+    this.text = "Ok";
+  }
+  static {
+    this.styles = [
+      PdBaseUI.styles,
+      css`
+      :host {
+        font-family: var(--pd-default-font-title-family);
+        font-size: var(--pd-button-font-size, 1em);
+        font-weight: var(--pd-button-font-weight, normal);
+        /*        
+         height: 100%;         
+         width: 100%; => Ohne diese Angabe eht die % Angaben icht
+         */
+
+        margin: 0.5rem;
+        margin-left: 0;
+        pointer-events: none;
+      }
+
+      .button-div {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: var(--pd-button-width, 140px);
+        height: var(--pd-button-height, 2rem);
+        border-radius: var(--pd-border-radius, 1px);
+        background-color: var(--pd-button-bg-col, var(--pd-default-dark-col));
+        color: var(--pd-button-font-col, var(--pd-default-bg-col));
+        border: var(--pd-button-border, 0);
+        cursor: pointer;
+        box-shadow: var(--pd-button-box-shadow, none);
+        pointer-events: all;
+      }
+
+      :host(:not([disabled])) .button-div:hover {
+        box-shadow: var(
+          --pd-button-box-shadow-hover,
+          -1px 1px 2px var(--pd-default-dark-col)
+        );
+        background-color: var(
+          --pd-button-bg-col-hover,
+          var(--pd-default-hover-col)
+        );
+        color: var(--pd-button-font-col-hover, var(--pd-default-dark-col));
+        transition: background-color 0.4s ease 0s;
+        --pd-button-border: var(--pd-button-border-hover);
+      }
+
+      :host(:not([disabled])[primary]) .button-div:hover {
+        background-color: var(
+          --pd-button-primary-bg-col-hover,
+          var(--pd-default-hover-col)
+        );
+        color: var(
+          --pd-button-primary-font-col-hover,
+          var(--pd-default-bg-col)
+        );
+      }
+
+      :host([primary]) .button-div {
+        background-color: var(
+          --pd-button-primary-bg-col,
+          var(--pd-default-col)
+        );
+        color: var(--pd-button-primary-font-col, var(--pd-default-bg-col));
+      }
+
+      :host([gradient]) .button-div {
+        background: linear-gradient(
+          to right,
+          var(--my-background-gradient-color, red) 0%,
+          var(--my-background-color, blue) 100%
+        );
+      }
+
+      :host([disabled]) .button-div {
+        cursor: auto;
+        border-color: var(--pd-default-disabled-col);
+        background-color: var(
+          --pd-button-bg-col-disabled,
+          var(--pd-default-disabled-col)
+        );
+        color: var(--pd-button-font-col-disabled, black);
+        --pd-button-border: var(--pd-button-border-disabled);
+      }
+
+      a {
+        display: inline-block;
+        text-decoration: none;
+        white-space: nowrap;
+        margin: 0.5rem;
+        pointer-events: none;
+      }
+    `
+    ];
+  }
+  render() {
+    return html`
+      <div class="button-div" @click=${this._handleClick}>
+        <a ?disabled=${this.disabled}>${this.text}</a>
+      </div>
+    `;
+  }
+  _handleClick() {
+    if (!this.disabled) {
+      this.dispatchEvent(
+        new CustomEvent("button-clicked", {
+          detail: this.value,
+          bubbles: true,
+          composed: true
+        })
+      );
+    }
+  }
+}
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], PdButton.prototype, "primary");
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], PdButton.prototype, "gradient");
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], PdButton.prototype, "disabled");
+__decorateClass([
+  property({ type: String })
+], PdButton.prototype, "text");
+__decorateClass([
+  property({ type: String })
+], PdButton.prototype, "value");
+
+export { PdButton };