@dnncommunity/dnn-elements 0.14.1 → 0.15.0-beta.3

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

@@ -0,0 +1,4 @@
+import { Meta } from "@storybook/web-components";
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const Modal: any;

package/dist/types/components/dnn-permissions-grid/dnn-permissions-grid.d.ts

@@ -0,0 +1,47 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ILocalization } from './localization-interface';
+import { IPermissions } from './permissions-interface';
+import { IRoleGroup } from './role-group-interface';
+import { IRole } from './role-interface';
+import { ISearchedUser } from './searched-user-interface';
+export declare class DnnPermissionsGrid {
+  /** The list of permissions. */
+  permissions: IPermissions;
+  /** The list of role groups. */
+  roleGroups: IRoleGroup[];
+  /** The list of possible roles. */
+  roles: IRole[];
+  /** Optionally allows localizing the component strings. */
+  resx: ILocalization;
+  /** The list of users to show under the search users field when a search is performed. */
+  foundUsers: ISearchedUser[];
+  /** Fires when searching for users to add to the permissions. Emits the search query. */
+  userSearchQueryChanged: EventEmitter<string>;
+  /** Fires when any permissions have changed, can be used for instance to have linked permissions. */
+  permissionsChanged: EventEmitter<IPermissions>;
+  selectedRoleGroupId: number;
+  userQuery: string;
+  pickedUser: ISearchedUser;
+  handleFoundUsersChanged(newValue: ISearchedUser[]): void;
+  componentWillLoad(): void;
+  disconnectedCallback(): void;
+  private roleDropDown;
+  private userCollapsible;
+  private dismissUserResults;
+  private handleRoleGroupChanged;
+  private addRole;
+  private addUser;
+  private getRoles;
+  private renderRoleCheckBox;
+  private renderUserCheckBox;
+  private handleRoleChanged;
+  private handleUserChanged;
+  private removeRole;
+  private removeUser;
+  private handleQueryChanged;
+  private handleSearchUserFieldKeyDown;
+  private handleSearchedUserKeyDown;
+  private handleUserPicked;
+  private getFilteredUsers;
+  render(): any;
+}

package/dist/types/components/dnn-permissions-grid/dnn-permissions-grid.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from "@storybook/web-components";
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const PermissionsGrid: any;

package/dist/types/components/dnn-permissions-grid/localization-interface.d.ts

@@ -0,0 +1,11 @@
+export interface ILocalization {
+  Add: string;
+  AllRoles: string;
+  FilterByGroup: string;
+  GlobalRoles: string;
+  Role: string;
+  RolePermissions: string;
+  SelectRole: string;
+  User: string;
+  UserPermissions: string;
+}

package/dist/types/components/dnn-permissions-grid/permissions-interface.d.ts

@@ -0,0 +1,26 @@
+export interface IPermissions {
+  permissionDefinitions: IPermissionDefinition[];
+  rolePermissions: IRolePermission[];
+  userPermissions: IUserPermission[];
+}
+export interface IPermissionDefinition {
+  allowAccess: boolean;
+  fullControl: boolean;
+  permissionCode: string;
+  permissionId: number;
+  permissionKey: string;
+  permissionName: string;
+  view: boolean;
+}
+export interface IRolePermission {
+  default: boolean;
+  locked: boolean;
+  permissions: IPermissionDefinition[];
+  roleId: number;
+  roleName: string;
+}
+export interface IUserPermission {
+  displayName: string;
+  permissions: IPermissionDefinition[];
+  userId: number;
+}

package/dist/types/components/dnn-permissions-grid/role-group-interface.d.ts

@@ -0,0 +1,6 @@
+export interface IRoleGroup {
+  description: string;
+  id: number;
+  name: string;
+  rolesCount: number;
+}

package/dist/types/components/dnn-permissions-grid/role-interface.d.ts

@@ -0,0 +1,6 @@
+export interface IRole {
+  IsSystemRole: boolean;
+  RoleGroupId: number;
+  RoleId: number;
+  RoleName: string;
+}

package/dist/types/components/dnn-permissions-grid/searched-user-interface.d.ts

@@ -0,0 +1,4 @@
+export interface ISearchedUser {
+  userId: number;
+  displayName: string;
+}

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

@@ -1,22 +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;
-}
+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<string>;
+  fireQueryChanged(): void;
+  private handleQueryChanged;
+  private debouncedHandleQueryChanged;
+  render(): any;
+}

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

@@ -0,0 +1,4 @@
+import { Meta } from "@storybook/web-components";
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const Searchbox: any;

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

@@ -1,9 +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;
-}
+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-sort-icon/dnn-sort-icon.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from "@storybook/web-components";
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const SortIcon: any;

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

