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

package/dist/components/field/field.d.ts

@@ -29,6 +29,7 @@ export declare class Field extends Component implements FieldProps {
         };
         status: {
             type: StringConstructor;
+            reflect: boolean;
         };
         size: {
             type: StringConstructor;
@@ -62,6 +63,7 @@ export declare class Field extends Component implements FieldProps {
      */
     align: FieldProps['align'];
     private provider;
+    static define(): void;
     constructor();
     update(changedProperties: PropertyValues): void;
     render(): import("lit-html").TemplateResult<1>;

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

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

package/dist/components/header/header-content.d.ts

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

package/dist/components/header/header-tabs.d.ts

@@ -0,0 +1,21 @@
+import { Component } from '../component';
+declare const HeaderTabs_base: import("../../utils/types").Constructor<import("../../mixins/with-tabs").WithTabsProps> & typeof Component;
+export declare class HeaderTabs extends HeaderTabs_base {
+    static styles: import("lit").CSSResult[];
+    static get properties(): {
+        slot: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+    };
+    slot: string;
+    static define(): void;
+    constructor();
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-header-tabs': HeaderTabs;
+    }
+}
+export {};

package/dist/components/header/header-title.d.ts

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

package/dist/components/header/header.d.ts

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

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

@@ -2,5 +2,6 @@ declare function styles(): import("lit").CSSResult;
 export declare function headerTitleStyles(): import("lit").CSSResult;
 export declare function headerActionStyles(): import("lit").CSSResult;
 export declare function headerContentStyles(): import("lit").CSSResult;
+export declare function headerTabsStyles(): import("lit").CSSResult;
 export declare function subHeaderStyles(): import("lit").CSSResult;
 export default styles;

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

@@ -1,5 +1,6 @@
 export { Header } from './header';
 export { HeaderActions } from './header-actions';
 export { HeaderContent } from './header-content';
+export { HeaderTabs } from './header-tabs';
 export { HeaderTitle } from './header-title';
 export { SubHeader } from './sub-header';

package/dist/components/header/sub-header.d.ts

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

package/dist/components/label/label.d.ts

@@ -20,6 +20,7 @@ export declare class Label extends Component implements LabelProps {
     };
     required: LabelProps['required'];
     size: LabelProps['size'];
+    static define(): void;
     requiredTemplate(): import("lit-html").TemplateResult<1> | typeof nothing;
     private labelClassList;
     render(): import("lit-html").TemplateResult<1>;

package/dist/components/labeled-value/labeled-value-label.d.ts

@@ -24,6 +24,7 @@ export declare class LabeledValueLabel extends Text {
         };
     };
     role: string;
+    static define(): void;
     constructor();
     connectedCallback(): void;
     update(changedProperties: PropertyValues<this>): void;

package/dist/components/labeled-value/labeled-value-value.d.ts

