@zanichelli/albe-web-components 9.2.1 → 9.2.2-beta

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

@@ -1,32 +1,32 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { NotificationType } from "../../../beans";
-/**
- * Notification bar component.
- * @slot - The text of the notification.
- * @cssprop --z-notification--top-offset - The top offset of the notification. Use it when `sticky` prop is set to `true` and you need the notification to stay under other sticky elements. Default: 0px.
- */
-export declare class ZNotification {
-  /** Name of the icon on the left of the content */
-  contenticonname?: string;
-  /** Action button text */
-  actiontext?: string;
-  /** Alert variant type */
-  type: NotificationType;
-  /** Enable close icon */
-  showclose?: boolean;
-  /**
-   * Enable shadow.
-   * @deprecated shadow is available only for the `sticky` version of the notification.
-   */
-  showshadow?: boolean;
-  /** Enable sticky notification bar. */
-  sticky?: boolean;
-  /** Call to action clicked */
-  notificationAction: EventEmitter;
-  private handleActionButtonClick;
-  /** Close button clicked */
-  notificationClose: EventEmitter;
-  private handleCloseButtonClick;
-  constructor();
-  render(): HTMLZNotificationElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { NotificationType } from "../../../beans";
+/**
+ * Notification bar component.
+ * @slot - The text of the notification.
+ * @cssprop --z-notification--top-offset - The top offset of the notification. Use it when `sticky` prop is set to `true` and you need the notification to stay under other sticky elements. Default: 0px.
+ */
+export declare class ZNotification {
+  /** Name of the icon on the left of the content */
+  contenticonname?: string;
+  /** Action button text */
+  actiontext?: string;
+  /** Alert variant type */
+  type: NotificationType;
+  /** Enable close icon */
+  showclose?: boolean;
+  /**
+   * Enable shadow.
+   * @deprecated shadow is available only for the `sticky` version of the notification.
+   */
+  showshadow?: boolean;
+  /** Enable sticky notification bar. */
+  sticky?: boolean;
+  /** Call to action clicked */
+  notificationAction: EventEmitter;
+  private handleActionButtonClick;
+  /** Close button clicked */
+  notificationClose: EventEmitter;
+  private handleCloseButtonClick;
+  constructor();
+  render(): HTMLZNotificationElement;
+}

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

@@ -1,56 +1,56 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { ToastNotificationTransition, ToastNotification } from "../../../beans";
-export declare class ZToastNotification {
-  hostElement: HTMLZToastNotificationElement;
-  /** 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?: ToastNotification;
-  /** 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?: ToastNotificationTransition;
-  percentage: number;
-  private isTextLong;
-  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;
-  private emitToastClose;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  private visibilityChangeEventHandler;
-  private validateAutoclose;
-  private mapSlideOutClass;
-  private calculateDraggedPercentage;
-  private handleSlideOutDragAnimation;
-  private onFocus;
-  private onBlur;
-  private startClosingTimeout;
-  private detectWrap;
-  private renderText;
-  private renderButton;
-  private renderCloseIcon;
-  private renderContainer;
-  private renderMobileContainer;
-  render(): HTMLZToastNotificationElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { ToastNotificationTransition, ToastNotification } from "../../../beans";
+export declare class ZToastNotification {
+  hostElement: HTMLZToastNotificationElement;
+  /** 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?: ToastNotification;
+  /** 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?: ToastNotificationTransition;
+  percentage: number;
+  private isTextLong;
+  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;
+  private emitToastClose;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  private visibilityChangeEventHandler;
+  private validateAutoclose;
+  private mapSlideOutClass;
+  private calculateDraggedPercentage;
+  private handleSlideOutDragAnimation;
+  private onFocus;
+  private onBlur;
+  private startClosingTimeout;
+  private detectWrap;
+  private renderText;
+  private renderButton;
+  private renderCloseIcon;
+  private renderContainer;
+  private renderMobileContainer;
+  render(): HTMLZToastNotificationElement;
+}

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

@@ -1,32 +1,32 @@
-import { PopoverPosition } from "../../../beans";
-/**
- * Tooltip component.
- * It is basically a wrapper for the `<z-popover>` component with custom configuration.
- *
- * @cssprop --z-tooltip-theme--surface - background color of the popover.
- * @cssprop --z-tooltip-theme--text - foreground color of the popover.
- * @cssprop --z-tooltip-shadow-filter - drop-shadow filter of the popover.
- */
-export declare class ZTooltip {
-  /** Tooltip position. */
-  position: PopoverPosition;
-  /** Enable tooltip dark mode. */
-  dark: boolean;
-  /**
-   * The open state of the tooltip.
-   */
-  open: boolean;
-  /**
-   * The selector or the element bound with the tooltip.
-   */
-  bindTo?: string | HTMLElement;
-  /**
-   * Reflects `closable` prop of the popover.
-   * "If true, the popover can be closed by clicking outside of it or pressing the escape key.
-   * Otherwise, it will be closed only programmatically (by setting `open` to `false`)."
-   */
-  closable: boolean;
-  private popoverEl;
-  onPopoverOpenChange(): void;
-  render(): HTMLZPopoverElement;
-}
+import { PopoverPosition } from "../../../beans";
+/**
+ * Tooltip component.
+ * It is basically a wrapper for the `<z-popover>` component with custom configuration.
+ *
+ * @cssprop --z-tooltip-theme--surface - background color of the popover.
+ * @cssprop --z-tooltip-theme--text - foreground color of the popover.
+ * @cssprop --z-tooltip-shadow-filter - drop-shadow filter of the popover.
+ */
+export declare class ZTooltip {
+  /** Tooltip position. */
+  position: PopoverPosition;
+  /** Enable tooltip dark mode. */
+  dark: boolean;
+  /**
+   * The open state of the tooltip.
+   */
+  open: boolean;
+  /**
+   * The selector or the element bound with the tooltip.
+   */
+  bindTo?: string | HTMLElement;
+  /**
+   * Reflects `closable` prop of the popover.
+   * "If true, the popover can be closed by clicking outside of it or pressing the escape key.
+   * Otherwise, it will be closed only programmatically (by setting `open` to `false`)."
+   */
+  closable: boolean;
+  private popoverEl;
+  onPopoverOpenChange(): void;
+  render(): HTMLZPopoverElement;
+}

package/dist/types/components/panel/z-panel-elem/index.d.ts

@@ -1,25 +1,25 @@
-/**
- * @slot `descrSlotName` - description content
- */
-export declare class ZPanelElem {
-  /** html element id (optional) */
-  elemid?: string;
-  /** image url source (optional) */
-  imgurl?: string;
-  /** alternative image text (optional) */
-  imgalt?: string;
-  /** icon link name (optional) */
-  linkicon?: string;
-  /** link label text*/
-  linklabel: string;
-  /** link url */
-  url: string;
-  /** link target (optional) */
-  target?: string;
-  /** disabled status flag (optional) */
-  isdisabled?: boolean;
-  /** name of slot container (optional) */
-  descrSlotName?: string;
-  private renderIcon;
-  render(): HTMLDivElement;
-}
+/**
+ * @slot `descrSlotName` - description content
+ */
+export declare class ZPanelElem {
+  /** html element id (optional) */
+  elemid?: string;
+  /** image url source (optional) */
+  imgurl?: string;
+  /** alternative image text (optional) */
+  imgalt?: string;
+  /** icon link name (optional) */
+  linkicon?: string;
+  /** link label text*/
+  linklabel: string;
+  /** link url */
+  url: string;
+  /** link target (optional) */
+  target?: string;
+  /** disabled status flag (optional) */
+  isdisabled?: boolean;
+  /** name of slot container (optional) */
+  descrSlotName?: string;
+  private renderIcon;
+  render(): HTMLDivElement;
+}

package/dist/types/components/table/cells/z-td/index.d.ts

@@ -1,36 +1,36 @@
-import { EventEmitter } from "../../../../stencil-public-runtime";
-import { VisibilityCondition } from "../../../../beans";
-/**
- * ZTd component.
- * @slot - ZTd content.
- */
-export declare class ZTd {
-  host: HTMLZTdElement;
-  /**
-   * Number of columns that the cell should span.
-   */
-  colspan: number;
-  /**
-   * Whether the cell should stick.
-   */
-  sticky: boolean;
-  /**
-   * Enables the contextual menu.
-   * Can be set to "hover" or "always" to show the button only on cell hover or always.
-   * Set a nullish value to hide the menu button.
-   */
-  showMenu: VisibilityCondition;
-  /**
-   * Store the open state of the menu.
-   */
-  isMenuOpen: boolean;
-  private menuTrigger;
-  private popoverEl;
-  /**
-   * Emitted when the value of the `colspan` changes.
-   */
-  colspanChange: EventEmitter<number>;
-  protected updateColspan(): void;
-  componentWillLoad(): void;
-  render(): HTMLZTdElement;
-}
+import { EventEmitter } from "../../../../stencil-public-runtime";
+import { VisibilityCondition } from "../../../../beans";
+/**
+ * ZTd component.
+ * @slot - ZTd content.
+ */
+export declare class ZTd {
+  host: HTMLZTdElement;
+  /**
+   * Number of columns that the cell should span.
+   */
+  colspan: number;
+  /**
+   * Whether the cell should stick.
+   */
+  sticky: boolean;
+  /**
+   * Enables the contextual menu.
+   * Can be set to "hover" or "always" to show the button only on cell hover or always.
+   * Set a nullish value to hide the menu button.
+   */
+  showMenu: VisibilityCondition;
+  /**
+   * Store the open state of the menu.
+   */
+  isMenuOpen: boolean;
+  private menuTrigger;
+  private popoverEl;
+  /**
+   * Emitted when the value of the `colspan` changes.
+   */
+  colspanChange: EventEmitter<number>;
+  protected updateColspan(): void;
+  componentWillLoad(): void;
+  render(): HTMLZTdElement;
+}

package/dist/types/components/table/cells/z-th/index.d.ts

@@ -1,52 +1,52 @@
-import { SortDirection, VisibilityCondition } from "../../../../beans";
-/**
- * ZTh component.
- * @slot - ZTh content.
- * @slot contextual-menu - Contextual menu content. Only visible when `showMenu` is true.
- */
-export declare class ZTh {
-  host: HTMLZThElement;
-  /**
-   * Number of columns that the cell should span.
-   */
-  colspan: number;
-  /**
-   * Enables the contextual menu.
-   * Can be set to "hover" or "always" to show the button only on cell hover or always.
-   * Set a nullish value to hide the menu button.
-   */
-  showMenu: VisibilityCondition;
-  /**
-   * Whether the cell should stick.
-   */
-  sticky: boolean;
-  /**
-   * Current sorting direction.
-   * Set `SortDirection.ASC` or `SortDirection.DESC` to show the sort icon.
-   */
-  sortDirection?: SortDirection;
-  /**
-   * Store the open state of the menu.
-   */
-  isMenuOpen: boolean;
-  /**
-   * Sort event fired when the user clicks on the sort button.
-   * The sorting logic must be implemented by the app.
-   * You can set an `id` on the `z-th` to easly identify the column in the event listener.
-   */
-  private sort;
-  private menuTrigger;
-  private popoverEl;
-  /**
-   * Get the value to set to the `aria-sort` attribute based on the current sort direction.
-   */
-  private get ariaSortDirection();
-  /**
-   * Handle the click on the sort button.
-   * @fires sort
-   */
-  private handleSort;
-  protected updateColspan(): void;
-  componentWillLoad(): void;
-  render(): HTMLZThElement;
-}
+import { SortDirection, VisibilityCondition } from "../../../../beans";
+/**
+ * ZTh component.
+ * @slot - ZTh content.
+ * @slot contextual-menu - Contextual menu content. Only visible when `showMenu` is true.
+ */
+export declare class ZTh {
+  host: HTMLZThElement;
+  /**
+   * Number of columns that the cell should span.
+   */
+  colspan: number;
+  /**
+   * Enables the contextual menu.
+   * Can be set to "hover" or "always" to show the button only on cell hover or always.
+   * Set a nullish value to hide the menu button.
+   */
+  showMenu: VisibilityCondition;
+  /**
+   * Whether the cell should stick.
+   */
+  sticky: boolean;
+  /**
+   * Current sorting direction.
+   * Set `SortDirection.ASC` or `SortDirection.DESC` to show the sort icon.
+   */
+  sortDirection?: SortDirection;
+  /**
+   * Store the open state of the menu.
+   */
+  isMenuOpen: boolean;
+  /**
+   * Sort event fired when the user clicks on the sort button.
+   * The sorting logic must be implemented by the app.
+   * You can set an `id` on the `z-th` to easly identify the column in the event listener.
+   */
+  private sort;
+  private menuTrigger;
+  private popoverEl;
+  /**
+   * Get the value to set to the `aria-sort` attribute based on the current sort direction.
+   */
+  private get ariaSortDirection();
+  /**
+   * Handle the click on the sort button.
+   * @fires sort
+   */
+  private handleSort;
+  protected updateColspan(): void;
+  componentWillLoad(): void;
+  render(): HTMLZThElement;
+}

package/dist/types/components/table/z-table/index.d.ts

@@ -1,28 +1,28 @@
-import "../z-thead/index";
-import "../z-tbody/index";
-import "../z-tr/index";
-import "../z-tfoot/index";
-/**
- * ZTable component.
- * @slot - Table content (`z-thead`, `z-tbody`, `z-tfoot`, `z-tr`).
- * @cssprop --z-table--cells-padding - Padding of the cells.
- */
-export declare class ZTable {
-  host: HTMLZTableElement;
-  /**
-   * Whether the table cells should show a border between them.
-   */
-  bordered: boolean;
-  /**
-   * Whether the table contains some expandable rows.
-   */
-  expandable: boolean;
-  private updateExpandable;
-  private expandableMutationObserver;
-  /**
-   * Setup the table creating a mutation observer for the expandable attribute.
-   */
-  componentWillLoad(): void;
-  disconnectedCallback(): void;
-  render(): HTMLZTableElement;
-}
+import "../z-thead/index";
+import "../z-tbody/index";
+import "../z-tr/index";
+import "../z-tfoot/index";
+/**
+ * ZTable component.
+ * @slot - Table content (`z-thead`, `z-tbody`, `z-tfoot`, `z-tr`).
+ * @cssprop --z-table--cells-padding - Padding of the cells.
+ */
+export declare class ZTable {
+  host: HTMLZTableElement;
+  /**
+   * Whether the table cells should show a border between them.
+   */
+  bordered: boolean;
+  /**
+   * Whether the table contains some expandable rows.
+   */
+  expandable: boolean;
+  private updateExpandable;
+  private expandableMutationObserver;
+  /**
+   * Setup the table creating a mutation observer for the expandable attribute.
+   */
+  componentWillLoad(): void;
+  disconnectedCallback(): void;
+  render(): HTMLZTableElement;
+}

package/dist/types/components/table/z-tbody/index.d.ts

@@ -1,7 +1,7 @@
-/**
- * ZTbody component.
- * @slot - ZTbody content (`z-tr`).
- */
-export declare class ZTbody {
-  render(): HTMLZTbodyElement;
-}
+/**
+ * ZTbody component.
+ * @slot - ZTbody content (`z-tr`).
+ */
+export declare class ZTbody {
+  render(): HTMLZTbodyElement;
+}

package/dist/types/components/table/z-tfoot/index.d.ts

@@ -1,11 +1,11 @@
-/**
- * ZTFoot component.
- * @slot - ZTFoot content (`z-tr`).
- */
-export declare class ZTfoot {
-  /**
-   * If true, the footer will be stuck to the bottom of the table.
-   */
-  sticky: boolean;
-  render(): void;
-}
+/**
+ * ZTFoot component.
+ * @slot - ZTFoot content (`z-tr`).
+ */
+export declare class ZTfoot {
+  /**
+   * If true, the footer will be stuck to the bottom of the table.
+   */
+  sticky: boolean;
+  render(): void;
+}

package/dist/types/components/table/z-thead/index.d.ts

@@ -1,11 +1,11 @@
-/**
- * ZThead component.
- * @slot - ZThead content (`z-tr`).
- */
-export declare class ZThead {
-  /**
-   * If true, the header will be stuck to the top of the table.
-   */
-  sticky: boolean;
-  render(): HTMLZTheadElement;
-}
+/**
+ * ZThead component.
+ * @slot - ZThead content (`z-tr`).
+ */
+export declare class ZThead {
+  /**
+   * If true, the header will be stuck to the top of the table.
+   */
+  sticky: boolean;
+  render(): HTMLZTheadElement;
+}