{ "schemaVersion": "1.0.0", "readme": "", "modules": [ { "kind": "javascript-module", "path": "src/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "Header", "declaration": { "name": "Header", "module": "./components/global/header" } }, { "kind": "js", "name": "HeaderNav", "declaration": { "name": "HeaderNav", "module": "./components/global/header" } }, { "kind": "js", "name": "HeaderLink", "declaration": { "name": "HeaderLink", "module": "./components/global/header" } }, { "kind": "js", "name": "HeaderFlyouts", "declaration": { "name": "HeaderFlyouts", "module": "./components/global/header" } }, { "kind": "js", "name": "HeaderFlyout", "declaration": { "name": "HeaderFlyout", "module": "./components/global/header" } }, { "kind": "js", "name": "HeaderAvatar", "declaration": { "name": "HeaderAvatar", "module": "./components/global/header" } }, { "kind": "js", "name": "HeaderPanel", "declaration": { "name": "HeaderPanel", "module": "./components/global/header" } }, { "kind": "js", "name": "HeaderPanelLink", "declaration": { "name": "HeaderPanelLink", "module": "./components/global/header" } }, { "kind": "js", "name": "LocalNav", "declaration": { "name": "LocalNav", "module": "./components/global/localNav" } }, { "kind": "js", "name": "LocalNavLink", "declaration": { "name": "LocalNavLink", "module": "./components/global/localNav" } }, { "kind": "js", "name": "Footer", "declaration": { "name": "Footer", "module": "./components/global/footer" } }, { "kind": "js", "name": "FooterNav", "declaration": { "name": "FooterNav", "module": "./components/global/footer" } }, { "kind": "js", "name": "FooterNavLink", "declaration": { "name": "FooterNavLink", "module": "./components/global/footer" } }, { "kind": "js", "name": "UiShell", "declaration": { "name": "UiShell", "module": "./components/global/uiShell" } }, { "kind": "js", "name": "RadioButton", "declaration": { "name": "RadioButton", "module": "./components/reusable/radioButton" } }, { "kind": "js", "name": "RadioButtonGroup", "declaration": { "name": "RadioButtonGroup", "module": "./components/reusable/radioButton" } }, { "kind": "js", "name": "Checkbox", "declaration": { "name": "Checkbox", "module": "./components/reusable/checkbox" } }, { "kind": "js", "name": "CheckboxGroup", "declaration": { "name": "CheckboxGroup", "module": "./components/reusable/checkbox" } }, { "kind": "js", "name": "TextInput", "declaration": { "name": "TextInput", "module": "./components/reusable/textInput" } }, { "kind": "js", "name": "TextArea", "declaration": { "name": "TextArea", "module": "./components/reusable/textArea" } }, { "kind": "js", "name": "ToggleButton", "declaration": { "name": "ToggleButton", "module": "./components/reusable/toggleButton" } }, { "kind": "js", "name": "TimePicker", "declaration": { "name": "TimePicker", "module": "./components/reusable/timepicker" } }, { "kind": "js", "name": "Dropdown", "declaration": { "name": "Dropdown", "module": "./components/reusable/dropdown" } }, { "kind": "js", "name": "DropdownOption", "declaration": { "name": "DropdownOption", "module": "./components/reusable/dropdown" } }, { "kind": "js", "name": "DatePicker", "declaration": { "name": "DatePicker", "module": "./components/reusable/datePicker" } }, { "kind": "js", "name": "DateRangePicker", "declaration": { "name": "DateRangePicker", "module": "./components/reusable/daterangepicker" } }, { "kind": "js", "name": "Breadcrumbs", "declaration": { "name": "Breadcrumbs", "module": "./components/reusable/breadcrumbs" } }, { "kind": "js", "name": "BreadcrumbItem", "declaration": { "name": "BreadcrumbItem", "module": "./components/reusable/breadcrumbs" } }, { "kind": "js", "name": "Table", "declaration": { "name": "Table", "module": "./components/reusable/table" } }, { "kind": "js", "name": "DataTable", "declaration": { "name": "DataTable", "module": "./components/reusable/table/data-table" } }, { "kind": "js", "name": "Pagination", "declaration": { "name": "Pagination", "module": "./components/reusable/pagination" } }, { "kind": "js", "name": "OverflowMenu", "declaration": { "name": "OverflowMenu", "module": "./components/reusable/overflowMenu" } }, { "kind": "js", "name": "OverflowMenuItem", "declaration": { "name": "OverflowMenuItem", "module": "./components/reusable/overflowMenu" } }, { "kind": "js", "name": "Tabs", "declaration": { "name": "Tabs", "module": "./components/reusable/tabs" } }, { "kind": "js", "name": "Tab", "declaration": { "name": "Tab", "module": "./components/reusable/tabs" } }, { "kind": "js", "name": "TabPanel", "declaration": { "name": "TabPanel", "module": "./components/reusable/tabs" } }, { "kind": "js", "name": "Modal", "declaration": { "name": "Modal", "module": "./components/reusable/modal" } }, { "kind": "js", "name": "Tooltip", "declaration": { "name": "Tooltip", "module": "./components/reusable/tooltip" } }, { "kind": "js", "name": "Tag", "declaration": { "name": "Tag", "module": "./components/reusable/tag" } }, { "kind": "js", "name": "TagGroup", "declaration": { "name": "TagGroup", "module": "./components/reusable/tag" } }, { "kind": "js", "name": "GlobalFilter", "declaration": { "name": "GlobalFilter", "module": "./components/reusable/globalFilter" } }, { "kind": "js", "name": "SideDrawer", "declaration": { "name": "SideDrawer", "module": "./components/reusable/sideDrawer" } } ] }, { "kind": "javascript-module", "path": "src/common/helpers/helpers.ts", "declarations": [ { "kind": "function", "name": "debounce", "parameters": [ { "name": "fn", "type": { "text": "Function" } }, { "name": "ms", "default": "100" } ] }, { "kind": "function", "name": "stringToReactHtml", "parameters": [ { "name": "string", "type": { "text": "String" } } ] }, { "kind": "function", "name": "createOptionsArray", "parameters": [ { "name": "options", "default": "{}", "type": { "text": "*" }, "description": " imported enums object" } ], "description": "Convert an object to an array of only its values.\r\nUsed when importing enums in component stories for populating argType dropdowns." } ], "exports": [ { "kind": "js", "name": "debounce", "declaration": { "name": "debounce", "module": "src/common/helpers/helpers.ts" } }, { "kind": "js", "name": "stringToReactHtml", "declaration": { "name": "stringToReactHtml", "module": "src/common/helpers/helpers.ts" } }, { "kind": "js", "name": "createOptionsArray", "declaration": { "name": "createOptionsArray", "module": "src/common/helpers/helpers.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/global/footer/footer.ts", "declarations": [ { "kind": "class", "description": "The global Footer component.", "name": "Footer", "slots": [ { "description": "Default slot, for the footer-nav.", "name": "unnamed" }, { "description": "Slot for the logo, will overwrite the default logo.", "name": "logo" }, { "description": "Slot for the copyright text.", "name": "copyright" } ], "members": [ { "kind": "field", "name": "rootUrl", "type": { "text": "string" }, "default": "'/'", "description": "URL for the footer logo link. Should target the application home page.", "attribute": "rootUrl" }, { "kind": "method", "name": "handleRootLinkClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] } ], "events": [ { "description": "Captures the logo link click event and emits the original event.", "name": "on-root-link-click" } ], "attributes": [ { "name": "rootUrl", "type": { "text": "string" }, "default": "'/'", "description": "URL for the footer logo link. Should target the application home page.", "fieldName": "rootUrl" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-footer", "customElement": true } ], "exports": [ { "kind": "js", "name": "Footer", "declaration": { "name": "Footer", "module": "src/components/global/footer/footer.ts" } }, { "kind": "custom-element-definition", "name": "kyn-footer", "declaration": { "name": "Footer", "module": "src/components/global/footer/footer.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/global/footer/footerLink.ts", "declarations": [ { "kind": "class", "description": "Component for navigation links within the Footer.", "name": "FooterNavLink", "slots": [ { "description": "Slot for link text/content.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "target", "default": "'_self'", "type": { "text": "'_self'" }, "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", "attribute": "target" }, { "kind": "field", "name": "rel", "type": { "text": "string" }, "default": "''", "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", "attribute": "rel" }, { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "''", "description": "Link url.", "attribute": "href" }, { "kind": "method", "name": "handleClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] } ], "events": [ { "description": "Captures the click event and emits the original event details.", "name": "on-click" } ], "attributes": [ { "name": "target", "default": "'_self'", "type": { "text": "'_self'" }, "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", "fieldName": "target" }, { "name": "rel", "type": { "text": "string" }, "default": "''", "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", "fieldName": "rel" }, { "name": "href", "type": { "text": "string" }, "default": "''", "description": "Link url.", "fieldName": "href" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-footer-link", "customElement": true } ], "exports": [ { "kind": "js", "name": "FooterNavLink", "declaration": { "name": "FooterNavLink", "module": "src/components/global/footer/footerLink.ts" } }, { "kind": "custom-element-definition", "name": "kyn-footer-link", "declaration": { "name": "FooterNavLink", "module": "src/components/global/footer/footerLink.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/global/footer/footerNav.ts", "declarations": [ { "kind": "class", "description": "Container for footer navigation links.", "name": "FooterNav", "slots": [ { "description": "Slot for footer links.", "name": "unnamed" } ], "members": [], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-footer-nav", "customElement": true } ], "exports": [ { "kind": "js", "name": "FooterNav", "declaration": { "name": "FooterNav", "module": "src/components/global/footer/footerNav.ts" } }, { "kind": "custom-element-definition", "name": "kyn-footer-nav", "declaration": { "name": "FooterNav", "module": "src/components/global/footer/footerNav.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/global/footer/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "Footer", "declaration": { "name": "Footer", "module": "./footer" } }, { "kind": "js", "name": "FooterNav", "declaration": { "name": "FooterNav", "module": "./footerNav" } }, { "kind": "js", "name": "FooterNavLink", "declaration": { "name": "FooterNavLink", "module": "./footerLink" } } ] }, { "kind": "javascript-module", "path": "src/components/global/header/header.ts", "declarations": [ { "kind": "class", "description": "The global Header component.", "name": "Header", "slots": [ { "description": "The default slot for all empty space right of the logo/title.", "name": "unnamed" }, { "description": "Slot for the logo, will overwrite the default logo.", "name": "logo" }, { "description": "Slot left of the logo, intended for a header panel.", "name": "left" } ], "members": [ { "kind": "field", "name": "rootUrl", "type": { "text": "string" }, "default": "'/'", "description": "URL for the header logo link. Should target the application home page.", "attribute": "rootUrl" }, { "kind": "field", "name": "appTitle", "type": { "text": "string" }, "default": "''", "description": "App title text next to logo. Hidden on smaller screens.", "attribute": "appTitle" }, { "kind": "field", "name": "breakpoint", "type": { "text": "number" }, "default": "672", "description": "The breakpoint (in px) to convert the nav to a flyout menu for small screens.", "attribute": "breakpoint" }, { "kind": "field", "name": "divider", "type": { "text": "boolean" }, "default": "false", "description": "Adds a 1px shadow to the bottom of the header, for contrast with white backgrounds.", "attribute": "divider" }, { "kind": "method", "name": "handleSlotChange", "privacy": "private" }, { "kind": "method", "name": "handleMenuClickOut", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "testBreakpoint", "privacy": "private" }, { "kind": "method", "name": "handleRootLinkClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "toggleNavMenu", "privacy": "private" }, { "kind": "method", "name": "emitMenuToggle", "privacy": "private" } ], "events": [ { "description": "Captures the menu toggle click event and emits the menu open state in the detail.", "name": "on-menu-toggle" }, { "description": "Captures the logo link click event and emits the original event details.", "name": "on-root-link-click" } ], "attributes": [ { "name": "rootUrl", "type": { "text": "string" }, "default": "'/'", "description": "URL for the header logo link. Should target the application home page.", "fieldName": "rootUrl" }, { "name": "appTitle", "type": { "text": "string" }, "default": "''", "description": "App title text next to logo. Hidden on smaller screens.", "fieldName": "appTitle" }, { "name": "breakpoint", "type": { "text": "number" }, "default": "672", "description": "The breakpoint (in px) to convert the nav to a flyout menu for small screens.", "fieldName": "breakpoint" }, { "name": "divider", "type": { "text": "boolean" }, "default": "false", "description": "Adds a 1px shadow to the bottom of the header, for contrast with white backgrounds.", "fieldName": "divider" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-header", "customElement": true } ], "exports": [ { "kind": "js", "name": "Header", "declaration": { "name": "Header", "module": "src/components/global/header/header.ts" } }, { "kind": "custom-element-definition", "name": "kyn-header", "declaration": { "name": "Header", "module": "src/components/global/header/header.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/global/header/headerAvatar.ts", "declarations": [ { "kind": "class", "description": "User avatar.", "name": "HeaderAvatar", "members": [ { "kind": "field", "name": "initials", "type": { "text": "string" }, "default": "''", "description": "Two letters, first and last initial, to show in the user avatar circle.", "attribute": "initials" } ], "attributes": [ { "name": "initials", "type": { "text": "string" }, "default": "''", "description": "Two letters, first and last initial, to show in the user avatar circle.", "fieldName": "initials" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-header-avatar", "customElement": true } ], "exports": [ { "kind": "js", "name": "HeaderAvatar", "declaration": { "name": "HeaderAvatar", "module": "src/components/global/header/headerAvatar.ts" } }, { "kind": "custom-element-definition", "name": "kyn-header-avatar", "declaration": { "name": "HeaderAvatar", "module": "src/components/global/header/headerAvatar.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/global/header/headerFlyout.ts", "declarations": [ { "kind": "class", "description": "Component for header flyout items.", "name": "HeaderFlyout", "slots": [ { "description": "Slot for flyout menu content.", "name": "unnamed" }, { "description": "Slot for button/toggle content.", "name": "button" } ], "members": [ { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Flyout open state.", "attribute": "open" }, { "kind": "field", "name": "anchorLeft", "type": { "text": "boolean" }, "default": "false", "description": "Anchor flyout menu to the left edge of the button instead of the right edge.", "attribute": "anchorLeft" }, { "kind": "field", "name": "hideArrow", "type": { "text": "boolean" }, "default": "false", "description": "Hides the arrow.", "attribute": "hideArrow" }, { "kind": "field", "name": "assistiveText", "type": { "text": "string" }, "default": "''", "description": "Button assistive text, title + aria-label.", "attribute": "assistiveText" }, { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "''", "description": "Turns the button into a link.", "attribute": "href" }, { "kind": "method", "name": "handlePointerEnter", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "handlePointerLeave", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "handleClick", "privacy": "private" }, { "kind": "method", "name": "handleClickOut", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "testBreakpoint", "privacy": "private" } ], "attributes": [ { "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Flyout open state.", "fieldName": "open" }, { "name": "anchorLeft", "type": { "text": "boolean" }, "default": "false", "description": "Anchor flyout menu to the left edge of the button instead of the right edge.", "fieldName": "anchorLeft" }, { "name": "hideArrow", "type": { "text": "boolean" }, "default": "false", "description": "Hides the arrow.", "fieldName": "hideArrow" }, { "name": "assistiveText", "type": { "text": "string" }, "default": "''", "description": "Button assistive text, title + aria-label.", "fieldName": "assistiveText" }, { "name": "href", "type": { "text": "string" }, "default": "''", "description": "Turns the button into a link.", "fieldName": "href" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-header-flyout", "customElement": true } ], "exports": [ { "kind": "js", "name": "HeaderFlyout", "declaration": { "name": "HeaderFlyout", "module": "src/components/global/header/headerFlyout.ts" } }, { "kind": "custom-element-definition", "name": "kyn-header-flyout", "declaration": { "name": "HeaderFlyout", "module": "src/components/global/header/headerFlyout.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/global/header/headerFlyouts.ts", "declarations": [ { "kind": "class", "description": "Container for header flyout items, aligns to the right, place last.", "name": "HeaderFlyouts", "slots": [ { "description": "This element has a slot.", "name": "unnamed" } ], "members": [], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-header-flyouts", "customElement": true } ], "exports": [ { "kind": "js", "name": "HeaderFlyouts", "declaration": { "name": "HeaderFlyouts", "module": "src/components/global/header/headerFlyouts.ts" } }, { "kind": "custom-element-definition", "name": "kyn-header-flyouts", "declaration": { "name": "HeaderFlyouts", "module": "src/components/global/header/headerFlyouts.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/global/header/headerLink.ts", "declarations": [ { "kind": "class", "description": "Component for navigation links within the Header.", "name": "HeaderLink", "slots": [ { "description": "Slot for link text/content.", "name": "unnamed" }, { "description": "Slot for sublinks (up to two levels).", "name": "links" } ], "members": [ { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Link open state.", "attribute": "open" }, { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "''", "description": "Link url.", "attribute": "href" }, { "kind": "field", "name": "target", "default": "'_self'", "type": { "text": "'_self'" }, "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", "attribute": "target" }, { "kind": "field", "name": "rel", "type": { "text": "string" }, "default": "''", "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", "attribute": "rel" }, { "kind": "field", "name": "isActive", "type": { "text": "boolean" }, "default": "false", "description": "Link active state, for example when URL path matches link href.", "attribute": "isActive" }, { "kind": "field", "name": "divider", "type": { "text": "boolean" }, "default": "false", "description": "Adds a 1px shadow to the bottom of the link.", "attribute": "divider" }, { "kind": "method", "name": "_handleLinksSlotChange", "privacy": "private" }, { "kind": "method", "name": "handlePointerEnter", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "handlePointerLeave", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "handleClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "handleClickOut", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "determineLevel", "privacy": "private" }, { "kind": "method", "name": "testBreakpoint", "privacy": "private" } ], "events": [ { "description": "Captures the click event and emits the original event details.", "name": "on-click" } ], "attributes": [ { "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Link open state.", "fieldName": "open" }, { "name": "href", "type": { "text": "string" }, "default": "''", "description": "Link url.", "fieldName": "href" }, { "name": "target", "default": "'_self'", "type": { "text": "'_self'" }, "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", "fieldName": "target" }, { "name": "rel", "type": { "text": "string" }, "default": "''", "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", "fieldName": "rel" }, { "name": "isActive", "type": { "text": "boolean" }, "default": "false", "description": "Link active state, for example when URL path matches link href.", "fieldName": "isActive" }, { "name": "divider", "type": { "text": "boolean" }, "default": "false", "description": "Adds a 1px shadow to the bottom of the link.", "fieldName": "divider" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-header-link", "customElement": true } ], "exports": [ { "kind": "js", "name": "HeaderLink", "declaration": { "name": "HeaderLink", "module": "src/components/global/header/headerLink.ts" } }, { "kind": "custom-element-definition", "name": "kyn-header-link", "declaration": { "name": "HeaderLink", "module": "src/components/global/header/headerLink.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/global/header/headerNav.ts", "declarations": [ { "kind": "class", "description": "Container for header navigation links.", "name": "HeaderNav", "slots": [ { "description": "This element has a slot.", "name": "unnamed" } ], "members": [ { "kind": "method", "name": "testBreakpoint", "privacy": "private" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-header-nav", "customElement": true } ], "exports": [ { "kind": "js", "name": "HeaderNav", "declaration": { "name": "HeaderNav", "module": "src/components/global/header/headerNav.ts" } }, { "kind": "custom-element-definition", "name": "kyn-header-nav", "declaration": { "name": "HeaderNav", "module": "src/components/global/header/headerNav.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/global/header/headerPanel.ts", "declarations": [ { "kind": "class", "description": "Header fly-out panel.", "name": "HeaderPanel", "slots": [ { "description": "Slot for panel content.", "name": "unnamed" }, { "description": "Slot for button icon.", "name": "button" } ], "members": [ { "kind": "field", "name": "right", "type": { "text": "boolean" }, "default": "false", "description": "Panel extends from right instead of left.", "attribute": "right" }, { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Panel open state.", "attribute": "open" }, { "kind": "field", "name": "heading", "type": { "text": "string" }, "default": "''", "description": "Panel heading.", "attribute": "heading" }, { "kind": "field", "name": "openText", "type": { "text": "string" }, "default": "'Open Panel'", "description": "Open button assistive text.", "attribute": "openText" }, { "kind": "field", "name": "closeText", "type": { "text": "string" }, "default": "'Close Panel'", "description": "Close button assistive text.", "attribute": "closeText" }, { "kind": "method", "name": "togglePanel", "privacy": "private" }, { "kind": "method", "name": "handleClickOut", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] } ], "attributes": [ { "name": "right", "type": { "text": "boolean" }, "default": "false", "description": "Panel extends from right instead of left.", "fieldName": "right" }, { "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Panel open state.", "fieldName": "open" }, { "name": "heading", "type": { "text": "string" }, "default": "''", "description": "Panel heading.", "fieldName": "heading" }, { "name": "openText", "type": { "text": "string" }, "default": "'Open Panel'", "description": "Open button assistive text.", "fieldName": "openText" }, { "name": "closeText", "type": { "text": "string" }, "default": "'Close Panel'", "description": "Close button assistive text.", "fieldName": "closeText" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-header-panel", "customElement": true } ], "exports": [ { "kind": "js", "name": "HeaderPanel", "declaration": { "name": "HeaderPanel", "module": "src/components/global/header/headerPanel.ts" } }, { "kind": "custom-element-definition", "name": "kyn-header-panel", "declaration": { "name": "HeaderPanel", "module": "src/components/global/header/headerPanel.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/global/header/headerPanelLink.ts", "declarations": [ { "kind": "class", "description": "Header fly-out panel link.", "name": "HeaderPanelLink", "slots": [ { "description": "Slot for link text/content.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "''", "description": "Link url.", "attribute": "href" }, { "kind": "field", "name": "target", "default": "'_self'", "type": { "text": "'_self'" }, "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", "attribute": "target" }, { "kind": "field", "name": "rel", "type": { "text": "string" }, "default": "''", "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", "attribute": "rel" }, { "kind": "method", "name": "handleClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] } ], "events": [ { "description": "Captures the click event and emits the original event details.", "name": "on-click" } ], "attributes": [ { "name": "href", "type": { "text": "string" }, "default": "''", "description": "Link url.", "fieldName": "href" }, { "name": "target", "default": "'_self'", "type": { "text": "'_self'" }, "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", "fieldName": "target" }, { "name": "rel", "type": { "text": "string" }, "default": "''", "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", "fieldName": "rel" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-header-panel-link", "customElement": true } ], "exports": [ { "kind": "js", "name": "HeaderPanelLink", "declaration": { "name": "HeaderPanelLink", "module": "src/components/global/header/headerPanelLink.ts" } }, { "kind": "custom-element-definition", "name": "kyn-header-panel-link", "declaration": { "name": "HeaderPanelLink", "module": "src/components/global/header/headerPanelLink.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/global/header/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "Header", "declaration": { "name": "Header", "module": "./header" } }, { "kind": "js", "name": "HeaderNav", "declaration": { "name": "HeaderNav", "module": "./headerNav" } }, { "kind": "js", "name": "HeaderLink", "declaration": { "name": "HeaderLink", "module": "./headerLink" } }, { "kind": "js", "name": "HeaderFlyouts", "declaration": { "name": "HeaderFlyouts", "module": "./headerFlyouts" } }, { "kind": "js", "name": "HeaderFlyout", "declaration": { "name": "HeaderFlyout", "module": "./headerFlyout" } }, { "kind": "js", "name": "HeaderAvatar", "declaration": { "name": "HeaderAvatar", "module": "./headerAvatar" } }, { "kind": "js", "name": "HeaderPanel", "declaration": { "name": "HeaderPanel", "module": "./headerPanel" } }, { "kind": "js", "name": "HeaderPanelLink", "declaration": { "name": "HeaderPanelLink", "module": "./headerPanelLink" } } ] }, { "kind": "javascript-module", "path": "src/components/global/localNav/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "LocalNav", "declaration": { "name": "LocalNav", "module": "./localNav" } }, { "kind": "js", "name": "LocalNavLink", "declaration": { "name": "LocalNavLink", "module": "./localNavLink" } } ] }, { "kind": "javascript-module", "path": "src/components/global/localNav/localNav.ts", "declarations": [ { "kind": "class", "description": "The global Side Navigation component.", "name": "LocalNav", "slots": [ { "description": "The default slot, for local nav links.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "pinned", "type": { "text": "boolean" }, "default": "false", "description": "Local nav pinned state.", "attribute": "pinned" }, { "kind": "field", "name": "pinText", "type": { "text": "string" }, "default": "'Pin open'", "description": "Pin open button assistive text.", "attribute": "pinText" }, { "kind": "field", "name": "unpinText", "type": { "text": "string" }, "default": "'Unpin'", "description": "Unpin button assistive text.", "attribute": "unpinText" }, { "kind": "method", "name": "onNavToggle", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "handleMouseenter", "privacy": "private" }, { "kind": "method", "name": "handleMouseleave", "privacy": "private" }, { "kind": "method", "name": "updateChildren", "privacy": "private" }, { "kind": "method", "name": "handleSlotChange", "privacy": "private" } ], "events": [ { "description": "Captures the click event and emits the pinned state and original event details.", "name": "on-toggle" } ], "attributes": [ { "name": "pinned", "type": { "text": "boolean" }, "default": "false", "description": "Local nav pinned state.", "fieldName": "pinned" }, { "name": "pinText", "type": { "text": "string" }, "default": "'Pin open'", "description": "Pin open button assistive text.", "fieldName": "pinText" }, { "name": "unpinText", "type": { "text": "string" }, "default": "'Unpin'", "description": "Unpin button assistive text.", "fieldName": "unpinText" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-local-nav", "customElement": true } ], "exports": [ { "kind": "js", "name": "LocalNav", "declaration": { "name": "LocalNav", "module": "src/components/global/localNav/localNav.ts" } }, { "kind": "custom-element-definition", "name": "kyn-local-nav", "declaration": { "name": "LocalNav", "module": "src/components/global/localNav/localNav.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/global/localNav/localNavLink.ts", "declarations": [ { "kind": "class", "description": "Link component for use in the global Side Navigation component.", "name": "LocalNavLink", "slots": [ { "description": "The default slot, for the link text.", "name": "unnamed" }, { "description": "Slot for an icon, level 1 links only.", "name": "icon" }, { "description": "Slot for the next level of links, supports three levels.", "name": "links" } ], "members": [ { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "''", "description": "Link url.", "attribute": "href" }, { "kind": "field", "name": "expanded", "type": { "text": "boolean" }, "default": "false", "description": "Expanded state.", "attribute": "expanded" }, { "kind": "field", "name": "active", "type": { "text": "boolean" }, "default": "false", "description": "Active state.", "attribute": "active" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Disabled state.", "attribute": "disabled" }, { "kind": "method", "name": "_handleSlotChange", "privacy": "private" }, { "kind": "method", "name": "updateChildren", "privacy": "private" }, { "kind": "method", "name": "determineLevel", "privacy": "private" }, { "kind": "method", "name": "handleClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] } ], "events": [ { "description": "Captures the click event and emits the original event, level, and if default was prevented.", "name": "on-click" } ], "attributes": [ { "name": "href", "type": { "text": "string" }, "default": "''", "description": "Link url.", "fieldName": "href" }, { "name": "expanded", "type": { "text": "boolean" }, "default": "false", "description": "Expanded state.", "fieldName": "expanded" }, { "name": "active", "type": { "text": "boolean" }, "default": "false", "description": "Active state.", "fieldName": "active" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Disabled state.", "fieldName": "disabled" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-local-nav-link", "customElement": true } ], "exports": [ { "kind": "js", "name": "LocalNavLink", "declaration": { "name": "LocalNavLink", "module": "src/components/global/localNav/localNavLink.ts" } }, { "kind": "custom-element-definition", "name": "kyn-local-nav-link", "declaration": { "name": "LocalNavLink", "module": "src/components/global/localNav/localNavLink.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/global/uiShell/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "UiShell", "declaration": { "name": "UiShell", "module": "./uiShell" } } ] }, { "kind": "javascript-module", "path": "src/components/global/uiShell/uiShell.ts", "declarations": [ { "kind": "class", "description": "Container to help with positioning and padding of the global elements such as: adds padding for the fixed Header and Local Nav, adds main content gutters, and makes Footer sticky. This takes the onus off of the consuming app to configure these values.", "name": "UiShell", "slots": [ { "description": "Slot for global elements.", "name": "unnamed" } ], "members": [ { "kind": "method", "name": "handleSlotChange", "privacy": "private" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-ui-shell", "customElement": true } ], "exports": [ { "kind": "js", "name": "UiShell", "declaration": { "name": "UiShell", "module": "src/components/global/uiShell/uiShell.ts" } }, { "kind": "custom-element-definition", "name": "kyn-ui-shell", "declaration": { "name": "UiShell", "module": "src/components/global/uiShell/uiShell.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/breadcrumbs/breadcrumbItem.ts", "declarations": [ { "kind": "class", "description": "Breadcrumb Item", "name": "BreadcrumbItem", "slots": [ { "description": "Slot for the content of the breadcrumb item, usually the label or text.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "''", "attribute": "href" } ], "attributes": [ { "name": "href", "type": { "text": "string" }, "default": "''", "fieldName": "href" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-breadcrumb-item", "customElement": true } ], "exports": [ { "kind": "js", "name": "BreadcrumbItem", "declaration": { "name": "BreadcrumbItem", "module": "src/components/reusable/breadcrumbs/breadcrumbItem.ts" } }, { "kind": "custom-element-definition", "name": "kyn-breadcrumb-item", "declaration": { "name": "BreadcrumbItem", "module": "src/components/reusable/breadcrumbs/breadcrumbItem.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/breadcrumbs/breadcrumbs.ts", "declarations": [ { "kind": "class", "description": "Breadcrumbs Component.", "name": "Breadcrumbs", "slots": [ { "description": "Slot for inserting breadcrumb items, typically kyn-breadcrumb-items indicating the navigation path.", "name": "unnamed" } ], "members": [], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-breadcrumbs", "customElement": true } ], "exports": [ { "kind": "js", "name": "Breadcrumbs", "declaration": { "name": "Breadcrumbs", "module": "src/components/reusable/breadcrumbs/breadcrumbs.ts" } }, { "kind": "custom-element-definition", "name": "kyn-breadcrumbs", "declaration": { "name": "Breadcrumbs", "module": "src/components/reusable/breadcrumbs/breadcrumbs.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/breadcrumbs/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "BreadcrumbItem", "declaration": { "name": "BreadcrumbItem", "module": "./breadcrumbItem" } }, { "kind": "js", "name": "Breadcrumbs", "declaration": { "name": "Breadcrumbs", "module": "./breadcrumbs" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/checkbox/checkbox.ts", "declarations": [ { "kind": "class", "description": "Checkbox.", "name": "Checkbox", "slots": [ { "description": "Slot for label text.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "description": "Checkbox value.", "attribute": "value" }, { "kind": "field", "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Checkbox checked state, inherited from the parent group if value matches.", "attribute": "checked", "reflects": true }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Checkbox disabled state, inherited from the parent group.", "attribute": "disabled" }, { "kind": "field", "name": "visiblyHidden", "type": { "text": "boolean" }, "default": "false", "description": "Determines whether the label should be hidden from visual view but remain accessible\r\nto screen readers for accessibility purposes.", "attribute": "visiblyHidden" }, { "kind": "field", "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "description": "Determines whether the checkbox is in an indeterminate state.", "attribute": "indeterminate" }, { "kind": "method", "name": "handleChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] } ], "events": [ { "description": "Captures the change event and emits the selected value and original event details.", "name": "on-checkbox-change" } ], "attributes": [ { "name": "value", "type": { "text": "string" }, "default": "''", "description": "Checkbox value.", "fieldName": "value" }, { "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Checkbox checked state, inherited from the parent group if value matches.", "fieldName": "checked" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Checkbox disabled state, inherited from the parent group.", "fieldName": "disabled" }, { "name": "visiblyHidden", "type": { "text": "boolean" }, "default": "false", "description": "Determines whether the label should be hidden from visual view but remain accessible\r\nto screen readers for accessibility purposes.", "fieldName": "visiblyHidden" }, { "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "description": "Determines whether the checkbox is in an indeterminate state.", "fieldName": "indeterminate" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-checkbox", "customElement": true } ], "exports": [ { "kind": "js", "name": "Checkbox", "declaration": { "name": "Checkbox", "module": "src/components/reusable/checkbox/checkbox.ts" } }, { "kind": "custom-element-definition", "name": "kyn-checkbox", "declaration": { "name": "Checkbox", "module": "src/components/reusable/checkbox/checkbox.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/checkbox/checkboxGroup.ts", "declarations": [ { "kind": "class", "description": "Checkbox group container.", "name": "CheckboxGroup", "slots": [ { "description": "Slot for individual checkboxes.", "name": "unnamed" }, { "description": "Slot for label text.", "name": "label" } ], "members": [ { "kind": "field", "name": "name", "type": { "text": "string" }, "default": "''", "description": "Checkbox input name attribute.", "attribute": "name" }, { "kind": "field", "name": "value", "type": { "text": "Array" }, "default": "[]", "description": "Checkbox group selected values.", "attribute": "value" }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Makes a single selection required.", "attribute": "required" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Checkbox group disabled state.", "attribute": "disabled" }, { "kind": "field", "name": "horizontal", "type": { "text": "boolean" }, "default": "false", "description": "Checkbox group horizontal style.", "attribute": "horizontal" }, { "kind": "field", "name": "selectAll", "type": { "text": "boolean" }, "default": "false", "description": "Adds a \"Select All\" checkbox to the top of the group.", "attribute": "selectAll" }, { "kind": "field", "name": "hideLegend", "type": { "text": "boolean" }, "default": "false", "description": "Hide the group legend/label visually.", "attribute": "hideLegend" }, { "kind": "field", "name": "filterable", "type": { "text": "boolean" }, "default": "false", "description": "Adds a search input to enable filtering of checkboxes.", "attribute": "filterable" }, { "kind": "field", "name": "limitCheckboxes", "type": { "text": "boolean" }, "default": "false", "description": "Limits visible checkboxes (4) behind a \"Show all\" button.", "attribute": "limitCheckboxes" }, { "kind": "field", "name": "textStrings", "type": { "text": "object" }, "default": "{\r\n selectAll: 'Select all',\r\n showMore: 'Show more',\r\n showLess: 'Show less',\r\n }", "description": "Text string customization.", "attribute": "textStrings" }, { "kind": "field", "name": "invalidText", "type": { "text": "string" }, "default": "''", "description": "Checkbox group invalid text.", "attribute": "invalidText" }, { "kind": "method", "name": "_validate", "privacy": "private", "parameters": [ { "name": "interacted", "type": { "text": "Boolean" } }, { "name": "report", "type": { "text": "Boolean" } } ] }, { "kind": "method", "name": "_handleCheckboxChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_emitChangeEvent", "privacy": "private" }, { "kind": "method", "name": "_handleFormdata", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_handleFilter", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_toggleRevealed", "privacy": "private", "parameters": [ { "name": "revealed", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "_handleSlotChange", "privacy": "private" }, { "kind": "method", "name": "_handleInvalid", "privacy": "private" } ], "events": [ { "description": "Captures the change event and emits the selected values.", "name": "on-checkbox-group-change" } ], "attributes": [ { "name": "name", "type": { "text": "string" }, "default": "''", "description": "Checkbox input name attribute.", "fieldName": "name" }, { "name": "value", "type": { "text": "Array" }, "default": "[]", "description": "Checkbox group selected values.", "fieldName": "value" }, { "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Makes a single selection required.", "fieldName": "required" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Checkbox group disabled state.", "fieldName": "disabled" }, { "name": "horizontal", "type": { "text": "boolean" }, "default": "false", "description": "Checkbox group horizontal style.", "fieldName": "horizontal" }, { "name": "selectAll", "type": { "text": "boolean" }, "default": "false", "description": "Adds a \"Select All\" checkbox to the top of the group.", "fieldName": "selectAll" }, { "name": "hideLegend", "type": { "text": "boolean" }, "default": "false", "description": "Hide the group legend/label visually.", "fieldName": "hideLegend" }, { "name": "filterable", "type": { "text": "boolean" }, "default": "false", "description": "Adds a search input to enable filtering of checkboxes.", "fieldName": "filterable" }, { "name": "limitCheckboxes", "type": { "text": "boolean" }, "default": "false", "description": "Limits visible checkboxes (4) behind a \"Show all\" button.", "fieldName": "limitCheckboxes" }, { "name": "textStrings", "type": { "text": "object" }, "default": "{\r\n selectAll: 'Select all',\r\n showMore: 'Show more',\r\n showLess: 'Show less',\r\n }", "description": "Text string customization.", "fieldName": "textStrings" }, { "name": "invalidText", "type": { "text": "string" }, "default": "''", "description": "Checkbox group invalid text.", "fieldName": "invalidText" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-checkbox-group", "customElement": true } ], "exports": [ { "kind": "js", "name": "CheckboxGroup", "declaration": { "name": "CheckboxGroup", "module": "src/components/reusable/checkbox/checkboxGroup.ts" } }, { "kind": "custom-element-definition", "name": "kyn-checkbox-group", "declaration": { "name": "CheckboxGroup", "module": "src/components/reusable/checkbox/checkboxGroup.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/checkbox/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "Checkbox", "declaration": { "name": "Checkbox", "module": "./checkbox" } }, { "kind": "js", "name": "CheckboxGroup", "declaration": { "name": "CheckboxGroup", "module": "./checkboxGroup" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/datePicker/datepicker.ts", "declarations": [ { "kind": "class", "description": "Datepicker.", "name": "DatePicker", "slots": [ { "description": "Slot for label text.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "size", "type": { "text": "string" }, "default": "'md'", "description": "Datepicker size. \"sm\", \"md\", or \"lg\".", "attribute": "size" }, { "kind": "field", "name": "caption", "type": { "text": "string" }, "default": "''", "description": "Optional text beneath the input.", "attribute": "caption" }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "description": "Datepicker value in YYYY-MM-DD or YYYY-MM-DDThh:mm format.", "attribute": "value" }, { "kind": "field", "name": "name", "type": { "text": "string" }, "default": "''", "description": "Datepicker name.", "attribute": "name" }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Makes the date required.", "attribute": "required" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Date disabled state.", "attribute": "disabled" }, { "kind": "field", "name": "invalidText", "type": { "text": "string" }, "default": "''", "description": "Date invalid text.", "attribute": "invalidText" }, { "kind": "field", "name": "warnText", "type": { "text": "string" }, "default": "''", "description": "Date warning text", "attribute": "warnText" }, { "kind": "field", "name": "maxDate", "type": { "text": "string" }, "description": "Maximum date in YYYY-MM-DD or YYYY-MM-DDThh:mm format. If the value isn't a possible date string in the format, then the element has no maximum date value", "attribute": "maxDate" }, { "kind": "field", "name": "minDate", "type": { "text": "string" }, "description": "Mimimum date in YYYY-MM-DD or YYYY-MM-DDThh:mm format. If the value isn't a possible date string in the format, then the element has no minimum date value.", "attribute": "minDate" }, { "kind": "field", "name": "step", "type": { "text": "string" }, "description": "Specifies the granularity that the value must adhere to, or the special value any,\r\nFor date inputs, the value of step is given in days; and is treated as a number of milliseconds equal to 86,400,000 times the step value.\r\nThe default value of step is 1, indicating 1 day.", "attribute": "step" }, { "kind": "field", "name": "datePickerType", "type": { "text": "DATE_PICKER_TYPES" }, "description": "Date picker types. Default 'single'", "attribute": "datePickerType" }, { "kind": "method", "name": "handleInput", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_validate", "privacy": "private", "parameters": [ { "name": "interacted", "type": { "text": "Boolean" } }, { "name": "report", "type": { "text": "Boolean" } } ] }, { "kind": "method", "name": "_handleFormdata", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_handleInvalid", "privacy": "private" } ], "events": [ { "description": "Captures the input event and emits the selected value and original event details.", "name": "on-input" } ], "attributes": [ { "name": "size", "type": { "text": "string" }, "default": "'md'", "description": "Datepicker size. \"sm\", \"md\", or \"lg\".", "fieldName": "size" }, { "name": "caption", "type": { "text": "string" }, "default": "''", "description": "Optional text beneath the input.", "fieldName": "caption" }, { "name": "value", "type": { "text": "string" }, "default": "''", "description": "Datepicker value in YYYY-MM-DD or YYYY-MM-DDThh:mm format.", "fieldName": "value" }, { "name": "name", "type": { "text": "string" }, "default": "''", "description": "Datepicker name.", "fieldName": "name" }, { "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Makes the date required.", "fieldName": "required" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Date disabled state.", "fieldName": "disabled" }, { "name": "invalidText", "type": { "text": "string" }, "default": "''", "description": "Date invalid text.", "fieldName": "invalidText" }, { "name": "warnText", "type": { "text": "string" }, "default": "''", "description": "Date warning text", "fieldName": "warnText" }, { "name": "maxDate", "type": { "text": "string" }, "description": "Maximum date in YYYY-MM-DD or YYYY-MM-DDThh:mm format. If the value isn't a possible date string in the format, then the element has no maximum date value", "fieldName": "maxDate" }, { "name": "minDate", "type": { "text": "string" }, "description": "Mimimum date in YYYY-MM-DD or YYYY-MM-DDThh:mm format. If the value isn't a possible date string in the format, then the element has no minimum date value.", "fieldName": "minDate" }, { "name": "step", "type": { "text": "string" }, "description": "Specifies the granularity that the value must adhere to, or the special value any,\r\nFor date inputs, the value of step is given in days; and is treated as a number of milliseconds equal to 86,400,000 times the step value.\r\nThe default value of step is 1, indicating 1 day.", "fieldName": "step" }, { "name": "datePickerType", "type": { "text": "DATE_PICKER_TYPES" }, "description": "Date picker types. Default 'single'", "fieldName": "datePickerType" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-date-picker", "customElement": true } ], "exports": [ { "kind": "js", "name": "DatePicker", "declaration": { "name": "DatePicker", "module": "src/components/reusable/datePicker/datepicker.ts" } }, { "kind": "custom-element-definition", "name": "kyn-date-picker", "declaration": { "name": "DatePicker", "module": "src/components/reusable/datePicker/datepicker.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/datePicker/defs.ts", "declarations": [ { "kind": "variable", "name": "regexDateFormat", "default": "/^\\d{4}-\\d{2}-\\d{2}$/" }, { "kind": "variable", "name": "regexDateTimeFormat", "default": "/^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}$/" }, { "kind": "variable", "name": "regexDateTimeFormatSec", "default": "/^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}$/" } ], "exports": [ { "kind": "js", "name": "regexDateFormat", "declaration": { "name": "regexDateFormat", "module": "src/components/reusable/datePicker/defs.ts" } }, { "kind": "js", "name": "regexDateTimeFormat", "declaration": { "name": "regexDateTimeFormat", "module": "src/components/reusable/datePicker/defs.ts" } }, { "kind": "js", "name": "regexDateTimeFormatSec", "declaration": { "name": "regexDateTimeFormatSec", "module": "src/components/reusable/datePicker/defs.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/datePicker/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "DatePicker", "declaration": { "name": "DatePicker", "module": "./datepicker" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/daterangepicker/daterangepicker.ts", "declarations": [ { "kind": "class", "description": "Date-Range picker", "name": "DateRangePicker", "slots": [ { "description": "Slot for label text.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "caption", "type": { "text": "string" }, "default": "''", "description": "Optional text beneath the input.", "attribute": "caption" }, { "kind": "field", "name": "size", "type": { "text": "string" }, "default": "'md'", "description": "Datepicker size. \"sm\", \"md\", or \"lg\".", "attribute": "size" }, { "kind": "field", "name": "startDate", "type": { "text": "string" }, "default": "''", "description": "Datepicker Start date in YYYY-MM-DD format.", "attribute": "startDate" }, { "kind": "field", "name": "endDate", "type": { "text": "string" }, "default": "''", "description": "Datepicker End date in YYYY-MM-DD format.", "attribute": "endDate" }, { "kind": "field", "name": "name", "type": { "text": "string" }, "default": "''", "description": "Datepicker name. Required prop. as there could many fields into single form", "attribute": "name" }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Makes the date required.", "attribute": "required" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Date disabled state.", "attribute": "disabled" }, { "kind": "field", "name": "invalidText", "type": { "text": "string" }, "default": "''", "description": "Date invalid text.", "attribute": "invalidText" }, { "kind": "field", "name": "warnText", "type": { "text": "string" }, "default": "''", "description": "Date warning text", "attribute": "warnText" }, { "kind": "field", "name": "maxDate", "type": { "text": "string" }, "description": "Maximum date in YYYY-MM-DD format. If the value isn't a possible date string in the format, then the element has no maximum date value.", "attribute": "maxDate" }, { "kind": "field", "name": "minDate", "type": { "text": "string" }, "description": "Mimimum date in YYYY-MM-DD format. If the value isn't a possible date string in the format, then the element has no minimum date value.", "attribute": "minDate" }, { "kind": "field", "name": "step", "type": { "text": "string" }, "description": "Specifies the granularity that the value must adhere to, or the special value any,\r\nFor date inputs, the value of step is given in days; and is treated as a number of milliseconds equal to 86,400,000 times the step value.\r\nThe default value of step is 1, indicating 1 day.", "attribute": "step" }, { "kind": "method", "name": "handleStartDate", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "handleEndDate", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_validate", "privacy": "private", "parameters": [ { "name": "interacted", "type": { "text": "Boolean" } }, { "name": "report", "type": { "text": "Boolean" } } ] }, { "kind": "method", "name": "_emitValue", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_handleFormdata", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_handleInvalid", "privacy": "private" } ], "events": [ { "description": "Captures the input event and emits the selected values and original event details. (Only if startDate <= endDate)", "name": "on-input" } ], "attributes": [ { "name": "caption", "type": { "text": "string" }, "default": "''", "description": "Optional text beneath the input.", "fieldName": "caption" }, { "name": "size", "type": { "text": "string" }, "default": "'md'", "description": "Datepicker size. \"sm\", \"md\", or \"lg\".", "fieldName": "size" }, { "name": "startDate", "type": { "text": "string" }, "default": "''", "description": "Datepicker Start date in YYYY-MM-DD format.", "fieldName": "startDate" }, { "name": "endDate", "type": { "text": "string" }, "default": "''", "description": "Datepicker End date in YYYY-MM-DD format.", "fieldName": "endDate" }, { "name": "name", "type": { "text": "string" }, "default": "''", "description": "Datepicker name. Required prop. as there could many fields into single form", "fieldName": "name" }, { "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Makes the date required.", "fieldName": "required" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Date disabled state.", "fieldName": "disabled" }, { "name": "invalidText", "type": { "text": "string" }, "default": "''", "description": "Date invalid text.", "fieldName": "invalidText" }, { "name": "warnText", "type": { "text": "string" }, "default": "''", "description": "Date warning text", "fieldName": "warnText" }, { "name": "maxDate", "type": { "text": "string" }, "description": "Maximum date in YYYY-MM-DD format. If the value isn't a possible date string in the format, then the element has no maximum date value.", "fieldName": "maxDate" }, { "name": "minDate", "type": { "text": "string" }, "description": "Mimimum date in YYYY-MM-DD format. If the value isn't a possible date string in the format, then the element has no minimum date value.", "fieldName": "minDate" }, { "name": "step", "type": { "text": "string" }, "description": "Specifies the granularity that the value must adhere to, or the special value any,\r\nFor date inputs, the value of step is given in days; and is treated as a number of milliseconds equal to 86,400,000 times the step value.\r\nThe default value of step is 1, indicating 1 day.", "fieldName": "step" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-date-range-picker", "customElement": true } ], "exports": [ { "kind": "js", "name": "DateRangePicker", "declaration": { "name": "DateRangePicker", "module": "src/components/reusable/daterangepicker/daterangepicker.ts" } }, { "kind": "custom-element-definition", "name": "kyn-date-range-picker", "declaration": { "name": "DateRangePicker", "module": "src/components/reusable/daterangepicker/daterangepicker.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/daterangepicker/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "DateRangePicker", "declaration": { "name": "DateRangePicker", "module": "\"./daterangepicker\"" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/globalFilter/globalFilter.ts", "declarations": [ { "kind": "class", "description": "Global Filter bar.", "name": "GlobalFilter", "members": [], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-global-filter", "customElement": true } ], "exports": [ { "kind": "js", "name": "GlobalFilter", "declaration": { "name": "GlobalFilter", "module": "src/components/reusable/globalFilter/globalFilter.ts" } }, { "kind": "custom-element-definition", "name": "kyn-global-filter", "declaration": { "name": "GlobalFilter", "module": "src/components/reusable/globalFilter/globalFilter.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/globalFilter/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "GlobalFilter", "declaration": { "name": "GlobalFilter", "module": "./globalFilter" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/modal/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "Modal", "declaration": { "name": "Modal", "module": "./modal" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/modal/modal.ts", "declarations": [ { "kind": "class", "description": "Modal.", "name": "Modal", "slots": [ { "description": "Slot for modal body content.", "name": "unnamed" }, { "description": "Slot for the anchor button content.", "name": "anchor" } ], "members": [ { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Modal open state.", "attribute": "open" }, { "kind": "field", "name": "size", "type": { "text": "string" }, "default": "'auto'", "description": "Modal size. `'auto'`, `'md'`, or `'lg'`.", "attribute": "size" }, { "kind": "field", "name": "titleText", "type": { "text": "string" }, "default": "''", "description": "Title/heading text, required.", "attribute": "titleText" }, { "kind": "field", "name": "labelText", "type": { "text": "string" }, "default": "''", "description": "Label text, optional.", "attribute": "labelText" }, { "kind": "field", "name": "okText", "type": { "text": "string" }, "default": "'OK'", "description": "OK button text.", "attribute": "okText" }, { "kind": "field", "name": "cancelText", "type": { "text": "string" }, "default": "'Cancel'", "description": "Cancel button text.", "attribute": "cancelText" }, { "kind": "field", "name": "destructive", "type": { "text": "boolean" }, "default": "false", "description": "Changes the primary button styles to indicate the action is destructive.", "attribute": "destructive" }, { "kind": "field", "name": "okDisabled", "type": { "text": "boolean" }, "default": "false", "description": "Disables the primary button.", "attribute": "okDisabled" }, { "kind": "field", "name": "hideFooter", "type": { "text": "boolean" }, "default": "false", "description": "Hides the footer/action buttons to create a passive modal.", "attribute": "hideFooter" }, { "kind": "field", "name": "beforeClose", "type": { "text": "Function" }, "description": "Function to execute before the modal can close. Useful for running checks or validations before closing. Exposes `returnValue` (`'ok'` or `'cancel'`). Must return `true` or `false`." }, { "kind": "method", "name": "_openModal", "privacy": "private" }, { "kind": "method", "name": "_closeModal", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } }, { "name": "returnValue", "type": { "text": "string" } } ] }, { "kind": "method", "name": "_emitCloseEvent", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] } ], "events": [ { "description": "Emits the modal close event with `returnValue` (`'ok'` or `'cancel'`).", "name": "on-close" } ], "attributes": [ { "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Modal open state.", "fieldName": "open" }, { "name": "size", "type": { "text": "string" }, "default": "'auto'", "description": "Modal size. `'auto'`, `'md'`, or `'lg'`.", "fieldName": "size" }, { "name": "titleText", "type": { "text": "string" }, "default": "''", "description": "Title/heading text, required.", "fieldName": "titleText" }, { "name": "labelText", "type": { "text": "string" }, "default": "''", "description": "Label text, optional.", "fieldName": "labelText" }, { "name": "okText", "type": { "text": "string" }, "default": "'OK'", "description": "OK button text.", "fieldName": "okText" }, { "name": "cancelText", "type": { "text": "string" }, "default": "'Cancel'", "description": "Cancel button text.", "fieldName": "cancelText" }, { "name": "destructive", "type": { "text": "boolean" }, "default": "false", "description": "Changes the primary button styles to indicate the action is destructive.", "fieldName": "destructive" }, { "name": "okDisabled", "type": { "text": "boolean" }, "default": "false", "description": "Disables the primary button.", "fieldName": "okDisabled" }, { "name": "hideFooter", "type": { "text": "boolean" }, "default": "false", "description": "Hides the footer/action buttons to create a passive modal.", "fieldName": "hideFooter" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-modal", "customElement": true } ], "exports": [ { "kind": "js", "name": "Modal", "declaration": { "name": "Modal", "module": "src/components/reusable/modal/modal.ts" } }, { "kind": "custom-element-definition", "name": "kyn-modal", "declaration": { "name": "Modal", "module": "src/components/reusable/modal/modal.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/dropdown/dropdown.ts", "declarations": [ { "kind": "class", "description": "Dropdown, single select.", "name": "Dropdown", "slots": [ { "description": "Slot for dropdown options.", "name": "unnamed" }, { "description": "Slot for input label.", "name": "label" } ], "members": [ { "kind": "field", "name": "size", "type": { "text": "string" }, "default": "'md'", "description": "Dropdown size/height. \"sm\", \"md\", or \"lg\".", "attribute": "size" }, { "kind": "field", "name": "inline", "type": { "text": "boolean" }, "default": "false", "description": "Dropdown inline style type.", "attribute": "inline" }, { "kind": "field", "name": "caption", "type": { "text": "string" }, "default": "''", "description": "Optional text beneath the input.", "attribute": "caption" }, { "kind": "field", "name": "placeholder", "type": { "text": "string" }, "default": "''", "description": "Dropdown placeholder.", "attribute": "placeholder" }, { "kind": "field", "name": "name", "type": { "text": "string" }, "default": "''", "description": "Dropdown name.", "attribute": "name" }, { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Listbox/drawer open state.", "attribute": "open" }, { "kind": "field", "name": "searchable", "type": { "text": "boolean" }, "default": "false", "description": "Makes the dropdown searchable.", "attribute": "searchable" }, { "kind": "field", "name": "multiple", "type": { "text": "boolean" }, "default": "false", "description": "Enabled multi-select functionality.", "attribute": "multiple" }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Makes the dropdown required.", "attribute": "required" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Dropdown disabled state.", "attribute": "disabled" }, { "kind": "field", "name": "invalidText", "type": { "text": "string" }, "default": "''", "description": "Dropdown invalid text.", "attribute": "invalidText" }, { "kind": "field", "name": "hideTags", "type": { "text": "boolean" }, "default": "false", "description": "Hide the tags below multi-select.", "attribute": "hideTags" }, { "kind": "field", "name": "selectAll", "type": { "text": "boolean" }, "default": "false", "description": "Adds a \"Select all\" option to the top of a multi-select dropdown.", "attribute": "selectAll" }, { "kind": "field", "name": "selectAllText", "type": { "text": "string" }, "default": "'Select all'", "description": "\"Select all\" text customization.", "attribute": "selectAllText" }, { "kind": "method", "name": "handleSlotChange", "privacy": "private" }, { "kind": "method", "name": "resetSelection", "privacy": "public", "description": "Retrieves the selected values from the list of child options and sets value property." }, { "kind": "method", "name": "handleClick", "privacy": "private" }, { "kind": "method", "name": "handleButtonKeydown", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "handleListKeydown", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "handleListBlur", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "handleKeyboard", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } }, { "name": "keyCode", "type": { "text": "number" } }, { "name": "target", "type": { "text": "string" } } ] }, { "kind": "method", "name": "handleClearMultiple", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "handleTagClear", "privacy": "private", "parameters": [ { "name": "value", "type": { "text": "string" } } ] }, { "kind": "method", "name": "handleClear", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "handleSearchClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "handleButtonBlur", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "handleSearchBlur", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "handleSearchKeydown", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "handleSearchInput", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_updateSelectedOptions", "privacy": "private" }, { "kind": "method", "name": "_handleClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_handleBlur", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_handleFormdata", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_handleInvalid", "privacy": "private" }, { "kind": "method", "name": "updateValue", "privacy": "private", "parameters": [ { "name": "value", "type": { "text": "string" } }, { "name": "selected", "default": "false" } ] }, { "kind": "method", "name": "_validate", "privacy": "private", "parameters": [ { "name": "interacted", "type": { "text": "Boolean" } }, { "name": "report", "type": { "text": "Boolean" } } ] }, { "kind": "method", "name": "emitValue", "privacy": "private" }, { "kind": "method", "name": "_updateChildren", "privacy": "private" } ], "events": [ { "description": "Captures the input event and emits the selected value and original event details.", "name": "on-change" } ], "attributes": [ { "name": "size", "type": { "text": "string" }, "default": "'md'", "description": "Dropdown size/height. \"sm\", \"md\", or \"lg\".", "fieldName": "size" }, { "name": "inline", "type": { "text": "boolean" }, "default": "false", "description": "Dropdown inline style type.", "fieldName": "inline" }, { "name": "caption", "type": { "text": "string" }, "default": "''", "description": "Optional text beneath the input.", "fieldName": "caption" }, { "name": "placeholder", "type": { "text": "string" }, "default": "''", "description": "Dropdown placeholder.", "fieldName": "placeholder" }, { "name": "name", "type": { "text": "string" }, "default": "''", "description": "Dropdown name.", "fieldName": "name" }, { "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Listbox/drawer open state.", "fieldName": "open" }, { "name": "searchable", "type": { "text": "boolean" }, "default": "false", "description": "Makes the dropdown searchable.", "fieldName": "searchable" }, { "name": "multiple", "type": { "text": "boolean" }, "default": "false", "description": "Enabled multi-select functionality.", "fieldName": "multiple" }, { "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Makes the dropdown required.", "fieldName": "required" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Dropdown disabled state.", "fieldName": "disabled" }, { "name": "invalidText", "type": { "text": "string" }, "default": "''", "description": "Dropdown invalid text.", "fieldName": "invalidText" }, { "name": "hideTags", "type": { "text": "boolean" }, "default": "false", "description": "Hide the tags below multi-select.", "fieldName": "hideTags" }, { "name": "selectAll", "type": { "text": "boolean" }, "default": "false", "description": "Adds a \"Select all\" option to the top of a multi-select dropdown.", "fieldName": "selectAll" }, { "name": "selectAllText", "type": { "text": "string" }, "default": "'Select all'", "description": "\"Select all\" text customization.", "fieldName": "selectAllText" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-dropdown", "customElement": true } ], "exports": [ { "kind": "js", "name": "Dropdown", "declaration": { "name": "Dropdown", "module": "src/components/reusable/dropdown/dropdown.ts" } }, { "kind": "custom-element-definition", "name": "kyn-dropdown", "declaration": { "name": "Dropdown", "module": "src/components/reusable/dropdown/dropdown.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/dropdown/dropdownOption.ts", "declarations": [ { "kind": "class", "description": "Dropdown option.", "name": "DropdownOption", "slots": [ { "description": "Slot for option text.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "description": "Option value.", "attribute": "value" }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Option selected state.", "attribute": "selected", "reflects": true }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Option disabled state.", "attribute": "disabled" }, { "kind": "field", "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "description": "Determines whether the checkbox is in an indeterminate state.", "attribute": "indeterminate", "reflects": true }, { "kind": "method", "name": "handleSlotChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "handleClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "handleBlur", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] } ], "events": [ { "description": "Emits the option details to the parent dropdown.", "name": "on-click" } ], "attributes": [ { "name": "value", "type": { "text": "string" }, "default": "''", "description": "Option value.", "fieldName": "value" }, { "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Option selected state.", "fieldName": "selected" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Option disabled state.", "fieldName": "disabled" }, { "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "description": "Determines whether the checkbox is in an indeterminate state.", "fieldName": "indeterminate" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-dropdown-option", "customElement": true } ], "exports": [ { "kind": "js", "name": "DropdownOption", "declaration": { "name": "DropdownOption", "module": "src/components/reusable/dropdown/dropdownOption.ts" } }, { "kind": "custom-element-definition", "name": "kyn-dropdown-option", "declaration": { "name": "DropdownOption", "module": "src/components/reusable/dropdown/dropdownOption.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/dropdown/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "Dropdown", "declaration": { "name": "Dropdown", "module": "./dropdown" } }, { "kind": "js", "name": "DropdownOption", "declaration": { "name": "DropdownOption", "module": "./dropdownOption" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/overflowMenu/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "OverflowMenu", "declaration": { "name": "OverflowMenu", "module": "./overflowMenu" } }, { "kind": "js", "name": "OverflowMenuItem", "declaration": { "name": "OverflowMenuItem", "module": "./overflowMenuItem" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/overflowMenu/overflowMenu.ts", "declarations": [ { "kind": "class", "description": "Overflow Menu.", "name": "OverflowMenu", "slots": [ { "description": "Slot for overflow menu items.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Menu open state.", "attribute": "open" }, { "kind": "field", "name": "anchorRight", "type": { "text": "boolean" }, "default": "false", "description": "Anchors the menu to the right of the button.", "attribute": "anchorRight" }, { "kind": "field", "name": "verticalDots", "type": { "text": "boolean" }, "default": "false", "description": "3 dots vertical orientation.", "attribute": "verticalDots" }, { "kind": "field", "name": "fixed", "type": { "text": "boolean" }, "default": "false", "description": "Use fixed instead of absolute position. Useful when placed within elements with overflow scroll.", "attribute": "fixed" }, { "kind": "field", "name": "assistiveText", "type": { "text": "string" }, "default": "'Toggle Menu'", "description": "Button assistive text..", "attribute": "assistiveText" }, { "kind": "field", "name": "_btnEl", "type": { "text": "any" } }, { "kind": "field", "name": "_menuEl", "type": { "text": "any" } }, { "kind": "method", "name": "_emitToggleEvent", "privacy": "private" }, { "kind": "method", "name": "toggleMenu", "privacy": "private" }, { "kind": "method", "name": "handleSlotChange", "privacy": "private" }, { "kind": "method", "name": "handleClickOut", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] } ], "events": [ { "description": "Capture the open/close event and emits the new state.", "name": "on-toggle" } ], "attributes": [ { "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Menu open state.", "fieldName": "open" }, { "name": "anchorRight", "type": { "text": "boolean" }, "default": "false", "description": "Anchors the menu to the right of the button.", "fieldName": "anchorRight" }, { "name": "verticalDots", "type": { "text": "boolean" }, "default": "false", "description": "3 dots vertical orientation.", "fieldName": "verticalDots" }, { "name": "fixed", "type": { "text": "boolean" }, "default": "false", "description": "Use fixed instead of absolute position. Useful when placed within elements with overflow scroll.", "fieldName": "fixed" }, { "name": "assistiveText", "type": { "text": "string" }, "default": "'Toggle Menu'", "description": "Button assistive text..", "fieldName": "assistiveText" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-overflow-menu", "customElement": true } ], "exports": [ { "kind": "js", "name": "OverflowMenu", "declaration": { "name": "OverflowMenu", "module": "src/components/reusable/overflowMenu/overflowMenu.ts" } }, { "kind": "custom-element-definition", "name": "kyn-overflow-menu", "declaration": { "name": "OverflowMenu", "module": "src/components/reusable/overflowMenu/overflowMenu.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/overflowMenu/overflowMenuItem.ts", "declarations": [ { "kind": "class", "description": "Overflow Menu.", "name": "OverflowMenuItem", "slots": [ { "description": "Slot for item text.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "''", "description": "Makes the item a link.", "attribute": "href" }, { "kind": "field", "name": "destructive", "type": { "text": "boolean" }, "default": "false", "description": "Adds destructive styles.", "attribute": "destructive" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Item disabled state.", "attribute": "disabled" }, { "kind": "method", "name": "handleClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] } ], "events": [ { "description": "Captures the click event and emits the original event details.", "name": "on-click" } ], "attributes": [ { "name": "href", "type": { "text": "string" }, "default": "''", "description": "Makes the item a link.", "fieldName": "href" }, { "name": "destructive", "type": { "text": "boolean" }, "default": "false", "description": "Adds destructive styles.", "fieldName": "destructive" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Item disabled state.", "fieldName": "disabled" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-overflow-menu-item", "customElement": true } ], "exports": [ { "kind": "js", "name": "OverflowMenuItem", "declaration": { "name": "OverflowMenuItem", "module": "src/components/reusable/overflowMenu/overflowMenuItem.ts" } }, { "kind": "custom-element-definition", "name": "kyn-overflow-menu-item", "declaration": { "name": "OverflowMenuItem", "module": "src/components/reusable/overflowMenu/overflowMenuItem.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/pagination/constants.ts", "declarations": [ { "kind": "variable", "name": "SHOWING_TEXT", "type": { "text": "string" }, "default": "'Showing'" }, { "kind": "variable", "name": "OF_TEXT", "type": { "text": "string" }, "default": "'of'" }, { "kind": "variable", "name": "ITEMS_TEXT", "type": { "text": "string" }, "default": "'items'" }, { "kind": "variable", "name": "PAGES_TEXT", "type": { "text": "string" }, "default": "'pages'" }, { "kind": "variable", "name": "PAGE_SIZE_LABEL", "type": { "text": "string" }, "default": "'Items Per Page:'" }, { "kind": "variable", "name": "BREAKPOINT", "type": { "text": "number" }, "default": "768" } ], "exports": [ { "kind": "js", "name": "SHOWING_TEXT", "declaration": { "name": "SHOWING_TEXT", "module": "src/components/reusable/pagination/constants.ts" } }, { "kind": "js", "name": "OF_TEXT", "declaration": { "name": "OF_TEXT", "module": "src/components/reusable/pagination/constants.ts" } }, { "kind": "js", "name": "ITEMS_TEXT", "declaration": { "name": "ITEMS_TEXT", "module": "src/components/reusable/pagination/constants.ts" } }, { "kind": "js", "name": "PAGES_TEXT", "declaration": { "name": "PAGES_TEXT", "module": "src/components/reusable/pagination/constants.ts" } }, { "kind": "js", "name": "PAGE_SIZE_LABEL", "declaration": { "name": "PAGE_SIZE_LABEL", "module": "src/components/reusable/pagination/constants.ts" } }, { "kind": "js", "name": "BREAKPOINT", "declaration": { "name": "BREAKPOINT", "module": "src/components/reusable/pagination/constants.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/pagination/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "Pagination", "declaration": { "name": "Pagination", "module": "./Pagination" } }, { "kind": "js", "name": "PaginationItemsRange", "declaration": { "name": "PaginationItemsRange", "module": "./pagination-items-range" } }, { "kind": "js", "name": "PaginationPageSizeDropdown", "declaration": { "name": "PaginationPageSizeDropdown", "module": "./pagination-page-size-dropdown" } }, { "kind": "js", "name": "PaginationNavigationButtons", "declaration": { "name": "PaginationNavigationButtons", "module": "./pagination-navigation-buttons" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/pagination/pagination-items-range.ts", "declarations": [ { "kind": "class", "description": "`kyn-pagination-items-range` Web Component.\r\n\r\nThis component is responsible for displaying the range of items being displayed\r\nin the context of pagination. It shows which items (by number) are currently visible\r\nand the total number of items.", "name": "PaginationItemsRange", "members": [ { "kind": "field", "name": "count", "type": { "text": "number" }, "default": "0", "description": "Total number of items.", "attribute": "count" }, { "kind": "field", "name": "pageNumber", "type": { "text": "number" }, "default": "1", "description": "Current page number being displayed.", "attribute": "pageNumber" }, { "kind": "field", "name": "pageSize", "type": { "text": "number" }, "default": "10", "description": "Number of items displayed per page.", "attribute": "pageSize" }, { "kind": "field", "name": "itemsRangeText", "type": { "text": "string" }, "privacy": "private" } ], "attributes": [ { "name": "count", "type": { "text": "number" }, "default": "0", "description": "Total number of items.", "fieldName": "count" }, { "name": "pageNumber", "type": { "text": "number" }, "default": "1", "description": "Current page number being displayed.", "fieldName": "pageNumber" }, { "name": "pageSize", "type": { "text": "number" }, "default": "10", "description": "Number of items displayed per page.", "fieldName": "pageSize" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-pagination-items-range", "customElement": true } ], "exports": [ { "kind": "js", "name": "PaginationItemsRange", "declaration": { "name": "PaginationItemsRange", "module": "src/components/reusable/pagination/pagination-items-range.ts" } }, { "kind": "custom-element-definition", "name": "kyn-pagination-items-range", "declaration": { "name": "PaginationItemsRange", "module": "src/components/reusable/pagination/pagination-items-range.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/pagination/pagination-navigation-buttons.ts", "declarations": [ { "kind": "class", "description": "`kyn-pagination-navigation-buttons` Web Component.\r\n\r\nThis component provides navigational controls for pagination.\r\nIt includes back and next buttons, along with displaying the current page and total pages.", "name": "PaginationNavigationButtons", "members": [ { "kind": "field", "name": "pageNumber", "type": { "text": "number" }, "default": "0", "attribute": "pageNumber", "reflects": true }, { "kind": "field", "name": "numberOfPages", "type": { "text": "number" }, "default": "0", "attribute": "numberOfPages", "reflects": true }, { "kind": "field", "name": "SMALLEST_PAGE_NUMBER", "type": { "text": "number" }, "privacy": "private", "default": "1" }, { "kind": "method", "name": "handleButtonClick", "privacy": "private", "parameters": [ { "name": "next", "type": { "text": "boolean" }, "description": "If true, will move to the next page, otherwise to the previous page" } ], "description": "Handles the button click event, either moving to the next page or previous page" } ], "events": [ { "name": "on-page-number-change", "type": { "text": "CustomEvent" }, "description": "Dispatched when the page number is changed." } ], "attributes": [ { "name": "pageNumber", "type": { "text": "number" }, "default": "0", "fieldName": "pageNumber" }, { "name": "numberOfPages", "type": { "text": "number" }, "default": "0", "fieldName": "numberOfPages" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-pagination-navigation-buttons", "customElement": true } ], "exports": [ { "kind": "js", "name": "PaginationNavigationButtons", "declaration": { "name": "PaginationNavigationButtons", "module": "src/components/reusable/pagination/pagination-navigation-buttons.ts" } }, { "kind": "custom-element-definition", "name": "kyn-pagination-navigation-buttons", "declaration": { "name": "PaginationNavigationButtons", "module": "src/components/reusable/pagination/pagination-navigation-buttons.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/pagination/pagination-page-size-dropdown.ts", "declarations": [ { "kind": "class", "description": "`kyn-pagination-page-size-dropdown` Web Component.\r\n\r\nThis component provides a dropdown to select the page size for pagination.\r\nIt emits events when the selected page size changes.", "name": "PaginationPageSizeDropdown", "members": [ { "kind": "field", "name": "pageSize", "type": { "text": "number" }, "default": "5", "description": "Current page size.", "attribute": "pageSize" }, { "kind": "field", "name": "pageSizeLabel", "default": "PAGE_SIZE_LABEL", "description": "Label for the page size dropdown.", "attribute": "pageSizeLabel" }, { "kind": "field", "name": "pageSizeOptions", "type": { "text": "Array" }, "default": "[5, 10, 20, 30, 40, 50]", "description": "Available options for the page size.", "attribute": "pageSizeOptions" }, { "kind": "method", "name": "handleChange", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "CustomEvent" }, "description": "The dropdown change event." } ], "description": "Handles the dropdown change event." } ], "events": [ { "name": "on-page-size-change", "type": { "text": "CustomEvent" }, "description": "The event fired when the page size changes." } ], "attributes": [ { "name": "pageSize", "type": { "text": "number" }, "default": "5", "description": "Current page size.", "fieldName": "pageSize" }, { "name": "pageSizeLabel", "default": "PAGE_SIZE_LABEL", "description": "Label for the page size dropdown.", "resolveInitializer": { "module": "/src/components/reusable/pagination/constants" }, "fieldName": "pageSizeLabel" }, { "name": "pageSizeOptions", "type": { "text": "Array" }, "default": "[5, 10, 20, 30, 40, 50]", "description": "Available options for the page size.", "fieldName": "pageSizeOptions" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-pagination-page-size-dropdown", "customElement": true } ], "exports": [ { "kind": "js", "name": "PaginationPageSizeDropdown", "declaration": { "name": "PaginationPageSizeDropdown", "module": "src/components/reusable/pagination/pagination-page-size-dropdown.ts" } }, { "kind": "custom-element-definition", "name": "kyn-pagination-page-size-dropdown", "declaration": { "name": "PaginationPageSizeDropdown", "module": "src/components/reusable/pagination/pagination-page-size-dropdown.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/pagination/Pagination.ts", "declarations": [ { "kind": "class", "description": "`kyn-pagination` Web Component.\r\n\r\nA component that provides pagination functionality, enabling the user to\r\nnavigate through large datasets by splitting them into discrete chunks.\r\nIntegrates with other utility components like items range display, page size dropdown,\r\nand navigation buttons.", "name": "Pagination", "members": [ { "kind": "field", "name": "count", "type": { "text": "number" }, "default": "0", "description": "Total number of items that need pagination.", "attribute": "count" }, { "kind": "field", "name": "pageNumber", "type": { "text": "number" }, "default": "1", "description": "Current active page number.", "attribute": "pageNumber", "reflects": true }, { "kind": "field", "name": "pageSize", "type": { "text": "number" }, "default": "5", "description": "Number of items displayed per page.", "attribute": "pageSize" }, { "kind": "field", "name": "pageSizeOptions", "type": { "text": "number[]" }, "default": "[5, 10, 20, 30, 40, 50, 100]", "description": "Available options for the page size.", "attribute": "pageSizeOptions" }, { "kind": "field", "name": "pageSizeLabel", "default": "PAGE_SIZE_LABEL", "description": "Label for the page size dropdown.", "attribute": "pageSizeLabel" }, { "kind": "field", "name": "hideItemsRange", "type": { "text": "boolean" }, "default": "false", "description": "Option to hide the items range display.", "attribute": "hideItemsRange" }, { "kind": "field", "name": "hidePageSizeDropdown", "type": { "text": "boolean" }, "default": "false", "description": "Option to hide the page size dropdown.", "attribute": "hidePageSizeDropdown" }, { "kind": "field", "name": "hideNavigationButtons", "type": { "text": "boolean" }, "default": "false", "description": "Option to hide the navigation buttons.", "attribute": "hideNavigationButtons" }, { "kind": "method", "name": "handlePageSizeChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "CustomEvent" }, "description": "The emitted custom event with the selected page size." } ], "description": "Handler for the event when the page size is changed by the user.\r\nUpdates the `pageSize` and resets the `pageNumber` to 1." }, { "kind": "method", "name": "handlePageNumberChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "CustomEvent" }, "description": "The emitted custom event with the selected page number." } ], "description": "Handler for the event when the page number is changed by the user.\r\nUpdates the `pageNumber`." } ], "events": [ { "description": "Dispatched when the page size changes.", "name": "on-page-size-change" }, { "description": "Dispatched when the currently active page changes.", "name": "on-page-number-change" } ], "attributes": [ { "name": "count", "type": { "text": "number" }, "default": "0", "description": "Total number of items that need pagination.", "fieldName": "count" }, { "name": "pageNumber", "type": { "text": "number" }, "default": "1", "description": "Current active page number.", "fieldName": "pageNumber" }, { "name": "pageSize", "type": { "text": "number" }, "default": "5", "description": "Number of items displayed per page.", "fieldName": "pageSize" }, { "name": "pageSizeOptions", "type": { "text": "number[]" }, "default": "[5, 10, 20, 30, 40, 50, 100]", "description": "Available options for the page size.", "fieldName": "pageSizeOptions" }, { "name": "pageSizeLabel", "default": "PAGE_SIZE_LABEL", "description": "Label for the page size dropdown.", "resolveInitializer": { "module": "/src/components/reusable/pagination/constants" }, "fieldName": "pageSizeLabel" }, { "name": "hideItemsRange", "type": { "text": "boolean" }, "default": "false", "description": "Option to hide the items range display.", "fieldName": "hideItemsRange" }, { "name": "hidePageSizeDropdown", "type": { "text": "boolean" }, "default": "false", "description": "Option to hide the page size dropdown.", "fieldName": "hidePageSizeDropdown" }, { "name": "hideNavigationButtons", "type": { "text": "boolean" }, "default": "false", "description": "Option to hide the navigation buttons.", "fieldName": "hideNavigationButtons" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-pagination", "customElement": true } ], "exports": [ { "kind": "js", "name": "Pagination", "declaration": { "name": "Pagination", "module": "src/components/reusable/pagination/Pagination.ts" } }, { "kind": "custom-element-definition", "name": "kyn-pagination", "declaration": { "name": "Pagination", "module": "src/components/reusable/pagination/Pagination.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/radioButton/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "RadioButton", "declaration": { "name": "RadioButton", "module": "./radioButton" } }, { "kind": "js", "name": "RadioButtonGroup", "declaration": { "name": "RadioButtonGroup", "module": "./radioButtonGroup" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/radioButton/radioButton.ts", "declarations": [ { "kind": "class", "description": "Radio button.", "name": "RadioButton", "slots": [ { "description": "Slot for label text.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "description": "Radio button value.", "attribute": "value" }, { "kind": "method", "name": "handleChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] } ], "events": [ { "description": "Captures the change event and emits the selected value and original event details.", "name": "on-radio-change" } ], "attributes": [ { "name": "value", "type": { "text": "string" }, "default": "''", "description": "Radio button value.", "fieldName": "value" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-radio-button", "customElement": true } ], "exports": [ { "kind": "js", "name": "RadioButton", "declaration": { "name": "RadioButton", "module": "src/components/reusable/radioButton/radioButton.ts" } }, { "kind": "custom-element-definition", "name": "kyn-radio-button", "declaration": { "name": "RadioButton", "module": "src/components/reusable/radioButton/radioButton.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/radioButton/radioButtonGroup.ts", "declarations": [ { "kind": "class", "description": "Radio button group container.", "name": "RadioButtonGroup", "slots": [ { "description": "Slot for individual radio buttons.", "name": "unnamed" }, { "description": "Slot for label text.", "name": "label" } ], "members": [ { "kind": "field", "name": "name", "type": { "text": "string" }, "default": "''", "description": "Radio button input name attribute.", "attribute": "name" }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "description": "Radio button group selected value.", "attribute": "value" }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Makes the input required.", "attribute": "required" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Radio button group disabled state.", "attribute": "disabled" }, { "kind": "field", "name": "horizontal", "type": { "text": "boolean" }, "default": "false", "description": "Radio button group horizontal layout.", "attribute": "horizontal" }, { "kind": "field", "name": "invalidText", "type": { "text": "string" }, "default": "''", "description": "Radio button group invalid text.", "attribute": "invalidText" }, { "kind": "method", "name": "_validate", "privacy": "private", "parameters": [ { "name": "interacted", "type": { "text": "Boolean" } }, { "name": "report", "type": { "text": "Boolean" } } ] }, { "kind": "method", "name": "_handleRadioChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_handleFormdata", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_handleInvalid", "privacy": "private" } ], "events": [ { "description": "Captures the change event and emits the selected value.", "name": "on-radio-group-change" } ], "attributes": [ { "name": "name", "type": { "text": "string" }, "default": "''", "description": "Radio button input name attribute.", "fieldName": "name" }, { "name": "value", "type": { "text": "string" }, "default": "''", "description": "Radio button group selected value.", "fieldName": "value" }, { "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Makes the input required.", "fieldName": "required" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Radio button group disabled state.", "fieldName": "disabled" }, { "name": "horizontal", "type": { "text": "boolean" }, "default": "false", "description": "Radio button group horizontal layout.", "fieldName": "horizontal" }, { "name": "invalidText", "type": { "text": "string" }, "default": "''", "description": "Radio button group invalid text.", "fieldName": "invalidText" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-radio-button-group", "customElement": true } ], "exports": [ { "kind": "js", "name": "RadioButtonGroup", "declaration": { "name": "RadioButtonGroup", "module": "src/components/reusable/radioButton/radioButtonGroup.ts" } }, { "kind": "custom-element-definition", "name": "kyn-radio-button-group", "declaration": { "name": "RadioButtonGroup", "module": "src/components/reusable/radioButton/radioButtonGroup.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/sideDrawer/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "SideDrawer", "declaration": { "name": "SideDrawer", "module": "./sideDrawer" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/sideDrawer/sideDrawer.ts", "declarations": [ { "kind": "class", "description": "Side Drawer.", "name": "SideDrawer", "slots": [ { "description": "Slot for drawer body content.", "name": "unnamed" }, { "description": "Slot for the anchor button content.", "name": "anchor" } ], "members": [ { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Drawer open state.", "attribute": "open" }, { "kind": "field", "name": "size", "type": { "text": "string" }, "default": "'md'", "description": "Drawer size. `'md'`, or `'sm'`.", "attribute": "size" }, { "kind": "field", "name": "titleText", "type": { "text": "string" }, "default": "''", "description": "Title / Heading text, required.", "attribute": "titleText" }, { "kind": "field", "name": "labelText", "type": { "text": "string" }, "default": "''", "description": "Label text, optional.", "attribute": "labelText" }, { "kind": "field", "name": "submitBtnText", "type": { "text": "string" }, "default": "'Ok'", "description": "Submit button text.", "attribute": "submitBtnText" }, { "kind": "field", "name": "cancelBtnText", "type": { "text": "string" }, "default": "'Cancel'", "description": "Cancel button text.", "attribute": "cancelBtnText" }, { "kind": "field", "name": "submitBtnDisabled", "type": { "text": "boolean" }, "default": "false", "description": "Disables the primary button.", "attribute": "submitBtnDisabled" }, { "kind": "field", "name": "hideFooter", "type": { "text": "boolean" }, "default": "false", "description": "Determine whether needs footer", "attribute": "hideFooter" }, { "kind": "field", "name": "destructive", "type": { "text": "boolean" }, "default": "false", "description": "Changes the primary button styles to indicate the action is destructive.", "attribute": "destructive" }, { "kind": "field", "name": "beforeClose", "type": { "text": "Function" }, "description": "Function to execute before the Drawer can close. Useful for running checks or validations before closing. Exposes `returnValue` (`'ok'` or `'cancel'`). Must return `true` or `false`." }, { "kind": "method", "name": "_openDrawer", "privacy": "private" }, { "kind": "method", "name": "_closeDrawer", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } }, { "name": "returnValue", "type": { "text": "string" } } ] }, { "kind": "method", "name": "_emitCloseEvent", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] } ], "events": [ { "description": "Emits the drawer close event with `returnValue` (`'ok'` or `'cancel'`).", "name": "on-close" } ], "attributes": [ { "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Drawer open state.", "fieldName": "open" }, { "name": "size", "type": { "text": "string" }, "default": "'md'", "description": "Drawer size. `'md'`, or `'sm'`.", "fieldName": "size" }, { "name": "titleText", "type": { "text": "string" }, "default": "''", "description": "Title / Heading text, required.", "fieldName": "titleText" }, { "name": "labelText", "type": { "text": "string" }, "default": "''", "description": "Label text, optional.", "fieldName": "labelText" }, { "name": "submitBtnText", "type": { "text": "string" }, "default": "'Ok'", "description": "Submit button text.", "fieldName": "submitBtnText" }, { "name": "cancelBtnText", "type": { "text": "string" }, "default": "'Cancel'", "description": "Cancel button text.", "fieldName": "cancelBtnText" }, { "name": "submitBtnDisabled", "type": { "text": "boolean" }, "default": "false", "description": "Disables the primary button.", "fieldName": "submitBtnDisabled" }, { "name": "hideFooter", "type": { "text": "boolean" }, "default": "false", "description": "Determine whether needs footer", "fieldName": "hideFooter" }, { "name": "destructive", "type": { "text": "boolean" }, "default": "false", "description": "Changes the primary button styles to indicate the action is destructive.", "fieldName": "destructive" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-side-drawer", "customElement": true } ], "exports": [ { "kind": "js", "name": "SideDrawer", "declaration": { "name": "SideDrawer", "module": "src/components/reusable/sideDrawer/sideDrawer.ts" } }, { "kind": "custom-element-definition", "name": "kyn-side-drawer", "declaration": { "name": "SideDrawer", "module": "src/components/reusable/sideDrawer/sideDrawer.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/table/data-table.ts", "declarations": [ { "kind": "class", "description": "DEPRECATED. `kyn-data-table` Web Component.\r\nThis component provides a table with sorting, pagination, and selection capabilities.\r\nIt is designed to be used with the `kyn-table-toolbar` and `kyn-table-container` components.", "name": "DataTable", "members": [ { "kind": "field", "name": "rows", "type": { "text": "any[]" }, "default": "[]", "description": "rows: Array of objects representing each row in the data table.", "attribute": "rows" }, { "kind": "field", "name": "columns", "type": { "text": "ColumnDefinition[]" }, "default": "[]", "description": "columns: Array of objects defining column properties such as\r\nfield name, sorting function, etc.", "attribute": "columns" }, { "kind": "field", "name": "checkboxSelection", "type": { "text": "boolean" }, "default": "false", "description": "checkboxSelection: Boolean indicating whether rows should be\r\nselectable using checkboxes.", "attribute": "checkboxSelection" }, { "kind": "field", "name": "striped", "type": { "text": "boolean" }, "default": "false", "description": "striped: Boolean indicating whether rows should have alternate\r\ncoloring.", "attribute": "striped" }, { "kind": "field", "name": "selectedRows", "default": "new Set()", "description": "selectedRows: Set of row ids that are currently selected.", "attribute": "selectedRows" }, { "kind": "field", "name": "stickyHeader", "type": { "text": "boolean" }, "default": "false", "description": "stickyHeader: Boolean indicating whether the table header\r\nshould be sticky.", "attribute": "stickyHeader" }, { "kind": "field", "name": "dense", "type": { "text": "boolean" }, "default": "false", "description": "dense: Boolean indicating whether the table should be displayed\r\nin dense mode.", "attribute": "dense" }, { "kind": "field", "name": "paginationModel", "type": { "text": "object" }, "default": "{\r\n count: 0,\r\n pageSize: 5,\r\n pageNumber: 0,\r\n pageSizeOptions: [5, 10],\r\n }", "description": "paginationModel: Object holding pagination information such as\r\ncurrent page, page size, etc.", "attribute": "paginationModel" }, { "kind": "field", "name": "hideItemsRange", "type": { "text": "boolean" }, "default": "false", "description": "Option to hide the items range display.", "attribute": "hideItemsRange" }, { "kind": "field", "name": "hidePageSizeDropdown", "type": { "text": "boolean" }, "default": "false", "description": "Option to hide the page size dropdown.", "attribute": "hidePageSizeDropdown" }, { "kind": "field", "name": "hideNavigationButtons", "type": { "text": "boolean" }, "default": "false", "description": "Option to hide the navigation buttons.", "attribute": "hideNavigationButtons" }, { "kind": "field", "name": "fixedLayout", "type": { "text": "boolean" }, "default": "false", "description": "Determines if the table layout is fixed (true) or auto (false).", "attribute": "fixedLayout" }, { "kind": "method", "name": "updateHeaderCheckbox", "description": "Updates the state of the header checkbox based on the number of\r\nselected rows." }, { "kind": "method", "name": "handleRowSelectionChange", "parameters": [ { "name": "rowId", "type": { "text": "number" } }, { "name": "isChecked", "type": { "text": "boolean" } } ], "description": "Handles the change of selection state for a specific row." }, { "kind": "method", "name": "toggleSelectionAll", "description": "Toggles the selection state of all rows in the table." }, { "kind": "method", "name": "onPageSizeChange", "parameters": [ { "name": "event", "type": { "text": "CustomEvent" } } ], "description": "Handles the change of page size in pagination." }, { "kind": "method", "name": "onPageNumberChange", "parameters": [ { "name": "event", "type": { "text": "CustomEvent" } } ], "description": "Handles the change of page number in pagination." } ], "events": [ { "name": "on-selected-rows-changed", "type": { "text": "CustomEvent" }, "description": "Dispatched when the selected rows change." }, { "name": "on-page-changed", "type": { "text": "CustomEvent" }, "description": "Dispatched when the page number or page size changes." }, { "description": "Dispatched when the sort order changes.", "name": "on-sort-changed" } ], "attributes": [ { "name": "rows", "type": { "text": "any[]" }, "default": "[]", "description": "rows: Array of objects representing each row in the data table.", "fieldName": "rows" }, { "name": "columns", "type": { "text": "ColumnDefinition[]" }, "default": "[]", "description": "columns: Array of objects defining column properties such as\r\nfield name, sorting function, etc.", "fieldName": "columns" }, { "name": "checkboxSelection", "type": { "text": "boolean" }, "default": "false", "description": "checkboxSelection: Boolean indicating whether rows should be\r\nselectable using checkboxes.", "fieldName": "checkboxSelection" }, { "name": "striped", "type": { "text": "boolean" }, "default": "false", "description": "striped: Boolean indicating whether rows should have alternate\r\ncoloring.", "fieldName": "striped" }, { "name": "selectedRows", "default": "new Set()", "description": "selectedRows: Set of row ids that are currently selected.", "fieldName": "selectedRows" }, { "name": "stickyHeader", "type": { "text": "boolean" }, "default": "false", "description": "stickyHeader: Boolean indicating whether the table header\r\nshould be sticky.", "fieldName": "stickyHeader" }, { "name": "dense", "type": { "text": "boolean" }, "default": "false", "description": "dense: Boolean indicating whether the table should be displayed\r\nin dense mode.", "fieldName": "dense" }, { "name": "paginationModel", "type": { "text": "object" }, "default": "{\r\n count: 0,\r\n pageSize: 5,\r\n pageNumber: 0,\r\n pageSizeOptions: [5, 10],\r\n }", "description": "paginationModel: Object holding pagination information such as\r\ncurrent page, page size, etc.", "fieldName": "paginationModel" }, { "name": "hideItemsRange", "type": { "text": "boolean" }, "default": "false", "description": "Option to hide the items range display.", "fieldName": "hideItemsRange" }, { "name": "hidePageSizeDropdown", "type": { "text": "boolean" }, "default": "false", "description": "Option to hide the page size dropdown.", "fieldName": "hidePageSizeDropdown" }, { "name": "hideNavigationButtons", "type": { "text": "boolean" }, "default": "false", "description": "Option to hide the navigation buttons.", "fieldName": "hideNavigationButtons" }, { "name": "fixedLayout", "type": { "text": "boolean" }, "default": "false", "description": "Determines if the table layout is fixed (true) or auto (false).", "fieldName": "fixedLayout" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-data-table", "customElement": true } ], "exports": [ { "kind": "js", "name": "DataTable", "declaration": { "name": "DataTable", "module": "src/components/reusable/table/data-table.ts" } }, { "kind": "custom-element-definition", "name": "kyn-data-table", "declaration": { "name": "DataTable", "module": "src/components/reusable/table/data-table.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/table/defs.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/components/reusable/table/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "Table", "declaration": { "name": "Table", "module": "./Table" } }, { "kind": "js", "name": "TableCell", "declaration": { "name": "TableCell", "module": "./table-cell" } }, { "kind": "js", "name": "TableRow", "declaration": { "name": "TableRow", "module": "./table-row" } }, { "kind": "js", "name": "TableBody", "declaration": { "name": "TableBody", "module": "./table-body" } }, { "kind": "js", "name": "TableHead", "declaration": { "name": "TableHead", "module": "./table-head" } }, { "kind": "js", "name": "TableHeader", "declaration": { "name": "TableHeader", "module": "./table-header" } }, { "kind": "js", "name": "TableFooter", "declaration": { "name": "TableFooter", "module": "./table-footer" } }, { "kind": "js", "name": "TableToolbar", "declaration": { "name": "TableToolbar", "module": "./table-toolbar" } }, { "kind": "js", "name": "TableContainer", "declaration": { "name": "TableContainer", "module": "./table-container" } }, { "kind": "js", "name": "Pagination", "declaration": { "name": "Pagination", "module": "../pagination" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/table/table-body.ts", "declarations": [ { "kind": "class", "description": "`kyn-tbody` Web Component.\r\n\r\nRepresents the body section of Shidoka's design system tables. Designed to provide\r\na consistent look and feel, and can offer striped rows for enhanced readability.", "name": "TableBody", "slots": [ { "description": "The content slot for adding rows (``) within the table body.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "striped", "type": { "text": "boolean" }, "default": "false", "description": "Determines if the rows in the table body should be striped.", "attribute": "striped", "reflects": true } ], "attributes": [ { "name": "striped", "type": { "text": "boolean" }, "default": "false", "description": "Determines if the rows in the table body should be striped.", "fieldName": "striped" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-tbody", "customElement": true } ], "exports": [ { "kind": "js", "name": "TableBody", "declaration": { "name": "TableBody", "module": "src/components/reusable/table/table-body.ts" } }, { "kind": "custom-element-definition", "name": "kyn-tbody", "declaration": { "name": "TableBody", "module": "src/components/reusable/table/table-body.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/table/table-cell.ts", "declarations": [ { "kind": "class", "description": "`kyn-td` Web Component.\r\n\r\nRepresents a table cell (data cell) within Shidoka's design system tables.\r\nAllows customization of alignment and can reflect the sort direction when\r\nused within sortable columns.", "name": "TableCell", "slots": [ { "description": "The content slot for adding table data inside the cell.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "dense", "type": { "text": "boolean" }, "default": "false", "attribute": "dense" }, { "kind": "field", "name": "align", "type": { "text": "TABLE_CELL_ALIGN" }, "description": "Determines the text alignment of the table cell's content.", "attribute": "align", "reflects": true }, { "kind": "field", "name": "sortDirection", "type": { "text": "SORT_DIRECTION" }, "description": "Reflects the sort direction when used within sortable columns.", "attribute": "sortDirection" }, { "kind": "field", "name": "width", "type": { "text": "string" }, "default": "''", "description": "Sets a fixed width for the cell.\r\nAccepts standard CSS width values (e.g., '150px', '50%').", "attribute": "width" }, { "kind": "field", "name": "maxWidth", "type": { "text": "string" }, "default": "''", "description": "Sets a maximum width for the cell; contents exceeding this limit will be truncated with ellipsis.\r\nAccepts standard CSS width values (e.g., '150px', '50%').", "attribute": "maxWidth" }, { "kind": "field", "name": "ellipsis", "type": { "text": "boolean" }, "default": "false", "description": "Truncates the cell's contents with ellipsis.", "attribute": "ellipsis" } ], "attributes": [ { "name": "dense", "type": { "text": "boolean" }, "default": "false", "fieldName": "dense" }, { "name": "align", "type": { "text": "TABLE_CELL_ALIGN" }, "description": "Determines the text alignment of the table cell's content.", "fieldName": "align" }, { "name": "sortDirection", "type": { "text": "SORT_DIRECTION" }, "description": "Reflects the sort direction when used within sortable columns.", "fieldName": "sortDirection" }, { "name": "width", "type": { "text": "string" }, "default": "''", "description": "Sets a fixed width for the cell.\r\nAccepts standard CSS width values (e.g., '150px', '50%').", "fieldName": "width" }, { "name": "maxWidth", "type": { "text": "string" }, "default": "''", "description": "Sets a maximum width for the cell; contents exceeding this limit will be truncated with ellipsis.\r\nAccepts standard CSS width values (e.g., '150px', '50%').", "fieldName": "maxWidth" }, { "name": "ellipsis", "type": { "text": "boolean" }, "default": "false", "description": "Truncates the cell's contents with ellipsis.", "fieldName": "ellipsis" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-td", "customElement": true } ], "exports": [ { "kind": "js", "name": "TableCell", "declaration": { "name": "TableCell", "module": "src/components/reusable/table/table-cell.ts" } }, { "kind": "custom-element-definition", "name": "kyn-td", "declaration": { "name": "TableCell", "module": "src/components/reusable/table/table-cell.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/table/table-container.ts", "declarations": [ { "kind": "class", "description": "`kyn-table-container` Web Component.\r\n\r\nProvides a container for Shidoka's design system tables. It's designed to encapsulate\r\nand apply styles uniformly across the table elements.", "name": "TableContainer", "slots": [ { "description": "The content slot for adding table and related elements.", "name": "unnamed" } ], "members": [], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-table-container", "customElement": true } ], "exports": [ { "kind": "js", "name": "TableContainer", "declaration": { "name": "TableContainer", "module": "src/components/reusable/table/table-container.ts" } }, { "kind": "custom-element-definition", "name": "kyn-table-container", "declaration": { "name": "TableContainer", "module": "src/components/reusable/table/table-container.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/table/table-footer.ts", "declarations": [ { "kind": "class", "description": "`kyn-tfoot` Web Component.\r\n\r\nRepresents a custom table footer (``) for Shidoka's design system tables.\r\nDesigned to contain and style table footer rows (``) and footer cells (``).", "name": "TableFooter", "slots": [ { "description": "The content slot for adding table footer rows.", "name": "" } ], "members": [], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-tfoot", "customElement": true } ], "exports": [ { "kind": "js", "name": "TableFooter", "declaration": { "name": "TableFooter", "module": "src/components/reusable/table/table-footer.ts" } }, { "kind": "custom-element-definition", "name": "kyn-tfoot", "declaration": { "name": "TableFooter", "module": "src/components/reusable/table/table-footer.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/table/table-head.ts", "declarations": [ { "kind": "class", "description": "`kyn-thead` Web Component.\r\n\r\nRepresents a custom table head (``) for Shidoka's design system tables.\r\nDesigned to contain and style table header rows (``) and header cells (``).", "name": "TableHead", "slots": [ { "description": "The content slot for adding table header rows (``).", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "stickyHeader", "type": { "text": "boolean" }, "default": "false", "attribute": "stickyHeader" }, { "kind": "method", "name": "handleChildSort", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "CustomEvent" } } ] } ], "attributes": [ { "name": "stickyHeader", "type": { "text": "boolean" }, "default": "false", "fieldName": "stickyHeader" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-thead", "customElement": true } ], "exports": [ { "kind": "js", "name": "TableHead", "declaration": { "name": "TableHead", "module": "src/components/reusable/table/table-head.ts" } }, { "kind": "custom-element-definition", "name": "kyn-thead", "declaration": { "name": "TableHead", "module": "src/components/reusable/table/table-head.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/table/table-header.ts", "declarations": [ { "kind": "class", "description": "`kyn-th` Web Component.\r\n\r\nRepresents a custom table header cell (``) for Shidoka's design system tables.\r\nProvides sorting functionality when enabled and allows alignment customization.", "name": "TableHeader", "slots": [ { "description": "The content slot for adding header text or content.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "dense", "type": { "text": "boolean" }, "default": "false", "attribute": "dense" }, { "kind": "field", "name": "align", "type": { "text": "TABLE_CELL_ALIGN" }, "description": "Specifies the alignment of the content within the table header.\r\nOptions: 'left', 'center', 'right'", "attribute": "align", "reflects": true }, { "kind": "field", "name": "sortable", "type": { "text": "boolean" }, "default": "false", "description": "Specifies if the column is sortable.\r\nIf set to true, an arrow icon will be displayed unpon hover,\r\nallowing the user to toggle sort directions.", "attribute": "sortable", "reflects": true }, { "kind": "field", "name": "sortDirection", "type": { "text": "SORT_DIRECTION" }, "description": "Specifies the direction of sorting applied to the column.", "attribute": "sortDirection", "reflects": true }, { "kind": "field", "name": "headerLabel", "type": { "text": "string" }, "default": "''", "description": "The textual content associated with this component.\r\nRepresents the primary content or label that will be displayed.", "attribute": "headerLabel" }, { "kind": "field", "name": "sortKey", "type": { "text": "string" }, "default": "''", "description": "The unique identifier representing this column header.\r\nUsed to distinguish between different sortable columns and\r\nto ensure that only one column is sorted at a time.", "attribute": "sortKey" }, { "kind": "field", "name": "visiblyHidden", "type": { "text": "boolean" }, "default": "false", "description": "Determines whether the content should be hidden from visual view but remain accessible\r\nto screen readers for accessibility purposes. When set to `true`, the content\r\nwill not be visibly shown, but its content can still be read by screen readers.\r\nThis is especially useful for providing additional context or information to\r\nassistive technologies without cluttering the visual UI.", "attribute": "visiblyHidden" }, { "kind": "method", "name": "resetSort", "description": "Resets the sorting direction of the component to its default state.\r\nUseful for initializing or clearing any applied sorting on the element." }, { "kind": "method", "name": "toggleSortDirection", "privacy": "private", "description": "Toggles the sort direction between ascending, descending, and default states.\r\nIt also dispatches an event to notify parent components of the sorting change." }, { "kind": "method", "name": "getTextContent" } ], "events": [ { "name": "on-sort-changed", "type": { "text": "CustomEvent" }, "description": "Dispatched when the sort direction is changed." } ], "attributes": [ { "name": "dense", "type": { "text": "boolean" }, "default": "false", "fieldName": "dense" }, { "name": "align", "type": { "text": "TABLE_CELL_ALIGN" }, "description": "Specifies the alignment of the content within the table header.\r\nOptions: 'left', 'center', 'right'", "fieldName": "align" }, { "name": "sortable", "type": { "text": "boolean" }, "default": "false", "description": "Specifies if the column is sortable.\r\nIf set to true, an arrow icon will be displayed unpon hover,\r\nallowing the user to toggle sort directions.", "fieldName": "sortable" }, { "name": "sortDirection", "type": { "text": "SORT_DIRECTION" }, "description": "Specifies the direction of sorting applied to the column.", "fieldName": "sortDirection" }, { "name": "headerLabel", "type": { "text": "string" }, "default": "''", "description": "The textual content associated with this component.\r\nRepresents the primary content or label that will be displayed.", "fieldName": "headerLabel" }, { "name": "sortKey", "type": { "text": "string" }, "default": "''", "description": "The unique identifier representing this column header.\r\nUsed to distinguish between different sortable columns and\r\nto ensure that only one column is sorted at a time.", "fieldName": "sortKey" }, { "name": "visiblyHidden", "type": { "text": "boolean" }, "default": "false", "description": "Determines whether the content should be hidden from visual view but remain accessible\r\nto screen readers for accessibility purposes. When set to `true`, the content\r\nwill not be visibly shown, but its content can still be read by screen readers.\r\nThis is especially useful for providing additional context or information to\r\nassistive technologies without cluttering the visual UI.", "fieldName": "visiblyHidden" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-th", "customElement": true } ], "exports": [ { "kind": "js", "name": "TableHeader", "declaration": { "name": "TableHeader", "module": "src/components/reusable/table/table-header.ts" } }, { "kind": "custom-element-definition", "name": "kyn-th", "declaration": { "name": "TableHeader", "module": "src/components/reusable/table/table-header.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/table/table-row.ts", "declarations": [ { "kind": "class", "description": "`kyn-tr` Web Component.\r\n\r\nRepresents a table row (``) equivalent for custom tables created with Shidoka's design system.\r\nIt primarily acts as a container for individual table cells and behaves similarly to a native `` element.", "name": "TableRow", "slots": [ { "description": "The content slot for adding table cells (`kyn-td` or other relevant cells).", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "attribute": "selected", "reflects": true }, { "kind": "field", "name": "clickable", "type": { "text": "boolean" }, "default": "false", "attribute": "clickable", "reflects": true }, { "kind": "field", "name": "expanded", "type": { "text": "boolean" }, "default": "false", "attribute": "expanded", "reflects": true }, { "kind": "method", "name": "handleClick" } ], "attributes": [ { "name": "selected", "type": { "text": "boolean" }, "default": "false", "fieldName": "selected" }, { "name": "clickable", "type": { "text": "boolean" }, "default": "false", "fieldName": "clickable" }, { "name": "expanded", "type": { "text": "boolean" }, "default": "false", "fieldName": "expanded" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-tr", "customElement": true } ], "exports": [ { "kind": "js", "name": "TableRow", "declaration": { "name": "TableRow", "module": "src/components/reusable/table/table-row.ts" } }, { "kind": "custom-element-definition", "name": "kyn-tr", "declaration": { "name": "TableRow", "module": "src/components/reusable/table/table-row.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/table/table-toolbar.ts", "declarations": [ { "kind": "class", "description": "`kyn-table-toolbar` Web Component.\r\n\r\nThis component provides a toolbar for tables, primarily featuring a title and additional content.\r\nThe title is rendered prominently, while the slot can be used for controls, buttons, or other interactive elements.", "name": "TableToolbar", "slots": [ { "description": "The primary content slot for controls, buttons, or other toolbar content.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "tableTitle", "type": { "text": "string" }, "default": "''", "description": "The title for the toolbar", "attribute": "tableTitle" } ], "attributes": [ { "name": "tableTitle", "type": { "text": "string" }, "default": "''", "description": "The title for the toolbar", "fieldName": "tableTitle" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-table-toolbar", "customElement": true } ], "exports": [ { "kind": "js", "name": "TableToolbar", "declaration": { "name": "TableToolbar", "module": "src/components/reusable/table/table-toolbar.ts" } }, { "kind": "custom-element-definition", "name": "kyn-table-toolbar", "declaration": { "name": "TableToolbar", "module": "src/components/reusable/table/table-toolbar.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/table/Table.ts", "declarations": [ { "kind": "class", "description": "`kyn-table` Web Component.\r\n\r\nThis component provides a generic table structure with a slot to allow customization.\r\nYou can use this component to wrap around table rows and cells for a consistent style.", "name": "Table", "slots": [ { "description": "The primary content slot for rows, headers, and cells.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "fixedLayout", "type": { "text": "boolean" }, "default": "false", "description": "Determines if the table layout is fixed (true) or auto (false).", "attribute": "fixedLayout" } ], "attributes": [ { "name": "fixedLayout", "type": { "text": "boolean" }, "default": "false", "description": "Determines if the table layout is fixed (true) or auto (false).", "fieldName": "fixedLayout" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-table", "customElement": true } ], "exports": [ { "kind": "js", "name": "Table", "declaration": { "name": "Table", "module": "src/components/reusable/table/Table.ts" } }, { "kind": "custom-element-definition", "name": "kyn-table", "declaration": { "name": "Table", "module": "src/components/reusable/table/Table.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/tabs/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "Tabs", "declaration": { "name": "Tabs", "module": "./tabs" } }, { "kind": "js", "name": "Tab", "declaration": { "name": "Tab", "module": "./tab" } }, { "kind": "js", "name": "TabPanel", "declaration": { "name": "TabPanel", "module": "./tabPanel" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/tabs/tab.ts", "declarations": [ { "kind": "class", "description": "Tabs.", "name": "Tab", "slots": [ { "description": "Slot for tab button text.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "id", "type": { "text": "string" }, "default": "''", "description": "Tab ID, required.", "attribute": "id", "reflects": true }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Tab selected state. Must match Tab Panel visible state.", "attribute": "selected", "reflects": true }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Tab disabled state.", "attribute": "disabled" }, { "kind": "method", "name": "_handleClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" }, "description": "The parameter \"e\" is an event object that represents the event that triggered the\r\nclick event handler." } ], "description": "Dispatches a custom event called 'tab-activated' with the original event and tabId as details,\r\nif the tab is not selected." } ], "attributes": [ { "name": "id", "type": { "text": "string" }, "default": "''", "description": "Tab ID, required.", "fieldName": "id" }, { "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Tab selected state. Must match Tab Panel visible state.", "fieldName": "selected" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Tab disabled state.", "fieldName": "disabled" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-tab", "customElement": true } ], "exports": [ { "kind": "js", "name": "Tab", "declaration": { "name": "Tab", "module": "src/components/reusable/tabs/tab.ts" } }, { "kind": "custom-element-definition", "name": "kyn-tab", "declaration": { "name": "Tab", "module": "src/components/reusable/tabs/tab.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/tabs/tabPanel.ts", "declarations": [ { "kind": "class", "description": "Tabs.", "name": "TabPanel", "slots": [ { "description": "Slot for tab content.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "tabId", "type": { "text": "string" }, "default": "''", "description": "Matching Tab ID, required.", "attribute": "tabId" }, { "kind": "field", "name": "visible", "type": { "text": "boolean" }, "default": "false", "description": "Tab Panel visible state. Must match Tab selected state.", "attribute": "visible", "reflects": true }, { "kind": "field", "name": "noPadding", "type": { "text": "boolean" }, "default": "false", "description": "Remove side padding (left/right) on tab panel.", "attribute": "noPadding" } ], "attributes": [ { "name": "tabId", "type": { "text": "string" }, "default": "''", "description": "Matching Tab ID, required.", "fieldName": "tabId" }, { "name": "visible", "type": { "text": "boolean" }, "default": "false", "description": "Tab Panel visible state. Must match Tab selected state.", "fieldName": "visible" }, { "name": "noPadding", "type": { "text": "boolean" }, "default": "false", "description": "Remove side padding (left/right) on tab panel.", "fieldName": "noPadding" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-tab-panel", "customElement": true } ], "exports": [ { "kind": "js", "name": "TabPanel", "declaration": { "name": "TabPanel", "module": "src/components/reusable/tabs/tabPanel.ts" } }, { "kind": "custom-element-definition", "name": "kyn-tab-panel", "declaration": { "name": "TabPanel", "module": "src/components/reusable/tabs/tabPanel.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/tabs/tabs.ts", "declarations": [ { "kind": "class", "description": "Tabs.", "name": "Tabs", "slots": [ { "description": "Slot for kyn-tab-panel components.", "name": "unnamed" }, { "description": "Slot for kyn-tab components.", "name": "tabs" } ], "members": [ { "kind": "field", "name": "tabStyle", "type": { "text": "string" }, "default": "'contained'", "description": "Tab style. `'contained'` or `'line'`.", "attribute": "tabStyle" }, { "kind": "field", "name": "tabSize", "type": { "text": "string" }, "default": "'md'", "description": "Size of the tab buttons, `'sm'` or `'md'`. Icon size: 16px.", "attribute": "tabSize" }, { "kind": "field", "name": "vertical", "type": { "text": "boolean" }, "default": "false", "description": "Vertical orientation.", "attribute": "vertical" }, { "kind": "method", "name": "_handleSlotChangeTabs", "privacy": "private" }, { "kind": "method", "name": "_updateChildren", "privacy": "private" }, { "kind": "method", "name": "_handleChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" }, "description": "The parameter \"e\" is an event object that contains information about the event\r\nthat triggered the handleChange function." } ], "description": "Updates children and emits a change event based on the provided\r\nevent details when a child kyn-tab is clicked." }, { "kind": "method", "name": "_updateChildrenSelection", "privacy": "private", "parameters": [ { "name": "selectedTabId", "type": { "text": "string" }, "description": "The selectedTabId parameter is a string that represents the ID of\r\nthe tab that is currently selected." } ], "description": "Updates the selected property of tabs and the visible property of tab panels based on\r\nthe selected tab ID." }, { "kind": "method", "name": "_emitChangeEvent", "privacy": "private", "parameters": [ { "name": "origEvent", "type": { "text": "any" }, "description": "The origEvent parameter is the original event object that triggered the\r\nchange event. It could be any type of event object, such as a click event or a keydown event." }, { "name": "selectedTabId", "type": { "text": "string" }, "description": "The selectedTabId parameter is a string that represents the ID of\r\nthe selected tab." } ], "description": "Creates and dispatches a custom event called 'on-change' with the provided original event and\r\nselected tab ID as details." }, { "kind": "method", "name": "_handleKeyboard", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" }, "description": "The parameter `e` is an event object that represents the keyboard event. It\r\ncontains information about the keyboard event, such as the key code of the pressed key." } ], "description": "Handles keyboard events for navigating between tabs.", "return": { "type": { "text": "" } } } ], "events": [ { "description": "Emits the new selected Tab ID when switching tabs.", "name": "on-change" } ], "attributes": [ { "name": "tabStyle", "type": { "text": "string" }, "default": "'contained'", "description": "Tab style. `'contained'` or `'line'`.", "fieldName": "tabStyle" }, { "name": "tabSize", "type": { "text": "string" }, "default": "'md'", "description": "Size of the tab buttons, `'sm'` or `'md'`. Icon size: 16px.", "fieldName": "tabSize" }, { "name": "vertical", "type": { "text": "boolean" }, "default": "false", "description": "Vertical orientation.", "fieldName": "vertical" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-tabs", "customElement": true } ], "exports": [ { "kind": "js", "name": "Tabs", "declaration": { "name": "Tabs", "module": "src/components/reusable/tabs/tabs.ts" } }, { "kind": "custom-element-definition", "name": "kyn-tabs", "declaration": { "name": "Tabs", "module": "src/components/reusable/tabs/tabs.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/tag/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "Tag", "declaration": { "name": "Tag", "module": "./tag" } }, { "kind": "js", "name": "TagGroup", "declaration": { "name": "TagGroup", "module": "./tagGroup" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/tag/tag.ts", "declarations": [ { "kind": "class", "description": "Tag.", "name": "Tag", "members": [ { "kind": "field", "name": "label", "type": { "text": "string" }, "default": "''", "description": "Tag name (Required).", "attribute": "label" }, { "kind": "field", "name": "tagSize", "type": { "text": "string" }, "default": "'md'", "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", "attribute": "tagSize" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Specify if the Tag is disabled.", "attribute": "disabled" }, { "kind": "field", "name": "filter", "type": { "text": "boolean" }, "default": "false", "description": "Determine if Tag state is filter.", "attribute": "filter" }, { "kind": "field", "name": "shade", "type": { "text": "string" }, "default": "'light'", "description": "Shade `'light'` (default) and `'dark'` for tag", "attribute": "shade" }, { "kind": "field", "name": "tagColor", "type": { "text": "string" }, "default": "'spruce'", "description": "Color variants. Default spruce", "attribute": "tagColor" }, { "kind": "method", "name": "handleTagClear", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } }, { "name": "value", "type": { "text": "string" } } ] } ], "events": [ { "description": "Captures the close event and emits the Tag value. Works with filterable tags.", "name": "on-close" } ], "attributes": [ { "name": "label", "type": { "text": "string" }, "default": "''", "description": "Tag name (Required).", "fieldName": "label" }, { "name": "tagSize", "type": { "text": "string" }, "default": "'md'", "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", "fieldName": "tagSize" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Specify if the Tag is disabled.", "fieldName": "disabled" }, { "name": "filter", "type": { "text": "boolean" }, "default": "false", "description": "Determine if Tag state is filter.", "fieldName": "filter" }, { "name": "shade", "type": { "text": "string" }, "default": "'light'", "description": "Shade `'light'` (default) and `'dark'` for tag", "fieldName": "shade" }, { "name": "tagColor", "type": { "text": "string" }, "default": "'spruce'", "description": "Color variants. Default spruce", "fieldName": "tagColor" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-tag", "customElement": true } ], "exports": [ { "kind": "js", "name": "Tag", "declaration": { "name": "Tag", "module": "src/components/reusable/tag/tag.ts" } }, { "kind": "custom-element-definition", "name": "kyn-tag", "declaration": { "name": "Tag", "module": "src/components/reusable/tag/tag.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/tag/tagGroup.ts", "declarations": [ { "kind": "class", "description": "Tag & Tag Group", "name": "TagGroup", "slots": [ { "description": "Slot for individual tags.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "textStrings", "type": { "text": "object" }, "default": "{\r\n showAll: 'Show all',\r\n showLess: 'Show less',\r\n }", "description": "Text string customization.", "attribute": "textStrings" }, { "kind": "field", "name": "limitTags", "type": { "text": "boolean" }, "default": "false", "description": "Limits visible tags (5) behind a \"Show all\" button. Use only if having more than 5 tags.", "attribute": "limitTags" }, { "kind": "field", "name": "filter", "type": { "text": "boolean" }, "default": "false", "description": "Tag group filter", "attribute": "filter" }, { "kind": "field", "name": "tagSize", "type": { "text": "string" }, "default": "'md'", "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", "attribute": "tagSize" }, { "kind": "method", "name": "_handleSlotChange", "privacy": "private" }, { "kind": "method", "name": "_updateChildren", "privacy": "private" }, { "kind": "method", "name": "_toggleRevealed", "privacy": "private", "parameters": [ { "name": "revealed", "type": { "text": "boolean" } } ] } ], "attributes": [ { "name": "textStrings", "type": { "text": "object" }, "default": "{\r\n showAll: 'Show all',\r\n showLess: 'Show less',\r\n }", "description": "Text string customization.", "fieldName": "textStrings" }, { "name": "limitTags", "type": { "text": "boolean" }, "default": "false", "description": "Limits visible tags (5) behind a \"Show all\" button. Use only if having more than 5 tags.", "fieldName": "limitTags" }, { "name": "filter", "type": { "text": "boolean" }, "default": "false", "description": "Tag group filter", "fieldName": "filter" }, { "name": "tagSize", "type": { "text": "string" }, "default": "'md'", "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", "fieldName": "tagSize" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-tag-group", "customElement": true } ], "exports": [ { "kind": "js", "name": "TagGroup", "declaration": { "name": "TagGroup", "module": "src/components/reusable/tag/tagGroup.ts" } }, { "kind": "custom-element-definition", "name": "kyn-tag-group", "declaration": { "name": "TagGroup", "module": "src/components/reusable/tag/tagGroup.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/textArea/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "TextArea", "declaration": { "name": "TextArea", "module": "./textArea" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/textArea/textArea.ts", "declarations": [ { "kind": "class", "description": "Text area.", "name": "TextArea", "slots": [ { "description": "Slot for label text.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "caption", "type": { "text": "string" }, "default": "''", "description": "Optional text beneath the input.", "attribute": "caption" }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "description": "Input value.", "attribute": "value" }, { "kind": "field", "name": "placeholder", "type": { "text": "string" }, "default": "''", "description": "Input placeholder.", "attribute": "placeholder" }, { "kind": "field", "name": "name", "type": { "text": "string" }, "default": "''", "description": "Input name.", "attribute": "name" }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Makes the input required.", "attribute": "required" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Input disabled state.", "attribute": "disabled" }, { "kind": "field", "name": "invalidText", "type": { "text": "string" }, "default": "''", "description": "Input invalid text.", "attribute": "invalidText" }, { "kind": "field", "name": "maxLength", "type": { "text": "number" }, "description": "Maximum number of characters.", "attribute": "maxLength" }, { "kind": "field", "name": "minLength", "type": { "text": "number" }, "description": "Minimum number of characters.", "attribute": "minLength" }, { "kind": "method", "name": "handleInput", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_validate", "privacy": "private", "parameters": [ { "name": "interacted", "type": { "text": "Boolean" } }, { "name": "report", "type": { "text": "Boolean" } } ] }, { "kind": "method", "name": "_handleFormdata", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_handleInvalid", "privacy": "private" } ], "events": [ { "description": "Captures the input event and emits the selected value and original event details.", "name": "on-input" } ], "attributes": [ { "name": "caption", "type": { "text": "string" }, "default": "''", "description": "Optional text beneath the input.", "fieldName": "caption" }, { "name": "value", "type": { "text": "string" }, "default": "''", "description": "Input value.", "fieldName": "value" }, { "name": "placeholder", "type": { "text": "string" }, "default": "''", "description": "Input placeholder.", "fieldName": "placeholder" }, { "name": "name", "type": { "text": "string" }, "default": "''", "description": "Input name.", "fieldName": "name" }, { "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Makes the input required.", "fieldName": "required" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Input disabled state.", "fieldName": "disabled" }, { "name": "invalidText", "type": { "text": "string" }, "default": "''", "description": "Input invalid text.", "fieldName": "invalidText" }, { "name": "maxLength", "type": { "text": "number" }, "description": "Maximum number of characters.", "fieldName": "maxLength" }, { "name": "minLength", "type": { "text": "number" }, "description": "Minimum number of characters.", "fieldName": "minLength" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-text-area", "customElement": true } ], "exports": [ { "kind": "js", "name": "TextArea", "declaration": { "name": "TextArea", "module": "src/components/reusable/textArea/textArea.ts" } }, { "kind": "custom-element-definition", "name": "kyn-text-area", "declaration": { "name": "TextArea", "module": "src/components/reusable/textArea/textArea.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/textInput/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "TextInput", "declaration": { "name": "TextInput", "module": "./textInput" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/textInput/textInput.ts", "declarations": [ { "kind": "class", "description": "Text input.", "name": "TextInput", "slots": [ { "description": "Slot for label text.", "name": "unnamed" }, { "description": "Slot for contextual icon.", "name": "icon" } ], "members": [ { "kind": "field", "name": "type", "type": { "text": "string" }, "default": "'text'", "description": "Input type, limited to options that are \"text like\".", "attribute": "type" }, { "kind": "field", "name": "size", "type": { "text": "string" }, "default": "'md'", "description": "Input size. \"sm\", \"md\", or \"lg\".", "attribute": "size" }, { "kind": "field", "name": "caption", "type": { "text": "string" }, "default": "''", "description": "Optional text beneath the input.", "attribute": "caption" }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "description": "Input value.", "attribute": "value" }, { "kind": "field", "name": "placeholder", "type": { "text": "string" }, "default": "''", "description": "Input placeholder.", "attribute": "placeholder" }, { "kind": "field", "name": "name", "type": { "text": "string" }, "default": "''", "description": "Input name.", "attribute": "name" }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Makes the input required.", "attribute": "required" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Input disabled state.", "attribute": "disabled" }, { "kind": "field", "name": "invalidText", "type": { "text": "string" }, "default": "''", "description": "Input invalid text.", "attribute": "invalidText" }, { "kind": "field", "name": "pattern", "type": { "text": "string" }, "description": "RegEx pattern to validate.", "attribute": "pattern" }, { "kind": "field", "name": "maxLength", "type": { "text": "number" }, "description": "Maximum number of characters.", "attribute": "maxLength" }, { "kind": "field", "name": "minLength", "type": { "text": "number" }, "description": "Minimum number of characters.", "attribute": "minLength" }, { "kind": "field", "name": "iconRight", "type": { "text": "boolean" }, "default": "false", "description": "Place icon on the right.", "attribute": "iconRight" }, { "kind": "field", "name": "hideLabel", "type": { "text": "boolean" }, "default": "false", "description": "Visually hide the label.", "attribute": "hideLabel" }, { "kind": "method", "name": "_handleInput", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_handleClear", "privacy": "private" }, { "kind": "method", "name": "_emitValue", "privacy": "private", "parameters": [ { "name": "e", "optional": true, "type": { "text": "any" } } ] }, { "kind": "method", "name": "_validate", "privacy": "private", "parameters": [ { "name": "interacted", "type": { "text": "Boolean" } }, { "name": "report", "type": { "text": "Boolean" } } ] }, { "kind": "method", "name": "determineIfSlotted", "privacy": "private" }, { "kind": "method", "name": "_handleFormdata", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_handleInvalid", "privacy": "private" } ], "events": [ { "description": "Captures the input event and emits the selected value and original event details.", "name": "on-input" } ], "attributes": [ { "name": "type", "type": { "text": "string" }, "default": "'text'", "description": "Input type, limited to options that are \"text like\".", "fieldName": "type" }, { "name": "size", "type": { "text": "string" }, "default": "'md'", "description": "Input size. \"sm\", \"md\", or \"lg\".", "fieldName": "size" }, { "name": "caption", "type": { "text": "string" }, "default": "''", "description": "Optional text beneath the input.", "fieldName": "caption" }, { "name": "value", "type": { "text": "string" }, "default": "''", "description": "Input value.", "fieldName": "value" }, { "name": "placeholder", "type": { "text": "string" }, "default": "''", "description": "Input placeholder.", "fieldName": "placeholder" }, { "name": "name", "type": { "text": "string" }, "default": "''", "description": "Input name.", "fieldName": "name" }, { "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Makes the input required.", "fieldName": "required" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Input disabled state.", "fieldName": "disabled" }, { "name": "invalidText", "type": { "text": "string" }, "default": "''", "description": "Input invalid text.", "fieldName": "invalidText" }, { "name": "pattern", "type": { "text": "string" }, "description": "RegEx pattern to validate.", "fieldName": "pattern" }, { "name": "maxLength", "type": { "text": "number" }, "description": "Maximum number of characters.", "fieldName": "maxLength" }, { "name": "minLength", "type": { "text": "number" }, "description": "Minimum number of characters.", "fieldName": "minLength" }, { "name": "iconRight", "type": { "text": "boolean" }, "default": "false", "description": "Place icon on the right.", "fieldName": "iconRight" }, { "name": "hideLabel", "type": { "text": "boolean" }, "default": "false", "description": "Visually hide the label.", "fieldName": "hideLabel" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-text-input", "customElement": true } ], "exports": [ { "kind": "js", "name": "TextInput", "declaration": { "name": "TextInput", "module": "src/components/reusable/textInput/textInput.ts" } }, { "kind": "custom-element-definition", "name": "kyn-text-input", "declaration": { "name": "TextInput", "module": "src/components/reusable/textInput/textInput.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/timepicker/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "TimePicker", "declaration": { "name": "TimePicker", "module": "./timepicker" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/timepicker/timepicker.ts", "declarations": [ { "kind": "class", "description": "Time picker.", "name": "TimePicker", "slots": [ { "description": "Slot for label text.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "size", "type": { "text": "string" }, "default": "'md'", "description": "Input size. \"sm\", \"md\", or \"lg\".", "attribute": "size" }, { "kind": "field", "name": "caption", "type": { "text": "string" }, "default": "''", "description": "Optional text beneath the input.", "attribute": "caption" }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "description": "The value of the time input is always in 24-hour format that includes leading zeros: hh:mm,\r\nregardless of the input format, which is likely to be selected based on the user's locale (or by the user agent).\r\nIf the time includes seconds (by step attribute), the format is always hh:mm:ss", "attribute": "value" }, { "kind": "field", "name": "name", "type": { "text": "string" }, "default": "''", "description": "Time input name.", "attribute": "name" }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Makes the input required.", "attribute": "required" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Input disabled state.", "attribute": "disabled" }, { "kind": "field", "name": "invalidText", "type": { "text": "string" }, "default": "''", "description": "Time input invalid text.", "attribute": "invalidText" }, { "kind": "field", "name": "warnText", "type": { "text": "string" }, "default": "''", "description": "Time input warn text.", "attribute": "warnText" }, { "kind": "field", "name": "maxTime", "type": { "text": "string" }, "description": "Maximum Time hh:mm format.", "attribute": "maxTime" }, { "kind": "field", "name": "minTime", "type": { "text": "string" }, "description": "Minimum Time in hh:mm format.", "attribute": "minTime" }, { "kind": "field", "name": "step", "type": { "text": "string" }, "description": "Specifies the granularity that the value must adhere to, or the special value any,\r\nIt takes value that equates to the number of seconds you want to increment by;\r\nthe default (60 sec.). If you specify a value of less than 60 sec., the time input will show a seconds input area alongside the hours and minutes", "attribute": "step" }, { "kind": "method", "name": "handleInput", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_validate", "privacy": "private", "parameters": [ { "name": "interacted", "type": { "text": "Boolean" } }, { "name": "report", "type": { "text": "Boolean" } } ] }, { "kind": "method", "name": "_handleFormdata", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_handleInvalid", "privacy": "private" } ], "events": [ { "description": "Captures the input event and emits the selected value and original event details.", "name": "on-input" } ], "attributes": [ { "name": "size", "type": { "text": "string" }, "default": "'md'", "description": "Input size. \"sm\", \"md\", or \"lg\".", "fieldName": "size" }, { "name": "caption", "type": { "text": "string" }, "default": "''", "description": "Optional text beneath the input.", "fieldName": "caption" }, { "name": "value", "type": { "text": "string" }, "default": "''", "description": "The value of the time input is always in 24-hour format that includes leading zeros: hh:mm,\r\nregardless of the input format, which is likely to be selected based on the user's locale (or by the user agent).\r\nIf the time includes seconds (by step attribute), the format is always hh:mm:ss", "fieldName": "value" }, { "name": "name", "type": { "text": "string" }, "default": "''", "description": "Time input name.", "fieldName": "name" }, { "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Makes the input required.", "fieldName": "required" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Input disabled state.", "fieldName": "disabled" }, { "name": "invalidText", "type": { "text": "string" }, "default": "''", "description": "Time input invalid text.", "fieldName": "invalidText" }, { "name": "warnText", "type": { "text": "string" }, "default": "''", "description": "Time input warn text.", "fieldName": "warnText" }, { "name": "maxTime", "type": { "text": "string" }, "description": "Maximum Time hh:mm format.", "fieldName": "maxTime" }, { "name": "minTime", "type": { "text": "string" }, "description": "Minimum Time in hh:mm format.", "fieldName": "minTime" }, { "name": "step", "type": { "text": "string" }, "description": "Specifies the granularity that the value must adhere to, or the special value any,\r\nIt takes value that equates to the number of seconds you want to increment by;\r\nthe default (60 sec.). If you specify a value of less than 60 sec., the time input will show a seconds input area alongside the hours and minutes", "fieldName": "step" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-time-picker", "customElement": true } ], "exports": [ { "kind": "js", "name": "TimePicker", "declaration": { "name": "TimePicker", "module": "src/components/reusable/timepicker/timepicker.ts" } }, { "kind": "custom-element-definition", "name": "kyn-time-picker", "declaration": { "name": "TimePicker", "module": "src/components/reusable/timepicker/timepicker.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/toggleButton/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "ToggleButton", "declaration": { "name": "ToggleButton", "module": "./toggleButton" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/toggleButton/toggleButton.ts", "declarations": [ { "kind": "class", "description": "Toggle Button.", "name": "ToggleButton", "slots": [ { "description": "Slot for label text.", "name": "unnamed" } ], "members": [ { "kind": "field", "name": "name", "type": { "text": "string" }, "default": "''", "description": "Input name.", "attribute": "name" }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "description": "Input value.", "attribute": "value" }, { "kind": "field", "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Checkbox checked state.", "attribute": "checked" }, { "kind": "field", "name": "checkedText", "type": { "text": "string" }, "default": "'On'", "description": "Checked state text.", "attribute": "checkedText" }, { "kind": "field", "name": "uncheckedText", "type": { "text": "string" }, "default": "'Off'", "description": "Unchecked state text.", "attribute": "uncheckedText" }, { "kind": "field", "name": "small", "type": { "text": "boolean" }, "default": "false", "description": "Option to use small size.", "attribute": "small" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Checkbox disabled state.", "attribute": "disabled" }, { "kind": "field", "name": "reverse", "type": { "text": "boolean" }, "default": "false", "description": "Reverse UI element order, label on the left.", "attribute": "reverse" }, { "kind": "method", "name": "handleChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_handleFormdata", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" } } ] } ], "events": [ { "description": "Captures the change event and emits the selected value and original event details.", "name": "on-change" } ], "attributes": [ { "name": "name", "type": { "text": "string" }, "default": "''", "description": "Input name.", "fieldName": "name" }, { "name": "value", "type": { "text": "string" }, "default": "''", "description": "Input value.", "fieldName": "value" }, { "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Checkbox checked state.", "fieldName": "checked" }, { "name": "checkedText", "type": { "text": "string" }, "default": "'On'", "description": "Checked state text.", "fieldName": "checkedText" }, { "name": "uncheckedText", "type": { "text": "string" }, "default": "'Off'", "description": "Unchecked state text.", "fieldName": "uncheckedText" }, { "name": "small", "type": { "text": "boolean" }, "default": "false", "description": "Option to use small size.", "fieldName": "small" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Checkbox disabled state.", "fieldName": "disabled" }, { "name": "reverse", "type": { "text": "boolean" }, "default": "false", "description": "Reverse UI element order, label on the left.", "fieldName": "reverse" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-toggle-button", "customElement": true } ], "exports": [ { "kind": "js", "name": "ToggleButton", "declaration": { "name": "ToggleButton", "module": "src/components/reusable/toggleButton/toggleButton.ts" } }, { "kind": "custom-element-definition", "name": "kyn-toggle-button", "declaration": { "name": "ToggleButton", "module": "src/components/reusable/toggleButton/toggleButton.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/tooltip/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "Tooltip", "declaration": { "name": "Tooltip", "module": "./tooltip" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/tooltip/tooltip.ts", "declarations": [ { "kind": "class", "description": "Tooltip.", "name": "Tooltip", "slots": [ { "description": "Slot for tooltip content.", "name": "unnamed" }, { "description": "Slot for custom anchor button content.", "name": "anchor" } ], "members": [ { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "attribute": "open" }, { "kind": "field", "name": "anchorPosition", "type": { "text": "string" }, "default": "'center'", "description": "Tooltip anchor position. `'start'`, `'end'`, or `'center'`.", "attribute": "anchorPosition" }, { "kind": "field", "name": "direction", "type": { "text": "string" }, "default": "'top'", "description": "Tooltip direction. `'top'`, `'bottom'`, `'left'`, or `'right'`.", "attribute": "direction" }, { "kind": "field", "name": "assistiveText", "type": { "text": "string" }, "default": "'Toggle Tooltip'", "description": "Assistive text for anchor button.", "attribute": "assistiveText" }, { "kind": "method", "name": "_handleOpen", "privacy": "private" }, { "kind": "method", "name": "_handleClose", "privacy": "private" }, { "kind": "method", "name": "_handleMouseLeave", "privacy": "private" }, { "kind": "method", "name": "_handleEsc", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] } ], "attributes": [ { "name": "open", "type": { "text": "boolean" }, "default": "false", "fieldName": "open" }, { "name": "anchorPosition", "type": { "text": "string" }, "default": "'center'", "description": "Tooltip anchor position. `'start'`, `'end'`, or `'center'`.", "fieldName": "anchorPosition" }, { "name": "direction", "type": { "text": "string" }, "default": "'top'", "description": "Tooltip direction. `'top'`, `'bottom'`, `'left'`, or `'right'`.", "fieldName": "direction" }, { "name": "assistiveText", "type": { "text": "string" }, "default": "'Toggle Tooltip'", "description": "Assistive text for anchor button.", "fieldName": "assistiveText" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "kyn-tooltip", "customElement": true } ], "exports": [ { "kind": "js", "name": "Tooltip", "declaration": { "name": "Tooltip", "module": "src/components/reusable/tooltip/tooltip.ts" } }, { "kind": "custom-element-definition", "name": "kyn-tooltip", "declaration": { "name": "Tooltip", "module": "src/components/reusable/tooltip/tooltip.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/table/story-helpers/action-menu.ts", "declarations": [ { "kind": "class", "description": "", "name": "ActionMenu", "members": [ { "kind": "field", "name": "opened", "type": { "text": "boolean" }, "default": "false", "attribute": "opened" }, { "kind": "field", "name": "handleDelete", "attribute": "handleDelete" }, { "kind": "field", "name": "itemId", "type": { "text": "number" }, "default": "0", "attribute": "itemId" }, { "kind": "method", "name": "toggleMenu" }, { "kind": "field", "name": "deleteHandler" }, { "kind": "field", "name": "actionHandler" }, { "kind": "field", "name": "_handleToggle" } ], "attributes": [ { "name": "opened", "type": { "text": "boolean" }, "default": "false", "fieldName": "opened" }, { "name": "handleDelete", "fieldName": "handleDelete" }, { "name": "itemId", "type": { "text": "number" }, "default": "0", "fieldName": "itemId" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "action-menu", "customElement": true } ], "exports": [ { "kind": "js", "name": "ActionMenu", "declaration": { "name": "ActionMenu", "module": "src/components/reusable/table/story-helpers/action-menu.ts" } }, { "kind": "custom-element-definition", "name": "action-menu", "declaration": { "name": "ActionMenu", "module": "src/components/reusable/table/story-helpers/action-menu.ts" } } ] }, { "kind": "javascript-module", "path": "src/components/reusable/table/story-helpers/batch-actions.ts", "declarations": [ { "kind": "class", "description": "", "name": "BatchActions", "members": [ { "kind": "field", "name": "handleDelete", "attribute": "handleDelete" }, { "kind": "field", "name": "opened", "type": { "text": "boolean" }, "default": "false", "attribute": "opened", "reflects": true }, { "kind": "field", "name": "handleClick" } ], "attributes": [ { "name": "handleDelete", "fieldName": "handleDelete" }, { "name": "opened", "type": { "text": "boolean" }, "default": "false", "fieldName": "opened" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "batch-actions", "customElement": true } ], "exports": [ { "kind": "js", "name": "BatchActions", "declaration": { "name": "BatchActions", "module": "src/components/reusable/table/story-helpers/batch-actions.ts" } }, { "kind": "custom-element-definition", "name": "batch-actions", "declaration": { "name": "BatchActions", "module": "src/components/reusable/table/story-helpers/batch-actions.ts" } } ] } ] }