@loadsmart/miranda-wc 3.0.0-beta.7 → 3.0.0-beta.71

package/dist/components/steps/steps-step.d.ts

@@ -1,11 +1,11 @@
-import { LitElement } from 'lit';
+import { Component } from '../component';
 import '../icon';
 export interface StepProps {
     name: string;
     order?: string;
     completed?: boolean;
 }
-export declare class Step extends LitElement {
+export declare class Step extends Component {
     static styles: import("lit").CSSResult[][];
     static get properties(): {
         name: {
@@ -35,6 +35,7 @@ export declare class Step extends LitElement {
      * Order of the step.
      */
     order: StepProps['order'];
+    static define(): void;
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/steps/steps.d.ts

@@ -31,6 +31,7 @@ export declare class Steps extends Component implements StepsProps {
      * Controlled value of the selected step.
      */
     activeStep: StepsProps['activeStep'];
+    static define(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected update(changedProperties: PropertyValues<this>): void;

package/dist/components/switch/switch.d.ts

@@ -14,7 +14,8 @@ export declare class Switch extends Switch_base implements SwitchProps {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         mode: ShadowRootMode;
-        slotAssignment?: SlotAssignmentMode | undefined;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
     };
     static styles: import("lit").CSSResult[][];
     static get properties(): {
@@ -39,10 +40,11 @@ export declare class Switch extends Switch_base implements SwitchProps {
      * Should the switch be checked initially or when the form it is in is reset.
      */
     initialChecked: SwitchProps['initialChecked'];
-    createRenderRoot(): Element | ShadowRoot;
+    static define(): void;
+    createRenderRoot(): DocumentFragment | HTMLElement;
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
-    updated(changedProperties: PropertyValues<this>): void;
+    update(changedProperties: PropertyValues<this>): void;
     render(): import("lit-html").TemplateResult<1>;
     get input(): HTMLInputElement | null;
     set checked(checked: boolean);

package/dist/components/table/index.d.ts

@@ -8,4 +8,5 @@ export { TableCell, defaultTableCellProps } from './table-cell';
 export { TableToolbar } from './table-toolbar';
 export { TableFeedback } from './table-feedback';
 export { TableActions } from './table-actions';
-export type { TableProps, TableCellProps, TableHeadCellProps, TableCellAlignment, TableSize, TableSortDirection, TableHeadCellSortEventDetails, } from './table.types';
+export type { TableProps, TableCellProps, TableHeadCellProps, TableCellAlignment, TableSize, TableSortDirection, TableHeadCellSortEventDetails, TableSelectionCellProps, TableSelectEventDetails, } from './table.types';
+export { TableSelectionCell } from './table-selection-cell';

package/dist/components/table/table-actions.d.ts

@@ -1,6 +1,6 @@
-import { LitElement } from 'lit';
+import { Component } from '../component';
 import type { TableActionsProps } from './table.types';
-export declare class TableActions extends LitElement implements TableActionsProps {
+export declare class TableActions extends Component implements TableActionsProps {
     static styles: import("lit").CSSResult[];
     static get properties(): {
         slot: {
@@ -17,6 +17,7 @@ export declare class TableActions extends LitElement implements TableActionsProp
         };
     };
     sticky: TableActionsProps['sticky'];
+    static define(): void;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/table/table-body.d.ts

@@ -1,5 +1,6 @@
-import { LitElement } from 'lit';
-export declare class TableBody extends LitElement {
+import { Component } from '../component';
+export declare class TableBody extends Component {
+    #private;
     static styles: import("lit").CSSResult[];
     static get properties(): {
         slot: {
@@ -11,6 +12,7 @@ export declare class TableBody extends LitElement {
             reflect: boolean;
         };
     };
+    static define(): void;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1,11 +1,11 @@
-import { LitElement } from 'lit';
 import type { PropertyValues } from 'lit';
+import { Component } from '../component';
 import type { TableCellProps } from './table.types';
 export declare const defaultTableCellProps: {
     readonly alignment: "left";
     readonly verticalAlign: "middle";
 };
-export declare class TableCell extends LitElement implements TableCellProps {
+export declare class TableCell extends Component implements TableCellProps {
     static styles: import("lit").CSSResult[];
     static get properties(): {
         slot: {
@@ -26,6 +26,7 @@ export declare class TableCell extends LitElement implements TableCellProps {
     };
     alignment: TableCellProps['alignment'];
     verticalAlign: TableCellProps['verticalAlign'];
+    static define(): void;
     constructor();
     /**
      * TODO: This role validation is not necessary anymore since we have a dedicated table-head-cell now.

package/dist/components/table/table-feedback.d.ts

@@ -1,11 +1,12 @@
-import { LitElement } from 'lit';
-export declare class TableFeedback extends LitElement {
+import { Component } from '../component';
+export declare class TableFeedback extends Component {
     static get properties(): {
         slot: {
             type: StringConstructor;
             reflect: boolean;
         };
     };
+    static define(): void;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/table/table-foot.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from 'lit';
-export declare class TableFoot extends LitElement {
+import { Component } from '../component';
+export declare class TableFoot extends Component {
     static styles: import("lit").CSSResult[];
     static get properties(): {
         slot: {
@@ -11,6 +11,7 @@ export declare class TableFoot extends LitElement {
             reflect: boolean;
         };
     };
+    static define(): void;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/table/table-head-cell.d.ts

@@ -52,6 +52,7 @@ export declare class TableHeadCell extends Component implements TableHeadCellPro
     sortDirection: TableHeadCellProps['sortDirection'];
     disabled: TableHeadCellProps['disabled'];
     oncolumnsort: TableHeadCellProps['oncolumnsort'];
+    static define(): void;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/components/table/table-head.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from 'lit';
-export declare class TableHead extends LitElement {
+import { Component } from '../component';
+export declare class TableHead extends Component {
     static styles: import("lit").CSSResult[];
     static get properties(): {
         slot: {
@@ -11,6 +11,7 @@ export declare class TableHead extends LitElement {
             reflect: boolean;
         };
     };
+    static define(): void;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1,5 +1,5 @@
-import { LitElement } from 'lit';
-export declare class TableRow extends LitElement {
+import { Component } from '../component';
+export declare class TableRow extends Component {
     static styles: import("lit").CSSResult[];
     static get properties(): {
         slot: {
@@ -11,7 +11,11 @@ export declare class TableRow extends LitElement {
             reflect: boolean;
         };
     };
+    private table;
+    static define(): void;
     constructor();
+    getValue(): string | null | undefined;
+    private isSelected;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/components/table/table-selection-cell.d.ts

@@ -0,0 +1,36 @@
+import type { TableSelectionCellProps } from './table.types';
+import { Component } from '../component';
+import '../checkbox';
+export declare class TableSelectionCell extends Component implements TableSelectionCellProps {
+    static styles: import("lit").CSSResult[];
+    static get properties(): {
+        slot: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        role: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        value: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+    };
+    value: TableSelectionCellProps['value'];
+    private isHeading;
+    private table;
+    static define(): void;
+    constructor();
+    protected firstUpdated(): void;
+    private handleSelect;
+    private isChecked;
+    private isHeadingDisabled;
+    private getHeadingCheckStatus;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-table-selection-cell': TableSelectionCell;
+    }
+}

package/dist/components/table/table-toolbar.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from 'lit';
-export declare class TableToolbar extends LitElement {
+import { Component } from '../component';
+export declare class TableToolbar extends Component {
     static styles: import("lit").CSSResult[];
     static get properties(): {
         slot: {
@@ -7,6 +7,7 @@ export declare class TableToolbar extends LitElement {
             reflect: boolean;
         };
     };
+    static define(): void;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/table/table.constants.d.ts

@@ -0,0 +1,3 @@
+export declare const TABLE_SELECT_ROW_EVENT = "table-select-row";
+export declare const TABLE_REGISTER_ROWS_EVENT = "table-register-rows";
+export declare const TABLE_SELECT_EVENT = "select";

package/dist/components/table/table.context.d.ts

@@ -0,0 +1,5 @@
+import type { TableContext } from './table.types';
+declare const tableContext: {
+    __context__: TableContext;
+};
+export default tableContext;

package/dist/components/table/table.d.ts

@@ -1,11 +1,15 @@
-import { LitElement } from 'lit';
 import type { TableProps } from './table.types';
 import '../layout';
+import type { SelectionState, SelectionType } from '../../controllers/selection';
+import { Component } from '../component';
 export declare const defaultTableProps: {
     readonly size: "default";
 };
-export declare class Table extends LitElement implements TableProps {
+declare const Table_base: import("../../utils/types").Constructor<import("../../controllers/selection/selection-control.mixin").WithSelectionControlMixinInterface> & typeof Component;
+export declare class Table extends Table_base implements TableProps {
     static styles: import("lit").CSSResult[];
+    private selectionController;
+    private provider;
     static get properties(): {
         role: {
             type: StringConstructor;
@@ -15,9 +19,31 @@ export declare class Table extends LitElement implements TableProps {
             type: StringConstructor;
             reflect: boolean;
         };
+        initialSelection: {
+            type: ArrayConstructor;
+        };
     };
+    initialSelection: TableProps['initialSelection'];
     size: TableProps['size'];
+    /**
+     * Type of selection to be managed.
+     * It is necessary due to eligibility as a SelectionHost for the SelectionController.
+     */
+    type: SelectionType;
+    /**
+     * Inner tab selection state.
+     */
+    selection: SelectionState;
+    static define(): void;
     constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleCopy: (event: ClipboardEvent) => void;
+    protected firstUpdated(): void;
+    private emitEvent;
+    private updateProviderSelection;
+    private registerRows;
+    private handleRowSelection;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
@@ -25,3 +51,4 @@ declare global {
         'm-table': Table;
     }
 }
+export {};

package/dist/components/table/table.styles.d.ts

@@ -7,3 +7,4 @@ export declare function tableRowStyles(): import("lit").CSSResult;
 export declare function tableCellStyles(): import("lit").CSSResult;
 export declare function tableHeadCellStyles(): import("lit").CSSResult[];
 export declare function tableActionsStyles(): import("lit").CSSResult;
+export declare function tableSelectionCellStyles(): import("lit").CSSResult;

package/dist/components/table/table.types.d.ts

@@ -1,3 +1,4 @@
+import type { SelectionState, SelectionValue } from '../../controllers/selection';
 export type TableSize = 'small' | 'default' | 'large';
 export type TableCellAlignment = 'left' | 'center' | 'right';
 export type TableCellVerticalAlign = 'top' | 'middle' | 'bottom';
@@ -8,6 +9,10 @@ export type TableProps = {
      * @default 'default'
      */
     size?: TableSize;
+    /**
+     * Determines the selected rows before the element is rendered.
+     */
+    initialSelection?: string[];
 };
 export type TableCellProps = {
     /**
@@ -56,3 +61,28 @@ export type TableActionsProps = {
      */
     sticky?: boolean;
 };
+export type TableSelectionCellProps = {
+    /**
+     * Determines the item value
+     */
+    value: string;
+};
+export type TableContext = TableProps & {
+    selection: SelectionState;
+    rows: SelectionState;
+};
+export type TableSelectEventDetail = ({
+    type: 'toggle';
+} & {
+    value: string;
+}) | ({
+    type: 'toggle-all';
+} & {
+    value: boolean;
+});
+export type TableRegisterAllEventDetail = {
+    value: string[];
+};
+export type TableSelectEventDetails = {
+    value?: SelectionValue<string>;
+};

package/dist/components/table/table.utils.d.ts

@@ -0,0 +1,2 @@
+export declare function isHead(element: HTMLElement): boolean;
+export declare function isFoot(element: HTMLElement): boolean;

package/dist/components/table-layout/index.d.ts

@@ -0,0 +1,5 @@
+export { TableLayoutToolbar } from './table-layout-toolbar';
+export { TableLayoutFeedback } from './table-layout-feedback';
+export type { TableLayoutActionsProps } from './table-layout-actions';
+export { TableLayoutActions } from './table-layout-actions';
+export { TableLayout } from './table-layout';

package/dist/components/table-layout/table-layout-actions.d.ts

@@ -0,0 +1,34 @@
+import { Component } from '../component';
+export type TableLayoutActionsProps = {
+    /**
+     * Should the actions section stick to the bottom of the table.
+     * @default false
+     */
+    sticky?: boolean;
+};
+export declare class TableLayoutActions extends Component implements TableLayoutActionsProps {
+    static styles: import("lit").CSSResult[];
+    static get properties(): {
+        slot: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        role: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        sticky: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+    };
+    sticky: TableLayoutActionsProps['sticky'];
+    static define(): void;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-table-layout-actions': TableLayoutActions;
+    }
+}

package/dist/components/table-layout/table-layout-feedback.d.ts

@@ -0,0 +1,17 @@
+import { Component } from '../component';
+export declare class TableLayoutFeedback extends Component {
+    static get properties(): {
+        slot: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+    };
+    static define(): void;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-table-layout-feedback': TableLayoutFeedback;
+    }
+}

package/dist/components/table-layout/table-layout-toolbar.d.ts

@@ -0,0 +1,18 @@
+import { Component } from '../component';
+export declare class TableLayoutToolbar extends Component {
+    static styles: import("lit").CSSResult[];
+    static get properties(): {
+        slot: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+    };
+    static define(): void;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-table-layout-toolbar': TableLayoutToolbar;
+    }
+}

package/dist/components/table-layout/table-layout.d.ts

@@ -0,0 +1,14 @@
+import { Component } from '../component';
+export declare const defaultTableProps: {
+    readonly size: "default";
+};
+export declare class TableLayout extends Component {
+    static styles: import("lit").CSSResult[];
+    static define(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-table-layout': TableLayout;
+    }
+}

package/dist/components/table-layout/table-layout.styles.d.ts

@@ -0,0 +1,3 @@
+export declare function tableLayoutStyles(): import("lit").CSSResult;
+export declare function tableToolbarStyles(): import("lit").CSSResult;
+export declare function tableActionsStyles(): import("lit").CSSResult;

package/dist/components/table-v2/index.d.ts

@@ -0,0 +1,10 @@
+export { Table as TableV2, defaultTableProps as defaultTableV2Props, } from './table';
+export { TableHead as TableHeadV2 } from './table-head';
+export { TableBody as TableBodyV2 } from './table-body';
+export { TableFoot as TableFootV2 } from './table-foot';
+export { TableRow as TableRowV2 } from './table-row';
+export { TableCell as TableCellV2, defaultTableCellProps as defaultTableCellV2Props, } from './table-cell';
+export { TableHeadCell as TableHeadCellV2 } from './table-head-cell';
+export { TableRowSelect as TableRowSelectV2 } from './table-row-select';
+export { TableRowExpand as TableRowExpandV2 } from './table-row-expand';
+export type { TableProps as TableV2Props, TableCellProps as TableCellV2Props, TableHeadCellProps as TableHeadCellV2Props, TableCellAlignment as TableCellV2Alignment, TableCellTextAlignment as TableCellV2TextAlignment, TableSize as TableV2Size, TableSortDirection as TableV2SortDirection, TableHeadCellSortEventDetails as TableHeadCellV2SortEventDetails, TableSelectEventDetails as TableSelectEventDetailsV2, TableExpandEventDetails as TableExpandEventDetailsV2, } from './table.types';

package/dist/components/table-v2/table-body.d.ts

@@ -0,0 +1,12 @@
+import { Component } from '../component';
+export declare class TableBody extends Component {
+    static styles: import("lit").CSSResult[][];
+    static define(): void;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-table-body-v2': TableBody;
+    }
+}

package/dist/components/table-v2/table-cell.d.ts

@@ -0,0 +1,48 @@
+import type { PropertyValues } from 'lit';
+import { Component } from '../component';
+import type { TableCellProps } from './table.types';
+export declare const defaultTableCellProps: {
+    readonly align: "center";
+    readonly justify: "flex-start";
+    readonly textAlign: "left";
+};
+export declare class TableCell extends Component implements TableCellProps {
+    static styles: import("lit").CSSResult[][];
+    static get properties(): {
+        align: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        colspan: {
+            type: NumberConstructor;
+            reflect: boolean;
+        };
+        justify: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        role: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        textAlign: {
+            type: StringConstructor;
+            reflect: boolean;
+            attribute: string;
+        };
+    };
+    align: TableCellProps['align'];
+    justify: TableCellProps['justify'];
+    colspan: TableCellProps['colspan'];
+    textAlign: TableCellProps['textAlign'];
+    static define(): void;
+    connectedCallback(): void;
+    firstUpdated(changedProperties: PropertyValues<this>): void;
+    update(changedProperties: PropertyValues<this>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-table-cell-v2': TableCell;
+    }
+}

package/dist/components/table-v2/table-foot.d.ts

@@ -0,0 +1,18 @@
+import { Component } from '../component';
+export declare class TableFoot extends Component {
+    static styles: import("lit").CSSResult[][];
+    static get properties(): {
+        role: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+    };
+    static define(): void;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-table-foot-v2': TableFoot;
+    }
+}

package/dist/components/table-v2/table-head-cell.d.ts

@@ -0,0 +1,78 @@
+import type { PropertyValues } from 'lit';
+import { Component } from '../component';
+import '../icon';
+import type { TableHeadCellProps } from './table.types';
+export declare const defaultTableHeadCellProps: {
+    readonly align: "center";
+    readonly justify: "flex-start";
+    readonly sortable: false;
+    readonly sortDirection: undefined;
+    readonly disabled: false;
+    readonly textAlign: "left";
+};
+export declare class TableHeadCell extends Component implements TableHeadCellProps {
+    #private;
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[][];
+    static get properties(): {
+        align: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        justify: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        colspan: {
+            type: NumberConstructor;
+            reflect: boolean;
+        };
+        columnId: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        role: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        sortable: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        sortDirection: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        textAlign: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        width: {
+            type: StringConstructor;
+        };
+    };
+    align: TableHeadCellProps['align'];
+    justify: TableHeadCellProps['justify'];
+    colspan: TableHeadCellProps['colspan'];
+    columnId: TableHeadCellProps['columnId'];
+    sortable: TableHeadCellProps['sortable'];
+    sortDirection: TableHeadCellProps['sortDirection'];
+    textAlign: TableHeadCellProps['textAlign'];
+    disabled: TableHeadCellProps['disabled'];
+    width: TableHeadCellProps['width'];
+    oncolumnsort: TableHeadCellProps['oncolumnsort'];
+    static define(): void;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected update(changedProperties: PropertyValues<TableHeadCellProps>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-table-head-cell-v2': TableHeadCell;
+    }
+}