@zanichelli/albe-web-components 3.1.1 → 3.2.2

package/dist/types/components/icons/icons.d.ts

@@ -1,215 +1,22 @@
 export declare const icons: {
-  "add-image": string;
-  "app-switcher": string;
-  "arrow-clockwise-down-left": string;
-  "arrow-clockwise-down-right": string;
-  "arrow-clockwise-up-left": string;
-  "arrow-clockwise-up-right": string;
-  "arrow-down": string;
-  "arrow-left": string;
-  "arrow-left-right": string;
-  "arrow-left-rounded": string;
-  "arrow-left-square": string;
-  "arrow-north-east": string;
-  "arrow-north-east-square": string;
-  "arrow-north-west": string;
-  "arrow-north-west-square": string;
-  "arrow-quad-down": string;
-  "arrow-quad-left": string;
-  "arrow-quad-north-east": string;
-  "arrow-quad-north-west": string;
-  "arrow-quad-right": string;
-  "arrow-quad-south-east": string;
-  "arrow-quad-south-west": string;
-  "arrow-quad-up": string;
-  "arrow-right": string;
-  "arrow-right-rounded": string;
-  "arrow-right-square": string;
-  "arrow-small-left": string;
-  "arrow-small-right": string;
-  "arrow-south-east": string;
-  "arrow-south-east-square": string;
-  "arrow-south-west": string;
-  "arrow-south-west-square": string;
-  "arrow-square-down": string;
-  "arrow-up": string;
-  "arrow-up-and-down": string;
-  "arrow-up-down": string;
-  "arrow-up-down-double": string;
-  "arrow-up-rounded": string;
-  "arrow-up-square": string;
-  artist: string;
-  "artist-quote": string;
-  "assign-task": string;
-  atom: string;
-  back: string;
-  "back-top": string;
-  "black-circle": string;
-  "black-diamond": string;
-  "black-nib": string;
-  "black-sun-with-rays": string;
-  blockquote: string;
-  bold: string;
-  "book-minus": string;
-  "book-plus": string;
-  bookmark: string;
-  "breaking-line": string;
-  "bulleted-list": string;
-  "bulls-eye": string;
-  "burger-menu": string;
-  "burger-menu-booktab": string;
-  "c-circled": string;
-  "c-square": string;
-  "caret-down": string;
-  "caret-up": string;
-  "caret-up-down": string;
-  "character-panel": string;
-  checkbox: string;
-  "checkbox-checked": string;
-  checkmark: string;
-  "checkmark-circle": string;
-  "check-task": string;
-  "checkmark-square": string;
-  "chevron-down": string;
-  "chevron-down-circle": string;
-  "chevron-left": string;
-  "chevron-left-circle": string;
-  "chevron-right": string;
-  "chevron-right-circle": string;
-  "chevron-up": string;
-  "chevron-up-circle": string;
-  "cloud-download": string;
-  "cloud-x": string;
-  "club-black-suit": string;
-  collezioni: string;
-  compare: string;
-  "contextual-menu": string;
-  "copy-to-clipboard": string;
-  copyright: string;
-  "cursor-index": string;
-  dagger: string;
-  daggerdbl: string;
-  delete: string;
-  "diamond-black-suit": string;
-  "dictionary-switch": string;
-  dictonary: string;
-  "document-with-text": string;
-  "down-white-index": string;
-  download: string;
-  edit: string;
-  "edit-picture": string;
-  "electric-light-bulb": string;
-  email: string;
-  event: string;
-  "event-cancelled": string;
-  "exclamation-circle": string;
-  "exclamation-square": string;
-  "exercises-interactive": string;
-  "exercises-online": string;
-  "exercises-plus": string;
-  favorites: string;
-  feed: string;
-  "film-frames": string;
-  "frame-with-picture": string;
-  gear: string;
-  geogebra: string;
-  headphone: string;
-  "heart-black-suit": string;
-  helmsymbol: string;
-  highlights: string;
-  "hourglass-flowing": string;
-  "hourglass-half-bottom": string;
-  house: string;
-  "image-jpg": string;
-  "image-png": string;
-  "image-tiff": string;
-  "inbox-tray": string;
-  informationsource: string;
-  "interactive-glossaries": string;
-  "interactives-maps": string;
-  italic: string;
-  lecture: string;
-  "left-magnifying-glass": string;
-  "left-white-index": string;
-  link: string;
-  "list-bulleted-square": string;
-  location: string;
-  lock: string;
-  login: string;
-  logout: string;
-  lozenge: string;
-  "magnfying-glass": string;
-  map: string;
-  "medium-black-square": string;
-  "medium-white-square": string;
-  minus: string;
-  "minus-circled": string;
-  "minus-square": string;
-  multiply: string;
-  "multiply-circle": string;
-  "multiply-circled": string;
-  "multiply-square": string;
-  notification: string;
-  "notification-new": string;
-  "notification-off": string;
-  "numbered-list": string;
-  "open-file-folder": string;
-  "open-lock": string;
-  pause: string;
-  pdf: string;
-  "periodic-table": string;
-  play: string;
-  plus: string;
-  "plus-circled": string;
-  "plus-square": string;
-  powerpoint: string;
-  qrcode: string;
-  "question-mark-circle": string;
-  "question-mark-square": string;
-  "radio-button": string;
-  "radio-button-checked": string;
-  "recently-viewed": string;
-  redo: string;
-  "registro-filter": string;
-  "right-white-index": string;
-  save: string;
-  school: string;
-  search: string;
-  send: string;
-  share: string;
-  "shopping-cart": string;
-  "show-video": string;
-  "spade-black-suit": string;
-  "speaker-off": string;
-  "speaker-on": string;
-  "star-empty": string;
-  "star-full": string;
-  "strike-through-text": string;
-  subscript: string;
-  "sun-with-rays": string;
-  support: string;
-  supscript: string;
-  switch: string;
-  synchronize: string;
-  target: string;
-  "text-scale": string;
-  "textual-analysisalysis": string;
-  "theory-help": string;
-  "timer-clock": string;
-  "u-circle": string;
-  "u-square": string;
-  "underlined-text": string;
-  undo: string;
-  "up-white-index": string;
-  "user-avatar": string;
-  view: string;
-  "view-off": string;
-  "virtual-class": string;
-  "white-circle": string;
-  "white-diamond": string;
-  word: string;
-  "working-bag": string;
-  "workplace-zanichelli": string;
+  "assign-task-button": string;
+  "atom-button": string;
+  "burger-menu-booktab-button": string;
+  "check-task-button": string;
+  "cursor-index-button": string;
+  "film-frames-button": string;
+  "geogebra-button": string;
+  "headphone-button": string;
+  "index-up-button": string;
+  "interactives-maps-button": string;
+  "lecture-button": string;
+  "link-button": string;
+  "login-button": string;
+  "pdf-button": string;
+  "play-button": string;
+  "powerpoint-button": string;
+  "show-video-button": string;
+  "word-button": string;
   "workplace-zanichelli-filled": string;
   "add-image-filled": string;
   "app-switcher-filled": string;
@@ -405,7 +212,7 @@ export declare const icons: {
   "synchronize-filled": string;
   "target-filled": string;
   "text-scale-filled": string;
-  "textual-analysisalysis-filled": string;
+  "textual-analysis-filled": string;
   "theory-help-filled": string;
   "timer-clock-filled": string;
   "undo-filled": string;
@@ -421,28 +228,238 @@ export declare const icons: {
   "white-diamond-filled": string;
   "word-filled": string;
   "working-bag-filled": string;
+  "people-filled": string;
+  "grades-filled": string;
+  "timeline-filled": string;
+  "artwork-filled": string;
+  "projection-filled": string;
+  "geographical-map-filled": string;
+  "add-image": string;
+  "app-switcher": string;
+  "arrow-clockwise-down-left": string;
+  "arrow-clockwise-down-right": string;
+  "arrow-clockwise-up-left": string;
+  "arrow-clockwise-up-right": string;
+  "arrow-down": string;
+  "arrow-left": string;
+  "arrow-left-right": string;
+  "arrow-left-rounded": string;
+  "arrow-left-square": string;
+  "arrow-north-east": string;
+  "arrow-north-east-square": string;
+  "arrow-north-west": string;
+  "arrow-north-west-square": string;
+  "arrow-quad-down": string;
+  "arrow-quad-left": string;
+  "arrow-quad-north-east": string;
+  "arrow-quad-north-west": string;
+  "arrow-quad-right": string;
+  "arrow-quad-south-east": string;
+  "arrow-quad-south-west": string;
+  "arrow-quad-up": string;
+  "arrow-right": string;
+  "arrow-right-rounded": string;
+  "arrow-right-square": string;
+  "arrow-small-left": string;
+  "arrow-small-right": string;
+  "arrow-south-east": string;
+  "arrow-south-east-square": string;
+  "arrow-south-west": string;
+  "arrow-south-west-square": string;
+  "arrow-square-down": string;
+  "arrow-up": string;
+  "arrow-up-and-down": string;
+  "arrow-up-down": string;
+  "arrow-up-down-double": string;
+  "arrow-up-rounded": string;
+  "arrow-up-square": string;
+  artist: string;
+  "artist-quote": string;
+  "assign-task": string;
+  atom: string;
+  back: string;
+  "back-top": string;
+  "black-circle": string;
+  "black-diamond": string;
+  "black-nib": string;
+  "black-sun-with-rays": string;
+  blockquote: string;
+  bold: string;
+  book: string;
+  "book-minus": string;
+  "book-plus": string;
+  bookmark: string;
+  "breaking-line": string;
+  "bulleted-list": string;
+  "bulls-eye": string;
+  "burger-menu": string;
+  "burger-menu-booktab": string;
+  "c-circled": string;
+  "c-square": string;
+  "caret-down": string;
+  "caret-up": string;
+  "caret-up-down": string;
+  "character-panel": string;
+  checkbox: string;
+  "checkbox-checked": string;
+  checkmark: string;
+  "checkmark-circle": string;
+  "check-task": string;
+  "checkmark-square": string;
+  "chevron-down": string;
+  "chevron-down-circle": string;
+  "chevron-left": string;
+  "chevron-left-circle": string;
+  "chevron-right": string;
+  "chevron-right-circle": string;
+  "chevron-up": string;
+  "chevron-up-circle": string;
+  "cloud-download": string;
+  "cloud-x": string;
+  "club-black-suit": string;
+  collezioni: string;
+  compare: string;
+  "contextual-menu": string;
+  "copy-to-clipboard": string;
+  copyright: string;
+  "cursor-index": string;
+  dagger: string;
+  daggerdbl: string;
+  delete: string;
+  "diamond-black-suit": string;
+  "dictionary-switch": string;
+  dictonary: string;
+  "document-with-text": string;
+  "down-white-index": string;
+  download: string;
+  edit: string;
+  "edit-picture": string;
+  "electric-light-bulb": string;
+  email: string;
+  event: string;
+  "event-cancelled": string;
+  "exclamation-circle": string;
+  "exclamation-square": string;
+  "exercises-interactive": string;
+  "exercises-online": string;
+  "exercises-plus": string;
+  favorites: string;
+  feed: string;
+  "film-frames": string;
+  "frame-with-picture": string;
+  gear: string;
+  geogebra: string;
+  headphone: string;
+  "heart-black-suit": string;
+  helmsymbol: string;
+  highlights: string;
+  "hourglass-flowing": string;
+  "hourglass-half-bottom": string;
+  house: string;
+  "image-jpg": string;
+  "image-png": string;
+  "image-tiff": string;
+  "inbox-tray": string;
+  informationsource: string;
+  "interactive-glossaries": string;
+  "interactives-maps": string;
+  italic: string;
+  lecture: string;
+  "left-magnifying-glass": string;
+  "left-white-index": string;
+  link: string;
+  "list-bulleted-square": string;
+  location: string;
+  lock: string;
+  login: string;
+  logout: string;
+  lozenge: string;
+  "magnfying-glass": string;
+  map: string;
+  "medium-black-square": string;
+  "medium-white-square": string;
+  minus: string;
+  "minus-circled": string;
+  "minus-square": string;
+  multiply: string;
+  "multiply-circle": string;
+  "multiply-circled": string;
+  "multiply-square": string;
+  notification: string;
+  "notification-new": string;
+  "notification-off": string;
+  "numbered-list": string;
+  "open-file-folder": string;
+  "open-lock": string;
+  pause: string;
+  pdf: string;
+  "periodic-table": string;
+  play: string;
+  plus: string;
+  "plus-circled": string;
+  "plus-square": string;
+  powerpoint: string;
+  qrcode: string;
+  "question-mark-circle": string;
+  "question-mark-square": string;
+  "radio-button": string;
+  "radio-button-checked": string;
+  "recently-viewed": string;
+  redo: string;
+  "registro-filter": string;
+  "right-white-index": string;
+  save: string;
+  school: string;
+  search: string;
+  send: string;
+  share: string;
+  "shopping-cart": string;
+  "show-video": string;
+  "spade-black-suit": string;
+  "speaker-off": string;
+  "speaker-on": string;
+  "star-empty": string;
+  "star-full": string;
+  "strike-through-text": string;
+  subscript: string;
+  "sun-with-rays": string;
+  support: string;
+  supscript: string;
+  switch: string;
+  synchronize: string;
+  target: string;
+  "text-scale": string;
+  "textual-analysis": string;
+  "theory-help": string;
+  "timer-clock": string;
+  "u-circle": string;
+  "u-square": string;
+  "underlined-text": string;
+  undo: string;
+  "up-white-index": string;
+  "user-avatar": string;
+  view: string;
+  "view-off": string;
+  "virtual-class": string;
+  "white-circle": string;
+  "white-diamond": string;
+  word: string;
+  "working-bag": string;
+  "workplace-zanichelli": string;
   "app-switcher-button": string;
-  "assign-task-button": string;
-  "atom-button": string;
-  "burger-menu-booktab-button": string;
-  "check-task-button": string;
-  "cursor-index-button": string;
-  "film-frames-button": string;
-  "geogebra-button": string;
-  "headphone-button": string;
-  "index-up-button": string;
-  "interactives-maps-button": string;
-  "lecture-button": string;
-  "link-button": string;
-  "login-button": string;
-  "pdf-button": string;
-  "play-button": string;
-  "powerpoint-button": string;
-  "show-video-button": string;
-  "word-button": string;
   upload: string;
   people: string;
-  "people-filled": string;
   grades: string;
-  "grades-filled": string;
+  timeline: string;
+  artwork: string;
+  "skip-back": string;
+  "skip-forward": string;
+  projection: string;
+  laboratory: string;
+  "geographical-map": string;
+  "text-align-center": string;
+  "text-align-justify": string;
+  "text-align-left": string;
+  "text-align-right": string;
+  teacher: string;
 };

package/dist/types/components/z-date-picker/index.d.ts

@@ -4,6 +4,10 @@ export declare class ZDatePicker {
   element: HTMLElement;
   /** unique id */
   datepickerid: string;
+  /** z-input aria label */
+  ariaLabel?: string;
+  /** z-input label */
+  label?: string;
   /** [Optional] datepicker mode: date, datetime, only months */
   mode: ZDatePickerMode;
   flatpickrPosition: ZDatePickerPosition;

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

@@ -0,0 +1,109 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+/**
+ * Pagination bar component.
+ */
+export declare class ZPagination {
+  host: HTMLElement;
+  /** Pagination label placed before the bar. */
+  label?: string;
+  /** Enable navigation arrows. */
+  navArrows: boolean;
+  /** Total number of pages. Required. */
+  totalPages: number;
+  /** Number of pages to skip. */
+  skip: number;
+  /** Enable buttons to go to the first and last pages. */
+  edges: boolean;
+  /** Number of pages to show left/right of the current, before showing "load more" symbol (…). */
+  split?: number;
+  /** Number of pages to show at a time. If not set, all pages will be shown. */
+  visiblePages?: number;
+  /** Current page. */
+  currentPage: number;
+  /** Whether to show "go to page" feature. */
+  goToPage: boolean;
+  /**
+   * Internal visible pages variable.
+   * Needed to better handle conflicting props like `visiblePages` and `split`.
+   * This state will change based on props values and validation,
+   * keeping original `visiblePages` value intact.
+   */
+  private _visiblePages;
+  /** Used to hides/change some functionalities on smaller screen sizes */
+  isMobile: boolean;
+  /** Value of the go to page input */
+  goToPageValue: any;
+  /** Event emitted when the current page has changed. */
+  pageChanged: EventEmitter;
+  /**
+   * Set the max width of the pages container.
+   */
+  setPagesContainerWidth(): void;
+  /**
+   * Set visible pages.
+   * Ensure that the visible pages are always <= the total pages.
+   * If `visiblePages` isn't set, fallback to the total pages.
+   */
+  setVisiblePages(): void;
+  /**
+   * On page changed.
+   * @emits pageChanged
+   */
+  onPageChanged(): void;
+  /**
+   * On split changed.
+   * Empty `edges` value. The split feature wins over the pages chunks and edges.
+   */
+  onSplitChanged(): void;
+  /**
+   * Hide stuff on mobile.
+   */
+  onResize(): void;
+  /**
+   * Set functionalities according to screen size.
+   */
+  private setMobile;
+  /**
+   * Get a list of pages chunks, each of `visiblePages` length.
+   * @returns {number[][]}
+   */
+  getPagesChunks(): any[];
+  /**
+   * Scroll to the left the chunk of pages containing the current page.
+   */
+  scrollToPage(): void;
+  /**
+   * Select a page.
+   * Do validations on the passed value before assigning it to `currentPage`.
+   * @param {number} page Page number to set
+   */
+  selectPage(page: any): void;
+  /**
+   * Render page number button.
+   * @param {number} page Page number to render
+   * @returns {HTMLButtonElement}
+   */
+  renderPage(page: any): any;
+  /**
+   * Render split button.
+   * @param {number} page Page to select on click.
+   * @returns {HTMLButtonElement}
+   */
+  renderEllipsisButton(page: any): any;
+  /**
+   * Render chunked page buttons.
+   * @returns {HTMLDivElement}
+   */
+  renderPages(): any[];
+  /**
+   * Render page buttons when split feature is enabled.
+   * @returns {HTMLButtonElement[]}
+   */
+  renderSplitPages(): any[];
+  renderBackButton(): any;
+  renderForwardButton(): any;
+  renderMobile(): any[];
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  render(): any[];
+}