{
  "definitions": {
    "events": {
      "$ref": "#/definitions/Events",
      "$schema": "http://json-schema.org/draft-07/schema#",
      "definitions": {
        "Events": {
          "additionalProperties": false,
          "properties": {
            "actiononselected": {
              "additionalProperties": false,
              "properties": {
                "key": {
                  "type": "string"
                },
                "selectedItems": {
                  "items": {
                    "type": "string"
                  },
                  "type": "array"
                }
              },
              "required": [
                "key",
                "selectedItems"
              ],
              "type": "object"
            },
            "addItem": {
              "additionalProperties": false,
              "properties": {
                "id": {
                  "type": "string"
                }
              },
              "required": [
                "id"
              ],
              "type": "object"
            },
            "cellclick": {
              "additionalProperties": false,
              "properties": {
                "cellId": {
                  "type": "string"
                },
                "rowId": {
                  "type": "string"
                }
              },
              "required": [
                "rowId",
                "cellId"
              ],
              "type": "object"
            },
            "changeFilter": {
              "additionalProperties": false,
              "properties": {
                "filter": {
                  "$ref": "#/definitions/IFilter"
                }
              },
              "required": [
                "filter"
              ],
              "type": "object"
            },
            "changePageSize": {
              "additionalProperties": false,
              "properties": {
                "page_size": {
                  "type": "number"
                }
              },
              "required": [
                "page_size"
              ],
              "type": "object"
            },
            "changeSort": {
              "additionalProperties": false,
              "properties": {
                "sortedBy": {
                  "type": "string"
                },
                "sortedDirection": {
                  "enum": [
                    "asc",
                    "desc",
                    "default"
                  ],
                  "type": "string"
                }
              },
              "required": [
                "sortedDirection"
              ],
              "type": "object"
            },
            "clickonrow": {
              "additionalProperties": false,
              "properties": {
                "itemId": {
                  "type": "string"
                }
              },
              "required": [
                "itemId"
              ],
              "type": "object"
            },
            "clipboardCopyText": {
              "additionalProperties": false,
              "properties": {
                "text": {
                  "type": "string"
                }
              },
              "required": [
                "text"
              ],
              "type": "object"
            },
            "confirmActionModal": {
              "additionalProperties": false,
              "properties": {
                "action": {
                  "type": "string"
                },
                "confirm": {
                  "type": "boolean"
                },
                "id": {
                  "type": "string"
                }
              },
              "required": [
                "action",
                "id",
                "confirm"
              ],
              "type": "object"
            },
            "confirmActionModalForm": {
              "additionalProperties": false,
              "properties": {
                "action": {
                  "type": "string"
                },
                "confirm": {
                  "type": "boolean"
                },
                "id": {
                  "type": "string"
                }
              },
              "required": [
                "action",
                "id",
                "confirm"
              ],
              "type": "object"
            },
            "pageChange": {
              "additionalProperties": false,
              "description": "`page` is zero-based (first page = `0`).",
              "properties": {
                "page": {
                  "type": "number"
                },
                "pages": {
                  "type": "number"
                }
              },
              "required": [
                "page",
                "pages"
              ],
              "type": "object"
            },
            "removeFilter": {
              "additionalProperties": false,
              "properties": {
                "key": {
                  "type": "string"
                }
              },
              "required": [
                "key"
              ],
              "type": "object"
            },
            "showConfirmModal": {
              "additionalProperties": false,
              "properties": {
                "action": {
                  "type": "string"
                },
                "detail": {
                  "additionalProperties": false,
                  "properties": {
                    "id": {
                      "type": "string"
                    },
                    "show": {
                      "type": "boolean"
                    }
                  },
                  "required": [
                    "id",
                    "show"
                  ],
                  "type": "object"
                }
              },
              "required": [
                "action",
                "detail"
              ],
              "type": "object"
            },
            "showConfirmModalForm": {
              "additionalProperties": false,
              "properties": {
                "action": {
                  "type": "string"
                },
                "detail": {
                  "additionalProperties": false,
                  "properties": {
                    "id": {
                      "type": "string"
                    },
                    "show": {
                      "type": "boolean"
                    }
                  },
                  "required": [
                    "id",
                    "show"
                  ],
                  "type": "object"
                }
              },
              "required": [
                "action",
                "detail"
              ],
              "type": "object"
            },
            "tableCustomActionClick": {
              "additionalProperties": false,
              "properties": {
                "action": {
                  "type": "string"
                },
                "itemId": {
                  "type": "string"
                }
              },
              "required": [
                "itemId",
                "action"
              ],
              "type": "object"
            },
            "tableaction": {
              "additionalProperties": false,
              "properties": {
                "action": {
                  "type": "string"
                },
                "itemId": {
                  "type": "string"
                }
              },
              "required": [
                "itemId",
                "action"
              ],
              "type": "object"
            }
          },
          "required": [
            "pageChange",
            "changePageSize",
            "removeFilter",
            "changeFilter",
            "tableCustomActionClick",
            "tableaction",
            "cellclick",
            "actiononselected",
            "clickonrow",
            "changeSort",
            "showConfirmModal",
            "showConfirmModalForm",
            "confirmActionModalForm",
            "confirmActionModal",
            "clipboardCopyText",
            "addItem"
          ],
          "type": "object"
        },
        "IFilter": {
          "additionalProperties": false,
          "properties": {
            "end": {
              "format": "date-time",
              "type": "string"
            },
            "key": {
              "type": "string"
            },
            "start": {
              "format": "date-time",
              "type": "string"
            },
            "type": {
              "enum": [
                "datetime",
                "string",
                "enum",
                "number",
                "ip"
              ],
              "type": "string"
            },
            "value": {
              "type": "string"
            }
          },
          "required": [
            "key"
          ],
          "type": "object"
        }
      }
    },
    "component": {
      "$ref": "#/definitions/Component",
      "$schema": "http://json-schema.org/draft-07/schema#",
      "definitions": {
        "Component": {
          "additionalProperties": false,
          "properties": {
            "actions": {
              "items": {
                "$ref": "#/definitions/IActionButton"
              },
              "type": "array"
            },
            "add_item": {
              "type": "boolean"
            },
            "disable_paginate_sort": {
              "description": "When true, hides the sort select and direction button from the pagination bar",
              "type": "boolean"
            },
            "disablepagination": {
              "type": "boolean"
            },
            "enableselect": {
              "type": "string"
            },
            "externalfilter": {
              "description": "From HTML / `setAttribute`: only **`yes`** or **`no`** (or legacy `\"true\"` / `\"false\"`). Not a boolean attribute.",
              "type": "string"
            },
            "fixed_columns": {
              "description": "When `\"yes\"`, columns use `table-layout: fixed` with text ellipsis on overflow. When `\"no\"` (default), columns size dynamically (`table-layout: auto`).",
              "type": "string"
            },
            "headers": {
              "items": {
                "$ref": "#/definitions/ITableHeader"
              },
              "type": "array"
            },
            "i18nlang": {
              "type": "string"
            },
            "id": {
              "type": "string"
            },
            "is_loading": {
              "description": "When true (or web attribute `\"yes\"` / `\"true\"`), tbody shows Bulma skeleton rows (count matches `size`, capped at 100) and a single `skeleton-block` covers `hb-paginate` (still mounted, hidden).",
              "type": "boolean"
            },
            "page": {
              "description": "Current page index for pagination; **zero-based** (first page is `0`).",
              "type": "number"
            },
            "page_size_options": {
              "description": "Comma-separated list of page size options for select mode (e.g. \"10,25,50,100\")",
              "type": "string"
            },
            "page_size_type": {
              "description": "Type of page size selector: \"number\" for free input, \"select\" for dropdown",
              "enum": [
                "number",
                "select"
              ],
              "type": "string"
            },
            "pages": {
              "description": "Total number of pages (non-negative integer).",
              "type": "number"
            },
            "rows": {
              "items": {
                "$ref": "#/definitions/IRow"
              },
              "type": "array"
            },
            "selectactions": {
              "items": {},
              "type": "array"
            },
            "selected": {
              "type": "string"
            },
            "selectrow": {
              "type": "string"
            },
            "size": {
              "type": "number"
            },
            "sort_default": {
              "description": "Default sort field value — if it matches a sortable column, that column is pre-selected with \"default\" direction (e.g. \"title\")",
              "type": "string"
            },
            "sort_default_label": {
              "description": "Custom label for the \"Default\" sort option in the pagination bar (e.g. \"Relevance\")",
              "type": "string"
            },
            "sort_direction": {
              "description": "Current sort direction",
              "enum": [
                "asc",
                "desc",
                "default"
              ],
              "type": "string"
            },
            "sort_strict_direction": {
              "description": "When true, sort direction only allows \"asc\" and \"desc\" (no \"default\" state)",
              "type": "boolean"
            },
            "style": {
              "type": "string"
            },
            "total": {
              "type": "number"
            }
          },
          "required": [
            "rows",
            "headers"
          ],
          "type": "object"
        },
        "FormSchema": {
          "items": {
            "$ref": "#/definitions/FormSchemaEntry"
          },
          "type": "array"
        },
        "FormSchemaDependency": {
          "additionalProperties": false,
          "properties": {
            "id": {
              "type": "string"
            },
            "values": {
              "items": {
                "type": [
                  "string",
                  "number",
                  "boolean"
                ]
              },
              "type": "array"
            }
          },
          "required": [
            "id"
          ],
          "type": "object"
        },
        "FormSchemaEntry": {
          "additionalProperties": false,
          "properties": {
            "array_style": {
              "description": "For `type: \"arraytags\"` only: forwarded to `hb-input-array-tags` as the host `array_style` attribute (`\"pills\"` | `\"area\"` string). When omitted, **`hb-form` defaults to `\"area\"`**.",
              "type": "string"
            },
            "dependencies": {
              "items": {
                "$ref": "#/definitions/FormSchemaDependency"
              },
              "type": "array"
            },
            "disabled": {
              "type": "boolean"
            },
            "id": {
              "type": "string"
            },
            "label": {
              "type": "string"
            },
            "params": {
              "additionalProperties": {},
              "type": "object"
            },
            "placeholder": {
              "type": "string"
            },
            "readonly": {
              "type": "boolean"
            },
            "required": {
              "type": "boolean"
            },
            "type": {
              "description": "Discriminator for `hb-form` rows (`row`, `text`, `number`, …). May be omitted on a standalone `schemaentry` when implied by the host tag.",
              "type": "string"
            },
            "validationRegex": {
              "type": "string"
            },
            "validationTip": {
              "type": "string"
            },
            "value": {}
          },
          "required": [
            "id",
            "type"
          ],
          "type": "object"
        },
        "IActionButton": {
          "additionalProperties": false,
          "properties": {
            "btnClass": {
              "description": "Bulma colour token; when omitted the button is `is-link`. Outline follows `btnFill` and active theme (see `btnFill`).",
              "type": "string"
            },
            "btnFill": {
              "description": "When `true` / `\"yes\"`, filled (no `is-outlined`). When omitted, `false`, or `\"no\"`, `is-outlined` only while the **resolved** Bulma theme on this host is dark (`getComputedStyle(host)` for `--bulma-scheme-brightness` / related tokens, then `data-theme` / `.theme-*` / `prefers-color-scheme`).",
              "type": "boolean"
            },
            "confirm": {
              "additionalProperties": false,
              "properties": {
                "confirmLabel": {
                  "type": "string"
                },
                "content": {
                  "type": "string"
                },
                "denyLabel": {
                  "type": "string"
                },
                "text": {
                  "type": "string"
                },
                "title": {
                  "type": "string"
                }
              },
              "required": [
                "title",
                "confirmLabel",
                "content"
              ],
              "type": "object"
            },
            "disabled": {
              "type": "boolean"
            },
            "edit": {
              "additionalProperties": false,
              "properties": {
                "confirmLabel": {
                  "type": "string"
                },
                "denyLabel": {
                  "type": "string"
                },
                "description": {
                  "type": "string"
                },
                "schema": {
                  "anyOf": [
                    {
                      "type": "string"
                    },
                    {
                      "$ref": "#/definitions/FormSchema"
                    }
                  ],
                  "description": "From HTML: JSON string parsed in `$effect`; may be an object when set from JavaScript."
                },
                "text": {
                  "type": "string"
                },
                "title": {
                  "type": "string"
                }
              },
              "required": [
                "title",
                "confirmLabel",
                "schema"
              ],
              "type": "object"
            },
            "iconOrText": {
              "type": "string"
            },
            "name": {
              "type": "string"
            },
            "tooltip": {
              "$ref": "#/definitions/TTooltip"
            },
            "type": {
              "enum": [
                "icon",
                "text"
              ],
              "type": "string"
            }
          },
          "required": [
            "name",
            "type",
            "iconOrText"
          ],
          "type": "object"
        },
        "IRow": {
          "additionalProperties": {
            "anyOf": [
              {
                "type": "string"
              },
              {
                "items": {
                  "$ref": "#/definitions/IActionButton"
                },
                "type": "array"
              },
              {}
            ]
          },
          "properties": {
            "_actions": {
              "items": {
                "$ref": "#/definitions/IActionButton"
              },
              "type": "array"
            },
            "_evidenced": {
              "type": "boolean"
            },
            "_id": {
              "type": "string"
            }
          },
          "required": [
            "_id"
          ],
          "type": "object"
        },
        "ITableHeader": {
          "additionalProperties": false,
          "properties": {
            "centerCell": {
              "description": "When `true`, body cells (and loading skeleton) for this column use horizontal center alignment.",
              "type": "boolean"
            },
            "centerHeader": {
              "description": "When `true`, header cells for this column center the label / filters; the sort control (when present) stays on the **left** of the title row.",
              "type": "boolean"
            },
            "click": {
              "type": "boolean"
            },
            "copyTxt": {
              "type": "boolean"
            },
            "format": {
              "type": "string"
            },
            "key": {
              "type": "string"
            },
            "label": {
              "type": "string"
            },
            "nosort": {
              "type": "boolean"
            },
            "search": {
              "type": "boolean"
            },
            "select": {
              "items": {
                "type": "string"
              },
              "type": "array"
            },
            "sortBy": {
              "enum": [
                "asc",
                "desc",
                "none"
              ],
              "type": "string"
            },
            "tooltip": {
              "$ref": "#/definitions/TTooltip"
            },
            "truncateAt": {
              "type": "number"
            },
            "type": {
              "description": "Column value kind. **`ip`**: IPv4 `A.B.C.D` or CIDR `A.B.C.D/p` (`p` 0–32); local sort is numeric on address then prefix.",
              "enum": [
                "datetime",
                "string",
                "enum",
                "actions",
                "number",
                "ip"
              ],
              "type": "string"
            }
          },
          "required": [
            "label",
            "key"
          ],
          "type": "object"
        },
        "TTooltip": {
          "additionalProperties": false,
          "properties": {
            "animation": {
              "type": "boolean"
            },
            "customClass": {
              "type": "string"
            },
            "delay": {
              "anyOf": [
                {
                  "type": "number"
                },
                {
                  "additionalProperties": false,
                  "properties": {
                    "hide": {
                      "type": "number"
                    },
                    "show": {
                      "type": "number"
                    }
                  },
                  "required": [
                    "show",
                    "hide"
                  ],
                  "type": "object"
                }
              ]
            },
            "description": {
              "type": "string"
            },
            "html": {
              "type": "boolean"
            },
            "maxHeight": {
              "type": "string"
            },
            "maxWidth": {
              "type": "string"
            },
            "offset": {
              "anyOf": [
                {
                  "items": {
                    "type": "number"
                  },
                  "maxItems": 2,
                  "minItems": 2,
                  "type": "array"
                },
                {
                  "type": "string"
                }
              ]
            },
            "placement": {
              "enum": [
                "auto",
                "top",
                "bottom",
                "left",
                "right"
              ],
              "type": "string"
            },
            "style": {
              "$ref": "#/definitions/TooltipStyle"
            },
            "title": {
              "type": "string"
            },
            "trigger": {
              "enum": [
                "click",
                "hover",
                "focus",
                "manual",
                "click hover",
                "click focus",
                "hover focus",
                "click hover focus"
              ],
              "type": "string"
            }
          },
          "required": [
            "title"
          ],
          "type": "object"
        },
        "TooltipStyle": {
          "additionalProperties": false,
          "properties": {
            "backgroundColor": {
              "type": "string"
            },
            "borderRadius": {
              "type": "string"
            },
            "color": {
              "type": "string"
            },
            "disableDefaultStyle": {
              "type": "boolean"
            },
            "fontSize": {
              "type": "string"
            },
            "opacity": {
              "type": "number"
            },
            "padding": {
              "type": "string"
            },
            "transitionDuration": {
              "type": "string"
            }
          },
          "type": "object"
        }
      }
    }
  },
  "description": "Bulma-styled data table driven by JSON `headers` and `rows` (`_id` required): column sort, header search (text, enum, date range, IP substring filter), formatted values (nested keys, datetime via dayjs, **`ip`** as IPv4 `A.B.C.D` or CIDR `A.B.C.D/p` with numeric client-side sort), copy-to-clipboard, row highlight and `selectrow` clicks. Global `actions` and per-row `_actions` can open confirm or schema dialogs (`hb-dialog` / `hb-dialogform`); when `btnClass` is omitted, actions use **`is-link`**; **`is-outlined`** on cell action buttons depends on **`btnFill`** and theme: **`btnFill: true`** → filled (no outline); omitted, **`false`**, or **`no`** → outlined only in **dark** theme. Mapped `btnClass` values follow the same rules. Default-outline follows the **resolved** Bulma theme on the host (`getComputedStyle` for `--bulma-scheme-brightness` / `--bulma-hb-def-scheme-brightness` / `--bulma-scheme-main-l`), then falls back to **`data-theme` / `.theme-*`** and **`prefers-color-scheme`** (see README). Optional multi-select with `selectactions`, optional `add_item` (Add control immediately after the settings gear when `selectactions` is set), and `hb-paginate` for page size, sort sync, and server-style `externalfilter` / `total` workflows. **Pagination:** `page` and `pageChange.detail.page` are **zero-based** (first page is `0`). Set `is_loading` for Bulma skeleton placeholders in tbody and a single `skeleton-block` over pagination while `hb-paginate` stays mounted for prop sync. Set `fixed_columns=\"yes\"` for equal-width columns with text ellipsis; default is dynamic column sizing. i18n via `i18nlang`.",
  "storybookArgs": {
    "size": {
      "control": {
        "type": "range",
        "min": 1,
        "max": 100
      }
    },
    "page": {
      "control": {
        "type": "number"
      }
    },
    "i18nlang": {
      "control": {
        "type": "select"
      },
      "options": [
        "en",
        "it"
      ]
    },
    "total": {
      "control": {
        "type": "number"
      }
    },
    "selected": {
      "control": {
        "type": "text"
      }
    },
    "enableselect": {
      "control": {
        "type": "boolean"
      }
    },
    "sort_direction": {
      "control": {
        "type": "select"
      },
      "options": [
        "asc",
        "desc",
        "default"
      ]
    },
    "selectrow": {
      "control": {
        "type": "boolean"
      }
    },
    "disablepagination": {
      "control": {
        "type": "boolean"
      }
    },
    "add_item": {
      "control": {
        "type": "boolean"
      }
    },
    "rows": {
      "control": {
        "type": "array"
      }
    },
    "headers": {
      "control": {
        "type": "array"
      }
    },
    "actions": {
      "control": {
        "type": "array"
      }
    },
    "selectactions": {
      "control": {
        "type": "array"
      }
    },
    "pageChange": {
      "action": "pagechangeEvent"
    },
    "tableaction": {
      "action": "tableactionEvent"
    },
    "tableCustomActionClick": {
      "action": "tableCustomActionClickEvent"
    },
    "cellclick": {
      "action": "cellclickEvent"
    },
    "actiononselected": {
      "action": "actiononselectedEvent"
    },
    "clickonrow": {
      "action": "clickonrowEvent"
    },
    "confirmActionModal": {
      "action": "confirmActionModalEvent"
    },
    "confirmActionModalForm": {
      "action": "confirmActionModalFormEvent"
    },
    "showConfirmModal": {
      "action": "showConfirmModal"
    },
    "showConfirmModalForm": {
      "action": "showConfirmModalForm"
    },
    "externalfilter": {
      "control": {
        "type": "text"
      }
    },
    "pages": {
      "control": {
        "type": "number"
      }
    },
    "clipboardCopyText": {
      "action": "clipboardCopyTextEvent"
    },
    "addItem": {
      "action": "addItemEvent"
    },
    "changeFilter": {
      "action": "changeFilterEvent"
    },
    "changeSort": {
      "action": "changeSortEvent"
    },
    "removeFilter": {
      "action": "removeFilterEvent"
    },
    "page_size_type": {
      "control": {
        "type": "select"
      },
      "options": [
        null,
        "number",
        "select"
      ]
    },
    "page_size_options": {
      "control": {
        "type": "text"
      }
    },
    "sort_default": {
      "control": {
        "type": "text"
      }
    },
    "sort_default_label": {
      "control": {
        "type": "text"
      }
    },
    "disable_paginate_sort": {
      "control": {
        "type": "boolean"
      }
    },
    "sort_strict_direction": {
      "control": {
        "type": "boolean"
      }
    },
    "changePageSize": {
      "action": "changePageSizeEvent"
    },
    "is_loading": {
      "control": {
        "type": "boolean"
      }
    },
    "fixed_columns": {
      "control": {
        "type": "select"
      },
      "options": [
        "no",
        "yes"
      ]
    }
  },
  "styleSetup": {
    "vars": [
      {
        "name": "--hb-table-host-font-mul",
        "valueType": "number",
        "defaultValue": "0.9375",
        "description": "Unitless multiplier for host `font-size`: `calc(var(--bulma-size-normal) * this)`. Denser table chrome vs body text."
      },
      {
        "name": "--hb-table-footer-margin-inline-end-mul",
        "valueType": "number",
        "defaultValue": "0.6666666667",
        "description": "Multiplies `--bulma-block-spacing` for `--hb-table-footer-margin-inline-end` (footer / `hb-paginate` inline-end margin)."
      },
      {
        "name": "--hb-table-footer-margin-inline-end",
        "valueType": "number",
        "defaultValue": "calc(var(--bulma-block-spacing, 1.5rem) * var(--hb-table-footer-margin-inline-end-mul, 0.6666666667))",
        "description": "Resolved margin; override entirely or tune via `--hb-table-footer-margin-inline-end-mul`."
      },
      {
        "name": "--hb-table-sk-pagination-height-mul",
        "valueType": "number",
        "defaultValue": "0.85",
        "description": "Multiplies `--bulma-control-height` for the pagination loading skeleton bar height."
      },
      {
        "name": "--hb-table-sk-pagination-height",
        "valueType": "number",
        "defaultValue": "calc(var(--bulma-control-height, 2.5em) * var(--hb-table-sk-pagination-height-mul, 0.85))",
        "description": "Resolved skeleton height over `hb-paginate` while `is_loading`."
      },
      {
        "name": "--hb-table-sk-pagination-min-width-mul",
        "valueType": "number",
        "defaultValue": "28",
        "description": "Multiplies `--bulma-size-normal` inside `min(calc(...), 100%)` for skeleton min width while loading."
      },
      {
        "name": "--hb-table-sk-pagination-min-width",
        "valueType": "number",
        "defaultValue": "min(calc(var(--bulma-size-normal, 1rem) * 28), 100%)",
        "description": "Resolved min width cap for the pagination skeleton area; override or tune via `--hb-table-sk-pagination-min-width-mul`."
      },
      {
        "name": "--hb-table-sk-pagination-offset-inline-end-mul",
        "valueType": "number",
        "defaultValue": "0.3333333333",
        "description": "Multiplies `--bulma-block-spacing` for extra inline-end offset while loading (added with footer margin)."
      },
      {
        "name": "--hb-table-sk-pagination-offset-inline-end",
        "valueType": "number",
        "defaultValue": "calc(var(--bulma-block-spacing, 1.5rem) * var(--hb-table-sk-pagination-offset-inline-end-mul, 0.3333333333))",
        "description": "Resolved loading-only inline-end offset."
      },
      {
        "name": "--hb-table-toolbar-settings-margin-inline-start-mul",
        "valueType": "number",
        "defaultValue": "0.6666666667",
        "description": "Multiplies `--bulma-block-spacing` for space before the first toolbar pagination group (gear / add)."
      },
      {
        "name": "--hb-table-toolbar-settings-margin-inline-start",
        "valueType": "number",
        "defaultValue": "calc(var(--bulma-block-spacing, 1.5rem) * var(--hb-table-toolbar-settings-margin-inline-start-mul, 0.6666666667))",
        "description": "Resolved toolbar leading margin; tune via `*-mul` or override."
      },
      {
        "name": "--hb-table-actions-gap-mul",
        "valueType": "number",
        "defaultValue": "0.3333333333",
        "description": "Multiplies `--bulma-block-spacing` for horizontal gap in `.hb-table-actions-inner` (row and global actions)."
      },
      {
        "name": "--hb-table-actions-gap",
        "valueType": "number",
        "defaultValue": "calc(var(--bulma-block-spacing, 1.5rem) * var(--hb-table-actions-gap-mul, 0.3333333333))",
        "description": "Resolved actions flex gap."
      },
      {
        "name": "--hb-table-cell-padding-block-mul",
        "valueType": "number",
        "defaultValue": "0.375",
        "description": "Multiplies `--bulma-size-normal` for vertical `--bulma-table-cell-padding` (first length)."
      },
      {
        "name": "--hb-table-cell-padding-inline-mul",
        "valueType": "number",
        "defaultValue": "0.55",
        "description": "Multiplies `--bulma-size-normal` for horizontal `--bulma-table-cell-padding` (second length)."
      },
      {
        "name": "--bulma-table-cell-padding",
        "valueType": "number",
        "defaultValue": "calc(var(--bulma-size-normal, 1rem) * 0.375) calc(var(--bulma-size-normal, 1rem) * 0.55)",
        "description": "Bulma table cell padding on the host; derived from `--hb-table-cell-padding-*-mul` by default."
      },
      {
        "name": "--hb-table-cell-line-height",
        "valueType": "number",
        "defaultValue": "1.1",
        "description": "Unitless `line-height` on `td` / `th` (multi-line cell text). Increase for more air; decrease (e.g. `1.05`) for denser rows."
      },
      {
        "name": "--hb-table-th-title-row-column-gap-mul",
        "valueType": "number",
        "defaultValue": "0.25",
        "description": "Multiplies `--bulma-size-normal` for sort row `column-gap`."
      },
      {
        "name": "--hb-table-th-label-tooltip-gap-mul",
        "valueType": "number",
        "defaultValue": "0.35",
        "description": "Multiplies `--bulma-size-normal` for header label / tooltip flex `gap`."
      },
      {
        "name": "--hb-table-header-filter-gap-mul",
        "valueType": "number",
        "defaultValue": "0.3333333333",
        "description": "Multiplies `--bulma-block-spacing` for datetime / filter row flex `gap`."
      },
      {
        "name": "--hb-table-datetime-filter-label-max-width-mul",
        "valueType": "number",
        "defaultValue": "3.25",
        "description": "Multiplies `--bulma-size-normal` for datetime filter label `max-width`."
      },
      {
        "name": "--hb-table-cell-action-button-margin-inline-mul",
        "valueType": "number",
        "defaultValue": "0.125",
        "description": "Multiplies `--bulma-size-normal` for inline margin between cell action buttons."
      },
      {
        "name": "--hb-table-skeleton-lines-gap-mul",
        "valueType": "number",
        "defaultValue": "0.2666666667",
        "description": "Multiplies `--bulma-block-spacing` for `--bulma-skeleton-lines-gap` in tbody skeleton rows."
      },
      {
        "name": "--hb-table-sk-checkbox-min-height-mul",
        "valueType": "number",
        "defaultValue": "0.45",
        "description": "Multiplies `--bulma-control-height` for skeleton checkbox cell min height."
      },
      {
        "name": "--hb-table-toolbar-gap-mul",
        "valueType": "number",
        "defaultValue": "0.3333333333",
        "description": "Multiplies `--bulma-block-spacing` for footer toolbar flex `gap`."
      },
      {
        "name": "--hb-table-toolbar-row-gap-mul",
        "valueType": "number",
        "defaultValue": "0.3333333333",
        "description": "Multiplies `--bulma-block-spacing` for footer toolbar `row-gap`."
      },
      {
        "name": "--hb-table-toolbar-margin-block-start-mul",
        "valueType": "number",
        "defaultValue": "0.5833333333",
        "description": "Multiplies `--bulma-block-spacing` for space above the footer toolbar."
      },
      {
        "name": "--hb-table-toolbar-pagination-list-gap-mul",
        "valueType": "number",
        "defaultValue": "0.5",
        "description": "Multiplies `--bulma-pagination-item-margin` for gap between toolbar `pagination-link` items (unless `--hb-paginate-list-gap` is set)."
      }
    ],
    "parts": [
      {
        "name": "table",
        "description": "Root `table` element (sortable headers, tbody, embedded dialogs)."
      },
      {
        "name": "table-actions",
        "description": "Footer toolbar: settings, add control, bulk actions, `buttons-container` slot, and `hb-paginate`."
      },
      {
        "name": "selected-row",
        "description": "Row `tr` when it matches the `selected` id (`selectrow` mode)."
      },
      {
        "name": "common-row",
        "description": "Standard data row `tr` (non-selected)."
      }
    ]
  },
  "contributors": [],
  "htmlSlots": [
    {
      "name": "add-button-content",
      "description": "Replaces the default plus icon in the Add control when `add_item` is enabled."
    },
    {
      "name": "buttons-container",
      "description": "Extra toolbar actions rendered before `hb-paginate` inside `part=\"table-actions\"`."
    }
  ],
  "i18n": [
    {
      "lang": "it",
      "language": "italian"
    },
    {
      "lang": "en",
      "language": "english"
    }
  ],
  "examples": [
    {
      "name": "BasicTableWithClick",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "search": true,
            "tooltip": {
              "title": "Sort and filter by title.",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "tooltip": {
              "title": "Row description",
              "placement": "bottom"
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "centerCell": true,
            "centerHeader": true,
            "tooltip": {
              "title": "`testnested.nested` via dot key",
              "placement": "right"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "tooltip": {
              "title": "Datetime column",
              "placement": "left",
              "description": "Format: DD MMMM YYYY"
            }
          }
        ],
        "rows": [
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ],
        "selectrow": "yes"
      }
    },
    {
      "name": "BasicTableWithActionsSimple",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "tooltip": {
              "title": "Row title / primary label.",
              "placement": "top"
            },
            "centerCell": true,
            "centerHeader": true
          },
          {
            "label": "description",
            "key": "description",
            "tooltip": {
              "title": "Description",
              "placement": "bottom",
              "description": "Optional longer text; may be empty on some rows."
            },
            "centerCell": true
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "tooltip": {
              "title": "Dot-path field `testnested.nested`.",
              "placement": "right"
            },
            "centerHeader": true
          }
        ],
        "rows": [
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ],
        "selectrow": "yes",
        "actions": [
          {
            "name": "testaction",
            "type": "text",
            "iconOrText": "string"
          },
          {
            "name": "testaction2",
            "type": "icon",
            "iconOrText": "github",
            "tooltip": {
              "title": "Github tooltip",
              "placement": "top"
            }
          },
          {
            "name": "testaction3",
            "type": "icon",
            "iconOrText": "github",
            "tooltip": {
              "title": "Github tooltip 2",
              "placement": "bottom"
            }
          },
          {
            "name": "testaction4",
            "type": "icon",
            "iconOrText": "github",
            "confirm": {
              "confirmLabel": "conferma",
              "title": "confermi?",
              "content": "contenuto dialog1"
            },
            "btnClass": "danger"
          }
        ]
      }
    },
    {
      "name": "BasicTableWithDates",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "tooltip": {
              "title": "Title column",
              "placement": "left"
            },
            "centerCell": true,
            "centerHeader": true
          },
          {
            "label": "description",
            "key": "description",
            "tooltip": {
              "title": "Free-text description",
              "placement": "top"
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "tooltip": {
              "title": "Nested key example",
              "placement": "bottom"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "tooltip": {
              "title": "Datetime",
              "placement": "right",
              "description": "ISO string in data; header uses dayjs format."
            },
            "centerCell": true,
            "centerHeader": true
          }
        ],
        "rows": [
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ]
      }
    },
    {
      "name": "BasicTableWithDatesAndSearch",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "tooltip": {
              "title": "Filterable title",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "tooltip": {
              "title": "Description",
              "placement": "bottom",
              "description": "Text search in header row."
            },
            "centerCell": true,
            "centerHeader": true
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "tooltip": {
              "title": "Nested path",
              "placement": "left"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "search": true,
            "tooltip": {
              "title": "Date range filters",
              "placement": "right"
            },
            "centerCell": true,
            "centerHeader": true
          }
        ],
        "rows": [
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ]
      }
    },
    {
      "name": "BasicTableWithAdd",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "search": true,
            "tooltip": {
              "title": "Sort and filter by title.",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "tooltip": {
              "title": "Row description",
              "placement": "bottom"
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "centerCell": true,
            "centerHeader": true,
            "tooltip": {
              "title": "`testnested.nested` via dot key",
              "placement": "right"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "tooltip": {
              "title": "Datetime column",
              "placement": "left",
              "description": "Format: DD MMMM YYYY"
            }
          }
        ],
        "rows": [
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ],
        "add_item": true
      }
    },
    {
      "name": "BasicTableWithMoreSearchAndSelect",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "search": true,
            "tooltip": {
              "title": "Title filter",
              "placement": "top"
            }
          },
          {
            "label": "clickable",
            "key": "description",
            "search": true,
            "click": true,
            "tooltip": {
              "title": "Clickable cell",
              "placement": "bottom",
              "description": "Dispatches cellclick / row events."
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "tooltip": {
              "title": "Nested",
              "placement": "left"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "tooltip": {
              "title": "Date column",
              "placement": "right"
            }
          },
          {
            "label": "stato",
            "key": "status",
            "type": "enum",
            "select": [
              "active",
              "closed"
            ],
            "search": true,
            "centerCell": true,
            "centerHeader": true,
            "tooltip": {
              "title": "Status enum",
              "placement": "top",
              "description": "Filter via select in header."
            }
          }
        ],
        "selectactions": [
          {
            "name": "testaction",
            "type": "text",
            "iconOrText": "string"
          },
          {
            "name": "testaction2",
            "type": "icon",
            "iconOrText": "github"
          }
        ],
        "rows": [
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ],
        "enableselect": "yes",
        "add_item": true
      }
    },
    {
      "name": "BasicTableWithSearchOnNestedField",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "search": true,
            "tooltip": {
              "title": "Search on title",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "search": true,
            "centerCell": true,
            "centerHeader": true,
            "tooltip": {
              "title": "Centered header + cell",
              "placement": "bottom"
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "search": true,
            "tooltip": {
              "title": "Search nested key",
              "placement": "left"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "centerCell": true,
            "centerHeader": true,
            "tooltip": {
              "title": "Datetime + center",
              "placement": "right"
            }
          }
        ],
        "rows": [
          {
            "title": "bau",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:30.565Z",
            "_id": "bau",
            "status": "closed"
          },
          {
            "title": "bb1",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:31.565Z",
            "description": "ffff2",
            "_id": "bb1",
            "status": "closed"
          },
          {
            "title": "bb2",
            "time": "2021-08-02T22:46:32.565Z",
            "_id": "bb2",
            "status": "active"
          },
          {
            "title": "ss",
            "time": "2021-08-06T22:46:34.565Z",
            "description": "fffffff",
            "testnested": {
              "nested": "dddd"
            },
            "_id": "ss",
            "status": "active"
          },
          {
            "title": "bb4",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb4",
            "status": "active"
          },
          {
            "title": "aa5",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "aa5",
            "status": "active"
          },
          {
            "title": "bb6",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb6",
            "status": "active"
          },
          {
            "title": "bb7",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb7",
            "status": "active"
          },
          {
            "title": "bb8",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb8",
            "status": "active"
          },
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ],
        "selected": "bb1",
        "selectrow": "yes"
      }
    },
    {
      "name": "BasicTableWithSearchOnAllFields",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "search": true,
            "tooltip": {
              "title": "All columns searchable here",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "search": true,
            "tooltip": {
              "title": "Description search",
              "placement": "bottom"
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "search": true,
            "tooltip": {
              "title": "Nested path search",
              "placement": "left"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "search": true,
            "tooltip": {
              "title": "Date range search",
              "placement": "right"
            }
          }
        ],
        "rows": [
          {
            "title": "bau",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:30.565Z",
            "_id": "bau",
            "status": "closed"
          },
          {
            "title": "bb1",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:31.565Z",
            "description": "ffff2",
            "_id": "bb1",
            "status": "closed"
          },
          {
            "title": "bb2",
            "time": "2021-08-02T22:46:32.565Z",
            "_id": "bb2",
            "status": "active"
          },
          {
            "title": "ss",
            "time": "2021-08-06T22:46:34.565Z",
            "description": "fffffff",
            "testnested": {
              "nested": "dddd"
            },
            "_id": "ss",
            "status": "active"
          },
          {
            "title": "bb4",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb4",
            "status": "active"
          },
          {
            "title": "aa5",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "aa5",
            "status": "active"
          },
          {
            "title": "bb6",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb6",
            "status": "active"
          },
          {
            "title": "bb7",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb7",
            "status": "active"
          },
          {
            "title": "bb8",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb8",
            "status": "active"
          },
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ],
        "selectrow": "yes"
      }
    },
    {
      "name": "BasicTableWithDate",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "tooltip": {
              "title": "Title",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "click": true,
            "tooltip": {
              "title": "Clickable description",
              "placement": "bottom",
              "description": "Opens row click when selectrow is on."
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "tooltip": {
              "title": "Nested",
              "placement": "left"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "search": true,
            "tooltip": {
              "title": "Only date column is searchable",
              "placement": "right"
            }
          }
        ],
        "rows": [
          {
            "title": "bau",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:30.565Z",
            "_id": "bau",
            "status": "closed"
          },
          {
            "title": "bb1",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:31.565Z",
            "description": "ffff2",
            "_id": "bb1",
            "status": "closed"
          },
          {
            "title": "bb2",
            "time": "2021-08-02T22:46:32.565Z",
            "_id": "bb2",
            "status": "active"
          },
          {
            "title": "ss",
            "time": "2021-08-06T22:46:34.565Z",
            "description": "fffffff",
            "testnested": {
              "nested": "dddd"
            },
            "_id": "ss",
            "status": "active"
          },
          {
            "title": "bb4",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb4",
            "status": "active"
          },
          {
            "title": "aa5",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "aa5",
            "status": "active"
          },
          {
            "title": "bb6",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb6",
            "status": "active"
          },
          {
            "title": "bb7",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb7",
            "status": "active"
          },
          {
            "title": "bb8",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb8",
            "status": "active"
          },
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ]
      }
    },
    {
      "name": "BasicTableWithActions",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "search": true,
            "tooltip": {
              "title": "All columns searchable here",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "search": true,
            "tooltip": {
              "title": "Description search",
              "placement": "bottom"
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "search": true,
            "tooltip": {
              "title": "Nested path search",
              "placement": "left"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "search": true,
            "tooltip": {
              "title": "Date range search",
              "placement": "right"
            }
          }
        ],
        "rows": [
          {
            "title": "bau",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:30.565Z",
            "_id": "bau",
            "status": "closed"
          },
          {
            "title": "bb1",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:31.565Z",
            "description": "ffff2",
            "_id": "bb1",
            "status": "closed"
          },
          {
            "title": "bb2",
            "time": "2021-08-02T22:46:32.565Z",
            "_id": "bb2",
            "status": "active"
          },
          {
            "title": "ss",
            "time": "2021-08-06T22:46:34.565Z",
            "description": "fffffff",
            "testnested": {
              "nested": "dddd"
            },
            "_id": "ss",
            "status": "active"
          },
          {
            "title": "bb4",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb4",
            "status": "active"
          },
          {
            "title": "aa5",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "aa5",
            "status": "active"
          },
          {
            "title": "bb6",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb6",
            "status": "active"
          },
          {
            "title": "bb7",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb7",
            "status": "active"
          },
          {
            "title": "bb8",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb8",
            "status": "active"
          },
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ],
        "actions": [
          {
            "name": "testaction",
            "type": "text",
            "iconOrText": "string"
          },
          {
            "name": "testaction2",
            "type": "icon",
            "iconOrText": "github",
            "tooltip": {
              "title": "Github tooltip",
              "placement": "top"
            }
          },
          {
            "name": "testaction3",
            "type": "icon",
            "iconOrText": "github",
            "tooltip": {
              "title": "Github tooltip 2",
              "placement": "bottom"
            }
          },
          {
            "name": "testaction4",
            "type": "icon",
            "iconOrText": "github",
            "confirm": {
              "confirmLabel": "conferma",
              "title": "confermi?",
              "content": "contenuto dialog1"
            },
            "btnClass": "danger"
          }
        ]
      }
    },
    {
      "name": "BasicTableWithActionsAndSelect",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "search": true,
            "tooltip": {
              "title": "All columns searchable here",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "search": true,
            "tooltip": {
              "title": "Description search",
              "placement": "bottom"
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "search": true,
            "tooltip": {
              "title": "Nested path search",
              "placement": "left"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "search": true,
            "tooltip": {
              "title": "Date range search",
              "placement": "right"
            }
          }
        ],
        "rows": [
          {
            "title": "bau",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:30.565Z",
            "_id": "bau",
            "status": "closed"
          },
          {
            "title": "bb1",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:31.565Z",
            "description": "ffff2",
            "_id": "bb1",
            "status": "closed"
          },
          {
            "title": "bb2",
            "time": "2021-08-02T22:46:32.565Z",
            "_id": "bb2",
            "status": "active"
          },
          {
            "title": "ss",
            "time": "2021-08-06T22:46:34.565Z",
            "description": "fffffff",
            "testnested": {
              "nested": "dddd"
            },
            "_id": "ss",
            "status": "active"
          },
          {
            "title": "bb4",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb4",
            "status": "active"
          },
          {
            "title": "aa5",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "aa5",
            "status": "active"
          },
          {
            "title": "bb6",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb6",
            "status": "active"
          },
          {
            "title": "bb7",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb7",
            "status": "active"
          },
          {
            "title": "bb8",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb8",
            "status": "active"
          },
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ],
        "actions": [
          {
            "name": "testaction",
            "type": "text",
            "iconOrText": "string"
          },
          {
            "name": "testaction2",
            "type": "icon",
            "iconOrText": "github",
            "tooltip": {
              "title": "Github tooltip",
              "placement": "top"
            }
          },
          {
            "name": "testaction3",
            "type": "icon",
            "iconOrText": "github",
            "tooltip": {
              "title": "Github tooltip 2",
              "placement": "bottom"
            }
          },
          {
            "name": "testaction4",
            "type": "icon",
            "iconOrText": "github",
            "confirm": {
              "confirmLabel": "conferma",
              "title": "confermi?",
              "content": "contenuto dialog1"
            },
            "btnClass": "danger"
          }
        ],
        "selectactions": [
          {
            "name": "testaction",
            "type": "text",
            "iconOrText": "string"
          },
          {
            "name": "testaction2",
            "type": "icon",
            "iconOrText": "github"
          }
        ]
      }
    },
    {
      "name": "BasicTableWithActionsConfirmAndForm",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "search": true,
            "tooltip": {
              "title": "Title",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "tooltip": {
              "title": "Description",
              "placement": "bottom"
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "tooltip": {
              "title": "Nested field",
              "placement": "left"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "centerCell": true,
            "centerHeader": true,
            "tooltip": {
              "title": "When",
              "placement": "right"
            }
          },
          {
            "label": "modifiche",
            "key": "mod",
            "type": "actions",
            "nosort": true,
            "centerCell": true,
            "centerHeader": true,
            "tooltip": {
              "title": "Per-row actions",
              "placement": "top",
              "description": "Column type `actions`: `_actions` on each row."
            }
          }
        ],
        "rows": [
          {
            "title": "bau",
            "_actions": [
              {
                "name": "activate",
                "type": "icon",
                "iconOrText": "ticket-fill",
                "confirm": {
                  "confirmLabel": "conferma",
                  "title": "confermi?",
                  "content": "contenuto dialog1"
                }
              },
              {
                "name": "activate2",
                "type": "icon",
                "iconOrText": "ticket-fill",
                "confirm": {
                  "confirmLabel": "conferma",
                  "title": "confermi?",
                  "content": "contenuto dialog2"
                }
              },
              {
                "name": "activate3",
                "type": "icon",
                "iconOrText": "ticket-fill",
                "edit": {
                  "confirmLabel": "conferma",
                  "title": "confermi?",
                  "schema": [
                    {
                      "type": "text",
                      "placeholder": "Inserisci titolo di default",
                      "id": "defaultTitle",
                      "required": true,
                      "label": "Titolo di default",
                      "value": "titolotest",
                      "params": {
                        "minLength": 8,
                        "maxLength": 120
                      }
                    },
                    {
                      "type": "number",
                      "id": "age",
                      "required": true,
                      "label": "Age",
                      "value": 9,
                      "params": {
                        "min": 8,
                        "max": 120
                      },
                      "validationTip": "Min 8, Max 120"
                    }
                  ]
                }
              }
            ],
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:30.565Z",
            "_id": "bau",
            "status": "closed"
          },
          {
            "title": "bb1",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:31.565Z",
            "description": "ffff2",
            "_id": "bb1",
            "status": "closed",
            "_actions": [
              {
                "name": "activate",
                "type": "icon",
                "iconOrText": "ticket-fill",
                "confirm": {
                  "confirmLabel": "conferma",
                  "title": "confermi?",
                  "content": "content3"
                }
              },
              {
                "name": "activate2",
                "type": "icon",
                "iconOrText": "ticket-fill",
                "confirm": {
                  "confirmLabel": "conferma",
                  "title": "confermi?",
                  "content": "content4"
                }
              }
            ]
          },
          {
            "title": "bb2",
            "time": "2021-08-02T22:46:32.565Z",
            "_id": "bb2",
            "status": "active",
            "_actions": [
              {
                "name": "activate",
                "type": "icon",
                "iconOrText": "ticket-fill",
                "confirm": {
                  "confirmLabel": "conferma",
                  "title": "confermi?",
                  "content": ""
                }
              },
              {
                "name": "activate2",
                "type": "icon",
                "iconOrText": "ticket-fill",
                "confirm": {
                  "confirmLabel": "conferma",
                  "title": "confermi?",
                  "content": ""
                }
              }
            ]
          }
        ],
        "actions": [
          {
            "name": "testaction",
            "type": "text",
            "iconOrText": "string"
          },
          {
            "name": "testaction2",
            "type": "icon",
            "iconOrText": "github",
            "tooltip": {
              "title": "Github tooltip",
              "placement": "top"
            }
          },
          {
            "name": "testaction3",
            "type": "icon",
            "iconOrText": "github",
            "tooltip": {
              "title": "Github tooltip 2",
              "placement": "bottom"
            }
          },
          {
            "name": "testaction4",
            "type": "icon",
            "iconOrText": "github",
            "confirm": {
              "confirmLabel": "conferma",
              "title": "confermi?",
              "content": "contenuto dialog1"
            },
            "btnClass": "danger"
          }
        ]
      }
    },
    {
      "name": "BasicTableWithTruncateAndCopy",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "search": true,
            "centerCell": true,
            "centerHeader": true,
            "tooltip": {
              "title": "Title (search + center)",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "truncateAt": 3,
            "copyTxt": true,
            "tooltip": {
              "title": "Truncated + copy",
              "placement": "bottom",
              "description": "Uses truncateAt and copy-to-clipboard icon."
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "centerCell": true,
            "centerHeader": true,
            "tooltip": {
              "title": "Nested value",
              "placement": "right"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "tooltip": {
              "title": "Event time",
              "placement": "left"
            }
          }
        ],
        "rows": [
          {
            "title": "bau",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:30.565Z",
            "_id": "bau",
            "status": "closed"
          },
          {
            "title": "bb1",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:31.565Z",
            "description": "ffff2",
            "_id": "bb1",
            "status": "closed"
          },
          {
            "title": "bb2",
            "time": "2021-08-02T22:46:32.565Z",
            "_id": "bb2",
            "status": "active"
          },
          {
            "title": "ss",
            "time": "2021-08-06T22:46:34.565Z",
            "description": "fffffff",
            "testnested": {
              "nested": "dddd"
            },
            "_id": "ss",
            "status": "active"
          },
          {
            "title": "bb4",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb4",
            "status": "active"
          },
          {
            "title": "aa5",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "aa5",
            "status": "active"
          },
          {
            "title": "bb6",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb6",
            "status": "active"
          },
          {
            "title": "bb7",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb7",
            "status": "active"
          },
          {
            "title": "bb8",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb8",
            "status": "active"
          },
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ],
        "selectrow": "yes"
      }
    },
    {
      "name": "BasicTableWithTooltips",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "tooltip": {
              "title": "Title tooltip",
              "placement": "top",
              "description": "Demonstrates hb-tooltip on header."
            },
            "centerCell": true,
            "centerHeader": true
          },
          {
            "label": "description",
            "key": "description",
            "tooltip": {
              "title": "Description tooltip",
              "placement": "bottom"
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "tooltip": {
              "title": "Nested tooltip",
              "placement": "right",
              "description": "Info icon sits after the label."
            },
            "centerCell": true,
            "centerHeader": true
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "tooltip": {
              "title": "Date tooltip",
              "placement": "left"
            }
          }
        ],
        "rows": [
          {
            "title": "bau",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:30.565Z",
            "_id": "bau",
            "status": "closed"
          }
        ]
      }
    },
    {
      "name": "BasicTableWithEvidencedRows",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "tooltip": {
              "title": "Row title / primary label.",
              "placement": "top"
            },
            "centerCell": true,
            "centerHeader": true
          },
          {
            "label": "description",
            "key": "description",
            "tooltip": {
              "title": "Description",
              "placement": "bottom",
              "description": "Optional longer text; may be empty on some rows."
            },
            "centerCell": true
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "tooltip": {
              "title": "Dot-path field `testnested.nested`.",
              "placement": "right"
            },
            "centerHeader": true
          }
        ],
        "rows": [
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active",
            "_evidenced": true
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active",
            "_evidenced": true
          }
        ]
      }
    },
    {
      "name": "BasicTableWithPageSizeSelect",
      "description": "Table with page size selector (select dropdown)",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "search": true,
            "tooltip": {
              "title": "Sort and filter by title.",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "tooltip": {
              "title": "Row description",
              "placement": "bottom"
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "centerCell": true,
            "centerHeader": true,
            "tooltip": {
              "title": "`testnested.nested` via dot key",
              "placement": "right"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "tooltip": {
              "title": "Datetime column",
              "placement": "left",
              "description": "Format: DD MMMM YYYY"
            }
          }
        ],
        "rows": [
          {
            "title": "bau",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:30.565Z",
            "_id": "bau",
            "status": "closed"
          },
          {
            "title": "bb1",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:31.565Z",
            "description": "ffff2",
            "_id": "bb1",
            "status": "closed"
          },
          {
            "title": "bb2",
            "time": "2021-08-02T22:46:32.565Z",
            "_id": "bb2",
            "status": "active"
          },
          {
            "title": "ss",
            "time": "2021-08-06T22:46:34.565Z",
            "description": "fffffff",
            "testnested": {
              "nested": "dddd"
            },
            "_id": "ss",
            "status": "active"
          },
          {
            "title": "bb4",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb4",
            "status": "active"
          },
          {
            "title": "aa5",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "aa5",
            "status": "active"
          },
          {
            "title": "bb6",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb6",
            "status": "active"
          },
          {
            "title": "bb7",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb7",
            "status": "active"
          },
          {
            "title": "bb8",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb8",
            "status": "active"
          },
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ],
        "total": 14,
        "size": 5,
        "page_size_type": "select",
        "page_size_options": "5,10,25,50"
      }
    },
    {
      "name": "BasicTableWithPageSizeNumber",
      "description": "Table with page size selector (free number input)",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "search": true,
            "tooltip": {
              "title": "Sort and filter by title.",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "tooltip": {
              "title": "Row description",
              "placement": "bottom"
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "centerCell": true,
            "centerHeader": true,
            "tooltip": {
              "title": "`testnested.nested` via dot key",
              "placement": "right"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "tooltip": {
              "title": "Datetime column",
              "placement": "left",
              "description": "Format: DD MMMM YYYY"
            }
          }
        ],
        "rows": [
          {
            "title": "bau",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:30.565Z",
            "_id": "bau",
            "status": "closed"
          },
          {
            "title": "bb1",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:31.565Z",
            "description": "ffff2",
            "_id": "bb1",
            "status": "closed"
          },
          {
            "title": "bb2",
            "time": "2021-08-02T22:46:32.565Z",
            "_id": "bb2",
            "status": "active"
          },
          {
            "title": "ss",
            "time": "2021-08-06T22:46:34.565Z",
            "description": "fffffff",
            "testnested": {
              "nested": "dddd"
            },
            "_id": "ss",
            "status": "active"
          },
          {
            "title": "bb4",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb4",
            "status": "active"
          },
          {
            "title": "aa5",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "aa5",
            "status": "active"
          },
          {
            "title": "bb6",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb6",
            "status": "active"
          },
          {
            "title": "bb7",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb7",
            "status": "active"
          },
          {
            "title": "bb8",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb8",
            "status": "active"
          },
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ],
        "total": 14,
        "size": 5,
        "page_size_type": "number"
      }
    },
    {
      "name": "BasicTableWithSortAndPageSize",
      "description": "Table with sort indicator and page size selector in pagination",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "search": true,
            "tooltip": {
              "title": "Sort and filter by title.",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "tooltip": {
              "title": "Row description",
              "placement": "bottom"
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "centerCell": true,
            "centerHeader": true,
            "tooltip": {
              "title": "`testnested.nested` via dot key",
              "placement": "right"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "tooltip": {
              "title": "Datetime column",
              "placement": "left",
              "description": "Format: DD MMMM YYYY"
            }
          }
        ],
        "rows": [
          {
            "title": "bau",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:30.565Z",
            "_id": "bau",
            "status": "closed"
          },
          {
            "title": "bb1",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:31.565Z",
            "description": "ffff2",
            "_id": "bb1",
            "status": "closed"
          },
          {
            "title": "bb2",
            "time": "2021-08-02T22:46:32.565Z",
            "_id": "bb2",
            "status": "active"
          },
          {
            "title": "ss",
            "time": "2021-08-06T22:46:34.565Z",
            "description": "fffffff",
            "testnested": {
              "nested": "dddd"
            },
            "_id": "ss",
            "status": "active"
          },
          {
            "title": "bb4",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb4",
            "status": "active"
          },
          {
            "title": "aa5",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "aa5",
            "status": "active"
          },
          {
            "title": "bb6",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb6",
            "status": "active"
          },
          {
            "title": "bb7",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb7",
            "status": "active"
          },
          {
            "title": "bb8",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb8",
            "status": "active"
          },
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ],
        "total": 14,
        "size": 5,
        "page_size_type": "select",
        "page_size_options": "5,10,25"
      }
    },
    {
      "name": "BasicTableWithSortDefault",
      "description": "Default sort set to 'title' — Title column is pre-selected in pagination sort",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "search": true,
            "tooltip": {
              "title": "Sort and filter by title.",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "tooltip": {
              "title": "Row description",
              "placement": "bottom"
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "centerCell": true,
            "centerHeader": true,
            "tooltip": {
              "title": "`testnested.nested` via dot key",
              "placement": "right"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "tooltip": {
              "title": "Datetime column",
              "placement": "left",
              "description": "Format: DD MMMM YYYY"
            }
          }
        ],
        "rows": [
          {
            "title": "bau",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:30.565Z",
            "_id": "bau",
            "status": "closed"
          },
          {
            "title": "bb1",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:31.565Z",
            "description": "ffff2",
            "_id": "bb1",
            "status": "closed"
          },
          {
            "title": "bb2",
            "time": "2021-08-02T22:46:32.565Z",
            "_id": "bb2",
            "status": "active"
          },
          {
            "title": "ss",
            "time": "2021-08-06T22:46:34.565Z",
            "description": "fffffff",
            "testnested": {
              "nested": "dddd"
            },
            "_id": "ss",
            "status": "active"
          },
          {
            "title": "bb4",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb4",
            "status": "active"
          },
          {
            "title": "aa5",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "aa5",
            "status": "active"
          },
          {
            "title": "bb6",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb6",
            "status": "active"
          },
          {
            "title": "bb7",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb7",
            "status": "active"
          },
          {
            "title": "bb8",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb8",
            "status": "active"
          },
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ],
        "total": 14,
        "size": 5,
        "sort_default": "title",
        "page_size_type": "select",
        "page_size_options": "5,10,25"
      }
    },
    {
      "name": "BasicTableWithDefaultLabelOnSort",
      "description": "Custom label for the default sort option (shows 'Relevance' instead of 'Default')",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "search": true,
            "tooltip": {
              "title": "Sort and filter by title.",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "tooltip": {
              "title": "Row description",
              "placement": "bottom"
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "centerCell": true,
            "centerHeader": true,
            "tooltip": {
              "title": "`testnested.nested` via dot key",
              "placement": "right"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "tooltip": {
              "title": "Datetime column",
              "placement": "left",
              "description": "Format: DD MMMM YYYY"
            }
          }
        ],
        "rows": [
          {
            "title": "bau",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:30.565Z",
            "_id": "bau",
            "status": "closed"
          },
          {
            "title": "bb1",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:31.565Z",
            "description": "ffff2",
            "_id": "bb1",
            "status": "closed"
          },
          {
            "title": "bb2",
            "time": "2021-08-02T22:46:32.565Z",
            "_id": "bb2",
            "status": "active"
          },
          {
            "title": "ss",
            "time": "2021-08-06T22:46:34.565Z",
            "description": "fffffff",
            "testnested": {
              "nested": "dddd"
            },
            "_id": "ss",
            "status": "active"
          },
          {
            "title": "bb4",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb4",
            "status": "active"
          },
          {
            "title": "aa5",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "aa5",
            "status": "active"
          },
          {
            "title": "bb6",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb6",
            "status": "active"
          },
          {
            "title": "bb7",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb7",
            "status": "active"
          },
          {
            "title": "bb8",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb8",
            "status": "active"
          },
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ],
        "total": 14,
        "size": 5,
        "sort_default_label": "Rele",
        "page_size_type": "select",
        "page_size_options": "5,10,25"
      }
    },
    {
      "name": "BasicTableWithPaginateSortDisabled",
      "description": "Table with sort on columns but sort controls hidden from pagination bar",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "search": true,
            "tooltip": {
              "title": "Sort and filter by title.",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "tooltip": {
              "title": "Row description",
              "placement": "bottom"
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "centerCell": true,
            "centerHeader": true,
            "tooltip": {
              "title": "`testnested.nested` via dot key",
              "placement": "right"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "tooltip": {
              "title": "Datetime column",
              "placement": "left",
              "description": "Format: DD MMMM YYYY"
            }
          }
        ],
        "rows": [
          {
            "title": "bau",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:30.565Z",
            "_id": "bau",
            "status": "closed"
          },
          {
            "title": "bb1",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:31.565Z",
            "description": "ffff2",
            "_id": "bb1",
            "status": "closed"
          },
          {
            "title": "bb2",
            "time": "2021-08-02T22:46:32.565Z",
            "_id": "bb2",
            "status": "active"
          },
          {
            "title": "ss",
            "time": "2021-08-06T22:46:34.565Z",
            "description": "fffffff",
            "testnested": {
              "nested": "dddd"
            },
            "_id": "ss",
            "status": "active"
          },
          {
            "title": "bb4",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb4",
            "status": "active"
          },
          {
            "title": "aa5",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "aa5",
            "status": "active"
          },
          {
            "title": "bb6",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb6",
            "status": "active"
          },
          {
            "title": "bb7",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb7",
            "status": "active"
          },
          {
            "title": "bb8",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb8",
            "status": "active"
          },
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ],
        "total": 14,
        "size": 5,
        "disable_paginate_sort": true,
        "page_size_type": "select",
        "page_size_options": "5,10,25",
        "add_item": true
      }
    },
    {
      "name": "BasicTableWithStrictSortDirection",
      "description": "Sort direction only allows asc/desc (no default/clear state)",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "search": true,
            "tooltip": {
              "title": "Sort and filter by title.",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "tooltip": {
              "title": "Row description",
              "placement": "bottom"
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "centerCell": true,
            "centerHeader": true,
            "tooltip": {
              "title": "`testnested.nested` via dot key",
              "placement": "right"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "tooltip": {
              "title": "Datetime column",
              "placement": "left",
              "description": "Format: DD MMMM YYYY"
            }
          }
        ],
        "rows": [
          {
            "title": "bau",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:30.565Z",
            "_id": "bau",
            "status": "closed"
          },
          {
            "title": "bb1",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:31.565Z",
            "description": "ffff2",
            "_id": "bb1",
            "status": "closed"
          },
          {
            "title": "bb2",
            "time": "2021-08-02T22:46:32.565Z",
            "_id": "bb2",
            "status": "active"
          },
          {
            "title": "ss",
            "time": "2021-08-06T22:46:34.565Z",
            "description": "fffffff",
            "testnested": {
              "nested": "dddd"
            },
            "_id": "ss",
            "status": "active"
          },
          {
            "title": "bb4",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb4",
            "status": "active"
          },
          {
            "title": "aa5",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "aa5",
            "status": "active"
          },
          {
            "title": "bb6",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb6",
            "status": "active"
          },
          {
            "title": "bb7",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb7",
            "status": "active"
          },
          {
            "title": "bb8",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb8",
            "status": "active"
          },
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ],
        "total": 14,
        "size": 5,
        "sort_strict_direction": true,
        "page_size_type": "select",
        "page_size_options": "5,10,25",
        "add_item": true
      }
    },
    {
      "name": "BasicTableLoadingPlaceholder",
      "description": "With `is_loading` true, tbody uses Bulma `skeleton-lines`, `checkbox.is-skeleton`, and `button.is-skeleton` (count follows `size`, max 100); the footer shows one `skeleton-block` over `hb-paginate` (height `--hb-table-sk-pagination-height`, min-width `--hb-table-sk-pagination-min-width`). `hb-paginate` stays mounted (hidden) so `page` / `pages` stay in sync.",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "search": true,
            "tooltip": {
              "title": "Sort and filter by title.",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "tooltip": {
              "title": "Row description",
              "placement": "bottom"
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "centerCell": true,
            "centerHeader": true,
            "tooltip": {
              "title": "`testnested.nested` via dot key",
              "placement": "right"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "tooltip": {
              "title": "Datetime column",
              "placement": "left",
              "description": "Format: DD MMMM YYYY"
            }
          }
        ],
        "rows": [],
        "size": 5,
        "is_loading": true,
        "add_item": true
      }
    },
    {
      "name": "BasicTableFixedColumns",
      "description": "Table with `fixed_columns=\"yes\"`: columns have equal fixed width (`table-layout: fixed`). Long text is truncated with an ellipsis.",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "search": true,
            "tooltip": {
              "title": "Sort and filter by title.",
              "placement": "top"
            }
          },
          {
            "label": "description",
            "key": "description",
            "tooltip": {
              "title": "Row description",
              "placement": "bottom"
            }
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "centerCell": true,
            "centerHeader": true,
            "tooltip": {
              "title": "`testnested.nested` via dot key",
              "placement": "right"
            }
          },
          {
            "label": "data",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "tooltip": {
              "title": "Datetime column",
              "placement": "left",
              "description": "Format: DD MMMM YYYY"
            }
          }
        ],
        "rows": [
          {
            "title": "bau",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:30.565Z",
            "_id": "bau",
            "status": "closed"
          },
          {
            "title": "bb1",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "time": "2021-08-06T22:46:31.565Z",
            "description": "ffff2",
            "_id": "bb1",
            "status": "closed"
          },
          {
            "title": "bb2",
            "time": "2021-08-02T22:46:32.565Z",
            "_id": "bb2",
            "status": "active"
          },
          {
            "title": "ss",
            "time": "2021-08-06T22:46:34.565Z",
            "description": "fffffff",
            "testnested": {
              "nested": "dddd"
            },
            "_id": "ss",
            "status": "active"
          },
          {
            "title": "bb4",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb4",
            "status": "active"
          },
          {
            "title": "aa5",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "aa5",
            "status": "active"
          },
          {
            "title": "bb6",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb6",
            "status": "active"
          },
          {
            "title": "bb7",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb7",
            "status": "active"
          },
          {
            "title": "bb8",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb8",
            "status": "active"
          },
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ],
        "fixed_columns": "yes"
      }
    },
    {
      "name": "BasicTableCellTextOverflow",
      "description": "Same overflow rules as `fixed_columns=\"yes\"` (see `webcomponent.scss`: `overflow: hidden`, `text-overflow: ellipsis`, `white-space: nowrap` on body cells). Eight columns (short codes plus several long text fields) so cells stay narrow: ellipsis and horizontal scroll on `.table-container` are easy to see in Storybook.",
      "data": {
        "headers": [
          {
            "label": "Code",
            "key": "title",
            "tooltip": {
              "title": "Short identifier",
              "placement": "top"
            }
          },
          {
            "label": "Region",
            "key": "region",
            "tooltip": {
              "title": "Short code",
              "placement": "top"
            }
          },
          {
            "label": "Segment",
            "key": "segment",
            "tooltip": {
              "title": "Business segment",
              "placement": "bottom"
            }
          },
          {
            "label": "Owner",
            "key": "owner",
            "tooltip": {
              "title": "Assignee",
              "placement": "left"
            }
          },
          {
            "label": "Summary",
            "key": "summary",
            "tooltip": {
              "title": "Second long text column",
              "placement": "right",
              "description": "Eats horizontal space with the Notes column."
            }
          },
          {
            "label": "Addendum",
            "key": "addendum",
            "tooltip": {
              "title": "Third long block",
              "placement": "top"
            }
          },
          {
            "label": "Notes",
            "key": "description",
            "tooltip": {
              "title": "Overflow in fixed layout",
              "placement": "bottom",
              "description": "With fixed_columns=yes, body cells use overflow hidden, nowrap, and text-overflow ellipsis."
            }
          },
          {
            "label": "When",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "tooltip": {
              "title": "Timestamp",
              "placement": "left"
            }
          }
        ],
        "rows": [
          {
            "title": "INV-1001",
            "region": "EU-W",
            "segment": "Retail",
            "owner": "A. Rossi",
            "summary": "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium — extra width so the table exceeds typical Storybook panels and triggers horizontal overflow on `.table-container`.",
            "addendum": "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.",
            "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit — this single line is intentionally long so it overflows narrow columns and shows an ellipsis when fixed_columns is enabled on hb-table.",
            "time": "2021-08-06T22:46:30.565Z",
            "_id": "ov1",
            "status": "active"
          },
          {
            "title": "INV-1002",
            "region": "US-E",
            "segment": "Enterprise",
            "owner": "B. Kumar",
            "summary": "Totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.",
            "addendum": "Similique sunt in culpa qui officia deserunt mollitia animi id est laborum et dolorum fuga harum quidem rerum facilis est et expedita distinctio nam libero tempore cum soluta nobis est eligendi optio.",
            "description": "VeryLongUnbrokenToken________________________________________________________________________________________________________end",
            "time": "2021-08-07T10:15:00.000Z",
            "_id": "ov2",
            "status": "closed"
          },
          {
            "title": "INV-1003",
            "region": "APAC",
            "segment": "SMB",
            "owner": "C. Chen",
            "summary": "Short summary.",
            "addendum": "—",
            "description": "Short note.",
            "time": "2021-08-08T08:00:00.000Z",
            "_id": "ov3",
            "status": "active"
          }
        ],
        "fixed_columns": "yes",
        "disablepagination": true
      }
    },
    {
      "name": "BasicTableCellTextWrapNoEllipsis",
      "description": "Same eight-column dataset as `BasicTableCellTextOverflow`, but **without** `fixed_columns` (or `fixed_columns=\"no\"`): no single-line clamp, **no ellipsis** — prose wraps in narrow cells; the table is still wide enough that `.table-container` usually shows horizontal overflow in a typical panel.",
      "data": {
        "headers": [
          {
            "label": "Code",
            "key": "title",
            "tooltip": {
              "title": "Short identifier",
              "placement": "top"
            }
          },
          {
            "label": "Region",
            "key": "region",
            "tooltip": {
              "title": "Short code",
              "placement": "top"
            }
          },
          {
            "label": "Segment",
            "key": "segment",
            "tooltip": {
              "title": "Business segment",
              "placement": "bottom"
            }
          },
          {
            "label": "Owner",
            "key": "owner",
            "tooltip": {
              "title": "Assignee",
              "placement": "left"
            }
          },
          {
            "label": "Summary",
            "key": "summary",
            "tooltip": {
              "title": "Second long text column",
              "placement": "right",
              "description": "Eats horizontal space with the Notes column."
            }
          },
          {
            "label": "Addendum",
            "key": "addendum",
            "tooltip": {
              "title": "Third long block",
              "placement": "top"
            }
          },
          {
            "label": "Notes",
            "key": "description",
            "tooltip": {
              "title": "Wrapping, no ellipsis",
              "placement": "bottom",
              "description": "Without fixed_columns (default), body cells are not forced to one line — long text wraps; there is no text-overflow ellipsis."
            }
          },
          {
            "label": "When",
            "key": "time",
            "type": "datetime",
            "format": "DD MMMM YYYY",
            "tooltip": {
              "title": "Timestamp",
              "placement": "left"
            }
          }
        ],
        "rows": [
          {
            "title": "INV-1001",
            "region": "EU-W",
            "segment": "Retail",
            "owner": "A. Rossi",
            "summary": "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium — extra width so the table exceeds typical Storybook panels and triggers horizontal overflow on `.table-container`.",
            "addendum": "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.",
            "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit — this single line is intentionally long so it overflows narrow columns and shows an ellipsis when fixed_columns is enabled on hb-table.",
            "time": "2021-08-06T22:46:30.565Z",
            "_id": "ov1",
            "status": "active"
          },
          {
            "title": "INV-1002",
            "region": "US-E",
            "segment": "Enterprise",
            "owner": "B. Kumar",
            "summary": "Totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.",
            "addendum": "Similique sunt in culpa qui officia deserunt mollitia animi id est laborum et dolorum fuga harum quidem rerum facilis est et expedita distinctio nam libero tempore cum soluta nobis est eligendi optio.",
            "description": "VeryLongUnbrokenToken________________________________________________________________________________________________________end",
            "time": "2021-08-07T10:15:00.000Z",
            "_id": "ov2",
            "status": "closed"
          },
          {
            "title": "INV-1003",
            "region": "APAC",
            "segment": "SMB",
            "owner": "C. Chen",
            "summary": "Short summary.",
            "addendum": "—",
            "description": "Short note.",
            "time": "2021-08-08T08:00:00.000Z",
            "_id": "ov3",
            "status": "active"
          }
        ],
        "disablepagination": true
      }
    },
    {
      "name": "BasicTableWithFilledButtons",
      "description": "Actions use `btnFill: true` so buttons stay filled in dark mode too (otherwise outline follows theme).",
      "data": {
        "headers": [
          {
            "label": "title",
            "key": "title",
            "tooltip": {
              "title": "Row title / primary label.",
              "placement": "top"
            },
            "centerCell": true,
            "centerHeader": true
          },
          {
            "label": "description",
            "key": "description",
            "tooltip": {
              "title": "Description",
              "placement": "bottom",
              "description": "Optional longer text; may be empty on some rows."
            },
            "centerCell": true
          },
          {
            "label": "nested",
            "key": "testnested.nested",
            "tooltip": {
              "title": "Dot-path field `testnested.nested`.",
              "placement": "right"
            },
            "centerHeader": true
          }
        ],
        "rows": [
          {
            "title": "bb9",
            "time": "2021-08-06T22:46:33.565Z",
            "_id": "bb9",
            "status": "active"
          },
          {
            "title": "bb10",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb10",
            "status": "active"
          },
          {
            "title": "bb11",
            "time": "2021-08-06T22:46:34.565Z",
            "_id": "bb11",
            "status": "active"
          },
          {
            "title": "bb12",
            "time": "2021-08-06T22:46:34.565Z",
            "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
            "_id": "bb12",
            "status": "active"
          },
          {
            "title": "bb13",
            "time": "2021-08-07T22:46:39.565Z",
            "_id": "bb13",
            "status": "active"
          }
        ],
        "actions": [
          {
            "name": "edit",
            "type": "icon",
            "iconOrText": "pencil",
            "btnClass": "primary",
            "btnFill": true
          },
          {
            "name": "delete",
            "type": "icon",
            "iconOrText": "trash",
            "btnClass": "danger",
            "btnFill": true
          }
        ]
      }
    }
  ],
  "iifeIntegrity": "sha384-k+76RfIalfQlIcdh2Okd4vCV8YkP8EPi4h5SQhBHUjCszyaDtbgHdlvky1PElLiq",
  "dependencies": [
    {
      "name": "hb-dialog",
      "dependencies": []
    },
    {
      "name": "hb-dialogform",
      "dependencies": [
        {
          "name": "hb-dialog",
          "dependencies": []
        },
        {
          "name": "hb-form",
          "dependencies": [
            {
              "name": "hb-input-area",
              "dependencies": []
            },
            {
              "name": "hb-input-array-objects",
              "dependencies": [
                {
                  "name": "hb-form",
                  "dependencies": []
                },
                {
                  "name": "hb-table",
                  "dependencies": []
                }
              ]
            },
            {
              "name": "hb-input-array-tags",
              "dependencies": []
            },
            {
              "name": "hb-input-checkbox",
              "dependencies": []
            },
            {
              "name": "hb-input-color",
              "dependencies": []
            },
            {
              "name": "hb-input-coords",
              "dependencies": [
                {
                  "name": "hb-input-number",
                  "dependencies": []
                },
                {
                  "name": "hb-map",
                  "dependencies": []
                }
              ]
            },
            {
              "name": "hb-input-date",
              "dependencies": []
            },
            {
              "name": "hb-input-datetime",
              "dependencies": [
                {
                  "name": "hb-input-date",
                  "dependencies": []
                },
                {
                  "name": "hb-input-number",
                  "dependencies": []
                }
              ]
            },
            {
              "name": "hb-input-email",
              "dependencies": []
            },
            {
              "name": "hb-input-file",
              "dependencies": []
            },
            {
              "name": "hb-input-number",
              "dependencies": []
            },
            {
              "name": "hb-input-radio",
              "dependencies": []
            },
            {
              "name": "hb-input-range",
              "dependencies": []
            },
            {
              "name": "hb-input-select",
              "dependencies": []
            },
            {
              "name": "hb-input-text",
              "dependencies": []
            }
          ]
        }
      ]
    },
    {
      "name": "hb-paginate",
      "dependencies": [
        {
          "name": "hb-input-number",
          "dependencies": []
        },
        {
          "name": "hb-input-select",
          "dependencies": []
        }
      ]
    },
    {
      "name": "hb-tooltip",
      "dependencies": []
    }
  ],
  "screenshots": [],
  "licenses": [
    {
      "type": "Apache-2.0",
      "path": "LICENSE.md",
      "cost": 0,
      "currency": "EUR"
    }
  ],
  "readmePath": "README.md",
  "name": "hb-table",
  "category": "data",
  "tags": [
    "data",
    "table"
  ],
  "size": {},
  "iifePath": "main.iife.js",
  "repoName": "@htmlbricks/hb-table",
  "version": "0.76.5"
}