@loadsmart/miranda-wc 1.34.0 → 1.35.0

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

@@ -0,0 +1,5 @@
+export { Tabs } from './tabs';
+export { Tab } from './tab';
+export { TabPanel } from './tab-panel';
+export type { TabsProps, TabProps, TabPanelProps, TabContentDirection, TabChangeEventDetail, } from './tabs.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EACX,SAAS,EACT,QAAQ,EACR,aAAa,EACb,mBAAmB,EACnB,oBAAoB,GACpB,MAAM,cAAc,CAAC"}

package/dist/components/tabs/tab-panel.d.ts

@@ -0,0 +1,86 @@
+import { type PropertyValues } from 'lit';
+import type { TabPanelProps } from './tabs.types';
+import { Box } from '../layout';
+export declare class TabPanel extends Box {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static get properties(): {
+        forTab: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        lazy: {
+            type: BooleanConstructor;
+        };
+        backgroundColor: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        borderRadius: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        borderWidth: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        borderColor: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        textAlign: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        padding: {
+            type: StringConstructor;
+        };
+        paddingX: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        paddingY: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        paddingT: {
+            type: StringConstructor;
+            /**
+             * The name of the tab that controls this panel.
+             */
+            attribute: string;
+        };
+        paddingB: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        paddingL: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        paddingR: {
+            type: StringConstructor;
+            attribute: string;
+        };
+    };
+    /**
+     * The name of the tab that controls this panel.
+     */
+    forTab: TabPanelProps['forTab'];
+    /**
+     * If set to true, the content will only be rendered if the tab is selected.
+     * Otherwise it's just hidden.
+     */
+    lazy: TabPanelProps['lazy'];
+    private tabs;
+    constructor();
+    connectedCallback(): void;
+    protected updated(changedProperties: PropertyValues<this>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-tab-panel': TabPanel;
+    }
+}
+//# sourceMappingURL=tab-panel.d.ts.map

package/dist/components/tabs/tab-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tab-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAEhC,qBAAa,QAAS,SAAQ,GAAG;;IAChC,OAAgB,MAAM,4BAA+B;IAErD,WAAoB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAQ9B;;eAEG;;;;;;;;;;;;;;;MAJF;IAED;;OAEG;IACK,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAExC;;;OAGG;IACK,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAEpC,OAAO,CAAC,IAAI,CAA2D;;IAU9D,iBAAiB,IAAI,IAAI;cAQf,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAiBhE,MAAM;CAcf;AAID,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,QAAQ,CAAC;KACxB;CACD"}

package/dist/components/tabs/tab-panel.styles.d.ts

@@ -0,0 +1,3 @@
+declare function styles(): import("lit").CSSResult;
+export default styles;
+//# sourceMappingURL=tab-panel.styles.d.ts.map

package/dist/components/tabs/tab-panel.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.styles.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tab-panel.styles.ts"],"names":[],"mappings":"AAEA,iBAAS,MAAM,4BAQd;AAED,eAAe,MAAM,CAAC"}

package/dist/components/tabs/tab.d.ts

@@ -0,0 +1,41 @@
+import { type PropertyValues } from 'lit';
+import { Component } from '../component';
+import type { TabProps } from './tabs.types';
+export declare class Tab extends Component {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static get properties(): {
+        name: {
+            type: StringConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        slot: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+    };
+    slot: string;
+    /**
+     * Name of the tab, raised with the event.
+     */
+    name: TabProps['name'];
+    /**
+     * Should the button be disabled.
+     */
+    disabled: TabProps['disabled'];
+    private tabs;
+    constructor();
+    connectedCallback(): void;
+    protected updated(changedProperties: PropertyValues<this>): void;
+    render(): import("lit-html").TemplateResult<1>;
+    focus(options?: FocusOptions | undefined): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-tab': Tab;
+    }
+}
+//# sourceMappingURL=tab.d.ts.map

package/dist/components/tabs/tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIhD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,OAAO,KAAK,EAAE,QAAQ,EAAe,MAAM,cAAc,CAAC;AAG1D,qBAAa,GAAI,SAAQ,SAAS;;IACjC,OAAgB,MAAM,4BAAc;IAEpC,WAAoB,UAAU;;;;;;;;;;;;MAM7B;IAEO,IAAI,EAAE,MAAM,CAAC;IAErB;;OAEG;IACK,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAE/B;;OAEG;IACK,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IAEvC,OAAO,CAAC,IAAI,CAA2D;;IAQ9D,iBAAiB,IAAI,IAAI;cAWf,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAmBhE,MAAM;IAmBN,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,GAAG,IAAI;CAmCxD;AAID,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,OAAO,EAAE,GAAG,CAAC;KACb;CACD"}

package/dist/components/tabs/tab.styles.d.ts

@@ -0,0 +1,3 @@
+declare function styles(): import("lit").CSSResult;
+export default styles;
+//# sourceMappingURL=tab.styles.d.ts.map

package/dist/components/tabs/tab.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.styles.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tab.styles.ts"],"names":[],"mappings":"AAKA,iBAAS,MAAM,4BAsFd;AAED,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare const TAB_SELECT_EVENT = "m-select-tab";
+//# sourceMappingURL=tabs.constants.d.ts.map

package/dist/components/tabs/tabs.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.constants.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,iBAAiB,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { TabsContext } from './tabs.types';
+declare const tabsContext: {
+    __context__: TabsContext;
+};
+export default tabsContext;
+//# sourceMappingURL=tabs.context.d.ts.map

