xv-webcomponents 1.25.1 → 2.0.0-beta.28

package/dist/react/xv-tag-v2.js

@@ -0,0 +1,14 @@
+'use client';
+import { createComponent } from './runtime.js';
+import React from 'react';
+import { transformTag } from './tag-transformer.js';
+import { XvTagV2 as XvTagV2Element, defineCustomElement as defineXvTagV2 } from "xv-webcomponents/dist/components/xv-tag-v2.js";
+export const XvTagV2 = /*@__PURE__*/ createComponent({
+    tagName: 'xv-tag-v2',
+    elementClass: XvTagV2Element,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onCloseClick: 'closeClick' },
+    defineCustomElement: defineXvTagV2,
+    transformTag
+});

package/dist/react/xv-text-input-v2.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from './runtime.js';
+import { type XvTextInputV2CustomEvent } from "xv-webcomponents";
+import type { Components } from "xv-webcomponents/dist/components";
+import { XvTextInputV2 as XvTextInputV2Element } from "xv-webcomponents/dist/components/xv-text-input-v2.js";
+export type XvTextInputV2Events = {
+    onValueChange: EventName<XvTextInputV2CustomEvent<string>>;
+};
+export declare const XvTextInputV2: StencilReactComponent<XvTextInputV2Element, XvTextInputV2Events, Components.XvTextInputV2>;

package/dist/react/xv-text-input-v2.js

@@ -0,0 +1,14 @@
+'use client';
+import { createComponent } from './runtime.js';
+import React from 'react';
+import { transformTag } from './tag-transformer.js';
+import { XvTextInputV2 as XvTextInputV2Element, defineCustomElement as defineXvTextInputV2 } from "xv-webcomponents/dist/components/xv-text-input-v2.js";
+export const XvTextInputV2 = /*@__PURE__*/ createComponent({
+    tagName: 'xv-text-input-v2',
+    elementClass: XvTextInputV2Element,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onValueChange: 'valueChange' },
+    defineCustomElement: defineXvTextInputV2,
+    transformTag
+});

package/dist/react/xv-textarea.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from './runtime.js';
+import { type XvTextareaCustomEvent } from "xv-webcomponents";
+import type { Components } from "xv-webcomponents/dist/components";
+import { XvTextarea as XvTextareaElement } from "xv-webcomponents/dist/components/xv-textarea.js";
+export type XvTextareaEvents = {
+    onValueChange: EventName<XvTextareaCustomEvent<string>>;
+};
+export declare const XvTextarea: StencilReactComponent<XvTextareaElement, XvTextareaEvents, Components.XvTextarea>;

package/dist/react/xv-textarea.js

@@ -0,0 +1,14 @@
+'use client';
+import { createComponent } from './runtime.js';
+import React from 'react';
+import { transformTag } from './tag-transformer.js';
+import { XvTextarea as XvTextareaElement, defineCustomElement as defineXvTextarea } from "xv-webcomponents/dist/components/xv-textarea.js";
+export const XvTextarea = /*@__PURE__*/ createComponent({
+    tagName: 'xv-textarea',
+    elementClass: XvTextareaElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onValueChange: 'valueChange' },
+    defineCustomElement: defineXvTextarea,
+    transformTag
+});

package/dist/react/xv-tile.d.ts

@@ -0,0 +1,15 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from './runtime.js';
+import { type XvTileCustomEvent } from "xv-webcomponents";
+import type { Components } from "xv-webcomponents/dist/components";
+import { XvTile as XvTileElement } from "xv-webcomponents/dist/components/xv-tile.js";
+export type XvTileEvents = {
+    onTileChange: EventName<XvTileCustomEvent<{
+        name?: string;
+        value?: string;
+    }>>;
+};
+export declare const XvTile: StencilReactComponent<XvTileElement, XvTileEvents, Components.XvTile>;

package/dist/react/xv-tile.js

@@ -0,0 +1,14 @@
+'use client';
+import { createComponent } from './runtime.js';
+import React from 'react';
+import { transformTag } from './tag-transformer.js';
+import { XvTile as XvTileElement, defineCustomElement as defineXvTile } from "xv-webcomponents/dist/components/xv-tile.js";
+export const XvTile = /*@__PURE__*/ createComponent({
+    tagName: 'xv-tile',
+    elementClass: XvTileElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTileChange: 'tileChange' },
+    defineCustomElement: defineXvTile,
+    transformTag
+});

package/dist/react/xv-toggle-tip.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from './runtime.js';
+import { type XvToggleTipCustomEvent } from "xv-webcomponents";
+import type { Components } from "xv-webcomponents/dist/components";
+import { XvToggleTip as XvToggleTipElement } from "xv-webcomponents/dist/components/xv-toggle-tip.js";
+export type XvToggleTipEvents = {
+    onOpenChange: EventName<XvToggleTipCustomEvent<boolean>>;
+};
+export declare const XvToggleTip: StencilReactComponent<XvToggleTipElement, XvToggleTipEvents, Components.XvToggleTip>;

