@zanichelli/albe-web-components 2.18.0 → 2.18.4

package/dist/types/components/buttons/z-button/index.d.ts

@@ -12,7 +12,7 @@ export declare class ZButton {
   disabled?: boolean;
   /** HTML button type attribute. */
   type?: HTMLButtonElement["type"];
-  /** Graphical variant: `primary`, `secondary` and `tertiary`. Defaults to `primary`. */
+  /** Graphical variant: `primary`, `secondary`, `tertiary`, `dark-bg`. Defaults to `primary`. */
   variant?: ButtonVariantBean;
   /** `z-icon` name to use (optional). */
   icon?: string;

package/dist/types/components/list/z-list-element/index.d.ts

@@ -49,7 +49,7 @@ export declare class ZListElement {
    */
   disabled?: boolean;
   /**
-   * [optional] If is used in ContextualMenu component
+   * [optional] If is used in ZContextualMenu component
    */
   isContextualMenu?: boolean;
   showInnerContent: boolean;

package/dist/types/components/list/z-toast-notification-list/index.d.ts

@@ -0,0 +1,14 @@
+import { ToastNotificationPositionsTypes } from "../../../beans";
+export declare class ZToastNotificationList {
+  hostElement: HTMLElement;
+  /**Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right */
+  position: ToastNotificationPositionsTypes;
+  /**Set the entry position of new notification in the list */
+  newestontop?: boolean;
+  private notificationArray;
+  watchPropNewestontop(newValue: boolean): void;
+  componentWillLoad(): void;
+  handleNewestOnTop(): void;
+  slotChangeHandler: () => void;
+  render(): any;
+}

package/dist/types/components/modal/z-modal-login/index.d.ts

@@ -10,6 +10,8 @@ import { InputStatusBean } from "../../../beans";
  */
 export declare class zModalLogin {
   hostElement: HostElement;
+  /** Forgot Password Url */
+  forgotPasswordUrl: string;
   /** Login modal title */
   heading?: string;
   /** Username/password input status */

package/dist/types/components/navigation/z-link/index.d.ts

@@ -36,7 +36,6 @@ export declare class ZLink {
   componentWillRender(): void;
   emitZLinkClick(e: MouseEvent, linkId: any): void;
   emitZLinkInteraction(e: Event, linkId: string): void;
-  calculateIconSize(): void;
-  componentDidLoad(): void;
+  componentDidRender(): void;
   render(): any;
 }

package/dist/types/components/navigation/z-user-dropdown/index.d.ts

@@ -23,14 +23,13 @@ export declare class ZUserDropdown {
   /** Emitted on enter or user Button click, returns ismenuopen (bool) */
   userButtonClick: EventEmitter;
   emitUserButtonClick(): void;
-  /** Emitted on dropdown menu zlink click, returns zlink linkId */
+  /** Emitted on dropdown menu zlink click, returns event */
   dropdownMenuLinkClick: EventEmitter;
   emitDropdownMenuLinkClick(e: CustomEvent): void;
   handleResize(): void;
   handleOrientationChange(): void;
   handleClickOutside(e: MouseEvent): void;
   handleToggle(): void;
-  handleDropdownLinkClick(e: any): void;
   renderCaretIcon(): any;
   renderGuestButton(): any;
   renderLoggedButton(): any;

package/dist/types/components/notification/z-toast-notification/index.d.ts

@@ -0,0 +1,56 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { ToastNotificationTransitionsEnum, ToastNotificationTransitionTypes, ToastNotificationTypes } from "../../../beans";
+export declare class ZToastNotification {
+  hostElement: HTMLElement;
+  /** toast notification's title */
+  heading?: string;
+  /** toast notification's message */
+  message: string;
+  /** toggles closing button rendering */
+  closebutton: boolean;
+  /** toast notification closing timeout (ms) */
+  autoclose?: number;
+  /** toast notification autoclose can be paused */
+  pauseonfocusloss?: boolean;
+  /** toast notification type:  dark, light, accent, error, success, warning*/
+  type?: ToastNotificationTypes;
+  /** toast notification can be draggable*/
+  isdraggable?: boolean;
+  /** toast notification draggable percentage*/
+  draggablepercentage?: number;
+  /** toast notification animation type: slide-in-left, slide-in-right, slide-in-down, slide-in-up*/
+  transition?: ToastNotificationTransitionTypes;
+  percentage: number;
+  isTextLong: boolean;
+  private container;
+  private toastText;
+  private sliderManager;
+  private elapsedTime;
+  private timeoutHandle;
+  private startTime;
+  private isMobile;
+  private isCloseEventCalled;
+  watchPropIsdraggable(newValue: boolean): void;
+  watchPropAutoclose(newValue: number): void;
+  watchPropPauseonfocusloss(newValue: boolean): void;
+  /** notification close event */
+  toastClose: EventEmitter;
+  emitToastClose(cssClass: string): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  visibilityChangeEventHandler: () => void;
+  validateAutoclose(): void;
+  mapSlideOutClass(): ToastNotificationTransitionsEnum.slideOutLeft | ToastNotificationTransitionsEnum.slideOutRight | ToastNotificationTransitionsEnum.slideOutDown | ToastNotificationTransitionsEnum.slideOutUp;
+  calculateDraggedPercentage(e: any): number;
+  handleSlideOutDragAnimation(): void;
+  onFocus(): void;
+  onBlur(): void;
+  startClosingTimeout(time: number): void;
+  detectWrap(): boolean;
+  renderText(): any;
+  renderButton(): any;
+  renderCloseIcon(): any;
+  renderContainer(): any;
+  renderMobileContainer(): any;
+  render(): any;
+}

package/dist/types/components/{contextual-menu → z-contextual-menu}/index.d.ts

@@ -1,17 +1,17 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-export declare class ContextualMenu {
+export declare class ZContextualMenu {
   /**
-   *  elements of ContextualMenu
+   *  elements of ZContextualMenu
    */
   elements?: string;
   /**
-   * [optional] Sets text color of ContextualMenu's content
+   * [optional] Sets text color of ZContextualMenu's content
    */
   color?: string;
   /** remove filter click event, returns filterid */
   clickContextualMenu: EventEmitter;
   private jsonElements;
-  componentWillLoad(): void;
+  componentWillRender(): void;
   showIcon(): boolean;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -6,20 +6,10 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AlertTypes, LicenseTypeEnum, MenuItem as MenuItem1, TooltipPosition } from "./beans/index";
-import { AvatarSize, ButtonSizeEnum, ButtonVariantBean, CardVariants, ComboItemBean, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, HeaderUserData, InputStatusBean, InputTypeBean, ListDividerType, ListSize, MenuItem, NotificationType, PocketStatus, PopoverBorderRadius, PopoverPosition, PopoverShadow, SelectItemBean, StatusTagStatus, TableHeaderSize, TabOrientationBean, TabSizeBean, ThemeVariant, ThemeVariantBean } from "./beans";
+import { AvatarSize, ButtonSizeEnum, ButtonVariantBean, CardVariants, ComboItemBean, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, HeaderUserData, InputStatusBean, InputTypeBean, ListDividerType, ListSize, MenuItem, NotificationType, PocketStatus, PopoverBorderRadius, PopoverPosition, PopoverShadow, SelectItemBean, SortDirection, StatusTagStatus, TableHeaderSize, TabOrientationBean, TabSizeBean, ThemeVariant, ThemeVariantBean, ToastNotificationPositionsTypes, ToastNotificationTransitionTypes, ToastNotificationTypes } from "./beans";
 import { ListItemBean } from "./beans/index.js";
 import { ZTypographyLevels } from "./components/typography/z-typography/index";
 export namespace Components {
-    interface ContextualMenu {
-        /**
-          * [optional] Sets text color of ContextualMenu's content
-         */
-        "color"?: string;
-        /**
-          * elements of ContextualMenu
-         */
-        "elements"?: string;
-    }
     interface ZAlert {
         /**
           * alert variant type
@@ -130,7 +120,7 @@ export namespace Components {
          */
         "type"?: HTMLButtonElement["type"];
         /**
-          * Graphical variant: `primary`, `secondary` and `tertiary`. Defaults to `primary`.
+          * Graphical variant: `primary`, `secondary`, `tertiary`, `dark-bg`. Defaults to `primary`.
          */
         "variant"?: ButtonVariantBean;
     }
@@ -272,6 +262,16 @@ export namespace Components {
          */
         "uncheckalltext"?: string;
     }
+    interface ZContextualMenu {
+        /**
+          * [optional] Sets text color of ZContextualMenu's content
+         */
+        "color"?: string;
+        /**
+          * elements of ZContextualMenu
+         */
+        "elements"?: string;
+    }
     interface ZCookiebar {
         /**
           * callback to handle ok button action (optional)
@@ -627,7 +627,7 @@ export namespace Components {
          */
         "expandableStyle"?: ExpandableListStyle;
         /**
-          * [optional] If is used in ContextualMenu component
+          * [optional] If is used in ZContextualMenu component
          */
         "isContextualMenu"?: boolean;
         "listElementId"?: number;
@@ -738,6 +738,10 @@ export namespace Components {
         "modaltitle"?: string;
     }
     interface ZModalLogin {
+        /**
+          * Forgot Password Url
+         */
+        "forgotPasswordUrl": string;
         /**
           * Login modal title
          */
@@ -1207,6 +1211,7 @@ export namespace Components {
           * [Optional] Padding of the header
          */
         "size"?: TableHeaderSize;
+        "sortDirection": SortDirection;
         /**
           * [Optional] Make the header sortable
          */
@@ -1342,6 +1347,54 @@ export namespace Components {
          */
         "pressed": boolean;
     }
+    interface ZToastNotification {
+        /**
+          * toast notification closing timeout (ms)
+         */
+        "autoclose"?: number;
+        /**
+          * toggles closing button rendering
+         */
+        "closebutton": boolean;
+        /**
+          * toast notification draggable percentage
+         */
+        "draggablepercentage"?: number;
+        /**
+          * toast notification's title
+         */
+        "heading"?: string;
+        /**
+          * toast notification can be draggable
+         */
+        "isdraggable"?: boolean;
+        /**
+          * toast notification's message
+         */
+        "message": string;
+        /**
+          * toast notification autoclose can be paused
+         */
+        "pauseonfocusloss"?: boolean;
+        /**
+          * toast notification animation type: slide-in-left, slide-in-right, slide-in-down, slide-in-up
+         */
+        "transition"?: ToastNotificationTransitionTypes;
+        /**
+          * toast notification type:  dark, light, accent, error, success, warning
+         */
+        "type"?: ToastNotificationTypes;
+    }
+    interface ZToastNotificationList {
+        /**
+          * Set the entry position of new notification in the list
+         */
+        "newestontop"?: boolean;
+        /**
+          * Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right
+         */
+        "position": ToastNotificationPositionsTypes;
+    }
     interface ZToggleButton {
         /**
           * avoidclick status flag
@@ -1404,12 +1457,6 @@ export namespace Components {
     }
 }
 declare global {
-    interface HTMLContextualMenuElement extends Components.ContextualMenu, HTMLStencilElement {
-    }
-    var HTMLContextualMenuElement: {
-        prototype: HTMLContextualMenuElement;
-        new (): HTMLContextualMenuElement;
-    };
     interface HTMLZAlertElement extends Components.ZAlert, HTMLStencilElement {
     }
     var HTMLZAlertElement: {
@@ -1488,6 +1535,12 @@ declare global {
         prototype: HTMLZComboboxElement;
         new (): HTMLZComboboxElement;
     };
+    interface HTMLZContextualMenuElement extends Components.ZContextualMenu, HTMLStencilElement {
+    }
+    var HTMLZContextualMenuElement: {
+        prototype: HTMLZContextualMenuElement;
+        new (): HTMLZContextualMenuElement;
+    };
     interface HTMLZCookiebarElement extends Components.ZCookiebar, HTMLStencilElement {
     }
     var HTMLZCookiebarElement: {
@@ -1890,6 +1943,18 @@ declare global {
         prototype: HTMLZStepperItemElement;
         new (): HTMLZStepperItemElement;
     };
+    interface HTMLZToastNotificationElement extends Components.ZToastNotification, HTMLStencilElement {
+    }
+    var HTMLZToastNotificationElement: {
+        prototype: HTMLZToastNotificationElement;
+        new (): HTMLZToastNotificationElement;
+    };
+    interface HTMLZToastNotificationListElement extends Components.ZToastNotificationList, HTMLStencilElement {
+    }
+    var HTMLZToastNotificationListElement: {
+        prototype: HTMLZToastNotificationListElement;
+        new (): HTMLZToastNotificationListElement;
+    };
     interface HTMLZToggleButtonElement extends Components.ZToggleButton, HTMLStencilElement {
     }
     var HTMLZToggleButtonElement: {
@@ -1915,7 +1980,6 @@ declare global {
         new (): HTMLZUserDropdownElement;
     };
     interface HTMLElementTagNameMap {
-        "contextual-menu": HTMLContextualMenuElement;
         "z-alert": HTMLZAlertElement;
         "z-app-header": HTMLZAppHeaderElement;
         "z-app-switcher": HTMLZAppSwitcherElement;
@@ -1929,6 +1993,7 @@ declare global {
         "z-card": HTMLZCardElement;
         "z-chip": HTMLZChipElement;
         "z-combobox": HTMLZComboboxElement;
+        "z-contextual-menu": HTMLZContextualMenuElement;
         "z-cookiebar": HTMLZCookiebarElement;
         "z-divider": HTMLZDividerElement;
         "z-footer": HTMLZFooterElement;
@@ -1996,6 +2061,8 @@ declare global {
         "z-status-tag": HTMLZStatusTagElement;
         "z-stepper": HTMLZStepperElement;
         "z-stepper-item": HTMLZStepperItemElement;
+        "z-toast-notification": HTMLZToastNotificationElement;
+        "z-toast-notification-list": HTMLZToastNotificationListElement;
         "z-toggle-button": HTMLZToggleButtonElement;
         "z-tooltip": HTMLZTooltipElement;
         "z-typography": HTMLZTypographyElement;
@@ -2003,20 +2070,6 @@ declare global {
     }
 }
 declare namespace LocalJSX {
-    interface ContextualMenu {
-        /**
-          * [optional] Sets text color of ContextualMenu's content
-         */
-        "color"?: string;
-        /**
-          * elements of ContextualMenu
-         */
-        "elements"?: string;
-        /**
-          * remove filter click event, returns filterid
-         */
-        "onClickContextualMenu"?: (event: CustomEvent<any>) => void;
-    }
     interface ZAlert {
         /**
           * alert variant type
@@ -2131,7 +2184,7 @@ declare namespace LocalJSX {
          */
         "type"?: HTMLButtonElement["type"];
         /**
-          * Graphical variant: `primary`, `secondary` and `tertiary`. Defaults to `primary`.
+          * Graphical variant: `primary`, `secondary`, `tertiary`, `dark-bg`. Defaults to `primary`.
          */
         "variant"?: ButtonVariantBean;
     }
@@ -2289,6 +2342,20 @@ declare namespace LocalJSX {
          */
         "uncheckalltext"?: string;
     }
+    interface ZContextualMenu {
+        /**
+          * [optional] Sets text color of ZContextualMenu's content
+         */
+        "color"?: string;
+        /**
+          * elements of ZContextualMenu
+         */
+        "elements"?: string;
+        /**
+          * remove filter click event, returns filterid
+         */
+        "onClickContextualMenu"?: (event: CustomEvent<any>) => void;
+    }
     interface ZCookiebar {
         /**
           * callback to handle ok button action (optional)
@@ -2664,7 +2731,7 @@ declare namespace LocalJSX {
          */
         "expandableStyle"?: ExpandableListStyle;
         /**
-          * [optional] If is used in ContextualMenu component
+          * [optional] If is used in ZContextualMenu component
          */
         "isContextualMenu"?: boolean;
         "listElementId"?: number;
@@ -2811,6 +2878,10 @@ declare namespace LocalJSX {
         "onModalHeaderActive"?: (event: CustomEvent<any>) => void;
     }
     interface ZModalLogin {
+        /**
+          * Forgot Password Url
+         */
+        "forgotPasswordUrl"?: string;
         /**
           * Login modal title
          */
@@ -3350,6 +3421,7 @@ declare namespace LocalJSX {
           * [Optional] Padding of the header
          */
         "size"?: TableHeaderSize;
+        "sortDirection"?: SortDirection;
         /**
           * [Optional] Make the header sortable
          */
@@ -3478,6 +3550,58 @@ declare namespace LocalJSX {
          */
         "pressed"?: boolean;
     }
+    interface ZToastNotification {
+        /**
+          * toast notification closing timeout (ms)
+         */
+        "autoclose"?: number;
+        /**
+          * toggles closing button rendering
+         */
+        "closebutton"?: boolean;
+        /**
+          * toast notification draggable percentage
+         */
+        "draggablepercentage"?: number;
+        /**
+          * toast notification's title
+         */
+        "heading"?: string;
+        /**
+          * toast notification can be draggable
+         */
+        "isdraggable"?: boolean;
+        /**
+          * toast notification's message
+         */
+        "message"?: string;
+        /**
+          * notification close event
+         */
+        "onToastClose"?: (event: CustomEvent<any>) => void;
+        /**
+          * toast notification autoclose can be paused
+         */
+        "pauseonfocusloss"?: boolean;
+        /**
+          * toast notification animation type: slide-in-left, slide-in-right, slide-in-down, slide-in-up
+         */
+        "transition"?: ToastNotificationTransitionTypes;
+        /**
+          * toast notification type:  dark, light, accent, error, success, warning
+         */
+        "type"?: ToastNotificationTypes;
+    }
+    interface ZToastNotificationList {
+        /**
+          * Set the entry position of new notification in the list
+         */
+        "newestontop"?: boolean;
+        /**
+          * Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right
+         */
+        "position"?: ToastNotificationPositionsTypes;
+    }
     interface ZToggleButton {
         /**
           * avoidclick status flag
@@ -3538,7 +3662,7 @@ declare namespace LocalJSX {
          */
         "menucontent"?: string | MenuItem[];
         /**
-          * Emitted on dropdown menu zlink click, returns zlink linkId
+          * Emitted on dropdown menu zlink click, returns event
          */
         "onDropdownMenuLinkClick"?: (event: CustomEvent<any>) => void;
         /**
@@ -3555,7 +3679,6 @@ declare namespace LocalJSX {
         "userfullname"?: string;
     }
     interface IntrinsicElements {
-        "contextual-menu": ContextualMenu;
         "z-alert": ZAlert;
         "z-app-header": ZAppHeader;
         "z-app-switcher": ZAppSwitcher;
@@ -3569,6 +3692,7 @@ declare namespace LocalJSX {
         "z-card": ZCard;
         "z-chip": ZChip;
         "z-combobox": ZCombobox;
+        "z-contextual-menu": ZContextualMenu;
         "z-cookiebar": ZCookiebar;
         "z-divider": ZDivider;
         "z-footer": ZFooter;
@@ -3636,6 +3760,8 @@ declare namespace LocalJSX {
         "z-status-tag": ZStatusTag;
         "z-stepper": ZStepper;
         "z-stepper-item": ZStepperItem;
+        "z-toast-notification": ZToastNotification;
+        "z-toast-notification-list": ZToastNotificationList;
         "z-toggle-button": ZToggleButton;
         "z-tooltip": ZTooltip;
         "z-typography": ZTypography;
@@ -3646,7 +3772,6 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "contextual-menu": LocalJSX.ContextualMenu & JSXBase.HTMLAttributes<HTMLContextualMenuElement>;
             "z-alert": LocalJSX.ZAlert & JSXBase.HTMLAttributes<HTMLZAlertElement>;
             "z-app-header": LocalJSX.ZAppHeader & JSXBase.HTMLAttributes<HTMLZAppHeaderElement>;
             "z-app-switcher": LocalJSX.ZAppSwitcher & JSXBase.HTMLAttributes<HTMLZAppSwitcherElement>;
@@ -3660,6 +3785,7 @@ declare module "@stencil/core" {
             "z-card": LocalJSX.ZCard & JSXBase.HTMLAttributes<HTMLZCardElement>;
             "z-chip": LocalJSX.ZChip & JSXBase.HTMLAttributes<HTMLZChipElement>;
             "z-combobox": LocalJSX.ZCombobox & JSXBase.HTMLAttributes<HTMLZComboboxElement>;
+            "z-contextual-menu": LocalJSX.ZContextualMenu & JSXBase.HTMLAttributes<HTMLZContextualMenuElement>;
             "z-cookiebar": LocalJSX.ZCookiebar & JSXBase.HTMLAttributes<HTMLZCookiebarElement>;
             "z-divider": LocalJSX.ZDivider & JSXBase.HTMLAttributes<HTMLZDividerElement>;
             "z-footer": LocalJSX.ZFooter & JSXBase.HTMLAttributes<HTMLZFooterElement>;
@@ -3727,6 +3853,8 @@ declare module "@stencil/core" {
             "z-status-tag": LocalJSX.ZStatusTag & JSXBase.HTMLAttributes<HTMLZStatusTagElement>;
             "z-stepper": LocalJSX.ZStepper & JSXBase.HTMLAttributes<HTMLZStepperElement>;
             "z-stepper-item": LocalJSX.ZStepperItem & JSXBase.HTMLAttributes<HTMLZStepperItemElement>;
+            "z-toast-notification": LocalJSX.ZToastNotification & JSXBase.HTMLAttributes<HTMLZToastNotificationElement>;
+            "z-toast-notification-list": LocalJSX.ZToastNotificationList & JSXBase.HTMLAttributes<HTMLZToastNotificationListElement>;
             "z-toggle-button": LocalJSX.ZToggleButton & JSXBase.HTMLAttributes<HTMLZToggleButtonElement>;
             "z-tooltip": LocalJSX.ZTooltip & JSXBase.HTMLAttributes<HTMLZTooltipElement>;
             "z-typography": LocalJSX.ZTypography & JSXBase.HTMLAttributes<HTMLZTypographyElement>;