From 3538fd4fe798c2c00f461930afcad40bc4ecf1fd Mon Sep 17 00:00:00 2001 From: kumarivijeta <60390189+kumarivijeta@users.noreply.github.com> Date: Wed, 18 Dec 2024 20:57:13 +0530 Subject: [PATCH] fix(Overflow): hover state fix (#305) BREAKING CHANGE: Overflow hover state fix --- custom-elements.json | 4942 ++++++++--------- .../overflowMenu/overflowMenuItem.scss | 2 +- 2 files changed, 2472 insertions(+), 2472 deletions(-) diff --git a/custom-elements.json b/custom-elements.json index bc7a0fb9..ef87f9d9 100644 --- a/custom-elements.json +++ b/custom-elements.json @@ -110,194 +110,72 @@ }, { "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", + "path": "src/components/global/header/header.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", + "description": "The global Header component.", + "name": "Header", "slots": [ { - "description": "Slot for global elements.", + "description": "The default slot for all empty space right of the logo/title.", "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/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": "js", - "name": "LocalNavDivider", - "declaration": { - "name": "LocalNavDivider", - "module": "./localNavDivider" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/localNav/localNav.ts", - "declarations": [ - { - "kind": "class", - "description": "The global Side Navigation component.", - "name": "LocalNav", - "slots": [ + "description": "Slot for the logo, will overwrite the default logo.", + "name": "logo" + }, { - "description": "The default slot, for local nav links.", - "name": "unnamed" + "description": "Slot left of the logo, intended for the header nav.", + "name": "left" }, { - "description": "Slot for a search input", - "name": "search" + "description": "Slot between logo/title and right flyouts.", + "name": "center" } ], "members": [ { "kind": "field", - "name": "pinned", + "name": "rootUrl", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Local nav pinned state.", - "attribute": "pinned" + "default": "'/'", + "description": "URL for the header logo link. Should target the application home page.", + "attribute": "rootUrl" }, { "kind": "field", - "name": "textStrings", - "default": "{\n pin: 'Pin',\n unpin: 'Unpin',\n toggleMenu: 'Toggle Menu',\n collapse: 'Collapse',\n menu: 'Menu',\n}", - "description": "Text string customization.", - "attribute": "textStrings", + "name": "appTitle", "type": { - "text": "object" - } - }, - { - "kind": "method", - "name": "_handleNavToggle", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] + "text": "string" + }, + "default": "''", + "description": "App title text next to logo. Hidden on smaller screens.", + "attribute": "appTitle" }, { "kind": "method", - "name": "_handleMobileNavToggle", + "name": "handleSlotChange", "privacy": "private" }, { "kind": "method", - "name": "handlePointerEnter", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "PointerEvent" - } - } - ] - }, - { - "kind": "method", - "name": "handlePointerLeave", + "name": "handleRootLinkClick", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "PointerEvent" + "text": "Event" } } ] }, { "kind": "method", - "name": "_updateChildren", - "privacy": "private" - }, - { - "kind": "method", - "name": "handleSlotChange", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleLinkActive", + "name": "_handleNavToggle", "privacy": "private", "parameters": [ { @@ -310,13 +188,13 @@ }, { "kind": "method", - "name": "_handleClickOut", + "name": "_handleFlyoutsToggle", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "Event" + "text": "any" } } ] @@ -324,62 +202,75 @@ ], "events": [ { - "description": "Captures the click event and emits the pinned state and original event details.", - "name": "on-toggle" + "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": "pinned", + "name": "rootUrl", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Local nav pinned state.", - "fieldName": "pinned" + "default": "'/'", + "description": "URL for the header logo link. Should target the application home page.", + "fieldName": "rootUrl" }, { - "name": "textStrings", - "default": "_defaultTextStrings", - "description": "Text string customization.", - "fieldName": "textStrings" + "name": "appTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "App title text next to logo. Hidden on smaller screens.", + "fieldName": "appTitle" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-local-nav", + "tagName": "kyn-header", "customElement": true } ], "exports": [ { "kind": "js", - "name": "LocalNav", + "name": "Header", "declaration": { - "name": "LocalNav", - "module": "src/components/global/localNav/localNav.ts" + "name": "Header", + "module": "src/components/global/header/header.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-local-nav", + "name": "kyn-header", "declaration": { - "name": "LocalNav", - "module": "src/components/global/localNav/localNav.ts" + "name": "Header", + "module": "src/components/global/header/header.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/localNav/localNavDivider.ts", + "path": "src/components/global/header/headerCategory.ts", "declarations": [ { "kind": "class", - "description": "Local Nav divider", - "name": "LocalNavDivider", + "description": "Header link category", + "name": "HeaderCategory", + "slots": [ + { + "description": "Slot for links.", + "name": "unnamed" + } + ], "members": [ { "kind": "field", @@ -388,7 +279,7 @@ "text": "string" }, "default": "''", - "description": "Optional heading text.", + "description": "Link url.", "attribute": "heading" } ], @@ -399,7 +290,7 @@ "text": "string" }, "default": "''", - "description": "Optional heading text.", + "description": "Link url.", "fieldName": "heading" } ], @@ -407,131 +298,187 @@ "name": "LitElement", "package": "lit" }, - "tagName": "kyn-local-nav-divider", + "tagName": "kyn-header-category", "customElement": true } ], "exports": [ { "kind": "js", - "name": "LocalNavDivider", + "name": "HeaderCategory", "declaration": { - "name": "LocalNavDivider", - "module": "src/components/global/localNav/localNavDivider.ts" + "name": "HeaderCategory", + "module": "src/components/global/header/headerCategory.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-local-nav-divider", + "name": "kyn-header-category", "declaration": { - "name": "LocalNavDivider", - "module": "src/components/global/localNav/localNavDivider.ts" + "name": "HeaderCategory", + "module": "src/components/global/header/headerCategory.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/localNav/localNavLink.ts", + "path": "src/components/global/header/headerDivider.ts", "declarations": [ { "kind": "class", - "description": "Link component for use in the global Side Navigation component.", - "name": "LocalNavLink", + "description": "Header divider", + "name": "HeaderDivider", + "members": [], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-header-divider", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "HeaderDivider", + "declaration": { + "name": "HeaderDivider", + "module": "src/components/global/header/headerDivider.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-header-divider", + "declaration": { + "name": "HeaderDivider", + "module": "src/components/global/header/headerDivider.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/global/header/headerFlyout.ts", + "declarations": [ + { + "kind": "class", + "description": "Component for header flyout items.", + "name": "HeaderFlyout", "slots": [ { - "description": "The default slot, for the link text.", + "description": "Slot for flyout menu content.", "name": "unnamed" }, { - "description": "Slot for an icon. Use 16px size.", - "name": "icon" - }, - { - "description": "Slot for the next level of links, supports three levels.", - "name": "links" + "description": "Slot for button/toggle content.", + "name": "button" } ], "members": [ { "kind": "field", - "name": "href", + "name": "open", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Link url.", - "attribute": "href" + "default": "false", + "description": "Flyout open state.", + "attribute": "open" }, { "kind": "field", - "name": "expanded", + "name": "anchorLeft", "type": { "text": "boolean" }, "default": "false", - "description": "Expanded state.", - "attribute": "expanded" + "description": "Anchor flyout menu to the left edge of the button instead of the right edge.", + "attribute": "anchorLeft" }, { "kind": "field", - "name": "active", + "name": "hideArrow", "type": { "text": "boolean" }, "default": "false", - "description": "Active state.", - "attribute": "active", - "reflects": true + "description": "Hides the arrow.", + "attribute": "hideArrow" }, { "kind": "field", - "name": "disabled", + "name": "label", + "type": { + "text": "string" + }, + "default": "''", + "description": "Menu & button label.", + "attribute": "label" + }, + { + "kind": "field", + "name": "hideMenuLabel", "type": { "text": "boolean" }, "default": "false", - "description": "Disabled state.", - "attribute": "disabled" + "description": "Hide the label at the top of the flyout menu.", + "attribute": "hideMenuLabel" }, { "kind": "field", - "name": "backText", + "name": "hideButtonLabel", "type": { - "text": "string" + "text": "boolean" }, - "default": "'Back'", - "description": "Text for mobile \"Back\" button.", - "attribute": "backText" + "default": "false", + "description": "Hide the label in the mobile button.", + "attribute": "hideButtonLabel" }, { - "kind": "method", - "name": "_handleTextSlotChange", - "privacy": "private" + "kind": "field", + "name": "assistiveText", + "type": { + "text": "string" + }, + "default": "''", + "description": "DEPRECATED. Use `label` instead.\nButton assistive text, title + aria-label.", + "attribute": "assistiveText" }, { - "kind": "method", - "name": "_getSlotText", - "privacy": "private" + "kind": "field", + "name": "href", + "type": { + "text": "string" + }, + "default": "''", + "description": "Turns the button into a link.", + "attribute": "href" }, { - "kind": "method", - "name": "_handleLinksSlotChange", - "privacy": "private" + "kind": "field", + "name": "backText", + "type": { + "text": "string" + }, + "default": "'Back'", + "description": "Text for mobile \"Back\" button.", + "attribute": "backText" }, { "kind": "method", - "name": "updateChildren", + "name": "_handleBack", "privacy": "private" }, { "kind": "method", - "name": "_handleBack", + "name": "handleClick", "privacy": "private" }, { "kind": "method", - "name": "handleClick", + "name": "handleClickOut", "privacy": "private", "parameters": [ { @@ -541,50 +488,85 @@ } } ] - } - ], - "events": [ + }, { - "description": "Captures the click event and emits the original event, level, and if default was prevented.", - "name": "on-click" + "kind": "method", + "name": "_handleOverlayClick", + "privacy": "private" } ], "attributes": [ { - "name": "href", + "name": "open", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Link url.", - "fieldName": "href" + "default": "false", + "description": "Flyout open state.", + "fieldName": "open" }, { - "name": "expanded", + "name": "anchorLeft", "type": { "text": "boolean" }, "default": "false", - "description": "Expanded state.", - "fieldName": "expanded" + "description": "Anchor flyout menu to the left edge of the button instead of the right edge.", + "fieldName": "anchorLeft" }, { - "name": "active", + "name": "hideArrow", "type": { "text": "boolean" }, "default": "false", - "description": "Active state.", - "fieldName": "active" + "description": "Hides the arrow.", + "fieldName": "hideArrow" }, { - "name": "disabled", + "name": "label", + "type": { + "text": "string" + }, + "default": "''", + "description": "Menu & button label.", + "fieldName": "label" + }, + { + "name": "hideMenuLabel", "type": { "text": "boolean" }, "default": "false", - "description": "Disabled state.", - "fieldName": "disabled" + "description": "Hide the label at the top of the flyout menu.", + "fieldName": "hideMenuLabel" + }, + { + "name": "hideButtonLabel", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Hide the label in the mobile button.", + "fieldName": "hideButtonLabel" + }, + { + "name": "assistiveText", + "type": { + "text": "string" + }, + "default": "''", + "description": "DEPRECATED. Use `label` instead.\nButton assistive text, title + aria-label.", + "fieldName": "assistiveText" + }, + { + "name": "href", + "type": { + "text": "string" + }, + "default": "''", + "description": "Turns the button into a link.", + "fieldName": "href" }, { "name": "backText", @@ -600,84 +582,61 @@ "name": "LitElement", "package": "lit" }, - "tagName": "kyn-local-nav-link", + "tagName": "kyn-header-flyout", "customElement": true } ], "exports": [ { "kind": "js", - "name": "LocalNavLink", + "name": "HeaderFlyout", "declaration": { - "name": "LocalNavLink", - "module": "src/components/global/localNav/localNavLink.ts" + "name": "HeaderFlyout", + "module": "src/components/global/header/headerFlyout.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-local-nav-link", + "name": "kyn-header-flyout", "declaration": { - "name": "LocalNavLink", - "module": "src/components/global/localNav/localNavLink.ts" + "name": "HeaderFlyout", + "module": "src/components/global/header/headerFlyout.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/header/header.ts", + "path": "src/components/global/header/headerFlyouts.ts", "declarations": [ { "kind": "class", - "description": "The global Header component.", - "name": "Header", + "description": "Container for header-flyout components.", + "name": "HeaderFlyouts", "slots": [ { - "description": "The default slot for all empty space right of the logo/title.", + "description": "Slot for header-flyout components.", "name": "unnamed" - }, - { - "description": "Slot for the logo, will overwrite the default logo.", - "name": "logo" - }, - { - "description": "Slot left of the logo, intended for the header nav.", - "name": "left" - }, - { - "description": "Slot between logo/title and right flyouts.", - "name": "center" } ], "members": [ { "kind": "field", - "name": "rootUrl", + "name": "open", "type": { - "text": "string" + "text": "boolean" }, - "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" + "default": "false", + "attribute": "open" }, { "kind": "method", - "name": "handleSlotChange", + "name": "_toggleOpen", "privacy": "private" }, { "kind": "method", - "name": "handleRootLinkClick", + "name": "_handleClickOut", "privacy": "private", "parameters": [ { @@ -687,207 +646,61 @@ } } ] - }, - { - "kind": "method", - "name": "_handleNavToggle", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "_handleFlyoutsToggle", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - } - ], - "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" - } - ], - "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/headerCategory.ts", - "declarations": [ - { - "kind": "class", - "description": "Header link category", - "name": "HeaderCategory", - "slots": [ - { - "description": "Slot for links.", - "name": "unnamed" - } - ], - "members": [ - { - "kind": "field", - "name": "heading", - "type": { - "text": "string" - }, - "default": "''", - "description": "Link url.", - "attribute": "heading" } ], "attributes": [ { - "name": "heading", + "name": "open", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Link url.", - "fieldName": "heading" + "default": "false", + "fieldName": "open" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-header-category", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "HeaderCategory", - "declaration": { - "name": "HeaderCategory", - "module": "src/components/global/header/headerCategory.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-header-category", - "declaration": { - "name": "HeaderCategory", - "module": "src/components/global/header/headerCategory.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/header/headerDivider.ts", - "declarations": [ - { - "kind": "class", - "description": "Header divider", - "name": "HeaderDivider", - "members": [], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-header-divider", + "tagName": "kyn-header-flyouts", "customElement": true } ], "exports": [ { "kind": "js", - "name": "HeaderDivider", + "name": "HeaderFlyouts", "declaration": { - "name": "HeaderDivider", - "module": "src/components/global/header/headerDivider.ts" + "name": "HeaderFlyouts", + "module": "src/components/global/header/headerFlyouts.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-header-divider", + "name": "kyn-header-flyouts", "declaration": { - "name": "HeaderDivider", - "module": "src/components/global/header/headerDivider.ts" + "name": "HeaderFlyouts", + "module": "src/components/global/header/headerFlyouts.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/header/headerFlyout.ts", + "path": "src/components/global/header/headerLink.ts", "declarations": [ { "kind": "class", - "description": "Component for header flyout items.", - "name": "HeaderFlyout", + "description": "Component for navigation links within the Header.", + "name": "HeaderLink", "slots": [ { - "description": "Slot for flyout menu content.", + "description": "Slot for link text/content.", "name": "unnamed" }, { - "description": "Slot for button/toggle content.", - "name": "button" + "description": "Slot for sublinks (up to two levels).", + "name": "links" } ], "members": [ @@ -898,99 +711,155 @@ "text": "boolean" }, "default": "false", - "description": "Flyout open state.", + "description": "Link open state.", "attribute": "open" }, { "kind": "field", - "name": "anchorLeft", + "name": "href", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Anchor flyout menu to the left edge of the button instead of the right edge.", - "attribute": "anchorLeft" + "default": "''", + "description": "Link url.", + "attribute": "href" }, { "kind": "field", - "name": "hideArrow", + "name": "target", + "default": "'_self'", "type": { - "text": "boolean" + "text": "'_self'" }, - "default": "false", - "description": "Hides the arrow.", - "attribute": "hideArrow" + "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", + "attribute": "target" }, { "kind": "field", - "name": "label", + "name": "rel", "type": { "text": "string" }, "default": "''", - "description": "Menu & button label.", - "attribute": "label" + "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", + "attribute": "rel" }, { "kind": "field", - "name": "hideMenuLabel", + "name": "isActive", "type": { "text": "boolean" }, "default": "false", - "description": "Hide the label at the top of the flyout menu.", - "attribute": "hideMenuLabel" + "description": "Link active state, for example when URL path matches link href.", + "attribute": "isActive" }, { "kind": "field", - "name": "hideButtonLabel", + "name": "divider", "type": { "text": "boolean" }, "default": "false", - "description": "Hide the label in the mobile button.", - "attribute": "hideButtonLabel" + "description": "DEPRECATED. Adds a 1px shadow to the bottom of the link.", + "attribute": "divider" }, { "kind": "field", - "name": "assistiveText", + "name": "searchLabel", "type": { "text": "string" }, - "default": "''", - "description": "DEPRECATED. Use `label` instead.\nButton assistive text, title + aria-label.", - "attribute": "assistiveText" + "default": "'Search'", + "description": "Label for sub-menu link search input, which is visible with > 5 sub-links.", + "attribute": "searchLabel" }, { "kind": "field", - "name": "href", + "name": "backText", "type": { "text": "string" }, - "default": "''", - "description": "Turns the button into a link.", - "attribute": "href" + "default": "'Back'", + "description": "Text for mobile \"Back\" button.", + "attribute": "backText" }, { "kind": "field", - "name": "backText", + "name": "_searchTerm", "type": { "text": "string" }, - "default": "'Back'", - "description": "Text for mobile \"Back\" button.", - "attribute": "backText" + "default": "''", + "description": "Text for mobile \"Back\" button." }, { "kind": "method", - "name": "_handleBack", - "privacy": "private" + "name": "_handleSearch", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] }, { "kind": "method", - "name": "handleClick", + "name": "_searchFilter", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleBack", + "privacy": "private" + }, + { + "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", @@ -1006,10 +875,21 @@ }, { "kind": "method", - "name": "_handleOverlayClick", + "name": "determineLevel", + "privacy": "private" + }, + { + "kind": "method", + "name": "_positionMenu", "privacy": "private" } ], + "events": [ + { + "description": "Captures the click event and emits the original event details.", + "name": "on-click" + } + ], "attributes": [ { "name": "open", @@ -1017,71 +897,62 @@ "text": "boolean" }, "default": "false", - "description": "Flyout open state.", + "description": "Link open state.", "fieldName": "open" }, { - "name": "anchorLeft", + "name": "href", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Anchor flyout menu to the left edge of the button instead of the right edge.", - "fieldName": "anchorLeft" + "default": "''", + "description": "Link url.", + "fieldName": "href" }, { - "name": "hideArrow", + "name": "target", + "default": "'_self'", "type": { - "text": "boolean" + "text": "'_self'" }, - "default": "false", - "description": "Hides the arrow.", - "fieldName": "hideArrow" + "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", + "fieldName": "target" }, { - "name": "label", + "name": "rel", "type": { "text": "string" }, "default": "''", - "description": "Menu & button label.", - "fieldName": "label" + "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", + "fieldName": "rel" }, { - "name": "hideMenuLabel", + "name": "isActive", "type": { "text": "boolean" }, "default": "false", - "description": "Hide the label at the top of the flyout menu.", - "fieldName": "hideMenuLabel" + "description": "Link active state, for example when URL path matches link href.", + "fieldName": "isActive" }, { - "name": "hideButtonLabel", + "name": "divider", "type": { "text": "boolean" }, "default": "false", - "description": "Hide the label in the mobile button.", - "fieldName": "hideButtonLabel" - }, - { - "name": "assistiveText", - "type": { - "text": "string" - }, - "default": "''", - "description": "DEPRECATED. Use `label` instead.\nButton assistive text, title + aria-label.", - "fieldName": "assistiveText" + "description": "DEPRECATED. Adds a 1px shadow to the bottom of the link.", + "fieldName": "divider" }, { - "name": "href", + "name": "searchLabel", "type": { "text": "string" }, - "default": "''", - "description": "Turns the button into a link.", - "fieldName": "href" + "default": "'Search'", + "description": "Label for sub-menu link search input, which is visible with > 5 sub-links.", + "fieldName": "searchLabel" }, { "name": "backText", @@ -1097,56 +968,58 @@ "name": "LitElement", "package": "lit" }, - "tagName": "kyn-header-flyout", + "tagName": "kyn-header-link", "customElement": true } ], "exports": [ { "kind": "js", - "name": "HeaderFlyout", + "name": "HeaderLink", "declaration": { - "name": "HeaderFlyout", - "module": "src/components/global/header/headerFlyout.ts" + "name": "HeaderLink", + "module": "src/components/global/header/headerLink.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-header-flyout", + "name": "kyn-header-link", "declaration": { - "name": "HeaderFlyout", - "module": "src/components/global/header/headerFlyout.ts" + "name": "HeaderLink", + "module": "src/components/global/header/headerLink.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/header/headerFlyouts.ts", + "path": "src/components/global/header/headerNav.ts", "declarations": [ { "kind": "class", - "description": "Container for header-flyout components.", - "name": "HeaderFlyouts", + "description": "Container for header navigation links.", + "name": "HeaderNav", "slots": [ { - "description": "Slot for header-flyout components.", + "description": "This element has a slot.", "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "open", + "name": "slot", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "attribute": "open" + "default": "'left'", + "description": "Force correct slot", + "attribute": "slot", + "reflects": true }, { "kind": "method", - "name": "_toggleOpen", + "name": "_toggleMenuOpen", "privacy": "private" }, { @@ -1161,156 +1034,103 @@ } } ] + }, + { + "kind": "method", + "name": "_handleOverlayClick", + "privacy": "private" } ], "attributes": [ { - "name": "open", + "name": "slot", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "fieldName": "open" + "default": "'left'", + "description": "Force correct slot", + "fieldName": "slot" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-header-flyouts", + "tagName": "kyn-header-nav", "customElement": true } ], "exports": [ { "kind": "js", - "name": "HeaderFlyouts", + "name": "HeaderNav", "declaration": { - "name": "HeaderFlyouts", - "module": "src/components/global/header/headerFlyouts.ts" + "name": "HeaderNav", + "module": "src/components/global/header/headerNav.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-header-flyouts", + "name": "kyn-header-nav", "declaration": { - "name": "HeaderFlyouts", - "module": "src/components/global/header/headerFlyouts.ts" + "name": "HeaderNav", + "module": "src/components/global/header/headerNav.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/header/headerLink.ts", + "path": "src/components/global/header/headerNotificationPanel.ts", "declarations": [ { "kind": "class", - "description": "Component for navigation links within the Header.", - "name": "HeaderLink", + "description": "Component for notification panel within the Header.", + "name": "HeaderNotificationPanel", "slots": [ { - "description": "Slot for link text/content.", - "name": "unnamed" + "description": "Slot for panel menu", + "name": "menu-slot" }, { - "description": "Slot for sublinks (up to two levels).", - "name": "links" + "description": "Slot for notification content.", + "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "open", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Link open state.", - "attribute": "open" - }, - { - "kind": "field", - "name": "href", + "name": "panelTitle", "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" + "description": "Notification panel Title.", + "attribute": "panelTitle" }, { "kind": "field", - "name": "rel", + "name": "panelFooterBtnText", "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" + "description": "Notification panel footer button text.", + "attribute": "panelFooterBtnText" }, { "kind": "field", - "name": "divider", + "name": "hidePanelFooter", "type": { "text": "boolean" }, "default": "false", - "description": "DEPRECATED. Adds a 1px shadow to the bottom of the link.", - "attribute": "divider" - }, - { - "kind": "field", - "name": "searchLabel", - "type": { - "text": "string" - }, - "default": "'Search'", - "description": "Label for sub-menu link search input, which is visible with > 5 sub-links.", - "attribute": "searchLabel" - }, - { - "kind": "field", - "name": "backText", - "type": { - "text": "string" - }, - "default": "'Back'", - "description": "Text for mobile \"Back\" button.", - "attribute": "backText" - }, - { - "kind": "field", - "name": "_searchTerm", - "type": { - "text": "string" - }, - "default": "''", - "description": "Text for mobile \"Back\" button." + "description": "Hide notification panel footer", + "attribute": "hidePanelFooter" }, { "kind": "method", - "name": "_handleSearch", + "name": "_handlefooterBtnEvent", "privacy": "private", "parameters": [ { @@ -1320,64 +1140,118 @@ } } ] - }, + } + ], + "events": [ { - "kind": "method", - "name": "_searchFilter", - "privacy": "private" - }, + "description": "Emits the panel footer button event.", + "name": "on-footer-btn-click" + } + ], + "attributes": [ { - "kind": "method", - "name": "_handleBack", - "privacy": "private" + "name": "panelTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Notification panel Title.", + "fieldName": "panelTitle" }, { - "kind": "method", - "name": "_handleLinksSlotChange", - "privacy": "private" + "name": "panelFooterBtnText", + "type": { + "text": "string" + }, + "default": "''", + "description": "Notification panel footer button text.", + "fieldName": "panelFooterBtnText" }, { - "kind": "method", - "name": "handlePointerEnter", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "PointerEvent" - } - } - ] + "name": "hidePanelFooter", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Hide notification panel footer", + "fieldName": "hidePanelFooter" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-header-notification-panel", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "HeaderNotificationPanel", + "declaration": { + "name": "HeaderNotificationPanel", + "module": "src/components/global/header/headerNotificationPanel.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-header-notification-panel", + "declaration": { + "name": "HeaderNotificationPanel", + "module": "src/components/global/header/headerNotificationPanel.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": "method", - "name": "handlePointerLeave", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "PointerEvent" - } - } - ] + "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": "method", - "name": "handleClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] + "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": "handleClickOut", + "name": "handleClick", "privacy": "private", "parameters": [ { @@ -1387,16 +1261,6 @@ } } ] - }, - { - "kind": "method", - "name": "determineLevel", - "privacy": "private" - }, - { - "kind": "method", - "name": "_positionMenu", - "privacy": "private" } ], "events": [ @@ -1406,15 +1270,6 @@ } ], "attributes": [ - { - "name": "open", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Link open state.", - "fieldName": "open" - }, { "name": "href", "type": { @@ -1441,211 +1296,103 @@ "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": "DEPRECATED. Adds a 1px shadow to the bottom of the link.", - "fieldName": "divider" - }, - { - "name": "searchLabel", - "type": { - "text": "string" - }, - "default": "'Search'", - "description": "Label for sub-menu link search input, which is visible with > 5 sub-links.", - "fieldName": "searchLabel" - }, - { - "name": "backText", - "type": { - "text": "string" - }, - "default": "'Back'", - "description": "Text for mobile \"Back\" button.", - "fieldName": "backText" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-header-link", + "tagName": "kyn-header-panel-link", "customElement": true } ], "exports": [ { "kind": "js", - "name": "HeaderLink", + "name": "HeaderPanelLink", "declaration": { - "name": "HeaderLink", - "module": "src/components/global/header/headerLink.ts" + "name": "HeaderPanelLink", + "module": "src/components/global/header/headerPanelLink.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-header-link", + "name": "kyn-header-panel-link", "declaration": { - "name": "HeaderLink", - "module": "src/components/global/header/headerLink.ts" + "name": "HeaderPanelLink", + "module": "src/components/global/header/headerPanelLink.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/header/headerNav.ts", + "path": "src/components/global/header/headerUserProfile.ts", "declarations": [ { "kind": "class", - "description": "Container for header navigation links.", - "name": "HeaderNav", + "description": "Header user profile.", + "name": "HeaderUserProfile", "slots": [ { - "description": "This element has a slot.", + "description": "Slot for the profile picture img.", "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "slot", + "name": "name", "type": { "text": "string" }, - "default": "'left'", - "description": "Force correct slot", - "attribute": "slot", - "reflects": true - }, - { - "kind": "method", - "name": "_toggleMenuOpen", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleClickOut", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] + "default": "''", + "description": "The user's name.", + "attribute": "name" }, { - "kind": "method", - "name": "_handleOverlayClick", - "privacy": "private" - } - ], - "attributes": [ - { - "name": "slot", + "kind": "field", + "name": "subtitle", "type": { "text": "string" }, - "default": "'left'", - "description": "Force correct slot", - "fieldName": "slot" - } - ], - "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/headerNotificationPanel.ts", - "declarations": [ - { - "kind": "class", - "description": "Component for notification panel within the Header.", - "name": "HeaderNotificationPanel", - "slots": [ - { - "description": "Slot for panel menu", - "name": "menu-slot" + "default": "''", + "description": "The user's job title, or subtext.", + "attribute": "subtitle" }, - { - "description": "Slot for notification content.", - "name": "unnamed" - } - ], - "members": [ { "kind": "field", - "name": "panelTitle", + "name": "email", "type": { "text": "string" }, "default": "''", - "description": "Notification panel Title.", - "attribute": "panelTitle" + "description": "The user's email address.", + "attribute": "email" }, { "kind": "field", - "name": "panelFooterBtnText", + "name": "profileLink", "type": { "text": "string" }, "default": "''", - "description": "Notification panel footer button text.", - "attribute": "panelFooterBtnText" + "description": "View profile link URL.", + "attribute": "profileLink" }, { "kind": "field", - "name": "hidePanelFooter", + "name": "profileLinkText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Hide notification panel footer", - "attribute": "hidePanelFooter" + "default": "'View Profile'", + "description": "View Profile link text.", + "attribute": "profileLinkText" }, { "kind": "method", - "name": "_handlefooterBtnEvent", + "name": "_handleProfileClick", "privacy": "private", "parameters": [ { @@ -1659,334 +1406,72 @@ ], "events": [ { - "description": "Emits the panel footer button event.", - "name": "on-footer-btn-click" + "description": "Captures the view profile link click event and emits the original event details.", + "name": "on-profile-link-click" } ], "attributes": [ { - "name": "panelTitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Notification panel Title.", - "fieldName": "panelTitle" - }, - { - "name": "panelFooterBtnText", + "name": "name", "type": { "text": "string" }, "default": "''", - "description": "Notification panel footer button text.", - "fieldName": "panelFooterBtnText" + "description": "The user's name.", + "fieldName": "name" }, { - "name": "hidePanelFooter", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Hide notification panel footer", - "fieldName": "hidePanelFooter" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-header-notification-panel", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "HeaderNotificationPanel", - "declaration": { - "name": "HeaderNotificationPanel", - "module": "src/components/global/header/headerNotificationPanel.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-header-notification-panel", - "declaration": { - "name": "HeaderNotificationPanel", - "module": "src/components/global/header/headerNotificationPanel.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", + "name": "subtitle", "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" + "description": "The user's job title, or subtext.", + "fieldName": "subtitle" }, { - "kind": "field", - "name": "rel", + "name": "email", "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" + "description": "The user's email address.", + "fieldName": "email" }, { - "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", + "name": "profileLink", "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" + "description": "View profile link URL.", + "fieldName": "profileLink" }, { - "name": "rel", + "name": "profileLinkText", "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" + "default": "'View Profile'", + "description": "View Profile link text.", + "fieldName": "profileLinkText" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-header-panel-link", + "tagName": "kyn-header-user-profile", "customElement": true } ], "exports": [ { "kind": "js", - "name": "HeaderPanelLink", + "name": "HeaderUserProfile", "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/headerUserProfile.ts", - "declarations": [ - { - "kind": "class", - "description": "Header user profile.", - "name": "HeaderUserProfile", - "slots": [ - { - "description": "Slot for the profile picture img.", - "name": "unnamed" - } - ], - "members": [ - { - "kind": "field", - "name": "name", - "type": { - "text": "string" - }, - "default": "''", - "description": "The user's name.", - "attribute": "name" - }, - { - "kind": "field", - "name": "subtitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "The user's job title, or subtext.", - "attribute": "subtitle" - }, - { - "kind": "field", - "name": "email", - "type": { - "text": "string" - }, - "default": "''", - "description": "The user's email address.", - "attribute": "email" - }, - { - "kind": "field", - "name": "profileLink", - "type": { - "text": "string" - }, - "default": "''", - "description": "View profile link URL.", - "attribute": "profileLink" - }, - { - "kind": "field", - "name": "profileLinkText", - "type": { - "text": "string" - }, - "default": "'View Profile'", - "description": "View Profile link text.", - "attribute": "profileLinkText" - }, - { - "kind": "method", - "name": "_handleProfileClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - } - ], - "events": [ - { - "description": "Captures the view profile link click event and emits the original event details.", - "name": "on-profile-link-click" - } - ], - "attributes": [ - { - "name": "name", - "type": { - "text": "string" - }, - "default": "''", - "description": "The user's name.", - "fieldName": "name" - }, - { - "name": "subtitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "The user's job title, or subtext.", - "fieldName": "subtitle" - }, - { - "name": "email", - "type": { - "text": "string" - }, - "default": "''", - "description": "The user's email address.", - "fieldName": "email" - }, - { - "name": "profileLink", - "type": { - "text": "string" - }, - "default": "''", - "description": "View profile link URL.", - "fieldName": "profileLink" - }, - { - "name": "profileLinkText", - "type": { - "text": "string" - }, - "default": "'View Profile'", - "description": "View Profile link text.", - "fieldName": "profileLinkText" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-header-user-profile", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "HeaderUserProfile", - "declaration": { - "name": "HeaderUserProfile", - "module": "src/components/global/header/headerUserProfile.ts" + "name": "HeaderUserProfile", + "module": "src/components/global/header/headerUserProfile.ts" } }, { @@ -2088,55 +1573,570 @@ }, { "kind": "javascript-module", - "path": "src/components/reusable/blockCodeView/blockCodeView.ts", + "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": "js", + "name": "LocalNavDivider", + "declaration": { + "name": "LocalNavDivider", + "module": "./localNavDivider" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/global/localNav/localNav.ts", "declarations": [ { "kind": "class", - "description": "`` component to display `` snippets as standalone single-/multi-line block elements.", - "name": "BlockCodeView", - "members": [ + "description": "The global Side Navigation component.", + "name": "LocalNav", + "slots": [ { - "kind": "field", - "name": "darkTheme", - "type": { - "text": "'light' | 'dark'" - }, - "default": "'dark'", - "description": "Sets background and text theming.", - "attribute": "darkTheme" + "description": "The default slot, for local nav links.", + "name": "unnamed" }, + { + "description": "Slot for a search input", + "name": "search" + } + ], + "members": [ { "kind": "field", - "name": "language", + "name": "pinned", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "If empty string, attempt language syntax auto-detection. Setting a value will override auto-detection and manually configure desired language.", - "attribute": "language" + "default": "false", + "description": "Local nav pinned state.", + "attribute": "pinned" }, { "kind": "field", - "name": "maxHeight", + "name": "textStrings", + "default": "{\n pin: 'Pin',\n unpin: 'Unpin',\n toggleMenu: 'Toggle Menu',\n collapse: 'Collapse',\n menu: 'Menu',\n}", + "description": "Text string customization.", + "attribute": "textStrings", "type": { - "text": "number | null" - }, - "default": "null", - "description": "Customizable max-height setting for code snippet container.", - "attribute": "maxHeight" + "text": "object" + } }, { - "kind": "field", - "name": "codeViewLabel", - "type": { - "text": "string" - }, - "default": "''", - "description": "Optionally displayed label above code snippet container.", - "attribute": "codeViewLabel" + "kind": "method", + "name": "_handleNavToggle", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] }, { - "kind": "field", + "kind": "method", + "name": "_handleMobileNavToggle", + "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": "_updateChildren", + "privacy": "private" + }, + { + "kind": "method", + "name": "handleSlotChange", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleLinkActive", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] + }, + { + "kind": "method", + "name": "_handleClickOut", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] + } + ], + "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": "textStrings", + "default": "_defaultTextStrings", + "description": "Text string customization.", + "fieldName": "textStrings" + } + ], + "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/localNavDivider.ts", + "declarations": [ + { + "kind": "class", + "description": "Local Nav divider", + "name": "LocalNavDivider", + "members": [ + { + "kind": "field", + "name": "heading", + "type": { + "text": "string" + }, + "default": "''", + "description": "Optional heading text.", + "attribute": "heading" + } + ], + "attributes": [ + { + "name": "heading", + "type": { + "text": "string" + }, + "default": "''", + "description": "Optional heading text.", + "fieldName": "heading" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-local-nav-divider", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "LocalNavDivider", + "declaration": { + "name": "LocalNavDivider", + "module": "src/components/global/localNav/localNavDivider.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-local-nav-divider", + "declaration": { + "name": "LocalNavDivider", + "module": "src/components/global/localNav/localNavDivider.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. Use 16px size.", + "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", + "reflects": true + }, + { + "kind": "field", + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Disabled state.", + "attribute": "disabled" + }, + { + "kind": "field", + "name": "backText", + "type": { + "text": "string" + }, + "default": "'Back'", + "description": "Text for mobile \"Back\" button.", + "attribute": "backText" + }, + { + "kind": "method", + "name": "_handleTextSlotChange", + "privacy": "private" + }, + { + "kind": "method", + "name": "_getSlotText", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleLinksSlotChange", + "privacy": "private" + }, + { + "kind": "method", + "name": "updateChildren", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleBack", + "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" + }, + { + "name": "backText", + "type": { + "text": "string" + }, + "default": "'Back'", + "description": "Text for mobile \"Back\" button.", + "fieldName": "backText" + } + ], + "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/blockCodeView/blockCodeView.ts", + "declarations": [ + { + "kind": "class", + "description": "`` component to display `` snippets as standalone single-/multi-line block elements.", + "name": "BlockCodeView", + "members": [ + { + "kind": "field", + "name": "darkTheme", + "type": { + "text": "'light' | 'dark'" + }, + "default": "'dark'", + "description": "Sets background and text theming.", + "attribute": "darkTheme" + }, + { + "kind": "field", + "name": "language", + "type": { + "text": "string" + }, + "default": "''", + "description": "If empty string, attempt language syntax auto-detection. Setting a value will override auto-detection and manually configure desired language.", + "attribute": "language" + }, + { + "kind": "field", + "name": "maxHeight", + "type": { + "text": "number | null" + }, + "default": "null", + "description": "Customizable max-height setting for code snippet container.", + "attribute": "maxHeight" + }, + { + "kind": "field", + "name": "codeViewLabel", + "type": { + "text": "string" + }, + "default": "''", + "description": "Optionally displayed label above code snippet container.", + "attribute": "codeViewLabel" + }, + { + "kind": "field", "name": "copyOptionVisible", "type": { "text": "boolean" @@ -9060,13 +9060,133 @@ "members": [ { "kind": "field", - "name": "value", + "name": "value", + "type": { + "text": "string" + }, + "default": "''", + "description": "Radio button value.", + "attribute": "value" + }, + { + "kind": "field", + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Radio button disabled state, inherited from the parent group.", + "attribute": "disabled" + }, + { + "kind": "method", + "name": "handleChange", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] + } + ], + "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" + }, + { + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Radio button disabled state, inherited from the parent group.", + "fieldName": "disabled" + } + ], + "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 description text.", + "name": "description" + }, + { + "description": "Slot for tooltip.", + "name": "tooltip" + } + ], + "members": [ + { + "kind": "field", + "name": "label", "type": { "text": "string" }, "default": "''", - "description": "Radio button value.", - "attribute": "value" + "description": "Label text", + "attribute": "label" + }, + { + "kind": "field", + "name": "required", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Makes the input required.", + "attribute": "required" }, { "kind": "field", @@ -9075,18 +9195,67 @@ "text": "boolean" }, "default": "false", - "description": "Radio button disabled state, inherited from the parent group.", + "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": "textStrings", + "default": "{\n required: 'Required',\n error: 'Error',\n}", + "description": "Text string customization.", + "attribute": "textStrings", + "type": { + "text": "object" + } + }, { "kind": "method", - "name": "handleChange", + "name": "_handleSlotChange", + "privacy": "private" + }, + { + "kind": "method", + "name": "_updateChildren", + "privacy": "private" + }, + { + "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": "Event" + "text": "any" } } ] @@ -9094,19 +9263,28 @@ ], "events": [ { - "description": "Captures the change event and emits the selected value and original event details.", - "name": "on-radio-change" + "description": "Captures the change event and emits the selected value.", + "name": "on-radio-group-change" } ], "attributes": [ { - "name": "value", + "name": "label", "type": { "text": "string" }, "default": "''", - "description": "Radio button value.", - "fieldName": "value" + "description": "Label text", + "fieldName": "label" + }, + { + "name": "required", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Makes the input required.", + "fieldName": "required" }, { "name": "disabled", @@ -9114,79 +9292,131 @@ "text": "boolean" }, "default": "false", - "description": "Radio button disabled state, inherited from the parent group.", + "description": "Radio button group disabled state.", "fieldName": "disabled" + }, + { + "name": "horizontal", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Radio button group horizontal layout.", + "fieldName": "horizontal" + }, + { + "name": "textStrings", + "default": "_defaultTextStrings", + "description": "Text string customization.", + "fieldName": "textStrings" + } + ], + "mixins": [ + { + "name": "FormMixin", + "module": "/src/common/mixins/form-input" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-radio-button", + "tagName": "kyn-radio-button-group", "customElement": true } ], "exports": [ { "kind": "js", - "name": "RadioButton", + "name": "RadioButtonGroup", "declaration": { - "name": "RadioButton", - "module": "src/components/reusable/radioButton/radioButton.ts" + "name": "RadioButtonGroup", + "module": "src/components/reusable/radioButton/radioButtonGroup.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-radio-button", + "name": "kyn-radio-button-group", "declaration": { - "name": "RadioButton", - "module": "src/components/reusable/radioButton/radioButton.ts" + "name": "RadioButtonGroup", + "module": "src/components/reusable/radioButton/radioButtonGroup.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/radioButton/radioButtonGroup.ts", + "path": "src/components/reusable/search/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "Search", + "declaration": { + "name": "Search", + "module": "./search" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/search/search.ts", "declarations": [ { "kind": "class", - "description": "Radio button group container.", - "name": "RadioButtonGroup", - "slots": [ - { - "description": "Slot for individual radio buttons.", - "name": "unnamed" - }, + "description": "Search", + "name": "Search", + "members": [ { - "description": "Slot for description text.", - "name": "description" + "kind": "field", + "name": "name", + "type": { + "text": "string" + }, + "default": "''", + "description": "Input name.", + "attribute": "name" }, - { - "description": "Slot for tooltip.", - "name": "tooltip" - } - ], - "members": [ { "kind": "field", "name": "label", "type": { "text": "string" }, - "default": "''", - "description": "Label text", + "default": "'Search'", + "description": "Label text.", "attribute": "label" }, { "kind": "field", - "name": "required", + "name": "expandable", "type": { "text": "boolean" }, "default": "false", - "description": "Makes the input required.", - "attribute": "required" + "description": "Expandable style search.", + "attribute": "expandable" + }, + { + "kind": "field", + "name": "value", + "type": { + "text": "string" + }, + "default": "''", + "description": "Input value.", + "attribute": "value" + }, + { + "kind": "field", + "name": "size", + "type": { + "text": "string" + }, + "default": "'md'", + "description": "Input & button size.", + "attribute": "size" }, { "kind": "field", @@ -9195,61 +9425,133 @@ "text": "boolean" }, "default": "false", - "description": "Radio button group disabled state.", + "description": "Disabled state.", "attribute": "disabled" }, { "kind": "field", - "name": "horizontal", + "name": "suggestions", "type": { - "text": "boolean" + "text": "Array" }, - "default": "false", - "description": "Radio button group horizontal layout.", - "attribute": "horizontal" + "default": "[]", + "description": "Auto-suggest array of strings that should match the current value. Update this array externally after on-input.", + "attribute": "suggestions" }, { "kind": "field", - "name": "textStrings", - "default": "{\n required: 'Required',\n error: 'Error',\n}", - "description": "Text string customization.", - "attribute": "textStrings", + "name": "expandableSearchBtnDescription", + "type": { + "text": "string" + }, + "default": "''", + "description": "Expandable style search button description (Required to support accessibility).", + "attribute": "expandableSearchBtnDescription" + }, + { + "kind": "field", + "name": "assistiveTextStrings", + "default": "{\n searchSuggestions: 'Search suggestions.',\n noMatches: 'No matches found for',\n selected: 'Selected',\n found: 'Found',\n}", + "description": "Assistive text strings.", + "attribute": "assistiveTextStrings", "type": { "text": "object" } }, { "kind": "method", - "name": "_handleSlotChange", - "privacy": "private" + "name": "_buttonSizeMap", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleFocus", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleBlur", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleButtonClick", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleInput", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "CustomEvent" + } + } + ] + }, + { + "kind": "method", + "name": "_handleSuggestionClick", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + }, + { + "name": "suggestion", + "type": { + "text": "string" + } + } + ] }, { "kind": "method", - "name": "_updateChildren", - "privacy": "private" + "name": "_handleSuggestionWithMouseUp", + "privacy": "private", + "parameters": [ + { + "name": "suggestion", + "type": { + "text": "string" + } + } + ] }, { "kind": "method", - "name": "_validate", + "name": "_handleSuggestionWithMouseDown", "privacy": "private", "parameters": [ { - "name": "interacted", + "name": "e", "type": { - "text": "Boolean" + "text": "any" } - }, + } + ] + }, + { + "kind": "method", + "name": "handleSearchKeydown", + "privacy": "private", + "parameters": [ { - "name": "report", + "name": "e", "type": { - "text": "Boolean" + "text": "any" } } ] }, { "kind": "method", - "name": "_handleRadioChange", + "name": "handleListKeydown", "privacy": "private", "parameters": [ { @@ -9259,32 +9561,83 @@ } } ] + }, + { + "kind": "method", + "name": "handleKeyboard", + "privacy": "private", + "parameters": [ + { + "name": "keyCode", + "type": { + "text": "number" + } + }, + { + "name": "target", + "type": { + "text": "string" + } + } + ] + }, + { + "kind": "method", + "name": "_checkForMatchingSuggestions", + "privacy": "private" } ], "events": [ { - "description": "Captures the change event and emits the selected value.", - "name": "on-radio-group-change" + "description": "Emits the value on text input/clear.", + "name": "on-input" } ], "attributes": [ { - "name": "label", + "name": "name", "type": { "text": "string" }, "default": "''", - "description": "Label text", + "description": "Input name.", + "fieldName": "name" + }, + { + "name": "label", + "type": { + "text": "string" + }, + "default": "'Search'", + "description": "Label text.", "fieldName": "label" }, { - "name": "required", + "name": "expandable", "type": { "text": "boolean" }, "default": "false", - "description": "Makes the input required.", - "fieldName": "required" + "description": "Expandable style search.", + "fieldName": "expandable" + }, + { + "name": "value", + "type": { + "text": "string" + }, + "default": "''", + "description": "Input value.", + "fieldName": "value" + }, + { + "name": "size", + "type": { + "text": "string" + }, + "default": "'md'", + "description": "Input & button size.", + "fieldName": "size" }, { "name": "disabled", @@ -9292,231 +9645,241 @@ "text": "boolean" }, "default": "false", - "description": "Radio button group disabled state.", + "description": "Disabled state.", "fieldName": "disabled" }, { - "name": "horizontal", + "name": "suggestions", "type": { - "text": "boolean" + "text": "Array" }, - "default": "false", - "description": "Radio button group horizontal layout.", - "fieldName": "horizontal" + "default": "[]", + "description": "Auto-suggest array of strings that should match the current value. Update this array externally after on-input.", + "fieldName": "suggestions" }, { - "name": "textStrings", - "default": "_defaultTextStrings", - "description": "Text string customization.", - "fieldName": "textStrings" - } - ], - "mixins": [ + "name": "expandableSearchBtnDescription", + "type": { + "text": "string" + }, + "default": "''", + "description": "Expandable style search button description (Required to support accessibility).", + "fieldName": "expandableSearchBtnDescription" + }, { - "name": "FormMixin", - "module": "/src/common/mixins/form-input" + "name": "assistiveTextStrings", + "default": "_defaultTextStrings", + "description": "Assistive text strings.", + "fieldName": "assistiveTextStrings" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-radio-button-group", + "tagName": "kyn-search", "customElement": true } ], "exports": [ { "kind": "js", - "name": "RadioButtonGroup", + "name": "Search", "declaration": { - "name": "RadioButtonGroup", - "module": "src/components/reusable/radioButton/radioButtonGroup.ts" + "name": "Search", + "module": "src/components/reusable/search/search.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-radio-button-group", + "name": "kyn-search", "declaration": { - "name": "RadioButtonGroup", - "module": "src/components/reusable/radioButton/radioButtonGroup.ts" + "name": "Search", + "module": "src/components/reusable/search/search.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/search/index.ts", + "path": "src/components/reusable/sideDrawer/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "Search", + "name": "SideDrawer", "declaration": { - "name": "Search", - "module": "./search" + "name": "SideDrawer", + "module": "./sideDrawer" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/search/search.ts", + "path": "src/components/reusable/sideDrawer/sideDrawer.ts", "declarations": [ { "kind": "class", - "description": "Search", - "name": "Search", + "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": "name", + "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": "Input name.", - "attribute": "name" + "description": "Title / Heading text, required.", + "attribute": "titleText" }, { "kind": "field", - "name": "label", + "name": "labelText", "type": { "text": "string" }, - "default": "'Search'", - "description": "Label text.", - "attribute": "label" + "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": "expandable", + "name": "hideFooter", "type": { "text": "boolean" }, "default": "false", - "description": "Expandable style search.", - "attribute": "expandable" + "description": "Determine whether needs footer", + "attribute": "hideFooter" }, { "kind": "field", - "name": "value", + "name": "destructive", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Input value.", - "attribute": "value" + "default": "false", + "description": "Changes the primary button styles to indicate the action is destructive.", + "attribute": "destructive" }, { "kind": "field", - "name": "size", + "name": "secondaryButtonText", "type": { "text": "string" }, - "default": "'md'", - "description": "Input & button size.", - "attribute": "size" + "default": "'Secondary'", + "description": "Secondary button text.", + "attribute": "secondaryButtonText" }, { "kind": "field", - "name": "disabled", + "name": "showSecondaryButton", "type": { "text": "boolean" }, "default": "false", - "description": "Disabled state.", - "attribute": "disabled" + "description": "Hides the secondary button.", + "attribute": "showSecondaryButton" }, { "kind": "field", - "name": "suggestions", + "name": "hideCancelButton", "type": { - "text": "Array" + "text": "boolean" }, - "default": "[]", - "description": "Auto-suggest array of strings that should match the current value. Update this array externally after on-input.", - "attribute": "suggestions" + "default": "false", + "description": "Hides the cancel button.", + "attribute": "hideCancelButton" }, { "kind": "field", - "name": "expandableSearchBtnDescription", + "name": "beforeClose", "type": { - "text": "string" + "text": "Function" }, - "default": "''", - "description": "Expandable style search button description (Required to support accessibility).", - "attribute": "expandableSearchBtnDescription" - }, - { - "kind": "field", - "name": "assistiveTextStrings", - "default": "{\n searchSuggestions: 'Search suggestions.',\n noMatches: 'No matches found for',\n selected: 'Selected',\n found: 'Found',\n}", - "description": "Assistive text strings.", - "attribute": "assistiveTextStrings", - "type": { - "text": "object" - } - }, - { - "kind": "method", - "name": "_buttonSizeMap", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleFocus", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleBlur", - "privacy": "private" + "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": "_handleButtonClick", + "name": "_openDrawer", "privacy": "private" }, { "kind": "method", - "name": "_handleInput", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "CustomEvent" - } - } - ] - }, - { - "kind": "method", - "name": "_handleSuggestionClick", + "name": "_closeDrawer", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "any" + "text": "Event" } }, { - "name": "suggestion", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "_handleSuggestionWithMouseUp", - "privacy": "private", - "parameters": [ - { - "name": "suggestion", + "name": "returnValue", "type": { "text": "string" } @@ -9525,177 +9888,157 @@ }, { "kind": "method", - "name": "_handleSuggestionWithMouseDown", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "handleSearchKeydown", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "handleListKeydown", + "name": "_emitCloseEvent", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "handleKeyboard", - "privacy": "private", - "parameters": [ - { - "name": "keyCode", - "type": { - "text": "number" - } - }, - { - "name": "target", - "type": { - "text": "string" + "text": "Event" } } ] - }, - { - "kind": "method", - "name": "_checkForMatchingSuggestions", - "privacy": "private" } ], "events": [ { - "description": "Emits the value on text input/clear.", - "name": "on-input" + "description": "Emits the drawer close event with `returnValue` (`'ok'` or `'cancel'`).", + "name": "on-close" } ], "attributes": [ { - "name": "name", + "name": "open", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Input name.", - "fieldName": "name" + "default": "false", + "description": "Drawer open state.", + "fieldName": "open" }, { - "name": "label", + "name": "size", "type": { "text": "string" }, - "default": "'Search'", - "description": "Label text.", - "fieldName": "label" + "default": "'md'", + "description": "Drawer size. `'md'`, or `'sm'`.", + "fieldName": "size" }, { - "name": "expandable", + "name": "titleText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Expandable style search.", - "fieldName": "expandable" + "default": "''", + "description": "Title / Heading text, required.", + "fieldName": "titleText" }, { - "name": "value", + "name": "labelText", "type": { "text": "string" }, "default": "''", - "description": "Input value.", - "fieldName": "value" + "description": "Label text, optional.", + "fieldName": "labelText" }, { - "name": "size", + "name": "submitBtnText", "type": { "text": "string" }, - "default": "'md'", - "description": "Input & button size.", - "fieldName": "size" + "default": "'Ok'", + "description": "Submit button text.", + "fieldName": "submitBtnText" }, { - "name": "disabled", + "name": "cancelBtnText", + "type": { + "text": "string" + }, + "default": "'Cancel'", + "description": "Cancel button text.", + "fieldName": "cancelBtnText" + }, + { + "name": "submitBtnDisabled", "type": { "text": "boolean" }, "default": "false", - "description": "Disabled state.", - "fieldName": "disabled" + "description": "Disables the primary button.", + "fieldName": "submitBtnDisabled" }, { - "name": "suggestions", + "name": "hideFooter", "type": { - "text": "Array" + "text": "boolean" }, - "default": "[]", - "description": "Auto-suggest array of strings that should match the current value. Update this array externally after on-input.", - "fieldName": "suggestions" + "default": "false", + "description": "Determine whether needs footer", + "fieldName": "hideFooter" }, { - "name": "expandableSearchBtnDescription", + "name": "destructive", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Changes the primary button styles to indicate the action is destructive.", + "fieldName": "destructive" + }, + { + "name": "secondaryButtonText", + "type": { + "text": "string" + }, + "default": "'Secondary'", + "description": "Secondary button text.", + "fieldName": "secondaryButtonText" + }, + { + "name": "showSecondaryButton", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Expandable style search button description (Required to support accessibility).", - "fieldName": "expandableSearchBtnDescription" + "default": "false", + "description": "Hides the secondary button.", + "fieldName": "showSecondaryButton" }, { - "name": "assistiveTextStrings", - "default": "_defaultTextStrings", - "description": "Assistive text strings.", - "fieldName": "assistiveTextStrings" + "name": "hideCancelButton", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Hides the cancel button.", + "fieldName": "hideCancelButton" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-search", + "tagName": "kyn-side-drawer", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Search", + "name": "SideDrawer", "declaration": { - "name": "Search", - "module": "src/components/reusable/search/search.ts" + "name": "SideDrawer", + "module": "src/components/reusable/sideDrawer/sideDrawer.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-search", + "name": "kyn-side-drawer", "declaration": { - "name": "Search", - "module": "src/components/reusable/search/search.ts" + "name": "SideDrawer", + "module": "src/components/reusable/sideDrawer/sideDrawer.ts" } } ] @@ -9927,282 +10270,96 @@ }, "default": "'large'", "description": "Stepper size `'large'` & `'small'`.", - "attribute": "stepSize" - }, - { - "kind": "field", - "name": "stepName", - "type": { - "text": "string" - }, - "default": "''", - "description": "Step name.", - "attribute": "stepName" - }, - { - "kind": "field", - "name": "stepTitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Step title.", - "attribute": "stepTitle" - }, - { - "kind": "field", - "name": "stepLink", - "type": { - "text": "string" - }, - "default": "''", - "description": "Step link.", - "attribute": "stepLink" - }, - { - "kind": "field", - "name": "stepState", - "type": { - "text": "string" - }, - "default": "'pending'", - "description": "Step state. `'pending'`, `'active'`, `'completed'`, `'excluded'`, `'warning'` & `'destructive'`.\n\n`'pending'`, `'active'` and `'completed'` / `'excluded'` states has 0%, 50% & 100% progress set internally.", - "attribute": "stepState" - }, - { - "kind": "field", - "name": "disabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Disable step.", - "attribute": "disabled" - }, - { - "kind": "field", - "name": "showCounter", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Optional. Show counter for vertical stepper when stepState is `'pending'`.", - "attribute": "showCounter" - }, - { - "kind": "method", - "name": "_handleChildToggle", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleStepClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "_handleChildSlotChange", - "privacy": "private" - }, - { - "kind": "method", - "name": "_updateChildren", - "privacy": "private" - }, - { - "kind": "method", - "name": "getProgressValue", - "privacy": "private", - "return": { - "type": { - "text": "number" - } - } - } - ], - "events": [ - { - "description": "Emits the step details to the parent stepper component when click on step title.", - "name": "on-step-click" - } - ], - "attributes": [ - { - "name": "vertical", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Whether the stepper is in vertical type.", - "fieldName": "vertical" - }, - { - "name": "stepSize", - "type": { - "text": "string" - }, - "default": "'large'", - "description": "Stepper size `'large'` & `'small'`.", - "fieldName": "stepSize" - }, - { - "name": "stepName", - "type": { - "text": "string" - }, - "default": "''", - "description": "Step name.", - "fieldName": "stepName" - }, - { - "name": "stepTitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Step title.", - "fieldName": "stepTitle" - }, - { - "name": "stepLink", - "type": { - "text": "string" - }, - "default": "''", - "description": "Step link.", - "fieldName": "stepLink" - }, - { - "name": "stepState", - "type": { - "text": "string" - }, - "default": "'pending'", - "description": "Step state. `'pending'`, `'active'`, `'completed'`, `'excluded'`, `'warning'` & `'destructive'`.\n\n`'pending'`, `'active'` and `'completed'` / `'excluded'` states has 0%, 50% & 100% progress set internally.", - "fieldName": "stepState" - }, - { - "name": "disabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Disable step.", - "fieldName": "disabled" - }, - { - "name": "showCounter", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Optional. Show counter for vertical stepper when stepState is `'pending'`.", - "fieldName": "showCounter" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-stepper-item", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "StepperItem", - "declaration": { - "name": "StepperItem", - "module": "src/components/reusable/stepper/stepperItem.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-stepper-item", - "declaration": { - "name": "StepperItem", - "module": "src/components/reusable/stepper/stepperItem.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/stepper/stepperItemChild.ts", - "declarations": [ - { - "kind": "class", - "description": "Stepper Item child.", - "name": "StepperItemChild", - "slots": [ - { - "description": "Slot for other elements.", - "name": "unnamed" - } - ], - "members": [ + "attribute": "stepSize" + }, { "kind": "field", - "name": "childTitle", + "name": "stepName", "type": { "text": "string" }, "default": "''", - "description": "Child Title. Required for nested child inside step.", - "attribute": "childTitle" + "description": "Step name.", + "attribute": "stepName" }, { "kind": "field", - "name": "childLink", + "name": "stepTitle", "type": { "text": "string" }, "default": "''", - "description": "Child link.", - "attribute": "childLink" + "description": "Step title.", + "attribute": "stepTitle" }, { "kind": "field", - "name": "childSubTitle", + "name": "stepLink", "type": { "text": "string" }, "default": "''", - "description": "Optional Child Subtitle.", - "attribute": "childSubTitle" + "description": "Step link.", + "attribute": "stepLink" }, { "kind": "field", - "name": "childState", + "name": "stepState", "type": { "text": "string" }, "default": "'pending'", - "description": "Child State. `'pending'`, `'active'` & `'completed'`.", - "attribute": "childState" + "description": "Step state. `'pending'`, `'active'`, `'completed'`, `'excluded'`, `'warning'` & `'destructive'`.\n\n`'pending'`, `'active'` and `'completed'` / `'excluded'` states has 0%, 50% & 100% progress set internally.", + "attribute": "stepState" + }, + { + "kind": "field", + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Disable step.", + "attribute": "disabled" + }, + { + "kind": "field", + "name": "showCounter", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Optional. Show counter for vertical stepper when stepState is `'pending'`.", + "attribute": "showCounter" }, { "kind": "method", - "name": "_handleChildStepClick", + "name": "_handleChildToggle", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleStepClick", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "Event" + "text": "any" } } ] }, + { + "kind": "method", + "name": "_handleChildSlotChange", + "privacy": "private" + }, + { + "kind": "method", + "name": "_updateChildren", + "privacy": "private" + }, { "kind": "method", "name": "getProgressValue", @@ -10216,245 +10373,169 @@ ], "events": [ { - "description": "Emits event on child click. Only for vertical mode.", - "name": "on-child-click" + "description": "Emits the step details to the parent stepper component when click on step title.", + "name": "on-step-click" } ], "attributes": [ { - "name": "childTitle", + "name": "vertical", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Whether the stepper is in vertical type.", + "fieldName": "vertical" + }, + { + "name": "stepSize", + "type": { + "text": "string" + }, + "default": "'large'", + "description": "Stepper size `'large'` & `'small'`.", + "fieldName": "stepSize" + }, + { + "name": "stepName", "type": { "text": "string" }, "default": "''", - "description": "Child Title. Required for nested child inside step.", - "fieldName": "childTitle" + "description": "Step name.", + "fieldName": "stepName" }, { - "name": "childLink", + "name": "stepTitle", "type": { "text": "string" }, "default": "''", - "description": "Child link.", - "fieldName": "childLink" + "description": "Step title.", + "fieldName": "stepTitle" }, { - "name": "childSubTitle", + "name": "stepLink", "type": { "text": "string" }, "default": "''", - "description": "Optional Child Subtitle.", - "fieldName": "childSubTitle" + "description": "Step link.", + "fieldName": "stepLink" }, { - "name": "childState", + "name": "stepState", "type": { "text": "string" }, "default": "'pending'", - "description": "Child State. `'pending'`, `'active'` & `'completed'`.", - "fieldName": "childState" + "description": "Step state. `'pending'`, `'active'`, `'completed'`, `'excluded'`, `'warning'` & `'destructive'`.\n\n`'pending'`, `'active'` and `'completed'` / `'excluded'` states has 0%, 50% & 100% progress set internally.", + "fieldName": "stepState" + }, + { + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Disable step.", + "fieldName": "disabled" + }, + { + "name": "showCounter", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Optional. Show counter for vertical stepper when stepState is `'pending'`.", + "fieldName": "showCounter" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-stepper-item-child", + "tagName": "kyn-stepper-item", "customElement": true } ], "exports": [ { "kind": "js", - "name": "StepperItemChild", + "name": "StepperItem", "declaration": { - "name": "StepperItemChild", - "module": "src/components/reusable/stepper/stepperItemChild.ts" + "name": "StepperItem", + "module": "src/components/reusable/stepper/stepperItem.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-stepper-item-child", - "declaration": { - "name": "StepperItemChild", - "module": "src/components/reusable/stepper/stepperItemChild.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/sideDrawer/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "SideDrawer", + "name": "kyn-stepper-item", "declaration": { - "name": "SideDrawer", - "module": "./sideDrawer" + "name": "StepperItem", + "module": "src/components/reusable/stepper/stepperItem.ts" } } ] }, { "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" - }, + "path": "src/components/reusable/stepper/stepperItemChild.ts", + "declarations": [ + { + "kind": "class", + "description": "Stepper Item child.", + "name": "StepperItemChild", + "slots": [ { - "kind": "field", - "name": "destructive", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Changes the primary button styles to indicate the action is destructive.", - "attribute": "destructive" - }, + "description": "Slot for other elements.", + "name": "unnamed" + } + ], + "members": [ { "kind": "field", - "name": "secondaryButtonText", + "name": "childTitle", "type": { "text": "string" }, - "default": "'Secondary'", - "description": "Secondary button text.", - "attribute": "secondaryButtonText" + "default": "''", + "description": "Child Title. Required for nested child inside step.", + "attribute": "childTitle" }, { "kind": "field", - "name": "showSecondaryButton", + "name": "childLink", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Hides the secondary button.", - "attribute": "showSecondaryButton" + "default": "''", + "description": "Child link.", + "attribute": "childLink" }, { "kind": "field", - "name": "hideCancelButton", + "name": "childSubTitle", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Hides the cancel button.", - "attribute": "hideCancelButton" + "default": "''", + "description": "Optional Child Subtitle.", + "attribute": "childSubTitle" }, { "kind": "field", - "name": "beforeClose", + "name": "childState", "type": { - "text": "Function" + "text": "string" }, - "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" + "default": "'pending'", + "description": "Child State. `'pending'`, `'active'` & `'completed'`.", + "attribute": "childState" }, { "kind": "method", - "name": "_closeDrawer", + "name": "_handleChildStepClick", "privacy": "private", "parameters": [ { @@ -10462,168 +10543,87 @@ "type": { "text": "Event" } - }, - { - "name": "returnValue", - "type": { - "text": "string" - } } ] }, { "kind": "method", - "name": "_emitCloseEvent", + "name": "getProgressValue", "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } + "return": { + "type": { + "text": "number" } - ] + } } ], "events": [ { - "description": "Emits the drawer close event with `returnValue` (`'ok'` or `'cancel'`).", - "name": "on-close" + "description": "Emits event on child click. Only for vertical mode.", + "name": "on-child-click" } ], "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", + "name": "childTitle", "type": { "text": "string" }, "default": "''", - "description": "Title / Heading text, required.", - "fieldName": "titleText" + "description": "Child Title. Required for nested child inside step.", + "fieldName": "childTitle" }, { - "name": "labelText", + "name": "childLink", "type": { "text": "string" }, "default": "''", - "description": "Label text, optional.", - "fieldName": "labelText" - }, - { - "name": "submitBtnText", - "type": { - "text": "string" - }, - "default": "'Ok'", - "description": "Submit button text.", - "fieldName": "submitBtnText" + "description": "Child link.", + "fieldName": "childLink" }, { - "name": "cancelBtnText", + "name": "childSubTitle", "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" + "default": "''", + "description": "Optional Child Subtitle.", + "fieldName": "childSubTitle" }, { - "name": "secondaryButtonText", + "name": "childState", "type": { "text": "string" }, - "default": "'Secondary'", - "description": "Secondary button text.", - "fieldName": "secondaryButtonText" - }, - { - "name": "showSecondaryButton", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Hides the secondary button.", - "fieldName": "showSecondaryButton" - }, - { - "name": "hideCancelButton", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Hides the cancel button.", - "fieldName": "hideCancelButton" + "default": "'pending'", + "description": "Child State. `'pending'`, `'active'` & `'completed'`.", + "fieldName": "childState" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-side-drawer", + "tagName": "kyn-stepper-item-child", "customElement": true } ], "exports": [ { "kind": "js", - "name": "SideDrawer", + "name": "StepperItemChild", "declaration": { - "name": "SideDrawer", - "module": "src/components/reusable/sideDrawer/sideDrawer.ts" + "name": "StepperItemChild", + "module": "src/components/reusable/stepper/stepperItemChild.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-side-drawer", + "name": "kyn-stepper-item-child", "declaration": { - "name": "SideDrawer", - "module": "src/components/reusable/sideDrawer/sideDrawer.ts" + "name": "StepperItemChild", + "module": "src/components/reusable/stepper/stepperItemChild.ts" } } ] @@ -14369,32 +14369,28 @@ }, { "kind": "javascript-module", - "path": "src/components/reusable/textInput/index.ts", + "path": "src/components/reusable/timepicker/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "TextInput", + "name": "TimePicker", "declaration": { - "name": "TextInput", - "module": "./textInput" + "name": "TimePicker", + "module": "./timepicker" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/textInput/textInput.ts", + "path": "src/components/reusable/timepicker/timepicker.ts", "declarations": [ { "kind": "class", - "description": "Text input.", - "name": "TextInput", + "description": "Timepicker: uses Flatpickr library,time picker implementation -- `https://flatpickr.js.org/examples/#time-picker`", + "name": "TimePicker", "slots": [ - { - "description": "Slot for contextual icon.", - "name": "icon" - }, { "description": "Slot for tooltip.", "name": "tooltip" @@ -14403,53 +14399,93 @@ "members": [ { "kind": "field", - "name": "label", + "name": "label", + "type": { + "text": "string" + }, + "default": "''", + "description": "Label text.", + "attribute": "label" + }, + { + "kind": "field", + "name": "locale", + "type": { + "text": "SupportedLocale" + }, + "default": "'en'", + "description": "Sets desired locale and, if supported, dynamically loads language lib", + "attribute": "locale" + }, + { + "kind": "field", + "name": "value", + "type": { + "text": "Date | null" + }, + "default": "null", + "description": "Sets date/time value.", + "attribute": "value" + }, + { + "kind": "field", + "name": "defaultDate", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets default time value.", + "attribute": "defaultDate" + }, + { + "kind": "field", + "name": "defaultHour", "type": { - "text": "string" + "text": "number | null" }, - "default": "''", - "description": "Label text.", - "attribute": "label" + "default": "null", + "description": "Sets initial value of the hour element.", + "attribute": "defaultHour" }, { "kind": "field", - "name": "type", + "name": "defaultMinute", "type": { - "text": "string" + "text": "number | null" }, - "default": "'text'", - "description": "Input type, limited to options that are \"text like\".", - "attribute": "type" + "default": "null", + "description": "Sets initial value of the minute element.", + "attribute": "defaultMinute" }, { "kind": "field", - "name": "size", + "name": "defaultErrorMessage", "type": { "text": "string" }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "attribute": "size" + "default": "''", + "description": "Sets default error message.", + "attribute": "defaultErrorMessage" }, { "kind": "field", - "name": "caption", + "name": "warnText", "type": { "text": "string" }, "default": "''", - "description": "Optional text beneath the input.", - "attribute": "caption" + "description": "Sets validation warning messaging.", + "attribute": "warnText" }, { "kind": "field", - "name": "placeholder", + "name": "caption", "type": { "text": "string" }, "default": "''", - "description": "Input placeholder.", - "attribute": "placeholder" + "description": "Sets caption to be displayed under primary date picker elements.", + "attribute": "caption" }, { "kind": "field", @@ -14458,70 +14494,103 @@ "text": "boolean" }, "default": "false", - "description": "Makes the input required.", + "description": "Sets datepicker form input value to required/required.", "attribute": "required" }, { "kind": "field", - "name": "disabled", + "name": "size", + "type": { + "text": "string" + }, + "default": "'md'", + "description": "Input size. \"sm\", \"md\", or \"lg\".", + "attribute": "size" + }, + { + "kind": "field", + "name": "timepickerDisabled", "type": { "text": "boolean" }, "default": "false", - "description": "Input disabled state.", - "attribute": "disabled" + "description": "Sets entire datepicker form element to enabled/disabled.", + "attribute": "timepickerDisabled" }, { "kind": "field", - "name": "pattern", + "name": "twentyFourHourFormat", "type": { - "text": "string" + "text": "boolean | null" }, - "description": "RegEx pattern to validate.", - "attribute": "pattern" + "default": "null", + "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-*` locales and 24H for all other locales.", + "attribute": "twentyFourHourFormat" }, { "kind": "field", - "name": "maxLength", + "name": "minTime", "type": { - "text": "number" + "text": "string | number | Date" }, - "description": "Maximum number of characters.", - "attribute": "maxLength" + "default": "''", + "description": "Sets lower boundary of datepicker date selection.", + "attribute": "minTime" }, { "kind": "field", - "name": "minLength", + "name": "maxTime", "type": { - "text": "number" + "text": "string | number | Date" }, - "description": "Minimum number of characters.", - "attribute": "minLength" + "default": "''", + "description": "Sets upper boundary of datepicker date selection.", + "attribute": "maxTime" }, { "kind": "field", - "name": "iconRight", + "name": "errorAriaLabel", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Place icon on the right.", - "attribute": "iconRight" + "default": "''", + "description": "Sets aria label attribute for error message.", + "attribute": "errorAriaLabel" }, { "kind": "field", - "name": "hideLabel", + "name": "errorTitle", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Visually hide the label.", - "attribute": "hideLabel" + "default": "''", + "description": "Sets title attribute for error message.", + "attribute": "errorTitle" + }, + { + "kind": "field", + "name": "warningAriaLabel", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets aria label attribute for warning message.", + "attribute": "warningAriaLabel" + }, + { + "kind": "field", + "name": "warningTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets title attribute for warning message.", + "attribute": "warningTitle" }, { "kind": "field", "name": "textStrings", - "default": "{\n requiredText: 'Required',\n clearAll: 'Clear all',\n errorText: 'Error',\n}", + "default": "{\n requiredText: 'Required',\n clearAll: 'Clear',\n}", "description": "Customizable text strings.", "attribute": "textStrings", "type": { @@ -14530,65 +14599,210 @@ }, { "kind": "method", - "name": "_handleInput", + "name": "renderValidationMessage", + "privacy": "private", + "parameters": [ + { + "name": "errorId", + "type": { + "text": "string" + } + }, + { + "name": "warningId", + "type": { + "text": "string" + } + } + ] + }, + { + "kind": "method", + "name": "getTimepickerClasses" + }, + { + "kind": "method", + "name": "_handleClear", + "privacy": "private", + "parameters": [ + { + "name": "event", + "type": { + "text": "Event" + } + } + ] + }, + { + "kind": "method", + "name": "setupAnchor", + "privacy": "private" + }, + { + "kind": "method", + "name": "initializeFlatpickr", + "return": { + "type": { + "text": "Promise" + } + } + }, + { + "kind": "method", + "name": "updateFlatpickrOptions", + "return": { + "type": { + "text": "Promise" + } + } + }, + { + "kind": "method", + "name": "getComponentFlatpickrOptions", + "return": { + "type": { + "text": "Promise>" + } + } + }, + { + "kind": "method", + "name": "setInitialDates", + "return": { + "type": { + "text": "void" + } + }, + "parameters": [ + { + "name": "instance", + "type": { + "text": "flatpickr.Instance" + } + } + ] + }, + { + "kind": "method", + "name": "handleOpen", + "return": { + "type": { + "text": "void" + } + } + }, + { + "kind": "method", + "name": "handleClose", + "return": { + "type": { + "text": "Promise" + } + } + }, + { + "kind": "method", + "name": "handleTimeChange", + "return": { + "type": { + "text": "Promise" + } + }, + "parameters": [ + { + "name": "selectedDates", + "type": { + "text": "Date[]" + } + }, + { + "name": "dateStr", + "type": { + "text": "string" + } + } + ] + }, + { + "kind": "method", + "name": "_validate", "privacy": "private", + "return": { + "type": { + "text": "void" + } + }, "parameters": [ { - "name": "e", + "name": "interacted", "type": { - "text": "any" + "text": "boolean" + } + }, + { + "name": "report", + "type": { + "text": "boolean" } } ] }, { "kind": "method", - "name": "_handleClear", + "name": "_onChange", "privacy": "private" }, { "kind": "method", - "name": "_emitValue", + "name": "_handleFormReset", + "privacy": "private" + }, + { + "kind": "method", + "name": "setShouldFlatpickrOpen", "privacy": "private", "parameters": [ { - "name": "e", - "optional": true, + "name": "value", "type": { - "text": "any" + "text": "boolean" } } ] }, { "kind": "method", - "name": "_validate", + "name": "closeFlatpickr", + "privacy": "private" + }, + { + "kind": "method", + "name": "preventFlatpickrOpen", "privacy": "private", "parameters": [ { - "name": "interacted", - "type": { - "text": "Boolean" - } - }, - { - "name": "report", + "name": "event", "type": { - "text": "Boolean" + "text": "Event" } } ] }, { "kind": "method", - "name": "determineIfSlotted", + "name": "handleInputClickEvent", + "privacy": "private" + }, + { + "kind": "method", + "name": "handleInputFocusEvent", "privacy": "private" } ], "events": [ { "description": "Captures the input event and emits the selected value and original event details.", - "name": "on-input" + "name": "on-change" } ], "attributes": [ @@ -14602,40 +14816,76 @@ "fieldName": "label" }, { - "name": "type", + "name": "locale", + "type": { + "text": "SupportedLocale" + }, + "default": "'en'", + "description": "Sets desired locale and, if supported, dynamically loads language lib", + "fieldName": "locale" + }, + { + "name": "value", + "type": { + "text": "Date | null" + }, + "default": "null", + "description": "Sets date/time value.", + "fieldName": "value" + }, + { + "name": "defaultDate", "type": { "text": "string" }, - "default": "'text'", - "description": "Input type, limited to options that are \"text like\".", - "fieldName": "type" + "default": "''", + "description": "Sets default time value.", + "fieldName": "defaultDate" }, { - "name": "size", + "name": "defaultHour", + "type": { + "text": "number | null" + }, + "default": "null", + "description": "Sets initial value of the hour element.", + "fieldName": "defaultHour" + }, + { + "name": "defaultMinute", + "type": { + "text": "number | null" + }, + "default": "null", + "description": "Sets initial value of the minute element.", + "fieldName": "defaultMinute" + }, + { + "name": "defaultErrorMessage", "type": { "text": "string" }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "fieldName": "size" + "default": "''", + "description": "Sets default error message.", + "fieldName": "defaultErrorMessage" }, { - "name": "caption", + "name": "warnText", "type": { "text": "string" }, "default": "''", - "description": "Optional text beneath the input.", - "fieldName": "caption" + "description": "Sets validation warning messaging.", + "fieldName": "warnText" }, { - "name": "placeholder", + "name": "caption", "type": { "text": "string" }, "default": "''", - "description": "Input placeholder.", - "fieldName": "placeholder" + "description": "Sets caption to be displayed under primary date picker elements.", + "fieldName": "caption" }, { "name": "required", @@ -14643,59 +14893,89 @@ "text": "boolean" }, "default": "false", - "description": "Makes the input required.", + "description": "Sets datepicker form input value to required/required.", "fieldName": "required" }, { - "name": "disabled", + "name": "size", + "type": { + "text": "string" + }, + "default": "'md'", + "description": "Input size. \"sm\", \"md\", or \"lg\".", + "fieldName": "size" + }, + { + "name": "timepickerDisabled", "type": { "text": "boolean" }, "default": "false", - "description": "Input disabled state.", - "fieldName": "disabled" + "description": "Sets entire datepicker form element to enabled/disabled.", + "fieldName": "timepickerDisabled" }, { - "name": "pattern", + "name": "twentyFourHourFormat", "type": { - "text": "string" + "text": "boolean | null" }, - "description": "RegEx pattern to validate.", - "fieldName": "pattern" + "default": "null", + "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-*` locales and 24H for all other locales.", + "fieldName": "twentyFourHourFormat" }, { - "name": "maxLength", + "name": "minTime", "type": { - "text": "number" + "text": "string | number | Date" }, - "description": "Maximum number of characters.", - "fieldName": "maxLength" + "default": "''", + "description": "Sets lower boundary of datepicker date selection.", + "fieldName": "minTime" }, { - "name": "minLength", + "name": "maxTime", "type": { - "text": "number" + "text": "string | number | Date" }, - "description": "Minimum number of characters.", - "fieldName": "minLength" + "default": "''", + "description": "Sets upper boundary of datepicker date selection.", + "fieldName": "maxTime" }, { - "name": "iconRight", + "name": "errorAriaLabel", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Place icon on the right.", - "fieldName": "iconRight" + "default": "''", + "description": "Sets aria label attribute for error message.", + "fieldName": "errorAriaLabel" }, { - "name": "hideLabel", + "name": "errorTitle", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Visually hide the label.", - "fieldName": "hideLabel" + "default": "''", + "description": "Sets title attribute for error message.", + "fieldName": "errorTitle" + }, + { + "name": "warningAriaLabel", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets aria label attribute for warning message.", + "fieldName": "warningAriaLabel" + }, + { + "name": "warningTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets title attribute for warning message.", + "fieldName": "warningTitle" }, { "name": "textStrings", @@ -14714,148 +14994,112 @@ "name": "LitElement", "package": "lit" }, - "tagName": "kyn-text-input", + "tagName": "kyn-time-picker", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TextInput", + "name": "TimePicker", "declaration": { - "name": "TextInput", - "module": "src/components/reusable/textInput/textInput.ts" + "name": "TimePicker", + "module": "src/components/reusable/timepicker/timepicker.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-text-input", + "name": "kyn-time-picker", "declaration": { - "name": "TextInput", - "module": "src/components/reusable/textInput/textInput.ts" + "name": "TimePicker", + "module": "src/components/reusable/timepicker/timepicker.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/timepicker/index.ts", + "path": "src/components/reusable/textInput/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "TimePicker", + "name": "TextInput", "declaration": { - "name": "TimePicker", - "module": "./timepicker" + "name": "TextInput", + "module": "./textInput" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/timepicker/timepicker.ts", + "path": "src/components/reusable/textInput/textInput.ts", "declarations": [ { "kind": "class", - "description": "Timepicker: uses Flatpickr library,time picker implementation -- `https://flatpickr.js.org/examples/#time-picker`", - "name": "TimePicker", + "description": "Text input.", + "name": "TextInput", "slots": [ { - "description": "Slot for tooltip.", - "name": "tooltip" - } - ], - "members": [ - { - "kind": "field", - "name": "label", - "type": { - "text": "string" - }, - "default": "''", - "description": "Label text.", - "attribute": "label" - }, - { - "kind": "field", - "name": "locale", - "type": { - "text": "SupportedLocale" - }, - "default": "'en'", - "description": "Sets desired locale and, if supported, dynamically loads language lib", - "attribute": "locale" - }, - { - "kind": "field", - "name": "value", - "type": { - "text": "Date | null" - }, - "default": "null", - "description": "Sets date/time value.", - "attribute": "value" + "description": "Slot for contextual icon.", + "name": "icon" }, + { + "description": "Slot for tooltip.", + "name": "tooltip" + } + ], + "members": [ { "kind": "field", - "name": "defaultDate", + "name": "label", "type": { "text": "string" }, "default": "''", - "description": "Sets default time value.", - "attribute": "defaultDate" - }, - { - "kind": "field", - "name": "defaultHour", - "type": { - "text": "number | null" - }, - "default": "null", - "description": "Sets initial value of the hour element.", - "attribute": "defaultHour" + "description": "Label text.", + "attribute": "label" }, { "kind": "field", - "name": "defaultMinute", + "name": "type", "type": { - "text": "number | null" + "text": "string" }, - "default": "null", - "description": "Sets initial value of the minute element.", - "attribute": "defaultMinute" + "default": "'text'", + "description": "Input type, limited to options that are \"text like\".", + "attribute": "type" }, { "kind": "field", - "name": "defaultErrorMessage", + "name": "size", "type": { "text": "string" }, - "default": "''", - "description": "Sets default error message.", - "attribute": "defaultErrorMessage" + "default": "'md'", + "description": "Input size. \"sm\", \"md\", or \"lg\".", + "attribute": "size" }, { "kind": "field", - "name": "warnText", + "name": "caption", "type": { "text": "string" }, "default": "''", - "description": "Sets validation warning messaging.", - "attribute": "warnText" + "description": "Optional text beneath the input.", + "attribute": "caption" }, { "kind": "field", - "name": "caption", + "name": "placeholder", "type": { "text": "string" }, "default": "''", - "description": "Sets caption to be displayed under primary date picker elements.", - "attribute": "caption" + "description": "Input placeholder.", + "attribute": "placeholder" }, { "kind": "field", @@ -14864,315 +15108,137 @@ "text": "boolean" }, "default": "false", - "description": "Sets datepicker form input value to required/required.", + "description": "Makes the input required.", "attribute": "required" }, { "kind": "field", - "name": "size", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "attribute": "size" - }, - { - "kind": "field", - "name": "timepickerDisabled", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Sets entire datepicker form element to enabled/disabled.", - "attribute": "timepickerDisabled" - }, - { - "kind": "field", - "name": "twentyFourHourFormat", - "type": { - "text": "boolean | null" - }, - "default": "null", - "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-*` locales and 24H for all other locales.", - "attribute": "twentyFourHourFormat" - }, - { - "kind": "field", - "name": "minTime", - "type": { - "text": "string | number | Date" - }, - "default": "''", - "description": "Sets lower boundary of datepicker date selection.", - "attribute": "minTime" - }, - { - "kind": "field", - "name": "maxTime", - "type": { - "text": "string | number | Date" - }, - "default": "''", - "description": "Sets upper boundary of datepicker date selection.", - "attribute": "maxTime" - }, - { - "kind": "field", - "name": "errorAriaLabel", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets aria label attribute for error message.", - "attribute": "errorAriaLabel" + "description": "Input disabled state.", + "attribute": "disabled" }, { "kind": "field", - "name": "errorTitle", + "name": "pattern", "type": { "text": "string" }, - "default": "''", - "description": "Sets title attribute for error message.", - "attribute": "errorTitle" + "description": "RegEx pattern to validate.", + "attribute": "pattern" }, { "kind": "field", - "name": "warningAriaLabel", + "name": "maxLength", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Sets aria label attribute for warning message.", - "attribute": "warningAriaLabel" + "description": "Maximum number of characters.", + "attribute": "maxLength" }, { "kind": "field", - "name": "warningTitle", + "name": "minLength", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Sets title attribute for warning message.", - "attribute": "warningTitle" + "description": "Minimum number of characters.", + "attribute": "minLength" }, { "kind": "field", - "name": "textStrings", - "default": "{\n requiredText: 'Required',\n clearAll: 'Clear',\n}", - "description": "Customizable text strings.", - "attribute": "textStrings", + "name": "iconRight", "type": { - "text": "object" - } - }, - { - "kind": "method", - "name": "renderValidationMessage", - "privacy": "private", - "parameters": [ - { - "name": "errorId", - "type": { - "text": "string" - } - }, - { - "name": "warningId", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "getTimepickerClasses" - }, - { - "kind": "method", - "name": "_handleClear", - "privacy": "private", - "parameters": [ - { - "name": "event", - "type": { - "text": "Event" - } - } - ] - }, - { - "kind": "method", - "name": "setupAnchor", - "privacy": "private" - }, - { - "kind": "method", - "name": "initializeFlatpickr", - "return": { - "type": { - "text": "Promise" - } - } - }, - { - "kind": "method", - "name": "updateFlatpickrOptions", - "return": { - "type": { - "text": "Promise" - } - } - }, - { - "kind": "method", - "name": "getComponentFlatpickrOptions", - "return": { - "type": { - "text": "Promise>" - } - } - }, - { - "kind": "method", - "name": "setInitialDates", - "return": { - "type": { - "text": "void" - } + "text": "boolean" }, - "parameters": [ - { - "name": "instance", - "type": { - "text": "flatpickr.Instance" - } - } - ] - }, - { - "kind": "method", - "name": "handleOpen", - "return": { - "type": { - "text": "void" - } - } - }, - { - "kind": "method", - "name": "handleClose", - "return": { - "type": { - "text": "Promise" - } - } + "default": "false", + "description": "Place icon on the right.", + "attribute": "iconRight" }, { - "kind": "method", - "name": "handleTimeChange", - "return": { - "type": { - "text": "Promise" - } + "kind": "field", + "name": "hideLabel", + "type": { + "text": "boolean" }, - "parameters": [ - { - "name": "selectedDates", - "type": { - "text": "Date[]" - } - }, - { - "name": "dateStr", - "type": { - "text": "string" - } - } - ] + "default": "false", + "description": "Visually hide the label.", + "attribute": "hideLabel" + }, + { + "kind": "field", + "name": "textStrings", + "default": "{\n requiredText: 'Required',\n clearAll: 'Clear all',\n errorText: 'Error',\n}", + "description": "Customizable text strings.", + "attribute": "textStrings", + "type": { + "text": "object" + } }, { "kind": "method", - "name": "_validate", + "name": "_handleInput", "privacy": "private", - "return": { - "type": { - "text": "void" - } - }, "parameters": [ { - "name": "interacted", - "type": { - "text": "boolean" - } - }, - { - "name": "report", + "name": "e", "type": { - "text": "boolean" + "text": "any" } } ] }, { "kind": "method", - "name": "_onChange", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleFormReset", + "name": "_handleClear", "privacy": "private" }, { "kind": "method", - "name": "setShouldFlatpickrOpen", + "name": "_emitValue", "privacy": "private", "parameters": [ { - "name": "value", + "name": "e", + "optional": true, "type": { - "text": "boolean" + "text": "any" } } ] }, { "kind": "method", - "name": "closeFlatpickr", - "privacy": "private" - }, - { - "kind": "method", - "name": "preventFlatpickrOpen", + "name": "_validate", "privacy": "private", "parameters": [ { - "name": "event", + "name": "interacted", "type": { - "text": "Event" + "text": "Boolean" + } + }, + { + "name": "report", + "type": { + "text": "Boolean" } } ] }, { "kind": "method", - "name": "handleInputClickEvent", - "privacy": "private" - }, - { - "kind": "method", - "name": "handleInputFocusEvent", + "name": "determineIfSlotted", "privacy": "private" } ], "events": [ { "description": "Captures the input event and emits the selected value and original event details.", - "name": "on-change" + "name": "on-input" } ], "attributes": [ @@ -15186,76 +15252,40 @@ "fieldName": "label" }, { - "name": "locale", - "type": { - "text": "SupportedLocale" - }, - "default": "'en'", - "description": "Sets desired locale and, if supported, dynamically loads language lib", - "fieldName": "locale" - }, - { - "name": "value", - "type": { - "text": "Date | null" - }, - "default": "null", - "description": "Sets date/time value.", - "fieldName": "value" - }, - { - "name": "defaultDate", + "name": "type", "type": { "text": "string" }, - "default": "''", - "description": "Sets default time value.", - "fieldName": "defaultDate" - }, - { - "name": "defaultHour", - "type": { - "text": "number | null" - }, - "default": "null", - "description": "Sets initial value of the hour element.", - "fieldName": "defaultHour" - }, - { - "name": "defaultMinute", - "type": { - "text": "number | null" - }, - "default": "null", - "description": "Sets initial value of the minute element.", - "fieldName": "defaultMinute" + "default": "'text'", + "description": "Input type, limited to options that are \"text like\".", + "fieldName": "type" }, { - "name": "defaultErrorMessage", + "name": "size", "type": { "text": "string" }, - "default": "''", - "description": "Sets default error message.", - "fieldName": "defaultErrorMessage" + "default": "'md'", + "description": "Input size. \"sm\", \"md\", or \"lg\".", + "fieldName": "size" }, { - "name": "warnText", + "name": "caption", "type": { "text": "string" }, "default": "''", - "description": "Sets validation warning messaging.", - "fieldName": "warnText" + "description": "Optional text beneath the input.", + "fieldName": "caption" }, { - "name": "caption", + "name": "placeholder", "type": { "text": "string" }, "default": "''", - "description": "Sets caption to be displayed under primary date picker elements.", - "fieldName": "caption" + "description": "Input placeholder.", + "fieldName": "placeholder" }, { "name": "required", @@ -15263,89 +15293,59 @@ "text": "boolean" }, "default": "false", - "description": "Sets datepicker form input value to required/required.", + "description": "Makes the input required.", "fieldName": "required" }, { - "name": "size", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "fieldName": "size" - }, - { - "name": "timepickerDisabled", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Sets entire datepicker form element to enabled/disabled.", - "fieldName": "timepickerDisabled" - }, - { - "name": "twentyFourHourFormat", - "type": { - "text": "boolean | null" - }, - "default": "null", - "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-*` locales and 24H for all other locales.", - "fieldName": "twentyFourHourFormat" - }, - { - "name": "minTime", - "type": { - "text": "string | number | Date" - }, - "default": "''", - "description": "Sets lower boundary of datepicker date selection.", - "fieldName": "minTime" + "description": "Input disabled state.", + "fieldName": "disabled" }, { - "name": "maxTime", + "name": "pattern", "type": { - "text": "string | number | Date" + "text": "string" }, - "default": "''", - "description": "Sets upper boundary of datepicker date selection.", - "fieldName": "maxTime" + "description": "RegEx pattern to validate.", + "fieldName": "pattern" }, { - "name": "errorAriaLabel", + "name": "maxLength", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Sets aria label attribute for error message.", - "fieldName": "errorAriaLabel" + "description": "Maximum number of characters.", + "fieldName": "maxLength" }, { - "name": "errorTitle", + "name": "minLength", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Sets title attribute for error message.", - "fieldName": "errorTitle" + "description": "Minimum number of characters.", + "fieldName": "minLength" }, { - "name": "warningAriaLabel", + "name": "iconRight", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets aria label attribute for warning message.", - "fieldName": "warningAriaLabel" + "default": "false", + "description": "Place icon on the right.", + "fieldName": "iconRight" }, { - "name": "warningTitle", + "name": "hideLabel", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets title attribute for warning message.", - "fieldName": "warningTitle" + "default": "false", + "description": "Visually hide the label.", + "fieldName": "hideLabel" }, { "name": "textStrings", @@ -15364,25 +15364,25 @@ "name": "LitElement", "package": "lit" }, - "tagName": "kyn-time-picker", + "tagName": "kyn-text-input", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TimePicker", + "name": "TextInput", "declaration": { - "name": "TimePicker", - "module": "src/components/reusable/timepicker/timepicker.ts" + "name": "TextInput", + "module": "src/components/reusable/textInput/textInput.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-time-picker", + "name": "kyn-text-input", "declaration": { - "name": "TimePicker", - "module": "src/components/reusable/timepicker/timepicker.ts" + "name": "TextInput", + "module": "src/components/reusable/textInput/textInput.ts" } } ] diff --git a/src/components/reusable/overflowMenu/overflowMenuItem.scss b/src/components/reusable/overflowMenu/overflowMenuItem.scss index 04696350..f51d6f4a 100644 --- a/src/components/reusable/overflowMenu/overflowMenuItem.scss +++ b/src/components/reusable/overflowMenu/overflowMenuItem.scss @@ -25,7 +25,7 @@ transition: background-color 0.15s ease-out, outline-color 0.15s ease-out; &:hover { - background: var(--kd-color-background-accent-subtle); + background: var(--kd-color-background-ui-hollow-hover); } &:focus {