{ "schemaVersion": "1.0.0", "readme": "./README.md", "modules": [ { "kind": "javascript-module", "path": "./priv/static/noora-web-components.js", "declarations": [ { "kind": "class", "description": "Communicates contextual information with a semantic status.", "name": "NooraAlert", "tagName": "noora-alert", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "type", "description": "Controls the visual emphasis.", "type": { "text": "\"primary\" | \"secondary\"" }, "attribute": "type", "default": "\"primary\"" }, { "kind": "field", "name": "status", "description": "Sets the semantic status.", "type": { "text": "\"information\" | \"warning\" | \"error\" | \"success\"" }, "attribute": "status", "default": "\"information\"" }, { "kind": "field", "name": "size", "description": "Controls the alert dimensions and content layout.", "type": { "text": "\"small\" | \"medium\" | \"large\"" }, "attribute": "size", "default": "\"medium\"" }, { "kind": "field", "name": "dismissible", "description": "Shows a dismiss control.", "type": { "text": "boolean" }, "attribute": "dismissible", "default": "false" }, { "kind": "field", "name": "showIcon", "description": "Shows the semantic status icon.", "type": { "text": "boolean" }, "attribute": "show-icon", "default": "true" }, { "kind": "field", "name": "title", "description": "Sets the alert title.", "type": { "text": "string" }, "attribute": "title", "default": "\"\"" }, { "kind": "field", "name": "description", "description": "Sets the description shown by large alerts.", "type": { "text": "string | undefined" }, "attribute": "description" } ], "attributes": [ { "name": "type", "description": "Controls the visual emphasis.", "type": { "text": "\"primary\" | \"secondary\"" }, "fieldName": "type", "default": "\"primary\"" }, { "name": "status", "description": "Sets the semantic status.", "type": { "text": "\"information\" | \"warning\" | \"error\" | \"success\"" }, "fieldName": "status", "default": "\"information\"" }, { "name": "size", "description": "Controls the alert dimensions and content layout.", "type": { "text": "\"small\" | \"medium\" | \"large\"" }, "fieldName": "size", "default": "\"medium\"" }, { "name": "dismissible", "description": "Shows a dismiss control.", "type": { "text": "boolean" }, "fieldName": "dismissible", "default": "false" }, { "name": "show-icon", "description": "Shows the semantic status icon.", "type": { "text": "boolean" }, "fieldName": "showIcon", "default": "true" }, { "name": "title", "description": "Sets the alert title.", "type": { "text": "string" }, "fieldName": "title", "default": "\"\"" }, { "name": "description", "description": "Sets the description shown by large alerts.", "type": { "text": "string" }, "fieldName": "description" } ], "slots": [ { "description": "Rich description content that takes precedence over the description attribute." }, { "name": "action", "description": "Actions displayed beside or below the title." } ], "cssParts": [ { "name": "alert", "description": "The alert container." }, { "name": "title", "description": "The title." }, { "name": "description", "description": "The description." }, { "name": "actions", "description": "The action container." } ], "events": [ { "name": "noora-dismiss", "description": "Emitted after the alert is dismissed.", "type": { "text": "CustomEvent>" } } ] }, { "kind": "class", "description": "Displays an image, initials, or a placeholder for an account.", "name": "NooraAvatar", "tagName": "noora-avatar", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "name", "description": "Provides the account name and accessible label.", "type": { "text": "string" }, "attribute": "name", "default": "\"\"" }, { "kind": "field", "name": "color", "description": "Controls the fallback color.", "type": { "text": "\"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"azure\" | \"blue\" | \"purple\" | \"pink\"" }, "attribute": "color", "default": "\"pink\"" }, { "kind": "field", "name": "imageHref", "description": "Sets the image location.", "type": { "text": "string | undefined" }, "attribute": "image-href" }, { "kind": "field", "name": "imageDecoding", "description": "Controls image decoding.", "type": { "text": "\"sync\" | \"async\" | \"auto\"" }, "attribute": "image-decoding", "default": "\"async\"" }, { "kind": "field", "name": "imageLoading", "description": "Controls image loading.", "type": { "text": "\"eager\" | \"lazy\" | undefined" }, "attribute": "image-loading" }, { "kind": "field", "name": "fallback", "description": "Chooses the fallback when the image is unavailable.", "type": { "text": "\"initials\" | \"placeholder\"" }, "attribute": "fallback", "default": "\"initials\"" }, { "kind": "field", "name": "size", "description": "Controls the avatar dimensions.", "type": { "text": "\"2xsmall\" | \"small\" | \"medium\" | \"large\" | \"xlarge\" | \"2xlarge\"" }, "attribute": "size", "default": "\"medium\"" } ], "attributes": [ { "name": "name", "description": "Provides the account name and accessible label.", "type": { "text": "string" }, "fieldName": "name", "default": "\"\"" }, { "name": "color", "description": "Controls the fallback color.", "type": { "text": "\"gray\" | \"red\" | \"orange\" | \"yellow\" | \"green\" | \"azure\" | \"blue\" | \"purple\" | \"pink\"" }, "fieldName": "color", "default": "\"pink\"" }, { "name": "image-href", "description": "Sets the image location.", "type": { "text": "string" }, "fieldName": "imageHref" }, { "name": "image-decoding", "description": "Controls image decoding.", "type": { "text": "\"sync\" | \"async\" | \"auto\"" }, "fieldName": "imageDecoding", "default": "\"async\"" }, { "name": "image-loading", "description": "Controls image loading.", "type": { "text": "\"eager\" | \"lazy\"" }, "fieldName": "imageLoading" }, { "name": "fallback", "description": "Chooses the fallback when the image is unavailable.", "type": { "text": "\"initials\" | \"placeholder\"" }, "fieldName": "fallback", "default": "\"initials\"" }, { "name": "size", "description": "Controls the avatar dimensions.", "type": { "text": "\"2xsmall\" | \"small\" | \"medium\" | \"large\" | \"xlarge\" | \"2xlarge\"" }, "fieldName": "size", "default": "\"medium\"" } ], "slots": [], "cssParts": [ { "name": "avatar", "description": "The avatar container." }, { "name": "image", "description": "The image." }, { "name": "initials", "description": "The initials fallback." } ], "events": [ { "name": "noora-status-change", "description": "Emitted when the avatar image loads or fails.", "type": { "text": "CustomEvent<{ status: \"loaded\" | \"error\" }>" } } ] }, { "kind": "class", "description": "Labels an item with compact status or categorization information.", "name": "NooraBadge", "tagName": "noora-badge", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "appearance", "description": "Controls whether the badge uses a solid or light fill.", "type": { "text": "\"fill\" | \"light-fill\"" }, "attribute": "appearance", "default": "\"fill\"" }, { "kind": "field", "name": "color", "description": "Controls the semantic color. Disabled badges ignore this value.", "type": { "text": "\"neutral\" | \"destructive\" | \"warning\" | \"attention\" | \"success\" | \"information\" | \"focus\" | \"primary\" | \"secondary\"" }, "attribute": "color", "default": "\"neutral\"" }, { "kind": "field", "name": "size", "description": "Controls the badge dimensions and text size.", "type": { "text": "\"small\" | \"large\"" }, "attribute": "size", "default": "\"small\"" }, { "kind": "field", "name": "disabled", "description": "Uses the disabled presentation regardless of color.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" }, { "kind": "field", "name": "dot", "description": "Displays a dot before the label when the icon slot is empty.", "type": { "text": "boolean" }, "attribute": "dot", "default": "false" }, { "kind": "field", "name": "iconOnly", "description": "Hides the label and displays only the icon slot.", "type": { "text": "boolean" }, "attribute": "icon-only", "default": "false" }, { "kind": "field", "name": "label", "description": "Provides fallback text when the default slot is empty.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" } ], "attributes": [ { "name": "aria-label", "description": "Provides an accessible name when visible text is unavailable.", "type": { "text": "string" } }, { "name": "appearance", "description": "Controls whether the badge uses a solid or light fill.", "type": { "text": "\"fill\" | \"light-fill\"" }, "fieldName": "appearance", "default": "\"fill\"" }, { "name": "color", "description": "Controls the semantic color. Disabled badges ignore this value.", "type": { "text": "\"neutral\" | \"destructive\" | \"warning\" | \"attention\" | \"success\" | \"information\" | \"focus\" | \"primary\" | \"secondary\"" }, "fieldName": "color", "default": "\"neutral\"" }, { "name": "size", "description": "Controls the badge dimensions and text size.", "type": { "text": "\"small\" | \"large\"" }, "fieldName": "size", "default": "\"small\"" }, { "name": "disabled", "description": "Uses the disabled presentation regardless of color.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" }, { "name": "dot", "description": "Displays a dot before the label when the icon slot is empty.", "type": { "text": "boolean" }, "fieldName": "dot", "default": "false" }, { "name": "icon-only", "description": "Hides the label and displays only the icon slot.", "type": { "text": "boolean" }, "fieldName": "iconOnly", "default": "false" }, { "name": "label", "description": "Provides fallback text when the default slot is empty.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" } ], "slots": [ { "description": "The visible label." }, { "name": "icon", "description": "An icon displayed before the label. It takes precedence over dot." } ], "cssParts": [ { "name": "badge", "description": "The badge container." }, { "name": "icon", "description": "The icon or dot container." }, { "name": "label", "description": "The visible label." } ], "events": [] }, { "kind": "class", "description": "Displays a page-level message with an optional dismiss action.", "name": "NooraBanner", "tagName": "noora-banner", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "status", "description": "Sets the semantic status.", "type": { "text": "\"primary\" | \"error\" | \"success\" | \"warning\" | \"information\"" }, "attribute": "status", "default": "\"primary\"" }, { "kind": "field", "name": "title", "description": "Sets the banner title.", "type": { "text": "string" }, "attribute": "title", "default": "\"\"" }, { "kind": "field", "name": "description", "description": "Sets the optional description.", "type": { "text": "string | undefined" }, "attribute": "description" }, { "kind": "field", "name": "dismissible", "description": "Shows a dismiss control.", "type": { "text": "boolean" }, "attribute": "dismissible", "default": "false" } ], "attributes": [ { "name": "status", "description": "Sets the semantic status.", "type": { "text": "\"primary\" | \"error\" | \"success\" | \"warning\" | \"information\"" }, "fieldName": "status", "default": "\"primary\"" }, { "name": "title", "description": "Sets the banner title.", "type": { "text": "string" }, "fieldName": "title", "default": "\"\"" }, { "name": "description", "description": "Sets the optional description.", "type": { "text": "string" }, "fieldName": "description" }, { "name": "dismissible", "description": "Shows a dismiss control.", "type": { "text": "boolean" }, "fieldName": "dismissible", "default": "false" } ], "slots": [ { "name": "icon", "description": "A custom icon used by primary banners." } ], "cssParts": [ { "name": "banner", "description": "The banner container." }, { "name": "title", "description": "The title." }, { "name": "description", "description": "The description." } ], "events": [ { "name": "noora-dismiss", "description": "Emitted after the banner is dismissed.", "type": { "text": "CustomEvent>" } } ] }, { "kind": "class", "description": "Describes one declarative item inside breadcrumbs.", "name": "NooraBreadcrumbItem", "tagName": "noora-breadcrumb-item", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the label instead of using text content.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "href", "description": "Sets the navigation address.", "type": { "text": "string | undefined" }, "attribute": "href" }, { "kind": "field", "name": "icon", "description": "Shows an icon before the label.", "type": { "text": "string | undefined" }, "attribute": "icon" }, { "kind": "field", "name": "avatar", "description": "Shows an avatar before the label.", "type": { "text": "boolean" }, "attribute": "avatar", "default": "false" }, { "kind": "field", "name": "avatarName", "description": "Sets the avatar name.", "type": { "text": "string | undefined" }, "attribute": "avatar-name" }, { "kind": "field", "name": "avatarColor", "description": "Sets the avatar color.", "type": { "text": "string | undefined" }, "attribute": "avatar-color" }, { "kind": "field", "name": "avatarImageHref", "description": "Sets the avatar image address.", "type": { "text": "string | undefined" }, "attribute": "avatar-image-href" }, { "kind": "field", "name": "badgeLabel", "description": "Shows a badge with this label.", "type": { "text": "string | undefined" }, "attribute": "badge-label" }, { "kind": "field", "name": "badgeColor", "description": "Sets the badge color.", "type": { "text": "string | undefined" }, "attribute": "badge-color" } ], "attributes": [ { "name": "label", "description": "Sets the label instead of using text content.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "href", "description": "Sets the navigation address.", "type": { "text": "string" }, "fieldName": "href" }, { "name": "icon", "description": "Shows an icon before the label.", "type": { "text": "string" }, "fieldName": "icon" }, { "name": "avatar", "description": "Shows an avatar before the label.", "type": { "text": "boolean" }, "fieldName": "avatar", "default": "false" }, { "name": "avatar-name", "description": "Sets the avatar name.", "type": { "text": "string" }, "fieldName": "avatarName" }, { "name": "avatar-color", "description": "Sets the avatar color.", "type": { "text": "string" }, "fieldName": "avatarColor" }, { "name": "avatar-image-href", "description": "Sets the avatar image address.", "type": { "text": "string" }, "fieldName": "avatarImageHref" }, { "name": "badge-label", "description": "Shows a badge with this label.", "type": { "text": "string" }, "fieldName": "badgeLabel" }, { "name": "badge-color", "description": "Sets the badge color.", "type": { "text": "string" }, "fieldName": "badgeColor" } ], "slots": [ { "description": "The label followed by optional noora-dropdown-item children." } ], "cssParts": [], "events": [] }, { "kind": "class", "description": "Shows the current location in a navigational hierarchy.", "name": "NooraBreadcrumbs", "tagName": "noora-breadcrumbs", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "styleVariant", "description": "Controls the separator style.", "type": { "text": "\"slash\" | \"arrow\"" }, "attribute": "style-variant", "default": "\"slash\"" }, { "kind": "field", "name": "items", "description": "Defines breadcrumbs programmatically when declarative noora-breadcrumb-item children are not used.", "type": { "text": "Array>" }, "default": "[]" } ], "attributes": [ { "name": "style-variant", "description": "Controls the separator style.", "type": { "text": "\"slash\" | \"arrow\"" }, "fieldName": "styleVariant", "default": "\"slash\"" } ], "slots": [ { "description": "Declarative noora-breadcrumb-item children." } ], "cssParts": [ { "name": "breadcrumbs", "description": "The breadcrumb container." } ], "events": [ { "name": "noora-open-change", "description": "Emitted when a breadcrumb menu opens or closes.", "type": { "text": "CustomEvent<{ index: number; open: boolean }>" } }, { "name": "noora-select", "description": "Emitted when a breadcrumb menu item is selected.", "type": { "text": "CustomEvent<{ index: number; item: Record; value: unknown }>" } } ] }, { "kind": "class", "description": "Combines a primary button action with an attached menu.", "name": "NooraButtonDropdown", "tagName": "noora-button-dropdown", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the main action label.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "size", "description": "Controls the dimensions.", "type": { "text": "\"medium\" | \"large\"" }, "attribute": "size", "default": "\"large\"" }, { "kind": "field", "name": "disabled", "description": "Disables both controls.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" }, { "kind": "field", "name": "open", "description": "Controls whether the menu is open.", "type": { "text": "boolean" }, "attribute": "open", "default": "false" }, { "kind": "field", "name": "closeOnSelect", "description": "Closes the menu after a selection.", "type": { "text": "boolean" }, "attribute": "close-on-select", "default": "true" }, { "kind": "field", "name": "keepOpen", "description": "Keeps the menu open after selection.", "type": { "text": "boolean" }, "attribute": "keep-open", "default": "false" }, { "kind": "field", "name": "align", "description": "Aligns the menu to the button.", "type": { "text": "\"start\" | \"end\"" }, "attribute": "align", "default": "\"start\"" }, { "kind": "field", "name": "items", "description": "Defines menu items programmatically when declarative noora-dropdown-item children are not used.", "type": { "text": "Array>" }, "default": "[]" } ], "attributes": [ { "name": "label", "description": "Sets the main action label.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "size", "description": "Controls the dimensions.", "type": { "text": "\"medium\" | \"large\"" }, "fieldName": "size", "default": "\"large\"" }, { "name": "disabled", "description": "Disables both controls.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" }, { "name": "open", "description": "Controls whether the menu is open.", "type": { "text": "boolean" }, "fieldName": "open", "default": "false" }, { "name": "close-on-select", "description": "Closes the menu after a selection.", "type": { "text": "boolean" }, "fieldName": "closeOnSelect", "default": "true" }, { "name": "keep-open", "description": "Keeps the menu open after selection.", "type": { "text": "boolean" }, "fieldName": "keepOpen", "default": "false" }, { "name": "align", "description": "Aligns the menu to the button.", "type": { "text": "\"start\" | \"end\"" }, "fieldName": "align", "default": "\"start\"" } ], "slots": [ { "name": "icon-left", "description": "An icon before the main label." }, { "name": "icon-right", "description": "An icon after the main label." }, { "description": "Declarative noora-dropdown-item children." } ], "cssParts": [ { "name": "main-button", "description": "The main action." }, { "name": "trigger", "description": "The menu trigger." }, { "name": "content", "description": "The menu content." } ], "events": [ { "name": "noora-action", "description": "Emitted when the primary button is activated.", "type": { "text": "CustomEvent>" } }, { "name": "noora-open-change", "description": "Emitted when the menu opens or closes.", "type": { "text": "CustomEvent<{ open: boolean }>" } }, { "name": "noora-select", "description": "Emitted when a menu item is selected.", "type": { "text": "CustomEvent<{ item: Record; value: unknown }>" } } ] }, { "kind": "class", "description": "Describes one declarative control inside a button group.", "name": "NooraButtonGroupItem", "tagName": "noora-button-group-item", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the item label instead of using text content.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "value", "description": "Sets the value emitted when the item is selected.", "type": { "text": "string | undefined" }, "attribute": "value" }, { "kind": "field", "name": "href", "description": "Renders the item as a link.", "type": { "text": "string | undefined" }, "attribute": "href" }, { "kind": "field", "name": "icon", "description": "Sets the icon for an icon-only item.", "type": { "text": "string | undefined" }, "attribute": "icon" }, { "kind": "field", "name": "iconLeft", "description": "Shows an icon before the label.", "type": { "text": "string | undefined" }, "attribute": "icon-left" }, { "kind": "field", "name": "iconRight", "description": "Shows an icon after the label.", "type": { "text": "string | undefined" }, "attribute": "icon-right" }, { "kind": "field", "name": "iconOnly", "description": "Uses the icon as the complete item content.", "type": { "text": "boolean" }, "attribute": "icon-only", "default": "false" }, { "kind": "field", "name": "ariaLabel", "description": "Provides an accessible label for an icon-only item.", "type": { "text": "string | undefined" }, "attribute": "aria-label" }, { "kind": "field", "name": "disabled", "description": "Disables the item.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" }, { "kind": "field", "name": "selected", "description": "Shows the item in its selected state.", "type": { "text": "boolean" }, "attribute": "selected", "default": "false" } ], "attributes": [ { "name": "label", "description": "Sets the item label instead of using text content.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "value", "description": "Sets the value emitted when the item is selected.", "type": { "text": "string" }, "fieldName": "value" }, { "name": "href", "description": "Renders the item as a link.", "type": { "text": "string" }, "fieldName": "href" }, { "name": "icon", "description": "Sets the icon for an icon-only item.", "type": { "text": "string" }, "fieldName": "icon" }, { "name": "icon-left", "description": "Shows an icon before the label.", "type": { "text": "string" }, "fieldName": "iconLeft" }, { "name": "icon-right", "description": "Shows an icon after the label.", "type": { "text": "string" }, "fieldName": "iconRight" }, { "name": "icon-only", "description": "Uses the icon as the complete item content.", "type": { "text": "boolean" }, "fieldName": "iconOnly", "default": "false" }, { "name": "aria-label", "description": "Provides an accessible label for an icon-only item.", "type": { "text": "string" }, "fieldName": "ariaLabel" }, { "name": "disabled", "description": "Disables the item.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" }, { "name": "selected", "description": "Shows the item in its selected state.", "type": { "text": "boolean" }, "fieldName": "selected", "default": "false" } ], "slots": [ { "description": "The item label." } ], "cssParts": [], "events": [] }, { "kind": "class", "description": "Groups related controls into a compact segmented surface.", "name": "NooraButtonGroup", "tagName": "noora-button-group", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "size", "description": "Controls child dimensions.", "type": { "text": "\"small\" | \"medium\" | \"large\"" }, "attribute": "size", "default": "\"medium\"" }, { "kind": "field", "name": "items", "description": "Defines group items programmatically when declarative noora-button-group-item children are not used.", "type": { "text": "Array>" }, "default": "[]" } ], "attributes": [ { "name": "size", "description": "Controls child dimensions.", "type": { "text": "\"small\" | \"medium\" | \"large\"" }, "fieldName": "size", "default": "\"medium\"" } ], "slots": [ { "description": "Declarative noora-button-group-item children." } ], "cssParts": [ { "name": "group", "description": "The group container." } ], "events": [ { "name": "noora-select", "description": "Emitted when an enabled group item is selected.", "type": { "text": "CustomEvent<{ index: number; item: Record; value: unknown }>" } } ] }, { "kind": "class", "description": "Triggers an action, submits a form, or navigates to another location.", "name": "NooraButton", "tagName": "noora-button", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "autofocus", "description": "Focuses the button when the page loads.", "type": { "text": "boolean" }, "attribute": "autofocus", "default": "false" }, { "kind": "field", "name": "disabled", "description": "Prevents activation and form submission.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" }, { "kind": "field", "name": "download", "description": "Downloads the linked resource, optionally using this value as the filename.", "type": { "text": "string | undefined" }, "attribute": "download" }, { "kind": "field", "name": "formId", "description": "Associates the button with a form by element identifier.", "type": { "text": "string | undefined" }, "attribute": "form" }, { "kind": "field", "name": "formAction", "description": "Overrides the associated form action for this submit button.", "type": { "text": "string | undefined" }, "attribute": "formaction" }, { "kind": "field", "name": "formEnctype", "description": "Overrides the associated form encoding type for this submit button.", "type": { "text": "string | undefined" }, "attribute": "formenctype" }, { "kind": "field", "name": "formMethod", "description": "Overrides the associated form method for this submit button.", "type": { "text": "string | undefined" }, "attribute": "formmethod" }, { "kind": "field", "name": "formNoValidate", "description": "Skips validation when this button submits its associated form.", "type": { "text": "boolean" }, "attribute": "formnovalidate", "default": "false" }, { "kind": "field", "name": "formTarget", "description": "Overrides where the associated form response is displayed.", "type": { "text": "string | undefined" }, "attribute": "formtarget" }, { "kind": "field", "name": "href", "description": "Renders the control as a link to this location.", "type": { "text": "string" }, "attribute": "href", "default": "\"\"" }, { "kind": "field", "name": "iconOnly", "description": "Uses the default slot as the entire button content. An accessible label is required.", "type": { "text": "boolean" }, "attribute": "icon-only", "default": "false" }, { "kind": "field", "name": "label", "description": "Provides fallback text when the default slot is empty.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "name", "description": "Sets the form field name submitted with the button value.", "type": { "text": "string" }, "attribute": "name", "default": "\"\"" }, { "kind": "field", "name": "rel", "description": "Sets the relationship between the current page and a linked resource.", "type": { "text": "string | undefined" }, "attribute": "rel" }, { "kind": "field", "name": "size", "description": "Controls the button dimensions and text size.", "type": { "text": "\"small\" | \"medium\" | \"large\"" }, "attribute": "size", "default": "\"large\"" }, { "kind": "field", "name": "target", "description": "Controls where a linked resource is opened.", "type": { "text": "string | undefined" }, "attribute": "target" }, { "kind": "field", "name": "type", "description": "Controls native button behavior when href is absent.", "type": { "text": "\"button\" | \"reset\" | \"submit\"" }, "attribute": "type", "default": "\"submit\"" }, { "kind": "field", "name": "value", "description": "Sets the form value submitted with the button name.", "type": { "text": "string" }, "attribute": "value", "default": "\"\"" }, { "kind": "field", "name": "variant", "description": "Controls the visual emphasis and semantic intent.", "type": { "text": "\"primary\" | \"secondary\" | \"destructive\"" }, "attribute": "variant", "default": "\"primary\"" }, { "kind": "field", "name": "control", "description": "The native link or button rendered inside the component.", "type": { "text": "HTMLAnchorElement | HTMLButtonElement | null" }, "readonly": true }, { "kind": "field", "name": "form", "description": "The form associated with the button, if one exists.", "type": { "text": "HTMLFormElement | null" }, "readonly": true } ], "attributes": [ { "name": "aria-describedby", "description": "Identifies the element that describes the button.", "type": { "text": "string" } }, { "name": "aria-label", "description": "Provides an accessible name when visible text is unavailable.", "type": { "text": "string" } }, { "name": "aria-labelledby", "description": "Identifies the element that labels the button.", "type": { "text": "string" } }, { "name": "title", "description": "Provides advisory information for the button.", "type": { "text": "string" } }, { "name": "autofocus", "description": "Focuses the button when the page loads.", "type": { "text": "boolean" }, "fieldName": "autofocus", "default": "false" }, { "name": "disabled", "description": "Prevents activation and form submission.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" }, { "name": "download", "description": "Downloads the linked resource, optionally using this value as the filename.", "type": { "text": "string" }, "fieldName": "download" }, { "name": "form", "description": "Associates the button with a form by element identifier.", "type": { "text": "string" }, "fieldName": "formId" }, { "name": "formaction", "description": "Overrides the associated form action for this submit button.", "type": { "text": "string" }, "fieldName": "formAction" }, { "name": "formenctype", "description": "Overrides the associated form encoding type for this submit button.", "type": { "text": "string" }, "fieldName": "formEnctype" }, { "name": "formmethod", "description": "Overrides the associated form method for this submit button.", "type": { "text": "string" }, "fieldName": "formMethod" }, { "name": "formnovalidate", "description": "Skips validation when this button submits its associated form.", "type": { "text": "boolean" }, "fieldName": "formNoValidate", "default": "false" }, { "name": "formtarget", "description": "Overrides where the associated form response is displayed.", "type": { "text": "string" }, "fieldName": "formTarget" }, { "name": "href", "description": "Renders the control as a link to this location.", "type": { "text": "string" }, "fieldName": "href", "default": "\"\"" }, { "name": "icon-only", "description": "Uses the default slot as the entire button content. An accessible label is required.", "type": { "text": "boolean" }, "fieldName": "iconOnly", "default": "false" }, { "name": "label", "description": "Provides fallback text when the default slot is empty.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "name", "description": "Sets the form field name submitted with the button value.", "type": { "text": "string" }, "fieldName": "name", "default": "\"\"" }, { "name": "rel", "description": "Sets the relationship between the current page and a linked resource.", "type": { "text": "string" }, "fieldName": "rel" }, { "name": "size", "description": "Controls the button dimensions and text size.", "type": { "text": "\"small\" | \"medium\" | \"large\"" }, "fieldName": "size", "default": "\"large\"" }, { "name": "target", "description": "Controls where a linked resource is opened.", "type": { "text": "string" }, "fieldName": "target" }, { "name": "type", "description": "Controls native button behavior when href is absent.", "type": { "text": "\"button\" | \"reset\" | \"submit\"" }, "fieldName": "type", "default": "\"submit\"" }, { "name": "value", "description": "Sets the form value submitted with the button name.", "type": { "text": "string" }, "fieldName": "value", "default": "\"\"" }, { "name": "variant", "description": "Controls the visual emphasis and semantic intent.", "type": { "text": "\"primary\" | \"secondary\" | \"destructive\"" }, "fieldName": "variant", "default": "\"primary\"" } ], "slots": [ { "description": "The visible label, or the complete content when icon-only is present." }, { "name": "icon-left", "description": "An icon displayed before the label." }, { "name": "icon-right", "description": "An icon displayed after the label." } ], "cssParts": [ { "name": "control", "description": "The native link or button control." } ], "events": [] }, { "kind": "class", "description": "Groups related content into a titled surface.", "name": "NooraCard", "tagName": "noora-card", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "icon", "description": "Sets a Noora icon in the header.", "type": { "text": "string | undefined" }, "attribute": "icon" }, { "kind": "field", "name": "title", "description": "Sets the card title.", "type": { "text": "string" }, "attribute": "title", "default": "\"\"" } ], "attributes": [ { "name": "icon", "description": "Sets a Noora icon in the header.", "type": { "text": "string" }, "fieldName": "icon" }, { "name": "title", "description": "Sets the card title.", "type": { "text": "string" }, "fieldName": "title", "default": "\"\"" } ], "slots": [ { "description": "The card body." }, { "name": "icon", "description": "A custom icon that takes precedence over the icon attribute." }, { "name": "actions", "description": "Header actions." }, { "name": "section", "description": "Additional independently styled card sections." } ], "cssParts": [ { "name": "card", "description": "The card container." }, { "name": "header", "description": "The card header." }, { "name": "body", "description": "The card body section." } ], "events": [] }, { "kind": "class", "description": "Describes one declarative chart axis.", "name": "NooraChartAxis", "tagName": "noora-chart-axis", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "dimension", "description": "Chooses the horizontal or vertical axis.", "type": { "text": "\"x\" | \"y\"" }, "attribute": "dimension", "default": "\"x\"" }, { "kind": "field", "name": "type", "description": "Chooses a categorical or numeric axis.", "type": { "text": "\"category\" | \"value\"" }, "attribute": "type", "default": "\"value\"" }, { "kind": "field", "name": "min", "description": "Sets the minimum numeric value.", "type": { "text": "number | undefined" }, "attribute": "min" }, { "kind": "field", "name": "max", "description": "Sets the maximum numeric value.", "type": { "text": "number | undefined" }, "attribute": "max" }, { "kind": "field", "name": "labelFormat", "description": "Formats axis labels using an Apache ECharts value template.", "type": { "text": "string | undefined" }, "attribute": "label-format" }, { "kind": "field", "name": "labelSize", "description": "Sets the axis-label font size.", "type": { "text": "number | undefined" }, "attribute": "label-size" }, { "kind": "field", "name": "labelMargin", "description": "Sets the distance between labels and the axis.", "type": { "text": "number | undefined" }, "attribute": "label-margin" }, { "kind": "field", "name": "axisHidden", "description": "Hides the complete axis.", "type": { "text": "boolean" }, "attribute": "hidden", "default": "false" }, { "kind": "field", "name": "hideLine", "description": "Hides the axis line.", "type": { "text": "boolean" }, "attribute": "hide-line", "default": "false" }, { "kind": "field", "name": "hideTicks", "description": "Hides axis tick marks.", "type": { "text": "boolean" }, "attribute": "hide-ticks", "default": "false" }, { "kind": "field", "name": "dashedGrid", "description": "Uses dashed split lines.", "type": { "text": "boolean" }, "attribute": "dashed-grid", "default": "false" }, { "kind": "field", "name": "noBoundaryGap", "description": "Removes the category-axis boundary gap.", "type": { "text": "boolean" }, "attribute": "no-boundary-gap", "default": "false" } ], "attributes": [ { "name": "dimension", "description": "Chooses the horizontal or vertical axis.", "type": { "text": "\"x\" | \"y\"" }, "fieldName": "dimension", "default": "\"x\"" }, { "name": "type", "description": "Chooses a categorical or numeric axis.", "type": { "text": "\"category\" | \"value\"" }, "fieldName": "type", "default": "\"value\"" }, { "name": "min", "description": "Sets the minimum numeric value.", "type": { "text": "number" }, "fieldName": "min" }, { "name": "max", "description": "Sets the maximum numeric value.", "type": { "text": "number" }, "fieldName": "max" }, { "name": "label-format", "description": "Formats axis labels using an Apache ECharts value template.", "type": { "text": "string" }, "fieldName": "labelFormat" }, { "name": "label-size", "description": "Sets the axis-label font size.", "type": { "text": "number" }, "fieldName": "labelSize" }, { "name": "label-margin", "description": "Sets the distance between labels and the axis.", "type": { "text": "number" }, "fieldName": "labelMargin" }, { "name": "hidden", "description": "Hides the complete axis.", "type": { "text": "boolean" }, "fieldName": "axisHidden", "default": "false" }, { "name": "hide-line", "description": "Hides the axis line.", "type": { "text": "boolean" }, "fieldName": "hideLine", "default": "false" }, { "name": "hide-ticks", "description": "Hides axis tick marks.", "type": { "text": "boolean" }, "fieldName": "hideTicks", "default": "false" }, { "name": "dashed-grid", "description": "Uses dashed split lines.", "type": { "text": "boolean" }, "fieldName": "dashedGrid", "default": "false" }, { "name": "no-boundary-gap", "description": "Removes the category-axis boundary gap.", "type": { "text": "boolean" }, "fieldName": "noBoundaryGap", "default": "false" } ], "slots": [ { "description": "Declarative noora-chart-category children." } ], "cssParts": [], "events": [] }, { "kind": "class", "description": "Describes one declarative category on a chart axis.", "name": "NooraChartCategory", "tagName": "noora-chart-category", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "value", "description": "Sets the category value instead of using text content.", "type": { "text": "string | undefined" }, "attribute": "value" } ], "attributes": [ { "name": "value", "description": "Sets the category value instead of using text content.", "type": { "text": "string" }, "fieldName": "value" } ], "slots": [ { "description": "The category value." } ], "cssParts": [], "events": [] }, { "kind": "class", "description": "Describes declarative chart-grid dimensions.", "name": "NooraChartGrid", "tagName": "noora-chart-grid", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "containLabel", "description": "Includes axis labels within the grid dimensions.", "type": { "text": "boolean" }, "attribute": "contain-label", "default": "false" }, { "kind": "field", "name": "height", "description": "Sets the grid height.", "type": { "text": "number | undefined" }, "attribute": "height" }, { "kind": "field", "name": "width", "description": "Sets the grid width.", "type": { "text": "number | undefined" }, "attribute": "width" } ], "attributes": [ { "name": "contain-label", "description": "Includes axis labels within the grid dimensions.", "type": { "text": "boolean" }, "fieldName": "containLabel", "default": "false" }, { "name": "height", "description": "Sets the grid height.", "type": { "text": "number" }, "fieldName": "height" }, { "name": "width", "description": "Sets the grid width.", "type": { "text": "number" }, "fieldName": "width" } ], "slots": [], "cssParts": [], "events": [] }, { "kind": "class", "description": "Describes one declarative chart data point.", "name": "NooraChartPoint", "tagName": "noora-chart-point", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "value", "description": "Sets the numeric data value.", "type": { "text": "number | undefined" }, "attribute": "value" }, { "kind": "field", "name": "color", "description": "Overrides the point color, including with a Noora semantic chart color.", "type": { "text": "string | undefined" }, "attribute": "color" }, { "kind": "field", "name": "url", "description": "Navigates to this address when the point is selected.", "type": { "text": "string | undefined" }, "attribute": "url" } ], "attributes": [ { "name": "value", "description": "Sets the numeric data value.", "type": { "text": "number" }, "fieldName": "value" }, { "name": "color", "description": "Overrides the point color, including with a Noora semantic chart color.", "type": { "text": "string" }, "fieldName": "color" }, { "name": "url", "description": "Navigates to this address when the point is selected.", "type": { "text": "string" }, "fieldName": "url" } ], "slots": [], "cssParts": [], "events": [] }, { "kind": "class", "description": "Describes one declarative chart data series.", "name": "NooraChartSeries", "tagName": "noora-chart-series", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "name", "description": "Sets the series name.", "type": { "text": "string | undefined" }, "attribute": "name" }, { "kind": "field", "name": "type", "description": "Chooses the series visualization.", "type": { "text": "\"bar\" | \"line\"" }, "attribute": "type", "default": "\"line\"" }, { "kind": "field", "name": "symbol", "description": "Sets the symbol used for line-series points.", "type": { "text": "string | undefined" }, "attribute": "symbol" }, { "kind": "field", "name": "barWidth", "description": "Sets the width of bars.", "type": { "text": "number | undefined" }, "attribute": "bar-width" }, { "kind": "field", "name": "barGap", "description": "Sets the gap between bar series.", "type": { "text": "string | undefined" }, "attribute": "bar-gap" }, { "kind": "field", "name": "borderRadius", "description": "Rounds bar corners.", "type": { "text": "number | undefined" }, "attribute": "border-radius" } ], "attributes": [ { "name": "name", "description": "Sets the series name.", "type": { "text": "string" }, "fieldName": "name" }, { "name": "type", "description": "Chooses the series visualization.", "type": { "text": "\"bar\" | \"line\"" }, "fieldName": "type", "default": "\"line\"" }, { "name": "symbol", "description": "Sets the symbol used for line-series points.", "type": { "text": "string" }, "fieldName": "symbol" }, { "name": "bar-width", "description": "Sets the width of bars.", "type": { "text": "number" }, "fieldName": "barWidth" }, { "name": "bar-gap", "description": "Sets the gap between bar series.", "type": { "text": "string" }, "fieldName": "barGap" }, { "name": "border-radius", "description": "Rounds bar corners.", "type": { "text": "number" }, "fieldName": "borderRadius" } ], "slots": [ { "description": "Declarative noora-chart-point children." } ], "cssParts": [], "events": [] }, { "kind": "class", "description": "Renders an Apache ECharts visualization from declarative configuration elements.", "name": "NooraChart", "tagName": "noora-chart", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "renderer", "description": "Chooses the chart renderer.", "type": { "text": "\"canvas\" | \"svg\"" }, "attribute": "renderer", "default": "\"canvas\"" }, { "kind": "field", "name": "tooltipTrigger", "description": "Shows a tooltip for an axis or an individual item.", "type": { "text": "\"axis\" | \"item\"" }, "attribute": "tooltip-trigger", "default": "\"axis\"" }, { "kind": "field", "name": "hideTooltip", "description": "Hides the chart tooltip.", "type": { "text": "boolean" }, "attribute": "hide-tooltip", "default": "false" }, { "kind": "field", "name": "hideLegend", "description": "Hides the chart legend.", "type": { "text": "boolean" }, "attribute": "hide-legend", "default": "false" }, { "kind": "field", "name": "options", "description": "Sets an Apache ECharts configuration object when programmatic configuration is needed.", "type": { "text": "Record" }, "default": "{}" }, { "kind": "field", "name": "chart", "description": "The underlying Apache ECharts instance.", "type": { "text": "unknown | null" }, "readonly": true } ], "attributes": [ { "name": "renderer", "description": "Chooses the chart renderer.", "type": { "text": "\"canvas\" | \"svg\"" }, "fieldName": "renderer", "default": "\"canvas\"" }, { "name": "tooltip-trigger", "description": "Shows a tooltip for an axis or an individual item.", "type": { "text": "\"axis\" | \"item\"" }, "fieldName": "tooltipTrigger", "default": "\"axis\"" }, { "name": "hide-tooltip", "description": "Hides the chart tooltip.", "type": { "text": "boolean" }, "fieldName": "hideTooltip", "default": "false" }, { "name": "hide-legend", "description": "Hides the chart legend.", "type": { "text": "boolean" }, "fieldName": "hideLegend", "default": "false" }, { "name": "aria-label", "description": "Provides an accessible chart label.", "type": { "text": "string" } } ], "slots": [ { "description": "Declarative grid, axis, and series configuration elements." } ], "cssParts": [ { "name": "container", "description": "The chart wrapper." }, { "name": "chart", "description": "The chart drawing surface." } ], "events": [ { "name": "noora-chart-select", "description": "Emitted when an interactive chart item is selected. Prevent the default action to stop navigation for items with a link target.", "type": { "text": "CustomEvent<{ item: unknown; parameters: unknown }>" } } ] }, { "kind": "class", "description": "Lets a user select one or more independent options.", "name": "NooraCheckbox", "tagName": "noora-checkbox", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the visible label.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "description", "description": "Sets supporting text.", "type": { "text": "string | undefined" }, "attribute": "description" }, { "kind": "field", "name": "checked", "description": "Controls the checked state.", "type": { "text": "boolean" }, "attribute": "checked", "default": "false" }, { "kind": "field", "name": "indeterminate", "description": "Controls the mixed state.", "type": { "text": "boolean" }, "attribute": "indeterminate", "default": "false" }, { "kind": "field", "name": "disabled", "description": "Disables interaction.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" }, { "kind": "field", "name": "name", "description": "Sets the submitted field name.", "type": { "text": "string" }, "attribute": "name", "default": "\"\"" }, { "kind": "field", "name": "value", "description": "Sets the submitted field value.", "type": { "text": "string" }, "attribute": "value", "default": "\"on\"" }, { "kind": "field", "name": "required", "description": "Marks the field as required.", "type": { "text": "boolean" }, "attribute": "required", "default": "false" }, { "kind": "field", "name": "control", "description": "The native checkbox input.", "type": { "text": "HTMLInputElement | null" }, "readonly": true }, { "kind": "field", "name": "form", "description": "The associated form.", "type": { "text": "HTMLFormElement | null" }, "readonly": true } ], "attributes": [ { "name": "label", "description": "Sets the visible label.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "description", "description": "Sets supporting text.", "type": { "text": "string" }, "fieldName": "description" }, { "name": "checked", "description": "Controls the checked state.", "type": { "text": "boolean" }, "fieldName": "checked", "default": "false" }, { "name": "indeterminate", "description": "Controls the mixed state.", "type": { "text": "boolean" }, "fieldName": "indeterminate", "default": "false" }, { "name": "disabled", "description": "Disables interaction.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" }, { "name": "name", "description": "Sets the submitted field name.", "type": { "text": "string" }, "fieldName": "name", "default": "\"\"" }, { "name": "value", "description": "Sets the submitted field value.", "type": { "text": "string" }, "fieldName": "value", "default": "\"on\"" }, { "name": "required", "description": "Marks the field as required.", "type": { "text": "boolean" }, "fieldName": "required", "default": "false" } ], "slots": [], "cssParts": [ { "name": "root", "description": "The checkbox label." }, { "name": "control", "description": "The visual checkbox control." }, { "name": "label", "description": "The label text." } ], "events": [ { "name": "input", "description": "Emitted while the checked state changes.", "type": { "text": "InputEvent" } }, { "name": "change", "description": "Emitted after the checked state changes.", "type": { "text": "Event" } } ] }, { "kind": "class", "description": "Describes one declarative date-range preset.", "name": "NooraDatePickerPreset", "tagName": "noora-date-picker-preset", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "value", "description": "Sets the preset identifier.", "type": { "text": "string" }, "attribute": "value", "default": "\"\"" }, { "kind": "field", "name": "label", "description": "Sets the preset label instead of using text content.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "start", "description": "Sets the start date in year-month-day format.", "type": { "text": "string" }, "attribute": "start", "default": "\"\"" }, { "kind": "field", "name": "end", "description": "Sets the end date in year-month-day format.", "type": { "text": "string" }, "attribute": "end", "default": "\"\"" } ], "attributes": [ { "name": "value", "description": "Sets the preset identifier.", "type": { "text": "string" }, "fieldName": "value", "default": "\"\"" }, { "name": "label", "description": "Sets the preset label instead of using text content.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "start", "description": "Sets the start date in year-month-day format.", "type": { "text": "string" }, "fieldName": "start", "default": "\"\"" }, { "name": "end", "description": "Sets the end date in year-month-day format.", "type": { "text": "string" }, "fieldName": "end", "default": "\"\"" } ], "slots": [ { "description": "The preset label." } ], "cssParts": [], "events": [] }, { "kind": "class", "description": "Selects a date range with a two-month calendar, optional presets, and editable range fields.", "name": "NooraDatePicker", "tagName": "noora-date-picker", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the trigger label when no range is selected.", "type": { "text": "string" }, "attribute": "label", "default": "\"Select date range\"" }, { "kind": "field", "name": "name", "description": "Sets the submitted field-name prefix for `[start]` and `[end]` values.", "type": { "text": "string | undefined" }, "attribute": "name" }, { "kind": "field", "name": "start", "description": "Sets the start date in year-month-day format.", "type": { "text": "string | undefined" }, "attribute": "start" }, { "kind": "field", "name": "end", "description": "Sets the end date in year-month-day format.", "type": { "text": "string | undefined" }, "attribute": "end" }, { "kind": "field", "name": "min", "description": "Sets the earliest selectable date.", "type": { "text": "string | undefined" }, "attribute": "min" }, { "kind": "field", "name": "max", "description": "Sets the latest selectable date.", "type": { "text": "string | undefined" }, "attribute": "max" }, { "kind": "field", "name": "selectedPreset", "description": "Identifies the selected preset.", "type": { "text": "string | undefined" }, "attribute": "selected-preset" }, { "kind": "field", "name": "startOfWeek", "description": "Sets the first weekday, where zero is Sunday and one is Monday.", "type": { "text": "number" }, "attribute": "start-of-week", "default": "0" }, { "kind": "field", "name": "disabled", "description": "Disables interaction.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" }, { "kind": "field", "name": "open", "description": "Controls whether the picker is open.", "type": { "text": "boolean" }, "attribute": "open", "default": "false" }, { "kind": "field", "name": "presets", "description": "Defines presets programmatically when declarative noora-date-picker-preset children are not used.", "type": { "text": "Array>" }, "default": "[]" } ], "attributes": [ { "name": "label", "description": "Sets the trigger label when no range is selected.", "type": { "text": "string" }, "fieldName": "label", "default": "\"Select date range\"" }, { "name": "name", "description": "Sets the submitted field-name prefix for `[start]` and `[end]` values.", "type": { "text": "string" }, "fieldName": "name" }, { "name": "start", "description": "Sets the start date in year-month-day format.", "type": { "text": "string" }, "fieldName": "start" }, { "name": "end", "description": "Sets the end date in year-month-day format.", "type": { "text": "string" }, "fieldName": "end" }, { "name": "min", "description": "Sets the earliest selectable date.", "type": { "text": "string" }, "fieldName": "min" }, { "name": "max", "description": "Sets the latest selectable date.", "type": { "text": "string" }, "fieldName": "max" }, { "name": "selected-preset", "description": "Identifies the selected preset.", "type": { "text": "string" }, "fieldName": "selectedPreset" }, { "name": "start-of-week", "description": "Sets the first weekday, where zero is Sunday and one is Monday.", "type": { "text": "number" }, "fieldName": "startOfWeek", "default": "0" }, { "name": "disabled", "description": "Disables interaction.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" }, { "name": "open", "description": "Controls whether the picker is open.", "type": { "text": "boolean" }, "fieldName": "open", "default": "false" } ], "slots": [ { "description": "Declarative noora-date-picker-preset children." }, { "name": "actions", "description": "Additional footer actions." } ], "cssParts": [ { "name": "trigger", "description": "The range trigger." }, { "name": "content", "description": "The picker content." }, { "name": "calendar", "description": "The calendar and range controls." }, { "name": "month", "description": "One calendar month." } ], "events": [ { "name": "noora-open-change", "description": "Emitted when the date picker opens or closes.", "type": { "text": "CustomEvent<{ open: boolean }>" } }, { "name": "noora-period-change", "description": "Emitted when a date range is applied.", "type": { "text": "CustomEvent<{ start: string; end: string; preset: string | undefined }>" } }, { "name": "noora-cancel", "description": "Emitted when date selection is cancelled.", "type": { "text": "CustomEvent>" } } ] }, { "kind": "class", "description": "Collects a fixed-length verification or personal identification code.", "name": "NooraDigitInput", "tagName": "noora-digit-input", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "type", "description": "Limits accepted characters.", "type": { "text": "\"alphanumeric\" | \"numeric\" | \"alphabetic\"" }, "attribute": "type", "default": "\"numeric\"" }, { "kind": "field", "name": "characters", "description": "Sets the number of fields.", "type": { "text": "number" }, "attribute": "characters", "default": "6" }, { "kind": "field", "name": "placeholder", "description": "Sets each field placeholder.", "type": { "text": "string" }, "attribute": "placeholder", "default": "\"\"" }, { "kind": "field", "name": "oneTimeCode", "description": "Enables one-time-code autofill.", "type": { "text": "boolean" }, "attribute": "one-time-code", "default": "false" }, { "kind": "field", "name": "error", "description": "Shows the error state.", "type": { "text": "boolean" }, "attribute": "error", "default": "false" }, { "kind": "field", "name": "disabled", "description": "Disables all fields.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" }, { "kind": "field", "name": "value", "description": "Gets or sets the combined value.", "type": { "text": "string" }, "attribute": "value", "default": "\"\"" }, { "kind": "field", "name": "name", "description": "Sets the hidden submitted field name.", "type": { "text": "string" }, "attribute": "name", "default": "\"\"" } ], "attributes": [ { "name": "type", "description": "Limits accepted characters.", "type": { "text": "\"alphanumeric\" | \"numeric\" | \"alphabetic\"" }, "fieldName": "type", "default": "\"numeric\"" }, { "name": "characters", "description": "Sets the number of fields.", "type": { "text": "number" }, "fieldName": "characters", "default": "6" }, { "name": "placeholder", "description": "Sets each field placeholder.", "type": { "text": "string" }, "fieldName": "placeholder", "default": "\"\"" }, { "name": "one-time-code", "description": "Enables one-time-code autofill.", "type": { "text": "boolean" }, "fieldName": "oneTimeCode", "default": "false" }, { "name": "error", "description": "Shows the error state.", "type": { "text": "boolean" }, "fieldName": "error", "default": "false" }, { "name": "disabled", "description": "Disables all fields.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" }, { "name": "value", "description": "Gets or sets the combined value.", "type": { "text": "string" }, "fieldName": "value", "default": "\"\"" }, { "name": "name", "description": "Sets the hidden submitted field name.", "type": { "text": "string" }, "fieldName": "name", "default": "\"\"" } ], "slots": [], "cssParts": [ { "name": "root", "description": "The field group." }, { "name": "input", "description": "Each character input." } ], "events": [ { "name": "input", "description": "Emitted while the entered code changes.", "type": { "text": "InputEvent" } }, { "name": "change", "description": "Emitted when every field contains a valid character.", "type": { "text": "Event" } }, { "name": "noora-input", "description": "Emitted with the current code after a valid input.", "type": { "text": "CustomEvent<{ value: string }>" } }, { "name": "noora-complete", "description": "Emitted when every field contains a valid character.", "type": { "text": "CustomEvent<{ value: string }>" } }, { "name": "noora-invalid", "description": "Emitted when an entered or pasted value is rejected.", "type": { "text": "CustomEvent<{ value: string }>" } } ] }, { "kind": "class", "description": "Provides a compact, accessible dismiss button.", "name": "NooraDismissIcon", "tagName": "noora-dismiss-icon", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "size", "description": "Controls the icon dimensions.", "type": { "text": "\"small\" | \"large\"" }, "attribute": "size", "default": "\"large\"" }, { "kind": "field", "name": "disabled", "description": "Disables the button.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" }, { "kind": "field", "name": "label", "description": "Sets the accessible label.", "type": { "text": "string" }, "attribute": "label", "default": "\"Dismiss\"" } ], "attributes": [ { "name": "size", "description": "Controls the icon dimensions.", "type": { "text": "\"small\" | \"large\"" }, "fieldName": "size", "default": "\"large\"" }, { "name": "disabled", "description": "Disables the button.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" }, { "name": "label", "description": "Sets the accessible label.", "type": { "text": "string" }, "fieldName": "label", "default": "\"Dismiss\"" } ], "slots": [], "cssParts": [ { "name": "button", "description": "The native button." } ], "events": [ { "name": "noora-dismiss", "description": "Emitted when the dismiss control is activated.", "type": { "text": "CustomEvent>" } } ] }, { "kind": "class", "description": "Describes one declarative item inside a dropdown or breadcrumb menu.", "name": "NooraDropdownItem", "tagName": "noora-dropdown-item", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the item label instead of using its text content.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "value", "description": "Sets the value emitted when the item is selected.", "type": { "text": "string | undefined" }, "attribute": "value" }, { "kind": "field", "name": "icon", "description": "Shows an icon before the label.", "type": { "text": "string | undefined" }, "attribute": "icon" }, { "kind": "field", "name": "rightIcon", "description": "Shows an icon after the label.", "type": { "text": "string | undefined" }, "attribute": "right-icon" }, { "kind": "field", "name": "size", "description": "Controls the item dimensions.", "type": { "text": "\"small\" | \"large\"" }, "attribute": "size", "default": "\"small\"" }, { "kind": "field", "name": "href", "description": "Renders the item as a link.", "type": { "text": "string | undefined" }, "attribute": "href" }, { "kind": "field", "name": "secondaryText", "description": "Adds compact secondary text beside the label.", "type": { "text": "string | undefined" }, "attribute": "secondary-text" }, { "kind": "field", "name": "description", "description": "Adds supporting text below the label.", "type": { "text": "string | undefined" }, "attribute": "description" }, { "kind": "field", "name": "disabled", "description": "Disables selection.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" }, { "kind": "field", "name": "checkable", "description": "Shows a checkbox indicator.", "type": { "text": "boolean" }, "attribute": "checkable", "default": "false" }, { "kind": "field", "name": "checked", "description": "Marks a checkable item as selected.", "type": { "text": "boolean" }, "attribute": "checked", "default": "false" }, { "kind": "field", "name": "selected", "description": "Marks a breadcrumb menu item as selected.", "type": { "text": "boolean" }, "attribute": "selected", "default": "false" }, { "kind": "field", "name": "avatar", "description": "Shows an avatar before the label.", "type": { "text": "boolean" }, "attribute": "avatar", "default": "false" }, { "kind": "field", "name": "avatarName", "description": "Sets the avatar name.", "type": { "text": "string | undefined" }, "attribute": "avatar-name" }, { "kind": "field", "name": "avatarColor", "description": "Sets the avatar color.", "type": { "text": "string | undefined" }, "attribute": "avatar-color" }, { "kind": "field", "name": "avatarImageHref", "description": "Sets the avatar image address.", "type": { "text": "string | undefined" }, "attribute": "avatar-image-href" }, { "kind": "field", "name": "badgeLabel", "description": "Shows a badge with this label.", "type": { "text": "string | undefined" }, "attribute": "badge-label" }, { "kind": "field", "name": "badgeColor", "description": "Sets the badge color.", "type": { "text": "string | undefined" }, "attribute": "badge-color" } ], "attributes": [ { "name": "label", "description": "Sets the item label instead of using its text content.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "value", "description": "Sets the value emitted when the item is selected.", "type": { "text": "string" }, "fieldName": "value" }, { "name": "icon", "description": "Shows an icon before the label.", "type": { "text": "string" }, "fieldName": "icon" }, { "name": "right-icon", "description": "Shows an icon after the label.", "type": { "text": "string" }, "fieldName": "rightIcon" }, { "name": "size", "description": "Controls the item dimensions.", "type": { "text": "\"small\" | \"large\"" }, "fieldName": "size", "default": "\"small\"" }, { "name": "href", "description": "Renders the item as a link.", "type": { "text": "string" }, "fieldName": "href" }, { "name": "secondary-text", "description": "Adds compact secondary text beside the label.", "type": { "text": "string" }, "fieldName": "secondaryText" }, { "name": "description", "description": "Adds supporting text below the label.", "type": { "text": "string" }, "fieldName": "description" }, { "name": "disabled", "description": "Disables selection.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" }, { "name": "checkable", "description": "Shows a checkbox indicator.", "type": { "text": "boolean" }, "fieldName": "checkable", "default": "false" }, { "name": "checked", "description": "Marks a checkable item as selected.", "type": { "text": "boolean" }, "fieldName": "checked", "default": "false" }, { "name": "selected", "description": "Marks a breadcrumb menu item as selected.", "type": { "text": "boolean" }, "fieldName": "selected", "default": "false" }, { "name": "avatar", "description": "Shows an avatar before the label.", "type": { "text": "boolean" }, "fieldName": "avatar", "default": "false" }, { "name": "avatar-name", "description": "Sets the avatar name.", "type": { "text": "string" }, "fieldName": "avatarName" }, { "name": "avatar-color", "description": "Sets the avatar color.", "type": { "text": "string" }, "fieldName": "avatarColor" }, { "name": "avatar-image-href", "description": "Sets the avatar image address.", "type": { "text": "string" }, "fieldName": "avatarImageHref" }, { "name": "badge-label", "description": "Shows a badge with this label.", "type": { "text": "string" }, "fieldName": "badgeLabel" }, { "name": "badge-color", "description": "Sets the badge color.", "type": { "text": "string" }, "fieldName": "badgeColor" } ], "slots": [ { "description": "The item label." } ], "cssParts": [], "events": [] }, { "kind": "class", "description": "Opens a menu of actions or navigational items.", "name": "NooraDropdown", "tagName": "noora-dropdown", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the trigger label.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "size", "description": "Controls the trigger dimensions.", "type": { "text": "\"medium\" | \"large\"" }, "attribute": "size", "default": "\"large\"" }, { "kind": "field", "name": "secondaryText", "description": "Adds text before the main label.", "type": { "text": "string | undefined" }, "attribute": "secondary-text" }, { "kind": "field", "name": "iconOnly", "description": "Uses the icon slot as the complete trigger.", "type": { "text": "boolean" }, "attribute": "icon-only", "default": "false" }, { "kind": "field", "name": "hint", "description": "Adds supporting text.", "type": { "text": "string | undefined" }, "attribute": "hint" }, { "kind": "field", "name": "disabled", "description": "Disables the trigger.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" }, { "kind": "field", "name": "open", "description": "Controls whether the menu is open.", "type": { "text": "boolean" }, "attribute": "open", "default": "false" }, { "kind": "field", "name": "closeOnSelect", "description": "Closes the menu after selection.", "type": { "text": "boolean" }, "attribute": "close-on-select", "default": "true" }, { "kind": "field", "name": "keepOpen", "description": "Keeps the menu open after selection.", "type": { "text": "boolean" }, "attribute": "keep-open", "default": "false" }, { "kind": "field", "name": "items", "description": "Defines menu items programmatically when declarative noora-dropdown-item children are not used.", "type": { "text": "Array>" }, "default": "[]" } ], "attributes": [ { "name": "label", "description": "Sets the trigger label.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "size", "description": "Controls the trigger dimensions.", "type": { "text": "\"medium\" | \"large\"" }, "fieldName": "size", "default": "\"large\"" }, { "name": "secondary-text", "description": "Adds text before the main label.", "type": { "text": "string" }, "fieldName": "secondaryText" }, { "name": "icon-only", "description": "Uses the icon slot as the complete trigger.", "type": { "text": "boolean" }, "fieldName": "iconOnly", "default": "false" }, { "name": "hint", "description": "Adds supporting text.", "type": { "text": "string" }, "fieldName": "hint" }, { "name": "disabled", "description": "Disables the trigger.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" }, { "name": "open", "description": "Controls whether the menu is open.", "type": { "text": "boolean" }, "fieldName": "open", "default": "false" }, { "name": "close-on-select", "description": "Closes the menu after selection.", "type": { "text": "boolean" }, "fieldName": "closeOnSelect", "default": "true" }, { "name": "keep-open", "description": "Keeps the menu open after selection.", "type": { "text": "boolean" }, "fieldName": "keepOpen", "default": "false" } ], "slots": [ { "name": "icon", "description": "The trigger icon." }, { "name": "search", "description": "Search content above the item list." }, { "description": "Declarative noora-dropdown-item children." } ], "cssParts": [ { "name": "trigger", "description": "The menu trigger." }, { "name": "content", "description": "The menu content." }, { "name": "items", "description": "The item list." } ], "events": [ { "name": "noora-open-change", "description": "Emitted when the dropdown opens or closes.", "type": { "text": "CustomEvent<{ open: boolean }>" } }, { "name": "noora-select", "description": "Emitted when an enabled item is selected.", "type": { "text": "CustomEvent<{ item: Record; value: unknown }>" } } ] }, { "kind": "class", "description": "Describes one filter that a user can add.", "name": "NooraFilterDefinition", "tagName": "noora-filter-definition", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "name", "description": "Sets the filter identifier.", "type": { "text": "string" }, "attribute": "name", "default": "\"\"" }, { "kind": "field", "name": "label", "description": "Sets the filter label.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "type", "description": "Sets the filter value type and available operators.", "type": { "text": "\"option\" | \"text\" | \"number\" | \"percentage\" | \"list\"" }, "attribute": "type", "default": "\"option\"" }, { "kind": "field", "name": "operator", "description": "Sets the initial comparison operator.", "type": { "text": "\"==\" | \"!=\" | \"=~\" | \"!=~\" | \"<\" | \">\" | \"<=\" | \">=\" | undefined" }, "attribute": "operator" }, { "kind": "field", "name": "defaultValue", "description": "Sets the value used when the filter is added.", "type": { "text": "string | undefined" }, "attribute": "default-value" }, { "kind": "field", "name": "searchable", "description": "Adds search to option-value menus.", "type": { "text": "boolean" }, "attribute": "searchable", "default": "false" } ], "attributes": [ { "name": "name", "description": "Sets the filter identifier.", "type": { "text": "string" }, "fieldName": "name", "default": "\"\"" }, { "name": "label", "description": "Sets the filter label.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "type", "description": "Sets the filter value type and available operators.", "type": { "text": "\"option\" | \"text\" | \"number\" | \"percentage\" | \"list\"" }, "fieldName": "type", "default": "\"option\"" }, { "name": "operator", "description": "Sets the initial comparison operator.", "type": { "text": "\"==\" | \"!=\" | \"=~\" | \"!=~\" | \"<\" | \">\" | \"<=\" | \">=\"" }, "fieldName": "operator" }, { "name": "default-value", "description": "Sets the value used when the filter is added.", "type": { "text": "string" }, "fieldName": "defaultValue" }, { "name": "searchable", "description": "Adds search to option-value menus.", "type": { "text": "boolean" }, "fieldName": "searchable", "default": "false" } ], "slots": [ { "description": "The allowed noora-filter-option children." } ], "cssParts": [], "events": [] }, { "kind": "class", "description": "Describes one allowed value for a filter definition.", "name": "NooraFilterOption", "tagName": "noora-filter-option", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "value", "description": "Sets the option value.", "type": { "text": "string" }, "attribute": "value", "default": "\"\"" }, { "kind": "field", "name": "label", "description": "Sets the option label instead of using text content.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" } ], "attributes": [ { "name": "value", "description": "Sets the option value.", "type": { "text": "string" }, "fieldName": "value", "default": "\"\"" }, { "name": "label", "description": "Sets the option label instead of using text content.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" } ], "slots": [ { "description": "The option label." } ], "cssParts": [], "events": [] }, { "kind": "class", "description": "Describes one initially active filter.", "name": "NooraFilterValue", "tagName": "noora-filter-value", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "name", "description": "Sets the filter identifier.", "type": { "text": "string" }, "attribute": "name", "default": "\"\"" }, { "kind": "field", "name": "label", "description": "Sets the filter label.", "type": { "text": "string | undefined" }, "attribute": "label" }, { "kind": "field", "name": "type", "description": "Overrides the matching definition's value type.", "type": { "text": "\"option\" | \"text\" | \"number\" | \"percentage\" | \"list\" | undefined" }, "attribute": "type" }, { "kind": "field", "name": "operator", "description": "Sets the active comparison operator.", "type": { "text": "\"==\" | \"!=\" | \"=~\" | \"!=~\" | \"<\" | \">\" | \"<=\" | \">=\" | undefined" }, "attribute": "operator" }, { "kind": "field", "name": "value", "description": "Sets the active value.", "type": { "text": "string" }, "attribute": "value", "default": "\"\"" }, { "kind": "field", "name": "displayValue", "description": "Sets a human-readable value.", "type": { "text": "string | undefined" }, "attribute": "display-value" } ], "attributes": [ { "name": "name", "description": "Sets the filter identifier.", "type": { "text": "string" }, "fieldName": "name", "default": "\"\"" }, { "name": "label", "description": "Sets the filter label.", "type": { "text": "string" }, "fieldName": "label" }, { "name": "type", "description": "Overrides the matching definition's value type.", "type": { "text": "\"option\" | \"text\" | \"number\" | \"percentage\" | \"list\"" }, "fieldName": "type" }, { "name": "operator", "description": "Sets the active comparison operator.", "type": { "text": "\"==\" | \"!=\" | \"=~\" | \"!=~\" | \"<\" | \">\" | \"<=\" | \">=\"" }, "fieldName": "operator" }, { "name": "value", "description": "Sets the active value.", "type": { "text": "string" }, "fieldName": "value", "default": "\"\"" }, { "name": "display-value", "description": "Sets a human-readable value.", "type": { "text": "string" }, "fieldName": "displayValue" } ], "slots": [], "cssParts": [], "events": [] }, { "kind": "class", "description": "Builds and displays a set of structured filters.", "name": "NooraFilter", "tagName": "noora-filter", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the add-filter label.", "type": { "text": "string" }, "attribute": "label", "default": "\"Filter\"" }, { "kind": "field", "name": "disabled", "description": "Disables editing.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" }, { "kind": "field", "name": "availableFilters", "description": "Defines available filters programmatically when declarative definitions are not used.", "type": { "text": "Array>" }, "default": "[]" }, { "kind": "field", "name": "filters", "description": "Gets or sets active filters programmatically.", "type": { "text": "Array>" }, "default": "[]" } ], "attributes": [ { "name": "label", "description": "Sets the add-filter label.", "type": { "text": "string" }, "fieldName": "label", "default": "\"Filter\"" }, { "name": "disabled", "description": "Disables editing.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" } ], "slots": [ { "description": "Declarative noora-filter-definition and noora-filter-value children." } ], "cssParts": [ { "name": "filter", "description": "The filter container." }, { "name": "active-filters", "description": "The active-filter list." }, { "name": "add", "description": "The add-filter control." }, { "name": "active-filter", "description": "An active filter control." } ], "events": [ { "name": "noora-filter-change", "description": "Emitted when a filter is added, changed, or removed.", "type": { "text": "CustomEvent<{ filters: Array> }>" } } ] }, { "kind": "class", "description": "Provides supporting or validation text for a form field.", "name": "NooraHintText", "tagName": "noora-hint-text", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the hint text.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "variant", "description": "Controls the semantic presentation.", "type": { "text": "\"default\" | \"destructive\" | \"disabled\"" }, "attribute": "variant", "default": "\"default\"" } ], "attributes": [ { "name": "label", "description": "Sets the hint text.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "variant", "description": "Controls the semantic presentation.", "type": { "text": "\"default\" | \"destructive\" | \"disabled\"" }, "fieldName": "variant", "default": "\"default\"" } ], "slots": [], "cssParts": [ { "name": "hint", "description": "The hint container." } ], "events": [] }, { "kind": "class", "description": "Renders an icon from Noora's shared icon catalog.", "name": "NooraIcon", "tagName": "noora-icon", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "name", "description": "Selects the icon by its underscore or hyphen-separated name.", "type": { "text": "string" }, "attribute": "name", "default": "\"\"" }, { "kind": "field", "name": "label", "description": "Provides an accessible label. Omit for decorative icons.", "type": { "text": "string | undefined" }, "attribute": "label" }, { "kind": "field", "name": "size", "description": "Sets the width and height in pixels.", "type": { "text": "number" }, "attribute": "size", "default": "24" }, { "kind": "field", "name": "activeName", "description": "Selects the icon shown while the parent element has an open data state.", "type": { "text": "string | undefined" }, "attribute": "active-name" }, { "kind": "field", "name": "transition", "description": "Controls the animated transition between the default and active icons.", "type": { "text": "\"morph\" | \"crossfade_rotate\" | \"auto\"" }, "attribute": "transition", "default": "\"auto\"" } ], "attributes": [ { "name": "name", "description": "Selects the icon by its underscore or hyphen-separated name.", "type": { "text": "string" }, "fieldName": "name", "default": "\"\"" }, { "name": "label", "description": "Provides an accessible label. Omit for decorative icons.", "type": { "text": "string" }, "fieldName": "label" }, { "name": "size", "description": "Sets the width and height in pixels.", "type": { "text": "number" }, "fieldName": "size", "default": "24" }, { "name": "active-name", "description": "Selects the icon shown while the parent element has an open data state.", "type": { "text": "string" }, "fieldName": "activeName" }, { "name": "transition", "description": "Controls the animated transition between the default and active icons.", "type": { "text": "\"morph\" | \"crossfade_rotate\" | \"auto\"" }, "fieldName": "transition", "default": "\"auto\"" } ], "slots": [], "cssParts": [ { "name": "icon", "description": "The rendered scalable vector graphic." } ], "events": [] }, { "kind": "class", "description": "Opens a compact inline menu.", "name": "NooraInlineDropdown", "tagName": "noora-inline-dropdown", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the trigger label.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "size", "description": "Controls the trigger dimensions.", "type": { "text": "\"small\" | \"large\"" }, "attribute": "size", "default": "\"small\"" }, { "kind": "field", "name": "disabled", "description": "Disables the trigger.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" }, { "kind": "field", "name": "open", "description": "Controls whether the menu is open.", "type": { "text": "boolean" }, "attribute": "open", "default": "false" }, { "kind": "field", "name": "keepOpen", "description": "Keeps the menu open after selection.", "type": { "text": "boolean" }, "attribute": "keep-open", "default": "false" }, { "kind": "field", "name": "items", "description": "Defines menu items programmatically when declarative noora-dropdown-item children are not used.", "type": { "text": "Array>" }, "default": "[]" } ], "attributes": [ { "name": "label", "description": "Sets the trigger label.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "size", "description": "Controls the trigger dimensions.", "type": { "text": "\"small\" | \"large\"" }, "fieldName": "size", "default": "\"small\"" }, { "name": "disabled", "description": "Disables the trigger.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" }, { "name": "open", "description": "Controls whether the menu is open.", "type": { "text": "boolean" }, "fieldName": "open", "default": "false" }, { "name": "keep-open", "description": "Keeps the menu open after selection.", "type": { "text": "boolean" }, "fieldName": "keepOpen", "default": "false" } ], "slots": [ { "name": "icon", "description": "The trigger icon." }, { "description": "Declarative noora-dropdown-item children." } ], "cssParts": [ { "name": "trigger", "description": "The menu trigger." }, { "name": "content", "description": "The menu content." } ], "events": [ { "name": "noora-open-change", "description": "Emitted when the dropdown opens or closes.", "type": { "text": "CustomEvent<{ open: boolean }>" } }, { "name": "noora-select", "description": "Emitted when an enabled item is selected.", "type": { "text": "CustomEvent<{ item: Record; value: unknown }>" } } ] }, { "kind": "class", "description": "Labels a form control with optional supporting text.", "name": "NooraLabel", "tagName": "noora-label", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the main label.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "sublabel", "description": "Sets secondary label text.", "type": { "text": "string | undefined" }, "attribute": "sublabel" }, { "kind": "field", "name": "required", "description": "Shows the required indicator.", "type": { "text": "boolean" }, "attribute": "required", "default": "false" }, { "kind": "field", "name": "disabled", "description": "Shows the disabled state.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" }, { "kind": "field", "name": "htmlFor", "description": "Associates the label with a control identifier.", "type": { "text": "string | undefined" }, "attribute": "for" } ], "attributes": [ { "name": "label", "description": "Sets the main label.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "sublabel", "description": "Sets secondary label text.", "type": { "text": "string" }, "fieldName": "sublabel" }, { "name": "required", "description": "Shows the required indicator.", "type": { "text": "boolean" }, "fieldName": "required", "default": "false" }, { "name": "disabled", "description": "Shows the disabled state.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" }, { "name": "for", "description": "Associates the label with a control identifier.", "type": { "text": "string" }, "fieldName": "htmlFor" } ], "slots": [], "cssParts": [ { "name": "label", "description": "The native label." }, { "name": "sublabel", "description": "The secondary label." } ], "events": [] }, { "kind": "class", "description": "Separates adjacent content with an optional inline label.", "name": "NooraLineDivider", "tagName": "noora-line-divider", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "text", "description": "Sets the optional inline label.", "type": { "text": "string | undefined" }, "attribute": "text" } ], "attributes": [ { "name": "text", "description": "Sets the optional inline label.", "type": { "text": "string" }, "fieldName": "text" } ], "slots": [], "cssParts": [ { "name": "divider", "description": "The divider." }, { "name": "text", "description": "The inline label." } ], "events": [] }, { "kind": "class", "description": "Presents a text-oriented button or link.", "name": "NooraLinkButton", "tagName": "noora-link-button", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the visible label.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "variant", "description": "Controls semantic emphasis.", "type": { "text": "\"primary\" | \"secondary\" | \"destructive\"" }, "attribute": "variant", "default": "\"primary\"" }, { "kind": "field", "name": "size", "description": "Controls dimensions.", "type": { "text": "\"small\" | \"medium\" | \"large\"" }, "attribute": "size", "default": "\"large\"" }, { "kind": "field", "name": "href", "description": "Renders a native link to this location.", "type": { "text": "string | undefined" }, "attribute": "href" }, { "kind": "field", "name": "underline", "description": "Underlines the label.", "type": { "text": "boolean" }, "attribute": "underline", "default": "false" }, { "kind": "field", "name": "disabled", "description": "Disables activation.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" } ], "attributes": [ { "name": "label", "description": "Sets the visible label.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "variant", "description": "Controls semantic emphasis.", "type": { "text": "\"primary\" | \"secondary\" | \"destructive\"" }, "fieldName": "variant", "default": "\"primary\"" }, { "name": "size", "description": "Controls dimensions.", "type": { "text": "\"small\" | \"medium\" | \"large\"" }, "fieldName": "size", "default": "\"large\"" }, { "name": "href", "description": "Renders a native link to this location.", "type": { "text": "string" }, "fieldName": "href" }, { "name": "underline", "description": "Underlines the label.", "type": { "text": "boolean" }, "fieldName": "underline", "default": "false" }, { "name": "disabled", "description": "Disables activation.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" } ], "slots": [ { "name": "icon-left", "description": "An icon before the label." }, { "name": "icon-right", "description": "An icon after the label." } ], "cssParts": [ { "name": "control", "description": "The native link or button." } ], "events": [] }, { "kind": "class", "description": "Presents focused content above the current page.", "name": "NooraModal", "tagName": "noora-modal", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "title", "description": "Sets the modal title.", "type": { "text": "string | undefined" }, "attribute": "title" }, { "kind": "field", "name": "description", "description": "Sets the large-header description.", "type": { "text": "string | undefined" }, "attribute": "description" }, { "kind": "field", "name": "headerType", "description": "Controls the header icon and semantics.", "type": { "text": "\"default\" | \"icon\" | \"success\" | \"info\" | \"warning\" | \"error\"" }, "attribute": "header-type", "default": "\"default\"" }, { "kind": "field", "name": "headerSize", "description": "Controls header dimensions.", "type": { "text": "\"small\" | \"large\"" }, "attribute": "header-size", "default": "\"large\"" }, { "kind": "field", "name": "open", "description": "Controls whether the modal is open.", "type": { "text": "boolean" }, "attribute": "open", "default": "false" }, { "kind": "field", "name": "closeOnEscape", "description": "Closes the modal when Escape is pressed.", "type": { "text": "boolean" }, "attribute": "close-on-escape", "default": "true" }, { "kind": "field", "name": "closeOnInteractOutside", "description": "Closes the modal when its backdrop is activated.", "type": { "text": "boolean" }, "attribute": "close-on-interact-outside", "default": "true" } ], "attributes": [ { "name": "title", "description": "Sets the modal title.", "type": { "text": "string" }, "fieldName": "title" }, { "name": "description", "description": "Sets the large-header description.", "type": { "text": "string" }, "fieldName": "description" }, { "name": "header-type", "description": "Controls the header icon and semantics.", "type": { "text": "\"default\" | \"icon\" | \"success\" | \"info\" | \"warning\" | \"error\"" }, "fieldName": "headerType", "default": "\"default\"" }, { "name": "header-size", "description": "Controls header dimensions.", "type": { "text": "\"small\" | \"large\"" }, "fieldName": "headerSize", "default": "\"large\"" }, { "name": "open", "description": "Controls whether the modal is open.", "type": { "text": "boolean" }, "fieldName": "open", "default": "false" }, { "name": "close-on-escape", "description": "Closes the modal when Escape is pressed.", "type": { "text": "boolean" }, "fieldName": "closeOnEscape", "default": "true" }, { "name": "close-on-interact-outside", "description": "Closes the modal when its backdrop is activated.", "type": { "text": "boolean" }, "fieldName": "closeOnInteractOutside", "default": "true" } ], "slots": [ { "name": "trigger", "description": "The control that opens the modal." }, { "name": "header-icon", "description": "A custom icon for icon headers." }, { "name": "header-button", "description": "A custom header action." }, { "description": "The modal body." }, { "name": "footer", "description": "The modal footer." } ], "cssParts": [ { "name": "backdrop", "description": "The page backdrop." }, { "name": "content", "description": "The modal surface." }, { "name": "header", "description": "The modal header." }, { "name": "body", "description": "The modal body." }, { "name": "footer", "description": "The modal footer." } ], "events": [ { "name": "noora-open-change", "description": "Emitted when the modal opens or closes.", "type": { "text": "CustomEvent<{ open: boolean }>" } }, { "name": "noora-dismiss", "description": "Emitted when the modal is dismissed without a direct open-property assignment.", "type": { "text": "CustomEvent<{ reason: \"close-button\" | \"escape\" | \"outside\" | \"action\" }>" } } ] }, { "kind": "class", "description": "Provides a low-emphasis compact control.", "name": "NooraNeutralButton", "tagName": "noora-neutral-button", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "size", "description": "Controls the dimensions.", "type": { "text": "\"small\" | \"medium\" | \"large\"" }, "attribute": "size", "default": "\"large\"" }, { "kind": "field", "name": "href", "description": "Renders a native link to this location.", "type": { "text": "string | undefined" }, "attribute": "href" }, { "kind": "field", "name": "disabled", "description": "Disables activation.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" } ], "attributes": [ { "name": "size", "description": "Controls the dimensions.", "type": { "text": "\"small\" | \"medium\" | \"large\"" }, "fieldName": "size", "default": "\"large\"" }, { "name": "href", "description": "Renders a native link to this location.", "type": { "text": "string" }, "fieldName": "href" }, { "name": "disabled", "description": "Disables activation.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" }, { "name": "aria-label", "description": "Provides an accessible name.", "type": { "text": "string" } } ], "slots": [ { "description": "The complete control content." } ], "cssParts": [ { "name": "control", "description": "The native link or button." } ], "events": [] }, { "kind": "class", "description": "Navigates a finite collection of numbered pages.", "name": "NooraPaginationGroup", "tagName": "noora-pagination-group", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "currentPage", "description": "Sets the selected page.", "type": { "text": "number" }, "attribute": "current-page", "default": "1" }, { "kind": "field", "name": "numberOfPages", "description": "Sets the total page count.", "type": { "text": "number" }, "attribute": "number-of-pages", "default": "1" }, { "kind": "field", "name": "hrefTemplate", "description": "Sets link locations by replacing `{page}` with the page number.", "type": { "text": "string | undefined" }, "attribute": "href-template" } ], "attributes": [ { "name": "current-page", "description": "Sets the selected page.", "type": { "text": "number" }, "fieldName": "currentPage", "default": "1" }, { "name": "number-of-pages", "description": "Sets the total page count.", "type": { "text": "number" }, "fieldName": "numberOfPages", "default": "1" }, { "name": "href-template", "description": "Sets link locations by replacing `{page}` with the page number.", "type": { "text": "string" }, "fieldName": "hrefTemplate" } ], "slots": [], "cssParts": [ { "name": "pagination", "description": "The pagination container." }, { "name": "page", "description": "Each page control." }, { "name": "previous", "description": "The previous-page control." }, { "name": "next", "description": "The next-page control." } ], "events": [ { "name": "noora-page-change", "description": "Emitted when a page control is activated.", "type": { "text": "CustomEvent<{ page: number }>" } } ] }, { "kind": "class", "description": "Displays contextual content anchored to a trigger.", "name": "NooraPopover", "tagName": "noora-popover", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "open", "description": "Controls whether the popover is open.", "type": { "text": "boolean" }, "attribute": "open", "default": "false" }, { "kind": "field", "name": "modal", "description": "Enables modal interaction behavior.", "type": { "text": "boolean" }, "attribute": "modal", "default": "false" }, { "kind": "field", "name": "autoFocus", "description": "Focuses the first focusable element after opening.", "type": { "text": "boolean" }, "attribute": "auto-focus", "default": "true" }, { "kind": "field", "name": "closeOnInteractOutside", "description": "Closes after outside interaction.", "type": { "text": "boolean" }, "attribute": "close-on-interact-outside", "default": "true" }, { "kind": "field", "name": "closeOnEscape", "description": "Closes when Escape is pressed.", "type": { "text": "boolean" }, "attribute": "close-on-escape", "default": "true" }, { "kind": "field", "name": "placement", "description": "Controls the preferred placement.", "type": { "text": "\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\"" }, "attribute": "placement", "default": "\"bottom\"" } ], "attributes": [ { "name": "open", "description": "Controls whether the popover is open.", "type": { "text": "boolean" }, "fieldName": "open", "default": "false" }, { "name": "modal", "description": "Enables modal interaction behavior.", "type": { "text": "boolean" }, "fieldName": "modal", "default": "false" }, { "name": "auto-focus", "description": "Focuses the first focusable element after opening.", "type": { "text": "boolean" }, "fieldName": "autoFocus", "default": "true" }, { "name": "close-on-interact-outside", "description": "Closes after outside interaction.", "type": { "text": "boolean" }, "fieldName": "closeOnInteractOutside", "default": "true" }, { "name": "close-on-escape", "description": "Closes when Escape is pressed.", "type": { "text": "boolean" }, "fieldName": "closeOnEscape", "default": "true" }, { "name": "placement", "description": "Controls the preferred placement.", "type": { "text": "\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\"" }, "fieldName": "placement", "default": "\"bottom\"" } ], "slots": [ { "name": "trigger", "description": "The control that toggles the popover." }, { "description": "The popover content." } ], "cssParts": [ { "name": "trigger", "description": "The trigger wrapper." }, { "name": "content", "description": "The popover surface." } ], "events": [ { "name": "noora-open-change", "description": "Emitted when the popover opens or closes.", "type": { "text": "CustomEvent<{ open: boolean }>" } } ] }, { "kind": "class", "description": "Visualizes progress toward a maximum value.", "name": "NooraProgressBar", "tagName": "noora-progress-bar", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "value", "description": "Sets the current value.", "type": { "text": "number" }, "attribute": "value", "default": "0" }, { "kind": "field", "name": "max", "description": "Sets the maximum value.", "type": { "text": "number" }, "attribute": "max", "default": "100" }, { "kind": "field", "name": "title", "description": "Sets the optional title.", "type": { "text": "string | undefined" }, "attribute": "title" } ], "attributes": [ { "name": "value", "description": "Sets the current value.", "type": { "text": "number" }, "fieldName": "value", "default": "0" }, { "name": "max", "description": "Sets the maximum value.", "type": { "text": "number" }, "fieldName": "max", "default": "100" }, { "name": "title", "description": "Sets the optional title.", "type": { "text": "string" }, "fieldName": "title" } ], "slots": [ { "name": "description", "description": "Supporting content below the bar." } ], "cssParts": [ { "name": "progress", "description": "The progress container." }, { "name": "track", "description": "The complete track." }, { "name": "value", "description": "The filled track." } ], "events": [] }, { "kind": "class", "description": "Selects one value from a list of options.", "name": "NooraSelect", "tagName": "noora-select", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the placeholder label.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "name", "description": "Sets the submitted field name.", "type": { "text": "string" }, "attribute": "name", "default": "\"\"" }, { "kind": "field", "name": "value", "description": "Gets or sets the selected value.", "type": { "text": "string" }, "attribute": "value", "default": "\"\"" }, { "kind": "field", "name": "hint", "description": "Adds supporting text.", "type": { "text": "string | undefined" }, "attribute": "hint" }, { "kind": "field", "name": "disabled", "description": "Disables the select.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" }, { "kind": "field", "name": "required", "description": "Marks the field as required.", "type": { "text": "boolean" }, "attribute": "required", "default": "false" }, { "kind": "field", "name": "open", "description": "Controls whether the options menu is open.", "type": { "text": "boolean" }, "attribute": "open", "default": "false" }, { "kind": "field", "name": "options", "description": "Defines options programmatically when declarative option children are not used. Each option can include label, value, icon, and disabled fields.", "type": { "text": "Array>" }, "default": "[]" }, { "kind": "field", "name": "control", "description": "The native select control.", "type": { "text": "HTMLSelectElement | null" }, "readonly": true }, { "kind": "field", "name": "form", "description": "The associated form.", "type": { "text": "HTMLFormElement | null" }, "readonly": true } ], "attributes": [ { "name": "label", "description": "Sets the placeholder label.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "name", "description": "Sets the submitted field name.", "type": { "text": "string" }, "fieldName": "name", "default": "\"\"" }, { "name": "value", "description": "Gets or sets the selected value.", "type": { "text": "string" }, "fieldName": "value", "default": "\"\"" }, { "name": "hint", "description": "Adds supporting text.", "type": { "text": "string" }, "fieldName": "hint" }, { "name": "disabled", "description": "Disables the select.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" }, { "name": "required", "description": "Marks the field as required.", "type": { "text": "boolean" }, "fieldName": "required", "default": "false" }, { "name": "open", "description": "Controls whether the options menu is open.", "type": { "text": "boolean" }, "fieldName": "open", "default": "false" } ], "slots": [ { "description": "Declarative native option children." } ], "cssParts": [ { "name": "select", "description": "The visible select trigger." }, { "name": "content", "description": "The options menu." }, { "name": "items", "description": "The options list." }, { "name": "hint", "description": "The supporting text." } ], "events": [ { "name": "input", "description": "Emitted while the selected value changes.", "type": { "text": "InputEvent" } }, { "name": "change", "description": "Emitted after the selected value changes.", "type": { "text": "Event" } }, { "name": "noora-open-change", "description": "Emitted when the options menu opens or closes.", "type": { "text": "CustomEvent<{ open: boolean }>" } }, { "name": "noora-select", "description": "Emitted with the selected option and value.", "type": { "text": "CustomEvent<{ item: Record; value: string }>" } } ] }, { "kind": "class", "description": "Displays a keyboard shortcut.", "name": "NooraShortcutKey", "tagName": "noora-shortcut-key", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "size", "description": "Controls the key dimensions.", "type": { "text": "\"small\" | \"large\"" }, "attribute": "size", "default": "\"large\"" } ], "attributes": [ { "name": "size", "description": "Controls the key dimensions.", "type": { "text": "\"small\" | \"large\"" }, "fieldName": "size", "default": "\"large\"" } ], "slots": [ { "description": "The shortcut text." } ], "cssParts": [ { "name": "key", "description": "The keyboard key." } ], "events": [] }, { "kind": "class", "description": "Groups declarative sidebar destinations.", "name": "NooraSidebarGroup", "tagName": "noora-sidebar-group", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the group label.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "defaultOpen", "description": "Expands the group initially.", "type": { "text": "boolean" }, "attribute": "default-open", "default": "false" }, { "kind": "field", "name": "fixed", "description": "Keeps the group expanded and removes its collapse interaction.", "type": { "text": "boolean" }, "attribute": "fixed", "default": "false" } ], "attributes": [ { "name": "label", "description": "Sets the group label.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "default-open", "description": "Expands the group initially.", "type": { "text": "boolean" }, "fieldName": "defaultOpen", "default": "false" }, { "name": "fixed", "description": "Keeps the group expanded and removes its collapse interaction.", "type": { "text": "boolean" }, "fieldName": "fixed", "default": "false" } ], "slots": [ { "description": "The noora-sidebar-item children." } ], "cssParts": [], "events": [] }, { "kind": "class", "description": "Describes one declarative sidebar destination.", "name": "NooraSidebarItem", "tagName": "noora-sidebar-item", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the label instead of using text content.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "href", "description": "Sets the navigation address.", "type": { "text": "string" }, "attribute": "href", "default": "\"#\"" }, { "kind": "field", "name": "icon", "description": "Shows an icon before the label.", "type": { "text": "string | undefined" }, "attribute": "icon" }, { "kind": "field", "name": "selected", "description": "Marks the destination as the current page.", "type": { "text": "boolean" }, "attribute": "selected", "default": "false" } ], "attributes": [ { "name": "label", "description": "Sets the label instead of using text content.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "href", "description": "Sets the navigation address.", "type": { "text": "string" }, "fieldName": "href", "default": "\"#\"" }, { "name": "icon", "description": "Shows an icon before the label.", "type": { "text": "string" }, "fieldName": "icon" }, { "name": "selected", "description": "Marks the destination as the current page.", "type": { "text": "boolean" }, "fieldName": "selected", "default": "false" } ], "slots": [ { "description": "The destination label." } ], "cssParts": [], "events": [] }, { "kind": "class", "description": "Provides responsive side navigation.", "name": "NooraSidebar", "tagName": "noora-sidebar", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the accessible navigation label.", "type": { "text": "string" }, "attribute": "label", "default": "\"Primary navigation\"" }, { "kind": "field", "name": "items", "description": "Defines navigation programmatically when declarative sidebar children are not used.", "type": { "text": "Array>" }, "default": "[]" } ], "attributes": [ { "name": "label", "description": "Sets the accessible navigation label.", "type": { "text": "string" }, "fieldName": "label", "default": "\"Primary navigation\"" } ], "slots": [ { "description": "Declarative noora-sidebar-item and noora-sidebar-group children." } ], "cssParts": [ { "name": "sidebar", "description": "The sidebar container." }, { "name": "viewport", "description": "The scrollable navigation viewport." } ], "events": [] }, { "kind": "class", "description": "Displays a compact workflow status with a semantic icon or dot.", "name": "NooraStatusBadge", "tagName": "noora-status-badge", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "type", "description": "Chooses a semantic icon or a dot indicator.", "type": { "text": "\"icon\" | \"dot\"" }, "attribute": "type", "default": "\"icon\"" }, { "kind": "field", "name": "status", "description": "Sets the semantic status.", "type": { "text": "\"success\" | \"error\" | \"warning\" | \"attention\" | \"disabled\" | \"in_progress\"" }, "attribute": "status", "default": "\"success\"" }, { "kind": "field", "name": "label", "description": "Sets the visible label.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" } ], "attributes": [ { "name": "type", "description": "Chooses a semantic icon or a dot indicator.", "type": { "text": "\"icon\" | \"dot\"" }, "fieldName": "type", "default": "\"icon\"" }, { "name": "status", "description": "Sets the semantic status.", "type": { "text": "\"success\" | \"error\" | \"warning\" | \"attention\" | \"disabled\" | \"in_progress\"" }, "fieldName": "status", "default": "\"success\"" }, { "name": "label", "description": "Sets the visible label.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" } ], "slots": [ { "description": "Custom label content that takes precedence over the label attribute." } ], "cssParts": [ { "name": "badge", "description": "The status badge container." }, { "name": "icon", "description": "The semantic icon or dot." }, { "name": "label", "description": "The visible label." } ], "events": [] }, { "kind": "class", "description": "Describes one declarative tab item.", "name": "NooraTabItem", "tagName": "noora-tab-item", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the label instead of using text content.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "value", "description": "Sets the selected value.", "type": { "text": "string | undefined" }, "attribute": "value" }, { "kind": "field", "name": "icon", "description": "Shows an icon before the label.", "type": { "text": "string | undefined" }, "attribute": "icon" }, { "kind": "field", "name": "rightIcon", "description": "Shows an icon after the label.", "type": { "text": "string | undefined" }, "attribute": "right-icon" }, { "kind": "field", "name": "href", "description": "Renders the tab as a navigation link.", "type": { "text": "string | undefined" }, "attribute": "href" }, { "kind": "field", "name": "disabled", "description": "Disables selection.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" } ], "attributes": [ { "name": "label", "description": "Sets the label instead of using text content.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "value", "description": "Sets the selected value.", "type": { "text": "string" }, "fieldName": "value" }, { "name": "icon", "description": "Shows an icon before the label.", "type": { "text": "string" }, "fieldName": "icon" }, { "name": "right-icon", "description": "Shows an icon after the label.", "type": { "text": "string" }, "fieldName": "rightIcon" }, { "name": "href", "description": "Renders the tab as a navigation link.", "type": { "text": "string" }, "fieldName": "href" }, { "name": "disabled", "description": "Disables selection.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" } ], "slots": [ { "description": "The tab label." } ], "cssParts": [], "events": [] }, { "kind": "class", "description": "Switches between related views or navigation destinations.", "name": "NooraTabMenu", "tagName": "noora-tab-menu", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "orientation", "description": "Controls the menu layout.", "type": { "text": "\"horizontal\" | \"vertical\"" }, "attribute": "orientation", "default": "\"horizontal\"" }, { "kind": "field", "name": "value", "description": "Gets or sets the selected item value.", "type": { "text": "string | undefined" }, "attribute": "value" }, { "kind": "field", "name": "items", "description": "Defines tabs programmatically when declarative noora-tab-item children are not used.", "type": { "text": "Array>" }, "default": "[]" } ], "attributes": [ { "name": "orientation", "description": "Controls the menu layout.", "type": { "text": "\"horizontal\" | \"vertical\"" }, "fieldName": "orientation", "default": "\"horizontal\"" }, { "name": "value", "description": "Gets or sets the selected item value.", "type": { "text": "string" }, "fieldName": "value" } ], "slots": [ { "description": "Declarative noora-tab-item children." } ], "cssParts": [ { "name": "menu", "description": "The menu container." }, { "name": "item", "description": "Each tab item." } ], "events": [ { "name": "noora-tab-change", "description": "Emitted when an enabled tab is selected.", "type": { "text": "CustomEvent<{ item: Record; value: unknown }>" } } ] }, { "kind": "class", "description": "Describes one declarative table cell.", "name": "NooraTableCell", "tagName": "noora-table-cell", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "column", "description": "Associates the cell with a table column.", "type": { "text": "string" }, "attribute": "column", "default": "\"\"" }, { "kind": "field", "name": "value", "description": "Sets the cell value instead of using text content.", "type": { "text": "string | undefined" }, "attribute": "value" } ], "attributes": [ { "name": "column", "description": "Associates the cell with a table column.", "type": { "text": "string" }, "fieldName": "column", "default": "\"\"" }, { "name": "value", "description": "Sets the cell value instead of using text content.", "type": { "text": "string" }, "fieldName": "value" } ], "slots": [ { "description": "The cell value." } ], "cssParts": [], "events": [] }, { "kind": "class", "description": "Describes one declarative table column.", "name": "NooraTableColumn", "tagName": "noora-table-column", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "name", "description": "Sets the column key.", "type": { "text": "string" }, "attribute": "name", "default": "\"\"" }, { "kind": "field", "name": "label", "description": "Sets the heading instead of using text content.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "icon", "description": "Shows an icon in the heading.", "type": { "text": "string | undefined" }, "attribute": "icon" }, { "kind": "field", "name": "sortOrder", "description": "Shows the current sort direction.", "type": { "text": "\"asc\" | \"desc\" | undefined" }, "attribute": "sort-order" }, { "kind": "field", "name": "format", "description": "Formats property-driven cell values.", "type": { "text": "\"date\" | \"number\" | undefined" }, "attribute": "format" } ], "attributes": [ { "name": "name", "description": "Sets the column key.", "type": { "text": "string" }, "fieldName": "name", "default": "\"\"" }, { "name": "label", "description": "Sets the heading instead of using text content.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "icon", "description": "Shows an icon in the heading.", "type": { "text": "string" }, "fieldName": "icon" }, { "name": "sort-order", "description": "Shows the current sort direction.", "type": { "text": "\"asc\" | \"desc\"" }, "fieldName": "sortOrder" }, { "name": "format", "description": "Formats property-driven cell values.", "type": { "text": "\"date\" | \"number\"" }, "fieldName": "format" } ], "slots": [ { "description": "The column heading." } ], "cssParts": [], "events": [] }, { "kind": "class", "description": "Describes one declarative table row.", "name": "NooraTableRow", "tagName": "noora-table-row", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "rowKey", "description": "Sets the row identifier.", "type": { "text": "string | undefined" }, "attribute": "row-key" } ], "attributes": [ { "name": "row-key", "description": "Sets the row identifier.", "type": { "text": "string" }, "fieldName": "rowKey" } ], "slots": [ { "description": "The noora-table-cell children." } ], "cssParts": [], "events": [] }, { "kind": "class", "description": "Displays structured rows and columns with optional sorting and expansion.", "name": "NooraTable", "tagName": "noora-table", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "rowKey", "description": "Selects the property used as each row key.", "type": { "text": "string" }, "attribute": "row-key", "default": "\"id\"" }, { "kind": "field", "name": "emptyTitle", "description": "Sets the empty-state title.", "type": { "text": "string" }, "attribute": "empty-title", "default": "\"No results\"" }, { "kind": "field", "name": "selectable", "description": "Makes rows selectable.", "type": { "text": "boolean" }, "attribute": "selectable", "default": "false" }, { "kind": "field", "name": "columns", "description": "Defines columns programmatically when declarative noora-table-column children are not used.", "type": { "text": "Array>" }, "default": "[]" }, { "kind": "field", "name": "rows", "description": "Defines rows programmatically when declarative noora-table-row children are not used.", "type": { "text": "Record[]" }, "default": "[]" } ], "attributes": [ { "name": "row-key", "description": "Selects the property used as each row key.", "type": { "text": "string" }, "fieldName": "rowKey", "default": "\"id\"" }, { "name": "empty-title", "description": "Sets the empty-state title.", "type": { "text": "string" }, "fieldName": "emptyTitle", "default": "\"No results\"" }, { "name": "selectable", "description": "Makes rows selectable.", "type": { "text": "boolean" }, "fieldName": "selectable", "default": "false" } ], "slots": [ { "description": "Declarative noora-table-column and noora-table-row children." }, { "name": "empty", "description": "A custom empty state." } ], "cssParts": [ { "name": "table", "description": "The native table." }, { "name": "row", "description": "Each body row." }, { "name": "cell", "description": "Each body cell." } ], "events": [ { "name": "noora-row-select", "description": "Emitted when a selectable row is activated.", "type": { "text": "CustomEvent<{ index: number; row: Record }>" } } ] }, { "kind": "class", "description": "Displays a compact label with optional icon and dismissal.", "name": "NooraTag", "tagName": "noora-tag", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the visible label.", "type": { "text": "string" }, "attribute": "label", "default": "\"\"" }, { "kind": "field", "name": "dismissible", "description": "Shows a dismiss control.", "type": { "text": "boolean" }, "attribute": "dismissible", "default": "false" }, { "kind": "field", "name": "dismissValue", "description": "Adds a value to the dismiss event.", "type": { "text": "string | undefined" }, "attribute": "dismiss-value" }, { "kind": "field", "name": "icon", "description": "Sets a Noora icon before the label.", "type": { "text": "string | undefined" }, "attribute": "icon" }, { "kind": "field", "name": "disabled", "description": "Disables dismissal.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" } ], "attributes": [ { "name": "label", "description": "Sets the visible label.", "type": { "text": "string" }, "fieldName": "label", "default": "\"\"" }, { "name": "dismissible", "description": "Shows a dismiss control.", "type": { "text": "boolean" }, "fieldName": "dismissible", "default": "false" }, { "name": "dismiss-value", "description": "Adds a value to the dismiss event.", "type": { "text": "string" }, "fieldName": "dismissValue" }, { "name": "icon", "description": "Sets a Noora icon before the label.", "type": { "text": "string" }, "fieldName": "icon" }, { "name": "disabled", "description": "Disables dismissal.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" } ], "slots": [ { "name": "icon", "description": "A custom icon that takes precedence over the icon attribute." } ], "cssParts": [ { "name": "tag", "description": "The tag container." }, { "name": "label", "description": "The label." }, { "name": "dismiss", "description": "The dismiss control." } ], "events": [ { "name": "noora-dismiss", "description": "Emitted when the tag dismiss control is activated.", "type": { "text": "CustomEvent<{ value: string | undefined }>" } } ] }, { "kind": "class", "description": "Collects multi-line text with labels, hints, errors, and character counting.", "name": "NooraTextArea", "tagName": "noora-text-area", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the field label.", "type": { "text": "string | undefined" }, "attribute": "label" }, { "kind": "field", "name": "sublabel", "description": "Sets secondary label text.", "type": { "text": "string | undefined" }, "attribute": "sublabel" }, { "kind": "field", "name": "hint", "description": "Sets supporting text.", "type": { "text": "string | undefined" }, "attribute": "hint" }, { "kind": "field", "name": "hintVariant", "description": "Controls hint semantics.", "type": { "text": "\"default\" | \"destructive\" | \"disabled\"" }, "attribute": "hint-variant", "default": "\"default\"" }, { "kind": "field", "name": "error", "description": "Sets the validation error.", "type": { "text": "string | undefined" }, "attribute": "error" }, { "kind": "field", "name": "name", "description": "Sets the submitted field name.", "type": { "text": "string" }, "attribute": "name", "default": "\"\"" }, { "kind": "field", "name": "value", "description": "Gets or sets the field value.", "type": { "text": "string" }, "attribute": "value", "default": "\"\"" }, { "kind": "field", "name": "placeholder", "description": "Sets placeholder text.", "type": { "text": "string | undefined" }, "attribute": "placeholder" }, { "kind": "field", "name": "required", "description": "Marks the field as required.", "type": { "text": "boolean" }, "attribute": "required", "default": "false" }, { "kind": "field", "name": "showRequired", "description": "Shows the required indicator.", "type": { "text": "boolean" }, "attribute": "show-required", "default": "false" }, { "kind": "field", "name": "rows", "description": "Sets the visible row count.", "type": { "text": "number" }, "attribute": "rows", "default": "4" }, { "kind": "field", "name": "maxLength", "description": "Sets the maximum character count.", "type": { "text": "number" }, "attribute": "max-length", "default": "200" }, { "kind": "field", "name": "showCharacterCount", "description": "Shows the current character count.", "type": { "text": "boolean" }, "attribute": "show-character-count", "default": "true" }, { "kind": "field", "name": "resize", "description": "Controls native resizing.", "type": { "text": "\"none\" | \"both\" | \"horizontal\" | \"vertical\"" }, "attribute": "resize", "default": "\"vertical\"" }, { "kind": "field", "name": "disabled", "description": "Disables the field.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" }, { "kind": "field", "name": "control", "description": "The native text area.", "type": { "text": "HTMLTextAreaElement | null" }, "readonly": true }, { "kind": "field", "name": "form", "description": "The associated form.", "type": { "text": "HTMLFormElement | null" }, "readonly": true } ], "attributes": [ { "name": "label", "description": "Sets the field label.", "type": { "text": "string" }, "fieldName": "label" }, { "name": "sublabel", "description": "Sets secondary label text.", "type": { "text": "string" }, "fieldName": "sublabel" }, { "name": "hint", "description": "Sets supporting text.", "type": { "text": "string" }, "fieldName": "hint" }, { "name": "hint-variant", "description": "Controls hint semantics.", "type": { "text": "\"default\" | \"destructive\" | \"disabled\"" }, "fieldName": "hintVariant", "default": "\"default\"" }, { "name": "error", "description": "Sets the validation error.", "type": { "text": "string" }, "fieldName": "error" }, { "name": "name", "description": "Sets the submitted field name.", "type": { "text": "string" }, "fieldName": "name", "default": "\"\"" }, { "name": "value", "description": "Gets or sets the field value.", "type": { "text": "string" }, "fieldName": "value", "default": "\"\"" }, { "name": "placeholder", "description": "Sets placeholder text.", "type": { "text": "string" }, "fieldName": "placeholder" }, { "name": "required", "description": "Marks the field as required.", "type": { "text": "boolean" }, "fieldName": "required", "default": "false" }, { "name": "show-required", "description": "Shows the required indicator.", "type": { "text": "boolean" }, "fieldName": "showRequired", "default": "false" }, { "name": "rows", "description": "Sets the visible row count.", "type": { "text": "number" }, "fieldName": "rows", "default": "4" }, { "name": "max-length", "description": "Sets the maximum character count.", "type": { "text": "number" }, "fieldName": "maxLength", "default": "200" }, { "name": "show-character-count", "description": "Shows the current character count.", "type": { "text": "boolean" }, "fieldName": "showCharacterCount", "default": "true" }, { "name": "resize", "description": "Controls native resizing.", "type": { "text": "\"none\" | \"both\" | \"horizontal\" | \"vertical\"" }, "fieldName": "resize", "default": "\"vertical\"" }, { "name": "disabled", "description": "Disables the field.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" } ], "slots": [], "cssParts": [ { "name": "textarea", "description": "The native text area." }, { "name": "character-count", "description": "The character counter." } ], "events": [ { "name": "input", "description": "Emitted while the text value changes.", "type": { "text": "InputEvent" } }, { "name": "change", "description": "Emitted after the text value is committed.", "type": { "text": "Event" } } ] }, { "kind": "class", "description": "Renders a compact textual section divider.", "name": "NooraTextDivider", "tagName": "noora-text-divider", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "text", "description": "Sets the divider text.", "type": { "text": "string" }, "attribute": "text", "default": "\"\"" } ], "attributes": [ { "name": "text", "description": "Sets the divider text.", "type": { "text": "string" }, "fieldName": "text", "default": "\"\"" } ], "slots": [], "cssParts": [ { "name": "divider", "description": "The text divider." } ], "events": [] }, { "kind": "class", "description": "Collects single-line text with Noora labels, hints, prefixes, and suffixes.", "name": "NooraTextInput", "tagName": "noora-text-input", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "type", "description": "Controls the semantic field presentation.", "type": { "text": "\"basic\" | \"email\" | \"card_number\" | \"search\" | \"password\"" }, "attribute": "type", "default": "\"basic\"" }, { "kind": "field", "name": "inputType", "description": "Sets the native input type for basic fields.", "type": { "text": "string" }, "attribute": "input-type", "default": "\"text\"" }, { "kind": "field", "name": "label", "description": "Sets the field label.", "type": { "text": "string | undefined" }, "attribute": "label" }, { "kind": "field", "name": "sublabel", "description": "Sets secondary label text.", "type": { "text": "string | undefined" }, "attribute": "sublabel" }, { "kind": "field", "name": "hint", "description": "Sets supporting text.", "type": { "text": "string | undefined" }, "attribute": "hint" }, { "kind": "field", "name": "hintVariant", "description": "Controls hint semantics.", "type": { "text": "\"default\" | \"destructive\" | \"disabled\"" }, "attribute": "hint-variant", "default": "\"default\"" }, { "kind": "field", "name": "error", "description": "Sets the validation error.", "type": { "text": "string | undefined" }, "attribute": "error" }, { "kind": "field", "name": "name", "description": "Sets the submitted field name.", "type": { "text": "string" }, "attribute": "name", "default": "\"\"" }, { "kind": "field", "name": "value", "description": "Gets or sets the field value.", "type": { "text": "string" }, "attribute": "value", "default": "\"\"" }, { "kind": "field", "name": "placeholder", "description": "Sets placeholder text.", "type": { "text": "string | undefined" }, "attribute": "placeholder" }, { "kind": "field", "name": "required", "description": "Marks the field as required.", "type": { "text": "boolean" }, "attribute": "required", "default": "false" }, { "kind": "field", "name": "showRequired", "description": "Shows the required indicator.", "type": { "text": "boolean" }, "attribute": "show-required", "default": "false" }, { "kind": "field", "name": "min", "description": "Sets the native minimum value.", "type": { "text": "string | undefined" }, "attribute": "min" }, { "kind": "field", "name": "max", "description": "Sets the native maximum value.", "type": { "text": "string | undefined" }, "attribute": "max" }, { "kind": "field", "name": "step", "description": "Sets the native step value.", "type": { "text": "string | undefined" }, "attribute": "step" }, { "kind": "field", "name": "disabled", "description": "Disables the field.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" }, { "kind": "field", "name": "control", "description": "The native input.", "type": { "text": "HTMLInputElement | null" }, "readonly": true }, { "kind": "field", "name": "form", "description": "The associated form.", "type": { "text": "HTMLFormElement | null" }, "readonly": true } ], "attributes": [ { "name": "type", "description": "Controls the semantic field presentation.", "type": { "text": "\"basic\" | \"email\" | \"card_number\" | \"search\" | \"password\"" }, "fieldName": "type", "default": "\"basic\"" }, { "name": "input-type", "description": "Sets the native input type for basic fields.", "type": { "text": "string" }, "fieldName": "inputType", "default": "\"text\"" }, { "name": "label", "description": "Sets the field label.", "type": { "text": "string" }, "fieldName": "label" }, { "name": "sublabel", "description": "Sets secondary label text.", "type": { "text": "string" }, "fieldName": "sublabel" }, { "name": "hint", "description": "Sets supporting text.", "type": { "text": "string" }, "fieldName": "hint" }, { "name": "hint-variant", "description": "Controls hint semantics.", "type": { "text": "\"default\" | \"destructive\" | \"disabled\"" }, "fieldName": "hintVariant", "default": "\"default\"" }, { "name": "error", "description": "Sets the validation error.", "type": { "text": "string" }, "fieldName": "error" }, { "name": "name", "description": "Sets the submitted field name.", "type": { "text": "string" }, "fieldName": "name", "default": "\"\"" }, { "name": "value", "description": "Gets or sets the field value.", "type": { "text": "string" }, "fieldName": "value", "default": "\"\"" }, { "name": "placeholder", "description": "Sets placeholder text.", "type": { "text": "string" }, "fieldName": "placeholder" }, { "name": "required", "description": "Marks the field as required.", "type": { "text": "boolean" }, "fieldName": "required", "default": "false" }, { "name": "show-required", "description": "Shows the required indicator.", "type": { "text": "boolean" }, "fieldName": "showRequired", "default": "false" }, { "name": "min", "description": "Sets the native minimum value.", "type": { "text": "string" }, "fieldName": "min" }, { "name": "max", "description": "Sets the native maximum value.", "type": { "text": "string" }, "fieldName": "max" }, { "name": "step", "description": "Sets the native step value.", "type": { "text": "string" }, "fieldName": "step" }, { "name": "disabled", "description": "Disables the field.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" } ], "slots": [ { "name": "prefix", "description": "A custom prefix for basic fields." }, { "name": "suffix", "description": "A custom suffix." } ], "cssParts": [ { "name": "input", "description": "The native input." }, { "name": "wrapper", "description": "The input wrapper." } ], "events": [ { "name": "input", "description": "Emitted while the input value changes.", "type": { "text": "InputEvent" } }, { "name": "change", "description": "Emitted after the input value is committed.", "type": { "text": "Event" } } ] }, { "kind": "class", "description": "Formats an absolute or relative date and time.", "name": "NooraTime", "tagName": "noora-time", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "datetime", "description": "Sets an international date and time string.", "type": { "text": "string | undefined" }, "attribute": "datetime" }, { "kind": "field", "name": "showTime", "description": "Includes the localized time.", "type": { "text": "boolean" }, "attribute": "show-time", "default": "false" }, { "kind": "field", "name": "relative", "description": "Shows a relative time label.", "type": { "text": "boolean" }, "attribute": "relative", "default": "false" } ], "attributes": [ { "name": "datetime", "description": "Sets an international date and time string.", "type": { "text": "string" }, "fieldName": "datetime" }, { "name": "show-time", "description": "Includes the localized time.", "type": { "text": "boolean" }, "fieldName": "showTime", "default": "false" }, { "name": "relative", "description": "Shows a relative time label.", "type": { "text": "boolean" }, "fieldName": "relative", "default": "false" } ], "slots": [], "cssParts": [ { "name": "time", "description": "The native time element." } ], "events": [] }, { "kind": "class", "description": "Turns a setting on or off.", "name": "NooraToggle", "tagName": "noora-toggle", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "label", "description": "Sets the visible label.", "type": { "text": "string | undefined" }, "attribute": "label" }, { "kind": "field", "name": "description", "description": "Sets supporting text.", "type": { "text": "string | undefined" }, "attribute": "description" }, { "kind": "field", "name": "checked", "description": "Controls the checked state.", "type": { "text": "boolean" }, "attribute": "checked", "default": "false" }, { "kind": "field", "name": "disabled", "description": "Disables interaction.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" }, { "kind": "field", "name": "name", "description": "Sets the submitted field name.", "type": { "text": "string" }, "attribute": "name", "default": "\"\"" }, { "kind": "field", "name": "value", "description": "Sets the submitted field value.", "type": { "text": "string" }, "attribute": "value", "default": "\"on\"" }, { "kind": "field", "name": "control", "description": "The native checkbox input.", "type": { "text": "HTMLInputElement | null" }, "readonly": true }, { "kind": "field", "name": "form", "description": "The associated form.", "type": { "text": "HTMLFormElement | null" }, "readonly": true } ], "attributes": [ { "name": "label", "description": "Sets the visible label.", "type": { "text": "string" }, "fieldName": "label" }, { "name": "description", "description": "Sets supporting text.", "type": { "text": "string" }, "fieldName": "description" }, { "name": "checked", "description": "Controls the checked state.", "type": { "text": "boolean" }, "fieldName": "checked", "default": "false" }, { "name": "disabled", "description": "Disables interaction.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" }, { "name": "name", "description": "Sets the submitted field name.", "type": { "text": "string" }, "fieldName": "name", "default": "\"\"" }, { "name": "value", "description": "Sets the submitted field value.", "type": { "text": "string" }, "fieldName": "value", "default": "\"on\"" } ], "slots": [], "cssParts": [ { "name": "root", "description": "The toggle label." }, { "name": "control", "description": "The visual switch." }, { "name": "label", "description": "The label text." } ], "events": [ { "name": "input", "description": "Emitted while the checked state changes.", "type": { "text": "InputEvent" } }, { "name": "change", "description": "Emitted after the checked state changes.", "type": { "text": "Event" } } ] }, { "kind": "class", "description": "Explains an element on pointer hover or keyboard focus.", "name": "NooraTooltip", "tagName": "noora-tooltip", "customElement": true, "superclass": { "name": "LitElement", "package": "lit" }, "members": [ { "kind": "field", "name": "disabled", "description": "Disables the tooltip.", "type": { "text": "boolean" }, "attribute": "disabled", "default": "false" }, { "kind": "field", "name": "size", "description": "Controls the content layout.", "type": { "text": "\"small\" | \"large\"" }, "attribute": "size", "default": "\"small\"" }, { "kind": "field", "name": "title", "description": "Sets the tooltip title.", "type": { "text": "string" }, "attribute": "title", "default": "\"\"" }, { "kind": "field", "name": "description", "description": "Sets the large-tooltip description.", "type": { "text": "string | undefined" }, "attribute": "description" }, { "kind": "field", "name": "open", "description": "Controls whether the tooltip is open.", "type": { "text": "boolean" }, "attribute": "open", "default": "false" } ], "attributes": [ { "name": "disabled", "description": "Disables the tooltip.", "type": { "text": "boolean" }, "fieldName": "disabled", "default": "false" }, { "name": "size", "description": "Controls the content layout.", "type": { "text": "\"small\" | \"large\"" }, "fieldName": "size", "default": "\"small\"" }, { "name": "title", "description": "Sets the tooltip title.", "type": { "text": "string" }, "fieldName": "title", "default": "\"\"" }, { "name": "description", "description": "Sets the large-tooltip description.", "type": { "text": "string" }, "fieldName": "description" }, { "name": "open", "description": "Controls whether the tooltip is open.", "type": { "text": "boolean" }, "fieldName": "open", "default": "false" } ], "slots": [ { "name": "trigger", "description": "The described element." }, { "name": "icon", "description": "An icon shown by large tooltips." } ], "cssParts": [ { "name": "trigger", "description": "The trigger wrapper." }, { "name": "content", "description": "The tooltip content." } ], "events": [ { "name": "noora-open-change", "description": "Emitted when the tooltip opens or closes.", "type": { "text": "CustomEvent<{ open: boolean }>" } } ] } ], "exports": [ { "kind": "js", "name": "NooraAlert", "declaration": { "name": "NooraAlert", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-alert", "declaration": { "name": "NooraAlert", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraAvatar", "declaration": { "name": "NooraAvatar", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-avatar", "declaration": { "name": "NooraAvatar", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraBadge", "declaration": { "name": "NooraBadge", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-badge", "declaration": { "name": "NooraBadge", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraBanner", "declaration": { "name": "NooraBanner", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-banner", "declaration": { "name": "NooraBanner", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraBreadcrumbItem", "declaration": { "name": "NooraBreadcrumbItem", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-breadcrumb-item", "declaration": { "name": "NooraBreadcrumbItem", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraBreadcrumbs", "declaration": { "name": "NooraBreadcrumbs", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-breadcrumbs", "declaration": { "name": "NooraBreadcrumbs", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraButtonDropdown", "declaration": { "name": "NooraButtonDropdown", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-button-dropdown", "declaration": { "name": "NooraButtonDropdown", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraButtonGroupItem", "declaration": { "name": "NooraButtonGroupItem", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-button-group-item", "declaration": { "name": "NooraButtonGroupItem", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraButtonGroup", "declaration": { "name": "NooraButtonGroup", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-button-group", "declaration": { "name": "NooraButtonGroup", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraButton", "declaration": { "name": "NooraButton", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-button", "declaration": { "name": "NooraButton", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraCard", "declaration": { "name": "NooraCard", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-card", "declaration": { "name": "NooraCard", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraChartAxis", "declaration": { "name": "NooraChartAxis", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-chart-axis", "declaration": { "name": "NooraChartAxis", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraChartCategory", "declaration": { "name": "NooraChartCategory", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-chart-category", "declaration": { "name": "NooraChartCategory", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraChartGrid", "declaration": { "name": "NooraChartGrid", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-chart-grid", "declaration": { "name": "NooraChartGrid", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraChartPoint", "declaration": { "name": "NooraChartPoint", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-chart-point", "declaration": { "name": "NooraChartPoint", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraChartSeries", "declaration": { "name": "NooraChartSeries", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-chart-series", "declaration": { "name": "NooraChartSeries", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraChart", "declaration": { "name": "NooraChart", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-chart", "declaration": { "name": "NooraChart", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraCheckbox", "declaration": { "name": "NooraCheckbox", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-checkbox", "declaration": { "name": "NooraCheckbox", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraDatePickerPreset", "declaration": { "name": "NooraDatePickerPreset", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-date-picker-preset", "declaration": { "name": "NooraDatePickerPreset", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraDatePicker", "declaration": { "name": "NooraDatePicker", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-date-picker", "declaration": { "name": "NooraDatePicker", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraDigitInput", "declaration": { "name": "NooraDigitInput", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-digit-input", "declaration": { "name": "NooraDigitInput", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraDismissIcon", "declaration": { "name": "NooraDismissIcon", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-dismiss-icon", "declaration": { "name": "NooraDismissIcon", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraDropdownItem", "declaration": { "name": "NooraDropdownItem", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-dropdown-item", "declaration": { "name": "NooraDropdownItem", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraDropdown", "declaration": { "name": "NooraDropdown", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-dropdown", "declaration": { "name": "NooraDropdown", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraFilterDefinition", "declaration": { "name": "NooraFilterDefinition", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-filter-definition", "declaration": { "name": "NooraFilterDefinition", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraFilterOption", "declaration": { "name": "NooraFilterOption", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-filter-option", "declaration": { "name": "NooraFilterOption", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraFilterValue", "declaration": { "name": "NooraFilterValue", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-filter-value", "declaration": { "name": "NooraFilterValue", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraFilter", "declaration": { "name": "NooraFilter", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-filter", "declaration": { "name": "NooraFilter", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraHintText", "declaration": { "name": "NooraHintText", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-hint-text", "declaration": { "name": "NooraHintText", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraIcon", "declaration": { "name": "NooraIcon", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-icon", "declaration": { "name": "NooraIcon", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraInlineDropdown", "declaration": { "name": "NooraInlineDropdown", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-inline-dropdown", "declaration": { "name": "NooraInlineDropdown", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraLabel", "declaration": { "name": "NooraLabel", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-label", "declaration": { "name": "NooraLabel", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraLineDivider", "declaration": { "name": "NooraLineDivider", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-line-divider", "declaration": { "name": "NooraLineDivider", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraLinkButton", "declaration": { "name": "NooraLinkButton", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-link-button", "declaration": { "name": "NooraLinkButton", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraModal", "declaration": { "name": "NooraModal", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-modal", "declaration": { "name": "NooraModal", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraNeutralButton", "declaration": { "name": "NooraNeutralButton", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-neutral-button", "declaration": { "name": "NooraNeutralButton", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraPaginationGroup", "declaration": { "name": "NooraPaginationGroup", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-pagination-group", "declaration": { "name": "NooraPaginationGroup", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraPopover", "declaration": { "name": "NooraPopover", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-popover", "declaration": { "name": "NooraPopover", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraProgressBar", "declaration": { "name": "NooraProgressBar", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-progress-bar", "declaration": { "name": "NooraProgressBar", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraSelect", "declaration": { "name": "NooraSelect", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-select", "declaration": { "name": "NooraSelect", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraShortcutKey", "declaration": { "name": "NooraShortcutKey", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-shortcut-key", "declaration": { "name": "NooraShortcutKey", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraSidebarGroup", "declaration": { "name": "NooraSidebarGroup", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-sidebar-group", "declaration": { "name": "NooraSidebarGroup", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraSidebarItem", "declaration": { "name": "NooraSidebarItem", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-sidebar-item", "declaration": { "name": "NooraSidebarItem", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraSidebar", "declaration": { "name": "NooraSidebar", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-sidebar", "declaration": { "name": "NooraSidebar", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraStatusBadge", "declaration": { "name": "NooraStatusBadge", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-status-badge", "declaration": { "name": "NooraStatusBadge", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraTabItem", "declaration": { "name": "NooraTabItem", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-tab-item", "declaration": { "name": "NooraTabItem", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraTabMenu", "declaration": { "name": "NooraTabMenu", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-tab-menu", "declaration": { "name": "NooraTabMenu", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraTableCell", "declaration": { "name": "NooraTableCell", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-table-cell", "declaration": { "name": "NooraTableCell", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraTableColumn", "declaration": { "name": "NooraTableColumn", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-table-column", "declaration": { "name": "NooraTableColumn", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraTableRow", "declaration": { "name": "NooraTableRow", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-table-row", "declaration": { "name": "NooraTableRow", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraTable", "declaration": { "name": "NooraTable", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-table", "declaration": { "name": "NooraTable", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraTag", "declaration": { "name": "NooraTag", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-tag", "declaration": { "name": "NooraTag", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraTextArea", "declaration": { "name": "NooraTextArea", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-text-area", "declaration": { "name": "NooraTextArea", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraTextDivider", "declaration": { "name": "NooraTextDivider", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-text-divider", "declaration": { "name": "NooraTextDivider", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraTextInput", "declaration": { "name": "NooraTextInput", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-text-input", "declaration": { "name": "NooraTextInput", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraTime", "declaration": { "name": "NooraTime", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-time", "declaration": { "name": "NooraTime", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraToggle", "declaration": { "name": "NooraToggle", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-toggle", "declaration": { "name": "NooraToggle", "module": "./priv/static/noora-web-components.js" } }, { "kind": "js", "name": "NooraTooltip", "declaration": { "name": "NooraTooltip", "module": "./priv/static/noora-web-components.js" } }, { "kind": "custom-element-definition", "name": "noora-tooltip", "declaration": { "name": "NooraTooltip", "module": "./priv/static/noora-web-components.js" } } ] } ] }