@duetds/components 6.0.7 → 6.2.0

package/lib/types/components/duet-menu-bar-menu-dropdown/duet-menu-bar-menu-dropdown.d.ts

@@ -0,0 +1,49 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { DuetTheme } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
+export declare type DuetMenuBarMenuDropdownEventDetails = {
+  originalEvent: Event;
+  data: {
+    element: HTMLElement;
+    open: boolean;
+  };
+  component: "duet-menu-bar-menu-dropdown";
+};
+export declare class DuetHeaderMenuDropdown implements ThemeableComponent {
+  /**
+   * Own Properties.
+   */
+  /**
+   * Reference to host HTML element.
+   */
+  element: HTMLElement;
+  /**
+   * Theme.
+   */
+  theme: DuetTheme;
+  /**
+   * Open
+   */
+  open: boolean;
+  /**
+   * Icon
+   */
+  icon: string;
+  /**
+   * Event raised when the menu dropdown has been opened. You can prevent the
+   * default browser functionality by calling **event.detail.originalEvent.preventDefault()**
+   * inside your listener. Additionally, the passed data is available via **event.detail.data**.
+   */
+  duetMenuBarMenuDropdownEvent: EventEmitter<DuetMenuBarMenuDropdownEventDetails>;
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  private toggleMenu;
+  private onClick;
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render(): any;
+}

package/lib/types/components/duet-menu-bar-menu-dropdown-link/duet-menu-bar-menu-dropdown-link.d.ts

@@ -0,0 +1,40 @@
+import { DuetTheme } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
+export declare class DuetMenuBarMenuDropdownLink implements ThemeableComponent {
+  /**
+   * Own Properties.
+   */
+  /**
+   * Reference to host HTML element.
+   */
+  element: HTMLElement;
+  /**
+   * Theme.
+   */
+  theme: DuetTheme;
+  /**
+   * Href
+   */
+  href: string;
+  /**
+   * Icon
+   */
+  icon: string;
+  /**
+   * Caret
+   */
+  caret: boolean;
+  /**
+   * Highlight
+   */
+  highlight: boolean;
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render(): any;
+}

package/lib/types/components/duet-menu-bar-menu-link/duet-menu-bar-menu-link.d.ts

@@ -0,0 +1,36 @@
+import { DuetTheme } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
+export declare class DuetMenuBarMenuLink implements ThemeableComponent {
+  /**
+   * Own Properties.
+   */
+  /**
+   * Reference to host HTML element.
+   */
+  element: HTMLElement;
+  /**
+   * Theme.
+   */
+  theme: DuetTheme;
+  /**
+   * Active
+   */
+  active: boolean;
+  /**
+   * Href
+   */
+  href: string;
+  /**
+   * Icon
+   */
+  icon: string;
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render(): any;
+}

package/lib/types/components/duet-multiselect/duet-multiselect.d.ts

