@flitsmeister/design-system 2.2.36 → 3.0.1

package/dist/fm-wizard/fm-wizard-node.js

@@ -0,0 +1,70 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+/**
+ * Declarative wizard step: stable `value` id, optional label/color, and segment count for the
+ * outgoing connector progress bar.
+ *
+ * Renders no UI (`display: none`); lives in light DOM as configuration for `fm-wizard`.
+ *
+ * @element fm-wizard-node
+ *
+ * @property {string} value - Required unique id within the parent wizard (used in `setProgress`, events, `querySelector`).
+ * @property {string} label - Optional stepper label; when empty, no visible label (accessible name still includes step index and `value`).
+ * @property {string} color - Optional accent for this node (design token, `var(--...)`, or color) on the stepper circle.
+ * @property {string} icon - Optional `fm-icon` name inside the circle (e.g. `check`); white glyph on `color` when `color` is set; omit for an empty circle.
+ * @property {string} icon-variant - Optional `fm-icon` variant: `bold` (default), `filled`, `stroke`, or `duotone`.
+ * @property {string} icon-size - Optional `fm-icon` size: `xxxxs` … `xxxxl` (default `sm`).
+ * @property {number} segments - Total segments on the **outgoing** connection from this node (minimum `1`, default `1`). Consumer advances sub-progress with `setProgress({ completedSegments })` while this node is active; the ratio is `completedSegments / segments`. For a “fields + confirm” flow, use `segments = fieldCount + 1` and treat the last segment as “ready for next step”.
+ */
+let FmWizardNode = class FmWizardNode extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.value = '';
+        this.label = '';
+        this.color = '';
+        this.icon = '';
+        this.iconVariant = '';
+        this.iconSize = '';
+        this.segments = 1;
+    }
+    static { this.styles = css `
+    :host {
+      display: none;
+    }
+  `; }
+    render() {
+        return html ``;
+    }
+};
+__decorate([
+    property({ type: String, reflect: true })
+], FmWizardNode.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], FmWizardNode.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], FmWizardNode.prototype, "color", void 0);
+__decorate([
+    property({ type: String })
+], FmWizardNode.prototype, "icon", void 0);
+__decorate([
+    property({ type: String, attribute: 'icon-variant' })
+], FmWizardNode.prototype, "iconVariant", void 0);
+__decorate([
+    property({ type: String, attribute: 'icon-size' })
+], FmWizardNode.prototype, "iconSize", void 0);
+__decorate([
+    property({ type: Number })
+], FmWizardNode.prototype, "segments", void 0);
+FmWizardNode = __decorate([
+    customElement('fm-wizard-node')
+], FmWizardNode);
+export { FmWizardNode };
+//# sourceMappingURL=fm-wizard-node.js.map

package/dist/fm-wizard/fm-wizard-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-wizard-node.js","sourceRoot":"","sources":["../../src/fm-wizard/fm-wizard-node.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D;;;;;;;;;;;;;;;GAeG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QACsC,UAAK,GAAG,EAAE,CAAA;QAEzB,UAAK,GAAG,EAAE,CAAA;QAEV,UAAK,GAAG,EAAE,CAAA;QAEV,SAAI,GAAG,EAAE,CAAA;QAEkB,gBAAW,GAAG,EAAE,CAAA;QAEnB,aAAQ,GAAG,EAAE,CAAA;QAErC,aAAQ,GAAG,CAAC,CAAA;IAW1C,CAAC;aATQ,WAAM,GAAG,GAAG,CAAA;;;;GAIlB,AAJY,CAIZ;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,EAAE,CAAA;IACf,CAAC;;AAtB0C;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAW;AAEzB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAW;AAEV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAW;AAEV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAU;AAEkB;IAAtD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;iDAAiB;AAEnB;IAAnD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;8CAAc;AAErC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAa;AAb7B,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAwBxB"}

package/dist/fm-wizard/fm-wizard.d.ts

