@covalent/components 11.0.1-beta.2 → 11.1.0

package/linear-progress/linear-progress.d.ts

@@ -0,0 +1,10 @@
+import { LinearProgressBase } from '@material/mwc-linear-progress/mwc-linear-progress-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-linear-progress': CovalentLinearProgress;
+    }
+}
+export declare class CovalentLinearProgress extends LinearProgressBase {
+    static styles: import("lit").CSSResult[];
+}
+export default CovalentLinearProgress;

package/list/check-list-item.d.ts

@@ -0,0 +1,10 @@
+import { CheckListItemBase } from '@material/mwc-list/mwc-check-list-item-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-check-list-item': CovalentCheckListItem;
+    }
+}
+export declare class CovalentCheckListItem extends CheckListItemBase {
+    static styles: import("lit").CSSResult[];
+}
+export default CovalentCheckListItem;

package/list/list-item.d.ts

@@ -0,0 +1,10 @@
+import { ListItemBase } from '@material/mwc-list/mwc-list-item-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-list-item': CovalentListItem;
+    }
+}
+export declare class CovalentListItem extends ListItemBase {
+    static styles: import("lit").CSSResult[];
+}
+export default CovalentListItem;

package/list/list.d.ts

@@ -0,0 +1,10 @@
+import { ListBase } from '@material/mwc-list/mwc-list-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-list': CovalentList;
+    }
+}
+export declare class CovalentList extends ListBase {
+    static styles: import("lit").CSSResult[];
+}
+export default CovalentList;

package/list/nav-list-item.d.ts

@@ -0,0 +1,29 @@
+import { CovalentListItem } from './list-item';
+import CovalentList from './list';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-nav-list-item': CovalentNavRailListItem;
+    }
+}
+export declare class CovalentNavRailListItem extends CovalentListItem {
+    static styles: import("lit").CSSResult[];
+    expansionPanelElements: CovalentList[];
+    open: boolean;
+    hasChildren: boolean;
+    activated: boolean;
+    private lastKeySelected;
+    private _toggleOpen;
+    private _handleKeydown;
+    private _handleRequestSelected;
+    private _deselectChildren;
+    private _deselectHeader;
+    private _updateMaxHeight;
+    renderExpansionItem(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected renderMeta(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default CovalentNavRailListItem;

package/list/radio-list-item.d.ts

@@ -0,0 +1,10 @@
+import { RadioListItemBase } from '@material/mwc-list/mwc-radio-list-item-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-radio-list-item': CovalentRadioListItem;
+    }
+}
+export declare class CovalentRadioListItem extends RadioListItemBase {
+    static styles: import("lit").CSSResult[];
+}
+export default CovalentRadioListItem;

package/menu/menu.d.ts

@@ -0,0 +1,10 @@
+import { MenuBase } from '@material/mwc-menu/mwc-menu-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-menu': CovalentMenu;
+    }
+}
+export declare class CovalentMenu extends MenuBase {
+    static styles: import("lit").CSSResult[];
+}
+export default CovalentMenu;

package/notebook-cell/notebook-cell.d.ts

