{ "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json", "name": "@ncino/web-components", "version": "13.0.0", "description-markup": "markdown", "contributions": { "html": { "elements": [ { "name": "ngc-skeleton-loader", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "width", "value": { "type": "number", "default": "100" } }, { "name": "height", "value": { "type": "number", "default": "100" } }, { "name": "radius", "value": { "type": "number" } }, { "name": "full-width", "value": { "type": "boolean", "default": "false" } }, { "name": "rounded", "value": { "type": "boolean", "default": "false" } } ], "events": [], "js": { "properties": [ { "name": "width", "type": "number" }, { "name": "height", "type": "number" }, { "name": "radius", "type": "number" }, { "name": "fullWidth", "type": "boolean" }, { "name": "rounded", "type": "boolean" }, { "name": "_loaderElementRef", "type": "Ref" } ], "events": [] } }, { "name": "ngc-icon", "description": "An element that renderings a single icon. Icons are either provided as a\nLit TemplateResult, or looked up by name from an icon registry.\n---\n\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "name", "value": { "type": "string", "default": "''" } }, { "name": "label", "description": "A description of the icon to use for accessibility. If omitted, the icon\nwill be ignored by assistive devices.", "value": { "type": "string", "default": "''" } }, { "name": "width", "value": { "type": "string | undefined" } }, { "name": "height", "value": { "type": "string | undefined" } }, { "name": "background", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "size", "value": { "type": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large'", "default": "'medium'" } }, { "name": "type", "value": { "type": "'default' | 'success' | 'warning' | 'error' | 'ai'", "default": "'default'" } }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "value": { "type": "boolean", "default": "true" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "name", "type": "string" }, { "name": "label", "description": "A description of the icon to use for accessibility. If omitted, the icon\nwill be ignored by assistive devices.", "type": "string" }, { "name": "width", "type": "string | undefined" }, { "name": "height", "type": "string | undefined" }, { "name": "background", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "size", "type": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large'" }, { "name": "type", "type": "'default' | 'success' | 'warning' | 'error' | 'ai'" }, { "name": "_svg", "type": "SVGElement | null | undefined" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-chip", "description": "\n---\n\n\n### **Events:**\n - **click**\n- **dismiss**\n\n### **Slots:**\n - _default_ - The content within the button", "doc-url": "", "attributes": [ { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "type", "value": { "type": " | 'success' | 'warning' | 'error' | 'info' | 'ai'", "default": "null" } }, { "name": "size", "value": { "type": " | 'small'", "default": "null" } }, { "name": "hide-border", "value": { "type": "boolean", "default": "false" } }, { "name": "start-icon", "value": { "type": "String", "default": "''" } }, { "name": "dismissible", "value": { "type": "boolean", "default": "false" } }, { "name": "aria-hidden", "value": { "type": "'true' | 'false'", "default": "'false'" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "slots": [ { "name": "", "description": "The content within the button" } ], "events": [ { "name": "click", "type": "Event" }, { "name": "dismiss", "type": "Event" } ], "js": { "properties": [ { "name": "chipMarkup" }, { "name": "readonlyChipMarkup" }, { "name": "classes" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "type", "type": " | 'success' | 'warning' | 'error' | 'info' | 'ai'" }, { "name": "size", "type": " | 'small'" }, { "name": "hideBorder", "type": "boolean" }, { "name": "startIcon", "type": "String" }, { "name": "dismissible", "type": "boolean" }, { "name": "ariaHidden", "type": "'true' | 'false'" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "click", "type": "Event" }, { "name": "dismiss", "type": "Event" } ] } }, { "name": "ngc-card-header", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-card", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "title", "value": { "type": "string", "default": "''" } }, { "name": "subtitle", "value": { "type": "string", "default": "''" } }, { "name": "elevated", "value": { "type": "boolean", "default": "false" } }, { "name": "outlined", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "elevatedClass" }, { "name": "outlinedClass" }, { "name": "disabledClass" }, { "name": "cardHeaderMarkup" }, { "name": "title", "type": "string" }, { "name": "subtitle", "type": "string" }, { "name": "elevated", "type": "boolean" }, { "name": "outlined", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-card-content", "description": "\n---\n", "doc-url": "", "attributes": [], "events": [], "js": { "properties": [], "events": [] } }, { "name": "ngc-card-footer", "description": "\n---\n", "doc-url": "", "attributes": [], "events": [], "js": { "properties": [], "events": [] } }, { "name": "ngc-text-detail", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "title", "value": { "type": "string", "default": "''" } }, { "name": "subtitle", "value": { "type": "string", "default": "''" } }, { "name": "size", "value": { "type": " | 'small' | 'medium' | 'large'", "default": "'medium'" } }, { "name": "subtitle-icon", "value": { "type": "string", "default": "''" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "vertical", "value": { "type": "boolean", "default": "false" } }, { "name": "invert-title", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "textDetailMarkup" }, { "name": "verticalClass" }, { "name": "invertTitleClass" }, { "name": "textDetailSubtitleIconMarkup" }, { "name": "textDetailSubtitleMarkup" }, { "name": "title", "type": "string" }, { "name": "subtitle", "type": "string" }, { "name": "size", "type": " | 'small' | 'medium' | 'large'" }, { "name": "subtitleIcon", "type": "string" }, { "name": "skeleton", "type": "boolean" }, { "name": "vertical", "type": "boolean" }, { "name": "invertTitle", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-accordion", "description": "\n---\n\n\n### **Events:**\n - **eventName**\n\n### **Slots:**\n - _default_ - The content within the expandable body of the accordion", "doc-url": "", "attributes": [ { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "is-expanded", "value": { "type": "boolean", "default": "false" } }, { "name": "title", "value": { "type": "String", "default": "''" } }, { "name": "subtitle", "value": { "type": "String", "default": "''" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "headingLevel", "value": { "type": "string", "default": "''" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "slots": [ { "name": "", "description": "The content within the expandable body of the accordion" } ], "events": [{ "name": "eventName", "type": "CustomEvent" }], "js": { "properties": [ { "name": "skeleton", "type": "boolean" }, { "name": "headerMarkup" }, { "name": "iconName" }, { "name": "contentId" }, { "name": "headerId" }, { "name": "borderRadius" }, { "name": "isExpanded", "type": "boolean" }, { "name": "title", "type": "String" }, { "name": "subtitle", "type": "String" }, { "name": "id", "type": "string" }, { "name": "elementId" }, { "name": "headingLevel", "type": "string" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "eventName", "type": "CustomEvent" }] } }, { "name": "ngc-accordion-group", "description": "\n---\n\n\n### **Events:**\n - **eventName**\n\n### **Slots:**\n - _default_ - Accordion elements to be rendered within the accordion group", "doc-url": "", "attributes": [ { "name": "multiple", "value": { "type": "boolean", "default": "false" } }, { "name": "headingLevel", "value": { "type": "string", "default": "''" } }, { "name": "hide-border", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "is-expanded", "value": { "type": "boolean", "default": "false" } }, { "name": "title", "value": { "type": "String", "default": "''" } }, { "name": "subtitle", "value": { "type": "String", "default": "''" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "slots": [ { "name": "", "description": "Accordion elements to be rendered within the accordion group" } ], "events": [{ "name": "eventName", "type": "CustomEvent" }], "js": { "properties": [ { "name": "multiple", "type": "boolean" }, { "name": "headingLevel", "type": "string" }, { "name": "hideBorder", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "isExpanded", "type": "boolean" }, { "name": "title", "type": "String" }, { "name": "subtitle", "type": "String" }, { "name": "id", "type": "string" }, { "name": "elementId" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "eventName", "type": "CustomEvent" }] } }, { "name": "ngc-alert", "description": "\n---\n\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.\n\n### **Slots:**\n - _default_ - The content within the button", "doc-url": "", "attributes": [ { "name": "variant", "value": { "type": "'info' | 'warning' | 'error' | 'success' | 'inverse' | 'AI'", "default": "'info'" } }, { "name": "aria-label", "value": { "type": "string", "default": "''" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "slots": [ { "name": "", "description": "The content within the button" } ], "events": [], "js": { "properties": [ { "name": "shouldRenderSkeletonLoader" }, { "name": "hasAssignedNgcElements" }, { "name": "defaultSkeletonLoader" }, { "name": "classes" }, { "name": "iconMarkup" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "variant", "type": "'info' | 'warning' | 'error' | 'success' | 'inverse' | 'AI'" }, { "name": "ariaLabel", "type": "string" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-alert-subtitle", "description": "\n---\n\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.\n\n### **Slots:**\n - _default_ - The content within the button", "doc-url": "", "attributes": [ { "name": "variant", "value": { "type": "'info' | 'warning' | 'error' | 'success' | 'inverse' | 'AI'", "default": "'info'" } }, { "name": "aria-label", "value": { "type": "string", "default": "''" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "slots": [ { "name": "", "description": "The content within the button" } ], "events": [], "js": { "properties": [ { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "variant", "type": "'info' | 'warning' | 'error' | 'success' | 'inverse' | 'AI'" }, { "name": "ariaLabel", "type": "string" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-alert-title", "description": "\n---\n\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.\n\n### **Slots:**\n - _default_ - The content within the button", "doc-url": "", "attributes": [ { "name": "variant", "value": { "type": "'info' | 'warning' | 'error' | 'success' | 'inverse' | 'AI'", "default": "'info'" } }, { "name": "aria-label", "value": { "type": "string", "default": "''" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "slots": [ { "name": "", "description": "The content within the button" } ], "events": [], "js": { "properties": [ { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "variant", "type": "'info' | 'warning' | 'error' | 'success' | 'inverse' | 'AI'" }, { "name": "ariaLabel", "type": "string" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-avatar", "description": "\n---\n\n\n### **Slots:**\n - _default_ - The content within the avatar, typically initials or an icon.", "doc-url": "", "attributes": [ { "name": "size", "value": { "type": "'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large'", "default": "'small'" } }, { "name": "src", "value": { "type": "string", "default": "''" } }, { "name": "avatar-aria-label", "value": { "type": "string", "default": "''" } }, { "name": "interactive", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } } ], "slots": [ { "name": "", "description": "The content within the avatar, typically initials or an icon." } ], "events": [], "js": { "properties": [ { "name": "_avatarRef", "type": "Ref" }, { "name": "srcIsPopulated" }, { "name": "pixelSize", "type": "number" }, { "name": "size", "type": "'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large'" }, { "name": "src", "type": "string" }, { "name": "avatarAriaLabel", "type": "string" }, { "name": "interactive", "type": "boolean" }, { "name": "skeleton", "type": "boolean" } ], "events": [] } }, { "name": "nsc-badge", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "theme", "value": { "type": " | 'inverse' | 'lightest' | 'success' | 'warning' | 'error'", "default": "'success'" } }, { "name": "badge-id", "value": { "type": "string", "default": "''" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "theme", "type": " | 'inverse' | 'lightest' | 'success' | 'warning' | 'error'" }, { "name": "badgeClass" }, { "name": "badgeId", "type": "string" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-badge", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "tile", "value": { "type": "boolean", "default": "false" } }, { "name": "bordered", "value": { "type": "boolean", "default": "false" } }, { "name": "color", "value": { "type": "'primary' | 'success' | 'warning' | 'brand'", "default": "'primary'" } }, { "name": "badge-id", "value": { "type": "string", "default": "''" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "tile", "type": "boolean" }, { "name": "bordered", "type": "boolean" }, { "name": "color", "type": "'primary' | 'success' | 'warning' | 'brand'" }, { "name": "badgeClasses" }, { "name": "badgeId", "type": "string" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-banner", "description": "\n---\n\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.\n\n### **Slots:**\n - _default_ - The content within the banner", "doc-url": "", "attributes": [ { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "variant", "value": { "type": "'info' | 'warning' | 'error' | 'success' | 'AI'", "default": "'info'" } }, { "name": "aria-label", "value": { "type": "string", "default": "''" } } ], "slots": [ { "name": "", "description": "The content within the banner" } ], "events": [], "js": { "properties": [ { "name": "skeleton", "type": "boolean" }, { "name": "contentRef", "type": "Ref" }, { "name": "hasActions", "type": "boolean" }, { "name": "classes" }, { "name": "iconMarkup" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "variant", "type": "'info' | 'warning' | 'error' | 'success' | 'AI'" }, { "name": "ariaLabel", "type": "string" } ], "events": [] } }, { "name": "ngc-input-label", "description": "\n---\n\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-label", "value": { "type": "boolean", "default": "false" } }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "value": { "type": "boolean", "default": "true" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "required", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "hideLabel", "type": "boolean" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-help-text", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "icon", "value": { "type": "boolean", "default": "false" } }, { "name": "error", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "ai", "value": { "type": "boolean", "default": "false" } }, { "name": "small", "value": { "type": "boolean", "default": "false" } } ], "events": [], "js": { "properties": [ { "name": "id", "type": "string" }, { "name": "icon", "type": "boolean" }, { "name": "error", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "ai", "type": "boolean" }, { "name": "small", "type": "boolean" }, { "name": "classes" }, { "name": "iconMarkup" } ], "events": [] } }, { "name": "ngc-input-text", "description": "\n---\n\n\n### **Events:**\n - **change**\n- **input**", "doc-url": "", "attributes": [ { "name": "for", "value": { "type": "string", "default": "''" } }, { "name": "min", "value": { "type": "string" } }, { "name": "max", "value": { "type": "string" } }, { "name": "step", "value": { "type": "number" } }, { "name": "pattern", "value": { "type": "string" } }, { "name": "inputmode", "value": { "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string | number | undefined | null" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "type", "value": { "type": "string", "default": "'text'" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "inputRef", "type": "Ref" }, { "name": "controlRef", "type": "Ref" }, { "name": "for", "type": "string" }, { "name": "min", "type": "string" }, { "name": "max", "type": "string" }, { "name": "step", "type": "number" }, { "name": "pattern", "type": "string" }, { "name": "hostInputMode", "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" }, { "name": "displayedErrorText" }, { "name": "isAriaInvalid" }, { "name": "passwordVisibilityMarkup" }, { "name": "errorTextMarkup" }, { "name": "shouldHaveStartMarkup" }, { "name": "shouldHaveEndMarkup" }, { "name": "startIconMarkup" }, { "name": "startIconId" }, { "name": "endIconMarkup" }, { "name": "labelMarkup" }, { "name": "labelId" }, { "name": "ariaLabelledbyValue" }, { "name": "helpTextMarkup" }, { "name": "helpTextClasses" }, { "name": "helpTextId" }, { "name": "bottomText" }, { "name": "errorTextId" }, { "name": "ariaDescribedby" }, { "name": "controlClasses" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "value", "type": "string | number | undefined | null" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "type", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ] } }, { "name": "ngc-radio", "description": "\n---\n\n\n### **Events:**\n - **change**\n- **input**", "doc-url": "", "attributes": [ { "name": "title-text", "value": { "type": "string", "default": "''" } }, { "name": "selected", "value": { "type": "boolean", "default": "false" } }, { "name": "radio-tabindex", "value": { "type": "number", "default": "-1" } }, { "name": "grouped", "value": { "type": "boolean", "default": "false" } }, { "name": "for", "value": { "type": "string", "default": "''" } }, { "name": "min", "value": { "type": "string" } }, { "name": "max", "value": { "type": "string" } }, { "name": "step", "value": { "type": "number" } }, { "name": "pattern", "value": { "type": "string" } }, { "name": "inputmode", "value": { "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string | number | undefined | null" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "type", "value": { "type": "string", "default": "'text'" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "titleText", "type": "string" }, { "name": "selected", "type": "boolean" }, { "name": "radioTabindex", "type": "number" }, { "name": "grouped", "type": "boolean" }, { "name": "inputRef", "type": "Ref" }, { "name": "bottomText" }, { "name": "skeletonMarkup" }, { "name": "elementId" }, { "name": "tabindex" }, { "name": "controlRef", "type": "Ref" }, { "name": "for", "type": "string" }, { "name": "min", "type": "string" }, { "name": "max", "type": "string" }, { "name": "step", "type": "number" }, { "name": "pattern", "type": "string" }, { "name": "hostInputMode", "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" }, { "name": "displayedErrorText" }, { "name": "isAriaInvalid" }, { "name": "passwordVisibilityMarkup" }, { "name": "errorTextMarkup" }, { "name": "shouldHaveStartMarkup" }, { "name": "shouldHaveEndMarkup" }, { "name": "startIconMarkup" }, { "name": "startIconId" }, { "name": "endIconMarkup" }, { "name": "labelMarkup" }, { "name": "labelId" }, { "name": "ariaLabelledbyValue" }, { "name": "helpTextMarkup" }, { "name": "helpTextClasses" }, { "name": "helpTextId" }, { "name": "errorTextId" }, { "name": "ariaDescribedby" }, { "name": "controlClasses" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "value", "type": "string | number | undefined | null" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "type", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ] } }, { "name": "ngc-radio-group", "description": "\n---\n\n\n### **Events:**\n - **change**\n- **input**", "doc-url": "", "attributes": [ { "name": "options", "value": { "type": "NGC_RADIO_GROUP_OPTION[]", "default": "[]" } }, { "name": "for", "value": { "type": "string", "default": "''" } }, { "name": "min", "value": { "type": "string" } }, { "name": "max", "value": { "type": "string" } }, { "name": "step", "value": { "type": "number" } }, { "name": "pattern", "value": { "type": "string" } }, { "name": "inputmode", "value": { "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string | number | undefined | null" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "type", "value": { "type": "string", "default": "'text'" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "options", "type": "NGC_RADIO_GROUP_OPTION[]" }, { "name": "groupRef", "type": "Ref" }, { "name": "elementId" }, { "name": "radiosFromOptions" }, { "name": "radioElements", "type": "NgcRadio[]" }, { "name": "describedBy" }, { "name": "inputRef", "type": "Ref" }, { "name": "controlRef", "type": "Ref" }, { "name": "for", "type": "string" }, { "name": "min", "type": "string" }, { "name": "max", "type": "string" }, { "name": "step", "type": "number" }, { "name": "pattern", "type": "string" }, { "name": "hostInputMode", "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" }, { "name": "displayedErrorText" }, { "name": "isAriaInvalid" }, { "name": "passwordVisibilityMarkup" }, { "name": "errorTextMarkup" }, { "name": "shouldHaveStartMarkup" }, { "name": "shouldHaveEndMarkup" }, { "name": "startIconMarkup" }, { "name": "startIconId" }, { "name": "endIconMarkup" }, { "name": "labelMarkup" }, { "name": "labelId" }, { "name": "ariaLabelledbyValue" }, { "name": "helpTextMarkup" }, { "name": "helpTextClasses" }, { "name": "helpTextId" }, { "name": "bottomText" }, { "name": "errorTextId" }, { "name": "ariaDescribedby" }, { "name": "controlClasses" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "value", "type": "string | number | undefined | null" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "type", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ] } }, { "name": "ngc-boolean", "description": "\n---\n\n\n### **Events:**\n - **change**\n- **input**", "doc-url": "", "attributes": [ { "name": "options", "value": { "type": "NGC_BOOLEAN_OPTION[] | undefined", "default": "[ { label: 'Yes', value: true }, { label: 'No', value: false } ]" } }, { "name": "for", "value": { "type": "string", "default": "''" } }, { "name": "min", "value": { "type": "string" } }, { "name": "max", "value": { "type": "string" } }, { "name": "step", "value": { "type": "number" } }, { "name": "pattern", "value": { "type": "string" } }, { "name": "inputmode", "value": { "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string | number | undefined | null" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "type", "value": { "type": "string", "default": "'text'" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "options", "type": "NGC_BOOLEAN_OPTION[] | undefined" }, { "name": "elementId" }, { "name": "booleanClasses" }, { "name": "booleanOptions" }, { "name": "isWrapped" }, { "name": "inputRef", "type": "Ref" }, { "name": "controlRef", "type": "Ref" }, { "name": "for", "type": "string" }, { "name": "min", "type": "string" }, { "name": "max", "type": "string" }, { "name": "step", "type": "number" }, { "name": "pattern", "type": "string" }, { "name": "hostInputMode", "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" }, { "name": "displayedErrorText" }, { "name": "isAriaInvalid" }, { "name": "passwordVisibilityMarkup" }, { "name": "errorTextMarkup" }, { "name": "shouldHaveStartMarkup" }, { "name": "shouldHaveEndMarkup" }, { "name": "startIconMarkup" }, { "name": "startIconId" }, { "name": "endIconMarkup" }, { "name": "labelMarkup" }, { "name": "labelId" }, { "name": "ariaLabelledbyValue" }, { "name": "helpTextMarkup" }, { "name": "helpTextClasses" }, { "name": "helpTextId" }, { "name": "bottomText" }, { "name": "errorTextId" }, { "name": "ariaDescribedby" }, { "name": "controlClasses" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "value", "type": "string | number | undefined | null" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "type", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ] } }, { "name": "ngc-breadcrumb", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "current", "value": { "type": "boolean", "default": "false" } }, { "name": "first", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "href", "value": { "type": "string", "default": "''" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "current", "type": "boolean" }, { "name": "first", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "href", "type": "string" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-breadcrumbs", "description": "\n---\n\n\n### **Slots:**\n - _default_ - The content within the button", "doc-url": "", "attributes": [ { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "slots": [ { "name": "", "description": "The content within the button" } ], "events": [], "js": { "properties": [ { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "nsc-button", "description": "\n---\n\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "variant", "value": { "type": " | 'primary' | 'secondary' | 'destructive' | 'base'", "default": "'primary'" } }, { "name": "size", "value": { "type": " | 'small' | 'medium' | 'large' | 'xlarge'", "default": "'medium'" } }, { "name": "aria-label", "value": { "type": "string", "default": "''" } }, { "name": "loading-aria-label", "value": { "type": "string", "default": "'Loading'" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "loading", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "variant", "type": " | 'primary' | 'secondary' | 'destructive' | 'base'" }, { "name": "size", "type": " | 'small' | 'medium' | 'large' | 'xlarge'" }, { "name": "ariaLabel", "type": "string" }, { "name": "loadingAriaLabel", "type": "string" }, { "name": "disabled", "type": "boolean" }, { "name": "loading", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "njc-loading-spinner", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "size", "value": { "type": "'small' | 'medium' | 'large' | 'xlarge'", "default": "'small'" } }, { "name": "aria-label", "value": { "type": "string", "default": "'Loading'" } } ], "events": [], "js": { "properties": [ { "name": "size", "type": "'small' | 'medium' | 'large' | 'xlarge'" }, { "name": "ariaLabel", "type": "string" } ], "events": [] } }, { "name": "ngc-loading-spinner", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "size", "value": { "type": "'small' | 'medium' | 'large' | 'xlarge'", "default": "'small'" } }, { "name": "aria-label", "value": { "type": "string", "default": "'Loading'" } } ], "events": [], "js": { "properties": [ { "name": "size", "type": "'small' | 'medium' | 'large' | 'xlarge'" }, { "name": "ariaLabel", "type": "string" } ], "events": [] } }, { "name": "ngc-button", "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.\n\n### **Slots:**\n - _default_ - The content within the button", "doc-url": "", "attributes": [ { "name": "start-icon", "value": { "type": "string | undefined" } }, { "name": "end-icon", "value": { "type": "string | undefined" } }, { "name": "type", "value": { "type": "'submit' | 'button' | 'reset'", "default": "'submit'" } }, { "name": "variant", "value": { "type": " | 'primary' | 'secondary' | 'destructive' | 'base'", "default": "'primary'" } }, { "name": "size", "value": { "type": " | 'small' | 'medium' | 'large' | 'xlarge'", "default": "'medium'" } }, { "name": "aria-label", "value": { "type": "string", "default": "''" } }, { "name": "loading-aria-label", "value": { "type": "string", "default": "'Loading'" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "loading", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "slots": [ { "name": "", "description": "The content within the button" } ], "events": [{ "name": "click", "type": "CustomEvent" }], "js": { "properties": [ { "name": "startIcon", "type": "string | undefined" }, { "name": "endIcon", "type": "string | undefined" }, { "name": "type", "type": "'submit' | 'button' | 'reset'" }, { "name": "startIconMarkup" }, { "name": "endIconMarkup" }, { "name": "buttonAriaLabel" }, { "name": "variantClass" }, { "name": "sizeClass" }, { "name": "loadingClass" }, { "name": "skeletonMarkup" }, { "name": "loadingMarkup" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "variant", "type": " | 'primary' | 'secondary' | 'destructive' | 'base'" }, { "name": "size", "type": " | 'small' | 'medium' | 'large' | 'xlarge'" }, { "name": "ariaLabel", "type": "string" }, { "name": "loadingAriaLabel", "type": "string" }, { "name": "disabled", "type": "boolean" }, { "name": "loading", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "click", "type": "CustomEvent" }] } }, { "name": "ngc-button-card", "description": "\n---\n\n\n### **Events:**\n - **click**", "doc-url": "", "attributes": [ { "name": "chip-type", "value": { "type": " | 'success' | 'warning' | 'error' | 'info' | 'ai'", "default": "null" } }, { "name": "chip-label", "value": { "type": "string", "default": "''" } }, { "name": "selected", "value": { "type": "boolean", "default": "false" } }, { "name": "title", "value": { "type": "string", "default": "''" } }, { "name": "subtitle", "value": { "type": "string", "default": "''" } }, { "name": "elevated", "value": { "type": "boolean", "default": "false" } }, { "name": "outlined", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [{ "name": "click", "type": "CustomEvent" }], "js": { "properties": [ { "name": "chipType", "type": " | 'success' | 'warning' | 'error' | 'info' | 'ai'" }, { "name": "cardClasses" }, { "name": "cardLabelMarkup" }, { "name": "disabledClass" }, { "name": "chipLabel", "type": "string" }, { "name": "selected", "type": "boolean" }, { "name": "title", "type": "string" }, { "name": "subtitle", "type": "string" }, { "name": "elevated", "type": "boolean" }, { "name": "outlined", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "click", "type": "CustomEvent" }] } }, { "name": "ngc-tooltip", "description": "\n---\n\n\n### **Methods:**\n - **assignPosition()** - Override this function to use floating UI autoUpdate and computePosition", "doc-url": "", "attributes": [ { "name": "reference-id", "value": { "type": "string", "default": "''" } }, { "name": "placement", "value": { "type": "Placement", "default": "'top-end'" } }, { "name": "x-offset", "value": { "type": "number", "default": "0" } }, { "name": "y-offset", "value": { "type": "number", "default": "0" } }, { "name": "is-label", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "xPositionOffset" }, { "name": "yPositionOffset" }, { "name": "nubbinPositionClass" }, { "name": "referenceId", "type": "string" }, { "name": "placement", "type": "Placement" }, { "name": "xOffset", "type": "number" }, { "name": "yOffset", "type": "number" }, { "name": "isLabel", "type": "boolean" }, { "name": "_tooltipRef", "type": "Ref" }, { "name": "_cleanup", "type": "(() => void) | undefined" }, { "name": "tooltipId" }, { "name": "referenceElement" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-list-item", "description": "\n---\n\n\n### **Events:**\n - **selected**\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "text", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string", "default": "''" } }, { "name": "subtitle", "value": { "type": "string | null", "default": "null" } }, { "name": "density", "value": { "type": "string", "default": "'default'" } }, { "name": "selectable", "value": { "type": "boolean", "default": "false" } }, { "name": "selected", "value": { "type": "boolean", "default": "false" } }, { "name": "multiselect", "value": { "type": "boolean", "default": "false" } }, { "name": "end-icon", "value": { "type": "string | null", "default": "null" } }, { "name": "start-icon", "value": { "type": "string | null", "default": "null" } }, { "name": "current-list-item", "value": { "type": "boolean", "default": "false" } }, { "name": "faux-focus", "value": { "type": "boolean", "default": "false" } }, { "name": "icon-only", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-checkmark", "value": { "type": "boolean", "default": "false" } }, { "name": "role", "value": { "type": "string | null", "default": "null" } }, { "name": "tabindex", "value": { "type": "number | undefined" } }, { "name": "aria-expanded", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-current", "value": { "type": "string | null", "default": "null" } }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "value": { "type": "boolean", "default": "true" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [{ "name": "selected", "type": "CustomEvent" }], "js": { "properties": [ { "name": "id", "type": "string" }, { "name": "text", "type": "string" }, { "name": "value", "type": "string" }, { "name": "subtitle", "type": "string | null" }, { "name": "density", "type": "string" }, { "name": "selectable", "type": "boolean" }, { "name": "selected", "type": "boolean" }, { "name": "multiselect", "type": "boolean" }, { "name": "endIcon", "type": "string | null" }, { "name": "startIcon", "type": "string | null" }, { "name": "currentListItem", "type": "boolean" }, { "name": "fauxFocus", "type": "boolean" }, { "name": "iconOnly", "type": "boolean" }, { "name": "hideCheckmark", "type": "boolean" }, { "name": "role", "type": "string | null" }, { "name": "tabindex", "type": "number | undefined" }, { "name": "ariaExpanded", "type": "string | null" }, { "name": "ariaCurrent", "type": "string | null" }, { "name": "falseFocusing", "type": "boolean" }, { "name": "listItemRef", "type": "Ref" }, { "name": "classes" }, { "name": "replacedStringId" }, { "name": "subtitleSpacerElement" }, { "name": "interactionIconContent" }, { "name": "leftIconContent" }, { "name": "endMarkup" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "selected", "type": "CustomEvent" }] } }, { "name": "ngc-menu-item", "description": "\n---\n\n\n### **Events:**\n - **menuitemclick**", "doc-url": "", "attributes": [ { "name": "value", "description": "The value and text displayed of the menu item", "value": { "type": "string", "default": "''" } }, { "name": "start-icon", "description": "An icon displayed before the value text", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "description": "An icon displayed after the value text", "value": { "type": "string", "default": "''" } } ], "events": [{ "name": "menuitemclick", "type": "CustomEvent" }], "js": { "properties": [ { "name": "value", "description": "The value and text displayed of the menu item", "type": "string" }, { "name": "startIcon", "description": "An icon displayed before the value text", "type": "string" }, { "name": "endIcon", "description": "An icon displayed after the value text", "type": "string" } ], "events": [{ "name": "menuitemclick", "type": "CustomEvent" }] } }, { "name": "ngc-menu", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "open", "description": "The open state of the menu", "value": { "type": "boolean", "default": "false" } }, { "name": "menu-aria-label", "description": "The aria label for the menu", "value": { "type": "string", "default": "'Show More'" } }, { "name": "placement", "description": "Placement of the dropdown for the menu", "value": { "type": "string", "default": "'bottom-start'" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "activeMenuItemIndex" }, { "name": "menuItems" }, { "name": "open", "description": "The open state of the menu", "type": "boolean" }, { "name": "menuAriaLabel", "description": "The aria label for the menu", "type": "string" }, { "name": "placement", "description": "Placement of the dropdown for the menu", "type": "string" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "nsc-icon", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "name", "value": { "type": "string | null", "default": "null" } }, { "name": "type", "value": { "type": "'standard' | 'utility' | 'doctype' | 'action' | 'custom'", "default": "'utility'" } }, { "name": "size", "value": { "type": "'xx-small' | 'x-small' | 'small' | 'large'", "default": "'small'" } }, { "name": "icon-title", "value": { "type": "string | null", "default": "null" } }, { "name": "variant", "value": { "type": "'success' | 'warning' | 'error' | 'light' | 'bare'", "default": "'bare'" } }, { "name": "svg-classes", "value": { "type": "string", "default": "''" } }, { "name": "fill", "value": { "type": "string", "default": "''" } } ], "events": [], "js": { "properties": [ { "name": "iconPath" }, { "name": "iconSize" }, { "name": "iconVariant" }, { "name": "name", "type": "string | null" }, { "name": "type", "type": "'standard' | 'utility' | 'doctype' | 'action' | 'custom'" }, { "name": "size", "type": "'xx-small' | 'x-small' | 'small' | 'large'" }, { "name": "iconTitle", "type": "string | null" }, { "name": "variant", "type": "'success' | 'warning' | 'error' | 'light' | 'bare'" }, { "name": "svgClasses", "type": "string" }, { "name": "fill", "type": "string" } ], "events": [] } }, { "name": "ngc-icon-button", "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "size", "value": { "type": " | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'", "default": "'small'" } }, { "name": "aria-label", "value": { "type": "string", "default": "''" } }, { "name": "loading-aria-label", "value": { "type": "string", "default": "'Loading'" } }, { "name": "icon-name", "value": { "type": "string", "default": "''" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "loading", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "tabindex", "value": { "type": "number", "default": "0" } }, { "name": "aria-haspopup", "value": { "type": "string", "default": "''" } }, { "name": "ariaLabelledByElements", "value": { "type": "HTMLElement[] | null", "default": "null" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [{ "name": "click", "type": "CustomEvent" }], "js": { "properties": [ { "name": "buttonAriaLabel" }, { "name": "sizeClass" }, { "name": "loadingClass" }, { "name": "pxSize" }, { "name": "skeletonMarkup" }, { "name": "loadingMarkup" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "size", "type": " | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'" }, { "name": "ariaLabel", "type": "string" }, { "name": "loadingAriaLabel", "type": "string" }, { "name": "iconName", "type": "string" }, { "name": "disabled", "type": "boolean" }, { "name": "loading", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "tabindex", "type": "number" }, { "name": "ariaHasPopup", "type": "string" }, { "name": "ariaLabelledByElements", "type": "HTMLElement[] | null" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "click", "type": "CustomEvent" }] } }, { "name": "ngc-button-group", "description": "\n---\n\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "orientation", "value": { "type": "'horizontal' | 'stacked'", "default": "'horizontal'" } }, { "name": "size", "value": { "type": " | 'small' | 'medium' | 'large' | 'xlarge'", "default": "'medium'" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "value": { "type": "boolean", "default": "true" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "orientation", "type": "'horizontal' | 'stacked'" }, { "name": "size", "type": " | 'small' | 'medium' | 'large' | 'xlarge'" }, { "name": "skeleton", "type": "boolean" }, { "name": "overflowMenuPlacement" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-checkbox", "description": "\n---\n\n\n### **Events:**\n - **change**\n- **input**", "doc-url": "", "attributes": [ { "name": "title-text", "value": { "type": "string", "default": "''" } }, { "name": "selected", "value": { "type": "boolean", "default": "false" } }, { "name": "indeterminate", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-label", "value": { "type": "boolean", "default": "false" } }, { "name": "grouped", "value": { "type": "boolean", "default": "false" } }, { "name": "for", "value": { "type": "string", "default": "''" } }, { "name": "min", "value": { "type": "string" } }, { "name": "max", "value": { "type": "string" } }, { "name": "step", "value": { "type": "number" } }, { "name": "pattern", "value": { "type": "string" } }, { "name": "inputmode", "value": { "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string | number | undefined | null" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "type", "value": { "type": "string", "default": "'text'" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "titleText", "type": "string" }, { "name": "selected", "type": "boolean" }, { "name": "indeterminate", "type": "boolean" }, { "name": "hideLabel", "type": "boolean" }, { "name": "grouped", "type": "boolean" }, { "name": "elementId" }, { "name": "bottomText" }, { "name": "inputRef", "type": "Ref" }, { "name": "controlRef", "type": "Ref" }, { "name": "for", "type": "string" }, { "name": "min", "type": "string" }, { "name": "max", "type": "string" }, { "name": "step", "type": "number" }, { "name": "pattern", "type": "string" }, { "name": "hostInputMode", "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" }, { "name": "displayedErrorText" }, { "name": "isAriaInvalid" }, { "name": "passwordVisibilityMarkup" }, { "name": "errorTextMarkup" }, { "name": "shouldHaveStartMarkup" }, { "name": "shouldHaveEndMarkup" }, { "name": "startIconMarkup" }, { "name": "startIconId" }, { "name": "endIconMarkup" }, { "name": "labelMarkup" }, { "name": "labelId" }, { "name": "ariaLabelledbyValue" }, { "name": "helpTextMarkup" }, { "name": "helpTextClasses" }, { "name": "helpTextId" }, { "name": "errorTextId" }, { "name": "ariaDescribedby" }, { "name": "controlClasses" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "value", "type": "string | number | undefined | null" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "type", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ] } }, { "name": "ngc-checkbox-group", "description": "\n---\n\n\n### **Events:**\n - **change**\n- **input**", "doc-url": "", "attributes": [ { "name": "options", "value": { "type": "NGC_CHECKBOX_GROUP_OPTION[]", "default": "[]" } }, { "name": "for", "value": { "type": "string", "default": "''" } }, { "name": "min", "value": { "type": "string" } }, { "name": "max", "value": { "type": "string" } }, { "name": "step", "value": { "type": "number" } }, { "name": "pattern", "value": { "type": "string" } }, { "name": "inputmode", "value": { "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string | number | undefined | null" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "type", "value": { "type": "string", "default": "'text'" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "options", "type": "NGC_CHECKBOX_GROUP_OPTION[]" }, { "name": "groupRef", "type": "Ref" }, { "name": "elementId" }, { "name": "describedBy" }, { "name": "checkboxesFromOptions" }, { "name": "checkboxElements", "type": "NgcCheckbox[]" }, { "name": "inputRef", "type": "Ref" }, { "name": "controlRef", "type": "Ref" }, { "name": "for", "type": "string" }, { "name": "min", "type": "string" }, { "name": "max", "type": "string" }, { "name": "step", "type": "number" }, { "name": "pattern", "type": "string" }, { "name": "hostInputMode", "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" }, { "name": "displayedErrorText" }, { "name": "isAriaInvalid" }, { "name": "passwordVisibilityMarkup" }, { "name": "errorTextMarkup" }, { "name": "shouldHaveStartMarkup" }, { "name": "shouldHaveEndMarkup" }, { "name": "startIconMarkup" }, { "name": "startIconId" }, { "name": "endIconMarkup" }, { "name": "labelMarkup" }, { "name": "labelId" }, { "name": "ariaLabelledbyValue" }, { "name": "helpTextMarkup" }, { "name": "helpTextClasses" }, { "name": "helpTextId" }, { "name": "bottomText" }, { "name": "errorTextId" }, { "name": "ariaDescribedby" }, { "name": "controlClasses" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "value", "type": "string | number | undefined | null" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "type", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ] } }, { "name": "ngc-display-card", "description": "\n---\n\n\n### **Events:**\n - **action-click**", "doc-url": "", "attributes": [ { "name": "action-button-text", "value": { "type": "string", "default": "''" } }, { "name": "hide-footer", "value": { "type": "boolean", "default": "false" } }, { "name": "title", "value": { "type": "string", "default": "''" } }, { "name": "subtitle", "value": { "type": "string", "default": "''" } }, { "name": "elevated", "value": { "type": "boolean", "default": "false" } }, { "name": "outlined", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [{ "name": "action-click", "type": "CustomEvent" }], "js": { "properties": [ { "name": "classes" }, { "name": "headerMarkup" }, { "name": "contentMarkup" }, { "name": "footerMarkup" }, { "name": "actionButtonText", "type": "string" }, { "name": "hideFooter", "type": "boolean" }, { "name": "title", "type": "string" }, { "name": "subtitle", "type": "string" }, { "name": "elevated", "type": "boolean" }, { "name": "outlined", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "action-click", "type": "CustomEvent" }] } }, { "name": "ngc-divider", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "density", "value": { "type": "'default' | 'compact' | 'comfortable'", "default": "'default'" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "density", "type": "'default' | 'compact' | 'comfortable'" }, { "name": "densityClass" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-fab", "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.\n\n### **Slots:**\n - _default_ - The content within the button", "doc-url": "", "attributes": [ { "name": "size", "value": { "type": "'small' | 'medium' | 'large' | 'xlarge'", "default": "'small'" } }, { "name": "aria-label", "value": { "type": "string", "default": "''" } }, { "name": "loading-aria-label", "value": { "type": "string", "default": "'Loading'" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "loading", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "slots": [ { "name": "", "description": "The content within the button" } ], "events": [{ "name": "click", "type": "CustomEvent" }], "js": { "properties": [ { "name": "_iconElement", "type": "NgcIcon | undefined | null" }, { "name": "buttonAriaLabel" }, { "name": "loadingClass" }, { "name": "heightAndWidthForSize" }, { "name": "sizeClass" }, { "name": "loadingMarkup" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "size", "type": "'small' | 'medium' | 'large' | 'xlarge'" }, { "name": "ariaLabel", "type": "string" }, { "name": "loadingAriaLabel", "type": "string" }, { "name": "disabled", "type": "boolean" }, { "name": "loading", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "click", "type": "CustomEvent" }] } }, { "name": "ngc-list", "description": "\n---\n\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "density", "value": { "type": "'default' | 'compact' | 'comfortable'", "default": "'default'" } }, { "name": "selectable", "value": { "type": "boolean", "default": "false" } }, { "name": "multiselect", "value": { "type": "boolean", "default": "false" } }, { "name": "aria-labelledby", "value": { "type": "string", "default": "''" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "aria-described-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "aria-describedby", "value": { "type": "string | undefined" } }, { "name": "title", "value": { "type": "string", "default": "''" } }, { "name": "faux-focus", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-checkmarks", "value": { "type": "boolean", "default": "false" } }, { "name": "aria-label", "value": { "type": "string | null", "default": "null" } }, { "name": "role", "value": { "type": "'list' | 'listbox' | 'group' | null", "default": "null" } }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "value": { "type": "boolean", "default": "true" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "id", "type": "string" }, { "name": "density", "type": "'default' | 'compact' | 'comfortable'" }, { "name": "selectable", "type": "boolean" }, { "name": "multiselect", "type": "boolean" }, { "name": "ariaLabelledBy", "type": "string" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "ariaDescribedByElements", "type": "readonly Element[] | null" }, { "name": "ariaDescribedby", "type": "string | undefined" }, { "name": "title", "type": "string" }, { "name": "fauxFocus", "type": "boolean" }, { "name": "hideCheckmarks", "type": "boolean" }, { "name": "ariaLabel", "type": "string | null" }, { "name": "role", "type": "'list' | 'listbox' | 'group' | null" }, { "name": "_selectedListItem", "type": "string | null" }, { "name": "_activeIndex", "type": "number" }, { "name": "_totalListItems", "type": "number" }, { "name": "listRole", "type": "'listbox' | 'list' | 'group'" }, { "name": "nodes" }, { "name": "listItems", "type": "NgcListItem[] | undefined" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-guided-nav-step", "description": "\n---\n\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "step", "value": { "type": "NjcGuidedNavStep", "default": "{ id: '', value: '', text: '' }" } }, { "name": "selectedStep", "value": { "type": "NjcGuidedNavSelectedStep", "default": "{ step: '', substep: null }" } }, { "name": "state", "value": { "type": "'complete' | 'current' | 'incomplete'", "default": "'complete'" } }, { "name": "onStepSelected", "value": { "type": "(event: Event, step: NjcGuidedNavStep) => void" } }, { "name": "onSubstepSelected", "value": { "type": "(event: Event, substep: NjcGuidedNavSubstep, parentStepId: string) => void" } }, { "name": "badgeContent", "value": { "type": "string | null", "default": "null" } }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "value": { "type": "boolean", "default": "true" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "step", "type": "NjcGuidedNavStep" }, { "name": "selectedStep", "type": "NjcGuidedNavSelectedStep" }, { "name": "state", "type": "'complete' | 'current' | 'incomplete'" }, { "name": "onStepSelected", "type": "(event: Event, step: NjcGuidedNavStep) => void" }, { "name": "onSubstepSelected", "type": "(event: Event, substep: NjcGuidedNavSubstep, parentStepId: string) => void" }, { "name": "badgeContent", "type": "string | null" }, { "name": "_substepsExpanded", "type": "boolean" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-guided-nav-substep", "description": "\n---\n\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "substep", "value": { "type": "NjcGuidedNavSubstep", "default": "{ id: '', value: '', text: '', complete: false }" } }, { "name": "selected", "value": { "type": "boolean", "default": "false" } }, { "name": "state", "value": { "type": "'complete' | 'current' | 'incomplete'", "default": "'complete'" } }, { "name": "isHidden", "value": { "type": "boolean", "default": "false" } }, { "name": "badgeContent", "value": { "type": "string | undefined" } }, { "name": "onSubstepSelected", "value": { "type": "(event: Event, substep: NjcGuidedNavSubstep, parentStepId: string) => void" } }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "value": { "type": "boolean", "default": "true" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "substep", "type": "NjcGuidedNavSubstep" }, { "name": "selected", "type": "boolean" }, { "name": "state", "type": "'complete' | 'current' | 'incomplete'" }, { "name": "isHidden", "type": "boolean" }, { "name": "badgeContent", "type": "string | undefined" }, { "name": "onSubstepSelected", "type": "(event: Event, substep: NjcGuidedNavSubstep, parentStepId: string) => void" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-toast-title", "description": "\n---\n\n\n### **Slots:**\n - _default_ - The title content", "doc-url": "", "attributes": [ { "name": "id", "description": "Unique identifier for the toast.", "value": { "type": "string", "default": "''" } }, { "name": "variant", "value": { "type": "'info' | 'warning' | 'error' | 'success' | 'inverse' | 'AI'", "default": "'info'" } }, { "name": "dismissible", "value": { "type": "boolean", "default": "false" } }, { "name": "sticky", "value": { "type": "boolean", "default": "false" } }, { "name": "exit-icon-label", "value": { "type": "string" } }, { "name": "status-icon-label", "value": { "type": "string", "default": "''" } }, { "name": "title", "value": { "type": "string", "default": "''" } }, { "name": "subtitle", "value": { "type": "string", "default": "''" } } ], "slots": [{ "name": "", "description": "The title content" }], "events": [], "js": { "properties": [ { "name": "id", "description": "Unique identifier for the toast.", "type": "string" }, { "name": "variant", "type": "'info' | 'warning' | 'error' | 'success' | 'inverse' | 'AI'" }, { "name": "dismissible", "type": "boolean" }, { "name": "sticky", "type": "boolean" }, { "name": "exitIconLabel", "type": "string" }, { "name": "statusIconLabel", "type": "string" }, { "name": "title", "type": "string" }, { "name": "subtitle", "type": "string" } ], "events": [] } }, { "name": "ngc-toast-subtitle", "description": "\n---\n\n\n### **Slots:**\n - _default_ - The subtitle content", "doc-url": "", "attributes": [ { "name": "id", "description": "Unique identifier for the toast.", "value": { "type": "string", "default": "''" } }, { "name": "variant", "value": { "type": "'info' | 'warning' | 'error' | 'success' | 'inverse' | 'AI'", "default": "'info'" } }, { "name": "dismissible", "value": { "type": "boolean", "default": "false" } }, { "name": "sticky", "value": { "type": "boolean", "default": "false" } }, { "name": "exit-icon-label", "value": { "type": "string" } }, { "name": "status-icon-label", "value": { "type": "string", "default": "''" } }, { "name": "title", "value": { "type": "string", "default": "''" } }, { "name": "subtitle", "value": { "type": "string", "default": "''" } } ], "slots": [{ "name": "", "description": "The subtitle content" }], "events": [], "js": { "properties": [ { "name": "id", "description": "Unique identifier for the toast.", "type": "string" }, { "name": "variant", "type": "'info' | 'warning' | 'error' | 'success' | 'inverse' | 'AI'" }, { "name": "dismissible", "type": "boolean" }, { "name": "sticky", "type": "boolean" }, { "name": "exitIconLabel", "type": "string" }, { "name": "statusIconLabel", "type": "string" }, { "name": "title", "type": "string" }, { "name": "subtitle", "type": "string" } ], "events": [] } }, { "name": "ngc-toast", "description": "\n---\n\n\n### **Events:**\n - **dismiss**\n\n### **Slots:**\n - _default_ - The content within the toast", "doc-url": "", "attributes": [ { "name": "id", "description": "Unique identifier for the toast.", "value": { "type": "string", "default": "''" } }, { "name": "variant", "value": { "type": "'info' | 'warning' | 'error' | 'success' | 'inverse' | 'AI'", "default": "'info'" } }, { "name": "dismissible", "value": { "type": "boolean", "default": "false" } }, { "name": "sticky", "value": { "type": "boolean", "default": "false" } }, { "name": "exit-icon-label", "value": { "type": "string" } }, { "name": "status-icon-label", "value": { "type": "string", "default": "''" } }, { "name": "title", "value": { "type": "string", "default": "''" } }, { "name": "subtitle", "value": { "type": "string", "default": "''" } } ], "slots": [ { "name": "", "description": "The content within the toast" } ], "events": [{ "name": "dismiss", "type": "CustomEvent" }], "js": { "properties": [ { "name": "ariaRole" }, { "name": "actionsSlot" }, { "name": "variantClass" }, { "name": "iconMarkup" }, { "name": "dismissibleMarkup" }, { "name": "id", "description": "Unique identifier for the toast.", "type": "string" }, { "name": "variant", "type": "'info' | 'warning' | 'error' | 'success' | 'inverse' | 'AI'" }, { "name": "dismissible", "type": "boolean" }, { "name": "sticky", "type": "boolean" }, { "name": "exitIconLabel", "type": "string" }, { "name": "statusIconLabel", "type": "string" }, { "name": "title", "type": "string" }, { "name": "subtitle", "type": "string" } ], "events": [{ "name": "dismiss", "type": "CustomEvent" }] } }, { "name": "ngc-toast-container", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "toasts", "value": { "type": "NJC_TOAST_OPTIONS[]", "default": "[]" } } ], "events": [], "js": { "properties": [{ "name": "toasts", "type": "NJC_TOAST_OPTIONS[]" }], "events": [] } }, { "name": "ngc-toaster", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "position", "value": { "type": "'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'", "default": "'top-right'" } }, { "name": "default-toast-options", "value": { "type": "DefaultToastOptions", "default": "{}" } } ], "events": [], "js": { "properties": [ { "name": "position", "type": "'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'" }, { "name": "defaultToastOptions", "type": "DefaultToastOptions" } ], "events": [] } }, { "name": "ngc-guided-nav", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "selected-step", "value": { "type": "NjcGuidedNavSelectedStep | undefined" } }, { "name": "steps", "value": { "type": "NjcGuidedNavStep[]", "default": "[]" } }, { "name": "forward-navigation-disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "forward-navigation-disabled-error-message", "value": { "type": "string" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "selectedStep", "type": "NjcGuidedNavSelectedStep | undefined" }, { "name": "steps", "type": "NjcGuidedNavStep[]" }, { "name": "forwardNavigationDisabled", "type": "boolean" }, { "name": "forwardNavigationDisabledErrorMessage", "type": "string" }, { "name": "_totalStepsAndSubsteps", "type": "number" }, { "name": "currentStep", "type": "NjcGuidedNavStep | undefined" }, { "name": "currentSubstep", "type": "NjcGuidedNavSubstep | undefined" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-illustration", "description": "An element that renderings a single illustration. Illustrations are either provided as a\nLit TemplateResult, or looked up by name from an illustration registry.\n---\n", "doc-url": "", "attributes": [ { "name": "name", "value": { "type": "string", "default": "''" } }, { "name": "label", "description": "A description of the illustration to use for accessibility. If omitted, the illustration\nwill be ignored by assistive devices.", "value": { "type": "string", "default": "''" } }, { "name": "size", "value": { "type": "'x-small' | 'small' | 'medium' | 'large' | 'x-large' | undefined", "default": "undefined" } }, { "name": "width", "value": { "type": "string | undefined" } }, { "name": "height", "value": { "type": "string | undefined" } }, { "name": "title-text", "value": { "type": "string", "default": "''" } }, { "name": "body-text", "value": { "type": "string", "default": "''" } }, { "name": "orientation", "value": { "type": "'vertical' | 'horizontal'", "default": "'vertical'" } } ], "events": [], "js": { "properties": [ { "name": "name", "type": "string" }, { "name": "label", "description": "A description of the illustration to use for accessibility. If omitted, the illustration\nwill be ignored by assistive devices.", "type": "string" }, { "name": "size", "type": "'x-small' | 'small' | 'medium' | 'large' | 'x-large' | undefined" }, { "name": "width", "type": "string | undefined" }, { "name": "height", "type": "string | undefined" }, { "name": "titleText", "type": "string" }, { "name": "bodyText", "type": "string" }, { "name": "orientation", "type": "'vertical' | 'horizontal'" }, { "name": "_svg", "type": "SVGElement | null | undefined" }, { "name": "hasText" }, { "name": "textMarkup" } ], "events": [] } }, { "name": "ngc-headline-card", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "orientation", "value": { "type": "'horizontal' | 'vertical'", "default": "'horizontal'" } }, { "name": "background", "value": { "type": "boolean", "default": "true" } }, { "name": "illustration-name", "value": { "type": "string", "default": "'balloons'" } }, { "name": "title", "value": { "type": "string", "default": "''" } }, { "name": "subtitle", "value": { "type": "string", "default": "''" } }, { "name": "elevated", "value": { "type": "boolean", "default": "false" } }, { "name": "outlined", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "containerRef", "type": "Ref" }, { "name": "classes" }, { "name": "illustrationMarkup" }, { "name": "cardContentClass" }, { "name": "justifyCenterClass" }, { "name": "backgroundMarkup" }, { "name": "getBackgroundClass" }, { "name": "shouldBeVertical" }, { "name": "orientation", "type": "'horizontal' | 'vertical'" }, { "name": "background", "type": "boolean" }, { "name": "illustrationName", "type": "string" }, { "name": "title", "type": "string" }, { "name": "subtitle", "type": "string" }, { "name": "elevated", "type": "boolean" }, { "name": "outlined", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-input-currency", "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**", "doc-url": "", "attributes": [ { "name": "currency-iso-code", "value": { "type": "string", "default": "'USD'" } }, { "name": "locale", "value": { "type": "string | undefined" } }, { "name": "for", "value": { "type": "string", "default": "''" } }, { "name": "min", "value": { "type": "string" } }, { "name": "max", "value": { "type": "string" } }, { "name": "step", "value": { "type": "number" } }, { "name": "pattern", "value": { "type": "string" } }, { "name": "inputmode", "value": { "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string | number | undefined | null" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "type", "value": { "type": "string", "default": "'text'" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "input", "type": "CustomEvent" }, { "name": "change", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "value", "type": "string | number | undefined | null" }, { "name": "type", "type": "string" }, { "name": "currencyIsoCode", "type": "string" }, { "name": "locale", "type": "string | undefined" }, { "name": "inputRef", "type": "Ref" }, { "name": "controlRef", "type": "Ref" }, { "name": "for", "type": "string" }, { "name": "min", "type": "string" }, { "name": "max", "type": "string" }, { "name": "step", "type": "number" }, { "name": "pattern", "type": "string" }, { "name": "hostInputMode", "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" }, { "name": "displayedErrorText" }, { "name": "isAriaInvalid" }, { "name": "passwordVisibilityMarkup" }, { "name": "errorTextMarkup" }, { "name": "shouldHaveStartMarkup" }, { "name": "shouldHaveEndMarkup" }, { "name": "startIconMarkup" }, { "name": "startIconId" }, { "name": "endIconMarkup" }, { "name": "labelMarkup" }, { "name": "labelId" }, { "name": "ariaLabelledbyValue" }, { "name": "helpTextMarkup" }, { "name": "helpTextClasses" }, { "name": "helpTextId" }, { "name": "bottomText" }, { "name": "errorTextId" }, { "name": "ariaDescribedby" }, { "name": "controlClasses" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "input", "type": "CustomEvent" }, { "name": "change", "type": "CustomEvent" } ] } }, { "name": "ngc-selector", "description": "\n---\n\n\n### **Events:**\n - **select**", "doc-url": "", "attributes": [ { "name": "type", "value": { "type": "'base' | 'inactive' | 'disabled' | 'range-start' | 'range-end' | 'range-in-between' | 'current'", "default": "null" } }, { "name": "selected", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "current", "value": { "type": "boolean", "default": "false" } }, { "name": "tabindex", "value": { "type": "number", "default": "0" } }, { "name": "role", "value": { "type": "'base' | 'inactive' | 'disabled' | 'range-start' | 'range-end' | 'range-in-between' | 'current'", "default": "null" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [{ "name": "select", "type": "CustomEvent" }], "js": { "properties": [ { "name": "type", "type": "'base' | 'inactive' | 'disabled' | 'range-start' | 'range-end' | 'range-in-between' | 'current'" }, { "name": "selected", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "current", "type": "boolean" }, { "name": "tabindex", "type": "number" }, { "name": "role", "type": "'base' | 'inactive' | 'disabled' | 'range-start' | 'range-end' | 'range-in-between' | 'current'" }, { "name": "selectedClass" }, { "name": "disabledClass" }, { "name": "currentClass" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "select", "type": "CustomEvent" }] } }, { "name": "ngc-year-month-selector", "description": "\n---\n\n\n### **Events:**\n - **select**", "doc-url": "", "attributes": [ { "name": "selected", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "current", "value": { "type": "boolean", "default": "false" } }, { "name": "tabindex", "value": { "type": "number", "default": "0" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [{ "name": "select", "type": "CustomEvent" }], "js": { "properties": [ { "name": "selected", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "current", "type": "boolean" }, { "name": "tabindex", "type": "number" }, { "name": "selectedClass" }, { "name": "disabledClass" }, { "name": "currentClass" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "select", "type": "CustomEvent" }] } }, { "name": "ngc-datepicker", "description": "\n---\n\n\n### **Events:**\n - **done**", "doc-url": "", "attributes": [ { "name": "range", "value": { "type": "boolean", "default": "false" } }, { "name": "start-date", "value": { "type": "Date | null", "default": "null" } }, { "name": "selected-date", "value": { "type": "Date | null", "default": "null" } }, { "name": "min", "value": { "type": "Date | null", "default": "null" } }, { "name": "max", "value": { "type": "Date | null", "default": "null" } }, { "name": "sunday-start", "value": { "type": "boolean", "default": "false" } }, { "name": "locale", "value": { "type": "string" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [{ "name": "done", "type": "CustomEvent" }], "js": { "properties": [ { "name": "headerMarkup" }, { "name": "currentMonthAndYear" }, { "name": "currentViewMarkup" }, { "name": "calendarMarkup" }, { "name": "daysOfWeekMarkup" }, { "name": "getDatesMarkup" }, { "name": "footerMarkup" }, { "name": "_todaysDate", "type": "Date" }, { "name": "range", "type": "boolean" }, { "name": "startDate", "type": "Date | null" }, { "name": "endDate", "type": "Date | null" }, { "name": "selectedDate", "type": "Date | null" }, { "name": "min", "type": "Date | null" }, { "name": "max", "type": "Date | null" }, { "name": "sundayStart", "type": "boolean" }, { "name": "locale", "type": "string" }, { "name": "currentMonthName", "type": "string" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "done", "type": "CustomEvent" }] } }, { "name": "ngc-input-date", "description": "\n---\n\n\n### **Events:**\n - **change**\n- **input**", "doc-url": "", "attributes": [ { "name": "value", "value": { "type": "string | number | undefined | null" } }, { "name": "locale", "value": { "type": "string" } }, { "name": "min-date", "value": { "type": "Date | undefined" } }, { "name": "max-date", "value": { "type": "Date | undefined" } }, { "name": "sunday-start", "value": { "type": "boolean", "default": "false" } }, { "name": "range", "value": { "type": "boolean", "default": "false" } }, { "name": "start-date", "value": { "type": "Date | undefined" } }, { "name": "end-date", "value": { "type": "Date | undefined" } }, { "name": "start-date-label", "value": { "type": "string", "default": "'Start Date'" } }, { "name": "end-date-label", "value": { "type": "string", "default": "'End Date'" } }, { "name": "mask-input", "value": { "type": "boolean", "default": "false" } }, { "name": "auto-add-date-separators", "value": { "type": "boolean", "default": "false" } }, { "name": "for", "value": { "type": "string", "default": "''" } }, { "name": "min", "value": { "type": "string" } }, { "name": "max", "value": { "type": "string" } }, { "name": "step", "value": { "type": "number" } }, { "name": "pattern", "value": { "type": "string" } }, { "name": "inputmode", "value": { "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "type", "value": { "type": "string", "default": "'text'" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "value", "type": "string | number | undefined | null" }, { "name": "locale", "type": "string" }, { "name": "minDate", "type": "Date | undefined" }, { "name": "maxDate", "type": "Date | undefined" }, { "name": "sundayStart", "type": "boolean" }, { "name": "range", "type": "boolean" }, { "name": "startDate", "type": "Date | undefined" }, { "name": "endDate", "type": "Date | undefined" }, { "name": "startDateLabel", "type": "string" }, { "name": "endDateLabel", "type": "string" }, { "name": "maskInput", "type": "boolean" }, { "name": "autoAddDateSeparators", "type": "boolean" }, { "name": "datepickerRef", "type": "Ref" }, { "name": "datepickerTriggerRef", "type": "Ref" }, { "name": "startInputRef", "type": "Ref" }, { "name": "endInputRef", "type": "Ref" }, { "name": "groupRef", "type": "Ref" }, { "name": "localizedExpectedDateFormat", "type": "string | undefined" }, { "name": "dateValue", "type": "Date | typeof NaN | null" }, { "name": "_cleanup", "type": "(() => void) | undefined" }, { "name": "endIconMarkup" }, { "name": "calendarIconMarkup" }, { "name": "datepickerMarkup" }, { "name": "datepickerSelectedDate" }, { "name": "dateEventData" }, { "name": "rangeMarkup" }, { "name": "datepickerStartDate" }, { "name": "datepickerEndDate" }, { "name": "rangeEventData" }, { "name": "dateRangeTextValue" }, { "name": "inputRef", "type": "Ref" }, { "name": "controlRef", "type": "Ref" }, { "name": "for", "type": "string" }, { "name": "min", "type": "string" }, { "name": "max", "type": "string" }, { "name": "step", "type": "number" }, { "name": "pattern", "type": "string" }, { "name": "hostInputMode", "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" }, { "name": "displayedErrorText" }, { "name": "isAriaInvalid" }, { "name": "passwordVisibilityMarkup" }, { "name": "errorTextMarkup" }, { "name": "shouldHaveStartMarkup" }, { "name": "shouldHaveEndMarkup" }, { "name": "startIconMarkup" }, { "name": "startIconId" }, { "name": "labelMarkup" }, { "name": "labelId" }, { "name": "ariaLabelledbyValue" }, { "name": "helpTextMarkup" }, { "name": "helpTextClasses" }, { "name": "helpTextId" }, { "name": "bottomText" }, { "name": "errorTextId" }, { "name": "ariaDescribedby" }, { "name": "controlClasses" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "type", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ] } }, { "name": "ngc-input-textarea", "description": "\n---\n\n\n### **Events:**\n - **change**\n- **input**", "doc-url": "", "attributes": [ { "name": "rows", "value": { "type": "number", "default": "2" } }, { "name": "auto-grow", "value": { "type": "boolean", "default": "false" } }, { "name": "no-resize", "value": { "type": "boolean", "default": "false" } }, { "name": "for", "value": { "type": "string", "default": "''" } }, { "name": "min", "value": { "type": "string" } }, { "name": "max", "value": { "type": "string" } }, { "name": "step", "value": { "type": "number" } }, { "name": "pattern", "value": { "type": "string" } }, { "name": "inputmode", "value": { "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string | number | undefined | null" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "type", "value": { "type": "string", "default": "'text'" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "rows", "type": "number" }, { "name": "autoGrow", "type": "boolean" }, { "name": "noResize", "type": "boolean" }, { "name": "characterCountVisualMarkup" }, { "name": "characterCountAriaLiveMarkup" }, { "name": "ariaDescribedby" }, { "name": "inputRef", "type": "Ref" }, { "name": "controlRef", "type": "Ref" }, { "name": "for", "type": "string" }, { "name": "min", "type": "string" }, { "name": "max", "type": "string" }, { "name": "step", "type": "number" }, { "name": "pattern", "type": "string" }, { "name": "hostInputMode", "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" }, { "name": "displayedErrorText" }, { "name": "isAriaInvalid" }, { "name": "passwordVisibilityMarkup" }, { "name": "errorTextMarkup" }, { "name": "shouldHaveStartMarkup" }, { "name": "shouldHaveEndMarkup" }, { "name": "startIconMarkup" }, { "name": "startIconId" }, { "name": "endIconMarkup" }, { "name": "labelMarkup" }, { "name": "labelId" }, { "name": "ariaLabelledbyValue" }, { "name": "helpTextMarkup" }, { "name": "helpTextClasses" }, { "name": "helpTextId" }, { "name": "bottomText" }, { "name": "errorTextId" }, { "name": "controlClasses" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "value", "type": "string | number | undefined | null" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "type", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ] } }, { "name": "ngc-input-masked", "description": "\n---\n\n\n### **Events:**\n - **change**\n- **input**", "doc-url": "", "attributes": [ { "name": "mask-preset", "value": { "type": "'ssn' | 'ein' | 'variable' | ", "default": "null" } }, { "name": "mask-pattern", "value": { "type": "'ssn' | 'ein' | 'variable' | ", "default": "''" } }, { "name": "accepted-char-type", "value": { "type": "'numeric' | 'alpha' | 'alphanumeric'", "default": "'numeric'" } }, { "name": "variable-max-length", "value": { "type": "number", "default": "10" } }, { "name": "for", "value": { "type": "string", "default": "''" } }, { "name": "min", "value": { "type": "string" } }, { "name": "max", "value": { "type": "string" } }, { "name": "step", "value": { "type": "number" } }, { "name": "pattern", "value": { "type": "string" } }, { "name": "inputmode", "value": { "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string | number | undefined | null" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "type", "value": { "type": "string", "default": "'text'" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "maskPreset", "type": "'ssn' | 'ein' | 'variable' | " }, { "name": "maskPattern", "type": "'ssn' | 'ein' | 'variable' | " }, { "name": "acceptedCharType", "type": "'numeric' | 'alpha' | 'alphanumeric'" }, { "name": "variableMaxLength", "type": "number" }, { "name": "value", "type": "string | number | undefined | null" }, { "name": "inputRef", "type": "Ref" }, { "name": "controlRef", "type": "Ref" }, { "name": "for", "type": "string" }, { "name": "min", "type": "string" }, { "name": "max", "type": "string" }, { "name": "step", "type": "number" }, { "name": "pattern", "type": "string" }, { "name": "hostInputMode", "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" }, { "name": "displayedErrorText" }, { "name": "isAriaInvalid" }, { "name": "passwordVisibilityMarkup" }, { "name": "errorTextMarkup" }, { "name": "shouldHaveStartMarkup" }, { "name": "shouldHaveEndMarkup" }, { "name": "startIconMarkup" }, { "name": "startIconId" }, { "name": "endIconMarkup" }, { "name": "labelMarkup" }, { "name": "labelId" }, { "name": "ariaLabelledbyValue" }, { "name": "helpTextMarkup" }, { "name": "helpTextClasses" }, { "name": "helpTextId" }, { "name": "bottomText" }, { "name": "errorTextId" }, { "name": "ariaDescribedby" }, { "name": "controlClasses" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "type", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ] } }, { "name": "ngc-input-percent", "description": "\n---\n\n\n### **Events:**\n - **change**\n- **input**", "doc-url": "", "attributes": [ { "name": "for", "value": { "type": "string", "default": "''" } }, { "name": "min", "value": { "type": "string" } }, { "name": "max", "value": { "type": "string" } }, { "name": "step", "value": { "type": "number" } }, { "name": "pattern", "value": { "type": "string" } }, { "name": "inputmode", "value": { "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string | number | undefined | null" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "type", "value": { "type": "string", "default": "'text'" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "inputRef", "type": "Ref" }, { "name": "controlRef", "type": "Ref" }, { "name": "for", "type": "string" }, { "name": "min", "type": "string" }, { "name": "max", "type": "string" }, { "name": "step", "type": "number" }, { "name": "pattern", "type": "string" }, { "name": "hostInputMode", "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" }, { "name": "displayedErrorText" }, { "name": "isAriaInvalid" }, { "name": "passwordVisibilityMarkup" }, { "name": "errorTextMarkup" }, { "name": "shouldHaveStartMarkup" }, { "name": "shouldHaveEndMarkup" }, { "name": "startIconMarkup" }, { "name": "startIconId" }, { "name": "endIconMarkup" }, { "name": "labelMarkup" }, { "name": "labelId" }, { "name": "ariaLabelledbyValue" }, { "name": "helpTextMarkup" }, { "name": "helpTextClasses" }, { "name": "helpTextId" }, { "name": "bottomText" }, { "name": "errorTextId" }, { "name": "ariaDescribedby" }, { "name": "controlClasses" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "value", "type": "string | number | undefined | null" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "type", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ] } }, { "name": "ngc-input-dropdown", "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**", "doc-url": "", "attributes": [ { "name": "multiselect", "value": { "type": "boolean", "default": "false" } }, { "name": "options", "value": { "type": "NgcDropdownType[]", "default": "[]" } }, { "name": "autocomplete", "value": { "type": "boolean", "default": "false" } }, { "name": "select-all", "value": { "type": "boolean", "default": "false" } }, { "name": "listbox-help-text", "value": { "type": "string", "default": "''" } }, { "name": "data-type", "value": { "type": "string | undefined" } }, { "name": "country-code", "value": { "type": "string | undefined" } }, { "name": "list-width", "value": { "type": "string | undefined" } }, { "name": "value-displayed", "value": { "type": "boolean", "default": "false" } }, { "name": "max-autocomplete-results", "value": { "type": "number | undefined", "default": "250" } }, { "name": "wrap-chips", "value": { "type": "boolean", "default": "false" } }, { "name": "loading", "value": { "type": "boolean", "default": "false" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string | number | undefined | null" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "type", "value": { "type": "string", "default": "'text'" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "input", "type": "CustomEvent" }, { "name": "change", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "multiselect", "type": "boolean" }, { "name": "options", "type": "NgcDropdownType[]" }, { "name": "autocomplete", "type": "boolean" }, { "name": "selectAll", "type": "boolean" }, { "name": "listboxHelpText", "type": "string" }, { "name": "dataType", "type": "string | undefined" }, { "name": "countryCode", "type": "string | undefined" }, { "name": "listWidth", "type": "string | undefined" }, { "name": "valueDisplayed", "type": "boolean" }, { "name": "maxAutocompleteResults", "type": "number | undefined" }, { "name": "wrapChips", "type": "boolean" }, { "name": "loading", "type": "boolean" }, { "name": "value", "type": "string | number | undefined | null" }, { "name": "_cleanup", "type": "(() => void) | undefined" }, { "name": "_expanded", "type": "boolean" }, { "name": "_searchValue", "type": "string" }, { "name": "listboxRef", "type": "Ref" }, { "name": "listRef", "type": "Ref" }, { "name": "inputRef", "type": "Ref" }, { "name": "listboxMessageRef", "type": "Ref" }, { "name": "controlClasses" }, { "name": "shouldHaveStartMarkup" }, { "name": "startIconMarkup" }, { "name": "comboboxElement", "type": "HTMLElement | undefined" }, { "name": "inputMarkup" }, { "name": "multiselectLabel" }, { "name": "multiselectSelectionsMarkup", "type": "unknown" }, { "name": "chipsMarkup" }, { "name": "truncatedChipsMarkup" }, { "name": "fauxInputMarkup" }, { "name": "displayedValue" }, { "name": "showPlaceholder" }, { "name": "listboxMarkup" }, { "name": "selectAllIcon" }, { "name": "allSelected" }, { "name": "listboxMessageMarkup" }, { "name": "resultsExceedMaxMessage" }, { "name": "noResultsMessage" }, { "name": "displayedOptions" }, { "name": "filteredOptions" }, { "name": "limitedOptions" }, { "name": "resultsExceedMax" }, { "name": "selectedValues" }, { "name": "endIconMarkup" }, { "name": "renderedEndIcon" }, { "name": "clearIconButtonMarkup" }, { "name": "controlRef", "type": "Ref" }, { "name": "shouldHaveEndMarkup" }, { "name": "startIconId" }, { "name": "labelMarkup" }, { "name": "labelId" }, { "name": "ariaLabelledbyValue" }, { "name": "helpTextMarkup" }, { "name": "helpTextClasses" }, { "name": "helpTextId" }, { "name": "bottomText" }, { "name": "errorTextMarkup" }, { "name": "errorTextId" }, { "name": "ariaDescribedby" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "type", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "input", "type": "CustomEvent" }, { "name": "change", "type": "CustomEvent" } ] } }, { "name": "ngc-input-phone", "description": "\n---\n\n\n### **Events:**\n - **change**\n- **input**", "doc-url": "", "attributes": [ { "name": "default-country", "description": "ISO 3166-1 alpha-2 default for the calling-code dropdown (e.g. `US`).", "value": { "type": "string | undefined" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string | number | undefined | null" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "type", "value": { "type": "string", "default": "'text'" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "countryCodeValue", "description": "ISO region from the dropdown: `undefined` = never touched (use `default-country`),\n`null` = user cleared the field, non-empty string = explicit choice.", "type": "string | undefined | null" }, { "name": "phoneNumberValue", "type": "string | undefined" }, { "name": "defaultCountry", "description": "ISO 3166-1 alpha-2 default for the calling-code dropdown (e.g. `US`).", "type": "string | undefined" }, { "name": "inputContainer", "type": "Ref" }, { "name": "dropdownContainer", "type": "Ref" }, { "name": "phoneRegionIso", "description": "ISO region for the calling-code control and libphonenumber default: explicit dropdown\nselection, otherwise `default-country` (normalized). Not the same as `countryCodeValue`\nwhen only a default is in effect.", "type": "CountryCode | undefined" }, { "name": "slotLabelMarkup" }, { "name": "controlRef", "type": "Ref" }, { "name": "shouldHaveStartMarkup" }, { "name": "shouldHaveEndMarkup" }, { "name": "startIconMarkup" }, { "name": "startIconId" }, { "name": "endIconMarkup" }, { "name": "labelMarkup" }, { "name": "labelId" }, { "name": "ariaLabelledbyValue" }, { "name": "helpTextMarkup" }, { "name": "helpTextClasses" }, { "name": "helpTextId" }, { "name": "bottomText" }, { "name": "errorTextMarkup" }, { "name": "errorTextId" }, { "name": "ariaDescribedby" }, { "name": "controlClasses" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "value", "type": "string | number | undefined | null" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "type", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ] } }, { "name": "ngc-file-upload-preview", "description": "\n---\n\n\n### **Events:**\n - **cancel-upload**\n- **clear**\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "value", "value": { "type": "File[]", "default": "[]" } }, { "name": "uploading", "value": { "type": "boolean", "default": "false" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "value": { "type": "boolean", "default": "true" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "cancel-upload", "type": "CustomEvent" }, { "name": "clear", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "value", "type": "File[]" }, { "name": "uploading", "type": "boolean" }, { "name": "errorText", "type": "string" }, { "name": "contentText" }, { "name": "uploadingMarkup" }, { "name": "actionsMarkup" }, { "name": "inErrorState" }, { "name": "defaultIconContent" }, { "name": "errorClass" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "cancel-upload", "type": "CustomEvent" }, { "name": "clear", "type": "CustomEvent" } ] } }, { "name": "ngc-input-file", "description": "\n---\n\n\n### **Events:**\n - **change**\n- **input**", "doc-url": "", "attributes": [ { "name": "value", "value": { "type": "string | number | undefined | null", "default": "[]" } }, { "name": "accept", "value": { "type": "string | undefined", "default": "undefined" } }, { "name": "state", "value": { "type": "string", "default": "'default'" } }, { "name": "size", "value": { "type": "string", "default": "'default'" } }, { "name": "multiple", "value": { "type": "boolean", "default": "false" } }, { "name": "uploading", "value": { "type": "boolean", "default": "false" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "type", "value": { "type": "string", "default": "'text'" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "value", "type": "string | number | undefined | null" }, { "name": "accept", "type": "string | undefined" }, { "name": "state", "type": "string" }, { "name": "size", "type": "string" }, { "name": "multiple", "type": "boolean" }, { "name": "uploading", "type": "boolean" }, { "name": "dropzoneRef", "type": "Ref" }, { "name": "hiddenInputContainerRef", "type": "Ref" }, { "name": "previewRef", "type": "Ref" }, { "name": "_uploadFailed", "type": "boolean" }, { "name": "_multipleUploadFailure", "type": "boolean" }, { "name": "dropzoneClasses" }, { "name": "errorTextString" }, { "name": "hasError" }, { "name": "displayedAcceptsString" }, { "name": "inputElement", "type": "HTMLInputElement" }, { "name": "controlRef", "type": "Ref" }, { "name": "shouldHaveStartMarkup" }, { "name": "shouldHaveEndMarkup" }, { "name": "startIconMarkup" }, { "name": "startIconId" }, { "name": "endIconMarkup" }, { "name": "labelMarkup" }, { "name": "labelId" }, { "name": "ariaLabelledbyValue" }, { "name": "helpTextMarkup" }, { "name": "helpTextClasses" }, { "name": "helpTextId" }, { "name": "bottomText" }, { "name": "errorTextMarkup" }, { "name": "errorTextId" }, { "name": "ariaDescribedby" }, { "name": "controlClasses" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "type", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ] } }, { "name": "ngc-input-search", "description": "\n---\n\n\n### **Events:**\n - **change**\n- **input**", "doc-url": "", "attributes": [ { "name": "autocomplete", "value": { "type": "boolean", "default": "false" } }, { "name": "options", "value": { "type": "NgcDropdownType[] | undefined | null" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string | number | undefined | null" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "type", "value": { "type": "string", "default": "'text'" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "value", "type": "string | number | undefined | null" }, { "name": "inputRef", "type": "Ref" }, { "name": "dropdownRef", "type": "Ref" }, { "name": "autocomplete", "type": "boolean" }, { "name": "options", "type": "NgcDropdownType[] | undefined | null" }, { "name": "controlRef", "type": "Ref" }, { "name": "shouldHaveStartMarkup" }, { "name": "shouldHaveEndMarkup" }, { "name": "startIconMarkup" }, { "name": "startIconId" }, { "name": "endIconMarkup" }, { "name": "labelMarkup" }, { "name": "labelId" }, { "name": "ariaLabelledbyValue" }, { "name": "helpTextMarkup" }, { "name": "helpTextClasses" }, { "name": "helpTextId" }, { "name": "bottomText" }, { "name": "errorTextMarkup" }, { "name": "errorTextId" }, { "name": "ariaDescribedby" }, { "name": "controlClasses" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "type", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ] } }, { "name": "ngc-time-picker", "description": "\n---\n\n\n### **Events:**\n - **change**\n- **clear**\n- **now**\n- **close**\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "hour", "value": { "type": "number | null", "default": "null" } }, { "name": "minute", "value": { "type": "number | null", "default": "null" } }, { "name": "time-of-day", "value": { "type": "string | null", "default": "null" } }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "value": { "type": "boolean", "default": "true" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "clear", "type": "CustomEvent" }, { "name": "now", "type": "CustomEvent" }, { "name": "close", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "hour", "type": "number | null" }, { "name": "minute", "type": "number | null" }, { "name": "timeOfDay", "type": "string | null" }, { "name": "pmShouldBeTabbable" }, { "name": "hourOptions" }, { "name": "minuteOptions" }, { "name": "selectedHourElement" }, { "name": "firstHourElement" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "clear", "type": "CustomEvent" }, { "name": "now", "type": "CustomEvent" }, { "name": "close", "type": "CustomEvent" } ] } }, { "name": "ngc-input-time", "description": "\n---\n\n\n### **Events:**\n - **change**\n- **input**", "doc-url": "", "attributes": [ { "name": "for", "value": { "type": "string", "default": "''" } }, { "name": "min", "value": { "type": "string" } }, { "name": "max", "value": { "type": "string" } }, { "name": "step", "value": { "type": "number" } }, { "name": "pattern", "value": { "type": "string" } }, { "name": "inputmode", "value": { "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string | number | undefined | null" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "type", "value": { "type": "string", "default": "'text'" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "dropdownOpen", "type": "boolean" }, { "name": "type", "type": "string" }, { "name": "timePickerRef", "type": "Ref" }, { "name": "shouldHaveEndMarkup" }, { "name": "endIconMarkup", "type": "TemplateResult<1> | null" }, { "name": "_cleanup", "type": "(() => void) | undefined" }, { "name": "inputRef", "type": "Ref" }, { "name": "controlRef", "type": "Ref" }, { "name": "for", "type": "string" }, { "name": "min", "type": "string" }, { "name": "max", "type": "string" }, { "name": "step", "type": "number" }, { "name": "pattern", "type": "string" }, { "name": "hostInputMode", "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" }, { "name": "displayedErrorText" }, { "name": "isAriaInvalid" }, { "name": "passwordVisibilityMarkup" }, { "name": "errorTextMarkup" }, { "name": "shouldHaveStartMarkup" }, { "name": "startIconMarkup" }, { "name": "startIconId" }, { "name": "labelMarkup" }, { "name": "labelId" }, { "name": "ariaLabelledbyValue" }, { "name": "helpTextMarkup" }, { "name": "helpTextClasses" }, { "name": "helpTextId" }, { "name": "bottomText" }, { "name": "errorTextId" }, { "name": "ariaDescribedby" }, { "name": "controlClasses" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "value", "type": "string | number | undefined | null" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ] } }, { "name": "ngc-input-group", "description": "\n---\n\n\n### **Events:**\n - **change**\n- **input**", "doc-url": "", "attributes": [ { "name": "with-spacing", "value": { "type": "boolean", "default": "false" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string | number | undefined | null" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "type", "value": { "type": "string", "default": "'text'" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "withSpacing", "type": "boolean" }, { "name": "groupRef", "type": "Ref" }, { "name": "controlRef", "type": "Ref" }, { "name": "shouldHaveStartMarkup" }, { "name": "shouldHaveEndMarkup" }, { "name": "startIconMarkup" }, { "name": "startIconId" }, { "name": "endIconMarkup" }, { "name": "labelMarkup" }, { "name": "labelId" }, { "name": "ariaLabelledbyValue" }, { "name": "helpTextMarkup" }, { "name": "helpTextClasses" }, { "name": "helpTextId" }, { "name": "bottomText" }, { "name": "errorTextMarkup" }, { "name": "errorTextId" }, { "name": "ariaDescribedby" }, { "name": "controlClasses" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "value", "type": "string | number | undefined | null" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "type", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ] } }, { "name": "ngc-image-card", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "alignment", "value": { "type": "'left' | 'center'", "default": "'left'" } }, { "name": "variant", "value": { "type": "'base' | 'full-image' | 'small-left' | 'small-right'", "default": "'base'" } }, { "name": "image-src", "value": { "type": "string", "default": "''" } }, { "name": "image-alt", "value": { "type": "string", "default": "''" } }, { "name": "title", "value": { "type": "string", "default": "''" } }, { "name": "subtitle", "value": { "type": "string", "default": "''" } }, { "name": "elevated", "value": { "type": "boolean", "default": "false" } }, { "name": "outlined", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "containerRef", "type": "Ref" }, { "name": "contentClass" }, { "name": "innerClasses" }, { "name": "fullImageBackground" }, { "name": "fullImageSizer" }, { "name": "fullImageActions" }, { "name": "imageMarkup" }, { "name": "imageClasses" }, { "name": "fullImageStyle" }, { "name": "alignment", "type": "'left' | 'center'" }, { "name": "variant", "type": "'base' | 'full-image' | 'small-left' | 'small-right'" }, { "name": "imageSrc", "type": "string" }, { "name": "imageAlt", "type": "string" }, { "name": "title", "type": "string" }, { "name": "subtitle", "type": "string" }, { "name": "elevated", "type": "boolean" }, { "name": "outlined", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "nsc-menu", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "open", "description": "The open state of the menu", "value": { "type": "boolean", "default": "false" } }, { "name": "menu-aria-label", "description": "The aria label for the menu", "value": { "type": "string", "default": "'Show More'" } }, { "name": "placement", "description": "Placement of the dropdown for the menu", "value": { "type": "string", "default": "'bottom-start'" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "open", "description": "The open state of the menu", "type": "boolean" }, { "name": "menuAriaLabel", "description": "The aria label for the menu", "type": "string" }, { "name": "placement", "description": "Placement of the dropdown for the menu", "type": "string" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "nsc-menu-divider", "description": "\n---\n", "doc-url": "", "attributes": [], "events": [], "js": { "properties": [], "events": [] } }, { "name": "nsc-menu-item", "description": "\n---\n\n\n### **Events:**\n - **menuitemclick**", "doc-url": "", "attributes": [ { "name": "title", "value": { "type": "string", "default": "''" } }, { "name": "value", "description": "The value and text displayed of the menu item", "value": { "type": "string", "default": "''" } }, { "name": "start-icon", "description": "An icon displayed before the value text", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "description": "An icon displayed after the value text", "value": { "type": "string", "default": "''" } } ], "events": [{ "name": "menuitemclick", "type": "CustomEvent" }], "js": { "properties": [ { "name": "title", "type": "string" }, { "name": "value", "description": "The value and text displayed of the menu item", "type": "string" }, { "name": "startIcon", "description": "An icon displayed before the value text", "type": "string" }, { "name": "endIcon", "description": "An icon displayed after the value text", "type": "string" } ], "events": [{ "name": "menuitemclick", "type": "CustomEvent" }] } }, { "name": "nsc-submenu", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "open", "description": "The open state of the menu", "value": { "type": "boolean", "default": "false" } } ], "events": [], "js": { "properties": [ { "name": "label", "type": "string" }, { "name": "open", "description": "The open state of the menu", "type": "boolean" } ], "events": [] } }, { "name": "ngc-modal", "description": "A panel that lays out a header, some content, and a footer.\n---\n\n\n### **Events:**\n - **close**\n- **primary-action-click**\n- **secondary-action-click**\n\n### **Slots:**\n - **default** - — Modal body slot\n- **footer** - — Content to render in the footer area.", "doc-url": "", "attributes": [ { "name": "dialog-role", "value": { "type": "'dialog' | 'alertdialog'", "default": "'dialog'" } }, { "name": "open", "value": { "type": "boolean", "default": "false" } }, { "name": "variant", "value": { "type": "'decide' | 'destructive' | 'confirmation' | 'dismiss'", "default": "'dismiss'" } }, { "name": "size", "value": { "type": "'small' | 'standard' | 'fullscreen'", "default": "'standard'" } }, { "name": "title", "value": { "type": "string", "default": "''" } }, { "name": "subtitle", "value": { "type": "string", "default": "''" } }, { "name": "primary-action-text", "value": { "type": "string", "default": "'Save'" } }, { "name": "destructive-message-text", "value": { "type": "string", "default": "''" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "loading", "value": { "type": "boolean", "default": "false" } } ], "slots": [ { "name": "default", "description": "— Modal body slot" }, { "name": "footer", "description": "— Content to render in the footer area." } ], "events": [ { "name": "close", "type": "CustomEvent" }, { "name": "primary-action-click", "type": "CustomEvent" }, { "name": "secondary-action-click", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "_dialogRef", "type": "Ref" }, { "name": "dialogClassMap" }, { "name": "gatorModalContentLoadingMarkup" }, { "name": "gatorModalFooterMarkup" }, { "name": "footerWarningMessageMarkup" }, { "name": "footerPrimaryActionButtonMarkup" }, { "name": "footerSecondaryActionButtonMarkup" }, { "name": "buttonSize" }, { "name": "dialogRole", "type": "'dialog' | 'alertdialog'" }, { "name": "open", "type": "boolean" }, { "name": "variant", "type": "'decide' | 'destructive' | 'confirmation' | 'dismiss'" }, { "name": "size", "type": "'small' | 'standard' | 'fullscreen'" }, { "name": "title", "type": "string" }, { "name": "subtitle", "type": "string" }, { "name": "primaryActionText", "type": "string" }, { "name": "destructiveMessageText", "type": "string" }, { "name": "skeleton", "type": "boolean" }, { "name": "loading", "type": "boolean" } ], "events": [ { "name": "close", "type": "CustomEvent" }, { "name": "primary-action-click", "type": "CustomEvent" }, { "name": "secondary-action-click", "type": "CustomEvent" } ] } }, { "name": "ngc-tab", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "name", "value": { "type": "string", "default": "''" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "name", "type": "string" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-tabset", "description": "\n---\n\n\n### **Events:**\n - **select**\n\n### **Methods:**\n - **setActiveTab(index: _number_)** - Sets the active tab and dispatches the select event", "doc-url": "", "attributes": [ { "name": "tabset-aria-labelled-by-elements", "value": { "type": "Element[]", "default": "[]" } }, { "name": "tabset-aria-label", "value": { "type": "String | undefined", "default": "undefined" } }, { "name": "size", "value": { "type": "string", "default": "'medium'" } }, { "name": "active-tab-index", "value": { "type": "number", "default": "0" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [{ "name": "select", "type": "CustomEvent" }], "js": { "properties": [ { "name": "tabsetAriaLabelledByElements", "type": "Element[]" }, { "name": "tabsetAriaLabel", "type": "String | undefined" }, { "name": "size", "type": "string" }, { "name": "activeTabIndex", "type": "number" }, { "name": "tabs", "type": "NgcTab[] | undefined" }, { "name": "_contentRef", "type": "Ref" }, { "name": "_tablistRef", "type": "Ref" }, { "name": "tabClasses" }, { "name": "tabSizeClass" }, { "name": "tabContainerSizeClass" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "select", "type": "CustomEvent" }] } }, { "name": "ngc-page-header", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "title", "value": { "type": "string", "default": "''" } }, { "name": "subtitle", "value": { "type": "string", "default": "''" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "title", "type": "string" }, { "name": "subtitle", "type": "string" }, { "name": "skeleton", "type": "boolean" }, { "name": "_showBreadcrumbs", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-panel", "description": "\n---\n\n\n### **Events:**\n - **close**\n- **open**\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "type", "value": { "type": "'drawer' | 'overlay'", "default": "'overlay'" } }, { "name": "open", "value": { "type": "boolean", "default": "false" } }, { "name": "position", "value": { "type": "'left' | 'right' | 'bottom' | 'bottom-left' | 'bottom-right'", "default": "'left'" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "outlined", "value": { "type": "boolean", "default": "false" } }, { "name": "anchor-element", "value": { "type": "HTMLElement | null", "default": "null" } }, { "name": "aria-label", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelledby", "value": { "type": "string | null", "default": "null" } }, { "name": "static", "value": { "type": "boolean", "default": "false" } }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "value": { "type": "boolean", "default": "true" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "close", "type": "CustomEvent" }, { "name": "open", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "type", "type": "'drawer' | 'overlay'" }, { "name": "open", "type": "boolean" }, { "name": "position", "type": "'left' | 'right' | 'bottom' | 'bottom-left' | 'bottom-right'" }, { "name": "skeleton", "type": "boolean" }, { "name": "outlined", "type": "boolean" }, { "name": "anchorElement", "type": "HTMLElement | null" }, { "name": "ariaLabel", "type": "string | null" }, { "name": "ariaLabelledBy", "type": "string | null" }, { "name": "static", "type": "boolean" }, { "name": "panelRef", "type": "Ref" }, { "name": "gatorPanelContentLoadingMarkup" }, { "name": "gatorPanelFooterLoadingMarkup" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "close", "type": "CustomEvent" }, { "name": "open", "type": "CustomEvent" } ] } }, { "name": "ngc-popover", "description": "\n---\n\n\n### **Events:**\n - **closed**\n\n### **Methods:**\n ", "doc-url": "", "attributes": [ { "name": "reference-id", "value": { "type": "string", "default": "''" } }, { "name": "title", "value": { "type": "string", "default": "''" } }, { "name": "placement", "value": { "type": "Placement | undefined" } }, { "name": "x-offset", "value": { "type": "number", "default": "0" } }, { "name": "y-offset", "value": { "type": "number", "default": "0" } }, { "name": "icon-name", "value": { "type": "string | undefined", "default": "undefined" } }, { "name": "error-text", "value": { "type": "string | undefined", "default": "undefined" } }, { "name": "size", "value": { "type": "'small' | 'medium' | 'large'", "default": "'medium'" } }, { "name": "show-on-hover", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [{ "name": "closed", "type": "CustomEvent" }], "js": { "properties": [ { "name": "referenceId", "type": "string" }, { "name": "title", "type": "string" }, { "name": "placement", "type": "Placement | undefined" }, { "name": "xOffset", "type": "number" }, { "name": "yOffset", "type": "number" }, { "name": "iconName", "type": "string | undefined" }, { "name": "errorText", "type": "string | undefined" }, { "name": "size", "type": "'small' | 'medium' | 'large'" }, { "name": "showOnHover", "type": "boolean" }, { "name": "_popoverRef", "type": "Ref" }, { "name": "_cleanup", "type": "(() => void) | undefined" }, { "name": "popoverId" }, { "name": "isOpen" }, { "name": "referenceElement" }, { "name": "elementListeners" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "closed", "type": "CustomEvent" }] } }, { "name": "ngc-progress-bar", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "variant", "description": "The variant of the progress bar. Can be 'determinate', 'indeterminate', 'success', or 'error'.", "value": { "type": "'determinate' | 'indeterminate' | 'success' | 'error'", "default": "'determinate'" } }, { "name": "skeleton", "description": "When true, renders a skeleton loader matching the progress bar's dimensions.", "value": { "type": "boolean", "default": "false" } }, { "name": "value", "description": "The value of the progress bar, represented as a percentage between 0 and 100.", "value": { "type": "number", "default": "0" } }, { "name": "start-icon", "description": "The icon to display at the start of the progress bar.", "value": { "type": "string", "default": "''" } }, { "name": "start-label", "description": "The label to display at the start of the progress bar.", "value": { "type": "string", "default": "''" } }, { "name": "end-label", "description": "The label to display at the end of the progress bar.", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "description": "The icon to display at the end of the progress bar.", "value": { "type": "string", "default": "''" } }, { "name": "error-text", "description": "The text to display below the progress bar when in error state.", "value": { "type": "string", "default": "''" } }, { "name": "success-text", "description": "The text to display below the progress bar when in success state.", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "description": "The text to display as help text below the progress bar.", "value": { "type": "string", "default": "''" } }, { "name": "rounded", "value": { "type": "boolean", "default": "true" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "variant", "description": "The variant of the progress bar. Can be 'determinate', 'indeterminate', 'success', or 'error'.", "type": "'determinate' | 'indeterminate' | 'success' | 'error'" }, { "name": "skeleton", "description": "When true, renders a skeleton loader matching the progress bar's dimensions.", "type": "boolean" }, { "name": "value", "description": "The value of the progress bar, represented as a percentage between 0 and 100.", "type": "number" }, { "name": "startIcon", "description": "The icon to display at the start of the progress bar.", "type": "string" }, { "name": "startLabel", "description": "The label to display at the start of the progress bar.", "type": "string" }, { "name": "endLabel", "description": "The label to display at the end of the progress bar.", "type": "string" }, { "name": "endIcon", "description": "The icon to display at the end of the progress bar.", "type": "string" }, { "name": "errorText", "description": "The text to display below the progress bar when in error state.", "type": "string" }, { "name": "successText", "description": "The text to display below the progress bar when in success state.", "type": "string" }, { "name": "helpText", "description": "The text to display as help text below the progress bar.", "type": "string" }, { "name": "rounded", "type": "boolean" }, { "name": "ariaDescribedby" }, { "name": "helpTextMarkup" }, { "name": "errorMarkup" }, { "name": "successMarkup" }, { "name": "skeletonHeightForRender" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-progress-ring", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "value", "value": { "type": "number", "default": "0" } }, { "name": "diameter", "value": { "type": "number | undefined", "default": "undefined" } }, { "name": "size", "value": { "type": "'' | 'large'", "default": "''" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "variant", "value": { "type": "'' | 'ai' | 'success' | 'warning' | 'error'", "default": "''" } }, { "name": "hide-text", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-icon", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "value", "type": "number" }, { "name": "diameter", "type": "number | undefined" }, { "name": "size", "type": "'' | 'large'" }, { "name": "skeleton", "type": "boolean" }, { "name": "variant", "type": "'' | 'ai' | 'success' | 'warning' | 'error'" }, { "name": "hideText", "type": "boolean" }, { "name": "hideIcon", "type": "boolean" }, { "name": "computedDiameter", "type": "number" }, { "name": "clampedValue" }, { "name": "radius" }, { "name": "circumference" }, { "name": "dashOffset" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-stepper-item", "description": "\n---\n\n\n### **Events:**\n - **step-clicked**\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "variant", "value": { "type": "'incomplete' | 'base' | 'success' | 'warning' | 'error' | 'ai'", "default": "'incomplete'" } }, { "name": "vertical", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "current", "value": { "type": "boolean", "default": "false" } }, { "name": "step-title", "value": { "type": "string | undefined" } }, { "name": "step-subtitle", "value": { "type": "string | undefined" } }, { "name": "icon-name", "value": { "type": "string | undefined" } }, { "name": "variantAriaLabelOverrides", "value": { "type": "NgcStepperItemVariantAriaLabelInfo | undefined" } }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "value": { "type": "boolean", "default": "true" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [{ "name": "step-clicked", "type": "CustomEvent" }], "js": { "properties": [ { "name": "variant", "type": "'incomplete' | 'base' | 'success' | 'warning' | 'error' | 'ai'" }, { "name": "vertical", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "current", "type": "boolean" }, { "name": "stepTitle", "type": "string | undefined" }, { "name": "stepSubtitle", "type": "string | undefined" }, { "name": "iconName", "type": "string | undefined" }, { "name": "variantAriaLabelOverrides", "type": "NgcStepperItemVariantAriaLabelInfo | undefined" }, { "name": "_orientation" }, { "name": "labelMarkup" }, { "name": "skeletonMarkup" }, { "name": "classes" }, { "name": "icon" }, { "name": "variantLabel" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "step-clicked", "type": "CustomEvent" }] } }, { "name": "ngc-progress-stepper", "description": "\n---\n\n\n### **Events:**\n - **change**\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "direction", "value": { "type": "'horizontal' | 'vertical'", "default": "'horizontal'" } }, { "name": "steps", "value": { "type": "NgcStepperItemInfo[]", "default": "[]" } }, { "name": "current-step-id", "value": { "type": "string | undefined" } }, { "name": "stepper-item-variant-aria-label-overrides", "value": { "type": "NgcStepperItemVariantAriaLabelInfo | undefined" } }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "value": { "type": "boolean", "default": "true" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [{ "name": "change", "type": "CustomEvent" }], "js": { "properties": [ { "name": "direction", "type": "'horizontal' | 'vertical'" }, { "name": "steps", "type": "NgcStepperItemInfo[]" }, { "name": "currentStepId", "type": "string | undefined" }, { "name": "stepperItemVariantAriaLabelOverrides", "type": "NgcStepperItemVariantAriaLabelInfo | undefined" }, { "name": "classes" }, { "name": "stepperItems", "type": "NodeListOf | undefined" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "change", "type": "CustomEvent" }] } }, { "name": "ngc-selection-box", "description": "\n---\n\n\n### **Events:**\n - **change**", "doc-url": "", "attributes": [ { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "title-text", "value": { "type": "string", "default": "''" } }, { "name": "subtitle-text", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string", "default": "''" } }, { "name": "selected", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "box-tabindex", "value": { "type": "number", "default": "0" } }, { "name": "has-error", "value": { "type": "boolean", "default": "false" } }, { "name": "type", "value": { "type": "'radio' | 'checkbox'", "default": "'radio'" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [{ "name": "change", "type": "CustomEvent" }], "js": { "properties": [ { "name": "id", "type": "string" }, { "name": "titleText", "type": "string" }, { "name": "subtitleText", "type": "string" }, { "name": "value", "type": "string" }, { "name": "selected", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "boxTabindex", "type": "number" }, { "name": "hasError", "type": "boolean" }, { "name": "type", "type": "'radio' | 'checkbox'" }, { "name": "elementId" }, { "name": "containerClasses" }, { "name": "iconName" }, { "name": "labelContent" }, { "name": "generatedLabelContent" }, { "name": "prependSlot" }, { "name": "isRadio" }, { "name": "isCheckbox" }, { "name": "tabindex" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "change", "type": "CustomEvent" }] } }, { "name": "ngc-selection-box-group", "description": "\n---\n\n\n### **Events:**\n - **change**\n- **input**\n\n### **Slots:**\n - _default_ - The selection boxes within the group", "doc-url": "", "attributes": [ { "name": "options", "value": { "type": "NGC_SELECTION_BOX_GROUP_OPTION[]", "default": "[]" } }, { "name": "type", "value": { "type": "string", "default": "'single-select'" } }, { "name": "for", "value": { "type": "string", "default": "''" } }, { "name": "min", "value": { "type": "string" } }, { "name": "max", "value": { "type": "string" } }, { "name": "step", "value": { "type": "number" } }, { "name": "pattern", "value": { "type": "string" } }, { "name": "inputmode", "value": { "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string | number | undefined | null" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "slots": [ { "name": "", "description": "The selection boxes within the group" } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "options", "type": "NGC_SELECTION_BOX_GROUP_OPTION[]" }, { "name": "type", "type": "string" }, { "name": "radioGroupMarkup" }, { "name": "checkboxGroupMarkup" }, { "name": "optionsMarkup" }, { "name": "selectionBoxType" }, { "name": "isSingleSelect" }, { "name": "generatedRadiosFromOptionsProperty" }, { "name": "optionElements" }, { "name": "inputRef", "type": "Ref" }, { "name": "controlRef", "type": "Ref" }, { "name": "for", "type": "string" }, { "name": "min", "type": "string" }, { "name": "max", "type": "string" }, { "name": "step", "type": "number" }, { "name": "pattern", "type": "string" }, { "name": "hostInputMode", "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | undefined" }, { "name": "displayedErrorText" }, { "name": "isAriaInvalid" }, { "name": "passwordVisibilityMarkup" }, { "name": "errorTextMarkup" }, { "name": "shouldHaveStartMarkup" }, { "name": "shouldHaveEndMarkup" }, { "name": "startIconMarkup" }, { "name": "startIconId" }, { "name": "endIconMarkup" }, { "name": "labelMarkup" }, { "name": "labelId" }, { "name": "ariaLabelledbyValue" }, { "name": "helpTextMarkup" }, { "name": "helpTextClasses" }, { "name": "helpTextId" }, { "name": "bottomText" }, { "name": "errorTextId" }, { "name": "ariaDescribedby" }, { "name": "controlClasses" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "value", "type": "string | number | undefined | null" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "change", "type": "CustomEvent" }, { "name": "input", "type": "CustomEvent" } ] } }, { "name": "ngc-skip-link", "description": "\n---\n\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "variant", "value": { "type": "'list' | 'button'", "default": "'button'" } }, { "name": "target", "value": { "type": "string | HTMLElement", "default": "''" } }, { "name": "text", "value": { "type": "string", "default": "''" } }, { "name": "placement", "value": { "type": "Placement", "default": "'right'" } }, { "name": "x-offset", "value": { "type": "number", "default": "0" } }, { "name": "y-offset", "value": { "type": "number", "default": "0" } }, { "name": "reference-element", "value": { "type": "string | HTMLElement", "default": "''" } }, { "name": "list-title", "value": { "type": "string | undefined" } }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "value": { "type": "boolean", "default": "true" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "variant", "type": "'list' | 'button'" }, { "name": "target", "type": "string | HTMLElement" }, { "name": "text", "type": "string" }, { "name": "placement", "type": "Placement" }, { "name": "xOffset", "type": "number" }, { "name": "yOffset", "type": "number" }, { "name": "referenceElement", "type": "string | HTMLElement" }, { "name": "listTitle", "type": "string | undefined" }, { "name": "_skipLinkRef", "type": "Ref" }, { "name": "_cleanup", "type": "(() => void) | undefined" }, { "name": "skipLinkButtonVariantMarkup" }, { "name": "skipLinkListVariantMarkup" }, { "name": "_referenceElement" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-skip-link-list-item", "description": "\n---\n\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "target", "value": { "type": "string | HTMLElement", "default": "''" } }, { "name": "text", "value": { "type": "string", "default": "''" } }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "value": { "type": "boolean", "default": "true" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "target", "type": "string | HTMLElement" }, { "name": "text", "type": "string" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-switch", "description": "\n---\n\n\n### **Events:**\n - **change**", "doc-url": "", "attributes": [ { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "value", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [{ "name": "change", "type": "CustomEvent" }], "js": { "properties": [ { "name": "skeletonMarkup" }, { "name": "switchMarkup" }, { "name": "id", "type": "string" }, { "name": "disabled", "type": "boolean" }, { "name": "value", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "change", "type": "CustomEvent" }] } }, { "name": "ngc-text-link", "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - _default_ - Default slot for the text link content", "doc-url": "", "attributes": [ { "name": "href", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "variant", "value": { "type": "'default' | 'subtle'", "default": "'default'" } }, { "name": "target", "value": { "type": "string", "default": "''" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "slots": [ { "name": "", "description": "Default slot for the text link content" } ], "events": [{ "name": "click", "type": "PointerEvent" }], "js": { "properties": [ { "name": "skeletonMarkup" }, { "name": "anchorMarkup" }, { "name": "customLinkMarkup" }, { "name": "disabledMarkup" }, { "name": "textLinkInnerMarkup" }, { "name": "classes" }, { "name": "href", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "variant", "type": "'default' | 'subtle'" }, { "name": "target", "type": "string" }, { "name": "skeleton", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "click", "type": "PointerEvent" }] } }, { "name": "nsc-tooltip", "description": "\n---\n\n\n### **Methods:**\n - **assignPosition()** - Override this function to use floating UI autoUpdate and computePosition", "doc-url": "", "attributes": [ { "name": "reference-id", "value": { "type": "string", "default": "''" } }, { "name": "placement", "value": { "type": "Placement", "default": "'top-end'" } }, { "name": "x-offset", "value": { "type": "number", "default": "0" } }, { "name": "y-offset", "value": { "type": "number", "default": "0" } }, { "name": "is-label", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "xPositionOffset" }, { "name": "yPositionOffset" }, { "name": "nubbinPositionClass" }, { "name": "referenceId", "type": "string" }, { "name": "placement", "type": "Placement" }, { "name": "xOffset", "type": "number" }, { "name": "yOffset", "type": "number" }, { "name": "isLabel", "type": "boolean" }, { "name": "_tooltipRef", "type": "Ref" }, { "name": "_cleanup", "type": "(() => void) | undefined" }, { "name": "tooltipId" }, { "name": "referenceElement" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "ngc-table-bulk-controls", "description": "\n---\n\n\n### **Events:**\n - **selectall**\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "visible", "description": "Whether the bulk controls should be visible", "value": { "type": "boolean", "default": "false" } }, { "name": "selectedRows", "description": "The number of selected rows", "value": { "type": "number", "default": "0" } }, { "name": "totalRows", "description": "The total number of rows", "value": { "type": "number", "default": "0" } }, { "name": "allSelected", "description": "Whether all rows are selected", "value": { "type": "boolean", "default": "false" } }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "value": { "type": "boolean", "default": "true" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [{ "name": "selectall", "type": "CustomEvent" }], "js": { "properties": [ { "name": "visible", "description": "Whether the bulk controls should be visible", "type": "boolean" }, { "name": "selectedRows", "description": "The number of selected rows", "type": "number" }, { "name": "totalRows", "description": "The total number of rows", "type": "number" }, { "name": "allSelected", "description": "Whether all rows are selected", "type": "boolean" }, { "name": "bulkControlsMarkup" }, { "name": "selectedRowsMessage" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "selectall", "type": "CustomEvent" }] } }, { "name": "ngc-table-cell-chip", "description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n ", "doc-url": "", "attributes": [ { "name": "rowData", "value": { "type": "RowData", "default": "{}" } }, { "name": "column", "value": { "type": "TextColumnDefinition | ChipColumnDefinition | AvatarColumnDefinition | CheckboxColumnDefinition | TextLinkColumnDefinition | ButtonColumnDefinition | IconButtonColumnDefinition | InputDropdownColumnDefinition | InputTextColumnDefinition", "default": "{ field: '', name: '' }" } }, { "name": "rowIndex", "value": { "type": "number", "default": "0" } }, { "name": "categoryHeaderId", "value": { "type": "string", "default": "''" } } ], "events": [ { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "rowData", "type": "RowData" }, { "name": "column", "type": "TextColumnDefinition | ChipColumnDefinition | AvatarColumnDefinition | CheckboxColumnDefinition | TextLinkColumnDefinition | ButtonColumnDefinition | IconButtonColumnDefinition | InputDropdownColumnDefinition | InputTextColumnDefinition" }, { "name": "rowIndex", "type": "number" }, { "name": "categoryHeaderId", "type": "string" } ], "events": [ { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ] } }, { "name": "ngc-table-cell-avatar", "description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n ", "doc-url": "", "attributes": [ { "name": "rowData", "value": { "type": "RowData", "default": "{}" } }, { "name": "column", "value": { "type": "TextColumnDefinition | ChipColumnDefinition | AvatarColumnDefinition | CheckboxColumnDefinition | TextLinkColumnDefinition | ButtonColumnDefinition | IconButtonColumnDefinition | InputDropdownColumnDefinition | InputTextColumnDefinition", "default": "{ field: '', name: '' }" } }, { "name": "rowIndex", "value": { "type": "number", "default": "0" } }, { "name": "categoryHeaderId", "value": { "type": "string", "default": "''" } } ], "events": [ { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "rowData", "type": "RowData" }, { "name": "column", "type": "TextColumnDefinition | ChipColumnDefinition | AvatarColumnDefinition | CheckboxColumnDefinition | TextLinkColumnDefinition | ButtonColumnDefinition | IconButtonColumnDefinition | InputDropdownColumnDefinition | InputTextColumnDefinition" }, { "name": "rowIndex", "type": "number" }, { "name": "categoryHeaderId", "type": "string" } ], "events": [ { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ] } }, { "name": "ngc-table-cell-checkbox", "description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n ", "doc-url": "", "attributes": [ { "name": "rowData", "value": { "type": "RowData", "default": "{}" } }, { "name": "column", "value": { "type": "TextColumnDefinition | ChipColumnDefinition | AvatarColumnDefinition | CheckboxColumnDefinition | TextLinkColumnDefinition | ButtonColumnDefinition | IconButtonColumnDefinition | InputDropdownColumnDefinition | InputTextColumnDefinition", "default": "{ field: '', name: '' }" } }, { "name": "rowIndex", "value": { "type": "number", "default": "0" } }, { "name": "categoryHeaderId", "value": { "type": "string", "default": "''" } } ], "events": [ { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "rowData", "type": "RowData" }, { "name": "column", "type": "TextColumnDefinition | ChipColumnDefinition | AvatarColumnDefinition | CheckboxColumnDefinition | TextLinkColumnDefinition | ButtonColumnDefinition | IconButtonColumnDefinition | InputDropdownColumnDefinition | InputTextColumnDefinition" }, { "name": "rowIndex", "type": "number" }, { "name": "categoryHeaderId", "type": "string" } ], "events": [ { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ] } }, { "name": "ngc-table-cell-text-link", "description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n ", "doc-url": "", "attributes": [ { "name": "rowData", "value": { "type": "RowData", "default": "{}" } }, { "name": "column", "value": { "type": "TextColumnDefinition | ChipColumnDefinition | AvatarColumnDefinition | CheckboxColumnDefinition | TextLinkColumnDefinition | ButtonColumnDefinition | IconButtonColumnDefinition | InputDropdownColumnDefinition | InputTextColumnDefinition", "default": "{ field: '', name: '' }" } }, { "name": "rowIndex", "value": { "type": "number", "default": "0" } }, { "name": "categoryHeaderId", "value": { "type": "string", "default": "''" } } ], "events": [ { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "rowData", "type": "RowData" }, { "name": "column", "type": "TextColumnDefinition | ChipColumnDefinition | AvatarColumnDefinition | CheckboxColumnDefinition | TextLinkColumnDefinition | ButtonColumnDefinition | IconButtonColumnDefinition | InputDropdownColumnDefinition | InputTextColumnDefinition" }, { "name": "rowIndex", "type": "number" }, { "name": "categoryHeaderId", "type": "string" } ], "events": [ { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ] } }, { "name": "ngc-table-cell-button", "description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n ", "doc-url": "", "attributes": [ { "name": "rowData", "value": { "type": "RowData", "default": "{}" } }, { "name": "column", "value": { "type": "TextColumnDefinition | ChipColumnDefinition | AvatarColumnDefinition | CheckboxColumnDefinition | TextLinkColumnDefinition | ButtonColumnDefinition | IconButtonColumnDefinition | InputDropdownColumnDefinition | InputTextColumnDefinition", "default": "{ field: '', name: '' }" } }, { "name": "rowIndex", "value": { "type": "number", "default": "0" } }, { "name": "categoryHeaderId", "value": { "type": "string", "default": "''" } } ], "events": [ { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "rowData", "type": "RowData" }, { "name": "column", "type": "TextColumnDefinition | ChipColumnDefinition | AvatarColumnDefinition | CheckboxColumnDefinition | TextLinkColumnDefinition | ButtonColumnDefinition | IconButtonColumnDefinition | InputDropdownColumnDefinition | InputTextColumnDefinition" }, { "name": "rowIndex", "type": "number" }, { "name": "categoryHeaderId", "type": "string" } ], "events": [ { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ] } }, { "name": "ngc-table-cell-icon-button", "description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n ", "doc-url": "", "attributes": [ { "name": "rowData", "value": { "type": "RowData", "default": "{}" } }, { "name": "column", "value": { "type": "TextColumnDefinition | ChipColumnDefinition | AvatarColumnDefinition | CheckboxColumnDefinition | TextLinkColumnDefinition | ButtonColumnDefinition | IconButtonColumnDefinition | InputDropdownColumnDefinition | InputTextColumnDefinition", "default": "{ field: '', name: '' }" } }, { "name": "rowIndex", "value": { "type": "number", "default": "0" } }, { "name": "categoryHeaderId", "value": { "type": "string", "default": "''" } } ], "events": [ { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "rowData", "type": "RowData" }, { "name": "column", "type": "TextColumnDefinition | ChipColumnDefinition | AvatarColumnDefinition | CheckboxColumnDefinition | TextLinkColumnDefinition | ButtonColumnDefinition | IconButtonColumnDefinition | InputDropdownColumnDefinition | InputTextColumnDefinition" }, { "name": "rowIndex", "type": "number" }, { "name": "categoryHeaderId", "type": "string" } ], "events": [ { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ] } }, { "name": "ngc-table-cell-input-dropdown", "description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n ", "doc-url": "", "attributes": [ { "name": "rowData", "value": { "type": "RowData", "default": "{}" } }, { "name": "column", "value": { "type": "TextColumnDefinition | ChipColumnDefinition | AvatarColumnDefinition | CheckboxColumnDefinition | TextLinkColumnDefinition | ButtonColumnDefinition | IconButtonColumnDefinition | InputDropdownColumnDefinition | InputTextColumnDefinition", "default": "{ field: '', name: '' }" } }, { "name": "rowIndex", "value": { "type": "number", "default": "0" } }, { "name": "categoryHeaderId", "value": { "type": "string", "default": "''" } } ], "events": [ { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "rowData", "type": "RowData" }, { "name": "column", "type": "TextColumnDefinition | ChipColumnDefinition | AvatarColumnDefinition | CheckboxColumnDefinition | TextLinkColumnDefinition | ButtonColumnDefinition | IconButtonColumnDefinition | InputDropdownColumnDefinition | InputTextColumnDefinition" }, { "name": "rowIndex", "type": "number" }, { "name": "categoryHeaderId", "type": "string" } ], "events": [ { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ] } }, { "name": "ngc-table-cell-input-text", "description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n ", "doc-url": "", "attributes": [ { "name": "rowData", "value": { "type": "RowData", "default": "{}" } }, { "name": "column", "value": { "type": "TextColumnDefinition | ChipColumnDefinition | AvatarColumnDefinition | CheckboxColumnDefinition | TextLinkColumnDefinition | ButtonColumnDefinition | IconButtonColumnDefinition | InputDropdownColumnDefinition | InputTextColumnDefinition", "default": "{ field: '', name: '' }" } }, { "name": "rowIndex", "value": { "type": "number", "default": "0" } }, { "name": "categoryHeaderId", "value": { "type": "string", "default": "''" } } ], "events": [ { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "rowData", "type": "RowData" }, { "name": "column", "type": "TextColumnDefinition | ChipColumnDefinition | AvatarColumnDefinition | CheckboxColumnDefinition | TextLinkColumnDefinition | ButtonColumnDefinition | IconButtonColumnDefinition | InputDropdownColumnDefinition | InputTextColumnDefinition" }, { "name": "rowIndex", "type": "number" }, { "name": "categoryHeaderId", "type": "string" } ], "events": [ { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ] } }, { "name": "ngc-table-cell-text", "description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n ", "doc-url": "", "attributes": [ { "name": "rowData", "value": { "type": "RowData", "default": "{}" } }, { "name": "column", "value": { "type": "TextColumnDefinition | ChipColumnDefinition | AvatarColumnDefinition | CheckboxColumnDefinition | TextLinkColumnDefinition | ButtonColumnDefinition | IconButtonColumnDefinition | InputDropdownColumnDefinition | InputTextColumnDefinition", "default": "{ field: '', name: '' }" } }, { "name": "rowIndex", "value": { "type": "number", "default": "0" } }, { "name": "categoryHeaderId", "value": { "type": "string", "default": "''" } } ], "events": [ { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "rowData", "type": "RowData" }, { "name": "column", "type": "TextColumnDefinition | ChipColumnDefinition | AvatarColumnDefinition | CheckboxColumnDefinition | TextLinkColumnDefinition | ButtonColumnDefinition | IconButtonColumnDefinition | InputDropdownColumnDefinition | InputTextColumnDefinition" }, { "name": "rowIndex", "type": "number" }, { "name": "categoryHeaderId", "type": "string" } ], "events": [ { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ] } }, { "name": "ngc-table", "description": "\n---\n\n\n### **Events:**\n - **selectall**\n- **sort**\n- **filter**\n- **rowselected**\n- **cellchange**\n- **cellclick**", "doc-url": "", "attributes": [ { "name": "elevated", "value": { "type": "boolean", "default": "false" } }, { "name": "include-pagination", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "sort-field", "value": { "type": "string | null", "default": "null" } }, { "name": "sort-direction", "value": { "type": "'asc' | 'desc' | null", "default": "null" } }, { "name": "columns", "value": { "type": "ColumnDefinition[]", "default": "[]" } }, { "name": "data", "value": { "type": "RowData[]", "default": "[]" } }, { "name": "table-aria-labelledby", "value": { "type": "string | null", "default": "null" } }, { "name": "selectable", "value": { "type": "boolean", "default": "false" } }, { "name": "current-page", "value": { "type": "number", "default": "1" } }, { "name": "total-items", "value": { "type": "number", "default": "0" } }, { "name": "items-per-page", "value": { "type": "number", "default": "10" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "selectall", "type": "CustomEvent" }, { "name": "sort", "type": "CustomEvent" }, { "name": "filter", "type": "CustomEvent" }, { "name": "rowselected", "type": "CustomEvent" }, { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "elevated", "type": "boolean" }, { "name": "includePagination", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "sortField", "type": "string | null" }, { "name": "sortDirection", "type": "'asc' | 'desc' | null" }, { "name": "filterValues", "type": "Record" }, { "name": "selectedRows", "type": "RowData[]" }, { "name": "_currentPage", "type": "number" }, { "name": "_sortField", "type": "string | null" }, { "name": "_sortDirection", "type": "'asc' | 'desc' | null" }, { "name": "_hoveredHeaderColumnField", "type": "string | null" }, { "name": "_pendingFilterValues", "type": "Record" }, { "name": "_filterSearchQuery", "type": "Record" }, { "name": "tableElevatedClass" }, { "name": "showBulkControls" }, { "name": "displayedRowData" }, { "name": "columns", "type": "ColumnDefinition[]" }, { "name": "data", "type": "RowData[]" }, { "name": "tableAriaLabelledBy", "type": "string | null" }, { "name": "selectable", "type": "boolean" }, { "name": "currentPage", "type": "number" }, { "name": "totalItems", "type": "number" }, { "name": "itemsPerPage", "type": "number" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "selectall", "type": "CustomEvent" }, { "name": "sort", "type": "CustomEvent" }, { "name": "filter", "type": "CustomEvent" }, { "name": "rowselected", "type": "CustomEvent" }, { "name": "cellchange", "type": "CustomEvent" }, { "name": "cellclick", "type": "CustomEvent" } ] } }, { "name": "ngc-table-pagination", "description": "\n---\n\n\n### **Events:**\n - **pagechanged**\n- **itemsperpagechanged**\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "current-page", "value": { "type": "number", "default": "1" } }, { "name": "total-items", "value": { "type": "number", "default": "0" } }, { "name": "items-per-page", "value": { "type": "number", "default": "10" } }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "value": { "type": "boolean", "default": "true" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [ { "name": "pagechanged", "type": "CustomEvent" }, { "name": "itemsperpagechanged", "type": "CustomEvent" } ], "js": { "properties": [ { "name": "currentPage", "type": "number" }, { "name": "totalItems", "type": "number" }, { "name": "itemsPerPage", "type": "number" }, { "name": "totalPages" }, { "name": "menuItemsForItemsPerPage" }, { "name": "menuItemsForPageSelection" }, { "name": "currentItemsViewedText" }, { "name": "isPreviousPageDisabled" }, { "name": "isNextPageDisabled" }, { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [ { "name": "pagechanged", "type": "CustomEvent" }, { "name": "itemsperpagechanged", "type": "CustomEvent" } ] } }, { "name": "ngc-table-controls", "description": "\n---\n\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.", "doc-url": "", "attributes": [ { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "value": { "type": "boolean", "default": "true" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "shouldApplyAttributeDeletion", "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.", "type": "boolean" }, { "name": "delegatesARIA", "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "nsc-input-label", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "for", "value": { "type": "string", "default": "''" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "label-id", "value": { "type": "string", "default": "''" } } ], "events": [], "js": { "properties": [ { "name": "required", "type": "boolean" }, { "name": "for", "type": "string" }, { "name": "label", "type": "string" }, { "name": "labelId", "type": "string" } ], "events": [] } }, { "name": "nsc-input-error", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "id", "value": { "type": "string", "default": "'error'" } } ], "events": [], "js": { "properties": [{ "name": "id", "type": "string" }], "events": [] } }, { "name": "nsc-combobox-item", "description": "\n---\n\n\n### **Events:**\n - **change**", "doc-url": "", "attributes": [ { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string | null", "default": "null" } }, { "name": "search-value", "value": { "type": "string", "default": "''" } }, { "name": "selected-value", "value": { "type": "string | null", "default": "null" } } ], "events": [{ "name": "change", "type": "CustomEvent" }], "js": { "properties": [ { "name": "_randomId" }, { "name": "boldedSearchHtml" }, { "name": "label", "type": "string" }, { "name": "value", "type": "string | null" }, { "name": "searchValue", "type": "string" }, { "name": "selectedValue", "type": "string | null" } ], "events": [{ "name": "change", "type": "CustomEvent" }] } }, { "name": "nsc-combobox", "description": "\n---\n\n\n### **Events:**\n - **change**", "doc-url": "", "attributes": [ { "name": "autocomplete", "description": "If true, the combobox will be an autocomplete input instead of a dropdown", "value": { "type": "boolean", "default": "false" } }, { "name": "clear-assistive-text", "description": "Assistive text for the clear value button", "value": { "type": "string", "default": "'Clear'" } }, { "name": "combobox-aria-label", "description": "Aria label for the combobox dropdown", "value": { "type": "string", "default": "'Dropdown Items'" } }, { "name": "dropdown-length", "description": "Determines the number of items that will be displayed in the dropdown before scrolling is introduced", "value": { "type": "'5' | '7' | '10' | ''" } }, { "name": "options", "value": { "type": "NJC_COMBOBOX_OPTION[]", "default": "[]" } }, { "name": "value", "value": { "type": "string", "default": "''" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "placeholder", "value": { "type": "string", "default": "'Search...'" } }, { "name": "open", "value": { "type": "boolean", "default": "false" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "valid", "value": { "type": "boolean", "default": "true" } }, { "name": "required-error-text", "value": { "type": "string", "default": "'Select an option from the picklist or remove the search term.'" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [{ "name": "change", "type": "CustomEvent" }], "js": { "properties": [ { "name": "autocomplete", "description": "If true, the combobox will be an autocomplete input instead of a dropdown", "type": "boolean" }, { "name": "clearAssistiveText", "description": "Assistive text for the clear value button", "type": "string" }, { "name": "comboboxAriaLabel", "description": "Aria label for the combobox dropdown", "type": "string" }, { "name": "dropdownLength", "description": "Determines the number of items that will be displayed in the dropdown before scrolling is introduced", "type": "'5' | '7' | '10' | ''" }, { "name": "_searchValue", "type": "string" }, { "name": "_generatedId" }, { "name": "dropdownLengthClass", "type": "string" }, { "name": "optionLabel" }, { "name": "dropdownTriggerMarkup" }, { "name": "autocompleteMarkup" }, { "name": "options", "type": "NJC_COMBOBOX_OPTION[]" }, { "name": "value", "type": "string" }, { "name": "label", "type": "string" }, { "name": "placeholder", "type": "string" }, { "name": "open", "type": "boolean" }, { "name": "required", "type": "boolean" }, { "name": "valid", "type": "boolean" }, { "name": "requiredErrorText", "type": "string" }, { "name": "displayedErrorText", "type": "string" }, { "name": "_comboboxRef", "type": "Ref" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [{ "name": "change", "type": "CustomEvent" }] } }, { "name": "nsc-input-rich-text", "description": "\n---\n\n\n### **Events:**\n - **change**", "doc-url": "", "attributes": [ { "name": "value", "value": { "type": "string | null", "default": "null" } }, { "name": "label", "value": { "type": "string | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string | null", "default": "null" } } ], "events": [{ "name": "change", "type": "CustomEvent" }], "js": { "properties": [ { "name": "_ckEditor", "type": "Editor | undefined" }, { "name": "_editorRef", "type": "Ref" }, { "name": "_externalDataChange", "type": "boolean" }, { "name": "value", "type": "string | null" }, { "name": "label", "type": "string | null" }, { "name": "placeholder", "type": "string | null" }, { "name": "debounce", "type": "number" } ], "events": [{ "name": "change", "type": "CustomEvent" }] } }, { "name": "nsc-scoped-notification", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "theme", "value": { "type": "'success' | 'warning' | 'error' | 'light' | 'dark' | 'info'", "default": "'light'" } }, { "name": "icon", "value": { "type": "string", "default": "''" } } ], "events": [], "js": { "properties": [ { "name": "theme", "type": "'success' | 'warning' | 'error' | 'light' | 'dark' | 'info'" }, { "name": "icon", "type": "string" }, { "name": "modeClass" }, { "name": "containerClass" }, { "name": "iconName" } ], "events": [] } }, { "name": "nsc-input-text", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "for", "value": { "type": "string", "default": "''" } }, { "name": "id", "value": { "type": "string", "default": "''" } }, { "name": "required", "value": { "type": "boolean", "default": "false" } }, { "name": "hide-required", "value": { "type": "boolean", "default": "false" } }, { "name": "optional", "value": { "type": "boolean", "default": "false" } }, { "name": "disabled", "value": { "type": "boolean", "default": "false" } }, { "name": "readonly", "value": { "type": "boolean", "default": "false" } }, { "name": "label", "value": { "type": "string", "default": "''" } }, { "name": "aria-description", "value": { "type": "string | null", "default": "null" } }, { "name": "aria-labelled-by-elements", "value": { "type": "readonly Element[] | null", "default": "null" } }, { "name": "placeholder", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string | number | undefined | null" } }, { "name": "error-text", "value": { "type": "string", "default": "''" } }, { "name": "help-text", "value": { "type": "string", "default": "''" } }, { "name": "type", "value": { "type": "string", "default": "'text'" } }, { "name": "start-icon", "value": { "type": "string", "default": "''" } }, { "name": "end-icon", "value": { "type": "string", "default": "''" } }, { "name": "min-length", "value": { "type": "string", "default": "undefined" } }, { "name": "max-length", "value": { "type": "string", "default": "undefined" } }, { "name": "icon-as-label", "value": { "type": "boolean", "default": "false" } }, { "name": "skeleton", "value": { "type": "boolean", "default": "false" } }, { "name": "data-testid", "value": { "type": "string | undefined", "default": "undefined" } } ], "events": [], "js": { "properties": [ { "name": "for", "type": "string" }, { "name": "labelMarkup" }, { "name": "hasErrorClass" }, { "name": "isAriaInvalid" }, { "name": "internals", "type": "ElementInternals" }, { "name": "form", "type": "HTMLFormElement | null" }, { "name": "id", "type": "string" }, { "name": "required", "type": "boolean" }, { "name": "hideRequired", "type": "boolean" }, { "name": "optional", "type": "boolean" }, { "name": "disabled", "type": "boolean" }, { "name": "readonly", "type": "boolean" }, { "name": "label", "type": "string" }, { "name": "ariaDescription", "type": "string | null" }, { "name": "ariaLabelledByElements", "type": "readonly Element[] | null" }, { "name": "placeholder", "type": "string" }, { "name": "value", "type": "string | number | undefined | null" }, { "name": "errorText", "type": "string" }, { "name": "helpText", "type": "string" }, { "name": "type", "type": "string" }, { "name": "startIcon", "type": "string" }, { "name": "endIcon", "type": "string" }, { "name": "minLength", "type": "string" }, { "name": "maxLength", "type": "string" }, { "name": "iconAsLabel", "type": "boolean" }, { "name": "skeleton", "type": "boolean" }, { "name": "dataTestid", "type": "string | undefined" }, { "name": "labelDataTestid" }, { "name": "helpTextDataTestid" }, { "name": "errorMessageDataTestid" } ], "events": [] } }, { "name": "nsc-pill", "description": "\n---\n\n\n### **Events:**\n - **remove**", "doc-url": "", "attributes": [ { "name": "href", "value": { "type": "string", "default": "''" } }, { "name": "value", "value": { "type": "string", "default": "''" } }, { "name": "data-testid", "value": { "type": "string", "default": "''" } } ], "events": [{ "name": "remove", "type": "CustomEvent" }], "js": { "properties": [ { "name": "href", "type": "string" }, { "name": "pillClasses" }, { "name": "linkHtml" }, { "name": "labelHtml" }, { "name": "value", "type": "string" }, { "name": "dataTestid", "type": "string" } ], "events": [{ "name": "remove", "type": "CustomEvent" }] } }, { "name": "gradient-background", "description": "\n---\n", "doc-url": "", "attributes": [], "events": [], "js": { "properties": [], "events": [] } }, { "name": "ngc-illustration-list", "description": "An element that renders all of the illustrations in the illustration registry.\nThis component is not distributed as part of the library, but is useful for\ndevelopment and testing.\n---\n", "doc-url": "", "attributes": [], "events": [], "js": { "properties": [], "events": [] } }, { "name": "slot-placeholder", "description": "\n---\n", "doc-url": "", "attributes": [ { "name": "slot-name", "value": { "type": "string", "default": "''" } }, { "name": "small", "value": { "type": "boolean", "default": "false" } } ], "events": [], "js": { "properties": [ { "name": "slotName", "type": "string" }, { "name": "small", "type": "boolean" }, { "name": "namedSlotMarkup" }, { "name": "smallSlotMarkup" } ], "events": [] } } ] }, "css": { "properties": [], "pseudo-elements": [] } } }