@@ -0,0 +1,66 @@
+import { LitElement } from 'lit';
+import { type WizardRenderState } from './fm-wizard-core.js';
+import '../fm-icon/icons/bold-check.js';
+export type FmWizardProgressOptions = {
+    activeNode: string;
+    completedSegments: number;
+};
+export type FmWizardChangeDetail = {
+    /** Current step id (same as {@link FmWizardChangeDetail.activeNodeValue}). */
+    activeNode: string;
+    activeNodeValue: string;
+    currentNodeIndex: number;
+    nodeCount: number;
+    completedSegments: number;
+    segmentCount: number;
+    renderState: WizardRenderState;
+};
+/**
+ * Wizard stepper and a single default slot for step content. Steps are declared as direct
+ * light-DOM children `<fm-wizard-node value="..." segments="...">` (unique `value` per wizard).
+ *
+ * **Navigation:** this component does not render Back/Continue buttons. Use your own UI and call
+ * {@link FmWizard.back} and {@link FmWizard.completeCurrentNode} (and/or {@link FmWizard.setProgress})
+ * via an element ref (React `ref`, Vue `ref`, etc.).
+ *
+ * @element fm-wizard
+ *
+ * @fires fm-wizard-change - After progress or step config sync; detail includes `activeNode`, segment counts, and `renderState`.
+ *
+ * @slot default - Content for the active step (forms, etc.); `fm-wizard-node` children are hidden and only configure the stepper.
+ *
+ * @example
+ * ```html
+ * <fm-wizard>
+ *   <fm-wizard-node value="account" label="Account" segments="2"></fm-wizard-node>
+ *   <fm-wizard-node value="confirm" label="Confirm"></fm-wizard-node>
+ *   <form>Step content</form>
+ * </fm-wizard>
+ * ```
+ */
+export declare class FmWizard extends LitElement {
+    private core;
+    private _childObserver;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    syncNodesFromLightDom(): void;
+    private refreshView;
+    private emitChange;
+    setProgress(options: FmWizardProgressOptions): void;
+    /** Advance to the next step (no-op on last step). Resets `completedSegments` on the new step. */
+    completeCurrentNode(): void;
+    /** Go to the previous step. Resets `completedSegments` on that step. */
+    back(): void;
+    getRenderState(): WizardRenderState;
+    private renderNode;
+    private renderConnector;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'fm-wizard': FmWizard;
+    }
+}
+//# sourceMappingURL=fm-wizard.d.ts.map

package/dist/fm-wizard/fm-wizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-wizard.d.ts","sourceRoot":"","sources":["../../src/fm-wizard/fm-wizard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAA;AAE/C,OAAO,EAGL,KAAK,iBAAiB,EAEvB,MAAM,qBAAqB,CAAA;AAI5B,OAAO,gCAAgC,CAAA;AAUvC,MAAM,MAAM,uBAAuB,GAAG;IACpC,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,8EAA8E;IAC9E,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,MAAM,CAAA;IACvB,gBAAgB,EAAE,MAAM,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,iBAAiB,CAAA;CAC/B,CAAA;AAiGD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAO,CAAC,IAAI,CAAqB;IAEjC,OAAO,CAAC,cAAc,CAA8B;IAEpD,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAM5B,YAAY,IAAI,IAAI;IAOpB,qBAAqB,IAAI,IAAI;IAK7B,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,UAAU;IAmBlB,WAAW,CAAC,OAAO,EAAE,uBAAuB,GAAG,IAAI;IAKnD,iGAAiG;IACjG,mBAAmB,IAAI,IAAI;IAK3B,wEAAwE;IACxE,IAAI,IAAI,IAAI;IAKZ,cAAc,IAAI,iBAAiB;IAInC,OAAO,CAAC,UAAU;IAmClB,OAAO,CAAC,eAAe;IAwBvB,MAAM;IA6DN,MAAM,CAAC,MAAM,4BAAkB;CAChC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAA;KACtB;CACF"}

package/dist/fm-wizard/fm-wizard.js