@@ -0,0 +1,95 @@
+import { LitElement, PropertyValues } from 'lit';
+import '../code-editor/code-editor';
+import '../code-snippet/code-snippet';
+import '../icon-button/icon-button';
+import '../typography/typography';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-notebook-cell': CovalentNotebookCell;
+    }
+}
+/**
+ * Notebook cell
+ *
+ * @slot - This element has a slot
+ */
+export declare class CovalentNotebookCell extends LitElement {
+    /**
+     * The index of the cell in a notebook
+     */
+    index?: number;
+    /**
+     * Code written in the cell
+     */
+    code: string;
+    /**
+     * Language of the code
+     */
+    language: string;
+    /**
+     * Whether the cell is loading
+     */
+    loading: boolean;
+    /**
+     * Whether the cell is selected
+     */
+    selected: boolean;
+    /**
+     * Number of times the cell was exceuted
+     */
+    timesExecuted: number;
+    /**
+     * Whether the editor is shown
+     */
+    hideEditor: boolean;
+    /**
+     * Whether the execution count is shown
+     */
+    hideCount: boolean;
+    /**
+     * Theme for the code editor
+     */
+    editorTheme: string;
+    private _editor;
+    private _editorFocused;
+    private _isMenuOpen;
+    private _menuMaxHeight;
+    private _menuPosition;
+    editorOptions: {
+        minimap: {
+            enabled: boolean;
+        };
+        wordWrap: string;
+        fontSize: string;
+        glyphMargin: boolean;
+        folding: boolean;
+        lineHeight: number;
+        lineNumbers: string;
+        lineDecorationsWidth: number;
+        lineNumbersMinChars: number;
+        renderIndentGuides: boolean;
+        renderLineHighlight: string;
+        overviewRulerLanes: number;
+        hideCursorInOverviewRuler: boolean;
+        scrollbar: {
+            alwaysConsumeMouseWheel: boolean;
+            vertical: string;
+        };
+    };
+    static styles: import("lit").CSSResult[];
+    constructor();
+    closeContextMenu(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleCodeChange(e: CustomEvent): void;
+    setEditorFocus(e: CustomEvent, setFocus: boolean): void;
+    setEditorInstance(e: CustomEvent): void;
+    showContextMenu(e: MouseEvent): void;
+    protected updated(changedProperties: PropertyValues): void;
+    getEditorBgColor(): string;
+    renderEditor(): import("lit-html").TemplateResult<1>;
+    renderOutput(): import("lit-html").TemplateResult<1>;
+    renderExecutionCount(): import("lit-html").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+export default CovalentNotebookCell;

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@covalent/components",
-  "version": "11.0.1-beta.2",
+  "version": "11.1.0",
   "description": "a catalog of material components for covalent",
   "main": "./index.js",
   "module": "./index.mjs",
   "exports": {
     ".": {
+      "types": "./index.d.ts",
       "sass": "./index.scss",
       "style": "./covalent.css",
       "import": "./index.mjs",
@@ -17,226 +18,287 @@
       "sass": "./theme/_index.scss"
     },
     "./action-ribbon": {
+      "types": "./action-ribbon/action-ribbon.d.ts",
       "import": "./action-ribbon.mjs",
       "require": "./action-ribbon.js"
     },
     "./alert": {
+      "types": "./alert/alert.d.ts",
       "import": "./alert.mjs",
       "require": "./alert.js"
     },
     "./app-shell": {
+      "types": "./app-shell/app-shell.d.ts",
       "import": "./app-shell.mjs",
       "require": "./app-shell.js"
     },
     "./badge": {
+      "types": "./badge/badge.d.ts",
       "import": "./badge.mjs",
       "require": "./badge.js"
     },
     "./button": {
+      "types": "./button/button.d.ts",
       "import": "./button.mjs",
       "require": "./button.js"
     },
     "./card": {
+      "types": "./card/card.d.ts",
       "import": "./card.mjs",
       "require": "./card.js"
     },
     "./checkbox": {
+      "types": "./checkbox/checkbox.d.ts",
       "import": "./checkbox.mjs",
       "require": "./checkbox.js"
     },
     "./check-list-item": {
+      "types": "./list/check-list-item.d.ts",
       "import": "./check-list-item.mjs",
       "require": "./check-list-item.js"
     },
     "./chip": {
+      "types": "./chips/chip.d.ts",
       "import": "./chip.mjs",
       "require": "./chip.js"
     },
     "./chip-set": {
+      "types": "./chips/chip-set.d.ts",
       "import": "./chip-set.mjs",
       "require": "./chip-set.js"
     },
     "./circular-progress": {
+      "types": "./circular-progress/circular-progress.d.ts",
       "import": "./circular-progress.mjs",
       "require": "./circular-progress.js"
     },
     "./code-editor": {
+      "types": "./code-editor/code-editor.d.ts",
       "import": "./code-editor.mjs",
       "require": "./code-editor.js"
     },
     "./code-snippet": {
+      "types": "./code-snippet/code-snippet.d.ts",
       "import": "./code-snippet.mjs",
       "require": "./code-snippet.js"
     },
     "./dialog": {
+      "types": "./dialog/dialog.d.ts",
       "import": "./dialog.mjs",
       "require": "./dialog.js"
     },
+    "./divider": {
+      "types": "./divider/divider.d.ts",
+      "import": "./divider.mjs",
+      "require": "./divider.js"
+    },
     "./drawer": {
+      "types": "./drawer/drawer.d.ts",
       "import": "./drawer.mjs",
       "require": "./drawer.js"
     },
     "./empty-state": {
+      "types": "./empty-state/empty-state.d.ts",
       "import": "./empty-state.mjs",
       "require": "./empty-state.js"
     },
     "./expansion-panel": {
+      "types": "./expansion-panel/expansion-panel.d.ts",
       "import": "./expansion-panel.mjs",
       "require": "./expansion-panel.js"
     },
     "./expansion-panel-item": {
+      "types": "./expansion-panel/expansion-panel-item.d.ts",
       "import": "./expansion-panel-item.mjs",
       "require": "./expansion-panel-item.js"
     },
     "./focused-page": {
+      "types": "./focused-page/focused-page.d.ts",
       "import": "./focused-page.mjs",
       "require": "./focused-page.js"
     },
     "./formfield": {
+      "types": "./formfield/formfield.d.ts",
       "import": "./formfield.mjs",
       "require": "./formfield.js"
     },
     "./full-screen-dialog": {
+      "types": "./full-screen-dialog/full-screen-dialog.d.ts",
       "import": "./full-screen-dialog.mjs",
       "require": "./full-screen-dialog.js"
     },
     "./icon": {
+      "types": "./icon/icon.d.ts",
       "import": "./icon.mjs",
       "require": "./icon.js"
     },
     "./icon-button": {
+      "types": "./icon-button/icon-button.d.ts",
       "import": "./icon-button.mjs",
       "require": "./icon-button.js"
     },
     "./icon-button-toggle": {
+      "types": "./icon-button-toggle/icon-button-toggle.d.ts",
       "import": "./icon-button-toggle.mjs",
       "require": "./icon-button-toggle.js"
     },
     "./icon-check-toggle": {
+      "types": "./icon-checkbox/icon-check-toggle.d.ts",
       "import": "./icon-check-toggle.mjs",
       "require": "./icon-check-toggle.js"
     },
     "./icon-lockup": {
+      "types": "./icon-lockup/icon-lockup.d.ts",
       "import": "./icon-lockup.mjs",
       "require": "./icon-lockup.js"
     },
     "./icon-radio-toggle": {
+      "types": "./icon-radio/icon-radio-toggle.d.ts",
       "import": "./icon-radio-toggle.mjs",
       "require": "./icon-radio-toggle.js"
     },
     "./linear-progress": {
+      "types": "./linear-progress/linear-progress.d.ts",
       "import": "./linear-progress.mjs",
       "require": "./linear-progress.js"
     },
     "./list": {
+      "types": "./list/list.d.ts",
       "import": "./list.mjs",
       "require": "./list.js"
     },
     "./list-item": {
+      "types": "./list/list-item.d.ts",
       "import": "./list-item.mjs",
       "require": "./list-item.js"
     },
     "./menu": {
+      "types": "./menu/menu.d.ts",
       "import": "./menu.mjs",
       "require": "./menu.js"
     },
     "./nav-list-item": {
+      "types": "./list/nav-list-item.d.ts",
       "import": "./nav-list-item.mjs",
       "require": "./nav-list-item.js"
     },
     "./notebook-cell": {
+      "types": "./notebook-cell/notebook-cell.d.ts",
       "import": "./notebook-cell.mjs",
       "require": "./notebook-cell.js"
     },
     "./radio": {
+      "types": "./radio/radio.d.ts",
       "import": "./radio.mjs",
       "require": "./radio.js"
     },
     "./radio-list-item": {
+      "types": "./list/radio-list-item.d.ts",
       "import": "./radio-list-item.mjs",
       "require": "./radio-list-item.js"
     },
     "./select": {
+      "types": "./select/select.d.ts",
       "import": "./select.mjs",
       "require": "./select.js"
     },
     "./side-sheet": {
+      "types": "./side-sheet/side-sheet.d.ts",
       "import": "./side-sheet.mjs",
       "require": "./side-sheet.js"
     },
     "./slider": {
+      "types": "./slider/slider.d.ts",
       "import": "./slider.mjs",
       "require": "./slider.js"
     },
     "./slider-range": {
+      "types": "./slider/slider-range.d.ts",
       "import": "./slider-range.mjs",
       "require": "./slider-range.js"
     },
     "./snackbar": {
+      "types": "./snackbar/snackbar.d.ts",
       "import": "./snackbar.mjs",
       "require": "./snackbar.js"
     },
     "./status-dialog": {
+      "types": "./status-dialog/status-dialog.d.ts",
       "import": "./status-dialog.mjs",
       "require": "./status-dialog.js"
     },
     "./status-header": {
+      "types": "./status-header/status-header.d.ts",
       "import": "./status-header.mjs",
       "require": "./status-header.js"
     },
     "./status-header-item": {
+      "types": "./status-header/status-header-item.d.ts",
       "import": "./status-header-item.mjs",
       "require": "./status-header-item.js"
     },
     "./switch": {
+      "types": "./switch/switch.d.ts",
       "import": "./switch.mjs",
       "require": "./switch.js"
     },
     "./tab": {
+      "types": "./tab/tab.d.ts",
       "import": "./tab.mjs",
       "require": "./tab.js"
     },
     "./tab-bar": {
+      "types": "./tab/tab-bar.d.ts",
       "import": "./tab-bar.mjs",
       "require": "./tab-bar.js"
     },
     "./textarea": {
+      "types": "./textarea/textarea.d.ts",
       "import": "./textarea.mjs",
       "require": "./textarea.js"
     },
     "./textfield": {
+      "types": "./textfield/textfield.d.ts",
       "import": "./textfield.mjs",
       "require": "./textfield.js"
     },
     "./text-lockup": {
+      "types": "./text-lockup/text-lockup.d.ts",
       "import": "./text-lockup.mjs",
       "require": "./text-lockup.js"
     },
     "./toolbar": {
+      "types": "./toolbar/toolbar.d.ts",
       "import": "./toolbar.mjs",
       "require": "./toolbar.js"
     },
     "./tooltip": {
+      "types": "./tooltip/tooltip.d.ts",
       "import": "./tooltip.mjs",
       "require": "./tooltip.js"
     },
     "./top-app-bar": {
+      "types": "./top-app-bar/top-app-bar.d.ts",
       "import": "./top-app-bar.mjs",
       "require": "./top-app-bar.js"
     },
     "./top-app-bar-fixed": {
+      "types": "./top-app-bar/top-app-bar-fixed.d.ts",
       "import": "./top-app-bar-fixed.mjs",
       "require": "./top-app-bar-fixed.js"
     },
     "./tree-list": {
+      "types": "./tree-list/tree-list.d.ts",
       "import": "./tree-list.mjs",
       "require": "./tree-list.js"
     },
     "./tree-list-item": {
+      "types": "./tree-list/tree-list-item.d.ts",
       "import": "./tree-list-item.mjs",
       "require": "./tree-list-item.js"
     },
     "./typography": {
+      "types": "./typography/typography.d.ts",
       "import": "./typography.mjs",
       "require": "./typography.js"
     }

package/radio/radio.d.ts

@@ -0,0 +1,10 @@
+import { RadioBase } from '@material/mwc-radio/mwc-radio-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-radio': CovalentRadio;
+    }
+}
+export declare class CovalentRadio extends RadioBase {
+    static styles: import("lit").CSSResult[];
+}
+export default CovalentRadio;

package/select/select.d.ts

@@ -0,0 +1,10 @@
+import { SelectBase } from '@material/mwc-select/mwc-select-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-select': CovalentSelect;
+    }
+}
+export declare class CovalentSelect extends SelectBase {
+    static styles: import("lit").CSSResult[];
+}
+export default CovalentSelect;