@@ -1,11 +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;
-}
+/** 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-tab/dnn-tab.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from "@storybook/web-components";
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const Tab: any;

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

@@ -1,11 +1,11 @@
-export declare class DnnTabs {
-  private component;
-  tabTitles: string[];
-  selectedTabTitle: string;
-  componentDidLoad(): void;
-  private getTabs;
-  private updateTitles;
-  private showFirstTab;
-  private showTab;
-  render(): any;
-}
+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-tabs/dnn-tabs.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from "@storybook/web-components";
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const Tabs: any;

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

@@ -1,13 +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;
-}
+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/dnn-toggle.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from "@storybook/web-components";
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const Toggle: any;

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

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

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

@@ -1,24 +1,28 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class DnnTreeviewItem {
-  private expander;
-  el: HTMLDnnTreeviewItemElement;
-  /** Defines if the current node is expanded.  */
-  expanded: boolean;
-  /** Fires when the user expands a node. */
-  userExpanded: EventEmitter<void>;
-  /** Fires when the user collapses a node. */
-  userCollapsed: EventEmitter<void>;
-  /** Manages state for whether or not item has children. */
-  hasChildren: boolean;
-  /** Watch expanded Prop */
-  watchExpanded(expanded: boolean): void;
-  private childElement;
-  private collapsible;
-  componentDidLoad(): void;
-  private toggleCollapse;
-  render(): any;
-}
-export interface ExpandedToggledEvent {
-  state: "expanded" | "collapsed";
-  height: number;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot - The content of this node.
+ * @slot children - The content nested under this node.
+*/
+export declare class DnnTreeviewItem {
+  private expander;
+  el: HTMLDnnTreeviewItemElement;
+  /** Defines if the current node is expanded.  */
+  expanded: boolean;
+  /** Fires when the user expands a node. */
+  userExpanded: EventEmitter<void>;
+  /** Fires when the user collapses a node. */
+  userCollapsed: EventEmitter<void>;
+  /** Manages state for whether or not item has children. */
+  hasChildren: boolean;
+  /** Watch expanded Prop */
+  watchExpanded(expanded: boolean): void;
+  private childElement;
+  private collapsible;
+  componentDidLoad(): void;
+  private toggleCollapse;
+  render(): any;
+}
+export interface ExpandedToggledEvent {
+  state: "expanded" | "collapsed";
+  height: number;
+}

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

@@ -0,0 +1,4 @@
+import { Meta } from "@storybook/web-components";
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const TreeviewItem: any;

package/dist/types/components/dnn-vertical-overflow-menu/dnn-vertical-overflow-menu.d.ts

@@ -1,16 +1,16 @@
-export declare class DnnVerticalOverflowMenu {
-  element: HTMLDnnVerticalOverflowMenuElement;
-  showDropdownButton: boolean;
-  showDropdownMenu: boolean;
-  private menu;
-  private dropdown;
-  private resizeObserver;
-  private button;
-  private previousMenuWidth;
-  componentDidRender(): void;
-  private moveItemsToDropDownIfNecessery;
-  private moveItemsToMenuIfPossible;
-  private getFullWidth;
-  private toggleOverflowMenu;
-  render(): any;
-}
+export declare class DnnVerticalOverflowMenu {
+  element: HTMLDnnVerticalOverflowMenuElement;
+  showDropdownButton: boolean;
+  showDropdownMenu: boolean;
+  private menu;
+  private dropdown;
+  private resizeObserver;
+  private button;
+  private previousMenuWidth;
+  componentDidRender(): void;
+  private moveItemsToDropDownIfNecessery;
+  private moveItemsToMenuIfPossible;
+  private getFullWidth;
+  private toggleOverflowMenu;
+  render(): any;
+}

package/dist/types/components/dnn-vertical-overflow-menu/dnn-vertical-overflow-menu.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from "@storybook/web-components";
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const VerticalOverflowMenu: any;

package/dist/types/components/dnn-vertical-splitview/dnn-vertical-splitview.d.ts

@@ -1,28 +1,28 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-/**
- * @slot default - The split divider control you want to use.
- * @slot left - The content of the left pane.
- * @slot right - The content of the right pane.
- */
-export declare class DnnVerticalSplitview {
-  /** The width of the splitter area. */
-  splitterWidth: number;
-  /** The percentage position of the splitter in the container. */
-  splitWidthPercentage: number;
-  private splitter;
-  private resizeObserver;
-  /** Sets the width percentage of the divider */
-  setSplitWidthPercentage(newWidth: number): Promise<void>;
-  /** Gets the current divider position percentage. */
-  getSplitWidthPercentage(): Promise<number>;
-  /** Fires when the width of the divider changes. */
-  widthChanged: EventEmitter<number>;
-  leftWidth: number;
-  rightWidth: number;
-  element: HTMLDnnVerticalSplitviewElement;
-  componentDidLoad(): void;
-  private previousTouch;
-  private handleMouseDown;
-  private handleKeyDown;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot default - The split divider control you want to use.
+ * @slot left - The content of the left pane.
+ * @slot right - The content of the right pane.
+ */
+export declare class DnnVerticalSplitview {
+  /** The width of the splitter area. */
+  splitterWidth: number;
+  /** The percentage position of the splitter in the container. */
+  splitWidthPercentage: number;
+  private splitter;
+  private resizeObserver;
+  /** Sets the width percentage of the divider */
+  setSplitWidthPercentage(newWidth: number): Promise<void>;
+  /** Gets the current divider position percentage. */
+  getSplitWidthPercentage(): Promise<number>;
+  /** Fires when the width of the divider changes. */
+  widthChanged: EventEmitter<number>;
+  leftWidth: number;
+  rightWidth: number;
+  element: HTMLDnnVerticalSplitviewElement;
+  componentDidLoad(): void;
+  private previousTouch;
+  private handleMouseDown;
+  private handleKeyDown;
+  render(): any;
+}

package/dist/types/components/dnn-vertical-splitview/dnn-vertical-splitview.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from "@storybook/web-components";
+declare const _default: Meta<import("@storybook/web-components").Args>;
+export default _default;
+export declare const VerticalSplitview: any;