@progressive-development/pd-wizard 0.9.2 → 1.0.0

package/dist/pd-components/pd-content/dist/pd-notice-box/PdNoticeBox.js

@@ -0,0 +1,224 @@
+import { LitElement, css, nothing, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { pdIcons } from '@progressive-development/pd-icon';
+import '@progressive-development/pd-icon/pd-icon';
+
+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 DEFAULT_ICONS = {
+  info: pdIcons.ICON_INFO_FLD,
+  note: pdIcons.ICON_INFO_FLD,
+  success: pdIcons.ICON_CHECKBOX,
+  warning: pdIcons.ICON_WARNING_FLD,
+  error: pdIcons.ICON_ERROR_FLD
+};
+class PdNoticeBox extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.type = "info";
+    this.variant = "box";
+    this.title = "";
+    this.icon = "";
+    this.hideIcon = false;
+  }
+  static {
+    this.styles = [
+      css`
+      :host {
+        /* Layout */
+        --_width: var(--pd-notice-box-width, 100%);
+        --_radius: var(--pd-notice-box-border-radius, var(--pd-radius-md, 8px));
+        --_padding: var(--pd-notice-box-padding, var(--pd-spacing-sm, 12px));
+        --_gap: var(--pd-notice-box-gap, var(--pd-spacing-sm, 12px));
+
+        /* Typography */
+        --_font-size: var(
+          --pd-notice-box-font-size,
+          var(--pd-default-font-content-size, 1rem)
+        );
+        --_title-font-size: var(
+          --pd-notice-box-title-font-size,
+          var(--pd-default-font-input-size, 1.05rem)
+        );
+        --_title-font-weight: var(--pd-notice-box-title-font-weight, 600);
+
+        /* Icon */
+        --_icon-size: var(--pd-notice-box-icon-size, 24px);
+
+        /* Sidebar */
+        --_sidebar-width: var(--pd-notice-box-sidebar-width, 4px);
+
+        /* Type colors - will be overridden per type */
+        --_type-col: var(--pd-default-info-col, #6b86ff);
+        --_type-bg-col: #e8f0ff;
+        --_type-text-col: var(
+          --pd-notice-box-text-col,
+          var(--pd-default-font-content-col, #353738)
+        );
+
+        display: block;
+        width: var(--_width);
+      }
+
+      /* Type-specific color overrides */
+      :host([type="info"]) {
+        --_type-col: var(
+          --pd-notice-box-info-col,
+          var(--pd-default-info-col, #6b86ff)
+        );
+        --_type-bg-col: var(--pd-notice-box-info-bg-col, #e8f0ff);
+      }
+
+      :host([type="note"]) {
+        --_type-col: var(
+          --pd-notice-box-note-col,
+          var(--pd-default-col, #067394)
+        );
+        --_type-bg-col: var(
+          --pd-notice-box-note-bg-col,
+          var(--pd-default-lightest-col, #cde2eb)
+        );
+      }
+
+      :host([type="success"]) {
+        --_type-col: var(
+          --pd-notice-box-success-col,
+          var(--pd-default-success-col, #348b11)
+        );
+        --_type-bg-col: var(
+          --pd-notice-box-success-bg-col,
+          var(--pd-default-success-light-col, #f5ffe8)
+        );
+      }
+
+      :host([type="warning"]) {
+        --_type-col: var(
+          --pd-notice-box-warning-col,
+          var(--pd-default-warning-col, #ffbf00)
+        );
+        --_type-bg-col: var(--pd-notice-box-warning-bg-col, #fff8e0);
+      }
+
+      :host([type="error"]) {
+        --_type-col: var(
+          --pd-notice-box-error-col,
+          var(--pd-default-error-col, #a1141b)
+        );
+        --_type-bg-col: var(
+          --pd-notice-box-error-bg-col,
+          var(--pd-default-error-light-col, #ffe8e8)
+        );
+      }
+
+      /* Box variant */
+      .notice-box {
+        display: flex;
+        align-items: flex-start;
+        gap: var(--_gap);
+        padding: var(--_padding);
+        border-radius: var(--_radius);
+        background-color: var(--_type-bg-col);
+        border: 1px solid var(--_type-col);
+        font-size: var(--_font-size);
+        color: var(--_type-text-col);
+      }
+
+      /* Sidebar variant */
+      :host([variant="sidebar"]) .notice-box {
+        background-color: transparent;
+        border: none;
+        border-left: var(--_sidebar-width) solid var(--_type-col);
+        border-radius: 0;
+        padding-left: var(--_padding);
+      }
+
+      /* Icon wrapper */
+      .icon-wrapper {
+        flex-shrink: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: var(--_icon-size);
+        height: var(--_icon-size);
+      }
+
+      .icon-wrapper pd-icon {
+        --pd-icon-primary-col: var(--_type-col);
+        --pd-icon-col-primary-active: var(--_type-col);
+        width: var(--_icon-size);
+        height: var(--_icon-size);
+      }
+
+      /* Content area */
+      .content {
+        flex: 1;
+        min-width: 0;
+      }
+
+      .title {
+        margin: 0 0 0.25em 0;
+        font-size: var(--_title-font-size);
+        font-weight: var(--_title-font-weight);
+        font-family: var(--pd-default-font-title-family, inherit);
+        color: var(--_type-col);
+        line-height: 1.3;
+      }
+
+      .body {
+        line-height: 1.5;
+      }
+
+      .body ::slotted(*) {
+        margin: 0;
+      }
+
+      .body ::slotted(*:not(:last-child)) {
+        margin-bottom: 0.5em;
+      }
+    `
+    ];
+  }
+  render() {
+    const showIcon = this.variant === "box" && !this.hideIcon;
+    const iconName = this.icon || DEFAULT_ICONS[this.type];
+    return html`
+      <div class="notice-box" role="note" aria-label="${this.type} notice">
+        ${showIcon ? html`
+              <div class="icon-wrapper" aria-hidden="true">
+                <pd-icon icon="${iconName}" class="primary"></pd-icon>
+              </div>
+            ` : nothing}
+        <div class="content">
+          ${this.title ? html`<h4 class="title">${this.title}</h4>` : nothing}
+          <div class="body">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+}
+__decorateClass([
+  property({ type: String, reflect: true })
+], PdNoticeBox.prototype, "type");
+__decorateClass([
+  property({ type: String, reflect: true })
+], PdNoticeBox.prototype, "variant");
+__decorateClass([
+  property({ type: String })
+], PdNoticeBox.prototype, "title");
+__decorateClass([
+  property({ type: String })
+], PdNoticeBox.prototype, "icon");
+__decorateClass([
+  property({ type: Boolean })
+], PdNoticeBox.prototype, "hideIcon");
+
+export { PdNoticeBox };

package/dist/pd-components/pd-content/dist/pd-notice-box/pd-notice-box.js

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

package/dist/pd-default-wizard-step/PdDefaultWizardStep.d.ts

@@ -0,0 +1,85 @@
+import { LitElement, TemplateResult, CSSResultGroup } from 'lit';
+interface FormElement<F> {
+    triggerValidate: () => Promise<boolean>;
+    valid: boolean;
+    getValues: () => {
+        origin: Record<string, any>;
+        parsed: F;
+    };
+}
+/**
+ * Abstract base class for wizard steps.
+ *
+ * Contains generics for the OrderFormData (T) and the specific FormData (F) for this Step.
+ *
+ * @typeParam T - The complete order/wizard form data type
+ * @typeParam F - The form data type specific to this step
+ */
+export declare abstract class PdDefaultWizardStep<T, F> extends LitElement {
+    /** Step title displayed in the header */
+    stepTitle: string;
+    /** Show required field info text */
+    withRequiredInfo: boolean;
+    /** Auto-trim whitespace from form inputs */
+    withAutoTrim: boolean;
+    /** Common error message to display */
+    protected _errorMsg: string;
+    /** Whether the form is currently valid */
+    protected _validForm: boolean;
+    protected _formElement: FormElement<F>;
+    static styles: CSSResultGroup;
+    render(): TemplateResult<1>;
+    /** Whether the step form is valid */
+    get valid(): boolean;
+    /** Trigger form validation */
+    triggerValidate(): Promise<boolean>;
+    /**
+     * Extract and merge form data into the order
+     * @param currentOrder - Current order data
+     * @returns Updated order with this step's data
+     */
+    setFormData(currentOrder: T): T;
+    /**
+     * Called from wizard to reload form data from storage.
+     * Override in implementing class to populate form fields.
+     *
+     * @param _reloadedOrder - The order data to reload
+     */
+    reloadFromOrder(_reloadedOrder: T): void;
+    /**
+     * Get the step title. Override to customize.
+     */
+    protected _getTitle(): TemplateResult | string;
+    /**
+     * Render the form content. Must be implemented by subclass.
+     */
+    protected abstract _renderFormContent(): TemplateResult;
+    /**
+     * Additional validation beyond form field validation.
+     * Override to add custom validation logic.
+     * @returns true if form data is valid
+     */
+    protected _isValidFormData(): boolean;
+    /**
+     * Prepare the order after step update (for side-effects).
+     * Used e.g. to reset values based on other selections.
+     *
+     * @param updatedOrder - Order with updates from this step
+     * @returns Prepared order with any additional changes
+     */
+    protected _prepareOrderAfterStepUpdate(updatedOrder: T): T;
+    /**
+     * Extract data from form inputs.
+     * Override to customize data extraction.
+     *
+     * @returns Prepared data object from form
+     */
+    protected _prepareDataFromForm(): F;
+    /**
+     * Called on input change to trigger auto-save.
+     * Debounced to avoid excessive events.
+     */
+    protected _doInputChange(): void;
+}
+export {};
+//# sourceMappingURL=PdDefaultWizardStep.d.ts.map

package/dist/pd-default-wizard-step/PdDefaultWizardStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdDefaultWizardStep.d.ts","sourceRoot":"","sources":["../../src/pd-default-wizard-step/PdDefaultWizardStep.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAgB5E,UAAU,WAAW,CAAC,CAAC;IACrB,eAAe,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACxC,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,MAAM;QACf,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC5B,MAAM,EAAE,CAAC,CAAC;KACX,CAAC;CACH;AAMD;;;;;;;GAOG;AACH,8BAAsB,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAE,SAAQ,UAAU;IAKhE,yCAAyC;IAEzC,SAAS,EAAE,MAAM,CAAY;IAE7B,oCAAoC;IAEpC,gBAAgB,EAAE,OAAO,CAAS;IAElC,4CAA4C;IAE5C,YAAY,EAAE,OAAO,CAAQ;IAM7B,sCAAsC;IAEtC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAM;IAEjC,0CAA0C;IAE1C,SAAS,CAAC,UAAU,EAAE,OAAO,CAAS;IAOtC,SAAS,CAAC,YAAY,EAAG,WAAW,CAAC,CAAC,CAAC,CAAC;IAExC,OAAgB,MAAM,EAAE,cAAc,CAOpC;IAMO,MAAM;IAoBf,qCAAqC;IACrC,IAAW,KAAK,YAEf;IAED,8BAA8B;IACjB,eAAe,IAAI,OAAO,CAAC,OAAO,CAAC;IAIhD;;;;OAIG;IACI,WAAW,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC;IAgBtC;;;;;OAKG;IACH,eAAe,CAAC,cAAc,EAAE,CAAC,GAAG,IAAI;IAQxC;;OAEG;IACH,SAAS,CAAC,SAAS,IAAI,cAAc,GAAG,MAAM;IAI9C;;OAEG;IACH,SAAS,CAAC,QAAQ,CAAC,kBAAkB,IAAI,cAAc;IAEvD;;;;OAIG;IACH,SAAS,CAAC,gBAAgB,IAAI,OAAO;IAIrC;;;;;;OAMG;IACH,SAAS,CAAC,4BAA4B,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC;IAI1D;;;;;OAKG;IACH,SAAS,CAAC,oBAAoB,IAAI,CAAC;IAQnC;;;OAGG;IACH,SAAS,CAAC,cAAc;CAezB"}

package/dist/pd-default-wizard-step/PdDefaultWizardStep.js

@@ -0,0 +1,167 @@
+import { LitElement, css, html } from 'lit';
+import { property, state, query } from 'lit/decorators.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 DELAY_TIME = 3e3;
+let timeoutInputRef;
+class PdDefaultWizardStep extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.stepTitle = "Step 1";
+    this.withRequiredInfo = false;
+    this.withAutoTrim = true;
+    this._errorMsg = "";
+    this._validForm = false;
+  }
+  static {
+    this.styles = [
+      css`
+      h3 {
+        color: var(--pd-default-font-title-col);
+        font-family: var(--pd-default-font-title-family);
+      }
+    `
+    ];
+  }
+  // ---------------------------------------------------------------------------
+  // Render
+  // ---------------------------------------------------------------------------
+  render() {
+    return html`
+      <h3>${this._getTitle()}</h3>
+
+      <pd-form-container
+        id="stepFormContainerId"
+        class="form-container"
+        commonError="${this._errorMsg}"
+        ?autoTrimm="${this.withAutoTrim}"
+        ?requiredFieldInfo="${this.withRequiredInfo}"
+      >
+        ${this._renderFormContent()}
+      </pd-form-container>
+    `;
+  }
+  // ---------------------------------------------------------------------------
+  // Public API
+  // ---------------------------------------------------------------------------
+  /** Whether the step form is valid */
+  get valid() {
+    return this._formElement?.valid && this._isValidFormData();
+  }
+  /** Trigger form validation */
+  async triggerValidate() {
+    return this._formElement?.triggerValidate();
+  }
+  /**
+   * Extract and merge form data into the order
+   * @param currentOrder - Current order data
+   * @returns Updated order with this step's data
+   */
+  setFormData(currentOrder) {
+    this._errorMsg = "";
+    try {
+      const preparedOrder = {
+        ...currentOrder,
+        ...this._prepareDataFromForm()
+      };
+      return preparedOrder;
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : "Unknown error";
+      this._errorMsg = errorMessage;
+      throw error;
+    }
+  }
+  /**
+   * Called from wizard to reload form data from storage.
+   * Override in implementing class to populate form fields.
+   *
+   * @param _reloadedOrder - The order data to reload
+   */
+  reloadFromOrder(_reloadedOrder) {
+  }
+  // ---------------------------------------------------------------------------
+  // Protected Methods (can be overridden)
+  // ---------------------------------------------------------------------------
+  /**
+   * Get the step title. Override to customize.
+   */
+  _getTitle() {
+    return this.stepTitle;
+  }
+  /**
+   * Additional validation beyond form field validation.
+   * Override to add custom validation logic.
+   * @returns true if form data is valid
+   */
+  _isValidFormData() {
+    return true;
+  }
+  /**
+   * Prepare the order after step update (for side-effects).
+   * Used e.g. to reset values based on other selections.
+   *
+   * @param updatedOrder - Order with updates from this step
+   * @returns Prepared order with any additional changes
+   */
+  _prepareOrderAfterStepUpdate(updatedOrder) {
+    return updatedOrder;
+  }
+  /**
+   * Extract data from form inputs.
+   * Override to customize data extraction.
+   *
+   * @returns Prepared data object from form
+   */
+  _prepareDataFromForm() {
+    if (!this._formElement?.valid) {
+      throw new Error("Invalid form, prepare not possible");
+    }
+    return this._formElement?.getValues().parsed;
+  }
+  /**
+   * Called on input change to trigger auto-save.
+   * Debounced to avoid excessive events.
+   */
+  _doInputChange() {
+    if (timeoutInputRef) {
+      window.clearTimeout(timeoutInputRef);
+    }
+    timeoutInputRef = window.setTimeout(() => {
+      this.dispatchEvent(
+        new CustomEvent("wizard-step-update", {
+          detail: this._prepareDataFromForm(),
+          bubbles: true,
+          composed: true
+        })
+      );
+    }, DELAY_TIME);
+  }
+}
+__decorateClass([
+  property({ type: String })
+], PdDefaultWizardStep.prototype, "stepTitle");
+__decorateClass([
+  property({ type: Boolean })
+], PdDefaultWizardStep.prototype, "withRequiredInfo");
+__decorateClass([
+  property({ type: Boolean })
+], PdDefaultWizardStep.prototype, "withAutoTrim");
+__decorateClass([
+  state()
+], PdDefaultWizardStep.prototype, "_errorMsg");
+__decorateClass([
+  state()
+], PdDefaultWizardStep.prototype, "_validForm");
+__decorateClass([
+  query("#stepFormContainerId")
+], PdDefaultWizardStep.prototype, "_formElement");
+
+export { PdDefaultWizardStep };

package/dist/pd-default-wizard-step/pd-default-wizard-step.d.ts

@@ -0,0 +1,2 @@
+export { PdDefaultWizardStep } from './PdDefaultWizardStep.js';
+//# sourceMappingURL=pd-default-wizard-step.d.ts.map

package/dist/pd-default-wizard-step/pd-default-wizard-step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-default-wizard-step.d.ts","sourceRoot":"","sources":["../../src/pd-default-wizard-step/pd-default-wizard-step.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/pd-default-wizard-step.d.ts

@@ -0,0 +1,2 @@
+export * from './pd-default-wizard-step/pd-default-wizard-step'
+export {}

package/dist/pd-default-wizard-step.js

@@ -0,0 +1 @@
+export { PdDefaultWizardStep } from './pd-default-wizard-step/PdDefaultWizardStep.js';

package/dist/pd-utils/dist/date-helper.js

@@ -0,0 +1,35 @@
+import { getCurrentFormatLocale, getCurrentTimeZone } from './locale-format.js';
+
+const formatToTime = (date, emptyResult) => {
+  let resultStr = "--";
+  try {
+    if (date !== void 0 && date !== null) {
+      const usedDate = typeof date === "string" || typeof date === "number" ? new Date(date) : date;
+      resultStr = usedDate.toLocaleTimeString(getCurrentFormatLocale(), {
+        hour: "2-digit",
+        minute: "2-digit",
+        timeZone: getCurrentTimeZone()
+      });
+    }
+  } catch {
+  }
+  return resultStr;
+};
+const formatShortDate = (date, withTime) => {
+  let resultStr = "--";
+  if (date) {
+    const usedDate = typeof date === "string" || typeof date === "number" ? new Date(date) : date;
+    resultStr = usedDate.toLocaleDateString(
+      getCurrentFormatLocale(),
+      {
+        day: "2-digit",
+        month: "2-digit",
+        year: "numeric",
+        timeZone: getCurrentTimeZone()
+      }
+    );
+  }
+  return resultStr;
+};
+
+export { formatShortDate, formatToTime };

package/dist/pd-utils/dist/locale-format.js

@@ -0,0 +1,6 @@
+let currentLocale = "de-DE";
+let currentTimeZone = "Europe/Berlin";
+const getCurrentFormatLocale = () => currentLocale;
+const getCurrentTimeZone = () => currentTimeZone;
+
+export { getCurrentFormatLocale, getCurrentTimeZone };

package/dist/pd-wizard/PdWizard.d.ts

@@ -3,42 +3,55 @@ import { PdWizardStep } from '../types.js';
 /**
  * A multi-step wizard UI component.
  *
- * @fires next-step - Fired when the "Weiter" button is clicked
- * @fires previous-step - Fired when the "Zurück" button is clicked
- * @fires submit-wizard - Fired when the wizard is submitted; can modify the `submited` flag in the detail object
- * @fires close-wizard - Fired when the wizard is closed
+ * @summary Multi-step wizard with navigation, progress indicator, and submit handling.
  *
- * @slot slotLogo - The slot for the logo in the title area
- * @slot step-1 - Content for step 1
- * @slot step-2 - Content for step 2
- * @slot step-3 - Content for step 3
- * @slot step-4 - Content for step 4
- * @slot step-5 - Content for step 5
- * @slot step-6 - Content for step 6
  * @tagname pd-wizard
+ *
+ * @event next-step - Fired when the "Next" button is clicked.
+ * @event previous-step - Fired when the "Back" button is clicked.
+ * @event submit-wizard - Fired when the wizard is submitted with `{submitted}` detail.
+ * @event close-wizard - Fired when the wizard is closed.
+ *
+ * @slot step-[n] - Dynamic slots for wizard step content (step-1, step-2, etc.).
+ *
+ * @cssprop --pd-wizard-header-bg - Header background. Default: `var(--pd-default-col)`.
+ * @cssprop --pd-wizard-header-color - Header text color. Default: `var(--pd-on-primary-col)`.
+ * @cssprop --pd-wizard-header-height - Header min-height. Default: `auto`.
+ * @cssprop --pd-wizard-header-font-size - Header font size. Default: `2em`.
+ * @cssprop --pd-wizard-content-bg - Content background. Default: `var(--pd-default-bg-col)`.
+ * @cssprop --pd-wizard-content-padding - Content padding. Default: `2rem 3.5rem 0.5rem 3.5rem`.
+ * @cssprop --pd-wizard-content-overflow - Content overflow-y. Default: `auto`.
+ * @cssprop --pd-wizard-content-max-width - Content max-width (centered). Default: `var(--pd-content-max-width)`.
+ * @cssprop --pd-wizard-buttons-bg - Buttons background. Default: `var(--pd-default-light-col)`.
+ * @cssprop --pd-wizard-buttons-padding - Buttons padding. Default: `var(--pd-spacing-md)`.
+ * @cssprop --pd-wizard-buttons-justify - Buttons justify-content. Default: `space-around`.
+ * @cssprop --pd-wizard-close-icon-col - Close icon color. Default: `var(--pd-on-primary-col)`.
+ * @cssprop --pd-wizard-close-icon-hover-col - Close icon hover color. Default: `var(--pd-default-hover-col)`.
+ * @cssprop --pd-wizard-border-radius - Border radius for header top and buttons bottom. Default: `0`.
+ *
+ * @csspart header - The header container (includes title, close icon, breadcrumbs).
+ * @csspart content - The content area (scrollable, with centered inner container).
+ * @csspart buttons - The navigation buttons area.
  */
 export declare class PdWizard extends LitElement {
-    /**
-     * Current step number (1-based index)
-     */
+    /** Current step number (1-based index). */
     currentNumber: number;
-    /**
-     * List of wizard step definitions
-     */
+    /** List of wizard step definitions. */
     wizardSteps: PdWizardStep[];
-    /**
-     * If true, renders the wizard in panel style (reduced header)
-     */
-    panelWizard: boolean;
     /**
      * Internal state to disable submit button after submission
-     */
-    private _submited;
+     * @ignore */
+    private _submitted;
     static styles: CSSResultGroup;
     protected render(): import('lit').TemplateResult<1>;
     private _previousStep;
     private _nextStep;
     private _submit;
     private _closeWizard;
+    /**
+     * Handles keyboard events on the close icon.
+     * Activates on Enter or Space key.
+     */
+    private _handleCloseKeydown;
 }
 //# sourceMappingURL=PdWizard.d.ts.map

package/dist/pd-wizard/PdWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PdWizard.d.ts","sourceRoot":"","sources":["../../src/pd-wizard/PdWizard.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D,OAAO,0CAA0C,CAAC;AAClD,OAAO,mDAAmD,CAAC;AAE3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,wBAAwB,CAAC;AAEhC;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC;;OAEG;IAEH,aAAa,SAAO;IAEpB;;OAEG;IAEH,WAAW,EAAE,YAAY,EAAE,CAAM;IAEjC;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAgB,MAAM,EAAE,cAAc,CAmJpC;IAEF,SAAS,CAAC,MAAM;IAiGhB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,YAAY;CAGrB"}
+{"version":3,"file":"PdWizard.d.ts","sourceRoot":"","sources":["../../src/pd-wizard/PdWizard.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D,OAAO,0CAA0C,CAAC;AAClD,OAAO,6CAA6C,CAAC;AAErD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,wBAAwB,CAAC;AAEhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,2CAA2C;IAE3C,aAAa,SAAO;IAEpB,uCAAuC;IAEvC,WAAW,EAAE,YAAY,EAAE,CAAM;IAEjC;;iBAEa;IAEb,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAgB,MAAM,EAAE,cAAc,CAgGpC;IAEF,SAAS,CAAC,MAAM;IAyFhB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,YAAY;IAIpB;;;OAGG;IACH,OAAO,CAAC,mBAAmB;CAM5B"}