package/side-sheet/side-sheet.d.ts

@@ -0,0 +1,17 @@
+import { CovalentDialog } from '../dialog/dialog';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-side-sheet': CovalentSideSheet;
+    }
+}
+/**
+ * Side sheet element.
+ *
+ * @slot - This element has a slot
+ */
+export declare class CovalentSideSheet extends CovalentDialog {
+    static styles: import("lit").CSSResult[];
+    pushed: boolean;
+    noPadding: boolean;
+    constructor();
+}

package/slider/slider-range.d.ts

@@ -0,0 +1,10 @@
+import { SliderRangeBase } from '@material/mwc-slider/slider-range-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-slider-range': CovalentSliderRange;
+    }
+}
+export declare class CovalentSliderRange extends SliderRangeBase {
+    static styles: import("lit").CSSResult[];
+}
+export default CovalentSliderRange;

package/slider/slider.d.ts

@@ -0,0 +1,10 @@
+import { SliderSingleBase } from '@material/mwc-slider/slider-single-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-slider': CovalentSlider;
+    }
+}
+export declare class CovalentSlider extends SliderSingleBase {
+    static styles: import("lit").CSSResult[];
+}
+export default CovalentSlider;

package/snackbar/snackbar.d.ts

@@ -0,0 +1,10 @@
+import { SnackbarBase } from '@material/mwc-snackbar/mwc-snackbar-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-snackbar': CovalentSnackbar;
+    }
+}
+export declare class CovalentSnackbar extends SnackbarBase {
+    static styles: import("lit").CSSResult[];
+}
+export default CovalentSnackbar;