package/dist/react/xv-toggle-tip.js

@@ -0,0 +1,14 @@
+'use client';
+import { createComponent } from './runtime.js';
+import React from 'react';
+import { transformTag } from './tag-transformer.js';
+import { XvToggleTip as XvToggleTipElement, defineCustomElement as defineXvToggleTip } from "xv-webcomponents/dist/components/xv-toggle-tip.js";
+export const XvToggleTip = /*@__PURE__*/ createComponent({
+    tagName: 'xv-toggle-tip',
+    elementClass: XvToggleTipElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onOpenChange: 'openChange' },
+    defineCustomElement: defineXvToggleTip,
+    transformTag
+});

package/dist/react/xv-toggle.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from './runtime.js';
+import { type XvToggleCustomEvent } from "xv-webcomponents";
+import type { Components } from "xv-webcomponents/dist/components";
+import { XvToggle as XvToggleElement } from "xv-webcomponents/dist/components/xv-toggle.js";
+export type XvToggleEvents = {
+    onToggleChange: EventName<XvToggleCustomEvent<boolean>>;
+};
+export declare const XvToggle: StencilReactComponent<XvToggleElement, XvToggleEvents, Components.XvToggle>;

package/dist/react/xv-toggle.js

@@ -0,0 +1,14 @@
+'use client';
+import { createComponent } from './runtime.js';
+import React from 'react';
+import { transformTag } from './tag-transformer.js';
+import { XvToggle as XvToggleElement, defineCustomElement as defineXvToggle } from "xv-webcomponents/dist/components/xv-toggle.js";
+export const XvToggle = /*@__PURE__*/ createComponent({
+    tagName: 'xv-toggle',
+    elementClass: XvToggleElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onToggleChange: 'toggleChange' },
+    defineCustomElement: defineXvToggle,
+    transformTag
+});

package/dist/react/xv-tooltip-v2.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { StencilReactComponent } from './runtime.js';
+import type { Components } from "xv-webcomponents/dist/components";
+import { XvTooltipV2 as XvTooltipV2Element } from "xv-webcomponents/dist/components/xv-tooltip-v2.js";
+export type XvTooltipV2Events = NonNullable<unknown>;
+export declare const XvTooltipV2: StencilReactComponent<XvTooltipV2Element, XvTooltipV2Events, Components.XvTooltipV2>;

package/dist/react/xv-tooltip-v2.js

@@ -0,0 +1,14 @@
+'use client';
+import { createComponent } from './runtime.js';
+import React from 'react';
+import { transformTag } from './tag-transformer.js';
+import { XvTooltipV2 as XvTooltipV2Element, defineCustomElement as defineXvTooltipV2 } from "xv-webcomponents/dist/components/xv-tooltip-v2.js";
+export const XvTooltipV2 = /*@__PURE__*/ createComponent({
+    tagName: 'xv-tooltip-v2',
+    elementClass: XvTooltipV2Element,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineXvTooltipV2,
+    transformTag
+});