@@ -0,0 +1,137 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { DuetMargin, DuetTheme, DuetTooltipDirection } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
+export declare type DuetMultiselectItem = {
+  label: string;
+  value: string;
+  disabled?: boolean;
+};
+export declare type DuetMultiselectEvent = {
+  originalEvent?: Event;
+  component: "duet-multiselect";
+  value: DuetMultiselectItem[];
+};
+export declare class DuetMultiselect implements ThemeableComponent {
+  /**
+   * Own Properties
+   */
+  private errorId;
+  private labelId;
+  private topCaptionId;
+  private isCaptionVisible;
+  private selectedLangObject;
+  /**
+   * Reference to host HTML element.
+   */
+  element: HTMLElement;
+  private multiselectElement;
+  /**
+   * State() variables
+   * Inlined decorator, alphabetical order.
+   */
+  processedItems: DuetMultiselectItem[];
+  checkboxesVisible: boolean;
+  activeDescendant: string;
+  /**
+   * Controls the margin of the component.
+   */
+  margin: DuetMargin;
+  /**
+   * Display the select in error state along with an error message.
+   */
+  error: string;
+  /**
+   * Expands the input to fill 100% of the container width.
+   */
+  expand: boolean;
+  /**
+   * Value of multiselect
+   */
+  value: DuetMultiselectItem[];
+  /**
+   * Theme of the select.
+   */
+  theme: DuetTheme;
+  /**
+   * Visually hide the label, but still show it to screen readers.
+   */
+  labelHidden: boolean;
+  /**
+   * Adds a unique identifier for the select.
+   */
+  identifier: string;
+  /**
+   * Hint text to display.
+   */
+  placeholder: string;
+  /**
+   * Caption (underneath label) that can be set as a way of adding extra information
+   */
+  caption: string;
+  /**
+   * An array of items to choose from
+   */
+  items: string | DuetMultiselectItem[];
+  /**
+   * Makes the select component disabled. This prevents users from being able
+   * to interact with the select, and conveys its inactive state to assistive
+   * technologies.
+   */
+  disabled: boolean;
+  /**
+   * Label for the select.
+   */
+  label: string;
+  /**
+   * Tooltip to display next to the label of the input.
+   */
+  tooltip: string;
+  /**
+   * With direction setting you can force the tooltip to always open towards left
+   * or right instead of automatically determining the direction.
+   */
+  tooltipDirection: DuetTooltipDirection;
+  /**
+   * Callback for when the value changed.
+   */
+  duetChange: EventEmitter<DuetMultiselectEvent>;
+  /**
+   * Emitted when the select has focus.
+   */
+  duetFocus: EventEmitter<DuetMultiselectEvent>;
+  /**
+   * Emitted when the select loses focus.
+   */
+  duetBlur: EventEmitter<DuetMultiselectEvent>;
+  handleFocus(e: any): void;
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  /**
+   * Component event handling.
+   */
+  private onChange;
+  private onBlur;
+  private onFocus;
+  private onMultiselectKeyDown;
+  private onMultiselectInputKeyDown;
+  private onCheckboxKeyDown;
+  private toggleCheckboxes;
+  private toggleCheckbox;
+  /**
+   * Sets focus on the specified `duet-multiselect`. Use this method instead of the global
+   * `multiselect.focus()`.
+   */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /**
+   * Local methods.
+   */
+  private refresh;
+  private getOptionIdentifier;
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render(): any;
+}

package/lib/types/components/duet-nav/duet-nav.d.ts

@@ -0,0 +1,42 @@
+import { DuetTheme } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
+import { DuetMenuBarDropdownEventDetails } from "../duet-menu-bar-dropdown/duet-menu-bar-dropdown";
+import { DuetMenuBarMenuDropdownEventDetails } from "../duet-menu-bar-menu-dropdown/duet-menu-bar-menu-dropdown";
+import { DuetMenuBarMenuEventDetails } from "../duet-menu-bar-menu/duet-menu-bar-menu";
+import { DuetToolbarDropdownEventDetails } from "../duet-toolbar-dropdown/duet-toolbar-dropdown";
+export declare class DuetMenuBar implements ThemeableComponent {
+  /**
+   * Own Properties.
+   */
+  /**
+   * Reference to host HTML element.
+   */
+  element: HTMLElement;
+  /**
+   * Theme.
+   */
+  theme: DuetTheme;
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  handleToolbarDropdownEvent(e: CustomEvent<DuetToolbarDropdownEventDetails>): void;
+  handleMenuEvent(e: CustomEvent<DuetMenuBarMenuEventDetails>): void;
+  handleMenuDropdownEvent(e: CustomEvent<DuetMenuBarMenuDropdownEventDetails>): void;
+  handleDropdownEvent(e: CustomEvent<DuetMenuBarDropdownEventDetails>): void;
+  handleFocus(): void;
+  private getToolbarDropdowns;
+  private getMenuBarMenus;
+  private getActiveMenu;
+  private getActiveTool;
+  private getMenuBarMenuDropdowns;
+  private getMenuBarDropdowns;
+  private toggleActiveMenu;
+  private toggleActiveTool;
+  private close;
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render(): any;
+}

package/lib/types/components/duet-section-layout/duet-section-layout.d.ts

@@ -0,0 +1,21 @@
+import { ComponentInterface } from "../../stencil-public-runtime";
+import { DuetMargin } from "../../common-types";
+export declare class DuetSectionLayout implements ComponentInterface {
+  /**
+   * Reference to host HTML element.
+   */
+  element: HTMLElement;
+  /**
+   * Controls the margin of the component.
+   */
+  margin: DuetMargin;
+  /**
+   * Align container vertically in the middle when the space allows it.
+   */
+  middle: boolean;
+  /**
+   * render() function.
+   * Always the last one in the class.
+   */
+  render(): any;
+}

