@carbon/ibm-products-web-components 0.40.0 → 0.41.0-rc.0

package/custom-elements.json

@@ -191,6 +191,311 @@
         }
       ]
     },
+    {
+      "name": "c4p-add-select-body",
+      "path": "./src/components/add-select/add-select-body.ts",
+      "description": "Add Select Body component - contains the main content area",
+      "attributes": [
+        {
+          "name": "items-label",
+          "description": "Label for items section",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "global-search-label",
+          "description": "Global search label",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "global-search-placeholder",
+          "description": "Global search placeholder",
+          "type": "string",
+          "default": "\"Search\""
+        },
+        {
+          "name": "search-results-title",
+          "description": "No results title",
+          "type": "string",
+          "default": "\"Search results\""
+        },
+        {
+          "name": "item-count",
+          "description": "Item count for display",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "path",
+          "description": "Navigation path for breadcrumbs",
+          "type": "{ id: string; title: string; }[]",
+          "default": "[]"
+        }
+      ],
+      "properties": [
+        {
+          "name": "itemsLabel",
+          "attribute": "items-label",
+          "description": "Label for items section",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "globalSearchLabel",
+          "attribute": "global-search-label",
+          "description": "Global search label",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "globalSearchPlaceholder",
+          "attribute": "global-search-placeholder",
+          "description": "Global search placeholder",
+          "type": "string",
+          "default": "\"Search\""
+        },
+        {
+          "name": "searchResultsTitle",
+          "attribute": "search-results-title",
+          "description": "No results title",
+          "type": "string",
+          "default": "\"Search results\""
+        },
+        {
+          "name": "itemCount",
+          "attribute": "item-count",
+          "description": "Item count for display",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "path",
+          "attribute": "path",
+          "description": "Navigation path for breadcrumbs",
+          "type": "{ id: string; title: string; }[]",
+          "default": "[]"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ],
+      "events": [
+        {
+          "name": "c4p-add-select-body-search",
+          "description": "Fired when search term changes"
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "description": "The main content area containing c4p-add-select-content"
+        },
+        {
+          "name": "header",
+          "description": "Custom header content"
+        }
+      ]
+    },
+    {
+      "name": "c4p-add-select-content",
+      "path": "./src/components/add-select/add-select-content.ts",
+      "description": "Add Select Content component - contains the list of selectable items",
+      "properties": [
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ],
+      "events": [
+        {
+          "name": "c4p-add-select-row-navigate"
+        },
+        {
+          "name": "c4p-add-select-row-select"
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "description": "Contains c4p-add-select-row components"
+        }
+      ]
+    },
+    {
+      "name": "c4p-add-select-row",
+      "path": "./src/components/add-select/add-select-row.ts",
+      "description": "Add Select Row component - represents a single selectable row",
+      "attributes": [
+        {
+          "name": "item-id",
+          "description": "Unique identifier for the item",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "description": "Item title",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "subtitle",
+          "description": "Item subtitle",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "description": "Item value",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "selected",
+          "description": "Whether the item is selected",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the item is disabled",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "has-children",
+          "description": "Whether the item has children (for navigation)",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "parent-id",
+          "description": "Parent ID for hierarchical navigation",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "itemId",
+          "attribute": "item-id",
+          "description": "Unique identifier for the item",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "title",
+          "attribute": "title",
+          "description": "Item title",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "subtitle",
+          "attribute": "subtitle",
+          "description": "Item subtitle",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "Item value",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "selected",
+          "attribute": "selected",
+          "description": "Whether the item is selected",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Whether the item is disabled",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hasChildren",
+          "attribute": "has-children",
+          "description": "Whether the item has children (for navigation)",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "parentId",
+          "attribute": "parent-id",
+          "description": "Parent ID for hierarchical navigation",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ],
+      "events": [
+        {
+          "name": "c4p-add-select-row-select",
+          "description": "Fired when row is selected/deselected"
+        },
+        {
+          "name": "c4p-add-select-row-navigate",
+          "description": "Fired when navigating to children"
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "description": "Custom content to render after the title/subtitle section. Useful for adding badges, tags, or other metadata to the row."
+        },
+        {
+          "name": "icon",
+          "description": "Optional icon slot"
+        },
+        {
+          "name": "meta",
+          "description": "Optional metadata slot"
+        }
+      ]
+    },
+    {
+      "name": "c4p-add-select",
+      "path": "./src/components/add-select/add-select.ts",
+      "description": "Add Select wrapper component - provides context for child components",
+      "attributes": [
+        {
+          "name": "multi",
+          "description": "Whether this is a multi-select (checkboxes) or single-select (radio buttons)",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
+      "properties": [
+        {
+          "name": "multi",
+          "attribute": "multi",
+          "description": "Whether this is a multi-select (checkboxes) or single-select (radio buttons)",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "description": "The main content area containing c4p-add-select-body"
+        }
+      ]
+    },
     {
       "name": "c4p-big-number-skeleton",
       "path": "./src/components/big-number/big-number-skeleton.ts",
@@ -1100,6 +1405,285 @@
         }
       ]
     },
+    {
+      "name": "c4p-edit-in-place",
+      "path": "./src/components/edit-in-place/edit-in-place.ts",
+      "description": "EditInPlace component for inline text editing.",
+      "attributes": [
+        {
+          "name": "cancel-label",
+          "description": "Label for the cancel button",
+          "type": "string",
+          "default": "\"Cancel\""
+        },
+        {
+          "name": "edit-always-visible",
+          "description": "By default the edit icon is shown on hover only. Set to true to always show it.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "edit-label",
+          "description": "Label for the edit button",
+          "type": "string",
+          "default": "\"Edit\""
+        },
+        {
+          "name": "id",
+          "description": "Specify a custom id for the input",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "inherit-typography",
+          "description": "Causes the text entry field to inherit typography settings from the container",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalid",
+          "description": "Determines if the input is invalid",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalid-text",
+          "description": "Text that is displayed if the input is invalid",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "label-text",
+          "description": "Text that will be read by a screen reader when visiting this control",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "description": "Placeholder text for the input",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "read-only",
+          "description": "Determines if the input is in readOnly mode",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "read-only-label",
+          "description": "Label for the edit off button that displays when in read only mode",
+          "type": "string",
+          "default": "\"Edit off\""
+        },
+        {
+          "name": "read-only-toggletip-text",
+          "description": "Text for the toggletip that displays when in read only mode",
+          "type": "string",
+          "default": "\"This field is read-only and cannot be edited\""
+        },
+        {
+          "name": "save-label",
+          "description": "Label for the save button",
+          "type": "string",
+          "default": "\"Save\""
+        },
+        {
+          "name": "size",
+          "description": "Vertical size of control",
+          "type": "\"sm\" | \"md\" | \"lg\"",
+          "default": "\"sm\""
+        },
+        {
+          "name": "toggletip-alignment",
+          "description": "Alignment for the toggletip that displays when in read only mode",
+          "type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"right\"",
+          "default": "\"bottom\""
+        },
+        {
+          "name": "tooltip-alignment",
+          "description": "Tooltip alignment for buttons",
+          "type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"right\"",
+          "default": "\"top\""
+        },
+        {
+          "name": "value",
+          "description": "Current value of the input (controlled mode)",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "default-value",
+          "description": "Default value for uncontrolled mode",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "cancelLabel",
+          "attribute": "cancel-label",
+          "description": "Label for the cancel button",
+          "type": "string",
+          "default": "\"Cancel\""
+        },
+        {
+          "name": "editAlwaysVisible",
+          "attribute": "edit-always-visible",
+          "description": "By default the edit icon is shown on hover only. Set to true to always show it.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "editLabel",
+          "attribute": "edit-label",
+          "description": "Label for the edit button",
+          "type": "string",
+          "default": "\"Edit\""
+        },
+        {
+          "name": "id",
+          "attribute": "id",
+          "description": "Specify a custom id for the input",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "inheritTypography",
+          "attribute": "inherit-typography",
+          "description": "Causes the text entry field to inherit typography settings from the container",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalid",
+          "attribute": "invalid",
+          "description": "Determines if the input is invalid",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "invalidText",
+          "attribute": "invalid-text",
+          "description": "Text that is displayed if the input is invalid",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "labelText",
+          "attribute": "label-text",
+          "description": "Text that will be read by a screen reader when visiting this control",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "placeholder",
+          "attribute": "placeholder",
+          "description": "Placeholder text for the input",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "readOnly",
+          "attribute": "read-only",
+          "description": "Determines if the input is in readOnly mode",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "readOnlyLabel",
+          "attribute": "read-only-label",
+          "description": "Label for the edit off button that displays when in read only mode",
+          "type": "string",
+          "default": "\"Edit off\""
+        },
+        {
+          "name": "readOnlyToggleTipText",
+          "attribute": "read-only-toggletip-text",
+          "description": "Text for the toggletip that displays when in read only mode",
+          "type": "string",
+          "default": "\"This field is read-only and cannot be edited\""
+        },
+        {
+          "name": "saveLabel",
+          "attribute": "save-label",
+          "description": "Label for the save button",
+          "type": "string",
+          "default": "\"Save\""
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Vertical size of control",
+          "type": "\"sm\" | \"md\" | \"lg\"",
+          "default": "\"sm\""
+        },
+        {
+          "name": "toggleTipAlignment",
+          "attribute": "toggletip-alignment",
+          "description": "Alignment for the toggletip that displays when in read only mode",
+          "type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"right\"",
+          "default": "\"bottom\""
+        },
+        {
+          "name": "tooltipAlignment",
+          "attribute": "tooltip-alignment",
+          "description": "Tooltip alignment for buttons",
+          "type": "\"top\" | \"top-left\" | \"top-right\" | \"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"right\"",
+          "default": "\"top\""
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "Current value of the input (controlled mode)",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "defaultValue",
+          "attribute": "default-value",
+          "description": "Default value for uncontrolled mode",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ],
+      "events": [
+        {
+          "name": "c4p-edit-in-place-change",
+          "description": "Fired when the input value changes"
+        },
+        {
+          "name": "c4p-edit-in-place-save",
+          "description": "Fired when the save button is clicked or Enter is pressed"
+        },
+        {
+          "name": "c4p-edit-in-place-cancel",
+          "description": "Fired when the cancel button is clicked or Escape is pressed"
+        },
+        {
+          "name": "c4p-edit-in-place-blur",
+          "description": "Fired when the input loses focus (if onBlur handler is used)"
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "input",
+          "description": "The input element"
+        },
+        {
+          "name": "actions",
+          "description": "The button container"
+        },
+        {
+          "name": "invalid-text",
+          "description": "The error message container"
+        }
+      ]
+    },
     {
       "name": "c4p-full-page-error",
       "path": "./src/components/full-page-error/full-page-error.ts",

package/es/components/add-select/add-select-body.d.ts

@@ -0,0 +1,81 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import '@carbon/web-components/es/components/button/index.js';
+import '@carbon/web-components/es/components/search/index.js';
+import '@carbon/web-components/es/components/tag/index.js';
+import '@carbon/web-components/es/components/breadcrumb/index.js';
+import '@carbon/web-components/es/components/link/index.js';
+/**
+ * Add Select Body component - contains the main content area
+ * @element c4p-add-select-body
+ * @slot default - The main content area containing c4p-add-select-content
+ * @slot header - Custom header content
+ * @fires c4p-add-select-body-search - Fired when search term changes
+ */
+declare class CDSAddSelectBody extends LitElement {
+    /**
+     * Whether this is a multi-select (inherited from parent c4p-add-select)
+     * @private
+     */
+    private get _multi();
+    /**
+     * Label for items section
+     */
+    itemsLabel: string;
+    /**
+     * Global search label
+     */
+    globalSearchLabel: string;
+    /**
+     * Global search placeholder
+     */
+    globalSearchPlaceholder: string;
+    /**
+     * No results title
+     */
+    /**
+     * No results description
+     */
+    /**
+     * Search results title
+     */
+    searchResultsTitle: string;
+    /**
+     * Current search term
+     */
+    private _searchTerm;
+    /**
+     * Item count for display
+     */
+    itemCount: number;
+    /**
+     * Navigation path for breadcrumbs
+     */
+    path: Array<{
+        id: string;
+        title: string;
+    }>;
+    /**
+     * Handle search input
+     */
+    private _handleSearch;
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * The name of the custom event fired when search term changes
+     */
+    static get eventSearch(): string;
+    /**
+     * The name of the custom event fired when breadcrumb is clicked
+     */
+    static get eventBreadcrumbClick(): string;
+    static styles: any;
+}
+export default CDSAddSelectBody;
+//# sourceMappingURL=add-select-body.d.ts.map

package/es/components/add-select/add-select-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-select-body.d.ts","sourceRoot":"","sources":["../../../src/components/add-select/add-select-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,sDAAsD,CAAC;AAC9D,OAAO,sDAAsD,CAAC;AAC9D,OAAO,mDAAmD,CAAC;AAC3D,OAAO,0DAA0D,CAAC;AAClE,OAAO,oDAAoD,CAAC;AAM5D;;;;;;GAMG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;;OAGG;IACH,OAAO,KAAK,MAAM,GAGjB;IAED;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,iBAAiB,SAAM;IAEvB;;OAEG;IAEH,uBAAuB,SAAY;IAEnC;;OAEG;IAIH;;OAEG;IAIH;;OAEG;IAEH,kBAAkB,SAAoB;IAEtC;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAM;IAEzB;;OAEG;IAEH,SAAS,SAAK;IAEd;;OAEG;IAEH,IAAI,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAM;IAEhD;;OAEG;IACH,OAAO,CAAC,aAAa;IAgBrB,MAAM;IA2GN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC"}