package/dist/types/components/xv-header/xv-header.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { InvoiceNotification } from './_vars';
 export declare class XvHeader {
     el: HTMLElement;
     metaNav: any;
@@ -9,7 +8,6 @@ export declare class XvHeader {
     xvMetaNavUpdate: EventEmitter;
     handleOrgUnitChange({ detail: orgUnit }: CustomEvent<string | undefined>): void;
     metaNavUpdate(): void;
-    disconnectedCallback(): void;
     componentWillLoad(): void;
     private initHeader;
     mobMenuOpen: boolean;
@@ -28,34 +26,20 @@ export declare class XvHeader {
     private handlePreventEvent;
     private _renderSearch;
     private _renderImpersonationInfo;
-    notifications: InvoiceNotification[];
-    private notificationsHub?;
+    notifications: {
+        orderId: number;
+        template: string;
+        id: string;
+        userId: number;
+        status: number;
+        pdfSrc: string | null;
+        isRead: boolean;
+        payloadType: string;
+        expiryDateUtc: string;
+        dateDeletedUtc: string | null;
+        dateCreatedUtc: string;
+    }[];
     private getNotifications;
-    /**
-     * Subscribes to the notifications hub so the bell reflects a status change without a reload.
-     *
-     * The platform calls `NotifyUserAsync` after it completes or fails a notification, which
-     * invokes `NotificationsUpdated` on the person's group — but nothing here was listening, so
-     * the bell only ever caught up on a full page load (MAR-15569). The list is re-fetched on
-     * each push rather than patched from the message, because the hub carries no payload.
-     *
-     * Failure to connect is logged and otherwise ignored: the bell still works, it just needs a
-     * reload to refresh, which is the behaviour this replaces.
-     */
-    private connectNotificationsHub;
-    /**
-     * Reads the hub URL from the platform's client settings. That endpoint serves JavaScript
-     * rather than JSON, and the `xv` global it defines is absent on Angular-rendered pages, so
-     * the value is parsed out of the response text.
-     */
-    private getNotificationsHubUrl;
-    /**
-     * Dismisses a notification. The platform soft-deletes it (`DateDeletedUtc`), which drops it
-     * from the list endpoint. Without this the bell could not be cleared at all and every entry
-     * sat there until its 24-hour expiry — the old MVC bell's "Geprüft" button did this and was
-     * not carried over when the header moved to this component.
-     */
-    private dismissNotification;
     private _renderNotifications;
     showLoginModal: boolean;
     private _renderAccount;

package/dist/types/components/xv-header-next/xv-header-next.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { InvoiceNotification } from '../xv-header/_vars';
 /**
  * Drop-in successor of `xv-header` for the new headless CMS.
  *
@@ -38,7 +37,6 @@ export declare class XvHeaderNext {
     xvMetaNavUpdate: EventEmitter;
     handleOrgUnitChange({ detail: orgUnit }: CustomEvent<string | undefined>): void;
     metaNavUpdate(): void;
-    disconnectedCallback(): void;
     componentWillLoad(): void;
     private initHeader;
     mobMenuOpen: boolean;
@@ -63,34 +61,20 @@ export declare class XvHeaderNext {
     private _renderLocaleSwitcher;
     private _renderSearch;
     private _renderImpersonationInfo;
-    notifications: InvoiceNotification[];
-    private notificationsHub?;
+    notifications: {
+        orderId: number;
+        template: string;
+        id: string;
+        userId: number;
+        status: number;
+        pdfSrc: string | null;
+        isRead: boolean;
+        payloadType: string;
+        expiryDateUtc: string;
+        dateDeletedUtc: string | null;
+        dateCreatedUtc: string;
+    }[];
     private getNotifications;
-    /**
-     * Subscribes to the notifications hub so the bell reflects a status change without a reload.
-     *
-     * The platform calls `NotifyUserAsync` after it completes or fails a notification, which
-     * invokes `NotificationsUpdated` on the person's group — but nothing here was listening, so
-     * the bell only ever caught up on a full page load (MAR-15569). The list is re-fetched on
-     * each push rather than patched from the message, because the hub carries no payload.
-     *
-     * Failure to connect is logged and otherwise ignored: the bell still works, it just needs a
-     * reload to refresh, which is the behaviour this replaces.
-     */
-    private connectNotificationsHub;
-    /**
-     * Reads the hub URL from the platform's client settings. That endpoint serves JavaScript
-     * rather than JSON, and the `xv` global it defines is absent on Angular-rendered pages, so
-     * the value is parsed out of the response text.
-     */
-    private getNotificationsHubUrl;
-    /**
-     * Dismisses a notification. The platform soft-deletes it (`DateDeletedUtc`), which drops it
-     * from the list endpoint. Without this the bell could not be cleared at all and every entry
-     * sat there until its 24-hour expiry — the old MVC bell's "Geprüft" button did this and was
-     * not carried over when the header moved to this component.
-     */
-    private dismissNotification;
     private _renderNotifications;
     showLoginModal: boolean;
     private _renderAccount;

package/dist/types/components/xv-table/xv-table-cell/xv-table-cell.d.ts

@@ -1,13 +1,48 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { XVTableSortDto } from '../_vars';
 import { XV_SORT_DIR } from '../../../types/enum';
+import { XvCellAlign, XvCellOverflow } from '../xv-table.model';
+/**
+ * One cell of a table row. It holds arbitrary markup — buttons, links, tags, nested components —
+ * which is why the table stays composed rather than driven only by data.
+ *
+ * In a header row it also carries the column affordances: the sort arrow, the drag grip and the
+ * resize handle. The table renders this same component in both modes, so a header written as
+ * markup can do everything a header built from `columns` can.
+ *
+ * @slot - The cell content.
+ * @part cell - The cell host.
+ * @part content - The wrapper the overflow rules are applied to.
+ * @part tooltip - The tooltip wrapper, present only when `tooltip` is set.
+ * @part grip - The column drag grip, in a header cell.
+ * @part resize - The column resize handle, in a header cell.
+ */
 export declare class XvTableCell {
     el: HTMLElement;
-    multiline?: boolean;
-    name?: string;
-    align?: 'left' | 'right' | 'center';
-    sort?: XV_SORT_DIR | '';
-    sortChange: EventEmitter<XVTableSortDto>;
-    handleSort(): void;
+    /** Column this cell belongs to. Identifies it for sorting, resizing and the stored layout. */
+    columnId: string;
+    /** Horizontal alignment of the content. */
+    align: XvCellAlign;
+    /** How content wider than the column behaves. */
+    overflow: XvCellOverflow;
+    /** Lines kept before clamping, when `overflow` is `clamp`. */
+    clampLines: number;
+    /** Tooltip shown on hover. Only a cell that sets it pays for the tooltip component. */
+    tooltip: string;
+    /** Column width. Read off the header row when the table has no `columns`. Any CSS length. */
+    width: string;
+    /** Renders the cell as a column header. Set by the table from the row it sits in. */
+    header: boolean;
+    /** Offers the sort affordance. A header cell only. */
+    sortable: boolean;
+    /** Direction currently sorted by; empty when this column is not the active one. */
+    sortDirection: XV_SORT_DIR | '';
+    /** Lets the column picker hide this column. A header cell only. */
+    hideable: boolean;
+    /** Offers the resize handle. A header cell only. */
+    resizable: boolean;
+    /** Offers the drag grip. A header cell only. */
+    reorderable: boolean;
+    /** Accessible name of the drag grip. */
+    reorderLabel: string;
+    private get ariaSort();
     render(): any;
 }

package/dist/types/components/xv-table/xv-table-row/xv-table-row.d.ts

@@ -1,22 +1,61 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { SelectRowDto } from '../_vars';
+import { SIZE_VAR_STR } from '../../../types/enum';
+import { XvTableExpandMode, XvTableSelectionMode } from '../xv-table.model';
+/**
+ * One row of a table. Everything it needs is pushed down by `xv-table`, so it never reads the
+ * table's attributes itself — the old row did that on `slotchange` only and went stale.
+ *
+ * @slot - The row's `xv-table-cell` children.
+ * @slot expand - Content revealed when the row is expanded. Spans the full row width.
+ * @part row - The row host.
+ * @part control - A leading or trailing control cell (selection, expand).
+ * @part expand-button - The expand toggle.
+ * @part expand-panel - The revealed panel.
+ * @part grip - The drag handle shown when the table reorders rows by icon.
+ */
 export declare class XvTableRow {
     el: HTMLElement;
-    checked?: SelectRowDto['checked'];
-    checkedChange: EventEmitter<SelectRowDto>;
-    partial?: SelectRowDto['partial'];
-    name?: SelectRowDto['name'];
-    value?: SelectRowDto['value'];
-    hover?: boolean;
-    readonly?: boolean;
-    required?: boolean;
-    disabled?: boolean;
-    header?: boolean;
-    variant?: 'checkbox' | 'radio' | '';
-    selectRow: EventEmitter<SelectRowDto>;
-    checkedChangeHandle(): void;
-    private checkHandle;
-    private setInitialAttrs;
+    /** Identifies the row in selection and expansion payloads. */
+    value: string | number;
+    /** Selection control rendered in the leading cell. Set by the table. */
+    selectionMode: XvTableSelectionMode;
+    /** Whether the row can be expanded. Set by the table. */
+    expandMode: XvTableExpandMode;
+    /** Whether the row offers its selection control. A header with no rows under it has nothing to pick. */
+    selectable: boolean;
+    /** Row height ladder. Set by the table. */
+    size: SIZE_VAR_STR;
+    /** Whether the row is selected. */
+    selected: boolean;
+    /** Indeterminate state of the header row's select-all checkbox. */
+    partial: boolean;
+    /** Whether the row's expand panel is open. */
+    expanded: boolean;
+    /**
+     * Value of the row this one belongs to. Child rows are siblings in the same grid, so they keep
+     * the table's columns instead of living in a panel of their own.
+     */
+    parent: string;
+    /** Whether this row has anything to expand. Set by the table. */
+    expandable: boolean;
+    /** Whether the row carries `slot="expand"` content. Set by the table. */
+    hasPanel: boolean;
+    /** Renders the row as a subtotal or grouping row: no controls, accented background. */
+    group: boolean;
+    /** Marks the row as the table's header. Its cells supply the column labels. */
+    header: boolean;
+    /** Highlights the row on pointer hover. Set by the table. */
+    hover: boolean;
+    /** Blocks selection and expansion. */
+    disabled: boolean;
+    /** Whether this row can be dragged into a new position. Set by the table. */
+    rowReorderable: boolean;
+    /** Whether the whole row drags, or only its grip. Set by the table. */
+    rowReorderHandle: 'icon' | 'row';
+    /** Accessible name of the expand toggle. Set by the table. */
+    expandLabel: string;
+    /** Accessible name of the drag grip. Set by the table. */
+    reorderLabel: string;
+    componentDidRender(): void;
+    private get dragsWholeRow();
     render(): any;
-    componentWillLoad(): void;
 }