@nldd/design-system 0.8.61 → 0.8.63

package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js

@@ -0,0 +1,550 @@
+/**
+ * Nederlandse Digitale Dienst Just in Time Education Component (Lit + TypeScript)
+ *
+ * Een guided-discovery coach-mark. Plaats een control (bijv. nldd-search-field)
+ * in de default slot; zolang `active` is gezet tilt het component een callout
+ * (titel + supporting text + dismiss) in de top layer via de Popover API
+ * (`popover="manual"`), geankerd aan het control met Floating UI. Geen backdrop,
+ * non-modaal: de achtergrond blijft interactief. Het control zelf blijft op zijn
+ * plek in de flow staan.
+ *
+ * Met `dismissable` beheert het component het sluiten en vuurt het nldd-close:
+ *  - de gebruiker voert de geadviseerde interactie uit op het control -> close{completed}
+ *  - de dismiss-knop -> close{dismissed}
+ *  - een klik/toets BUITEN de coach-mark -> close{ignored}
+ * Zonder `dismissable` sluit niets vanzelf (geen knop, geen buiten- of slot-klik);
+ * dan bepaalt de consumer het sluiten zelf via `active` of `complete()`. `complete()`
+ * werkt altijd en sluit met close{completed} (bijv. pas bij een echte zoekopdracht).
+ *
+ * @element nldd-just-in-time-education
+ * @attr {boolean} active          - Toon de coach-mark. App-gestuurd; standaard false.
+ * @attr {string}  text            - Titel van de callout.
+ * @attr {string}  supporting-text - Ondersteunende tekst onder de titel.
+ * @attr {string}  placement       - 'auto' | 'top' | 'bottom' | 'left' | 'right' (standaard 'auto').
+ * @attr {boolean} dismissable     - Toon de dismiss-knop en sta sluiten toe via 1 klik/toets buiten de coach-mark. Standaard false: dan beheert de consumer het sluiten zelf.
+ * @attr {string}  arrow-length    - Pijllengte en dus de afstand tussen card en control, als CSS-lengte (bijv. \`333px\`, \`30vh\`). Leeg = DS-standaard; onder 40px wordt geklemd.
+ * @attr {boolean} no-arrow        - Verberg de pijl; de card staat dan dicht tegen het control.
+ *
+ * @slot - Het control waar de coach-mark naar wijst (blijft in de normale flow).
+ *
+ * @fires nldd-close - Wanneer de coach-mark sluit. detail: { reason: 'completed' | 'dismissed' | 'ignored' }.
+ *
+ * @note Rendert via de native Popover API (`popover="manual"`) in de top layer,
+ * dus het escapet ancestor stacking contexts en `overflow: hidden` clipping.
+ * Positionering via Floating UI met `strategy: 'fixed'` + `autoUpdate`. De kant
+ * wordt bepaald door de beschikbare ruimte (horizontaal de viewport, verticaal
+ * het hele document) bij openen en bij window-resize; scrollen laat de kant vast
+ * en verschuift de callout alleen mee met het control.
+ *
+ * @note Focus-model (dismissable): de callout is een bewust NIET-modale dialog
+ * (`role="dialog"`, geen `aria-modal`, geen focus-trap). Bij openen gaat focus
+ * erin zodat de dismiss-knop bereikbaar is en Escape sluit; Tab verlaat de callout
+ * daarna expres naar de pagina, want de coach-mark wijst naar een control dat de
+ * gebruiker moet kunnen bereiken, dus focus vasthouden zou het doel ondermijnen.
+ * Niet-dismissable gebruikt een benoemde `role="region"` (aria-label = de titel) en
+ * verplaatst focus nooit; de polite live region kondigt de tip aan.
+ */
+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;
+};
+var NLDDJustInTimeEducation_1;
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { computePosition, autoUpdate, offset, shift } from '@floating-ui/dom';
+import { withTranslations } from '../../../utilities/with-translations.js';
+import { justInTimeEducationStyles } from './just-in-time-education.styles.js';
+import { justInTimeEducationTemplate } from './just-in-time-education.template.js';
+import { nlddJustInTimeEducationTranslations } from './just-in-time-education.i18n.js';
+import '../../actions/icon-button/icon-button.js';
+let jiteCounter = 0;
+let NLDDJustInTimeEducation = NLDDJustInTimeEducation_1 = class NLDDJustInTimeEducation extends withTranslations(LitElement, nlddJustInTimeEducationTranslations) {
+    constructor() {
+        super(...arguments);
+        this.active = false;
+        this.text = '';
+        this.supportingText = '';
+        this.placement = 'auto';
+        this.dismissable = false;
+        this.arrowLength = '';
+        this.noArrow = false;
+        this._cleanupAutoUpdate = null;
+        this._attachTimeout = null;
+        this._attributeObserver = null;
+        this._boundDocumentInteraction = (e) => this._handleDocumentInteraction(e);
+        this._resolvedSide = null;
+        this._lastViewportWidth = 0;
+        this._lastViewportHeight = 0;
+        this._arrowMarkerId = `nldd-jite-arrow-${++jiteCounter}`;
+    }
+    updated(changed) {
+        if (changed.has('arrowLength')) {
+            // The arrow-length attribute takes any CSS length and feeds the local
+            // --_arrow-length var; the CSS clamps it (min 40) into --_gap. Only
+            // a valid length is forwarded — an invalid value (e.g. "d") would poison
+            // the max()/calc() that consume it, making --_max-width and the arrow gap
+            // invalid (the card would lose its width cap and the arrow misrender).
+            // Invalid or empty falls back to the DS default by removing the override.
+            if (this.arrowLength && CSS.supports('width', this.arrowLength)) {
+                this.style.setProperty('--_arrow-length', this.arrowLength);
+            }
+            else {
+                this.style.removeProperty('--_arrow-length');
+            }
+        }
+        if (changed.has('active')) {
+            if (this.active)
+                this._open();
+            else
+                this._closePopover();
+        }
+        else if (this.active && (changed.has('placement') || changed.has('text') || changed.has('supportingText') || changed.has('arrowLength') || changed.has('noArrow'))) {
+            // Re-place while open when an input that affects the geometry changes;
+            // clear the cached side so the placement is decided from scratch.
+            this._resolvedSide = null;
+            const control = this._getControl();
+            const container = this._containerEl;
+            if (control && container)
+                this._updatePosition(control, container);
+        }
+    }
+    get _containerEl() {
+        return this.shadowRoot?.querySelector('.just-in-time-education') ?? null;
+    }
+    get _cardEl() {
+        return this.shadowRoot?.querySelector('.just-in-time-education__main') ?? null;
+    }
+    get _announcerEl() {
+        return this.shadowRoot?.querySelector('.just-in-time-education__announcer') ?? null;
+    }
+    _getControl() {
+        const slot = this.shadowRoot?.querySelector('slot');
+        const assigned = slot?.assignedElements({ flatten: true });
+        return assigned?.[0] ?? null;
+    }
+    _getControls() {
+        const slot = this.shadowRoot?.querySelector('slot');
+        return slot?.assignedElements({ flatten: true }) ?? [];
+    }
+    /** Mirror one host attribute onto the slotted control(s) — or remove it —
+     *  unless the component owns that attribute. */
+    _forwardAttribute(name) {
+        if (NLDDJustInTimeEducation_1._ownAttributes.has(name))
+            return;
+        const present = this.hasAttribute(name);
+        const value = this.getAttribute(name) ?? '';
+        for (const control of this._getControls()) {
+            if (present)
+                control.setAttribute(name, value);
+            else
+                control.removeAttribute(name);
+        }
+    }
+    /** Forward every non-owned host attribute to the slotted control(s); run on
+     *  slotchange so a freshly slotted control catches up with what's already set. */
+    _handleSlotChange() {
+        for (const attr of Array.from(this.attributes))
+            this._forwardAttribute(attr.name);
+    }
+    _open() {
+        const container = this._containerEl;
+        if (!container)
+            return;
+        if (!container.matches(':popover-open'))
+            container.showPopover();
+        this._startPositioning();
+        // Announce the tip text via a polite live region. Focusing into the callout
+        // (dismissable, below) only makes AT read the dialog label and the focused
+        // element, not the tip body, so the live region carries the actual message;
+        // non-dismissable keeps focus on the control entirely. Cleared on close
+        // (below) so re-opening re-announces.
+        const announcer = this._announcerEl;
+        if (announcer)
+            announcer.textContent = [this.text, this.supportingText].filter(Boolean).join('. ');
+        // Outside-click/keystroke dismissal only applies when dismissable. Defer
+        // attaching the listeners to the next task so the click or keystroke that
+        // opened the coach-mark isn't itself treated as an "outside" action.
+        if (!this.dismissable)
+            return;
+        // Move focus into the callout so the dismiss button is keyboard-reachable
+        // (Tab from here lands on it; Shift+Tab returns to the control) and
+        // role="dialog" is announced on focus-enter. Focus returns to the control on
+        // close (see _closePopover). The container has tabindex="-1" for this.
+        container.focus();
+        if (this._attachTimeout)
+            clearTimeout(this._attachTimeout);
+        this._attachTimeout = setTimeout(() => {
+            this._attachTimeout = null;
+            if (!this.active)
+                return;
+            document.addEventListener('click', this._boundDocumentInteraction, true);
+            document.addEventListener('keydown', this._boundDocumentInteraction, true);
+        }, 0);
+    }
+    _closePopover() {
+        const container = this._containerEl;
+        // Capture before hiding: was focus inside the callout (e.g. on the dismiss
+        // button)? If so, return it to the control so keyboard focus isn't dropped
+        // to the body. If the user already moved focus out (engaged the control,
+        // clicked away), leave it where they put it.
+        const focusWasInside = container?.matches(':focus-within') ?? false;
+        if (container?.matches(':popover-open'))
+            container.hidePopover();
+        this._stopPositioning();
+        const announcer = this._announcerEl;
+        if (announcer)
+            announcer.textContent = '';
+        if (focusWasInside)
+            this._getControl()?.focus();
+        if (this._attachTimeout) {
+            clearTimeout(this._attachTimeout);
+            this._attachTimeout = null;
+        }
+        document.removeEventListener('click', this._boundDocumentInteraction, true);
+        document.removeEventListener('keydown', this._boundDocumentInteraction, true);
+    }
+    _startPositioning() {
+        const control = this._getControl();
+        const container = this._containerEl;
+        if (!control || !container)
+            return;
+        this._stopPositioning();
+        // autoUpdate re-runs on scroll/resize/layout shifts so the container keeps
+        // tracking the control. Scrolling only translates the callout; the side is
+        // re-decided only when the viewport changes (see _updatePosition).
+        // _updatePosition is async and intentionally not awaited: autoUpdate is
+        // rAF-debounced, so overlapping runs are rare and harmless — each just writes
+        // the latest geometry, and the last write wins.
+        this._cleanupAutoUpdate = autoUpdate(control, container, () => this._updatePosition(control, container));
+    }
+    _stopPositioning() {
+        this._cleanupAutoUpdate?.();
+        this._cleanupAutoUpdate = null;
+        this._resolvedSide = null;
+    }
+    async _updatePosition(control, container) {
+        const styles = getComputedStyle(this);
+        const off = parseInt(styles.getPropertyValue('--_offset'), 10);
+        const pad = parseInt(styles.getPropertyValue('--_shift-padding'), 10);
+        // The side is chosen by available space, not by scrolling: horizontally
+        // against the viewport, vertically against the whole document. Re-decide
+        // only when the viewport dimensions change (a window resize); on scroll the
+        // dimensions are unchanged, so the cached side stays put and the callout
+        // merely translates to keep tracking the control.
+        const viewportWidth = window.innerWidth;
+        const viewportHeight = window.innerHeight;
+        if (this._resolvedSide === null || viewportWidth !== this._lastViewportWidth || viewportHeight !== this._lastViewportHeight) {
+            this._resolvedSide = this._chooseSide(control);
+            this._lastViewportWidth = viewportWidth;
+            this._lastViewportHeight = viewportHeight;
+        }
+        const side = this._resolvedSide;
+        // The gap padding only sits on the side facing the control (reflected via
+        // data-arrow-side), so it changes the container's size per side. Apply it
+        // BEFORE the compute: a padding-only change doesn't trigger autoUpdate's
+        // ResizeObserver, so the compute must already use the final size — otherwise
+        // switching between a vertical and a horizontal side leaves the position
+        // wrong until a manual resize.
+        if (this.getAttribute('data-arrow-side') !== side)
+            this.setAttribute('data-arrow-side', side);
+        // Keep the callout inside the room left as it nears an edge. Vertical
+        // (top/bottom): --_available-distance is the room for the arrow gap once the
+        // card height is reserved, measured against the whole document; the CSS
+        // lets the gap fall to 0. Horizontal (left/right): --_available-distance is the
+        // room to the viewport edge, and the CSS reserves the main width first — so
+        // the arrow gap shrinks to 0 first, then the container cap narrows the main.
+        // Set BEFORE the compute so the (smaller) padding is already in place.
+        const cardHeight = this._cardEl?.getBoundingClientRect().height ?? 0;
+        const controlRect = control.getBoundingClientRect();
+        let availableDistance = '9999px';
+        if (side === 'top') {
+            availableDistance = `${Math.max(0, controlRect.top + window.scrollY - cardHeight)}px`;
+        }
+        else if (side === 'bottom') {
+            availableDistance = `${Math.max(0, document.documentElement.scrollHeight - (controlRect.bottom + window.scrollY) - cardHeight)}px`;
+        }
+        else if (side === 'left') {
+            availableDistance = `${Math.max(0, controlRect.left)}px`;
+        }
+        else if (side === 'right') {
+            availableDistance = `${Math.max(0, window.innerWidth - controlRect.right)}px`;
+        }
+        this.style.setProperty('--_available-distance', availableDistance);
+        // Top/bottom: shift along the horizontal (main) axis so the card keeps its
+        // preferred width near a viewport edge, sliding toward the side with room
+        // while the arrow still points at the control's centre. Left/right: no shift
+        // — it would push the card off the control vertically (sticking to the
+        // viewport) instead of letting it sit beside the control.
+        const isVertical = side === 'top' || side === 'bottom';
+        // Drop the arrow (rather than draw it stunted) when the room would force the
+        // gap below its minimum — uniformly for top/bottom and left/right. The gap
+        // room is what's left after reserving the card: its height for top/bottom
+        // (already folded into availableDistance) or the main's reserved width for
+        // left/right (--_main-width = --_text-width + an optional --_dismiss-width).
+        // Decided only from edge-room + fixed reserves, never the
+        // post-collapse layout, so it can't oscillate. The consumer's own no-arrow
+        // already hides it. Set the host hook BEFORE the compute (like
+        // data-arrow-side) so the smaller gap is in place; CSS hides the arrow itself.
+        const minArrow = parseFloat(styles.getPropertyValue('--primitives-space-40')) || 40;
+        let gapRoom = parseFloat(availableDistance);
+        if (!isVertical) {
+            const mainReserve = (parseFloat(styles.getPropertyValue('--_text-width')) || 320)
+                + (this.dismissable ? (parseFloat(styles.getPropertyValue('--_dismiss-width')) || 44) : 0);
+            gapRoom -= mainReserve;
+        }
+        const collapsed = !this.noArrow && gapRoom < minArrow;
+        this.toggleAttribute('data-arrow-collapsed', collapsed);
+        const { x, y } = await computePosition(control, container, {
+            placement: side,
+            strategy: 'fixed',
+            middleware: isVertical ? [offset(off), shift({ padding: pad })] : [offset(off)],
+        });
+        container.style.left = `${x}px`;
+        container.style.top = `${y}px`;
+        this._updateArrow(control, container, side);
+    }
+    // Picks the side the callout sits on from the room around the control:
+    // horizontally against the viewport edges, vertically against the full
+    // document, so scrolling never changes the outcome (only a resize does). A
+    // fixed placement is honoured exactly; only 'auto' weighs the room and takes
+    // the side with the most of it (ties fall to 'bottom', the conventional spot).
+    _chooseSide(control) {
+        if (this.placement !== 'auto')
+            return this.placement;
+        const rect = control.getBoundingClientRect();
+        const documentHeight = document.documentElement.scrollHeight;
+        const room = {
+            top: rect.top + window.scrollY,
+            bottom: documentHeight - (rect.bottom + window.scrollY),
+            left: rect.left,
+            right: window.innerWidth - rect.right,
+        };
+        let side = 'bottom';
+        for (const candidate of ['top', 'bottom', 'left', 'right']) {
+            if (room[candidate] > room[side])
+                side = candidate;
+        }
+        return side;
+    }
+    // Draws a flowing cubic from the card edge to the control edge, inside the
+    // transparent (padded) container so it is never clipped. Runs on every
+    // reposition (autoUpdate) so the curve re-routes as things move.
+    _updateArrow(control, container, placement) {
+        const svg = this.shadowRoot?.querySelector('.just-in-time-education__arrow');
+        const path = this.shadowRoot?.querySelector('.just-in-time-education__arrow-path');
+        const card = this._cardEl;
+        if (!svg || !path || !card)
+            return;
+        // Auto-collapsed near an edge: the arrow is hidden, so skip the geometry.
+        if (this.hasAttribute('data-arrow-collapsed'))
+            return;
+        const containerRect = container.getBoundingClientRect();
+        const cardRect = card.getBoundingClientRect();
+        const controlRect = control.getBoundingClientRect();
+        const cardCenterX = cardRect.left + cardRect.width / 2;
+        const cardCenterY = cardRect.top + cardRect.height / 2;
+        const controlCenterX = controlRect.left + controlRect.width / 2;
+        const controlCenterY = controlRect.top + controlRect.height / 2;
+        const side = placement.split('-')[0];
+        // S starts on the card edge facing the control. The tip points just shy of
+        // the control edge; dir is the direction the arrow travels into the control
+        // (perpendicular to that edge).
+        const tipGap = 6;
+        const arrowLen = 10;
+        let sx, sy, tipX, tipY, dirX, dirY;
+        if (side === 'top') {
+            sx = cardCenterX;
+            sy = cardRect.bottom;
+            tipX = controlCenterX;
+            tipY = controlRect.top - tipGap;
+            dirX = 0;
+            dirY = 1;
+        }
+        else if (side === 'bottom') {
+            sx = cardCenterX;
+            sy = cardRect.top;
+            tipX = controlCenterX;
+            tipY = controlRect.bottom + tipGap;
+            dirX = 0;
+            dirY = -1;
+        }
+        else if (side === 'left') {
+            sx = cardRect.right;
+            sy = cardCenterY;
+            tipX = controlRect.left - tipGap;
+            tipY = controlCenterY;
+            dirX = 1;
+            dirY = 0;
+        }
+        else {
+            sx = cardRect.left;
+            sy = cardCenterY;
+            tipX = controlRect.right + tipGap;
+            tipY = controlCenterY;
+            dirX = -1;
+            dirY = 0;
+        }
+        // The stroke ends arrowLen short of the tip (along dir), so the dashed line
+        // stops at the arrowhead base; the marker (refX=0) fills from there to the
+        // tip. Building the curve to this point (not the tip) keeps the end tangent
+        // pointing INTO the control, so the arrowhead never flips.
+        const ex = tipX - arrowLen * dirX;
+        const ey = tipY - arrowLen * dirY;
+        // Two cubic segments forming a gentle bow (the "belly"), with tangents
+        // perpendicular to both edges and at the midpoint, so the line leaves the
+        // card and meets the control at 90 degrees while bowing out in the middle.
+        const k = 0.25;
+        const dx = ex - sx;
+        const dy = ey - sy;
+        const vertical = side === 'top' || side === 'bottom';
+        const bulge = Math.min(Math.hypot(dx, dy) * 0.18, 9);
+        const mx = (sx + ex) / 2 + (vertical ? bulge : 0);
+        const my = (sy + ey) / 2 + (vertical ? 0 : bulge);
+        let c1x, c1y, c2x, c2y;
+        let c3x, c3y, c4x, c4y;
+        if (vertical) {
+            c1x = sx;
+            c1y = sy + dy * k;
+            c2x = mx;
+            c2y = my - dy * k;
+            c3x = mx;
+            c3y = my + dy * k;
+            c4x = ex;
+            c4y = ey - dy * k;
+        }
+        else {
+            c1x = sx + dx * k;
+            c1y = sy;
+            c2x = mx - dx * k;
+            c2y = my;
+            c3x = mx + dx * k;
+            c3y = my;
+            c4x = ex - dx * k;
+            c4y = ey;
+        }
+        // Size/place the SVG to the bounding box of the path and the tip.
+        const margin = 4;
+        const xs = [sx, mx, ex, tipX, c1x, c2x, c3x, c4x];
+        const ys = [sy, my, ey, tipY, c1y, c2y, c3y, c4y];
+        const minX = Math.min(...xs) - margin;
+        const minY = Math.min(...ys) - margin;
+        const width = Math.max(...xs) + margin - minX;
+        const height = Math.max(...ys) + margin - minY;
+        svg.style.left = `${minX - containerRect.left}px`;
+        svg.style.top = `${minY - containerRect.top}px`;
+        svg.setAttribute('width', `${width}`);
+        svg.setAttribute('height', `${height}`);
+        svg.setAttribute('viewBox', `0 0 ${width} ${height}`);
+        path.setAttribute('d', `M ${sx - minX} ${sy - minY}`
+            + ` C ${c1x - minX} ${c1y - minY}, ${c2x - minX} ${c2y - minY}, ${mx - minX} ${my - minY}`
+            + ` C ${c3x - minX} ${c3y - minY}, ${c4x - minX} ${c4y - minY}, ${ex - minX} ${ey - minY}`);
+    }
+    /** Route 1: the advised interaction on the slotted control (only when
+     *  dismissable; otherwise the consumer drives completion via complete()).
+     *  A mouse click fires pointerdown then focusin, both landing here; the
+     *  !this.active guard makes the second call a no-op so 'completed' fires once. */
+    _handleAdvisedInteraction() {
+        if (!this.active || !this.dismissable)
+            return;
+        this._close('completed');
+    }
+    /** Route 2: a click/keystroke outside the coach-mark (only when dismissable). */
+    _handleDocumentInteraction(e) {
+        if (!this.active || !this.dismissable)
+            return;
+        // Anything inside the coach-mark (the slotted control or the callout) is
+        // not an "outside" action. Interaction on the control is the advised
+        // interaction, handled by route 1.
+        if (e.composedPath().includes(this))
+            return;
+        this._close('ignored');
+    }
+    /** Route 3: the dismiss button. */
+    _handleDismiss() {
+        this._close('dismissed');
+    }
+    /** Escape while focus is inside the callout dismisses it (the ARIA non-modal
+     *  dialog expectation). The document capture listener (route 2) treats inside
+     *  events as not-outside and bails, so Escape is handled here. stopPropagation
+     *  keeps it from also closing an ancestor (e.g. a modal the coach-mark sits in). */
+    _handleCalloutKeydown(e) {
+        if (e.key !== 'Escape' || !this.dismissable)
+            return;
+        e.stopPropagation();
+        this._handleDismiss();
+    }
+    /** Programmatically mark the advised interaction as done (success close). */
+    complete() {
+        if (this.active)
+            this._close('completed');
+    }
+    _close(reason) {
+        this.active = false; // triggers updated() -> _closePopover()
+        this.dispatchEvent(new CustomEvent('nldd-close', {
+            detail: { reason },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // The toolbar sets `size` on its direct child (now us) dynamically, AFTER
+        // mount, so we observe attribute changes and forward them; slotchange covers
+        // the initial set and any control swap.
+        if (!this._attributeObserver) {
+            this._attributeObserver = new MutationObserver(records => {
+                for (const record of records) {
+                    if (record.attributeName)
+                        this._forwardAttribute(record.attributeName);
+                }
+            });
+        }
+        this._attributeObserver.observe(this, { attributes: true });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._closePopover();
+        this._attributeObserver?.disconnect();
+    }
+    render() {
+        return justInTimeEducationTemplate(this);
+    }
+};
+NLDDJustInTimeEducation.styles = justInTimeEducationStyles;
+// Attributes the component owns itself; every OTHER attribute set on the host
+// is forwarded to the slotted control so the wrapper stays transparent to
+// parent-driven attributes (e.g. the `size` an nldd-toolbar pushes onto its
+// direct child). Structural attributes (style/class/id/slot/hidden) and the
+// internal data-arrow-side deliberately stay on the host.
+NLDDJustInTimeEducation._ownAttributes = new Set([
+    'active', 'text', 'supporting-text', 'placement', 'dismissable', 'arrow-length', 'no-arrow', 'translations',
+    'data-arrow-side', 'data-arrow-collapsed', 'style', 'class', 'id', 'role', 'slot', 'hidden',
+]);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDJustInTimeEducation.prototype, "active", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDJustInTimeEducation.prototype, "text", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'supporting-text' })
+], NLDDJustInTimeEducation.prototype, "supportingText", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDJustInTimeEducation.prototype, "placement", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDJustInTimeEducation.prototype, "dismissable", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'arrow-length' })
+], NLDDJustInTimeEducation.prototype, "arrowLength", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'no-arrow' })
+], NLDDJustInTimeEducation.prototype, "noArrow", void 0);
+NLDDJustInTimeEducation = NLDDJustInTimeEducation_1 = __decorate([
+    customElement('nldd-just-in-time-education')
+], NLDDJustInTimeEducation);
+export { NLDDJustInTimeEducation };
+//# sourceMappingURL=just-in-time-education.js.map

package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"just-in-time-education.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/just-in-time-education/just-in-time-education.ts"],"names":[],"mappings":"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"}

package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const justInTimeEducationStyles: import("lit").CSSResult;
+//# sourceMappingURL=just-in-time-education.styles.d.ts.map

package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"just-in-time-education.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB,yBAySrC,CAAC"}