package/dist/components/tabs/tabs.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.context.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,QAAA,MAAM,WAAW;;CAAqC,CAAC;AAEvD,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,66 @@
+import { type PropertyValues } from 'lit';
+import type { SelectionState, SelectionType } from '../../controllers/selection';
+import { Component } from '../component';
+import type { TabsProps } from './tabs.types';
+export declare class Tabs extends Component {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static get properties(): {
+        activeTab: {
+            type: StringConstructor;
+            attribute: string;
+            reflect: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        lazy: {
+            type: BooleanConstructor;
+        };
+        selection: {
+            state: boolean;
+        };
+        tabContentDirection: {
+            type: StringConstructor;
+            attribute: string;
+        };
+    };
+    /**
+     * Controlled value of the selected tab.
+     */
+    activeTab: TabsProps['activeTab'];
+    /**
+     * Direction of the tabs content.
+     */
+    tabContentDirection: TabsProps['tabContentDirection'];
+    /**
+     * Should the tabs be disabled.
+     */
+    disabled: TabsProps['disabled'];
+    /**
+     * If set to true, the tab-panels content will only be rendered if the tab is selected.
+     * Otherwise it's just hidden.
+     */
+    lazy: TabsProps['lazy'];
+    /**
+     * Type of selection to be managed.
+     * It is necessary due to elegibility as a SelectionHost for the SelectionController.
+     */
+    type: SelectionType;
+    /**
+     * Inner tab selection state.
+     */
+    selection: SelectionState;
+    private provider;
+    constructor();
+    connectedCallback(): void;
+    protected update(changedProperties: PropertyValues<this>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-tabs': Tabs;
+    }
+}
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIhD,OAAO,KAAK,EACX,cAAc,EACd,aAAa,EACb,MAAM,6BAA6B,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,qBAAa,IAAK,SAAQ,SAAS;;IAClC,OAAgB,MAAM,4BAAc;IAMpC,WAAoB,UAAU;;;;;;;;;;;;;;;;;;;;MAQ7B;IAED;;OAEG;IACK,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAE1C;;OAEG;IACK,mBAAmB,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAE9D;;OAEG;IACK,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAExC;;;OAGG;IACK,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAEhC;;;OAGG;IACK,IAAI,EAAE,aAAa,CAAC;IAE5B;;OAEG;IACK,SAAS,EAAE,cAAc,CAAC;IAElC,OAAO,CAAC,QAAQ,CAKb;;IAaM,iBAAiB,IAAI,IAAI;cAYf,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAiC/D,MAAM;CAoCf;AAID,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,QAAQ,EAAE,IAAI,CAAC;KACf;CACD"}

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

@@ -0,0 +1,3 @@
+declare function styles(): import("lit").CSSResult;
+export default styles;
+//# sourceMappingURL=tabs.styles.d.ts.map

package/dist/components/tabs/tabs.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.styles.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.styles.ts"],"names":[],"mappings":"AAIA,iBAAS,MAAM,4BAgBd;AAED,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,54 @@
+import type { AcceptedType, SelectionState } from '../../controllers/selection';
+export type TabContentDirection = 'vertical' | 'horizontal';
+export type TabChangeEventDetail = {
+    value: SelectionState;
+};
+export type TabsProps = {
+    /**
+     * Controlled value of the selected tab.
+     */
+    activeTab?: AcceptedType;
+    /**
+     * Direction of the tabs content.
+     * @default 'horizontal'
+     */
+    tabContentDirection?: TabContentDirection;
+    /**
+     * Should the tabs be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * If set to true, the tab-panels content will only be rendered if the tab is selected.
+     * Otherwise it's just hidden.
+     */
+    lazy?: boolean;
+    /**
+     * Event triggered on tab change.
+     */
+    'm-tab-change'?: (event: CustomEvent<TabChangeEventDetail>) => void;
+};
+export type TabProps = {
+    /**
+     * Name of the tab, raised with the event.
+     */
+    name: string;
+    /**
+     * Should the tab be disabled.
+     */
+    disabled?: boolean;
+};
+export type TabPanelProps = {
+    /**
+     * The name of the tab that controls this panel.
+     */
+    forTab: string;
+    /**
+     * If set to true, the content will only be rendered if the tab is selected.
+     * Otherwise it's just hidden.
+     */
+    lazy?: boolean;
+};
+export type TabsContext = Pick<TabsProps, 'tabContentDirection' | 'disabled' | 'lazy'> & {
+    selection: SelectionState;
+};
+//# sourceMappingURL=tabs.types.d.ts.map

package/dist/components/tabs/tabs.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.types.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAEhF,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,YAAY,CAAC;AAE5D,MAAM,MAAM,oBAAoB,GAAG;IAClC,KAAK,EAAE,cAAc,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;CACpE,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACtB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,IAAI,CAC7B,SAAS,EACT,qBAAqB,GAAG,UAAU,GAAG,MAAM,CAC3C,GAAG;IACH,SAAS,EAAE,cAAc,CAAC;CAC1B,CAAC"}

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export * from './components/layout';
 export * from './components/progress-bar';
 export * from './components/progress-bar-countdown';
 export * from './components/radio-group';
+export * from './components/tabs';
 export * from './components/tag';
 export * from './components/text';
 export * from './components/text-field';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC"}