@zanichelli/albe-web-components 8.1.0-RC1 → 9.0.1

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

@@ -0,0 +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;
+}

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

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

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

@@ -0,0 +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;
+}

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

@@ -0,0 +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;
+}

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

@@ -0,0 +1,41 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import "../cells/z-td/index";
+import "../cells/z-th/index";
+/**
+ * ZTr component.
+ * When the row is `expandable`, you can set the `prevent-expand` css class on an interactive element inside the row
+ * to prevent the row from expanding.
+ * @slot - ZTr content (`z-td` or `z-th`).
+ */
+export declare class ZTr {
+  host: HTMLZTrElement;
+  /**
+   * Whether the row is expandable.
+   * Use a `z-td` as the last cell of the row for the additional content.
+   * It will show a button to expand/collapse the row.
+   * The last cell will be hidden until the button or row is clicked.
+   *
+   * If some element inside the expandable row contains the `prevent-expand` css class,
+   * the row will not expand by clicking that element.
+   */
+  expandable: boolean;
+  /**
+   * Whether the row is currently expanded.
+   */
+  expanded: boolean;
+  /**
+   * HTML Id of the expandable content.
+   * It is used to link the button to the content through the `aria-controls` attribute.
+   */
+  expandableContentId: string;
+  /** Row has been expanded */
+  expand: EventEmitter;
+  protected updateColumns(): void;
+  /**
+   * Handle click on row.
+   * Skip expansion if the click is on a element with `prevent-expand` css class.
+   */
+  private onRowClick;
+  componentWillLoad(): void;
+  render(): HTMLZTrElement;
+}