@duetds/components 6.2.11 → 6.3.0

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

@@ -0,0 +1,51 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { DuetTheme } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
+export declare type DuetSlideoutEventDetails = {
+  originalEvent: Event;
+  data: {
+    element: HTMLElement;
+    open: boolean;
+  };
+  component: "duet-slideout";
+};
+export declare class DuetSlideout implements ThemeableComponent {
+  /**
+   * Own Properties.
+   */
+  private openButton;
+  private closeButton;
+  /**
+   * Reference to host HTML element.
+   */
+  element: HTMLElement;
+  /**
+   * Theme.
+   */
+  theme: DuetTheme;
+  /**
+   * Open
+   */
+  open: boolean;
+  /**
+   * Event raised when the menu 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**.
+   */
+  duetSlideoutEvent: EventEmitter<DuetSlideoutEventDetails>;
+  /**
+   * Toggles the slideout.
+   */
+  toggle(): Promise<void>;
+  /**
+   * 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-slideout-lang/duet-slideout-lang.d.ts

@@ -0,0 +1,25 @@
+import { DuetTheme } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
+export declare class DuetSlideoutLang implements ThemeableComponent {
+  /**
+   * Own Properties.
+   */
+  private chooseLangObject;
+  /**
+   * 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-slideout-link/duet-slideout-link.d.ts

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

package/lib/types/components/duet-slideout-panel/duet-slideout-panel.d.ts

@@ -0,0 +1,43 @@
+import { DuetTheme } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
+export declare class DuetSlideoutPanel implements ThemeableComponent {
+  /**
+   * Own Properties.
+   */
+  private openButton;
+  private closeButton;
+  private exitLangObject;
+  label: Element;
+  /**
+   * Reference to host HTML element.
+   */
+  element: HTMLElement;
+  /**
+   * Theme.
+   */
+  theme: DuetTheme;
+  /**
+   * Active
+   */
+  active: boolean;
+  /**
+   * Open
+   */
+  open: boolean;
+  /**
+   * Icon
+   */
+  icon: string;
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  private updateLabel;
+  private onToggleClick;
+  private onCloseClick;
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render(): any;
+}

package/lib/types/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.d.ts

@@ -0,0 +1,34 @@
+import { DuetTheme } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
+export declare class DuetSlideoutPanelDropdown implements ThemeableComponent {
+  /**
+   * Own Properties.
+   */
+  /**
+   * Reference to host HTML element.
+   */
+  element: HTMLElement;
+  /**
+   * Theme.
+   */
+  theme: DuetTheme;
+  /**
+   * Open
+   */
+  open: boolean;
+  /**
+   * Icon
+   */
+  icon: string;
+  handleFocus(e: any): void;
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  private onClick;
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render(): any;
+}

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

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

package/lib/types/components/duet-slideout-panel-link/duet-slideout-panel-link.d.ts

@@ -0,0 +1,36 @@
+import { DuetTheme } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
+export declare class DuetSlideoutPanelLink 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-submenu-bar/duet-submenu-bar.d.ts

@@ -12,10 +12,15 @@ export declare class DuetSubmenuBar implements ThemeableComponent {
    * Theme.
    */
   theme: DuetTheme;
+  /**
+   * Open
+   */
+  open: boolean;
   /**
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  private onClick;
   /**
    * render() function
    * Always the last one in the class.

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

@@ -1,9 +1,13 @@
 import { DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
+import { DuetIconSize } from "../duet-icon/duet-icon";
 export declare class DuetSubmenuBarDropdown implements ThemeableComponent {
   /**
    * Own Properties.
    */
+  private mql;
+  private boundMqlFunctions;
+  iconSize: DuetIconSize;
   /**
    * Reference to host HTML element.
    */
@@ -25,6 +29,9 @@ export declare class DuetSubmenuBarDropdown implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  private changeIconSize;
   private onClick;
   /**
    * render() function

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

@@ -1,9 +1,13 @@
 import { DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
+import { DuetIconSize } from "../duet-icon/duet-icon";
 export declare class DuetSubmenuBarLink implements ThemeableComponent {
   /**
    * Own Properties.
    */
+  private mql;
+  private boundMqlFunctions;
+  iconSize: DuetIconSize;
   /**
    * Reference to host HTML element.
    */
@@ -24,6 +28,9 @@ export declare class DuetSubmenuBarLink implements ThemeableComponent {
    * Component lifecycle events.
    */
   componentWillLoad(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  private changeIconSize;
   /**
    * render() function
    * Always the last one in the class.

package/lib/types/components/duet-tab-group/duet-tab-group.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { ThemeableComponent } from "../../common";
 import { DuetLanguage, DuetMargin, DuetPadding, DuetTheme } from "../../common-types";
-import { ThemeableComponent } from "../../common/themeable-component";
 import { DuetLangObject } from "../../utils/language-utils";
 export declare type DuetTabGroupEvent = {
   component: "duet-tab-group";
@@ -81,6 +81,10 @@ export declare class DuetTabGroup implements ThemeableComponent {
    * Controls the padding of the component.
    */
   padding: DuetPadding;
+  /**
+   * Controls if tab content should have tab index and be accessible by pressing tab
+   */
+  setTabIndex: boolean;
   /**
    * @deprecated in favour of more specific duetTabChange event.
    * Callback for when the value changed.