@progressive-development/pd-wizard 0.9.1 → 1.0.0

package/LICENSE

@@ -1,2 +1,21 @@
-No License, all rights reserved
-@2021 - PD Progressive Development UG
+MIT License
+
+Copyright (c) 2021-present PD Progressive Development UG
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,76 +1,52 @@
-# \<pd-wizard>
+# @progressive-development/pd-wizard
 
-This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.
+[![npm version](https://img.shields.io/npm/v/@progressive-development/pd-wizard.svg)](https://www.npmjs.com/package/@progressive-development/pd-wizard)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)
+
+Multi-step wizard component for guided workflows and forms.
+
+## Features
+
+- **Lit 3 & TypeScript** – Modern, type-safe web components
+- **Accessible** – WCAG 2.1 compliant, keyboard navigation, ARIA support
+- **Themeable** – CSS Custom Properties for easy customization
+- **Localized** – Built-in i18n support (EN, DE, BE)
+- **Lightweight** – No heavy dependencies, tree-shakeable
+- **Framework-agnostic** – Works with React, Vue, Angular, or vanilla JS
+- **Event-Driven Navigation** – Back/Next/Submit events for external validation between steps
+- **Clickable Progress Indicator** – Visual step tracker with navigation to completed steps only
+- **Flexible Styling** – CSS Custom Properties and CSS Parts for full control
+- **Flexible Step Configuration** – Up to 6 steps with dynamic titles and optional next-button control
 
 ## Installation
 
 ```bash
-npm i pd-wizard
+npm install @progressive-development/pd-wizard
 ```
 
-## Usage
+## Quick Start
 
 ```html
 <script type="module">
-  import 'pd-wizard/pd-wizard.js';
+  import '@progressive-development/pd-wizard';
 </script>
 
-<pd-wizard></pd-wizard>
+<pd-wizard .wizardSteps=${steps}>
+  <div slot="step-1">Step 1 content</div>
+  <div slot="step-2">Step 2 content</div>
+</pd-wizard>
 ```
 
-## Linting and formatting
+## Components
 
-To scan the project for linting and formatting errors, run
+| Component | Description |
+|-----------|-------------|
+| `<pd-wizard>` | Multi-step wizard container |
 
-```bash
-npm run lint
-```
-
-To automatically fix linting and formatting errors, run
-
-```bash
-npm run format
-```
+## Documentation
 
-## Testing with Web Test Runner
-
-To execute a single test run:
-
-```bash
-npm run test
-```
-
-To run the tests in interactive watch mode run:
-
-```bash
-npm run test:watch
-```
+📖 **Full documentation:** [pd-components.web.app](https://pd-components.web.app/)
 
-## Demoing with Storybook
-
-To run a local instance of Storybook for your component, run
-
-```bash
-npm run storybook
-```
-
-To build a production version of Storybook, run
-
-```bash
-npm run storybook:build
-```
-
-
-## Tooling configs
-
-For most of the tools, the configuration is in the `package.json` to minimize the amount of files in your project.
-
-If you customize the configuration a lot, you can consider moving them to individual files.
-
-## Local Demo with `web-dev-server`
-
-```bash
-npm start
-```
+## License
 
-To run a local development server that serves the basic demo located in `demo/index.html`
+MIT © [PD Progressive Development UG](https://progressive-development.com)

package/dist/default-step-address/DefaultStepAddress.d.ts

@@ -0,0 +1,26 @@
+import { PdOrderContactData } from '@progressive-development/pd-order';
+import { PdDefaultWizardStep } from '../pd-default-wizard-step/PdDefaultWizardStep.js';
+/**
+ * Abstract base class for address wizard steps.
+ *
+ * @typeParam T - The complete order/wizard form data type
+ */
+export declare abstract class DefaultStepAddress<T> extends PdDefaultWizardStep<T, unknown> {
+    /** Match object for address auto-complete */
+    match?: unknown;
+    /** Contact data to display/edit */
+    contacts?: PdOrderContactData;
+    /** Show payment fields */
+    withPayment: boolean;
+    /** Show property owner fields */
+    withPropertyOwner: boolean;
+    /** Show property date field */
+    withPropertyDate: boolean;
+    /** List of required field names */
+    requiredFields: string[];
+    /** Optional info text displayed above the form */
+    abstract _addressInfo?: string;
+    render(): import('lit').TemplateResult<1>;
+    _renderFormContent(): import('lit').TemplateResult<1>;
+}
+//# sourceMappingURL=DefaultStepAddress.d.ts.map

package/dist/default-step-address/DefaultStepAddress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultStepAddress.d.ts","sourceRoot":"","sources":["../../src/default-step-address/DefaultStepAddress.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAKH,OAAO,qDAAqD,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kDAAkD,CAAC;AAEvF;;;;GAIG;AACH,8BAAsB,kBAAkB,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CACrE,CAAC,EACD,OAAO,CACR;IAKC,6CAA6C;IAE7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,mCAAmC;IAEnC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAE9B,0BAA0B;IAE1B,WAAW,EAAE,OAAO,CAAS;IAE7B,iCAAiC;IAEjC,iBAAiB,EAAE,OAAO,CAAS;IAEnC,+BAA+B;IAE/B,gBAAgB,EAAE,OAAO,CAAS;IAElC,mCAAmC;IAEnC,cAAc,EAAE,MAAM,EAAE,CAAM;IAM9B,kDAAkD;IAClD,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAMtB,MAAM;IAIf,kBAAkB;CAiBnB"}

package/dist/default-step-address/DefaultStepAddress.js

@@ -0,0 +1,66 @@
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import '@progressive-development/pd-order/pd-order-contacts';
+import { PdDefaultWizardStep } from '../pd-default-wizard-step/PdDefaultWizardStep.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 DefaultStepAddress extends PdDefaultWizardStep {
+  constructor() {
+    super(...arguments);
+    this.withPayment = false;
+    this.withPropertyOwner = false;
+    this.withPropertyDate = false;
+    this.requiredFields = [];
+  }
+  // ---------------------------------------------------------------------------
+  // Render
+  // ---------------------------------------------------------------------------
+  render() {
+    return this._renderFormContent();
+  }
+  _renderFormContent() {
+    return html`
+      ${this._addressInfo ? html`<p>${this._addressInfo}</p>` : ""}
+      <pd-order-contacts
+        id="stepFormContainerId"
+        ?withPayment="${this.withPayment}"
+        ?withPropertyOwner="${this.withPropertyOwner}"
+        ?withPropertyDate="${this.withPropertyDate}"
+        .match="${this.match}"
+        .orderContact="${this.contacts?.orderContact}"
+        .billingContact="${this.contacts?.billingContact}"
+        .adminContact="${this.contacts?.adminContact}"
+        .propertyContact="${this.contacts?.propertyContact}"
+        .requiredFields="${this.requiredFields}"
+      ></pd-order-contacts>
+    `;
+  }
+}
+__decorateClass([
+  property({ type: Object })
+], DefaultStepAddress.prototype, "match");
+__decorateClass([
+  property({ type: Object })
+], DefaultStepAddress.prototype, "contacts");
+__decorateClass([
+  property({ type: Boolean })
+], DefaultStepAddress.prototype, "withPayment");
+__decorateClass([
+  property({ type: Boolean })
+], DefaultStepAddress.prototype, "withPropertyOwner");
+__decorateClass([
+  property({ type: Boolean })
+], DefaultStepAddress.prototype, "withPropertyDate");
+__decorateClass([
+  property({ type: Array })
+], DefaultStepAddress.prototype, "requiredFields");
+
+export { DefaultStepAddress };

package/dist/default-step-address/default-step-address.d.ts

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

package/dist/default-step-address/default-step-address.d.ts.map

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

package/dist/default-step-address.d.ts

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

package/dist/default-step-address.js

@@ -0,0 +1 @@
+export { DefaultStepAddress } from './default-step-address/DefaultStepAddress.js';

package/dist/default-step-summary/DefaultStepSummary.d.ts

@@ -0,0 +1,58 @@
+import { HTMLTemplateResult, CSSResultGroup, PropertyValues } from 'lit';
+import { PdDefaultWizardStep } from '../pd-default-wizard-step/PdDefaultWizardStep.js';
+/** Step data for the order summary */
+export interface OrderStep {
+    /** Unique step key */
+    key: string;
+    /** Display name for the step */
+    name: string;
+    /** Step data entries */
+    data?: Array<{
+        /** Entry label */
+        name: string;
+        /** Entry value */
+        val?: string;
+    }>;
+}
+/** Wizard step configuration (re-exported from DefaultWizard) */
+export interface WizardStepConfig {
+    /** Step title */
+    title: string;
+    /** Step name */
+    name: string;
+    /** Unique step key */
+    key: string;
+}
+/**
+ * Abstract base class for wizard summary steps.
+ *
+ * @typeParam T - The complete order/wizard form data type
+ */
+export declare abstract class DefaultStepSummary<T> extends PdDefaultWizardStep<T, unknown> {
+    /** Show payment summary */
+    withPayment: boolean;
+    /** Order data to display in summary */
+    orderForSummary?: T;
+    /** Wizard step configurations */
+    wizardSteps: Array<WizardStepConfig>;
+    /** Prepared order steps for display */
+    _orderSteps: OrderStep[];
+    /** Whether to show agreement checkbox */
+    abstract _withAgreement: boolean;
+    static styles: CSSResultGroup;
+    update(changedProps: PropertyValues): void;
+    render(): import('lit').TemplateResult<1>;
+    /** Render the summary component */
+    renderSummary(): import('lit').TemplateResult<1>;
+    /**
+     * Prepare order steps for display.
+     * Must be implemented by subclass.
+     */
+    abstract _prepareOrderSteps(): OrderStep[];
+    /**
+     * Get the terms and conditions content.
+     * Must be implemented if _withAgreement is true.
+     */
+    abstract _getConditions(): HTMLTemplateResult;
+}
+//# sourceMappingURL=DefaultStepSummary.d.ts.map

package/dist/default-step-summary/DefaultStepSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultStepSummary.d.ts","sourceRoot":"","sources":["../../src/default-step-summary/DefaultStepSummary.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAEH,OAAO,EACL,kBAAkB,EAGlB,cAAc,EACd,cAAc,EACf,MAAM,KAAK,CAAC;AAGb,OAAO,oDAAoD,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kDAAkD,CAAC;AAMvF,sCAAsC;AACtC,MAAM,WAAW,SAAS;IACxB,sBAAsB;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC;QACX,kBAAkB;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,kBAAkB;QAClB,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC,CAAC;CACJ;AAED,iEAAiE;AACjE,MAAM,WAAW,gBAAgB;IAC/B,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB;IACtB,GAAG,EAAE,MAAM,CAAC;CACb;AAMD;;;;GAIG;AACH,8BAAsB,kBAAkB,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CACrE,CAAC,EACD,OAAO,CACR;IAKC,2BAA2B;IAE3B,WAAW,EAAE,OAAO,CAAS;IAE7B,uCAAuC;IAEvC,eAAe,CAAC,EAAE,CAAC,CAAC;IAEpB,iCAAiC;IAEjC,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAM;IAM1C,uCAAuC;IAEvC,WAAW,EAAE,SAAS,EAAE,CAAM;IAM9B,yCAAyC;IACzC,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC;IAMjC,MAAM,CAAC,MAAM,EAMR,cAAc,CAAC;IAMpB,MAAM,CAAC,YAAY,EAAE,cAAc;IAW1B,MAAM;IAIf,mCAAmC;IACnC,aAAa;IAoBb;;;OAGG;IACH,QAAQ,CAAC,kBAAkB,IAAI,SAAS,EAAE;IAE1C;;;OAGG;IACH,QAAQ,CAAC,cAAc,IAAI,kBAAkB;CAC9C"}

package/dist/default-step-summary/DefaultStepSummary.js

@@ -0,0 +1,77 @@
+import { css, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import '@progressive-development/pd-order/pd-order-summary';
+import { PdDefaultWizardStep } from '../pd-default-wizard-step/PdDefaultWizardStep.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 DefaultStepSummary extends PdDefaultWizardStep {
+  constructor() {
+    super(...arguments);
+    this.withPayment = false;
+    this.wizardSteps = [];
+    this._orderSteps = [];
+  }
+  static {
+    // ---------------------------------------------------------------------------
+    // Styles
+    // ---------------------------------------------------------------------------
+    this.styles = [
+      css`
+      pd-order-summary {
+        padding-bottom: 1.3em;
+      }
+    `
+    ];
+  }
+  // ---------------------------------------------------------------------------
+  // Lifecycle
+  // ---------------------------------------------------------------------------
+  update(changedProps) {
+    if (changedProps.has("orderForSummary") && this.orderForSummary) {
+      this._orderSteps = this._prepareOrderSteps();
+    }
+    super.update(changedProps);
+  }
+  // ---------------------------------------------------------------------------
+  // Render
+  // ---------------------------------------------------------------------------
+  render() {
+    return this.renderSummary();
+  }
+  /** Render the summary component */
+  renderSummary() {
+    return html`
+      <pd-order-summary
+        id="stepFormContainerId"
+        ?withPayment="${this.withPayment}"
+        .order="${this.orderForSummary}"
+        ?withAgreement="${this._withAgreement}"
+        .orderSteps="${this._orderSteps}"
+      >
+        ${this._withAgreement ? html`<span slot="legal">${this._getConditions()}</span>` : ""}
+      </pd-order-summary>
+    `;
+  }
+}
+__decorateClass([
+  property({ type: Boolean })
+], DefaultStepSummary.prototype, "withPayment");
+__decorateClass([
+  property({ type: Object })
+], DefaultStepSummary.prototype, "orderForSummary");
+__decorateClass([
+  property({ type: Array })
+], DefaultStepSummary.prototype, "wizardSteps");
+__decorateClass([
+  state()
+], DefaultStepSummary.prototype, "_orderSteps");
+
+export { DefaultStepSummary };

package/dist/default-step-summary/default-step-summary.d.ts

@@ -0,0 +1,3 @@
+export { DefaultStepSummary } from './DefaultStepSummary.js';
+export type { OrderStep, WizardStepConfig } from './DefaultStepSummary.js';
+//# sourceMappingURL=default-step-summary.d.ts.map

package/dist/default-step-summary/default-step-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-step-summary.d.ts","sourceRoot":"","sources":["../../src/default-step-summary/default-step-summary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/default-step-summary.d.ts

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

package/dist/default-step-summary.js

@@ -0,0 +1 @@
+export { DefaultStepSummary } from './default-step-summary/DefaultStepSummary.js';

package/dist/default-wizard/DefaultWizard.d.ts

@@ -0,0 +1,57 @@
+import { LitElement, HTMLTemplateResult, PropertyValues, CSSResultGroup } from 'lit';
+/** Wizard step definition */
+export interface WizardStep {
+    /** Step title displayed in header */
+    title: string;
+    /** Step name for display */
+    name: string;
+    /** Unique step key */
+    key: string;
+}
+/** Optional logger interface for debugging */
+export interface WizardLogger {
+    debug: (message: string, ...args: unknown[]) => void;
+    error: (message: string, ...args: unknown[]) => void;
+}
+/**
+ * Abstract base class for wizard implementations.
+ *
+ * @typeParam T - The form data type collected across all steps
+ */
+export declare abstract class DefaultWizard<T> extends LitElement {
+    /** Optional logger for debugging */
+    protected _logger?: WizardLogger;
+    /** Scroll to top of page after step change. Set to `false` when used inside a modal. */
+    protected _scrollToTopOnStepChange: boolean;
+    /** Wizard step definitions - must be set by subclass */
+    abstract _wizardSteps: Array<WizardStep>;
+    /** Current step number (1-based) */
+    _currentOrderStep: number;
+    /** Collected form data */
+    _orderFormData?: T;
+    /** LocalStorage key for persistence (undefined = no persistence) */
+    _withLocalStorageId?: string;
+    static styles: CSSResultGroup;
+    update(changedProps: PropertyValues<this>): void;
+    render(): import('lit').TemplateResult<1>;
+    /** Close the wizard (e.g., navigate back) */
+    protected abstract _closeWizard(): void;
+    /** Render the wizard steps */
+    protected abstract _renderSteps(): HTMLTemplateResult;
+    /** Submit the completed wizard */
+    protected abstract _submitWizard(): void;
+    protected _nextStep(e: CustomEvent): void;
+    protected _previousStep(e: CustomEvent): void;
+    protected _goToStep(e: CustomEvent<{
+        step: number;
+    }>): void;
+    /** Scroll to top of page after step change. Disabled when `_scrollToTopOnStepChange` is false. */
+    protected _scrollToTop(): void;
+    protected _closeWizardRequest(): void;
+    protected _reloadFromStorage(storageKey: string): void;
+    protected _doStorageUpdate(preparedOrderForm?: T): void;
+    protected _removeFromStorage(): void;
+    private getWizardStorage;
+    private _doStorageEventUpdate;
+}
+//# sourceMappingURL=DefaultWizard.d.ts.map

package/dist/default-wizard/DefaultWizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultWizard.d.ts","sourceRoot":"","sources":["../../src/default-wizard/DefaultWizard.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AAEH,OAAO,EAEL,UAAU,EACV,kBAAkB,EAClB,cAAc,EAEd,cAAc,EACf,MAAM,KAAK,CAAC;AAIb,OAAO,oDAAoD,CAAC;AAM5D,OAAO,2BAA2B,CAAC;AAuBnC,6BAA6B;AAC7B,MAAM,WAAW,UAAU;IACzB,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB;IACtB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,8CAA8C;AAC9C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACrD,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACtD;AAMD;;;;GAIG;AACH,8BAAsB,aAAa,CAAC,CAAC,CAAE,SAAQ,UAAU;IAKvD,oCAAoC;IACpC,SAAS,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAEjC,wFAAwF;IACxF,SAAS,CAAC,wBAAwB,EAAE,OAAO,CAAQ;IAMnD,wDAAwD;IAExD,QAAQ,CAAC,YAAY,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAEzC,oCAAoC;IAEpC,iBAAiB,EAAE,MAAM,CAAK;IAE9B,0BAA0B;IAE1B,cAAc,CAAC,EAAE,CAAC,CAAC;IAEnB,oEAAoE;IAEpE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAM7B,MAAM,CAAC,MAAM,EAIR,cAAc,CAAC;IAMX,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAWzD,MAAM;IAsBN,6CAA6C;IAC7C,SAAS,CAAC,QAAQ,CAAC,YAAY,IAAI,IAAI;IAEvC,8BAA8B;IAC9B,SAAS,CAAC,QAAQ,CAAC,YAAY,IAAI,kBAAkB;IAErD,kCAAkC;IAClC,SAAS,CAAC,QAAQ,CAAC,aAAa,IAAI,IAAI;IAMxC,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,WAAW;IAgClC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW;IAQtC,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAapD,kGAAkG;IAClG,SAAS,CAAC,YAAY;IAetB,SAAS,CAAC,mBAAmB,IAAI,IAAI;IAkDrC,SAAS,CAAC,kBAAkB,CAAC,UAAU,EAAE,MAAM;IAoD/C,SAAS,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAkBhD,SAAS,CAAC,kBAAkB;IAc5B,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,qBAAqB;CAmB9B"}