package/status-dialog/status-dialog.d.ts

@@ -0,0 +1,36 @@
+import CovalentDialog from '../dialog/dialog';
+import '../icon/icon';
+import '../icon-button/icon-button';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-status-dialog': CovalentStatusDialog;
+    }
+}
+/**
+ * Status Dialog
+ *
+ * @slot - This element has a slot
+ */
+export declare class CovalentStatusDialog extends CovalentDialog {
+    _details?: HTMLSlotElement;
+    /**
+     * The state representation error|positive|warning
+     */
+    state: 'error' | 'positive' | 'warning';
+    /**
+     * Whether the content details are expanded
+     */
+    protected expandDetails: boolean;
+    /**
+     * Whether the expand details link is shown
+     */
+    showDetailsLink: boolean;
+    static styles: import("lit").CSSResult[];
+    protected firstUpdated(): void;
+    toggleDetails(): void;
+    private _getStatusIcon;
+    renderDetails(): import("lit-html").TemplateResult<1>;
+    protected renderHeading(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default CovalentStatusDialog;

package/status-header/status-header-base.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+export declare class StatusHeaderBase extends LitElement {
+    state: 'active' | 'positive' | 'caution' | 'error' | 'neutral';
+    statusText: string;
+    statusHelper: string;
+    titleText: string;
+    protected render(): import("lit-html").TemplateResult<1>;
+}

package/status-header/status-header-item.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-status-header-item': CovalentStatusHeaderItem;
+    }
+}
+/**
+ * Status header item
+ *
+ * @slot - This element has a slot
+ */
+export declare class CovalentStatusHeaderItem extends LitElement {
+    static styles: import("lit").CSSResult[];
+    label: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default CovalentStatusHeaderItem;

package/status-header/status-header.d.ts

@@ -0,0 +1,15 @@
+import { StatusHeaderBase } from './status-header-base';
+/**
+ * Status header
+ *
+ * @slot - This element has a slot
+ */
+export declare class CovalentStatusHeader extends StatusHeaderBase {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-status-header': CovalentStatusHeader;
+    }
+}
+export default CovalentStatusHeader;

package/switch/switch.d.ts

@@ -0,0 +1,10 @@
+import { SwitchBase } from '@material/mwc-switch/mwc-switch-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-switch': CovalentSwitch;
+    }
+}
+export declare class CovalentSwitch extends SwitchBase {
+    static styles: import("lit").CSSResult[];
+}
+export default CovalentSwitch;