package/lib/types/components/duet-table/duet-table.d.ts

@@ -1,6 +1,6 @@
 import { DuetMargin, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
-export declare type DuetTableBreakpoint = keyof typeof breakpointToToken;
+export declare type DuetTableBreakpoint = "none" | "none-scrollable" | "small" | "medium" | "large" | "x-large" | "xx-large" | "xxx-large";
 export declare type DuetTableVariant = "striped" | "plain" | "fixed";
 export declare type DuetTableStickyDistance = "with-links" | "without-links" | "none";
 export declare type DuetTableToggleEvent = {
@@ -11,16 +11,6 @@ export declare type DuetTableToggleEvent = {
   key: string;
   originalEvent: KeyboardEvent | MouseEvent;
 };
-declare const breakpointToToken: {
-  none: string;
-  "none-scrollable": string;
-  small: string;
-  medium: string;
-  large: string;
-  "x-large": string;
-  "xx-large": string;
-  "xxx-large": string;
-};
 /**
  * @slot dot-menu- If this slot is populated - the content will be displayed together with a ... type menu to the far right in the tsble header
  * @slot header - Header slot for the table
@@ -78,4 +68,3 @@ export declare class DuetTable implements ThemeableComponent {
   private copyHeadingsToCells;
   render(): any;
 }
-export {};

package/lib/types/components/duet-toolbar/duet-toolbar.d.ts

@@ -0,0 +1,28 @@
+import { DuetTheme } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
+/**
+ * @slot left - Slot for content in left side.
+ * @slot right - Slot for content in right side.
+ */
+export declare class DuetToolbar implements ThemeableComponent {
+  /**
+   * Own Properties.
+   */
+  /**
+   * Reference to host HTML element.
+   */
+  element: HTMLElement;
+  /**
+   * Theme.
+   */
+  theme: DuetTheme;
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render(): any;
+}

package/lib/types/components/duet-toolbar-dropdown/duet-toolbar-dropdown.d.ts

@@ -0,0 +1,53 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { DuetTheme } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
+export declare type DuetToolbarDropdownEventDetails = {
+  originalEvent: Event;
+  data: {
+    element: HTMLElement;
+    open: boolean;
+  };
+  component: "duet-toolbar-dropdown";
+};
+export declare class DuetToolbarDropdown implements ThemeableComponent {
+  /**
+   * Own Properties.
+   */
+  /**
+   * Reference to host HTML element.
+   */
+  element: HTMLElement;
+  /**
+   * Theme.
+   */
+  theme: DuetTheme;
+  /**
+   * Active
+   */
+  active: boolean;
+  /**
+   * Open
+   */
+  open: boolean;
+  /**
+   * Icon
+   */
+  icon: string;
+  /**
+   * Event raised when the dropdown has been opened. You can prevent the
+   * default browser functionality by calling **event.detail.originalEvent.preventDefault()**
+   * inside your listener. Additionally, the passed data is available via **event.detail.data**.
+   */
+  duetToolbarDropdownEvent: EventEmitter<DuetToolbarDropdownEventDetails>;
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  private toggleMenu;
+  private onClick;
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render(): any;
+}

package/lib/types/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.d.ts

@@ -0,0 +1,36 @@
+import { DuetTheme } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
+export declare class DuetToolbarDropdownLink implements ThemeableComponent {
+  /**
+   * Own Properties.
+   */
+  /**
+   * Reference to host HTML element.
+   */
+  element: HTMLElement;
+  /**
+   * Theme.
+   */
+  theme: DuetTheme;
+  /**
+   * Href
+   */
+  href: string;
+  /**
+   * Icon
+   */
+  icon: string;
+  /**
+   * Active
+   */
+  active: boolean;
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render(): any;
+}

package/lib/types/components/duet-toolbar-link/duet-toolbar-link.d.ts

@@ -0,0 +1,36 @@
+import { DuetTheme } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
+export declare class DuetToolbarLink implements ThemeableComponent {
+  /**
+   * Own Properties.
+   */
+  /**
+   * Reference to host HTML element.
+   */
+  element: HTMLElement;
+  /**
+   * Theme.
+   */
+  theme: DuetTheme;
+  /**
+   * Active
+   */
+  active: boolean;
+  /**
+   * Href
+   */
+  href: string;
+  /**
+   * Icon
+   */
+  icon: string;
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render(): any;
+}