@dnncommunity/dnn-elements 0.13.0-beta.1

package/dist/types/components/dnn-image-cropper/CornerType.d.ts

@@ -0,0 +1,6 @@
+export declare enum CornerType {
+  "nw" = 0,
+  "ne" = 1,
+  "se" = 2,
+  "sw" = 3
+}

package/dist/types/components/dnn-image-cropper/dnn-image-cropper.d.ts

@@ -0,0 +1,62 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Allows cropping an image in-browser with the option to enforce a specific final size.
+ * All computation happens in the browser and the final image is emmited
+ * in an event that has a data-url of the image.
+ */
+export declare class DnnImageCropper {
+  /** Sets the desired final image width. */
+  width: number;
+  /** Sets the desired final image height. */
+  height: number;
+  /** Can be used to customize controls text.
+   * Some values support tokens, see default values for examples.
+  */
+  resx: {
+    capture: string;
+    dragAndDropFile: string;
+    or: string;
+    takePicture: string;
+    uploadFile: string;
+    imageTooSmall: string;
+    modalCloseText: string;
+  };
+  /** Sets the output quality of the corpped image (number between 0 and 1). */
+  quality: number;
+  /** When set to true, prevents cropping an image smaller than the required size, which would blow pixel and make the final picture look blurry. */
+  preventUndersized: boolean;
+  /** When the image crop changes, emits the dataurl for the new cropped image. */
+  imageCropChanged: EventEmitter<string>;
+  view: IComponentInterfaces["View"];
+  private host;
+  private hasPictureView;
+  private noPictureView;
+  private canvas;
+  private image;
+  private crop;
+  private previousTouch;
+  private imageTooSmallModal;
+  componentDidLoad(): void;
+  private setView;
+  private initCrop;
+  private setImage;
+  private handleNewFile;
+  private handleCropMouseDown;
+  private handleImageCropFinished;
+  private emitImage;
+  private generateCroppedImage;
+  private handleNwMouseMove;
+  private handleNeMouseMove;
+  private handleSeMouseMove;
+  private handleSwMouseMove;
+  private handleCornerDrag;
+  private getCornerLeftTop;
+  private handleCropDrag;
+  private getMouvementFromEvent;
+  private isMouseStillInTarget;
+  render(): any;
+}
+interface IComponentInterfaces {
+  View: "noPictureView" | "takingPictureView" | "hasPictureView" | "hasCroppedPictureView";
+}
+export {};

package/dist/types/components/dnn-modal/dnn-modal.d.ts

@@ -0,0 +1,35 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class DnnModal {
+  el: HTMLDnnModalElement;
+  /**
+   * Pass false to remove the backdrop click auto-dismiss feature.
+   */
+  backdropDismiss: boolean;
+  /**
+   * Optionally pass the aria-label text for the close button.
+   * Defaults to "Close modal" if not provided.
+   */
+  closeText?: string;
+  /**
+   * Optionally you can pass false to not show the close button.
+   * If you decide to do so, you should either not also prevent dismissal by clicking the backdrop
+   * or provide your own dismissal logic in the modal content.
+   */
+  showCloseButton?: boolean;
+  visible: boolean;
+  /**
+   * Shows the modal
+   */
+  show(): Promise<void>;
+  /**
+   * Hides the modal
+   */
+  hide(): Promise<void>;
+  /**
+   * Fires when the modal is dismissed.
+   */
+  dismissed: EventEmitter;
+  private handleDismiss;
+  private handleBackdropClick;
+  render(): any;
+}

package/dist/types/components/dnn-searchbox/dnn-searchbox.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class DnnSearchbox {
+  /**
+   * Sets the field placeholder text.
+   */
+  placeholder?: string;
+  /**
+   * Debounces the queryChanged by 500ms.
+   */
+  debounced: boolean;
+  /** Sets the query */
+  query: string;
+  /**
+   * Fires up each time the search query changes.
+   * The data passed is the new query.
+   */
+  queryChanged: EventEmitter;
+  fireQueryChanged(): void;
+  private handleQueryChanged;
+  private debouncedHandleQueryChanged;
+  render(): any;
+}

package/dist/types/components/dnn-sort-icon/dnn-sort-icon.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class DnnSortIcon {
+  /** Defines the current sort direction */
+  sortDirection: "asc" | "desc" | "none";
+  /** Emitted when the sort is changed. */
+  sortChanged: EventEmitter<"asc" | "desc" | "none">;
+  private changeSort;
+  render(): any;
+}

package/dist/types/components/dnn-tab/dnn-tab.d.ts

@@ -0,0 +1,11 @@
+/** Represents a single tab and must be used inside a dnn-tabs element. */
+export declare class DnnTab {
+  /** Defines the tab title. */
+  tabTitle: string;
+  visible: boolean;
+  /** Shows the tab. */
+  show(): Promise<void>;
+  /** Hides the modal */
+  hide(): Promise<void>;
+  render(): any;
+}

package/dist/types/components/dnn-tabs/dnn-tabs.d.ts

@@ -0,0 +1,11 @@
+export declare class DnnTabs {
+  private component;
+  tabTitles: string[];
+  selectedTabTitle: string;
+  componentDidLoad(): void;
+  private getTabs;
+  private updateTitles;
+  private showFirstTab;
+  private showTab;
+  render(): any;
+}

package/dist/types/components/dnn-toggle/dnn-toggle.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { DnnToggleChangeEventDetail } from "./toggle-interface";
+export declare class DnnToggle {
+  element: HTMLDnnToggleElement;
+  /** If 'true' the toggle is checked (on). */
+  checked: boolean;
+  /** If 'true' the toggle is not be interacted with. */
+  disabled: boolean;
+  /** Fires when the toggle changed */
+  checkChanged: EventEmitter<DnnToggleChangeEventDetail>;
+  checkedChanged(isChecked: boolean): void;
+  render(): any;
+}

package/dist/types/components/dnn-toggle/toggle-interface.d.ts

@@ -0,0 +1,3 @@
+export interface DnnToggleChangeEventDetail {
+  checked: boolean;
+}

package/dist/types/components/dnn-treeview-item/dnn-treeview-item.d.ts

@@ -0,0 +1,16 @@
+export declare class DnnTreeviewItem {
+  private expander;
+  el: HTMLDnnTreeviewItemElement;
+  /** Defines if the current node is expanded  */
+  expanded: boolean;
+  hasChildren: boolean;
+  private childrenElement;
+  private collapsible;
+  componentDidLoad(): void;
+  private toggleCollapse;
+  render(): any;
+}
+export interface ExpandedToggledEvent {
+  state: "expanded" | "collapsed";
+  height: number;
+}