@covalent/components 11.0.0-beta.5 → 11.0.0-beta.6

package/focused-page/focused-page.d.ts

@@ -0,0 +1,54 @@
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+/**
+ * Focused page
+ *
+ * @slot - This element has a slot
+ */
+export declare class CovalentFocusedPage extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Whether the help section is open or not
+     */
+    helpOpen: boolean;
+    /**
+     * Whether the help section is resizable
+     */
+    helpResizable: boolean;
+    /**
+     * Whether the top border is hidden
+     */
+    hideTopBorder: boolean;
+    /**
+     * DOM element of the container div
+     */
+    container: HTMLDivElement;
+    /**
+     * DOM element of the help panel
+     */
+    helpPanel: HTMLElement;
+    /**
+     * DOM element of the resize handler
+     */
+    resizeHandle: HTMLElement;
+    /**
+     * Whether the help section is being resized
+     */
+    private _isResizing;
+    constructor();
+    protected firstUpdated(): void;
+    openHelpPanel(): void;
+    closeHelpPanel(): void;
+    resetHelpPanelWidth(): void;
+    setHelpPanelWidth(width: string): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    private _resizerMouseMove;
+    private _resizerMouseUp;
+    private _startResizing;
+    protected render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-focused-page': CovalentFocusedPage;
+    }
+}
+export default CovalentFocusedPage;

package/formfield/formfield.d.ts

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

package/full-screen-dialog/full-screen-dialog.d.ts

@@ -0,0 +1,31 @@
+import { TemplateResult } from 'lit';
+import CovalentDialog from '../dialog/dialog';
+import '../focused-page/focused-page';
+/**
+ * Full-screen Dialog
+ *
+ * @slot - This element has a slot
+ */
+export declare class CovalentFullscreenDialog extends CovalentDialog {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Whether the help section is open or not
+     */
+    helpOpen: boolean;
+    /**
+     * Whether the help section is resizable
+     */
+    helpResizable: boolean;
+    /**
+     * Since the default, action slots of mdc-dialog have been replaced with the focused page component,
+     * override this method to return focused page as the initial focus element
+     */
+    protected getInitialFocusEl(): HTMLElement | null;
+    protected render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-full-screen-dialog': CovalentFullscreenDialog;
+    }
+}
+export default CovalentFullscreenDialog;

package/icon/_icon-list.d.ts

@@ -0,0 +1,3 @@
+export declare const MAT_ICON_LIST: string[];
+export declare const COV_ICON_LIST: string[];
+export default COV_ICON_LIST;

package/icon/icon-demo.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+import './icon.js';
+import '../typography/typography.js';
+export declare class CovalentIconDemo extends LitElement {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-icon-demo': CovalentIconDemo;
+    }
+}
+export default CovalentIconDemo;

package/icon/icon.d.ts

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

package/icon-button/icon-button.d.ts

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

package/icon-button-toggle/icon-button-toggle.d.ts

@@ -0,0 +1,18 @@
+import { PropertyValues } from 'lit';
+import { IconButtonToggle } from '@material/mwc-icon-button-toggle/mwc-icon-button-toggle';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-icon-button-toggle': CovalentIconButtonToggle;
+    }
+}
+export declare class CovalentIconButtonToggle extends IconButtonToggle {
+    /**
+     * Angular doesn't allow properties that begin with 'on' to be set due to security reasons.
+     * This is an alias for the 'on' property in mwc-icon-button-toggle, which can be used to toggle the button on/off.
+     */
+    toggledOn: boolean;
+    static styles: import("lit").CSSResult[];
+    protected update(changedProperties: PropertyValues): void;
+    protected renderRipple(): "" | import("lit-html").TemplateResult<1>;
+}
+export default CovalentIconButtonToggle;

package/icon-checkbox/icon-check-toggle.d.ts

@@ -0,0 +1,16 @@
+import { CheckboxBase } from '@material/mwc-checkbox/mwc-checkbox-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-icon-check-item': CovalentIconCheckToggle;
+    }
+}
+export declare class CovalentIconCheckToggle extends CheckboxBase {
+    static styles: import("lit").CSSResult[];
+    width: number | string;
+    height: number | string;
+    iconOnly: boolean;
+    protected mdcRoot: HTMLElement;
+    render(): import("lit-html").TemplateResult<1>;
+    private _handleClick;
+}
+export default CovalentIconCheckToggle;

package/icon-lockup/icon-lockup.d.ts

