@progressive-development/pd-forms 1.0.1 → 1.0.3

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

@@ -1,4 +1,5 @@
 import { CSSResultGroup, PropertyValues, nothing } from 'lit';
+import { pdAi } from '@progressive-development/pd-model';
 import { PdBaseUI } from './pd-base-ui';
 import { PdFieldType, PdFormValidatorFn } from '../types';
 /**
@@ -53,6 +54,8 @@ export declare abstract class PdBaseUIInput extends PdBaseUI {
     handleChangeForInitVal: boolean;
     /** Grid span for width control within pd-form-row. */
     span: string;
+    /** AI options for KI-Assistent trigger. */
+    aiOptions?: pdAi.AiOptions;
     /** @ignore */
     protected _valid: boolean;
     /** @ignore */
@@ -103,6 +106,9 @@ export declare abstract class PdBaseUIInput extends PdBaseUI {
     };
     protected _renderErrorMsg(errorId?: string): import('lit').TemplateResult<1> | "";
     protected _renderLabel(forParam: string, additionalValue?: string): typeof nothing | import('lit').TemplateResult<1>;
+    protected _onAiTrigger(): void;
+    private _onAiTriggerKeyDown;
+    aiAdopt(value: string): void;
     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

@@ -1 +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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"}
+{"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/base/pd-base-ui-input.js

@@ -74,6 +74,18 @@ class PdBaseUIInput extends PdBaseUI {
         --pd-icon-size: 20px;
         cursor: help;
       }
+
+      .ai-trigger {
+        --pd-icon-size: 22px;
+        cursor: pointer;
+        margin-left: 4px;
+        opacity: 0.7;
+        transition: opacity 0.2s;
+      }
+      .ai-trigger:hover,
+      .ai-trigger:focus-visible {
+        opacity: 1;
+      }
     `
     ];
   }
@@ -288,7 +300,7 @@ class PdBaseUIInput extends PdBaseUI {
         ` : "";
   }
   _renderLabel(forParam, additionalValue) {
-    if (!this.label && !this.helperTxt && !additionalValue) {
+    if (!this.label && !this.helperTxt && !additionalValue && !this.aiOptions) {
       return nothing;
     }
     return html`
@@ -308,9 +320,39 @@ class PdBaseUIInput extends PdBaseUI {
                 <p slot="info-view">${this.helperTxt}</p>
               </pd-hover-box>
             ` : ""}
+        ${this.aiOptions ? html`
+              <pd-icon
+                icon="${pdIcons.ICON_AI_SPARKLE}"
+                activeIcon
+                class="ai-trigger"
+                tabindex="0"
+                role="button"
+                aria-label="KI-Assistent öffnen"
+                @click="${this._onAiTrigger}"
+                @keydown="${this._onAiTriggerKeyDown}"
+              ></pd-icon>
+            ` : ""}
       </div>
     `;
   }
+  _onAiTrigger() {
+    this.dispatchEvent(
+      new CustomEvent("pd-ai-trigger", {
+        bubbles: true,
+        composed: true,
+        detail: { aiOptions: this.aiOptions, fieldElement: this }
+      })
+    );
+  }
+  _onAiTriggerKeyDown(e) {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      this._onAiTrigger();
+    }
+  }
+  aiAdopt(value) {
+    this._handleChangedValue(value, void 0, true);
+  }
   runValidators(dryRun) {
     if (!dryRun) {
       this._errorMsg = "";
@@ -421,6 +463,9 @@ __decorateClass([
 __decorateClass([
   property({ type: String, reflect: true })
 ], PdBaseUIInput.prototype, "span");
+__decorateClass([
+  property({ type: Object, attribute: false })
+], PdBaseUIInput.prototype, "aiOptions");
 __decorateClass([
   state()
 ], PdBaseUIInput.prototype, "_valid");

package/dist/index.d.ts

@@ -3,14 +3,18 @@ export { PdFormField } from './pd-form-field/pd-form-field.js';
 export { PdFormFieldset } from './pd-form-fieldset/pd-form-fieldset.js';
 export { PdButton } from './pd-button/pd-button.js';
 export { PdCheckbox } from './pd-checkbox/pd-checkbox.js';
+export { PdColorPicker } from './pd-color-picker/pd-color-picker.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 { PdInputImage } from './pd-input-image/pd-input-image.js';
+export type { ImageSelection } from './pd-input-image/pd-input-image.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 { PdBaseUIInput } from './base/pd-base-ui-input.js';
 export { PdGenericForm } from './pd-generic-form/pd-generic-form.js';
 export type { PdAutocomplete, PdSelectOption, PdFieldType, PdFormElementStatus, PdFormValidatorFn, ButtonData, SuggestedElement, } from './types.js';
 export { UNDEF } from './types.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,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACxE,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;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAErE,YAAY,EACV,cAAc,EACd,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,UAAU,EACV,gBAAgB,GACjB,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,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,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,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,YAAY,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAErE,YAAY,EACV,cAAc,EACd,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,UAAU,EACV,gBAAgB,GACjB,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

@@ -3,14 +3,17 @@ import './pd-form-field.js';
 import './pd-form-fieldset/pd-form-fieldset.js';
 import './pd-button.js';
 import './pd-checkbox.js';
+import './pd-color-picker.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-image.js';
 import './pd-input-time.js';
 import './pd-radio-group.js';
 export { PdBaseInputElement } from './base/pd-base-input-element.js';
+export { PdBaseUIInput } from './base/pd-base-ui-input.js';
 import './pd-generic-form.js';
 export { UNDEF } from './types.js';
 import * as validators from './validators.js';
@@ -18,16 +21,18 @@ 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 { PdFormField } from './pd-form-field/PdFormField.js';
-export { PdFormFieldset } from './pd-form-fieldset/PdFormFieldset.js';
 export { PdButton } from './pd-button/PdButton.js';
 export { PdCheckbox } from './pd-checkbox/PdCheckbox.js';
+export { PdColorPicker } from './pd-color-picker/PdColorPicker.js';
 export { PdFormContainer } from './pd-form-container/PdFormContainer.js';
+export { PdFormField } from './pd-form-field/PdFormField.js';
+export { PdFormFieldset } from './pd-form-fieldset/PdFormFieldset.js';
+export { PdFormRow } from './pd-form-row/PdFormRow.js';
+export { PdGenericForm } from './pd-generic-form/PdGenericForm.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 { PdInputImage } from './pd-input-image/PdInputImage.js';
 export { PdInputTime } from './pd-input-time/PdInputTime.js';
 export { PdRadioGroup } from './pd-radio-group/PdRadioGroup.js';
-export { PdGenericForm } from './pd-generic-form/PdGenericForm.js';

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

@@ -53,6 +53,9 @@ export type PdButtonType = "button" | "submit" | "reset";
  * @cssprop --pd-button-icon-size - Icon size.
  * @cssprop --pd-button-white-space - Text wrapping behavior. Default: `nowrap`.
  * @cssprop --pd-button-font-weight - Font weight for button text. Default: `600`.
+ * @cssprop --pd-button-outline-border-col - Outline variant border color.
+ * @cssprop --pd-button-outline-font-col - Outline variant text color.
+ * @cssprop --pd-button-outline-bg-col-hover - Outline variant hover background.
  */
 export declare class PdButton extends PdBaseUI {
     /**
@@ -65,6 +68,11 @@ export declare class PdButton extends PdBaseUI {
      * Customize gradient colors via `--pd-button-gradient-start` and `--pd-button-gradient-end`.
      */
     gradient: boolean;
+    /**
+     * Displays the button with outline styling — transparent background, dashed border.
+     * Use for add/action triggers like "Add field" or "Add step".
+     */
+    outline: boolean;
     /**
      * Indicates toggle/selected state for toggle buttons.
      * When true, the button displays with selected styling and sets `aria-pressed="true"`.

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

@@ -1 +1 @@
-{"version":3,"file":"PdButton.d.ts","sourceRoot":"","sources":["../../src/pd-button/PdButton.ts"],"names":[],"mappings":"AACA;;;GAGG;AAEH,OAAO,EAAa,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,0CAA0C,CAAC;AAElD;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,qBAAa,QAAS,SAAQ,QAAQ;IAKpC;;;OAGG;IAEH,OAAO,UAAS;IAEhB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;;;OAIG;IAEH,IAAI,SAAQ;IAEZ;;;;OAIG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IAEH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IAEH,YAAY,EAAE,OAAO,GAAG,KAAK,CAAW;IAExC;;OAEG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IAEH,IAAI,EAAE,YAAY,CAAQ;IAE1B;;;OAGG;IAEH,IAAI,EAAE,YAAY,CAAY;IAE9B;;;;OAIG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAMd;iBACa;IAEb,OAAO,CAAC,UAAU,CAAS;IAM3B,OAAgB,MAAM,EAAE,cAAc,CA2VpC;IAMO,MAAM;IAgEf;;;OAGG;IACH,SAAS,KAAK,kBAAkB,IAAI,MAAM,GAAG,OAAO,GAAG,WAAW,CAEjE;IAED;;;OAGG;IACH,SAAS,KAAK,kBAAkB,IAC5B,MAAM,GACN,OAAO,GACP,MAAM,GACN,SAAS,GACT,MAAM,GACN,MAAM,GACN,QAAQ,CAEX;IAED;;;OAGG;IACH,SAAS,KAAK,kBAAkB,IAAI,MAAM,GAAG,OAAO,OAAO,CAE1D;IAED;;;OAGG;IACH,SAAS,CAAC,mBAAmB,IAAI,cAAc,GAAG,OAAO,OAAO;IAIhE;;;OAGG;IACH,SAAS,CAAC,iBAAiB,IAAI,cAAc,GAAG,OAAO,OAAO;IAI9D;;OAEG;IACH,SAAS,CAAC,UAAU,IAAI,cAAc,GAAG,OAAO,OAAO;IAWvD;;;OAGG;IACH,SAAS,CAAC,WAAW,IAAI,IAAI;IAM7B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAMxB;;OAEG;IACH,OAAO,CAAC,cAAc;IAItB;;OAEG;IACH,OAAO,CAAC,cAAc;IAStB;;OAEG;IACH,OAAO,CAAC,YAAY;IAUpB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;CAS3B"}
+{"version":3,"file":"PdButton.d.ts","sourceRoot":"","sources":["../../src/pd-button/PdButton.ts"],"names":[],"mappings":"AACA;;;GAGG;AAEH,OAAO,EAAa,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,0CAA0C,CAAC;AAElD;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBAAa,QAAS,SAAQ,QAAQ;IAKpC;;;OAGG;IAEH,OAAO,UAAS;IAEhB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,OAAO,UAAS;IAEhB;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;;;OAIG;IAEH,IAAI,SAAQ;IAEZ;;;;OAIG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IAEH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IAEH,YAAY,EAAE,OAAO,GAAG,KAAK,CAAW;IAExC;;OAEG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IAEH,IAAI,EAAE,YAAY,CAAQ;IAE1B;;;OAGG;IAEH,IAAI,EAAE,YAAY,CAAY;IAE9B;;;;OAIG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAMd;iBACa;IAEb,OAAO,CAAC,UAAU,CAAS;IAM3B,OAAgB,MAAM,EAAE,cAAc,CA8WpC;IAMO,MAAM;IAgEf;;;OAGG;IACH,SAAS,KAAK,kBAAkB,IAAI,MAAM,GAAG,OAAO,GAAG,WAAW,CAEjE;IAED;;;OAGG;IACH,SAAS,KAAK,kBAAkB,IAC5B,MAAM,GACN,OAAO,GACP,MAAM,GACN,SAAS,GACT,MAAM,GACN,MAAM,GACN,QAAQ,CAEX;IAED;;;OAGG;IACH,SAAS,KAAK,kBAAkB,IAAI,MAAM,GAAG,OAAO,OAAO,CAE1D;IAED;;;OAGG;IACH,SAAS,CAAC,mBAAmB,IAAI,cAAc,GAAG,OAAO,OAAO;IAIhE;;;OAGG;IACH,SAAS,CAAC,iBAAiB,IAAI,cAAc,GAAG,OAAO,OAAO;IAI9D;;OAEG;IACH,SAAS,CAAC,UAAU,IAAI,cAAc,GAAG,OAAO,OAAO;IAWvD;;;OAGG;IACH,SAAS,CAAC,WAAW,IAAI,IAAI;IAM7B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAMxB;;OAEG;IACH,OAAO,CAAC,cAAc;IAItB;;OAEG;IACH,OAAO,CAAC,cAAc;IAStB;;OAEG;IACH,OAAO,CAAC,YAAY;IAUpB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;CAS3B"}

package/dist/pd-button/PdButton.js

@@ -18,6 +18,7 @@ class PdButton extends PdBaseUI {
     super(...arguments);
     this.primary = false;
     this.gradient = false;
+    this.outline = false;
     this.selected = false;
     this.disabled = false;
     this.loading = false;
@@ -303,6 +304,25 @@ class PdButton extends PdBaseUI {
         opacity: 0.9;
       }
 
+      /* ========================================
+         OUTLINE VARIANT
+         Transparent bg, dashed border, used for add/action triggers.
+         ======================================== */
+      :host([outline]) button {
+        background: transparent;
+        background-image: none;
+        border: 1px dashed
+          var(--pd-button-outline-border-col, var(--pd-default-col));
+        color: var(--pd-button-outline-font-col, var(--pd-default-col));
+        text-shadow: none;
+      }
+      :host([outline]) button:hover:not(:disabled) {
+        background: var(
+          --pd-button-outline-bg-col-hover,
+          var(--pd-default-lightest-col)
+        );
+      }
+
       /* ========================================
          DISABLED STATE (matches pd-panel-button)
          ======================================== */
@@ -545,6 +565,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], PdButton.prototype, "gradient");
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], PdButton.prototype, "outline");
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], PdButton.prototype, "selected");

package/dist/pd-color-picker/PdColorPicker.d.ts

@@ -0,0 +1,25 @@
+import { CSSResultGroup } from 'lit';
+import { PdBaseUIInput } from '../base/pd-base-ui-input.js';
+/**
+ * Color picker input component.
+ *
+ * Renders a native `<input type="color">` with a hex text input and color preview swatch.
+ *
+ * @tagname pd-color-picker
+ * @summary Color picker with hex input and swatch preview.
+ *
+ * @event pd-form-element-change - Fired when color value changes. Detail: `{ value, name, parsedValue, state }`.
+ */
+export declare class PdColorPicker extends PdBaseUIInput {
+    /** Placeholder shown in hex text input (without #). */
+    placeholder: string;
+    private _colorInput;
+    private _textInput;
+    static styles: CSSResultGroup;
+    render(): import('lit').TemplateResult<1>;
+    private _onColorInput;
+    private _onColorChange;
+    private _onHexInput;
+    private _onHexBlur;
+}
+//# sourceMappingURL=PdColorPicker.d.ts.map

package/dist/pd-color-picker/PdColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdColorPicker.d.ts","sourceRoot":"","sources":["../../src/pd-color-picker/PdColorPicker.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAIhD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D;;;;;;;;;GASG;AACH,qBAAa,aAAc,SAAQ,aAAa;IAC9C,uDAAuD;IAEvD,WAAW,SAAY;IAGvB,OAAO,CAAC,WAAW,CAAoB;IAGvC,OAAO,CAAC,UAAU,CAAoB;IAEtC,OAAgB,MAAM,EAAE,cAAc,CAqIpC;IAEO,MAAM;IAwCf,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,WAAW;IAiBnB,OAAO,CAAC,UAAU;CAmBnB"}

package/dist/pd-color-picker/PdColorPicker.js

@@ -0,0 +1,238 @@
+import { css, html } from 'lit';
+import { property, query } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { PdBaseUIInput } 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 PdColorPicker extends PdBaseUIInput {
+  constructor() {
+    super(...arguments);
+    this.placeholder = "000000";
+  }
+  static {
+    this.styles = [
+      PdBaseUIInput.styles,
+      css`
+      :host {
+        display: block;
+      }
+
+      .color-container {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        width: var(--pd-input-field-width, 250px);
+        max-width: 100%;
+      }
+
+      .color-swatch {
+        position: relative;
+        width: 42px;
+        height: 42px;
+        min-width: 42px;
+        border-radius: var(--pd-radius-md, 6px);
+        border: 2px solid var(--pd-default-light-col, #cbd5e1);
+        overflow: hidden;
+        cursor: pointer;
+      }
+
+      .color-swatch input[type="color"] {
+        position: absolute;
+        top: -4px;
+        left: -4px;
+        width: calc(100% + 8px);
+        height: calc(100% + 8px);
+        border: none;
+        padding: 0;
+        cursor: pointer;
+        background: none;
+      }
+
+      .color-swatch input[type="color"]::-webkit-color-swatch-wrapper {
+        padding: 0;
+      }
+
+      .color-swatch input[type="color"]::-webkit-color-swatch {
+        border: none;
+      }
+
+      .color-swatch input[type="color"]::-moz-color-swatch {
+        border: none;
+      }
+
+      .hex-field {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        height: var(--pd-input-field-height, 2.5rem);
+        background: var(
+          --pd-input-field-bg-col,
+          var(--pd-default-bg-col, #fff)
+        );
+        border: var(
+          --pd-input-field-border,
+          1px solid var(--pd-default-light-col, #cbd5e1)
+        );
+        border-bottom: var(
+          --pd-input-field-border-bottom,
+          2px solid var(--pd-default-col, #2563eb)
+        );
+        border-radius: var(--pd-radius-md, 6px);
+        box-sizing: border-box;
+        overflow: hidden;
+      }
+
+      .hex-field:focus-within {
+        border: var(
+          --pd-input-field-border-focus,
+          2px solid var(--pd-default-col, #2563eb)
+        );
+      }
+
+      .hex-field.disabled {
+        background: var(--pd-input-field-bg-col-disabled, #e9e9e9);
+        border-bottom: var(
+          --pd-input-field-border-bottom-disabled,
+          2px solid var(--pd-default-disabled-col, #94a3b8)
+        );
+        cursor: not-allowed;
+      }
+
+      .hex-prefix {
+        padding-left: 0.5rem;
+        font-family: var(--pd-default-font-input-family, monospace);
+        font-size: var(--pd-default-font-input-size, 0.95rem);
+        color: var(--pd-default-font-muted-col, #94a3b8);
+        user-select: none;
+        line-height: 1;
+      }
+
+      .hex-input {
+        flex: 1;
+        height: 100%;
+        padding: var(--pd-input-field-padding, 0.25rem) 0.5rem
+          var(--pd-input-field-padding, 0.25rem) 0.25rem;
+        font-family: var(--pd-default-font-input-family, monospace);
+        font-size: var(--pd-default-font-input-size, 0.95rem);
+        color: var(--pd-default-font-input-col, #1e293b);
+        background: transparent;
+        border: none;
+        box-sizing: border-box;
+        text-transform: uppercase;
+        outline: none;
+      }
+
+      .hex-input:disabled {
+        cursor: not-allowed;
+      }
+
+      .color-container.error .hex-field {
+        border-color: var(--pd-default-error-col, #ef4444);
+      }
+
+      .color-container.valid .hex-field {
+        border-color: var(--pd-default-success-col, #22c55e);
+      }
+
+      .color-swatch.disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      .color-swatch.disabled input[type="color"] {
+        pointer-events: none;
+      }
+    `
+    ];
+  }
+  render() {
+    const inputId = `${this.id}ColorPicker`;
+    const errorId = `${this.id}Error`;
+    const currentColor = this._value || "#000000";
+    const displayValue = this._value ? this._value.replace(/^#/, "") : "";
+    return html`
+      ${this._renderLabel(inputId)}
+      <div class="${classMap(this.getClassmap({ "color-container": true }))}">
+        <div class="color-swatch ${this.disabled ? "disabled" : ""}">
+          <input
+            type="color"
+            .value="${currentColor}"
+            ?disabled="${this.disabled}"
+            @input="${this._onColorInput}"
+            @change="${this._onColorChange}"
+            aria-label="${this.label || "Farbauswahl"}"
+          />
+        </div>
+        <div class="hex-field ${this.disabled ? "disabled" : ""}">
+          <span class="hex-prefix">#</span>
+          <input
+            id="${inputId}"
+            type="text"
+            class="hex-input"
+            .value="${displayValue}"
+            placeholder="${this.placeholder}"
+            ?disabled="${this.disabled}"
+            ?readonly="${this.readonly}"
+            maxlength="6"
+            @input="${this._onHexInput}"
+            @blur="${this._onHexBlur}"
+            aria-describedby="${errorId}"
+          />
+        </div>
+      </div>
+      ${this._renderErrorMsg(errorId)}
+    `;
+  }
+  _onColorInput(event) {
+    const input = event.target;
+    this._handleChangedValue(input.value, event, true);
+  }
+  _onColorChange(event) {
+    const input = event.target;
+    this._handleChangedValue(input.value, event, true);
+  }
+  _onHexInput(event) {
+    const input = event.target;
+    const raw = input.value.replace(/#/g, "").trim();
+    if (raw === "") {
+      this._handleChangedValue("", event, true);
+      return;
+    }
+    if (/^[0-9a-fA-F]{6}$/.test(raw)) {
+      this._handleChangedValue("#" + raw.toLowerCase(), event, true);
+    }
+  }
+  _onHexBlur(event) {
+    const input = event.target;
+    const raw = input.value.replace(/#/g, "").trim();
+    if (raw === "") {
+      this._handleChangedValue("", event, true);
+      return;
+    }
+    if (/^[0-9a-fA-F]{6}$/.test(raw)) {
+      this._handleChangedValue("#" + raw.toLowerCase(), event, true);
+    } else if (/^[0-9a-fA-F]{3}$/.test(raw)) {
+      const expanded = "#" + raw[0] + raw[0] + raw[1] + raw[1] + raw[2] + raw[2];
+      this._handleChangedValue(expanded.toLowerCase(), event, true);
+    }
+  }
+}
+__decorateClass([
+  property({ type: String })
+], PdColorPicker.prototype, "placeholder");
+__decorateClass([
+  query('input[type="color"]')
+], PdColorPicker.prototype, "_colorInput");
+__decorateClass([
+  query('input[type="text"]')
+], PdColorPicker.prototype, "_textInput");
+
+export { PdColorPicker };

package/dist/pd-color-picker/pd-color-picker.d.ts

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

package/dist/pd-color-picker/pd-color-picker.d.ts.map

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

package/dist/pd-color-picker.d.ts

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

package/dist/pd-color-picker.js

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

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

@@ -18,6 +18,7 @@ export declare class PdGenericForm extends LitElement {
     disconnectedCallback(): void;
     private _onFieldChange;
     private _isVisible;
+    private _valuesMatch;
     /**
      * Extracts schema fields from raw form values
      * and converts them into typed SchemaFieldData.

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

@@ -1 +1 @@
-{"version":3,"file":"PdGenericForm.d.ts","sourceRoot":"","sources":["../../src/pd-generic-form/PdGenericForm.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAM7D,KAAK,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAC;AACxC,KAAK,eAAe,GAAG,QAAQ,CAAC,eAAe,CAAC;AAIhD,OAAO,+BAA+B,CAAC;AACvC,OAAO,yCAAyC,CAAC;AACjD,OAAO,yBAAyB,CAAC;AACjC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,+BAA+B,CAAC;AACvC,OAAO,2BAA2B,CAAC;AAInC,qBAAa,aAAc,SAAQ,UAAU;IAC3C,4CAA4C;IAE5C,MAAM,EAAE,WAAW,EAAE,CAAM;IAE3B,oCAAoC;IAEpC,IAAI,EAAE,eAAe,CAAM;IAE3B,0DAA0D;IAE1D,IAAI,EAAE,MAAM,GAAG,MAAM,CAAU;IAE/B,wCAAwC;IAExC,QAAQ,EAAE,OAAO,CAAS;IAE1B,iEAAiE;IAEjE,OAAO,CAAC,WAAW,CAA+B;IAElD,OAAgB,MAAM,EAAE,cAAc,CAAyB;IAEtD,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAQrC,OAAO,CAAC,cAAc,CAKpB;IAEF,OAAO,CAAC,UAAU;IAclB;;;;;OAKG;IACI,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,eAAe;IAyB5E,OAAO,CAAC,aAAa;cAqBF,MAAM,IAAI,cAAc;IAM3C,OAAO,CAAC,WAAW;IA8BnB,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,cAAc;IAgCtB,OAAO,CAAC,WAAW;IAYnB,6CAA6C;IAC7C,OAAO,CAAC,MAAM,CAAC,aAAa,CAM1B;IAEF,mDAAmD;IACnD,OAAO,CAAC,iBAAiB;IAMzB,+CAA+C;IAC/C,OAAO,CAAC,UAAU;IAQlB,uDAAuD;IACvD,OAAO,CAAC,eAAe;IAoBvB,oFAAoF;IACpF,OAAO,CAAC,mBAAmB;IAsB3B,OAAO,CAAC,qBAAqB;IAwB7B,OAAO,CAAC,sBAAsB;IAoB9B,OAAO,CAAC,oBAAoB;IAkB5B,OAAO,CAAC,mBAAmB;CAsB5B"}
+{"version":3,"file":"PdGenericForm.d.ts","sourceRoot":"","sources":["../../src/pd-generic-form/PdGenericForm.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAM7D,KAAK,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAC;AACxC,KAAK,eAAe,GAAG,QAAQ,CAAC,eAAe,CAAC;AAIhD,OAAO,+BAA+B,CAAC;AACvC,OAAO,yCAAyC,CAAC;AACjD,OAAO,yBAAyB,CAAC;AACjC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,+BAA+B,CAAC;AACvC,OAAO,2BAA2B,CAAC;AAInC,qBAAa,aAAc,SAAQ,UAAU;IAC3C,4CAA4C;IAE5C,MAAM,EAAE,WAAW,EAAE,CAAM;IAE3B,oCAAoC;IAEpC,IAAI,EAAE,eAAe,CAAM;IAE3B,0DAA0D;IAE1D,IAAI,EAAE,MAAM,GAAG,MAAM,CAAU;IAE/B,wCAAwC;IAExC,QAAQ,EAAE,OAAO,CAAS;IAE1B,iEAAiE;IAEjE,OAAO,CAAC,WAAW,CAA+B;IAElD,OAAgB,MAAM,EAAE,cAAc,CAAyB;IAEtD,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAQrC,OAAO,CAAC,cAAc,CAKpB;IAEF,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,YAAY;IAapB;;;;;OAKG;IACI,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,eAAe;IAyB5E,OAAO,CAAC,aAAa;cAqBF,MAAM,IAAI,cAAc;IAM3C,OAAO,CAAC,WAAW;IA8BnB,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,cAAc;IAgCtB,OAAO,CAAC,WAAW;IAYnB,6CAA6C;IAC7C,OAAO,CAAC,MAAM,CAAC,aAAa,CAM1B;IAEF,mDAAmD;IACnD,OAAO,CAAC,iBAAiB;IAMzB,+CAA+C;IAC/C,OAAO,CAAC,UAAU;IAQlB,uDAAuD;IACvD,OAAO,CAAC,eAAe;IAoBvB,oFAAoF;IACpF,OAAO,CAAC,mBAAmB;IAsB3B,OAAO,CAAC,qBAAqB;IAwB7B,OAAO,CAAC,sBAAsB;IAqB9B,OAAO,CAAC,oBAAoB;IAkB5B,OAAO,CAAC,mBAAmB;CAuB5B"}

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

@@ -57,11 +57,19 @@ const _PdGenericForm = class _PdGenericForm extends LitElement {
     if (!showWhen) return true;
     const currentValue = this._formValues[showWhen.fieldId];
     if (currentValue !== void 0) {
-      return currentValue === showWhen.equals;
+      return this._valuesMatch(currentValue, showWhen.equals);
     }
     const fieldValue = this.data[showWhen.fieldId];
     if (!fieldValue) return false;
-    return fieldValue.value === showWhen.equals;
+    return this._valuesMatch(fieldValue.value, showWhen.equals);
+  }
+  _valuesMatch(actual, expected) {
+    if (actual === expected) return true;
+    if (typeof expected === "boolean") {
+      if (expected === true) return actual === "yes" || actual === "true";
+      return actual === "no" || actual === "false";
+    }
+    return false;
   }
   /**
    * Extracts schema fields from raw form values
@@ -273,6 +281,7 @@ const _PdGenericForm = class _PdGenericForm extends LitElement {
         ?disabled="${this.disabled}"
         ?handleChangeForInitVal="${true}"
         initValue="${initValue}"
+        .aiOptions="${field.aiOptions}"
       ></pd-input-area>
     `;
   }
@@ -310,6 +319,7 @@ const _PdGenericForm = class _PdGenericForm extends LitElement {
         ?disabled="${this.disabled}"
         ?handleChangeForInitVal="${true}"
         initValue="${initValue}"
+        .aiOptions="${field.aiOptions}"
       ></pd-input>
     `;
   }

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

@@ -1 +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"}
+{"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,yBAgH/B,CAAC"}