@db-ux/wc-core-components 4.10.2 → 4.11.1

package/dist/types/shared/model.d.ts

@@ -460,11 +460,11 @@ export type CloseEventProps<T> = {
 export type CloseEventState<T> = {
     handleClose: (event?: T | void, forceClose?: boolean) => void;
 };
-export declare const AlignmentList: readonly ["start", "center"];
+export declare const AlignmentList: readonly ["start", "center", "end"];
 export type AlignmentType = (typeof AlignmentList)[number];
 export type AlignmentProps = {
     /**
-     * Define the content alignment in full width
+     * Define the content alignment
      */
     alignment?: AlignmentType | string;
 };
@@ -554,3 +554,45 @@ export interface PatternhubProps {
      */
     isPatternhub?: boolean;
 }
+export type DBTableCellProps = {
+    /**
+     * The **`colSpan`** read-only property of the HTMLTableCellElement interface represents the number of columns this cell must span; this lets the cell occupy space across multiple columns of the table.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/colSpan)
+     */
+    colSpan?: number | string;
+    /**
+     * Lowercase HTML attribute alternative to `colSpan`. Use this in template languages that require lowercase attributes (e.g. Angular, Vue).
+     * If both `colSpan` and `colspan` are provided, `colSpan` takes precedence.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/colSpan)
+     */
+    colspan?: number | string;
+    /**
+     * The **`headers`** property of the HTMLTableCellElement interface contains a list of IDs of th elements that are _headers_ for this specific cell.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/headers)
+     */
+    headers?: string;
+    /**
+     * The **`rowSpan`** read-only property of the HTMLTableCellElement interface represents the number of rows this cell must span; this lets the cell occupy space across multiple rows of the table.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/rowSpan)
+     */
+    rowSpan?: number | string;
+    /**
+     * Lowercase HTML attribute alternative to `rowSpan`. Use this in template languages that require lowercase attributes (e.g. Angular, Vue).
+     * If both `rowSpan` and `rowspan` are provided, `rowSpan` takes precedence.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/rowSpan)
+     */
+    rowspan?: number | string;
+    /**
+     * Set the horizontal alignment of the cell content.
+     */
+    horizontalAlignment?: AlignmentType;
+    /**
+     * Set the vertical alignment of the cell content.
+     */
+    verticalAlignment?: AlignmentType;
+};

package/dist/types/utils/index.d.ts

@@ -22,11 +22,16 @@ export declare const hasVoiceOver: () => boolean;
 export declare const isIOSSafari: () => boolean;
 export declare const delay: (fn: () => void, ms: number) => Promise<unknown>;
 /**
- * Some frameworks like stencil would not add "true" as value for a prop
- * if it is used in a framework like angular e.g.: [disabled]="myDisabledProp"
- * @param originBool Some boolean to convert to string
+ * Converts boolean-like inputs to "true" or "false" strings.
+ * Handles HTML-style boolean attributes where an empty string or the
+ * attribute's own name as value (e.g. noText="noText") should be treated as true.
+ * Some frameworks like Stencil do not add "true" as value for a prop
+ * if it is used in a framework like Angular e.g.: [disabled]="myDisabledProp"
+ * @param originBool Boolean or string value to convert
+ * @param propertyName The prop/attribute name — when originBool is a string equal
+ *   to this name (case-insensitive), it is treated as true
  */
-export declare const getBooleanAsString: (originBool?: boolean | string) => any;
+export declare const getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
 export declare const getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
 export declare const getNumber: (originNumber?: number | string, alternativeNumber?: number | string) => number | undefined;
 /**

package/dist/vscode.html-custom-data.json

@@ -2640,6 +2640,305 @@
       ],
       "references": []
     },
+    {
+      "name": "db-table-data-cell",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "attributes": [
+        {
+          "name": "id",
+          "values": [{ "name": "DBTableDataCellProps[\"id\"]" }]
+        },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBTableDataCellProps[\"className\"]" }]
+        },
+        {
+          "name": "horizontal-alignment",
+          "description": "Set the horizontal alignment of the cell content.",
+          "values": [
+            { "name": "start" },
+            { "name": "center" },
+            { "name": "end" }
+          ]
+        },
+        {
+          "name": "vertical-alignment",
+          "description": "Set the vertical alignment of the cell content.",
+          "values": [
+            { "name": "start" },
+            { "name": "center" },
+            { "name": "end" }
+          ]
+        },
+        {
+          "name": "col-span",
+          "description": "The **`colSpan`** read-only property of the HTMLTableCellElement interface represents the number of columns this cell must span; this lets the cell occupy space across multiple columns of the table.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/colSpan)",
+          "values": []
+        },
+        {
+          "name": "colspan",
+          "description": "Lowercase HTML attribute alternative to `colSpan`. Use this in template languages that require lowercase attributes (e.g. Angular, Vue).\nIf both `colSpan` and `colspan` are provided, `colSpan` takes precedence.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/colSpan)",
+          "values": []
+        },
+        {
+          "name": "row-span",
+          "description": "The **`rowSpan`** read-only property of the HTMLTableCellElement interface represents the number of rows this cell must span; this lets the cell occupy space across multiple rows of the table.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/rowSpan)",
+          "values": []
+        },
+        {
+          "name": "rowspan",
+          "description": "Lowercase HTML attribute alternative to `rowSpan`. Use this in template languages that require lowercase attributes (e.g. Angular, Vue).\nIf both `rowSpan` and `rowspan` are provided, `rowSpan` takes precedence.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/rowSpan)",
+          "values": []
+        },
+        {
+          "name": "headers",
+          "description": "The **`headers`** property of the HTMLTableCellElement interface contains a list of IDs of th elements that are _headers_ for this specific cell.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/headers)",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-table-header-cell",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "attributes": [
+        {
+          "name": "id",
+          "values": [{ "name": "DBTableHeaderCellProps[\"id\"]" }]
+        },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBTableHeaderCellProps[\"className\"]" }]
+        },
+        {
+          "name": "horizontal-alignment",
+          "description": "Set the horizontal alignment of the cell content.",
+          "values": [
+            { "name": "start" },
+            { "name": "center" },
+            { "name": "end" }
+          ]
+        },
+        {
+          "name": "vertical-alignment",
+          "description": "Set the vertical alignment of the cell content.",
+          "values": [
+            { "name": "start" },
+            { "name": "center" },
+            { "name": "end" }
+          ]
+        },
+        {
+          "name": "no-text",
+          "description": "Hide the text content of the cell.",
+          "values": []
+        },
+        {
+          "name": "scope",
+          "description": "The **`scope`** property of the HTMLTableCellElement interface indicates the scope of a th cell.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/scope)",
+          "values": [
+            { "name": "row" },
+            { "name": "col" },
+            { "name": "rowgroup" },
+            { "name": "colgroup" }
+          ]
+        },
+        {
+          "name": "col-span",
+          "description": "The **`colSpan`** read-only property of the HTMLTableCellElement interface represents the number of columns this cell must span; this lets the cell occupy space across multiple columns of the table.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/colSpan)",
+          "values": []
+        },
+        {
+          "name": "colspan",
+          "description": "Lowercase HTML attribute alternative to `colSpan`. Use this in template languages that require lowercase attributes (e.g. Angular, Vue).\nIf both `colSpan` and `colspan` are provided, `colSpan` takes precedence.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/colSpan)",
+          "values": []
+        },
+        {
+          "name": "row-span",
+          "description": "The **`rowSpan`** read-only property of the HTMLTableCellElement interface represents the number of rows this cell must span; this lets the cell occupy space across multiple rows of the table.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/rowSpan)",
+          "values": []
+        },
+        {
+          "name": "rowspan",
+          "description": "Lowercase HTML attribute alternative to `rowSpan`. Use this in template languages that require lowercase attributes (e.g. Angular, Vue).\nIf both `rowSpan` and `rowspan` are provided, `rowSpan` takes precedence.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/rowSpan)",
+          "values": []
+        },
+        {
+          "name": "headers",
+          "description": "The **`headers`** property of the HTMLTableCellElement interface contains a list of IDs of th elements that are _headers_ for this specific cell.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/headers)",
+          "values": []
+        },
+        {
+          "name": "abbr",
+          "description": "The **`abbr`** property of the HTMLTableCellElement interface indicates an abbreviation associated with the cell.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCellElement/abbr)",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-table-row",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "attributes": [
+        { "name": "id", "values": [{ "name": "DBTableRowProps[\"id\"]" }] },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBTableRowProps[\"className\"]" }]
+        },
+        {
+          "name": "interactive",
+          "description": "If true marks the row as interactive, which checks for child with data-table-row-trigger=\"true\"",
+          "values": []
+        },
+        {
+          "name": "sub-header-emphasis",
+          "description": "Change styling of row only if it is inside thead",
+          "values": [
+            { "name": "none" },
+            { "name": "weak" },
+            { "name": "strong" }
+          ]
+        },
+        {
+          "name": "cells",
+          "description": "All cells of the row",
+          "values": [{ "name": "DBTableRowCell[]" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-table-body",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "attributes": [
+        { "name": "id", "values": [{ "name": "DBTableBodyProps[\"id\"]" }] },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBTableBodyProps[\"className\"]" }]
+        },
+        { "name": "rows", "values": [{ "name": "DBTableRowProps[]" }] }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-table-footer",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "attributes": [
+        { "name": "id", "values": [{ "name": "DBTableFooterProps[\"id\"]" }] },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBTableFooterProps[\"className\"]" }]
+        },
+        { "name": "rows", "values": [{ "name": "DBTableRowProps[]" }] }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-table-head",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "attributes": [
+        { "name": "id", "values": [{ "name": "DBTableHeadProps[\"id\"]" }] },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBTableHeadProps[\"className\"]" }]
+        },
+        { "name": "rows", "values": [{ "name": "DBTableRowProps[]" }] }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-table",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **caption** - Slot for table caption",
+      "attributes": [
+        {
+          "name": "data",
+          "description": "Table data if you don't use default slot/children",
+          "values": [{ "name": "DBTableData" }]
+        },
+        {
+          "name": "mobile-variant",
+          "description": "Change the layout of the table on mobile\nlist: list style\ntable: classic table",
+          "values": [{ "name": "table" }, { "name": "list" }]
+        },
+        {
+          "name": "column-sizes",
+          "description": "Set the width of the columns based in their index.\nAlternative: Use `--db-table-column-size-$index` inside CSS to control it.\nSee: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/grid-template-columns",
+          "values": [{ "name": "Record" }]
+        },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBTableProps[\"className\"]" }]
+        },
+        {
+          "name": "width",
+          "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
+          "values": [{ "name": "full" }, { "name": "auto" }]
+        },
+        {
+          "name": "size",
+          "description": "Size of the table rows",
+          "values": [
+            { "name": "x-small" },
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
+        },
+        {
+          "name": "divider",
+          "description": "Show the divider between the rows and cells",
+          "values": [
+            { "name": "none" },
+            { "name": "both" },
+            { "name": "horizontal" },
+            { "name": "vertical" }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Change the layout of the table\nspaced: card style table\nflat: classic table",
+          "values": [
+            { "name": "flat" },
+            { "name": "zebra" },
+            { "name": "spaced" }
+          ]
+        },
+        {
+          "name": "show-caption",
+          "description": "Show caption above table default is hidden",
+          "values": []
+        },
+        {
+          "name": "sticky-header",
+          "description": "Change the header cells to be sticky when scrolling the table",
+          "values": [
+            { "name": "none" },
+            { "name": "both" },
+            { "name": "horizontal" },
+            { "name": "vertical" }
+          ]
+        },
+        { "name": "id", "values": [{ "name": "DBTableProps[\"id\"]" }] },
+        {
+          "name": "caption-plain",
+          "description": "String alternative for table caption slot",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-table-caption",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "attributes": [
+        { "name": "id", "values": [{ "name": "DBTableCaptionProps[\"id\"]" }] },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBTableCaptionProps[\"className\"]" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "db-tabs",
       "description": "\n---\n\n\n### **Events:**\n - **indexChange**\n- **tabSelect**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
@@ -2690,8 +2989,12 @@
         },
         {
           "name": "alignment",
-          "description": "Define the content alignment in full width",
-          "values": [{ "name": "start" }, { "name": "center" }]
+          "description": "Define the content alignment",
+          "values": [
+            { "name": "start" },
+            { "name": "center" },
+            { "name": "end" }
+          ]
         },
         {
           "name": "width",
@@ -4426,6 +4729,101 @@
       ],
       "references": []
     },
+    {
+      "name": "table-complex",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "table-content",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "table-density",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "table-divider",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "table-horizontal-alignment",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "table-interactive-row",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "table-mobile-variant",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "table-show-caption",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "table-size",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "table-sticky-header",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "table-sub-header-emphasis",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "table-variant",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "table-vertical-alignment",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "table-width",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "table-showcase",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "is-patternhub",
+          "values": [{ "name": "PatternhubProps[\"isPatternhub\"]" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "tabs-density",
       "description": "\n---\n",