@@ -0,0 +1,63 @@
+import { LitElement, PropertyValues } from 'lit';
+import '../typography/typography';
+import '../icon/icon';
+/**
+ * Icon lockup
+ *
+ * @slot icon - Slot for a custom icon. If provided, this slot content replaces the `icon` property.
+ */
+export declare class CovalentIconLockup extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Whether the icon is a covalent icon.
+     */
+    covalentIcon: boolean;
+    /**
+     * Whether the icon is filled.
+     */
+    filledIcon: boolean;
+    /**
+     * The icon to display.
+     */
+    icon: string;
+    /**
+     * Scale of the component, controlling font-size and icon size.
+     * Default is "1", but it can be set to other values to scale the component.
+     */
+    scale: string;
+    /**
+     * State of the component, used to apply different styles based on status.
+     * Example values might include "success", "error", etc.
+     */
+    state: string;
+    /**
+     * If true, the icon is displayed after the text (trailing).
+     * If false, the icon is displayed before the text.
+     */
+    trailingIcon: boolean;
+    /**
+     * Tracks if the icon slot has content.
+     */
+    private _hasIconSlot;
+    /**
+     * Checks if there is content in the icon slot and updates `hasIconSlot`.
+     */
+    private checkIconSlot;
+    /**
+     * Template method for rendering the icon. If content is provided in the
+     * `icon` slot, it is displayed instead of the `icon` property.
+     */
+    private iconTemplate;
+    /**
+     * Renders the component with icon and text. If `trailingIcon` is true,
+     * the icon is displayed after the text. Otherwise, it is displayed before.
+     */
+    render(): import("lit-html").TemplateResult<1>;
+    protected updated(_changedProperties: PropertyValues): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-icon-lockup': CovalentIconLockup;
+    }
+}
+export default CovalentIconLockup;

package/icon-radio/icon-radio-toggle.d.ts

@@ -0,0 +1,13 @@
+import { TemplateResult } from 'lit';
+import { RadioBase } from '@material/mwc-radio/mwc-radio-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-icon-radio-item': CovalentIconRadioToggle;
+    }
+}
+export declare class CovalentIconRadioToggle extends RadioBase {
+    static styles: import("lit").CSSResult[];
+    iconOnly: boolean;
+    protected renderRipple(): TemplateResult | string;
+}
+export default CovalentIconRadioToggle;

package/index.d.ts

@@ -0,0 +1,59 @@
+export * from './action-ribbon/action-ribbon';
+export * from './alert/alert';
+export * from './app-shell/app-shell';
+export * from './badge/badge';
+export * from './button/button';
+export * from './card/card';
+export * from './checkbox/checkbox';
+export * from './list/check-list-item';
+export * from './chips/chip';
+export * from './chips/chip-set';
+export * from './circular-progress/circular-progress';
+export * from './code-editor/code-editor';
+export * from './code-editor/code-editor.theme';
+export * from './code-snippet/code-snippet';
+export * from './dialog/dialog';
+export * from './drawer/drawer';
+export * from './empty-state/empty-state';
+export * from './expansion-panel/expansion-panel';
+export * from './expansion-panel/expansion-panel-item';
+export * from './focused-page/focused-page';
+export * from './formfield/formfield';
+export * from './full-screen-dialog/full-screen-dialog';
+export * from './icon/icon';
+export * from './icon/_icon-list';
+export * from './icon/icon-demo';
+export * from './icon-button/icon-button';
+export * from './icon-button-toggle/icon-button-toggle';
+export * from './icon-checkbox/icon-check-toggle';
+export * from './icon-lockup/icon-lockup';
+export * from './icon-radio/icon-radio-toggle';
+export * from './linear-progress/linear-progress';
+export * from './list/list';
+export * from './list/list-item';
+export * from './menu/menu';
+export * from './list/nav-list-item';
+export * from './notebook-cell/notebook-cell';
+export * from './radio/radio';
+export * from './list/radio-list-item';
+export * from './select/select';
+export * from './side-sheet/side-sheet';
+export * from './slider/slider';
+export * from './slider/slider-range';
+export * from './snackbar/snackbar';
+export * from './status-dialog/status-dialog';
+export * from './status-header/status-header';
+export * from './status-header/status-header-item';
+export * from './switch/switch';
+export * from './tab/tab';
+export * from './tab/tab-bar';
+export * from './textarea/textarea';
+export * from './textfield/textfield';
+export * from './text-lockup/text-lockup';
+export * from './toolbar/toolbar';
+export * from './tooltip/tooltip';
+export * from './top-app-bar/top-app-bar';
+export * from './top-app-bar/top-app-bar-fixed';
+export * from './tree-list/tree-list';
+export * from './tree-list/tree-list-item';
+export * from './typography/typography';

package/index.scss

@@ -0,0 +1 @@
+@forward './theme' show components-theme;

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,12 +1,9 @@
 {
   "name": "@covalent/components",
-  "version": "11.0.0-beta.5",
+  "version": "11.0.0-beta.6",
   "description": "a catalog of material components for covalent",
-  "type": "module",
   "main": "./index.js",
   "module": "./index.mjs",
-  "types": "./index.d.ts",
-  "style": "./covalent.css",
   "exports": {
     ".": {
       "types": "./index.d.ts",

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>;
+}