@@ -1,5 +1,6 @@
 import { Text } from '../text';
 export declare class LabeledValueValue extends Text {
+    static define(): void;
     connectedCallback(): void;
 }
 declare global {

package/dist/components/labeled-value/labeled-value.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from 'lit';
 import type { SpacingTokenWithNone } from '@loadsmart/miranda-tokens';
+import { Component } from '../component';
 import type { AlignItemsValue } from '../layout';
 import type { JustifyContentValue } from '../layout/layout.types';
 import type { TextProps } from '../text';
@@ -58,7 +58,8 @@ export interface LabeledValueProps {
      */
     valueColor?: TextProps['color'];
 }
-export declare class LabeledValue extends LitElement implements LabeledValueProps {
+export declare class LabeledValue extends Component implements LabeledValueProps {
+    static define(): void;
     constructor();
     static get properties(): {
         inline: {

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

@@ -1,7 +1,7 @@
-import { LitElement } from 'lit';
 import type { PropertyValues } from 'lit';
 import type { BaseLayoutProps } from './base-layout.types';
-export declare class BaseLayout extends LitElement implements BaseLayoutProps {
+import { Component } from '../../component';
+export declare class BaseLayout extends Component implements BaseLayoutProps {
     #private;
     static get properties(): {
         padding: {

package/dist/components/layout/box/box.d.ts

@@ -59,6 +59,7 @@ export declare class Box extends BaseLayout implements BoxProps {
     borderColor: BoxProps['borderColor'];
     textAlign: BoxProps['textAlign'];
     getCSSPropertiesPrefix(): string;
+    static define(): void;
     protected update(changedProperties: PropertyValues<BoxProps>): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/layout/grid/grid.d.ts

@@ -53,6 +53,7 @@ export declare class Grid extends BaseLayout implements GridProps {
     columnGap: GridProps['columnGap'];
     minColumnWidth: GridProps['minColumnWidth'];
     getCSSPropertiesPrefix(): string;
+    static define(): void;
     protected update(changedProperties: PropertyValues<GridProps>): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/layout/group/group.d.ts

@@ -46,6 +46,7 @@ export declare class Group extends BaseLayout implements GroupProps {
     align: GroupProps['align'];
     justify: GroupProps['justify'];
     getCSSPropertiesPrefix(): string;
+    static define(): void;
     protected update(changedProperties: PropertyValues<GroupProps>): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/layout/row/column.d.ts

@@ -1,7 +1,7 @@
-import { LitElement } from 'lit';
 import type { PropertyValues } from 'lit';
+import { Component } from '../../component';
 import type { ColumnProps } from './row.types';
-export declare class Column extends LitElement implements ColumnProps {
+export declare class Column extends Component implements ColumnProps {
     protected static CSSPropertiesPrefix: string;
     static styles: import("lit").CSSResult[];
     static get properties(): {
@@ -39,6 +39,7 @@ export declare class Column extends LitElement implements ColumnProps {
     offsetSm: ColumnProps['offsetSm'];
     offsetMd: ColumnProps['offsetMd'];
     offsetLg: ColumnProps['offsetLg'];
+    static define(): void;
     connectedCallback(): void;
     protected update(changedProperties: PropertyValues<this>): void;
     render(): import("lit-html").TemplateResult<1>;

package/dist/components/layout/row/container.d.ts

@@ -1,7 +1,8 @@
-import { LitElement } from 'lit';
-export declare class Container extends LitElement {
+import { Component } from '../../component';
+export declare class Container extends Component {
     protected static CSSPropertiesPrefix: string;
     static styles: import("lit").CSSResult[];
+    static define(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/components/layout/row/row.d.ts

@@ -1,7 +1,7 @@
-import { LitElement } from 'lit';
 import type { PropertyValues } from 'lit';
+import { Component } from '../../component';
 import type { RowProps } from './row.types';
-export declare class Row extends LitElement implements RowProps {
+export declare class Row extends Component implements RowProps {
     protected static CSSPropertiesPrefix: string;
     static styles: import("lit").CSSResult[];
     static get properties(): {
@@ -20,6 +20,7 @@ export declare class Row extends LitElement implements RowProps {
     gap: RowProps['gap'];
     columnGap: RowProps['columnGap'];
     rowGap: RowProps['rowGap'];
+    static define(): void;
     connectedCallback(): void;
     protected update(changedProperties: PropertyValues<this>): void;
     render(): import("lit-html").TemplateResult<1>;

package/dist/components/layout/sidebar/sidebar.d.ts

@@ -51,6 +51,7 @@ export declare class Sidebar extends BaseLayout implements SidebarProps {
     sideWidth: SidebarProps['sideWidth'];
     minContentWidth: SidebarProps['minContentWidth'];
     reversed: SidebarProps['reversed'];
+    static define(): void;
     constructor();
     getCSSPropertiesPrefix(): string;
     protected update(changedProperties: PropertyValues<SidebarProps>): void;

package/dist/components/layout/stack/stack.d.ts

@@ -46,6 +46,7 @@ export declare class Stack extends BaseLayout implements StackProps {
     align: StackProps['align'];
     justify: StackProps['justify'];
     getCSSPropertiesPrefix(): string;
+    static define(): void;
     protected update(changedProperties: PropertyValues<StackProps>): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/layout/switcher/switcher.d.ts

@@ -56,6 +56,7 @@ export declare class Switcher extends BaseLayout implements SwitcherProps {
     threshold: SwitcherProps['threshold'];
     limit: SwitcherProps['limit'];
     getCSSPropertiesPrefix(): string;
+    static define(): void;
     protected update(changedProperties: PropertyValues<SwitcherProps>): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/link/link.d.ts

@@ -117,6 +117,7 @@ export declare class Link extends Component {
      * Disables the link.
      */
     disabled?: boolean;
+    static define(): void;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/logo-loader/logo-loader.d.ts

@@ -1,9 +1,9 @@
 import type { PropertyValues } from 'lit';
-import { LitElement } from 'lit';
+import { Component } from '../component';
 export interface LogoLoaderProps {
     size?: string;
 }
-export declare class LogoLoader extends LitElement {
+export declare class LogoLoader extends Component {
     #private;
     size: LogoLoaderProps['size'];
     static styles: import("lit").CSSResult[];
@@ -13,6 +13,7 @@ export declare class LogoLoader extends LitElement {
             reflect: boolean;
         };
     };
+    static define(): void;
     connectedCallback(): void;
     protected update(changedProperties: PropertyValues<LogoLoader>): void;
     render(): import("lit-html").TemplateResult<2>;

package/dist/components/page-content/page-content.d.ts

@@ -1,6 +1,7 @@
-import { LitElement } from 'lit';
-export declare class PageContent extends LitElement {
+import { Component } from '../component';
+export declare class PageContent extends Component {
     static styles: import("lit").CSSResult[];
+    static define(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/components/pagination/pagination.d.ts

@@ -1,8 +1,8 @@
+import { Component } from '../component';
 import '../layout';
 import '../icon';
 import '../button';
 import '../text';
-import { Component } from '../component';
 export interface PaginationChangeEventDetails {
     page: number;
     pageSize: number;
@@ -16,6 +16,7 @@ export interface PaginationProps {
 }
 export declare class Pagination extends Component implements PaginationProps {
     static styles: import("lit").CSSResult[];
+    static define(): void;
     static get properties(): {
         count: {
             type: NumberConstructor;

package/dist/components/popover/popover.d.ts

@@ -1,6 +1,6 @@
 import type { PropertyValues } from 'lit';
-import type { PopoverProps } from './popover.types';
 import { Component } from '../component';
+import type { PopoverProps } from './popover.types';
 export declare const POPOVER_PLACEMENT_VALUES: string[];
 export declare class Popover extends Component {
     #private;

package/dist/components/progress-bar/progress-bar.d.ts

@@ -1,11 +1,11 @@
-import { LitElement } from 'lit';
+import { Component } from '../component';
 export type ProgressBarVariant = 'default' | 'success' | 'warning' | 'danger';
 export interface ProgressBarProps {
     variant?: ProgressBarVariant;
     value: number;
     max: number;
 }
-export declare class ProgressBar extends LitElement implements ProgressBarProps {
+export declare class ProgressBar extends Component implements ProgressBarProps {
     #private;
     static styles: import("lit").CSSResult[];
     static get properties(): {
@@ -34,6 +34,7 @@ export declare class ProgressBar extends LitElement implements ProgressBarProps
      * Describes how much work the task indicated by the progress element requires.
      */
     max: ProgressBarProps['max'];
+    static define(): void;
     constructor();
     connectedCallback(): void;
     protected updated(): void;

package/dist/components/progress-bar-countdown/progress-bar-countdown.d.ts

@@ -2,6 +2,7 @@ import type { ProgressBarProps } from '../progress-bar';
 import { ProgressBar } from '../progress-bar';
 export type ProgressBarCountdownProps = Omit<ProgressBarProps, 'variant'>;
 export declare class ProgressBarCountdown extends ProgressBar implements ProgressBarCountdownProps {
+    static define(): void;
     get currentVariant(): "danger" | "warning" | "success";
 }
 declare global {

package/dist/components/radio-group/radio-group.d.ts

@@ -1,7 +1,7 @@
 import type { PropertyValues } from 'lit';
 import { Component } from '../component';
 import { fromAttribute } from '../../controllers/selection';
-import type { AcceptedType, SelectionType } from '../../controllers/selection';
+import type { AcceptedType } from '../../controllers/selection';
 export type RadioGroupOrientation = 'vertical' | 'horizontal';
 export interface RadioGroupProps {
     initialValue?: AcceptedType;
@@ -63,8 +63,8 @@ export declare class RadioGroup extends RadioGroup_base implements RadioGroupPro
      * Current selected value.
      */
     providedValue: RadioGroupProps['value'];
+    static define(): void;
     constructor();
-    getSelectionType(): SelectionType;
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
     protected update(changedProperties: PropertyValues<this>): void;

package/dist/components/radio-group/radio.d.ts

@@ -27,6 +27,7 @@ export declare class Radio extends Radio_base implements RadioProps {
      * The button initial state
      */
     checked: RadioProps['checked'];
+    static define(): void;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/components/section/section-title.d.ts

@@ -1,15 +1,9 @@
-import { LitElement } from 'lit';
+import { Component } from '../component';
 export type SectionSize = 'small' | 'default' | 'large';
-declare const allowedTags: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "p", "span"];
 export interface SectionProps {
     size?: SectionSize;
-    as?: (typeof allowedTags)[number];
 }
-declare const SectionTitle_base: import("../../utils/types").Constructor<{
-    as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
-    readonly tag: import("lit-html/static").StaticValue;
-}> & typeof LitElement;
-export declare class SectionTitle extends SectionTitle_base implements SectionProps {
+export declare class SectionTitle extends Component implements SectionProps {
     static styles: import("lit").CSSResult[];
     static get properties(): {
         slot: {
@@ -18,16 +12,17 @@ export declare class SectionTitle extends SectionTitle_base implements SectionPr
         };
         size: {
             type: StringConstructor;
+            reflect: boolean;
         };
     };
     size: SectionProps['size'];
     slot: string;
+    static define(): void;
     constructor();
-    render(): import("lit-html").TemplateResult;
+    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'm-section-title': SectionTitle;
     }
 }
-export {};

package/dist/components/section/section.d.ts

@@ -1,7 +1,8 @@
-import { LitElement } from 'lit';
+import { Component } from '../component';
 import '../divider';
-export declare class Section extends LitElement {
+export declare class Section extends Component {
     static styles: import("lit").CSSResult[];
+    static define(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/components/select/select-option.d.ts

@@ -37,11 +37,15 @@ export declare class SelectOption extends SelectOption_base implements SelectOpt
      * Should the option represent a destructive action?
      */
     destructive: SelectOptionProps['destructive'];
+    static define(): void;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected update(changedProperties: PropertyValues<this>): void;
     render(): import("lit-html").TemplateResult<1>;
+    get label(): string;
+    get leading(): Element;
+    get trailing(): Element;
     formResetCallback(): void;
     formStateRestoreCallback(state: unknown): void;
     formDisabledCallback(disabled: boolean): void;

package/dist/components/select/select.d.ts

@@ -3,12 +3,14 @@ import { Popover } from '../popover';
 import { fromAttribute } from '../../controllers/selection';
 import type { AcceptedType, SelectionType } from '../../controllers/selection';
 import type { FieldStatus } from '../field';
+import type { SelectOption } from './select-option';
 import type { DataSource } from './select.types';
 import '../close-button';
 import '../icon';
 import '../layout/box';
 import '../tag';
 import '../text-field';
+import './select-option';
 export type SelectSize = 'small' | 'default' | 'large';
 export interface SelectProps {
     disabled?: boolean;
@@ -36,6 +38,7 @@ export declare class Select extends Select_base implements SelectProps {
     static get properties(): {
         disabled: {
             type: BooleanConstructor;
+            reflect: boolean;
         };
         initialValue: {
             type: StringConstructor;
@@ -75,6 +78,12 @@ export declare class Select extends Select_base implements SelectProps {
             type: StringConstructor;
             reflect: boolean;
         };
+        filteredOptions: {
+            state: boolean;
+        };
+        slottedOptions: {
+            state: boolean;
+        };
         position: {
             type: StringConstructor;
             reflect: boolean;
@@ -127,30 +136,33 @@ export declare class Select extends Select_base implements SelectProps {
      * Current selected value.
      */
     providedValue: SelectProps['value'];
+    /**
+     * Options that have been slotted into the menu.
+     */
+    slottedOptions: SelectOption[];
+    /**
+     * Options that have been filtered based on the search term.
+     */
+    filteredOptions: SelectOption[];
     private field;
+    static define(): void;
     constructor();
-    getSelectionType(): SelectionType;
-    createRenderRoot(): Element | ShadowRoot;
+    createRenderRoot(): DocumentFragment | HTMLElement;
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
     update(changedProperties: PropertyValues<this>): void;
+    updated(changedProperties: PropertyValues<this>): void;
     getReferenceElement(): HTMLInputElement | null;
     getFloatingElement(): HTMLElement | null;
     getArrowElement(): null;
     render(): import("lit-html").TemplateResult<1>;
     get dataSources(): Map<string, DataSource>;
     get trigger(): HTMLInputElement | null;
-    get query(): string;
     get leading(): HTMLSpanElement | null;
     get tags(): Element | null;
     private get isMultiple();
     get value(): string | string[] | null;
     set value(value: string | string[] | null);
-    /**
-     * Imperatively select option(s) by value(s).
-     * This is here to be used especifically for testing purposes.
-     */
-    select: (value: string | string[]) => void;
     clear: () => Promise<void>;
     expand: () => void;
     collapse: () => Promise<void>;
@@ -161,7 +173,25 @@ export declare class Select extends Select_base implements SelectProps {
     /**
      * Trigger search operation for the select.
      */
-    search: (query: string) => Promise<void>;
+    search: (searchTerm: string, options?: {
+        emit: boolean;
+        expand: boolean;
+    }) => Promise<void>;
+    /**
+     * Toggle option(s) by value(s).
+     * This can also be used for testing purposes.
+     */
+    toggleOptions: (value?: string | string[]) => void;
+    /**
+     * Select option(s) by value(s).
+     * This can also be used for testing purposes.
+     */
+    selectOptions: (value?: string | string[]) => void;
+    /**
+     * Unselect option(s) by value(s).
+     * This can also be used for testing purposes.
+     */
+    unselectOptions: (value?: string | string[]) => void;
     protected handleFormReset: () => void;
     formDisabledCallback(disabled: boolean): void;
 }

package/dist/components/select/select.helpers.d.ts

@@ -1,17 +1,2 @@
-import type { Option, DataSource } from './select.types';
-export declare function createOption({ name, value, label, disabled, selected, leading, trailing, }: {
-    name: string;
-    value: string;
-    label: string;
-    disabled: boolean;
-    selected: boolean;
-    leading: Element | null;
-    trailing: Element | null;
-}): import("./select-option").SelectOption & {
-    innerHTML: string;
-    disabled: boolean;
-    name: string;
-    value: string;
-    selected: boolean;
-};
-export declare function StaticDataSource(options: Option[]): DataSource;
+export declare function cleanUpLabel(label: string): string;
+export declare function cleanUpOptionLabel(option: HTMLElement): string;

package/dist/components/spinner-wheel/spinner-wheel.d.ts

@@ -1,9 +1,9 @@
 import type { PropertyValues } from 'lit';
-import { LitElement } from 'lit';
+import { Component } from '../component';
 export interface SpinnerWheelProps {
     size?: string;
 }
-export declare class SpinnerWheel extends LitElement {
+export declare class SpinnerWheel extends Component {
     static styles: import("lit").CSSResult[];
     static get properties(): {
         size: {
@@ -11,6 +11,7 @@ export declare class SpinnerWheel extends LitElement {
         };
     };
     size: SpinnerWheelProps['size'];
+    static define(): void;
     update(changedProperties: PropertyValues<SpinnerWheel>): void;
     render(): import("lit-html").TemplateResult<2>;
 }