@@ -0,0 +1,293 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, nothing } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { FmWizardCore } from './fm-wizard-core.js';
+import { fmWizardStyle } from './fm-wizard.style.js';
+import { FmWizardNode } from './fm-wizard-node.js';
+import { FmIcon } from '../fm-icon/fm-icon.js';
+import '../fm-icon/icons/bold-check.js';
+if (!customElements.get('fm-icon')) {
+    customElements.define('fm-icon', FmIcon);
+}
+if (!customElements.get('fm-wizard-node')) {
+    customElements.define('fm-wizard-node', FmWizardNode);
+}
+const GEBRUIKERSPOSITIE_SVG = html `
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+    <path
+      d="M11.9998 24C5.37252 24 1.96897e-05 18.6274 1.99794e-05 12C2.02691e-05 5.37258 5.37252 2.34839e-07 11.9998 5.24528e-07C18.6271 8.14217e-07 23.9996 5.37258 23.9996 12C23.9996 18.6274 18.6271 24 11.9998 24Z"
+      fill="white"
+    />
+    <path
+      d="M8.73656 11.7438C8.8171 11.8991 8.8171 12.1015 8.73657 12.2568L6.55654 16.4611C6.3666 16.8274 6.64465 17.2955 6.9695 17.1562L17.9765 12.4389C18.3044 12.2984 18.3044 11.7021 17.9765 11.5616L6.9695 6.84433C6.64465 6.70511 6.3666 7.17315 6.55654 7.53947L8.73656 11.7438Z"
+      fill="#007FE8"
+      stroke="#007FE8"
+      stroke-width="0.828414"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+`;
+function stringFromAttrOrProp(el, attr, prop) {
+    const fromAttr = el.getAttribute(attr);
+    if (fromAttr !== null)
+        return String(fromAttr);
+    const fromProp = el[prop];
+    if (fromProp === undefined || fromProp === null)
+        return '';
+    return String(fromProp);
+}
+function optionalTrimmedNonEmpty(raw) {
+    const t = raw.trim();
+    return t !== '' ? t : undefined;
+}
+function optionalLowerTrimmed(raw) {
+    const t = raw.trim().toLowerCase();
+    return t !== '' ? t : undefined;
+}
+function readSegmentCount(el) {
+    const segAttr = el.getAttribute('segments');
+    if (segAttr !== null && segAttr !== '') {
+        const n = Number(segAttr);
+        return Number.isFinite(n) ? Math.max(1, Math.floor(n)) : 1;
+    }
+    if (typeof el.segments === 'number' && Number.isFinite(el.segments)) {
+        return Math.max(1, Math.floor(el.segments));
+    }
+    return 1;
+}
+/** Returns `null` when `value` missing (caller logs). */
+function tryParseWizardNodeConfig(el) {
+    const value = stringFromAttrOrProp(el, 'value', 'value').trim();
+    if (value === '')
+        return null;
+    const label = stringFromAttrOrProp(el, 'label', 'label');
+    const color = optionalTrimmedNonEmpty(stringFromAttrOrProp(el, 'color', 'color'));
+    const icon = optionalTrimmedNonEmpty(stringFromAttrOrProp(el, 'icon', 'icon'));
+    const iconVariant = optionalLowerTrimmed(stringFromAttrOrProp(el, 'icon-variant', 'iconVariant'));
+    const iconSize = optionalLowerTrimmed(stringFromAttrOrProp(el, 'icon-size', 'iconSize'));
+    return {
+        value,
+        label,
+        color,
+        icon,
+        iconVariant,
+        iconSize,
+        segmentCount: readSegmentCount(el)
+    };
+}
+function readWizardNodeConfigsFromLightDom(host) {
+    const seen = new Set();
+    const configs = [];
+    for (const child of Array.from(host.children)) {
+        if (child.tagName !== 'FM-WIZARD-NODE')
+            continue;
+        const parsed = tryParseWizardNodeConfig(child);
+        if (!parsed) {
+            console.warn('[fm-wizard] fm-wizard-node is missing a non-empty value; skipped');
+            continue;
+        }
+        if (seen.has(parsed.value)) {
+            console.warn(`[fm-wizard] duplicate fm-wizard-node value "${parsed.value}"; skipped`);
+            continue;
+        }
+        seen.add(parsed.value);
+        configs.push(parsed);
+    }
+    return configs;
+}
+/**
+ * Wizard stepper and a single default slot for step content. Steps are declared as direct
+ * light-DOM children `<fm-wizard-node value="..." segments="...">` (unique `value` per wizard).
+ *
+ * **Navigation:** this component does not render Back/Continue buttons. Use your own UI and call
+ * {@link FmWizard.back} and {@link FmWizard.completeCurrentNode} (and/or {@link FmWizard.setProgress})
+ * via an element ref (React `ref`, Vue `ref`, etc.).
+ *
+ * @element fm-wizard
+ *
+ * @fires fm-wizard-change - After progress or step config sync; detail includes `activeNode`, segment counts, and `renderState`.
+ *
+ * @slot default - Content for the active step (forms, etc.); `fm-wizard-node` children are hidden and only configure the stepper.
+ *
+ * @example
+ * ```html
+ * <fm-wizard>
+ *   <fm-wizard-node value="account" label="Account" segments="2"></fm-wizard-node>
+ *   <fm-wizard-node value="confirm" label="Confirm"></fm-wizard-node>
+ *   <form>Step content</form>
+ * </fm-wizard>
+ * ```
+ */
+let FmWizard = class FmWizard extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.core = new FmWizardCore();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.syncNodesFromLightDom();
+        this._childObserver = new MutationObserver(() => {
+            queueMicrotask(() => this.syncNodesFromLightDom());
+        });
+        this._childObserver.observe(this, { childList: true });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._childObserver?.disconnect();
+        this._childObserver = undefined;
+    }
+    firstUpdated() {
+        const slot = this.renderRoot.querySelector('slot');
+        slot?.addEventListener('slotchange', () => {
+            queueMicrotask(() => this.syncNodesFromLightDom());
+        });
+    }
+    syncNodesFromLightDom() {
+        this.core.setNodes(readWizardNodeConfigsFromLightDom(this));
+        this.refreshView();
+    }
+    refreshView() {
+        this.requestUpdate();
+        this.emitChange();
+    }
+    emitChange() {
+        const s = this.core.getCurrentNodeState();
+        this.dispatchEvent(new CustomEvent('fm-wizard-change', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                activeNode: s.activeNodeValue,
+                activeNodeValue: s.activeNodeValue,
+                currentNodeIndex: s.currentNodeIndex,
+                nodeCount: s.nodeCount,
+                completedSegments: s.completedSegments,
+                segmentCount: s.segmentCount,
+                renderState: this.core.getRenderState()
+            }
+        }));
+    }
+    setProgress(options) {
+        this.core.setProgress(options.activeNode, options.completedSegments);
+        this.refreshView();
+    }
+    /** Advance to the next step (no-op on last step). Resets `completedSegments` on the new step. */
+    completeCurrentNode() {
+        this.core.completeCurrentNode();
+        this.refreshView();
+    }
+    /** Go to the previous step. Resets `completedSegments` on that step. */
+    back() {
+        this.core.back();
+        this.refreshView();
+    }
+    getRenderState() {
+        return this.core.getRenderState();
+    }
+    renderNode(n, nodeCount) {
+        const insetPercent = FmWizardCore.anchorRatio(n.index, nodeCount) * 100;
+        const isCurrent = n.status === 'active';
+        const circleStyle = n.status !== 'upcoming' && n.color ? `background: ${n.color}; border-color: ${n.color};` : '';
+        const iconColor = n.status === 'upcoming' ? nothing : 'white';
+        const trimmedLabel = n.label.trim();
+        const showLabel = trimmedLabel !== '';
+        const namePart = showLabel ? trimmedLabel : n.value;
+        const srText = `Stap ${n.index + 1} van ${nodeCount}: ${namePart}`;
+        return html `
+      <li
+        class="node node--${n.status}"
+        style=${`inset-inline-start: ${insetPercent}%;`}
+        aria-current=${isCurrent ? 'step' : nothing}
+      >
+        <span class="visually-hidden">${srText}</span>
+        <div class="node__circle" style=${circleStyle || nothing} aria-hidden="true">
+          ${n.icon
+            ? html `<fm-icon
+                name=${n.icon}
+                variant=${n.iconVariant ?? 'bold'}
+                size=${n.iconSize ?? 'sm'}
+                color=${iconColor}
+              ></fm-icon>`
+            : nothing}
+        </div>
+        ${showLabel
+            ? html `<span class="node__label" aria-hidden="true">${n.label}</span>`
+            : nothing}
+      </li>
+    `;
+    }
+    renderConnector(connectionIndex, filledRatio, nodeCount, fillColor) {
+        const a0 = FmWizardCore.anchorRatio(connectionIndex, nodeCount);
+        const a1 = FmWizardCore.anchorRatio(connectionIndex + 1, nodeCount);
+        const leftPct = a0 * 100;
+        const widthPct = (a1 - a0) * 100;
+        const fillStyle = fillColor && fillColor.length > 0
+            ? `transform: scaleX(${filledRatio}); background: ${fillColor};`
+            : `transform: scaleX(${filledRatio});`;
+        return html `
+      <div class="connector" style=${`inset-inline-start: ${leftPct}%; width: ${widthPct}%;`}>
+        <div class="connector__track">
+          <div class="connector__fill" style=${fillStyle}></div>
+        </div>
+      </div>
+    `;
+    }
+    render() {
+        const rs = this.core.getRenderState();
+        const { nodes, connections, indicator, intraConnectionProgress } = rs;
+        const nodeCount = nodes.length;
+        const state = this.core.getCurrentNodeState();
+        const activeIdx = state.currentNodeIndex;
+        const onLast = activeIdx >= nodeCount - 1;
+        const progressPercent = onLast ? 100 : Math.round(intraConnectionProgress * 100);
+        const activeNode = nodes[activeIdx];
+        const connectorAccent = activeNode?.color && activeIdx < nodeCount - 1 ? activeNode.color : undefined;
+        const nodeItems = nodes.map((n) => this.renderNode(n, nodeCount));
+        const connectorItems = connections.map((c) => this.renderConnector(c.index, c.filledRatio, nodeCount, c.index === activeIdx ? connectorAccent : undefined));
+        const indicatorLeftPct = indicator.trackPositionRatio * 100;
+        const indicatorClass = indicator.mode === 'node'
+            ? 'indicator indicator--on-node'
+            : 'indicator indicator--on-connection';
+        return html `
+      <div class="root" role="region" aria-label="Wizard">
+        <div class="header">
+          <div
+            class="stepper-wrap"
+            role="progressbar"
+            aria-valuemin="0"
+            aria-valuemax="100"
+            aria-valuenow=${progressPercent}
+            aria-valuetext=${`Voortgang op huidige verbinding ${progressPercent}%`}
+            aria-label="Voortgang tussen nodes"
+          >
+            <div class="stepper-stack">
+              <div class="connectors-layer" aria-hidden="true">${connectorItems}</div>
+              <div
+                class=${indicatorClass}
+                style=${`inset-inline-start: ${indicatorLeftPct}%;`}
+                aria-hidden="true"
+              >
+                ${GEBRUIKERSPOSITIE_SVG}
+              </div>
+              <ul class="stepper">${nodeItems}</ul>
+            </div>
+          </div>
+        </div>
+        <div class="body">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+    }
+    static { this.styles = [fmWizardStyle]; }
+};
+FmWizard = __decorate([
+    customElement('fm-wizard')
+], FmWizard);
+export { FmWizard };
+//# sourceMappingURL=fm-wizard.js.map

package/dist/fm-wizard/fm-wizard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-wizard.js","sourceRoot":"","sources":["../../src/fm-wizard/fm-wizard.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EACL,YAAY,EAIb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC9C,OAAO,gCAAgC,CAAA;AAEvC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;IACnC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;AAC1C,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAC1C,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAA;AACvD,CAAC;AAkBD,MAAM,qBAAqB,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;CAejC,CAAA;AAID,SAAS,oBAAoB,CAC3B,EAAgB,EAChB,IAAY,EACZ,IAAO;IAEP,MAAM,QAAQ,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;IACtC,IAAI,QAAQ,KAAK,IAAI;QAAE,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAA;IAC9C,MAAM,QAAQ,GAAG,EAAE,CAAC,IAAI,CAAC,CAAA;IACzB,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI;QAAE,OAAO,EAAE,CAAA;IAC1D,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAA;AACzB,CAAC;AAED,SAAS,uBAAuB,CAAC,GAAW;IAC1C,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,EAAE,CAAA;IACpB,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AACjC,CAAC;AAED,SAAS,oBAAoB,CAAC,GAAW;IACvC,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAA;IAClC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AACjC,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAgB;IACxC,MAAM,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IAC3C,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,EAAE,EAAE,CAAC;QACvC,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5D,CAAC;IACD,IAAI,OAAO,EAAE,CAAC,QAAQ,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;QACpE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC7C,CAAC;IACD,OAAO,CAAC,CAAA;AACV,CAAC;AAED,yDAAyD;AACzD,SAAS,wBAAwB,CAAC,EAAgB;IAChD,MAAM,KAAK,GAAG,oBAAoB,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,CAAA;IAC/D,IAAI,KAAK,KAAK,EAAE;QAAE,OAAO,IAAI,CAAA;IAC7B,MAAM,KAAK,GAAG,oBAAoB,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;IACxD,MAAM,KAAK,GAAG,uBAAuB,CAAC,oBAAoB,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IACjF,MAAM,IAAI,GAAG,uBAAuB,CAAC,oBAAoB,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAC9E,MAAM,WAAW,GAAG,oBAAoB,CAAC,oBAAoB,CAAC,EAAE,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC,CAAA;IACjG,MAAM,QAAQ,GAAG,oBAAoB,CAAC,oBAAoB,CAAC,EAAE,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAA;IACxF,OAAO;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,IAAI;QACJ,WAAW;QACX,QAAQ;QACR,YAAY,EAAE,gBAAgB,CAAC,EAAE,CAAC;KACnC,CAAA;AACH,CAAC;AAED,SAAS,iCAAiC,CAAC,IAAiB;IAC1D,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAA;IAC9B,MAAM,OAAO,GAA4B,EAAE,CAAA;IAE3C,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC9C,IAAI,KAAK,CAAC,OAAO,KAAK,gBAAgB;YAAE,SAAQ;QAChD,MAAM,MAAM,GAAG,wBAAwB,CAAC,KAAqB,CAAC,CAAA;QAC9D,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,CAAC,IAAI,CAAC,kEAAkE,CAAC,CAAA;YAChF,SAAQ;QACV,CAAC;QACD,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,OAAO,CAAC,IAAI,CAAC,+CAA+C,MAAM,CAAC,KAAK,YAAY,CAAC,CAAA;YACrF,SAAQ;QACV,CAAC;QACD,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACtB,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACtB,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QACG,SAAI,GAAG,IAAI,YAAY,EAAE,CAAA;IAqMnC,CAAC;IAjMC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,IAAI,CAAC,qBAAqB,EAAE,CAAA;QAC5B,IAAI,CAAC,cAAc,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YAC9C,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAA;QACpD,CAAC,CAAC,CAAA;QACF,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;IACxD,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAA;QAC5B,IAAI,CAAC,cAAc,EAAE,UAAU,EAAE,CAAA;QACjC,IAAI,CAAC,cAAc,GAAG,SAAS,CAAA;IACjC,CAAC;IAED,YAAY;QACV,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QAClD,IAAI,EAAE,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE;YACxC,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAA;QACpD,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,qBAAqB;QACnB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,iCAAiC,CAAC,IAAI,CAAC,CAAC,CAAA;QAC3D,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,aAAa,EAAE,CAAA;QACpB,IAAI,CAAC,UAAU,EAAE,CAAA;IACnB,CAAC;IAEO,UAAU;QAChB,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAA;QACzC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAuB,kBAAkB,EAAE;YACxD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,UAAU,EAAE,CAAC,CAAC,eAAe;gBAC7B,eAAe,EAAE,CAAC,CAAC,eAAe;gBAClC,gBAAgB,EAAE,CAAC,CAAC,gBAAgB;gBACpC,SAAS,EAAE,CAAC,CAAC,SAAS;gBACtB,iBAAiB,EAAE,CAAC,CAAC,iBAAiB;gBACtC,YAAY,EAAE,CAAC,CAAC,YAAY;gBAC5B,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;aACxC;SACF,CAAC,CACH,CAAA;IACH,CAAC;IAED,WAAW,CAAC,OAAgC;QAC1C,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAA;QACpE,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAED,iGAAiG;IACjG,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAA;QAC/B,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAED,wEAAwE;IACxE,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;QAChB,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAA;IACnC,CAAC;IAEO,UAAU,CAAC,CAAmB,EAAE,SAAiB;QACvD,MAAM,YAAY,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,GAAG,CAAA;QACvE,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAA;QACvC,MAAM,WAAW,GACf,CAAC,CAAC,MAAM,KAAK,UAAU,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,KAAK,mBAAmB,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;QAC/F,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAA;QAC7D,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;QACnC,MAAM,SAAS,GAAG,YAAY,KAAK,EAAE,CAAA;QACrC,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;QACnD,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,KAAK,GAAG,CAAC,QAAQ,SAAS,KAAK,QAAQ,EAAE,CAAA;QAElE,OAAO,IAAI,CAAA;;4BAEa,CAAC,CAAC,MAAM;gBACpB,uBAAuB,YAAY,IAAI;uBAChC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;wCAEX,MAAM;0CACJ,WAAW,IAAI,OAAO;YACpD,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,IAAI,CAAA;uBACK,CAAC,CAAC,IAAI;0BACH,CAAC,CAAC,WAAW,IAAI,MAAM;uBAC1B,CAAC,CAAC,QAAQ,IAAI,IAAI;wBACjB,SAAS;0BACP;YACd,CAAC,CAAC,OAAO;;UAEX,SAAS;YACT,CAAC,CAAC,IAAI,CAAA,gDAAgD,CAAC,CAAC,KAAK,SAAS;YACtE,CAAC,CAAC,OAAO;;KAEd,CAAA;IACH,CAAC;IAEO,eAAe,CACrB,eAAuB,EACvB,WAAmB,EACnB,SAAiB,EACjB,SAAkB;QAElB,MAAM,EAAE,GAAG,YAAY,CAAC,WAAW,CAAC,eAAe,EAAE,SAAS,CAAC,CAAA;QAC/D,MAAM,EAAE,GAAG,YAAY,CAAC,WAAW,CAAC,eAAe,GAAG,CAAC,EAAE,SAAS,CAAC,CAAA;QACnE,MAAM,OAAO,GAAG,EAAE,GAAG,GAAG,CAAA;QACxB,MAAM,QAAQ,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,GAAG,CAAA;QAChC,MAAM,SAAS,GACb,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC;YAC/B,CAAC,CAAC,qBAAqB,WAAW,kBAAkB,SAAS,GAAG;YAChE,CAAC,CAAC,qBAAqB,WAAW,IAAI,CAAA;QAE1C,OAAO,IAAI,CAAA;qCACsB,uBAAuB,OAAO,aAAa,QAAQ,IAAI;;+CAE7C,SAAS;;;KAGnD,CAAA;IACH,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAA;QACrC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,uBAAuB,EAAE,GAAG,EAAE,CAAA;QACrE,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAA;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAA;QAC7C,MAAM,SAAS,GAAG,KAAK,CAAC,gBAAgB,CAAA;QACxC,MAAM,MAAM,GAAG,SAAS,IAAI,SAAS,GAAG,CAAC,CAAA;QACzC,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,uBAAuB,GAAG,GAAG,CAAC,CAAA;QAChF,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;QACnC,MAAM,eAAe,GACnB,UAAU,EAAE,KAAK,IAAI,SAAS,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAA;QAE/E,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;QAEjE,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAC3C,IAAI,CAAC,eAAe,CAClB,CAAC,CAAC,KAAK,EACP,CAAC,CAAC,WAAW,EACb,SAAS,EACT,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CACpD,CACF,CAAA;QAED,MAAM,gBAAgB,GAAG,SAAS,CAAC,kBAAkB,GAAG,GAAG,CAAA;QAC3D,MAAM,cAAc,GAClB,SAAS,CAAC,IAAI,KAAK,MAAM;YACvB,CAAC,CAAC,8BAA8B;YAChC,CAAC,CAAC,oCAAoC,CAAA;QAE1C,OAAO,IAAI,CAAA;;;;;;;;4BAQa,eAAe;6BACd,mCAAmC,eAAe,GAAG;;;;iEAIjB,cAAc;;wBAEvD,cAAc;wBACd,uBAAuB,gBAAgB,IAAI;;;kBAGjD,qBAAqB;;oCAEH,SAAS;;;;;;;;KAQxC,CAAA;IACH,CAAC;aAEM,WAAM,GAAG,CAAC,aAAa,CAAC,AAAlB,CAAkB;;AArMpB,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAsMpB"}

package/dist/fm-wizard/fm-wizard.style.d.ts

@@ -0,0 +1,2 @@
+export declare const fmWizardStyle: import("lit").CSSResult;
+//# sourceMappingURL=fm-wizard.style.d.ts.map

package/dist/fm-wizard/fm-wizard.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-wizard.style.d.ts","sourceRoot":"","sources":["../../src/fm-wizard/fm-wizard.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAkMzB,CAAA"}

package/dist/fm-wizard/fm-wizard.style.js

@@ -0,0 +1,197 @@
+import { css } from 'lit';
+export const fmWizardStyle = css `
+  :host {
+    display: block;
+    min-width: 0;
+  }
+
+  .root {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-md);
+  }
+
+  .header {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-xs);
+  }
+
+  .stepper-wrap {
+    width: 100%;
+    box-sizing: border-box;
+    padding-inline: calc(var(--size-md) / 2);
+  }
+
+  .stepper-stack {
+    position: relative;
+    width: 100%;
+  }
+
+  .connectors-layer {
+    position: absolute;
+    z-index: 0;
+    left: 0;
+    right: 0;
+    top: calc(var(--size-md) / 2 - var(--spacing-xs) / 2);
+    height: var(--spacing-xs);
+    pointer-events: none;
+    direction: ltr;
+  }
+
+  .connector {
+    position: absolute;
+    top: 0;
+    height: 100%;
+    box-sizing: border-box;
+  }
+
+  .connector__track {
+    position: absolute;
+    inset: 0;
+    border-radius: var(--radius-sm);
+    background: var(--color-special-road-default);
+    overflow: hidden;
+  }
+
+  .connector__fill {
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    width: 100%;
+    transform-origin: left center;
+    border-radius: var(--radius-sm);
+    background: #0369bd;
+    transition: transform 0.2s ease;
+  }
+
+  .indicator {
+    position: absolute;
+    z-index: 4;
+    top: calc(var(--size-md) / 2);
+    box-sizing: border-box;
+    width: 24px;
+    height: 24px;
+    margin: 0;
+    padding: 0;
+    pointer-events: none;
+    transform: translate(-50%, -50%);
+    transform-origin: center center;
+    filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.12));
+    transition:
+      inset-inline-start 0.2s ease,
+      transform 0.2s ease,
+      width 0.2s ease,
+      height 0.2s ease;
+  }
+
+  /** Op de verbinding: vaste 24px (design). */
+  .indicator--on-connection {
+    width: 24px;
+    height: 24px;
+    filter: drop-shadow(0 2px 4px rgb(0 0 0 / 0.14))
+  }
+
+  /** Op een node: 32px (design), gecentreerd op het node-middelpunt. */
+  .indicator--on-node {
+    width: 33px;
+    height: 33px;
+  }
+
+  .indicator svg {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .connector__fill,
+    .indicator {
+      transition: none;
+    }
+  }
+
+  .stepper {
+    position: relative;
+    z-index: 1;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    min-height: calc(var(--size-md) + var(--spacing-md) + var(--text-sm) * 2);
+  }
+
+  .node {
+    position: absolute;
+    top: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: max-content;
+    max-width: 100%;
+    transform: translateX(-50%);
+    min-width: 0;
+  }
+
+  .node__circle {
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--size-md);
+    height: var(--size-md);
+    border-radius: 50%;
+    flex-shrink: 0;
+    position: relative;
+    z-index: 2;
+    background: var(--color-surface-brand-brand);
+    border: var(--stroke-sm) solid var(--color-surface-brand-brand);
+  }
+
+  .node--upcoming .node__circle {
+    background: var(--color-surface-neutral-default-higher);
+    border-color: var(--color-surface-neutral-default-higher);
+    color: var(--color-content-neutral-default-alt);
+  }
+
+  .node__label {
+    box-sizing: border-box;
+    display: inline-block;
+    width: max-content;
+    max-width: 100%;
+    margin-block-start: calc(-1 * var(--spacing-xxs));
+    padding: var(--spacing-xxs);
+    text-align: center;
+    font-size: var(--text-sm);
+    font-weight: var(--font-weight-bold);
+    color: var(--color-content-neutral-default, var(--color-gray-900, #161616));
+    background: var(--color-surface-neutral-default-highest);
+    border-radius: var(--radius-xxs);
+    box-shadow: 0 3px 16px 0 var(--color-special-shadow-shadowDefault, rgba(0, 0, 0, 0.15));
+    overflow-wrap: anywhere;
+    position: relative;
+    z-index: 1;
+  }
+
+  .visually-hidden {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+
+  .body slot::slotted(*) {
+    display: block;
+  }
+
+  .body slot::slotted(fm-wizard-node) {
+    display: none !important;
+  }
+`;
+//# sourceMappingURL=fm-wizard.style.js.map

package/dist/fm-wizard/fm-wizard.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-wizard.style.js","sourceRoot":"","sources":["../../src/fm-wizard/fm-wizard.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkM/B,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export { FmButton } from './fm-button/fm-button.js';
+export { FmInput } from './fm-input/fm-input.js';
+export { FmRadioInput } from './fm-radio-input/fm-radio-input.js';
+export { FmDropdown } from './fm-dropdown/fm-dropdown.js';
+export { FmSegmentedController } from './fm-segmented-controller/fm-segmented-controller.js';
+export { FmWizard } from './fm-wizard/fm-wizard.js';
+export { FmIcon } from './fm-icon/fm-icon.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAA;AAC5F,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA"}