@duetds/components 6.1.0 → 6.2.2

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

@@ -103,6 +103,7 @@ export declare class DuetMultiselect implements ThemeableComponent {
    * Emitted when the select loses focus.
    */
   duetBlur: EventEmitter<DuetMultiselectEvent>;
+  handleFocus(e: any): void;
   /**
    * Component lifecycle events.
    */
@@ -110,7 +111,6 @@ export declare class DuetMultiselect implements ThemeableComponent {
   /**
    * Component event handling.
    */
-  private onClick;
   private onChange;
   private onBlur;
   private onFocus;

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

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

@@ -1,5 +1,5 @@
+import { ThemeableComponent } from "../../common";
 import { DuetLanguage, DuetTheme, DuetTooltipDirection } from "../../common-types";
-import { ThemeableComponent } from "../../common/themeable-component";
 import { DuetLangObject } from "../../utils/language-utils";
 export declare type DuetTooltipBreakpoint = "medium" | "large";
 export declare class DuetTooltip implements ThemeableComponent {
@@ -22,6 +22,8 @@ export declare class DuetTooltip implements ThemeableComponent {
    * Inlined decorator, alphabetical order.
    */
   openDown: boolean;
+  openLeft: boolean;
+  openRight: boolean;
   /**
    * Theme of the tooltip.
    */
@@ -109,7 +111,9 @@ export declare class DuetTooltip implements ThemeableComponent {
   private handleFocusOut;
   private handleKeyDown;
   private handleCloseClick;
-  private isElementInViewport;
+  private isElementInViewportVertically;
+  private handleVerticalVisibility;
+  private handleHorizontalVisibility;
   /**
    * render() function.
    * Always the last one in the class.