{ "schemaVersion": "1.0.0", "readme": "", "modules": [ { "kind": "javascript-module", "path": "src/config.ts", "declarations": [ { "kind": "variable", "name": "config", "default": "_config" } ], "exports": [ { "kind": "js", "name": "config", "declaration": { "name": "config", "module": "src/config.ts" } } ] }, { "kind": "javascript-module", "path": "src/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./app-bar/top-app-bar.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./badge/badge.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./button/button.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./button/button-base.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./button/button-set.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./button/fab.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./button/icon-button.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./button-field/button-field.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./calendar/calendar.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./calendar/range-calendar.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./card/card.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./card/card-content.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./card/card-media.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./chip/chip.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./chip-field/chip-field.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./chip/chip-set.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./dialog/dialog.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./dialog/dialog-builder.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./dialog/confirm-dialog-builder.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./dialog/message-dialog-builder.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./checkbox/checkbox.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./radio/radio.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./search/search.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./switch/switch.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./switch/switch-list-item.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./elevation/elevation.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./field/field.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./text-field/text-field.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./text-area/text-area.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./select/select.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./list/list.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./list/list-item.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./icon/icon.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./menu/menu.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./menu/menu-item.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./navigation/drawer.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./navigation/drawer-item.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./navigation/drawer-headline.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./navigation/side-navigation.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./overflow-menu/overflow-menu.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./overflow-menu/overflow-menu-item.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./progress/circular-progress.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./progress/progress-bar.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./ripple/ripple.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./snackbar/snackbar.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./tab-bar/tab-bar.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./tab-bar/tab.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./theme/theme-builder.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./typeahead/highlight.js" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./typeahead/typeahead.js" } } ] }, { "kind": "javascript-module", "path": "src/app-bar/top-app-bar.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { display: block; } slot[name=leading-icon]::slotted(u-icon-button) { color: inherit; } .container { background-color: var(--u-top-app-bar-container-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255)))); color: var(--u-top-app-bar-text-color, var(--u-color-on-surface, rgb(29, 27, 32))); transition: background-color 100ms, inset 375ms cubic-bezier(0.19, 1, 0.22, 1); } .scrolled { background-color: var(--u-top-app-bar-on-scroll-container-color, var(--u-color-surface-container, rgb(243, 237, 247))); } .leading-icon, .trailing-icon { display: none; align-items: center; gap: var(--u-top-app-bar-icons-gap, 8px); } .has-leading-icon .leading-icon, .has-trailing-icon .trailing-icon { display: inline-flex; } .absolute { position: absolute; } .fixed { position: fixed; inset-inline: 0; inset-block-start: 0; inset-inline-start: var(--u-app-bar-offset, 0); } .absolute, .fixed { z-index: var(--u-fixed-app-bar-z-index, 1010); } .spacing { padding-top: var(--_content-height); } .extended-content { display: flex; align-items: flex-end; padding-inline: var(--u-extended-content-inline-padding, 16px); } .medium + .extended-content { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-extended-content-medium-line-height, var(--u-headline-s-line-height, 2rem)); font-size: var(--u-extended-content-medium-font-size, var(--u-headline-s-font-size, 1.5rem)); letter-spacing: var(--u-extended-content-medium-letter-spacing, var(--u-headline-s-letter-spacing, 0rem)); font-weight: var(--u-extended-content-medium-font-weight, var(--u-headline-s-font-weight, var(--u-font-weight-regular, 400))); height: var(--u-extended-content-medium-height, 3.5rem); padding-bottom: var(--u-extended-content-medium-padding-bottom, 24px); } .large + .extended-content { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-extended-content-large-line-height, var(--u-headline-m-line-height, 2.25rem)); font-size: var(--u-extended-content-large-font-size, var(--u-headline-m-font-size, 1.75rem)); letter-spacing: var(--u-extended-content-large-letter-spacing, var(--u-headline-m-letter-spacing, 0rem)); font-weight: var(--u-extended-content-large-font-weight, var(--u-headline-m-font-weight, var(--u-font-weight-regular, 400))); height: var(--u-extended-content-medium-large, 6rem); padding-bottom: var(--u-extended-content-large-padding-bottom, 28px); } .content { display: flex; align-items: center; background-color: inherit; transition: inherit; min-height: var(--u-top-app-bar-min-height, 56px); } @media (min-width: 840px) { .content { min-height: var(--u-top-app-bar-extended-min-height, 64px); } } .headline { overflow: hidden; font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-top-app-bar-headline-line-height, var(--u-title-l-line-height, 1.75rem)); font-size: var(--u-top-app-bar-headline-font-size, var(--u-title-l-font-size, 1.375rem)); letter-spacing: var(--u-top-app-bar-headline-letter-spacing, var(--u-title-l-letter-spacing, 0rem)); font-weight: var(--u-top-app-bar-headline-font-weight, var(--u-title-l-font-weight, var(--u-font-weight-regular, 400))); margin-inline: var(--u-headline-margin, 16px); } .has-leading-icon .headline { margin-inline-start: 0; } .leading-icon { margin-inline: var(--u-leading-icon-margin, 8px); } .trailing-icon { padding-inline: var(--u-trailing-icon-margin, 8px); margin-inline-start: auto; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/app-bar/top-app-bar.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/app-bar/top-app-bar.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmTopAppBar", "members": [ { "kind": "field", "name": "_hasLeadingIcon", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_hasTrailingIcon", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "position", "type": { "text": "'fixed' | 'absolute' | 'static'" }, "default": "'fixed'", "attribute": "position", "reflects": true }, { "kind": "field", "name": "size", "type": { "text": "'small' | 'medium' | 'large'" }, "default": "'small'", "attribute": "size", "reflects": true }, { "kind": "field", "name": "headline", "type": { "text": "string" }, "default": "''", "attribute": "headline" }, { "kind": "field", "name": "scrollContainer", "type": { "text": "'none' | 'window' | string | undefined" }, "attribute": "scrollContainer", "reflects": true }, { "kind": "field", "name": "containerScrolled", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "assignedLeadingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "assignedTrailingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_container", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_extendedContent", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_headlineElement", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "containerSizeObserver", "type": { "text": "ResizeObserver | null" }, "privacy": "private", "default": "null" }, { "kind": "field", "name": "scrollContainerElement", "type": { "text": "{\n addEventListener: typeof window.addEventListener;\n removeEventListener: typeof window.removeEventListener;\n } | null" }, "privacy": "private", "default": "null" }, { "kind": "method", "name": "getScrollContainer", "privacy": "private", "return": { "type": { "text": "| {\n addEventListener: typeof window.addEventListener;\n removeEventListener: typeof window.removeEventListener;\n }\n | undefined" } }, "parameters": [ { "name": "idOrElement", "type": { "text": "string | HTMLElement | undefined" } } ] }, { "kind": "method", "name": "#handleLeadingIconSlotChange", "privacy": "private" }, { "kind": "method", "name": "#handleTrailingIconSlotChange", "privacy": "private" }, { "kind": "field", "name": "#updateScroll", "privacy": "private", "readonly": true }, { "kind": "method", "name": "_getScrollTop", "privacy": "private", "static": true, "return": { "type": { "text": "number" } }, "parameters": [ { "name": "container", "type": { "text": "HTMLElement & Window" } } ] }, { "kind": "method", "name": "#setContentHeightProperty", "privacy": "private" } ], "attributes": [ { "name": "position", "type": { "text": "'fixed' | 'absolute' | 'static'" }, "default": "'fixed'", "fieldName": "position" }, { "name": "size", "type": { "text": "'small' | 'medium' | 'large'" }, "default": "'small'", "fieldName": "size" }, { "name": "headline", "type": { "text": "string" }, "default": "''", "fieldName": "headline" }, { "name": "scrollContainer", "type": { "text": "'none' | 'window' | string | undefined" }, "fieldName": "scrollContainer" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-top-app-bar", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmTopAppBar", "declaration": { "name": "UmTopAppBar", "module": "src/app-bar/top-app-bar.ts" } }, { "kind": "custom-element-definition", "name": "u-top-app-bar", "declaration": { "name": "UmTopAppBar", "module": "src/app-bar/top-app-bar.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/button-base.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --_morph-duration: var(--u-button-morph-duration, 125ms); } .container { transition: background-color var(--_morph-duration) linear, border-radius var(--_morph-duration) linear, color var(--_morph-duration) linear; } .icon { display: flex; justify-content: center; align-items: center; width: 1em; height: 1em; line-height: 1em; } ::slotted([slot=icon]) { display: inline-block; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/button/button-base.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/button-base.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmButtonBase", "members": [ { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true" }, { "kind": "field", "name": "type", "type": { "text": "string" }, "default": "'submit'", "attribute": "type" }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "attribute": "value", "reflects": true }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true }, { "kind": "field", "name": "#elementInternals", "privacy": "private", "type": { "text": "ElementInternals" }, "readonly": true }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "_", "type": { "text": "UIEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "default": "true", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "attribute": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "attribute": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "attribute": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "buttonElement", "type": { "text": "HTMLElement" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "_ripple", "type": { "text": "UmRipple" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "innerRole", "type": { "text": "string | null" }, "privacy": "protected", "default": "null", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "pathname", "type": { "text": "string" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_getContainerClasses", "privacy": "protected", "return": { "type": { "text": "Record" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderButton", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderLink", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_renderContent", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "focus", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "blur", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "getAriaLabel", "privacy": "protected", "return": { "type": { "text": "string | null" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerFocusHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerClickHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "attributes": [ { "name": "type", "type": { "text": "string" }, "default": "'submit'", "fieldName": "type" }, { "name": "value", "type": { "text": "string" }, "default": "''", "fieldName": "value" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "fieldName": "disabled", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "fieldName": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "fieldName": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "name", "type": { "text": "string | undefined" }, "fieldName": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "superclass": { "name": "UmButtonWrapper", "module": "/src/shared/button-wrapper.js" } } ], "exports": [ { "kind": "js", "name": "UmButtonBase", "declaration": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/button-set.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host([stack][alignment=start]) { align-items: flex-start; } :host([stack][alignment=center]) { align-items: center; } :host([stack][alignment=end]) { align-items: flex-end; } :host([stack]) { flex-direction: column; justify-content: flex-start; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/button/button-set.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/button-set.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmButtonSet", "members": [ { "kind": "field", "name": "stack", "type": { "text": "boolean" }, "default": "false", "description": "Whether to render the buttons stacked or not", "attribute": "stack", "reflects": true }, { "kind": "field", "name": "alignment", "type": { "text": "'start' | 'center' | 'end'" }, "default": "'end'", "description": "Set the alignment of the set at the `start`, `center` or at the `end`.", "attribute": "alignment", "reflects": true, "inheritedFrom": { "name": "UmSetBase", "module": "src/shared/sets/set-base.ts" } } ], "attributes": [ { "name": "stack", "type": { "text": "boolean" }, "default": "false", "description": "Whether to render the buttons stacked or not", "fieldName": "stack" }, { "name": "alignment", "type": { "text": "'start' | 'center' | 'end'" }, "default": "'start'", "description": "Set the alignment of the set at the `start`, `center` or at the `end`.", "fieldName": "alignment", "inheritedFrom": { "name": "UmSetBase", "module": "src/shared/sets/set-base.ts" } } ], "superclass": { "name": "UmSetBase", "module": "/src/shared/sets/set-base.js" }, "tagName": "u-button-set", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmButtonSet", "declaration": { "name": "UmButtonSet", "module": "src/button/button-set.ts" } }, { "kind": "custom-element-definition", "name": "u-button-set", "declaration": { "name": "UmButtonSet", "module": "src/button/button-set.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/button.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --u-common-button-line-height: var(--u-label-large-line-height, 1.25rem); --u-common-button-font-size: var(--u-label-large-font-size, .875rem); --u-common-button-font-weight: var(--u-font-weight-medium, 500); --_common-button-padding: var(--u-common-button-padding, 16px); --_extra-small-font-size: var(--u-common-button-extra-small-font-size, .875rem); --_small-font-size: var(--u-common-button-small-font-size, .875rem); --_medium-font-size: var(--u-common-button-medium-font-size, 1rem); --_large-font-size: var(--u-common-button-large-font-size, 1.5rem); --_extra-large-font-size: var(--u-common-button-extra-large-font-size, 2rem); --_extra-small-font-weight: var(--u-common-button-extra-small-font-weight, var(--u-font-weight-medium, 500)); --_small-font-weight: var(--u-common-button-small-font-weight, var(--u-font-weight-medium, 500)); --_medium-font-weight: var(--u-common-button-medium-font-weight, var(--u-font-weight-medium, 500)); --_large-font-weight: var(--u-common-button-large-font-weight, var(--u-font-weight-regular, 400)); --_extra-large-font-weight: var(--u-common-button-extra-large-font-weight, var(--u-font-weight-regular, 400)); --_extra-small-size: var(--u-common-button-extra-small-height, 32px); --_small-size: var(--u-common-button-small-height, 40px); --_medium-size: var(--u-common-button-medium-height, 56px); --_large-size: var(--u-common-button-large-height, 96px); --_extra-large-size: var(--u-common-button-extra-large-height, 136px); --_extra-small-icon-size: var(--u-icon-button-extra-small-icon-size, 1.25rem); --_small-icon-size: var(--u-icon-button-small-icon-size, 1.25rem); --_medium-icon-size: var(--u-icon-button-medium-icon-size, 1.5rem); --_large-icon-size: var(--u-icon-button-large-icon-size, 2rem); --_extra-large-icon-size: var(--u-icon-button-extra-large-icon-size, 2.5rem); --_extra-small-icon-margin: var(--u-icon-button-extra-small-icon-margin, 8px); --_small-icon-margin: var(--u-icon-button-small-icon-margin, 8px); --_medium-icon-margin: var(--u-icon-button-medium-icon-margin, 8px); --_large-icon-margin: var(--u-icon-button-large-icon-margin, 12px); --_extra-large-icon-margin: var(--u-icon-button-extra-large-icon-margin, 16px); --_extra-small-padding: var(--u-common-button-extra-small-padding, 12px); --_small-padding: var(--u-common-button-small-padding, 16px); --_medium-padding: var(--u-common-button-medium-padding, 24px); --_large-padding: var(--u-common-button-large-padding, 48px); --_extra-large-padding: var(--u-common-button-extra-large-padding, 64px); --_extra-small-square-shape-corner: var(--u-common-button-extra-small-square-shape-corner, 12px); --_small-square-shape-corner: var(--u-common-button-small-square-shape-corner, 12px); --_medium-square-shape-corner: var(--u-common-button-medium-square-shape-corner, 16px); --_large-square-shape-corner: var(--u-common-button-large-square-shape-corner, 28px); --_extra-large-square-shape-corner: var(--u-common-button-extra-large-square-shape-corner, 28px); --_extra-small-pressed-shape-corner: var(--u-common-button-extra-small-pressed-shape-corner, 8px); --_small-pressed-shape-corner: var(--u-common-button-small-pressed-shape-corner, 8px); --_medium-pressed-shape-corner: var(--u-common-button-medium-pressed-shape-corner, 12px); --_large-pressed-shape-corner: var(--u-common-button-large-pressed-shape-corner, 16px); --_extra-large-pressed-shape-corner: var(--u-common-button-extra-large-pressed-shape-corner, 16px); --_font-size: var(--_small-font-size); --_font-weight: var(--_small-font-weight); --_padding: var(--_small-padding); --_icon-margin: var(--_small-icon-margin); --_round-shape-corner: var(--u-common-button-round-shape-corner, calc(var(--_size) / 2)); } .extra-small { --_font-size: var(--_extra-small-font-size); --_font-weight: var(--_extra-small-font-weight); --_padding: var(--_extra-small-padding); --_icon-margin: var(--_extra-small-icon-margin); } .medium { --_font-size: var(--_medium-font-size); --_font-weight: var(--_medium-font-weight); --_padding: var(--_medium-padding); --_icon-margin: var(--_medium-icon-margin); } .large { --_font-size: var(--_large-font-size); --_font-weight: var(--_large-font-weight); --_padding: var(--_large-padding); --_icon-margin: var(--_large-icon-margin); } .extra-large { --_font-size: var(--_extra-large-font-size); --_font-weight: var(--_extra-large-font-weight); --_padding: var(--_extra-large-padding); --_icon-margin: var(--_extra-large-icon-margin); } .container { font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"); font-size: var(--_font-size); font-weight: var(--_font-weight); padding-inline: var(--_padding); box-sizing: border-box; } .filled.primary, .filled.primary.selected { background-color: var(--u-filled-button-primary-container-color, var(--u-color-primary, rgb(103, 80, 164))); color: var(--u-filled-button-primary-text-color, var(--u-color-on-primary, rgb(255, 255, 255))); } .filled.secondary, .filled.secondary.selected { background-color: var(--u-filled-button-secondary-container-color, var(--u-color-secondary, rgb(98, 91, 113))); color: var(--u-filled-button-secondary-text-color, var(--u-color-on-secondary, rgb(255, 255, 255))); } .filled.tertiary, .filled.tertiary.selected { background-color: var(--u-filled-button-tertiary-container-color, var(--u-color-tertiary, rgb(125, 82, 96))); color: var(--u-filled-button-tertiary-text-color, var(--u-color-on-tertiary, rgb(255, 255, 255))); } .filled.error, .filled.error.selected { background-color: var(--u-filled-button-error-container-color, var(--u-color-error, rgb(179, 38, 30))); color: var(--u-filled-button-error-text-color, var(--u-color-on-error, rgb(255, 255, 255))); } .filled.toggle { background-color: var(--u-filled-button-container-unselected-color, var(--u-color-surface-container, rgb(243, 237, 247))); color: var(--u-filled-button-unselected-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } .tonal { background-color: var(--u-tonal-button-container-color, var(--u-color-secondary-container, rgb(232, 222, 248))); color: var(--u-tonal-button-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43))); } .tonal.selected { background-color: var(--u-tonal-button-container-selected-color, var(--u-color-secondary, rgb(98, 91, 113))); color: var(--u-tonal-button-text-selected-color, var(--u-color-on-secondary, rgb(255, 255, 255))); } .elevated { background-color: var(--u-elevated-button-container-color, var(--u-color-surface-container-low, rgb(247, 242, 250))); color: var(--u-elevated-button-text-color, var(--u-color-primary, rgb(103, 80, 164))); } .elevated.selected { background-color: var(--u-elevated-button-container-selected-color, var(--u-color-primary, rgb(103, 80, 164))); color: var(--u-elevated-button-text-selected-color, var(--u-color-on-primary, rgb(255, 255, 255))); } @media (hover: hover) { .filled:hover:not(:focus-within):not(:active), .tonal:hover:not(:focus-within):not(:active) { --u-elevation-level: var(--u-filled-button-hover-elevation-level, 1); } } .text { color: var(--u-text-button-text-color, var(--_color-primary)); } .outlined { color: var(--u-outlined-button-text-color, var(--u-text-button-text-color, var(--_color-primary))); border: 1px solid var(--u-outlined-button-outline-color, var(--u-color-outline, rgb(121, 116, 126))); } .outlined.selected { background-color: var(--u-outlined-button-container-selected-color, var(--u-color-inverse-surface, rgb(50, 47, 53))); color: var(--u-outlined-button-text-selected-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247))); } .outlined.disabled { border-color: var(--u-outlined-button-disabled-border-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-outlined-button-disabled-border-opacity, 12%), transparent)) !important; } .outlined.disabled:not(.selected) { background-color: transparent !important; } .elevated { --u-elevation-level: var(--u-elevated-button-elevation-level, 1); color: var(--u-elevated-button-text-color, var(--_color-primary)); } @media (hover: hover) { .elevated:hover { --u-elevation-level: var(--u-elevated-button-hover-elevation-level, 2); } } .container:not(.has-icon) .icon-container { display: none; } .content { gap: var(--_icon-margin); } .icon { font-size: var(--_icon-size); } .trailing-icon .content { flex-direction: row-reverse; } #label { display: inline-block; } .label { display: inline-block; inset-inline-start: 0; transition-duration: calc(var(--_morph-duration) * 0.7); } .label-container { position: relative; } .label-container.animate { transition: width var(--_morph-duration) linear; } .label-default { opacity: 1; transition-delay: calc(var(--_morph-duration) / 2); } .label-selected { position: absolute; opacity: 0; transition-delay: 0ms; } .selected.has-selection-label .label-default { position: absolute; opacity: 0; transition-delay: 0ms; } .selected.has-selection-label .label-selected { position: static; opacity: 1; transition-delay: calc(var(--_morph-duration) / 2); } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/button/button.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/button.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmButton", "members": [ { "kind": "field", "name": "variant", "type": { "text": "UmButtonVariant" }, "default": "'filled'", "description": "The Button variant to render", "attribute": "variant" }, { "kind": "field", "name": "color", "type": { "text": "UmButtonColor" }, "default": "'primary'", "description": "The Button color", "attribute": "color" }, { "kind": "field", "name": "trailingIcon", "type": { "text": "boolean" }, "default": "false", "attribute": "trailing-icon", "reflects": true }, { "kind": "field", "name": "_hasIcon", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_hasSelectionLabel", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "animateTextChange", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "_textWrapper", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_text", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#textSizeObserver", "privacy": "private", "type": { "text": "ResizeObserver | null" } }, { "kind": "method", "name": "#setTextWrapperWidth", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_getContainerClasses", "privacy": "protected", "return": { "type": { "text": "Record" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_renderContent", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#handleIconSlotChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleSelectedLabelSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "toggle", "type": { "text": "boolean" }, "default": "false", "description": "When true, the button will toggle between selected and unselected\nstates", "attribute": "toggle", "reflects": true, "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "kind": "field", "name": "toggleShape", "type": { "text": "boolean" }, "default": "false", "description": "When true, the button will toggle between round and square shapes", "attribute": "toggle-shape", "reflects": true, "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Sets the selected state", "attribute": "selected", "reflects": true, "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "kind": "field", "name": "shape", "type": { "text": "UmButtonShape" }, "default": "'round'", "description": "Sets the shape of the button", "attribute": "shape", "reflects": true, "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "kind": "field", "name": "size", "type": { "text": "UmButtonSize" }, "default": "'small'", "description": "Sets the size of the button", "attribute": "size", "reflects": true, "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "kind": "field", "name": "ariaLabelSelected", "type": { "text": "string" }, "default": "''", "description": "The `aria-label` of the button when the button is toggleable and selected.", "attribute": "aria-label-selected", "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "kind": "field", "name": "_hasSelectionIcon", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "UIEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "getAriaLabel", "privacy": "protected", "return": { "type": { "text": "string | null" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_handleSelectedIconSlotChange", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "type", "type": { "text": "string" }, "default": "'submit'", "attribute": "type", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "attribute": "value", "reflects": true, "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true, "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "#elementInternals", "privacy": "private", "type": { "text": "ElementInternals" }, "readonly": true, "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "default": "true", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "attribute": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "attribute": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "attribute": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "buttonElement", "type": { "text": "HTMLElement" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "_ripple", "type": { "text": "UmRipple" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "innerRole", "type": { "text": "string | null" }, "privacy": "protected", "default": "null", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "pathname", "type": { "text": "string" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderButton", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderLink", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "focus", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "blur", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerFocusHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerClickHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "attributes": [ { "name": "variant", "type": { "text": "UmButtonVariant" }, "default": "'filled'", "description": "The Button variant to render", "fieldName": "variant" }, { "name": "color", "type": { "text": "UmButtonColor" }, "default": "'primary'", "description": "The Button color", "fieldName": "color" }, { "name": "trailing-icon", "type": { "text": "boolean" }, "default": "false", "fieldName": "trailingIcon" }, { "name": "toggle", "type": { "text": "boolean" }, "default": "false", "description": "When true, the button will toggle between selected and unselected\nstates", "fieldName": "toggle", "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "name": "toggle-shape", "type": { "text": "boolean" }, "default": "false", "description": "When true, the button will toggle between round and square shapes", "fieldName": "toggleShape", "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Sets the selected state", "fieldName": "selected", "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "name": "shape", "type": { "text": "UmButtonShape" }, "default": "'round'", "description": "Sets the shape of the button", "fieldName": "shape", "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "name": "size", "type": { "text": "UmButtonSize" }, "default": "'small'", "description": "Sets the size of the button", "fieldName": "size", "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "name": "aria-label-selected", "type": { "text": "string" }, "default": "''", "description": "The `aria-label` of the button when the button is toggleable and selected.", "fieldName": "ariaLabelSelected", "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "name": "type", "type": { "text": "string" }, "default": "'submit'", "fieldName": "type", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "name": "value", "type": { "text": "string" }, "default": "''", "fieldName": "value", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "fieldName": "disabled", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "fieldName": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "fieldName": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "name", "type": { "text": "string | undefined" }, "fieldName": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "superclass": { "name": "UmToggleButton", "module": "/src/button/toggle-button.js" }, "tagName": "u-button", "customElement": true, "events": [ { "name": "change", "type": { "text": "Event" }, "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } } ] } ], "exports": [ { "kind": "js", "name": "UmButton", "declaration": { "name": "UmButton", "module": "src/button/button.ts" } }, { "kind": "custom-element-definition", "name": "u-button", "declaration": { "name": "UmButton", "module": "src/button/button.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/fab-menu-color-context.ts", "declarations": [ { "kind": "variable", "name": "fabMenuColorContext" } ], "exports": [ { "kind": "js", "name": "fabMenuColorContext", "declaration": { "name": "fabMenuColorContext", "module": "src/button/fab-menu-color-context.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/fab-menu-item.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` .container { --_animation-duration: 225ms; --_height: var(--u-fab-menu-item-height, 56px); height: var(--_height); border-radius: calc(var(--_height) / 2); padding-inline: var(--u-fab-menu-item-padding, 24px); opacity: 0; transition: opacity var(--_animation-duration) linear; } .container:not(.has-icon) .icon { display: none; } .icon { font-size: var(--u-fab-icon-size, 1.5rem); margin-inline-end: var(--u-fab-menu-item-icon-margin, 8px); } .label { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-fab-menu-item-label-line-height, var(--u-title-m-line-height, 1.5rem)); font-size: var(--u-fab-menu-item-label-font-size, var(--u-title-m-font-size, 1rem)); letter-spacing: var(--u-fab-menu-item-label-letter-spacing, var(--u-title-m-letter-spacing, 0.009375rem)); font-weight: var(--u-fab-menu-item-label-font-weight, var(--u-title-m-font-weight, var(--u-font-weight-medium, 500))); } .primary { background-color: var(--u-fab-menu-item-primary-container-color, var(--u-color-primary-container, rgb(234, 221, 255))); color: var(--u-fab-menu-item-primary-text-color, var(--u-color-on-primary-container, rgb(33, 0, 93))); } .secondary { background-color: var(--u-fab-menu-item-secondary-container-color, var(--u-color-secondary-container, rgb(232, 222, 248))); color: var(--u-fab-menu-item-secondary-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43))); } .tertiary { background-color: var(--u-fab-menu-item-tertiary-container-color, var(--u-color-tertiary-container, rgb(255, 216, 228))); color: var(--u-fab-menu-item-tertiary-text-color, var(--u-color-on-tertiary-container, rgb(49, 17, 29))); } .clipper { animation: clip-out var(--_animation-duration) forwards linear; } .open { opacity: 1; transition-delay: calc(75ms * var(--_animation-delay-increment, 0)); } .open .clipper { animation-name: clip-in; } .open .clipper { animation-delay: calc(75ms * var(--_animation-delay-increment, 0)); } @keyframes clip-in { 0% { margin-inline-start: -32px; } 25% { margin-inline-start: -8px; } 50% { margin-inline-start: 16px; } 100% { margin-inline-start: 0; } } @keyframes clip-out { 0% { margin-inline-start: 0; } 100% { margin-inline-start: -32px; } } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/button/fab-menu-item.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/fab-menu-item.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmFabMenuItem", "members": [ { "kind": "field", "name": "#index", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "field", "name": "_color", "type": { "text": "UmFabColor" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_menuOpen", "type": { "text": "boolean" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "label", "type": { "text": "string | null" }, "default": "null", "description": "The text to display the FAB menu item.", "attribute": "label" }, { "kind": "field", "name": "_hasIcon", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_index" }, { "kind": "method", "name": "_getContainerClasses", "privacy": "protected", "return": { "type": { "text": "Record" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_renderContent", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#handleIconSlotChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "type", "type": { "text": "string" }, "default": "'submit'", "attribute": "type", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "attribute": "value", "reflects": true, "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true, "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "#elementInternals", "privacy": "private", "type": { "text": "ElementInternals" }, "readonly": true, "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "_", "type": { "text": "UIEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "default": "true", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "attribute": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "attribute": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "attribute": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "buttonElement", "type": { "text": "HTMLElement" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "_ripple", "type": { "text": "UmRipple" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "innerRole", "type": { "text": "string | null" }, "privacy": "protected", "default": "null", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "pathname", "type": { "text": "string" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderButton", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderLink", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "focus", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "blur", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "getAriaLabel", "privacy": "protected", "return": { "type": { "text": "string | null" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerFocusHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerClickHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "attributes": [ { "name": "label", "type": { "text": "string | null" }, "default": "null", "description": "The text to display the FAB menu item.", "fieldName": "label" }, { "name": "type", "type": { "text": "string" }, "default": "'submit'", "fieldName": "type", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "name": "value", "type": { "text": "string" }, "default": "''", "fieldName": "value", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "fieldName": "disabled", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "fieldName": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "fieldName": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "name", "type": { "text": "string | undefined" }, "fieldName": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "superclass": { "name": "UmButtonBase", "module": "/src/button/button-base.js" }, "tagName": "u-fab-menu-item", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmFabMenuItem", "declaration": { "name": "UmFabMenuItem", "module": "src/button/fab-menu-item.ts" } }, { "kind": "custom-element-definition", "name": "u-fab-menu-item", "declaration": { "name": "UmFabMenuItem", "module": "src/button/fab-menu-item.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/fab-menu-open-context.ts", "declarations": [ { "kind": "variable", "name": "fabMenuOpenContext" } ], "exports": [ { "kind": "js", "name": "fabMenuOpenContext", "declaration": { "name": "fabMenuOpenContext", "module": "src/button/fab-menu-open-context.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/fab-menu.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --_fab-menu-morph-duration: var(--u-fab-menu-morph-duration, 175ms); --u-button-morph-duration: var(--_fab-menu-morph-duration); display: inline-block; pointer-events: none; } .container { display: flex; flex-direction: column; align-items: flex-end; } .menu-items { display: flex; align-items: flex-end; flex-direction: column; gap: var(--u-fab-menu-item-margin, 4px); pointer-events: none; } .toggle-container { position: relative; } .toggle-container * { pointer-events: auto; } .toggle-container::part(container) { --u-elevation-level: 0 !important; background: transparent !important; } .toggle { position: absolute; inset-block-start: 0; inset-inline-end: 0; margin-top: var(--u-fab-menu-toggle-margin, 8px); } .toggle::part(container) { transition: width var(--_fab-menu-morph-duration), height var(--_fab-menu-morph-duration), background-color var(--_fab-menu-morph-duration) linear, border-radius var(--_fab-menu-morph-duration) linear, color var(--_fab-menu-morph-duration) linear; } .icon-container { position: relative; height: 1px; } .icon { --_scale: 1; position: absolute; top: 50%; left: 50%; display: inline-flex; align-items: center; justify-content: center; transform: translate3d(-50%, -50%, 0) scale(var(--_scale)); transition: opacity, transform; transition-duration: calc(var(--_fab-menu-morph-duration) * 0.75); } .icon-default { --_scale: 1; opacity: 1; transition-delay: calc(var(--_fab-menu-morph-duration) * 0.5); } .icon-close { --_scale: .5; opacity: 0; transition-delay: 0ms; } .open .menu-items { display: flex; pointer-events: auto; } .open .toggle::part(container) { border-radius: 50%; } .open .icon-default { --_scale: .5; opacity: 0; transition-delay: 0ms; } .open .icon-close { --_scale: 1; opacity: 1; transition-delay: calc(var(--_fab-menu-morph-duration) * 0.5); } .open.primary { --u-fab-primary-container-color: var(--u-fab-menu-toggle-primary-container-color, var(--u-color-primary, rgb(103, 80, 164))); --u-fab-primary-text-color: var(--u-fab-menu-toggle-primary-text-color, var(--u-color-on-primary, rgb(255, 255, 255))); } .open.secondary { --u-fab-secondary-container-color: var(--u-fab-menu-toggle-secondary-container-color, var(--u-color-secondary, rgb(98, 91, 113))); --u-fab-secondary-text-color: var(--u-fab-menu-toggle-secondary-text-color, var(--u-color-on-secondary, rgb(255, 255, 255))); } .open.tertiary { --u-fab-tertiary-container-color: var(--u-fab-menu-toggle-tertiary-container-color, var(--u-color-tertiary, rgb(125, 82, 96))); --u-fab-tertiary-text-color: var(--u-fab-menu-toggle-tertiary-text-color, var(--u-color-on-tertiary, rgb(255, 255, 255))); } ::slotted(u-fab-menu-item) { --_animation-delay: $i * 50ms; } ::slotted(u-fab-menu-item) { --_animation-delay: $i * 50ms; } ::slotted(u-fab-menu-item) { --_animation-delay: $i * 50ms; } ::slotted(u-fab-menu-item) { --_animation-delay: $i * 50ms; } ::slotted(u-fab-menu-item) { --_animation-delay: $i * 50ms; } ::slotted(u-fab-menu-item) { --_animation-delay: $i * 50ms; } ::slotted(u-fab-menu-item) { --_animation-delay: $i * 50ms; } ::slotted(u-fab-menu-item) { --_animation-delay: $i * 50ms; } ::slotted(u-fab-menu-item) { --_animation-delay: $i * 50ms; } ::slotted(u-fab-menu-item) { --_animation-delay: $i * 50ms; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/button/fab-menu.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/fab-menu.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmFabMenu", "members": [ { "kind": "field", "name": "color", "type": { "text": "UmFabColor" }, "default": "'primary'", "description": "The FAB color variant to render.", "attribute": "color" }, { "kind": "field", "name": "size", "type": { "text": "UmFabSize" }, "default": "'medium'", "description": "The size of the FAB.", "attribute": "size" }, { "kind": "field", "name": "lowered", "type": { "text": "boolean" }, "default": "false", "description": "Lowers the FAB's elevation.", "attribute": "lowered", "reflects": true }, { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false" }, { "kind": "method", "name": "#toggle", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleIconItemsSlotChange", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "Event" } } ] } ], "attributes": [ { "name": "color", "type": { "text": "UmFabColor" }, "default": "'primary'", "description": "The FAB color variant to render.", "fieldName": "color" }, { "name": "size", "type": { "text": "UmFabSize" }, "default": "'medium'", "description": "The size of the FAB.", "fieldName": "size" }, { "name": "lowered", "type": { "text": "boolean" }, "default": "false", "description": "Lowers the FAB's elevation.", "fieldName": "lowered" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-fab-menu", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmFabMenu", "declaration": { "name": "UmFabMenu", "module": "src/button/fab-menu.ts" } }, { "kind": "custom-element-definition", "name": "u-fab-menu", "declaration": { "name": "UmFabMenu", "module": "src/button/fab-menu.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/fab.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` .container { --u-elevation-level: var(--u-fab-elevation-level, 3); aspect-ratio: 1; } @media (hover: hover) { .container:hover:not(:focus-within):not(:active) { --u-elevation-level: var(--u-fab-hover-elevation-level, 4); } } .lowered { --u-elevation-level: var(--u-fab-elevation-level, 1); } @media (hover: hover) { .lowered:hover:not(:focus-within):not(:active) { --u-elevation-level: var(--u-fab-elevation-level, 2); } } .small { width: var(--u-fab-small-size, 40px); border-radius: var(--u-fab-small-shape-corner, var(--u-shape-corner-medium, 12px)); } .large { width: var(--u-fab-large-size, 96px); border-radius: var(--u-fab-large-shape-corner, var(--u-shape-corner-extra-large, 28px)); } .large .icon { font-size: var(--u-fab-large-icon-size, 2rem); } .extended, .medium { width: var(--u-fab-medium-size, 56px); border-radius: var(--u-fab-medium-shape-corner, var(--u-shape-corner-large, 16px)); } .extended .icon, .small .icon, .medium .icon { font-size: var(--u-fab-icon-size, 1.5rem); } .extended { width: auto; height: var(--u-extended-fab-height, 56px); aspect-ratio: auto; min-width: var(--u-extended-fab-min-width, 80px); padding-inline: var(--u-extended-fab-padding, 16px 24px); } .extended .icon { margin-inline-end: var(--u-extended-fab-icon-margin, 12px); } .primary { background-color: var(--u-fab-primary-container-color, var(--u-color-primary-container, rgb(234, 221, 255))); color: var(--u-fab-primary-text-color, var(--u-color-on-primary-container, rgb(33, 0, 93))); } .secondary { background-color: var(--u-fab-secondary-container-color, var(--u-color-secondary-container, rgb(232, 222, 248))); color: var(--u-fab-secondary-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43))); } .tertiary { background-color: var(--u-fab-tertiary-container-color, var(--u-color-tertiary-container, rgb(255, 216, 228))); color: var(--u-fab-tertiary-text-color, var(--u-color-on-tertiary-container, rgb(49, 17, 29))); } .branded, .surface { background-color: var(--u-fab-surface-container-color, var(--u-color-surface-container-high, rgb(236, 230, 240))); color: var(--u-fab-surface-text-color, var(--_color-primary)); } .branded.lowered, .surface.lowered { background-color: var(--u-fab-surface-container-color, var(--u-color-surface-container-low, rgb(247, 242, 250))); } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/button/fab.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/fab.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmFab", "members": [ { "kind": "field", "name": "color", "type": { "text": "UmFabColor" }, "default": "'primary'", "description": "The FAB color variant to render.", "attribute": "color" }, { "kind": "field", "name": "size", "type": { "text": "UmFabSize" }, "default": "'medium'", "description": "The size of the FAB.", "attribute": "size" }, { "kind": "field", "name": "label", "type": { "text": "string | null" }, "default": "null", "description": "The text to display the FAB.", "attribute": "label" }, { "kind": "field", "name": "lowered", "type": { "text": "boolean" }, "default": "false", "description": "Lowers the FAB's elevation.", "attribute": "lowered", "reflects": true }, { "kind": "field", "name": "extended", "type": { "text": "boolean" }, "readonly": true }, { "kind": "method", "name": "_getContainerClasses", "privacy": "protected", "return": { "type": { "text": "Record" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_renderContent", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "type", "type": { "text": "string" }, "default": "'submit'", "attribute": "type", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "attribute": "value", "reflects": true, "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true, "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "#elementInternals", "privacy": "private", "type": { "text": "ElementInternals" }, "readonly": true, "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "_", "type": { "text": "UIEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "default": "true", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "attribute": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "attribute": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "attribute": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "buttonElement", "type": { "text": "HTMLElement" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "_ripple", "type": { "text": "UmRipple" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "innerRole", "type": { "text": "string | null" }, "privacy": "protected", "default": "null", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "pathname", "type": { "text": "string" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderButton", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderLink", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "focus", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "blur", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "getAriaLabel", "privacy": "protected", "return": { "type": { "text": "string | null" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerFocusHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerClickHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "attributes": [ { "name": "color", "type": { "text": "UmFabColor" }, "default": "'primary'", "description": "The FAB color variant to render.", "fieldName": "color" }, { "name": "size", "type": { "text": "UmFabSize" }, "default": "'medium'", "description": "The size of the FAB.", "fieldName": "size" }, { "name": "label", "type": { "text": "string | null" }, "default": "null", "description": "The text to display the FAB.", "fieldName": "label" }, { "name": "lowered", "type": { "text": "boolean" }, "default": "false", "description": "Lowers the FAB's elevation.", "fieldName": "lowered" }, { "name": "type", "type": { "text": "string" }, "default": "'submit'", "fieldName": "type", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "name": "value", "type": { "text": "string" }, "default": "''", "fieldName": "value", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "fieldName": "disabled", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "fieldName": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "fieldName": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "name", "type": { "text": "string | undefined" }, "fieldName": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "superclass": { "name": "UmButtonBase", "module": "/src/button/button-base.js" }, "tagName": "u-fab", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmFab", "declaration": { "name": "UmFab", "module": "src/button/fab.ts" } }, { "kind": "custom-element-definition", "name": "u-fab", "declaration": { "name": "UmFab", "module": "src/button/fab.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/icon-button.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --_round-shape-corner: var(--u-icon-button-round-shape-corner, calc(var(--_size) / 2)); --_square-shape-corner: var(--u-icon-button-square-shape-corner, 12px); --_extra-small-size: var(--u-icon-button-extra-small-size, 32px); --_small-size: var(--u-icon-button-small-size, 40px); --_medium-size: var(--u-icon-button-medium-size, 56px); --_large-size: var(--u-icon-button-large-size, 96px); --_extra-large-size: var(--u-icon-button-extra-large-size, 136px); --_extra-small-narrow-width: var(--u-icon-button-extra-small-narrow-width, 28px); --_small-narrow-width: var(--u-icon-button-small-narrow-width, 32px); --_medium-narrow-width: var(--u-icon-button-medium-narrow-width, 48px); --_large-narrow-width: var(--u-icon-button-large-narrow-width, 64px); --_extra-large-narrow-width: var(--u-icon-button-extra-large-narrow-width, 104px); --_extra-small-wide-width: var(--u-icon-button-extra-small-wide-width, 40px); --_small-wide-width: var(--u-icon-button-small-wide-width, 52px); --_medium-wide-width: var(--u-icon-button-medium-wide-width, 72px); --_large-wide-width: var(--u-icon-button-large-wide-width, 128px); --_extra-large-wide-width: var(--u-icon-button-extra-large-wide-width, 184px); --_extra-small-icon-size: var(--u-icon-button-extra-small-icon-size, 1.25rem); --_small-icon-size: var(--u-icon-button-small-icon-size, 1.5rem); --_medium-icon-size: var(--u-icon-button-medium-icon-size, 1.5rem); --_large-icon-size: var(--u-icon-button-large-icon-size, 2rem); --_extra-large-icon-size: var(--u-icon-button-extra-large-icon-size, 2.5rem); --_extra-small-square-shape-corner: var(--u-icon-button-extra-small-square-shape-corner, 12px); --_small-square-shape-corner: var(--u-icon-button-small-square-shape-corner, 12px); --_medium-square-shape-corner: var(--u-icon-button-medium-square-shape-corner, 16px); --_large-square-shape-corner: var(--u-icon-button-large-square-shape-corner, 28px); --_extra-large-square-shape-corner: var(--u-icon-button-extra-large-square-shape-corner, 28px); --_extra-small-pressed-shape-corner: var(--u-icon-button-extra-small-pressed-shape-corner, 8px); --_small-pressed-shape-corner: var(--u-icon-button-small-pressed-shape-corner, 8px); --_medium-pressed-shape-corner: var(--u-icon-button-medium-pressed-shape-corner, 12px); --_large-pressed-shape-corner: var(--u-icon-button-large-pressed-shape-corner, 16px); --_extra-large-pressed-shape-corner: var(--u-icon-button-extra-large-pressed-shape-corner, 16px); --_narrow-width: var(--_small-narrow-width); --_wide-width: var(--_small-wide-width); } .container { width: var(--_size); height: var(--_size); font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"); } .extra-small { --_narrow-width: var(--_extra-small-narrow-width); --_wide-width: var(--_extra-small-wide-width); } .medium { --_narrow-width: var(--_medium-narrow-width); --_wide-width: var(--_medium-wide-width); } .large { --_narrow-width: var(--_large-narrow-width); --_wide-width: var(--_large-wide-width); } .extra-large { --_narrow-width: var(--_extra-large-narrow-width); --_wide-width: var(--_extra-large-wide-width); } .narrow { width: var(--_narrow-width); } .wide { width: var(--_wide-width); } .filled, .filled.selected { background-color: var(--u-filled-icon-button-container-color, var(--u-color-primary, rgb(103, 80, 164))); color: var(--u-filled-icon-button-text-color, var(--u-color-on-primary, rgb(255, 255, 255))); } .filled.toggle { background-color: var(--u-filled-icon-button-unselected-container-color, var(--u-color-surface-container, rgb(243, 237, 247))); color: var(--u-filled-icon-button-unselected-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } .tonal { background-color: var(--u-total-icon-button-unselected-container-color, var(--u-color-secondary-container, rgb(232, 222, 248))); color: var(--u-tonal-icon-button-unselected-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43))); } .tonal.selected { background-color: var(--u-tonal-icon-button-container-color, var(--u-color-secondary, rgb(98, 91, 113))); color: var(--u-tonal-icon-button-text-color, var(--u-color-on-secondary, rgb(255, 255, 255))); } .standard { color: var(--u-standard-icon-button-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } .standard.selected { color: var(--u-standard-icon-button-selected-text-color, var(--u-color-primary, rgb(103, 80, 164))); background-color: var(--u-standard-icon-button-selected-container-color, transparent); } .outlined { color: var(--u-outlined-icon-button-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } .outlined, .outlined.selected.disabled { border: 1px solid var(--u-color-outline-variant, rgb(202, 196, 208)); } .outlined.selected { border: none; background-color: var(--u-outlined-icon-button-selected-container-color, var(--u-color-inverse-surface, rgb(50, 47, 53))); color: var(--u-outlined-icon-button-selected-text-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247))); } .outlined.disabled { color: var(--u-outlined-icon-button-disabled-icon-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-outlined-icon-button-disabled-border-opacity, 10%), transparent)) !important; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/button/icon-button.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/icon-button.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmIconButton", "members": [ { "kind": "field", "name": "variant", "type": { "text": "UmIconButtonVariant" }, "default": "'standard'", "attribute": "variant" }, { "kind": "field", "name": "width", "type": { "text": "UmIconButtonWidth" }, "default": "'default'", "attribute": "width" }, { "kind": "method", "name": "_getContainerClasses", "privacy": "protected", "return": { "type": { "text": "Record" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_renderContent", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "toggle", "type": { "text": "boolean" }, "default": "false", "description": "When true, the button will toggle between selected and unselected\nstates", "attribute": "toggle", "reflects": true, "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "kind": "field", "name": "toggleShape", "type": { "text": "boolean" }, "default": "false", "description": "When true, the button will toggle between round and square shapes", "attribute": "toggle-shape", "reflects": true, "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Sets the selected state", "attribute": "selected", "reflects": true, "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "kind": "field", "name": "shape", "type": { "text": "UmButtonShape" }, "default": "'round'", "description": "Sets the shape of the button", "attribute": "shape", "reflects": true, "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "kind": "field", "name": "size", "type": { "text": "UmButtonSize" }, "default": "'small'", "description": "Sets the size of the button", "attribute": "size", "reflects": true, "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "kind": "field", "name": "ariaLabelSelected", "type": { "text": "string" }, "default": "''", "description": "The `aria-label` of the button when the button is toggleable and selected.", "attribute": "aria-label-selected", "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "kind": "field", "name": "_hasSelectionIcon", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "UIEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "getAriaLabel", "privacy": "protected", "return": { "type": { "text": "string | null" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_handleSelectedIconSlotChange", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "type", "type": { "text": "string" }, "default": "'submit'", "attribute": "type", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "attribute": "value", "reflects": true, "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true, "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "#elementInternals", "privacy": "private", "type": { "text": "ElementInternals" }, "readonly": true, "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "default": "true", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "attribute": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "attribute": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "attribute": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "buttonElement", "type": { "text": "HTMLElement" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "_ripple", "type": { "text": "UmRipple" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "innerRole", "type": { "text": "string | null" }, "privacy": "protected", "default": "null", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "pathname", "type": { "text": "string" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderButton", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderLink", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "focus", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "blur", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerFocusHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerClickHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "attributes": [ { "name": "variant", "type": { "text": "UmIconButtonVariant" }, "default": "'standard'", "fieldName": "variant" }, { "name": "width", "type": { "text": "UmIconButtonWidth" }, "default": "'default'", "fieldName": "width" }, { "name": "toggle", "type": { "text": "boolean" }, "default": "false", "description": "When true, the button will toggle between selected and unselected\nstates", "fieldName": "toggle", "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "name": "toggle-shape", "type": { "text": "boolean" }, "default": "false", "description": "When true, the button will toggle between round and square shapes", "fieldName": "toggleShape", "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Sets the selected state", "fieldName": "selected", "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "name": "shape", "type": { "text": "UmButtonShape" }, "default": "'round'", "description": "Sets the shape of the button", "fieldName": "shape", "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "name": "size", "type": { "text": "UmButtonSize" }, "default": "'small'", "description": "Sets the size of the button", "fieldName": "size", "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "name": "aria-label-selected", "type": { "text": "string" }, "default": "''", "description": "The `aria-label` of the button when the button is toggleable and selected.", "fieldName": "ariaLabelSelected", "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } }, { "name": "type", "type": { "text": "string" }, "default": "'submit'", "fieldName": "type", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "name": "value", "type": { "text": "string" }, "default": "''", "fieldName": "value", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "fieldName": "disabled", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "fieldName": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "fieldName": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "name", "type": { "text": "string | undefined" }, "fieldName": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "superclass": { "name": "UmToggleButton", "module": "/src/button/toggle-button.js" }, "tagName": "u-icon-button", "customElement": true, "events": [ { "name": "change", "type": { "text": "Event" }, "inheritedFrom": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } } ] } ], "exports": [ { "kind": "js", "name": "UmIconButton", "declaration": { "name": "UmIconButton", "module": "src/button/icon-button.ts" } }, { "kind": "custom-element-definition", "name": "u-icon-button", "declaration": { "name": "UmIconButton", "module": "src/button/icon-button.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/toggle-button.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --_size: var(--_small-size); --_square-shape-corner: var(--_small-square-shape-corner); --_pressed-shape-corner: var(--_small-pressed-shape-corner); --_icon-size: var(--_small-icon-size); } .extra-small { --_size: var(--_extra-small-size); --_icon-size: var(--_extra-small-icon-size); --_square-shape-corner: var(--_extra-small-square-shape-corner); --_pressed-shape-corner: var(--_extra-small-pressed-shape-corner); } .medium { --_size: var(--_medium-size); --_icon-size: var(--_medium-icon-size); --_square-shape-corner: var(--_medium-square-shape-corner); --_pressed-shape-corner: var(--_medium-pressed-shape-corner); } .large { --_size: var(--_large-size); --_icon-size: var(--_large-icon-size); --_square-shape-corner: var(--_large-square-shape-corner); --_pressed-shape-corner: var(--_large-pressed-shape-corner); } .extra-large { --_size: var(--_extra-large-size); --_icon-size: var(--_extra-large-icon-size); --_square-shape-corner: var(--_extra-large-square-shape-corner); --_pressed-shape-corner: var(--_extra-large-pressed-shape-corner); } .container { height: var(--_size); } .round { border-radius: var(--_round-shape-corner); } .square { border-radius: var(--_square-shape-corner); } .selected.toggle-shape.round { border-radius: var(--_square-shape-corner); } .selected.toggle-shape.square { border-radius: var(--_round-shape-corner); } :host(:active) .toggle-shape:not(.disabled) { border-radius: var(--_pressed-shape-corner); } .icon-container { position: relative; width: var(--_icon-size); height: 1px; } .icon-default { opacity: 1; } .icon-selected { opacity: 0; transition-delay: calc(var(--_morph-duration) / 2); } .selected.selection-icon .icon-default { opacity: 0; transition-delay: 0ms; } .selected.selection-icon .icon-selected { opacity: 1; transition-delay: calc(var(--_morph-duration) / 2); } .icon { position: absolute; top: 50%; left: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: var(--_icon-size); transform: translate3d(-50%, -50%, 0); transition: opacity var(--_morph-duration) linear; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/button/toggle-button.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/toggle-button.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmToggleButton", "members": [ { "kind": "field", "name": "toggle", "type": { "text": "boolean" }, "default": "false", "description": "When true, the button will toggle between selected and unselected\nstates", "attribute": "toggle", "reflects": true }, { "kind": "field", "name": "toggleShape", "type": { "text": "boolean" }, "default": "false", "description": "When true, the button will toggle between round and square shapes", "attribute": "toggle-shape", "reflects": true }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Sets the selected state", "attribute": "selected", "reflects": true }, { "kind": "field", "name": "shape", "type": { "text": "UmButtonShape" }, "default": "'round'", "description": "Sets the shape of the button", "attribute": "shape", "reflects": true }, { "kind": "field", "name": "size", "type": { "text": "UmButtonSize" }, "default": "'small'", "description": "Sets the size of the button", "attribute": "size", "reflects": true }, { "kind": "field", "name": "ariaLabelSelected", "type": { "text": "string" }, "default": "''", "description": "The `aria-label` of the button when the button is toggleable and selected.", "attribute": "aria-label-selected" }, { "kind": "field", "name": "_hasSelectionIcon", "type": { "text": "boolean" }, "default": "false" }, { "kind": "method", "name": "_getContainerClasses", "privacy": "protected", "return": { "type": { "text": "Record" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "UIEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "getAriaLabel", "privacy": "protected", "return": { "type": { "text": "string | null" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_handleSelectedIconSlotChange", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "type", "type": { "text": "string" }, "default": "'submit'", "attribute": "type", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "attribute": "value", "reflects": true, "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true, "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "#elementInternals", "privacy": "private", "type": { "text": "ElementInternals" }, "readonly": true, "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "default": "true", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "attribute": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "attribute": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "attribute": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "buttonElement", "type": { "text": "HTMLElement" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "_ripple", "type": { "text": "UmRipple" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "innerRole", "type": { "text": "string | null" }, "privacy": "protected", "default": "null", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "pathname", "type": { "text": "string" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderButton", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderLink", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_renderContent", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "focus", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "blur", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerFocusHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerClickHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" } } ], "attributes": [ { "name": "toggle", "type": { "text": "boolean" }, "default": "false", "description": "When true, the button will toggle between selected and unselected\nstates", "fieldName": "toggle" }, { "name": "toggle-shape", "type": { "text": "boolean" }, "default": "false", "description": "When true, the button will toggle between round and square shapes", "fieldName": "toggleShape" }, { "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Sets the selected state", "fieldName": "selected" }, { "name": "shape", "type": { "text": "UmButtonShape" }, "default": "'round'", "description": "Sets the shape of the button", "fieldName": "shape" }, { "name": "size", "type": { "text": "UmButtonSize" }, "default": "'small'", "description": "Sets the size of the button", "fieldName": "size" }, { "name": "aria-label-selected", "type": { "text": "string" }, "default": "''", "description": "The `aria-label` of the button when the button is toggleable and selected.", "fieldName": "ariaLabelSelected" }, { "name": "type", "type": { "text": "string" }, "default": "'submit'", "fieldName": "type", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "name": "value", "type": { "text": "string" }, "default": "''", "fieldName": "value", "inheritedFrom": { "name": "UmButtonBase", "module": "src/button/button-base.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "fieldName": "disabled", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "fieldName": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "fieldName": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "name", "type": { "text": "string | undefined" }, "fieldName": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "superclass": { "name": "UmButtonBase", "module": "/src/button/button-base.js" } } ], "exports": [ { "kind": "js", "name": "UmToggleButton", "declaration": { "name": "UmToggleButton", "module": "src/button/toggle-button.ts" } } ] }, { "kind": "javascript-module", "path": "src/badge/badge.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` .container { --_badge-size: var(--u-badge-small-size, 6px); font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-badge-line-height, var(--u-label-s-line-height, 1rem)); font-size: var(--u-badge-font-size, var(--u-label-s-font-size, 0.6875rem)); letter-spacing: var(--u-badge-letter-spacing, var(--u-label-s-letter-spacing, 0.0454545455rem)); font-weight: var(--u-badge-font-weight, var(--u-label-s-font-weight, var(--u-font-weight-medium, 500))); display: inline-flex; align-items: center; justify-content: center; min-width: var(--_badge-size); height: var(--_badge-size); line-height: var(--_badge-size); background-color: var(--u-badge-color, var(--u-color-error, rgb(179, 38, 30))); color: var(--u-badge-color, var(--u-color-on-error, rgb(255, 255, 255))); border-radius: calc(var(--_badge-size) / 2); } .container:not(.static) { --_badge-inline-start: calc(100% - var(--_badge-size)); position: absolute; top: 0; inset-inline-start: var(--_badge-inline-start); } .container:not(.empty) { --_badge-size: var(--u-badge-large-size, 16px); top: var(--u-badge-top-offset, -2px); inset-inline-start: calc(var(--_badge-inline-start) - var(--u-badge-inline-offset, -4px)); padding-inline: var(--u-badge-padding, 4px); } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/badge/badge.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/badge/badge.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmBadge", "members": [ { "kind": "field", "name": "static", "type": { "text": "boolean" }, "default": "false", "attribute": "static", "reflects": true }, { "kind": "field", "name": "_empty", "type": { "text": "boolean" }, "privacy": "private", "default": "true" }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] } ], "attributes": [ { "name": "static", "type": { "text": "boolean" }, "default": "false", "fieldName": "static" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-badge", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmBadge", "declaration": { "name": "UmBadge", "module": "src/badge/badge.ts" } }, { "kind": "custom-element-definition", "name": "u-badge", "declaration": { "name": "UmBadge", "module": "src/badge/badge.ts" } } ] }, { "kind": "javascript-module", "path": "src/button-field/button-field.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host(:not([disabled])) .container { cursor: pointer; } .button { position: absolute; inset: 0; margin: 0; padding: 0; background: transparent; border: none; appearance: none; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/button-field/button-field.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/button-field/button-field.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmButtonField", "members": [ { "kind": "field", "name": "_value", "type": { "text": "string" }, "privacy": "protected", "default": "''" }, { "kind": "field", "name": "value", "attribute": "value" }, { "kind": "field", "name": "_button", "type": { "text": "HTMLButtonElement" } }, { "kind": "field", "name": "_input", "type": { "text": "HTMLElement" } }, { "kind": "method", "name": "renderControl", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderAfterContent", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "shadowRootOptions", "type": { "text": "ShadowRootInit" }, "static": true, "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "empty", "type": { "text": "boolean" }, "default": "true", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "attribute": "empty", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "placeholder", "type": { "text": "string" }, "default": "''", "attribute": "placeholder", "reflects": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "elementInternals", "type": { "text": "ElementInternals" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "config", "type": { "text": "UmFieldDefaults | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "attribute": "variant", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "attribute": "label", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_innerCounter", "type": { "text": "string | undefined" }, "privacy": "protected", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "counter", "type": { "text": "string | undefined" }, "attribute": "counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hideCounter", "type": { "text": "boolean" }, "default": "false", "attribute": "hide-counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "supportingText", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "attribute": "supporting-text", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "errorText", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "attribute": "error-text", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "attribute": "invalid", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "setDefaults", "static": true, "return": { "type": { "text": "ContextProvider>" } }, "parameters": [ { "name": "contextRoot", "type": { "text": "HTMLElement" } }, { "name": "config", "type": { "text": "UmFieldDefaults" } } ], "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasLeadingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "attribute": "has-leading-icon", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasTrailingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "attribute": "has-trailing-icon", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasErrorText", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "attribute": "has-error-text", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedLeadingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedTrailingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedErrorTexts", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_labelElement", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_container", "type": { "text": "HTMLElement" }, "privacy": "protected", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleLeadingIconSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleTrailingIconSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleErrorTextSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderDefaultTrailingIcon", "privacy": "protected", "return": { "type": { "text": "TemplateResult | typeof nothing" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ], "attributes": [ { "name": "value", "fieldName": "value" }, { "name": "placeholder", "type": { "text": "string" }, "default": "''", "fieldName": "placeholder", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "fieldName": "variant", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "fieldName": "label", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "counter", "type": { "text": "string | undefined" }, "fieldName": "counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "hide-counter", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideCounter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "supporting-text", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "fieldName": "supportingText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "error-text", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "fieldName": "errorText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "empty", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "fieldName": "empty", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "fieldName": "invalid", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-leading-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "fieldName": "hasLeadingIcon", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-trailing-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "fieldName": "hasTrailingIcon", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-error-text", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "fieldName": "hasErrorText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ], "superclass": { "name": "UmTextFieldBase", "module": "/src/shared/text-field-base/text-field-base.js" }, "tagName": "u-button-field", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmButtonField", "declaration": { "name": "UmButtonField", "module": "src/button-field/button-field.ts" } }, { "kind": "custom-element-definition", "name": "u-button-field", "declaration": { "name": "UmButtonField", "module": "src/button-field/button-field.ts" } } ] }, { "kind": "javascript-module", "path": "src/checkbox/checkbox-list-item.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmCheckboxListItem", "mixins": [ { "name": "mixinSelectionControlListItem", "module": "/src/shared/selection-control/selection-control-list-item.js" } ], "superclass": { "name": "UmCheckbox", "module": "/src/checkbox/checkbox.js" }, "tagName": "u-checkbox-list-item", "customElement": true, "attributes": [ { "name": "leading", "type": { "text": "boolean" }, "default": "false", "fieldName": "leading", "inheritedFrom": { "name": "mixinSelectionControlListItem", "module": "src/shared/selection-control/selection-control-list-item.ts" } }, { "name": "hide-state-layer", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideStateLayer", "inheritedFrom": { "name": "UmCheckbox", "module": "src/checkbox/checkbox.ts" } }, { "name": "indeterminate", "type": { "text": "boolean" }, "fieldName": "indeterminate", "inheritedFrom": { "name": "UmCheckbox", "module": "src/checkbox/checkbox.ts" } }, { "name": "name", "type": { "text": "string | undefined" }, "default": "''", "fieldName": "name", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "name": "value", "type": { "text": "string" }, "default": "'on'", "description": "The element value to use in form submission when checked.", "fieldName": "value", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "name": "checked", "fieldName": "_checkedAttribute", "type": { "text": "boolean" }, "readonly": true, "default": "false", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } } ], "members": [ { "kind": "field", "name": "styles", "type": { "text": "array" }, "static": true, "default": "[ (base as unknown as typeof LitElement).styles ?? [], css` :host { --u-list-item-block-padding: 0; display: block; } :host(:not([disabled])) { cursor: pointer; } `, ]", "inheritedFrom": { "name": "mixinSelectionControlListItem", "module": "src/shared/selection-control/selection-control-list-item.ts" } }, { "kind": "field", "name": "leading", "type": { "text": "boolean" }, "default": "false", "attribute": "leading", "inheritedFrom": { "name": "mixinSelectionControlListItem", "module": "src/shared/selection-control/selection-control-list-item.ts" } }, { "kind": "field", "name": "inputDescribedById", "type": { "text": "string | undefined" }, "privacy": "protected", "default": "'description'", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "inputLabelledById", "type": { "text": "string | undefined" }, "privacy": "protected", "default": "'label'", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "#indeterminate", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "UmCheckbox", "module": "src/checkbox/checkbox.ts" } }, { "kind": "field", "name": "hideStateLayer", "type": { "text": "boolean" }, "default": "false", "attribute": "hide-state-layer", "reflects": true, "inheritedFrom": { "name": "UmCheckbox", "module": "src/checkbox/checkbox.ts" } }, { "kind": "field", "name": "indeterminate", "type": { "text": "boolean" }, "attribute": "indeterminate", "inheritedFrom": { "name": "UmCheckbox", "module": "src/checkbox/checkbox.ts" } }, { "kind": "field", "name": "checked", "attribute": "checked", "type": { "text": "boolean" }, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "renderIndicator", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "shadowRootOptions", "type": { "text": "ShadowRootInit" }, "static": true, "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "elementInternals", "type": { "text": "ElementInternals" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "default": "''", "attribute": "name", "reflects": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "input", "type": { "text": "HTMLInputElement" }, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "focus", "parameters": [ { "name": "options", "optional": true, "type": { "text": "FocusOptions" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "#checked", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "inputType", "type": { "text": "'checkbox' | 'radio'" }, "privacy": "protected", "default": "'checkbox'", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "privacy": "protected", "default": "true", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "'on'", "description": "The element value to use in form submission when checked.", "attribute": "value", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "_checkedAttribute", "type": { "text": "boolean" }, "privacy": "private", "readonly": true, "default": "false", "attribute": "checked", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "#handleInput", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "#handleChange", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "#handleRippleClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } } ] } ], "exports": [ { "kind": "js", "name": "UmCheckboxListItem", "declaration": { "name": "UmCheckboxListItem", "module": "src/checkbox/checkbox-list-item.ts" } }, { "kind": "custom-element-definition", "name": "u-checkbox-list-item", "declaration": { "name": "UmCheckboxListItem", "module": "src/checkbox/checkbox-list-item.ts" } } ] }, { "kind": "javascript-module", "path": "src/checkbox/checkbox.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --_state-layer-padding: var(--u-checkbox-state-layer-padding, 4px); --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2); --_indicator-color: var(--u-checkbox-indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); display: inline-block; vertical-align: middle; } .container { cursor: pointer; position: relative; width: var(--_width); height: var(--_height); padding: var(--_state-layer-padding); border-radius: var(--u-shape-corner-full, 9999px); } :host([hide-state-layer]) .container { width: var(--_indicator-size); height: var(--_indicator-size); padding: 0; } :host([hide-state-layer]) u-ripple { display: none; } input { cursor: pointer; width: 100%; height: 100%; padding: 0; margin: 0; border-radius: inherit; appearance: none; } u-ripple { padding: var(--_state-layer-padding); } .indicator-container { position: absolute; display: flex; align-items: center; justify-content: center; inset: 0; pointer-events: none; } input:checked ~ .indicator-container { --_indicator-color: var(--u-checkbox-indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164))); } :host([disabled]) { opacity: var(--u-checkbox-disabled-state-opacity, 0.38); } :host([disabled]) input, :host([disabled]) .container { cursor: default; } :host([disabled]) .indicator-container { --_indicator-color: var(--u-checkbox-indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32))); } :host { --_indicator-size: var(--u-checkbox-indicator-size, 1.125rem); --_width: var(--u-checkbox-size, 3rem); --_height: var(--_width); } .border { width: var(--_indicator-size); height: var(--_indicator-size); box-shadow: 0 0 0 var(--u-checkbox-indicator-border-width, 0.125rem) var(--_indicator-color) inset; border-radius: var(--u-checkbox-indicator-shaper-coner, 2px); transition: box-shadow 175ms 175ms; } .indicator { position: absolute; display: flex; justify-content: center; width: var(--_indicator-size); height: var(--_indicator-size); overflow: hidden; clip: rect(0, 0, var(--_indicator-size), 0); transition: clip 275ms; } .indicator::before { position: relative; top: 25%; box-sizing: border-box; display: block; width: 0.75rem; height: 0.35rem; content: \"\"; border: var(--u-checkbox-indicator-border-width, 0.125rem) solid var(--u-color-on-primary, rgb(255, 255, 255)); border-top-style: none; border-right-style: none; transform: rotate(-45deg); transition: border 175ms, transform 175ms; } input.indeterminate ~ .indicator-container .border, input:checked ~ .indicator-container .border { box-shadow: 0 0 0 calc(var(--_indicator-size) / 2) var(--_indicator-color) inset; transition: box-shadow 175ms; } input.indeterminate ~ .indicator-container .indicator, input:checked ~ .indicator-container .indicator { clip: rect(0, var(--_indicator-size), var(--_indicator-size), 0); transition: clip 175ms 175ms; } input.indeterminate ~ .indicator-container { --_indicator-color: var(--u-checkbox-indicator-indeterminate-color, var(--u-color-primary, rgb(103, 80, 164))); } input.indeterminate ~ .indicator-container .indicator::before { border-left-style: none; transform: rotate(0); width: 0.6rem; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/checkbox/checkbox.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/checkbox/checkbox.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmCheckbox", "members": [ { "kind": "field", "name": "#indeterminate", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "hideStateLayer", "type": { "text": "boolean" }, "default": "false", "attribute": "hide-state-layer", "reflects": true }, { "kind": "field", "name": "indeterminate", "type": { "text": "boolean" }, "attribute": "indeterminate" }, { "kind": "field", "name": "checked", "attribute": "checked", "type": { "text": "boolean" }, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "renderIndicator", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "shadowRootOptions", "type": { "text": "ShadowRootInit" }, "static": true, "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "elementInternals", "type": { "text": "ElementInternals" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "default": "''", "attribute": "name", "reflects": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "input", "type": { "text": "HTMLInputElement" }, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "focus", "parameters": [ { "name": "options", "optional": true, "type": { "text": "FocusOptions" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "#checked", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "inputType", "type": { "text": "'checkbox' | 'radio'" }, "privacy": "protected", "default": "'checkbox'", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "privacy": "protected", "default": "true", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "inputDescribedById", "type": { "text": "string | undefined" }, "privacy": "protected", "default": "undefined", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "inputLabelledById", "type": { "text": "string | undefined" }, "privacy": "protected", "default": "undefined", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "'on'", "description": "The element value to use in form submission when checked.", "attribute": "value", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "_checkedAttribute", "type": { "text": "boolean" }, "privacy": "private", "readonly": true, "default": "false", "attribute": "checked", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "#handleInput", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "#handleChange", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "#handleRippleClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } } ], "attributes": [ { "name": "hide-state-layer", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideStateLayer" }, { "name": "indeterminate", "type": { "text": "boolean" }, "fieldName": "indeterminate" }, { "name": "name", "type": { "text": "string | undefined" }, "default": "''", "fieldName": "name", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "name": "value", "type": { "text": "string" }, "default": "'on'", "description": "The element value to use in form submission when checked.", "fieldName": "value", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "name": "checked", "fieldName": "_checkedAttribute", "type": { "text": "boolean" }, "readonly": true, "default": "false", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } } ], "superclass": { "name": "UmSelectionControl", "module": "/src/shared/selection-control/selection-control.js" }, "tagName": "u-checkbox", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmCheckbox", "declaration": { "name": "UmCheckbox", "module": "src/checkbox/checkbox.ts" } }, { "kind": "custom-element-definition", "name": "u-checkbox", "declaration": { "name": "UmCheckbox", "module": "src/checkbox/checkbox.ts" } } ] }, { "kind": "javascript-module", "path": "src/calendar/calendar-adapter.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/calendar/calendar-base.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --_date-size: var(--u-calendar-date-size, 40px); display: inline-block; } .calendar { display: grid; grid-template-columns: repeat(7, 48px); align-items: center; } .calendar-item { --u-ripple-border-radius: 9999px; position: relative; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; } .calendar-item:has(.date) { cursor: pointer; } .calendar-item u-ripple { padding: 4px; } .month-button { --u-common-button-padding: var(--u-calendar-month-button--padding, 16px); color: var(--u-calendar-month-button-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } .previous-month-button { margin-inline-start: auto; } .week-day { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-calendar-week-day-line-height, var(--u-body-l-line-height, 1.5rem)); font-size: var(--u-calendar-week-day-font-size, var(--u-body-l-font-size, 1rem)); letter-spacing: var(--u-calendar-week-day-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem)); font-weight: var(--u-calendar-week-day-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400))); color: var(--u-calendar-week-day-color, var(--u-color-on-surface, rgb(29, 27, 32))); } .date { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-calendar-date-line-height, var(--u-body-l-line-height, 1.5rem)); font-size: var(--u-calendar-date-font-size, var(--u-body-l-font-size, 1rem)); letter-spacing: var(--u-calendar-date-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem)); font-weight: var(--u-calendar-date-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400))); display: flex; align-items: center; justify-content: center; width: var(--_date-size); height: var(--_date-size); border-radius: var(--u-calendar-date-border-radius, 9999px); color: var(--u-calendar-date-color, var(--u-color-on-surface, rgb(29, 27, 32))); } .date-outside-month .date { color: var(--u-calendar-date-out-of-month-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } .current-date .date { border: 1px solid var(--u-calendar-current-date-color, var(--u-color-primary, rgb(103, 80, 164))); color: var(--u-calendar-current-date-color, var(--u-color-primary, rgb(103, 80, 164))); } .selected-date .date { background-color: var(--u-calendar-selected-date-background-color, var(--u-color-primary, rgb(103, 80, 164))); color: var(--u-calendar-selected-date-color, var(--u-color-on-primary, rgb(255, 255, 255))); } .date-out-of-month { color: var(--u-calendar-date-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/calendar/calendar-base.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/calendar/calendar-base.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmCalendarBase", "members": [ { "kind": "field", "name": "weekDays", "type": { "text": "string[]" }, "default": "[]" }, { "kind": "field", "name": "dateRenderer", "type": { "text": "((date: Date, day: string) => HTMLElement) | null" }, "default": "null" }, { "kind": "field", "name": "dateOutsideMonth", "type": { "text": "boolean" }, "default": "false", "attribute": "dateOutsideMonth" }, { "kind": "field", "name": "year", "type": { "text": "number" } }, { "kind": "field", "name": "month", "type": { "text": "number" } }, { "kind": "field", "name": "#currentDate", "privacy": "private", "readonly": true, "default": "new Date()" }, { "kind": "field", "name": "_displayingMonthDate", "type": { "text": "Date" }, "default": "new Date(this.#currentDate)" }, { "kind": "field", "name": "locale", "type": { "text": "string | null" }, "default": "null", "attribute": "locale" }, { "kind": "field", "name": "_innerLocale", "type": { "text": "string" } }, { "kind": "field", "name": "adapter", "default": "new DefaultCalendarAdapter()" }, { "kind": "method", "name": "#renderWeekDays", "privacy": "private", "return": { "type": { "text": "HTMLTemplateResult[]" } } }, { "kind": "method", "name": "#getDisplayingMonthDate", "privacy": "private", "return": { "type": { "text": "Date" } } }, { "kind": "method", "name": "#renderDays", "privacy": "private", "return": { "type": { "text": "HTMLTemplateResult[]" } } }, { "kind": "method", "name": "#handleDateClick", "privacy": "private", "return": { "type": { "text": "() => void" } }, "parameters": [ { "name": "date", "type": { "text": "Date" } } ] }, { "kind": "method", "name": "_getCalendarClassMap", "privacy": "protected", "return": { "type": { "text": "DirectiveResult | null" } } }, { "kind": "method", "name": "_selectDate", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "date", "type": { "text": "Date" } } ] }, { "kind": "method", "name": "_getSelectedDateClasses", "privacy": "protected", "return": { "type": { "text": "Record" } }, "parameters": [ { "name": "date", "type": { "text": "Date" } } ] }, { "kind": "method", "name": "_getDateFromIsoDate", "privacy": "protected", "return": { "type": { "text": "Date" } }, "parameters": [ { "name": "isoDate", "type": { "text": "string" } } ] }, { "kind": "method", "name": "_getDateString", "privacy": "protected", "return": { "type": { "text": "string" } }, "parameters": [ { "name": "date", "type": { "text": "Date | null" } } ] }, { "kind": "method", "name": "_getDateFromString", "privacy": "protected", "return": { "type": { "text": "Date | null" } }, "parameters": [ { "name": "dateString", "type": { "text": "string" } } ] }, { "kind": "method", "name": "#addMonth", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "number" } } ] }, { "kind": "method", "name": "#setLocaleDependantProperties", "privacy": "private", "return": { "type": { "text": "void" } } } ], "attributes": [ { "name": "dateOutsideMonth", "type": { "text": "boolean" }, "default": "false", "fieldName": "dateOutsideMonth" }, { "name": "locale", "type": { "text": "string | null" }, "default": "null", "fieldName": "locale" } ], "superclass": { "name": "LitElement", "package": "lit" }, "customElement": true } ], "exports": [ { "kind": "js", "name": "UmCalendarBase", "declaration": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } } ] }, { "kind": "javascript-module", "path": "src/calendar/calendar.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/calendar/calendar.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/calendar/calendar.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmCalendar", "members": [ { "kind": "field", "name": "dateValue", "type": { "text": "Date | null" }, "default": "null" }, { "kind": "field", "name": "value", "type": { "text": "string" }, "attribute": "value" }, { "kind": "method", "name": "_selectDate", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "date", "type": { "text": "Date" } } ], "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "_getSelectedDateClasses", "privacy": "protected", "return": { "type": { "text": "Record" } }, "parameters": [ { "name": "date", "type": { "text": "Date" } } ], "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "weekDays", "type": { "text": "string[]" }, "default": "[]", "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "dateRenderer", "type": { "text": "((date: Date, day: string) => HTMLElement) | null" }, "default": "null", "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "dateOutsideMonth", "type": { "text": "boolean" }, "default": "false", "attribute": "dateOutsideMonth", "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "year", "type": { "text": "number" }, "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "month", "type": { "text": "number" }, "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "#currentDate", "privacy": "private", "readonly": true, "default": "new Date()", "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "_displayingMonthDate", "type": { "text": "Date" }, "default": "new Date(this.#currentDate)", "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "locale", "type": { "text": "string | null" }, "default": "null", "attribute": "locale", "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "_innerLocale", "type": { "text": "string" }, "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "adapter", "default": "new DefaultCalendarAdapter()", "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "#renderWeekDays", "privacy": "private", "return": { "type": { "text": "HTMLTemplateResult[]" } }, "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "#getDisplayingMonthDate", "privacy": "private", "return": { "type": { "text": "Date" } }, "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "#renderDays", "privacy": "private", "return": { "type": { "text": "HTMLTemplateResult[]" } }, "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "#handleDateClick", "privacy": "private", "return": { "type": { "text": "() => void" } }, "parameters": [ { "name": "date", "type": { "text": "Date" } } ], "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "_getCalendarClassMap", "privacy": "protected", "return": { "type": { "text": "DirectiveResult | null" } }, "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "_getDateFromIsoDate", "privacy": "protected", "return": { "type": { "text": "Date" } }, "parameters": [ { "name": "isoDate", "type": { "text": "string" } } ], "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "_getDateString", "privacy": "protected", "return": { "type": { "text": "string" } }, "parameters": [ { "name": "date", "type": { "text": "Date | null" } } ], "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "_getDateFromString", "privacy": "protected", "return": { "type": { "text": "Date | null" } }, "parameters": [ { "name": "dateString", "type": { "text": "string" } } ], "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "#addMonth", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "number" } } ], "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "#setLocaleDependantProperties", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } } ], "events": [ { "name": "input", "type": { "text": "InputEvent" } }, { "name": "change", "type": { "text": "Event" } } ], "attributes": [ { "name": "value", "type": { "text": "string" }, "fieldName": "value" }, { "name": "dateOutsideMonth", "type": { "text": "boolean" }, "default": "false", "fieldName": "dateOutsideMonth", "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "name": "locale", "type": { "text": "string | null" }, "default": "null", "fieldName": "locale", "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } } ], "superclass": { "name": "UmCalendarBase", "module": "/src/calendar/calendar-base" }, "tagName": "u-calendar", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmCalendar", "declaration": { "name": "UmCalendar", "module": "src/calendar/calendar.ts" } }, { "kind": "custom-element-definition", "name": "u-calendar", "declaration": { "name": "UmCalendar", "module": "src/calendar/calendar.ts" } } ] }, { "kind": "javascript-module", "path": "src/calendar/default-calendar-adapter.ts", "declarations": [ { "kind": "class", "description": "", "name": "DefaultCalendarAdapter", "members": [ { "kind": "field", "name": "weekDayFormat", "type": { "text": "'long' | 'short' | 'narrow'" }, "default": "'narrow'" }, { "kind": "field", "name": "locale", "type": { "text": "string" }, "default": "'pt-br'" }, { "kind": "method", "name": "getWeekDays", "return": { "type": { "text": "string[]" } }, "parameters": [ { "name": "locale", "type": { "text": "string" } } ] }, { "kind": "method", "name": "#setDateToFirstDayOfWeek", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "date", "type": { "text": "Date" } }, { "name": "firstDayOfWeek", "type": { "text": "number" } } ] }, { "kind": "method", "name": "getDay", "return": { "type": { "text": "string" } }, "parameters": [ { "name": "date", "type": { "text": "Date" } } ] }, { "kind": "method", "name": "getMonth", "return": { "type": { "text": "string" } }, "parameters": [ { "name": "date", "type": { "text": "Date" } } ] } ] } ], "exports": [ { "kind": "js", "name": "DefaultCalendarAdapter", "declaration": { "name": "DefaultCalendarAdapter", "module": "src/calendar/default-calendar-adapter.ts" } } ] }, { "kind": "javascript-module", "path": "src/calendar/range-calendar.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` .selected:not(:has(.start-date)):not(:has(.end-date)) .calendar-item:has(.date)::before, .selected:not(:has(.start-date)) .calendar-item:has(.date):has(~ .end-date)::before, .selected:not(:has(.end-date)) .start-date ~ .calendar-item:has(.date)::before, .selected .start-date ~ .calendar-item:has(.date):has(~ .end-date)::before, .selected .start-date:has(.date)::before, .selected .end-date:has(.date)::before, .selecting.before-start-date-month:not(:has(.selected-date)) .calendar-item:hover:has(.date) ~ .calendar-item:has(.date)::before, .selecting.after-start-date-month:not(:has(.selected-date)) .calendar-item:has(.date):has(~ .calendar-item:hover .date)::before, .selecting:has(.selected-date) .calendar-item:hover:has(.date):has(~ .selected-date) ~ .selected-date::before, .selecting:has(.selected-date) .calendar-item:hover:has(.date):has(~ .selected-date) ~ .calendar-item:has(~ .selected-date)::before, .selecting:has(.selected-date) .selected-date:has(~ .calendar-item:hover .date)::before, .selecting:has(.selected-date) .selected-date:has(~ .calendar-item:hover .date) ~ .calendar-item:has(~ .calendar-item:hover .date)::before, .selecting .calendar-item:hover:has(.date)::before { content: \"\"; position: absolute; top: 50%; left: 0; width: 100%; margin-top: calc(var(--_date-size) * -0.5); height: var(--_date-size); background: var(--u-color-secondary-container); z-index: -1; pointer-events: none; } .selected .start-date:has(.date)::before, .selecting.before-start-date-month:not(:has(.selected-date)) .calendar-item:has(.date):hover::before, .selecting:has(.selected-date) .calendar-item:hover:has(.date):has(~ .selected-date)::before, .selecting:has(.selected-date) .selected-date:has(~ .calendar-item:hover .date)::before { left: 50%; width: 50%; } .selected .end-date:has(.date)::before, .selecting.after-start-date-month:not(:has(.selected-date)) .calendar-item:has(.date):hover::before, .selecting:has(.selected-date) .calendar-item:hover:has(.date):has(~ .selected-date) ~ .selected-date::before, .selecting:has(.selected-date) .selected-date:has(~ .calendar-item:hover .date) ~ .calendar-item:has(.date):hover::before { width: 50%; } .selecting .calendar-item:hover .date { background-color: var(--u-calendar-selected-date-background-color, var(--u-color-primary, rgb(103, 80, 164))); color: var(--u-calendar-selected-date-color, var(--u-color-on-primary, rgb(255, 255, 255))); } .selecting:has(.selected-date) .selected-date:hover::before { display: none; } .selected .start-date.end-date::before { display: none; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/calendar/range-calendar.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/calendar/range-calendar.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmRangeCalendar", "members": [ { "kind": "field", "name": "startDateValue", "type": { "text": "Date | null" }, "default": "null" }, { "kind": "field", "name": "endDateValue", "type": { "text": "Date | null" }, "default": "null" }, { "kind": "field", "name": "value", "type": { "text": "string | null" }, "attribute": "value" }, { "kind": "method", "name": "#setStartEndDates", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "startDate", "type": { "text": "Date | null" } }, { "name": "endDate", "type": { "text": "Date | null" } } ] }, { "kind": "method", "name": "_selectDate", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "date", "type": { "text": "Date" } } ], "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "_getCalendarClassMap", "privacy": "protected", "return": { "type": { "text": "DirectiveResult | null" } }, "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "#getStartDateClass", "privacy": "private", "return": { "type": { "text": "string" } } }, { "kind": "method", "name": "#getEndDateClass", "privacy": "private", "return": { "type": { "text": "string" } } }, { "kind": "method", "name": "#getDateClass", "privacy": "private", "return": { "type": { "text": "string" } }, "parameters": [ { "name": "name", "type": { "text": "string" } }, { "name": "date", "type": { "text": "Date" } } ] }, { "kind": "method", "name": "_getSelectedDateClasses", "privacy": "protected", "return": { "type": { "text": "Record" } }, "parameters": [ { "name": "date", "type": { "text": "Date" } } ], "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "weekDays", "type": { "text": "string[]" }, "default": "[]", "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "dateRenderer", "type": { "text": "((date: Date, day: string) => HTMLElement) | null" }, "default": "null", "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "dateOutsideMonth", "type": { "text": "boolean" }, "default": "false", "attribute": "dateOutsideMonth", "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "year", "type": { "text": "number" }, "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "month", "type": { "text": "number" }, "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "#currentDate", "privacy": "private", "readonly": true, "default": "new Date()", "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "_displayingMonthDate", "type": { "text": "Date" }, "default": "new Date(this.#currentDate)", "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "locale", "type": { "text": "string | null" }, "default": "null", "attribute": "locale", "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "_innerLocale", "type": { "text": "string" }, "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "field", "name": "adapter", "default": "new DefaultCalendarAdapter()", "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "#renderWeekDays", "privacy": "private", "return": { "type": { "text": "HTMLTemplateResult[]" } }, "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "#getDisplayingMonthDate", "privacy": "private", "return": { "type": { "text": "Date" } }, "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "#renderDays", "privacy": "private", "return": { "type": { "text": "HTMLTemplateResult[]" } }, "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "#handleDateClick", "privacy": "private", "return": { "type": { "text": "() => void" } }, "parameters": [ { "name": "date", "type": { "text": "Date" } } ], "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "_getDateFromIsoDate", "privacy": "protected", "return": { "type": { "text": "Date" } }, "parameters": [ { "name": "isoDate", "type": { "text": "string" } } ], "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "_getDateString", "privacy": "protected", "return": { "type": { "text": "string" } }, "parameters": [ { "name": "date", "type": { "text": "Date | null" } } ], "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "_getDateFromString", "privacy": "protected", "return": { "type": { "text": "Date | null" } }, "parameters": [ { "name": "dateString", "type": { "text": "string" } } ], "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "#addMonth", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "number" } } ], "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "kind": "method", "name": "#setLocaleDependantProperties", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } } ], "events": [ { "name": "input", "type": { "text": "InputEvent" } }, { "name": "change", "type": { "text": "Event" } } ], "attributes": [ { "name": "value", "type": { "text": "string | null" }, "fieldName": "value" }, { "name": "dateOutsideMonth", "type": { "text": "boolean" }, "default": "false", "fieldName": "dateOutsideMonth", "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } }, { "name": "locale", "type": { "text": "string | null" }, "default": "null", "fieldName": "locale", "inheritedFrom": { "name": "UmCalendarBase", "module": "src/calendar/calendar-base.ts" } } ], "superclass": { "name": "UmCalendarBase", "module": "/src/calendar/calendar-base" }, "tagName": "u-range-calendar", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmRangeCalendar", "declaration": { "name": "UmRangeCalendar", "module": "src/calendar/range-calendar.ts" } }, { "kind": "custom-element-definition", "name": "u-range-calendar", "declaration": { "name": "UmRangeCalendar", "module": "src/calendar/range-calendar.ts" } } ] }, { "kind": "javascript-module", "path": "src/card/card-content.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { display: block; } :host(:has(slot > *)) { display: none; } :host([has-content]) { padding: var(--u-card-padding, 16px); } slot { border-radius: inherit; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/card/card-content.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/card/card-content.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmCardContent", "members": [ { "kind": "field", "name": "hasContent", "type": { "text": "boolean" }, "default": "false", "attribute": "has-content", "reflects": true }, { "kind": "method", "name": "handleSlotChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] } ], "attributes": [ { "name": "has-content", "type": { "text": "boolean" }, "default": "false", "fieldName": "hasContent" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-card-content", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmCardContent", "declaration": { "name": "UmCardContent", "module": "src/card/card-content.ts" } }, { "kind": "custom-element-definition", "name": "u-card-content", "declaration": { "name": "UmCardContent", "module": "src/card/card-content.ts" } } ] }, { "kind": "javascript-module", "path": "src/card/card-media.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { display: block; aspect-ratio: 1; border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px)); } :host([wide]) { aspect-ratio: 16/9; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/card/card-media.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/card/card-media.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmCardMedia", "members": [ { "kind": "field", "name": "wide", "type": { "text": "boolean" }, "default": "false", "attribute": "wide", "reflects": true } ], "attributes": [ { "name": "wide", "type": { "text": "boolean" }, "default": "false", "fieldName": "wide" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-card-media", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmCardMedia", "declaration": { "name": "UmCardMedia", "module": "src/card/card-media.ts" } }, { "kind": "custom-element-definition", "name": "u-card-media", "declaration": { "name": "UmCardMedia", "module": "src/card/card-media.ts" } } ] }, { "kind": "javascript-module", "path": "src/card/card.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { display: block; position: relative; border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px)); } :host([variant=elevated]) { --u-current-bg-color: var(--u-card-elevated-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250))); background-color: var(--u-current-bg-color); } :host([variant=elevated]) u-elevation { --u-elevation-level: var(--u-elevated-card-elevation-level, 1); } :host([variant=filled]) { --u-current-bg-color: var(--u-card-filled-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233))); background-color: var(--u-current-bg-color); } :host([variant=outlined]) { --u-current-bg-color: var(--u-card-outlined-bg-color, var(--u-color-surface, rgb(254, 247, 255))); background-color: var(--u-current-bg-color); border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208))); } u-card-content, slot { border-radius: inherit; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/card/card.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/card/card.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmCard", "members": [ { "kind": "field", "name": "variant", "type": { "text": "UmCardVariant" }, "default": "'filled'", "description": "The Card variant to render.", "attribute": "variant", "reflects": true } ], "attributes": [ { "name": "variant", "type": { "text": "UmCardVariant" }, "default": "'filled'", "description": "The Card variant to render.", "fieldName": "variant" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-card", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmCard", "declaration": { "name": "UmCard", "module": "src/card/card.ts" } }, { "kind": "custom-element-definition", "name": "u-card", "declaration": { "name": "UmCard", "module": "src/card/card.ts" } } ] }, { "kind": "javascript-module", "path": "src/chip-field/chip-field.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` u-chip { flex-basis: 0; } .input { display: flex; gap: var(--u-chip-field-chips-gap, var(--u-spacing-extra-small, 4px)); flex-wrap: wrap; } .input:has(u-chip) { margin-top: var(--u-chip-field-chips-margin, var(--u-spacing-extra-small, 4px)); } .input input { width: auto; flex: 1; flex-basis: 200px; padding: 4px 0; margin-block: -4px; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/chip-field/chip-field.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/chip-field/chip-field.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmChipField", "members": [ { "kind": "field", "name": "input", "type": { "text": "HTMLInputElement" } }, { "kind": "field", "name": "name", "type": { "text": "string" }, "attribute": "name" }, { "kind": "field", "name": "manual", "type": { "text": "boolean" }, "default": "false", "description": "If true, ignore enter key input", "attribute": "manual" }, { "kind": "field", "name": "formatter", "type": { "text": "((value: any) => string) | undefined" }, "description": "A function return a string based on a item from the `value`. Useful when the items of value are objects." }, { "kind": "field", "name": "leadingIconTemplate", "type": { "text": "((value: any) => string) | undefined" }, "description": "A string representing an HTML to be rendered inside as leading icon of each chip.\n\n_Note:_ Subject to signature change" }, { "kind": "field", "name": "#value", "privacy": "private", "type": { "text": "any[]" }, "default": "[]" }, { "kind": "field", "name": "value", "type": { "text": "any[]" }, "description": "An array containing the value representation of each chip.\n\n_Note:_ Add or remove items directly from value array won't trigger a render on Chip Field. Use the methods `add` or `removeAt`." }, { "kind": "method", "name": "setFormValue", "privacy": "private" }, { "kind": "method", "name": "focus" }, { "kind": "method", "name": "renderControl", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "#getChips", "privacy": "private" }, { "kind": "method", "name": "#handleBlur", "privacy": "private" }, { "kind": "method", "name": "#handleInput", "privacy": "private" }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "add", "parameters": [ { "name": "value", "type": { "text": "any" } }, { "name": "triggerChange", "default": "false" } ] }, { "kind": "method", "name": "removeAt", "parameters": [ { "name": "index", "type": { "text": "number" } }, { "name": "triggerChange", "default": "false" } ] }, { "kind": "field", "name": "#removeChip", "privacy": "private", "readonly": true }, { "kind": "method", "name": "#changed", "privacy": "private", "parameters": [ { "name": "triggerChange", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "#valueUpdate", "privacy": "private" }, { "kind": "method", "name": "#setEmpty", "privacy": "private" }, { "kind": "method", "name": "#dispatchRemoveEvent", "privacy": "private", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "index", "type": { "text": "number" } } ] }, { "kind": "method", "name": "getItemLabel", "privacy": "private", "parameters": [ { "name": "item", "type": { "text": "any" } } ] }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "shadowRootOptions", "type": { "text": "ShadowRootInit" }, "static": true, "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "empty", "type": { "text": "boolean" }, "default": "true", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "attribute": "empty", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "placeholder", "type": { "text": "string" }, "default": "''", "attribute": "placeholder", "reflects": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "elementInternals", "type": { "text": "ElementInternals" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "config", "type": { "text": "UmFieldDefaults | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "attribute": "variant", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "attribute": "label", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_innerCounter", "type": { "text": "string | undefined" }, "privacy": "protected", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "counter", "type": { "text": "string | undefined" }, "attribute": "counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hideCounter", "type": { "text": "boolean" }, "default": "false", "attribute": "hide-counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "supportingText", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "attribute": "supporting-text", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "errorText", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "attribute": "error-text", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "attribute": "invalid", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "setDefaults", "static": true, "return": { "type": { "text": "ContextProvider>" } }, "parameters": [ { "name": "contextRoot", "type": { "text": "HTMLElement" } }, { "name": "config", "type": { "text": "UmFieldDefaults" } } ], "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasLeadingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "attribute": "has-leading-icon", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasTrailingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "attribute": "has-trailing-icon", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasErrorText", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "attribute": "has-error-text", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedLeadingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedTrailingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedErrorTexts", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_labelElement", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_container", "type": { "text": "HTMLElement" }, "privacy": "protected", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderAfterContent", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleLeadingIconSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleTrailingIconSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleErrorTextSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderDefaultTrailingIcon", "privacy": "protected", "return": { "type": { "text": "TemplateResult | typeof nothing" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" } } ], "attributes": [ { "name": "name", "type": { "text": "string" }, "fieldName": "name" }, { "name": "manual", "type": { "text": "boolean" }, "default": "false", "description": "If true, ignore enter key input", "fieldName": "manual" }, { "name": "placeholder", "type": { "text": "string" }, "default": "''", "fieldName": "placeholder", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "fieldName": "variant", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "fieldName": "label", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "counter", "type": { "text": "string | undefined" }, "fieldName": "counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "hide-counter", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideCounter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "supporting-text", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "fieldName": "supportingText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "error-text", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "fieldName": "errorText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "empty", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "fieldName": "empty", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "fieldName": "invalid", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-leading-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "fieldName": "hasLeadingIcon", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-trailing-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "fieldName": "hasTrailingIcon", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-error-text", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "fieldName": "hasErrorText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ], "superclass": { "name": "UmTextFieldBase", "module": "/src/shared/text-field-base/text-field-base.js" }, "tagName": "u-chip-field", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmChipField", "declaration": { "name": "UmChipField", "module": "src/chip-field/chip-field.ts" } }, { "kind": "custom-element-definition", "name": "u-chip-field", "declaration": { "name": "UmChipField", "module": "src/chip-field/chip-field.ts" } } ] }, { "kind": "javascript-module", "path": "src/chip/chip-set.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { flex-wrap: wrap; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/chip/chip-set.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/chip/chip-set.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmChipSet", "members": [ { "kind": "field", "name": "alignment", "type": { "text": "'start' | 'center' | 'end'" }, "default": "'start'", "description": "Set the alignment of the set at the `start`, `center` or at the `end`.", "attribute": "alignment", "reflects": true, "inheritedFrom": { "name": "UmSetBase", "module": "src/shared/sets/set-base.ts" } } ], "superclass": { "name": "UmSetBase", "module": "/src/shared/sets/set-base.js" }, "tagName": "u-chip-set", "customElement": true, "attributes": [ { "name": "alignment", "type": { "text": "'start' | 'center' | 'end'" }, "default": "'start'", "description": "Set the alignment of the set at the `start`, `center` or at the `end`.", "fieldName": "alignment", "inheritedFrom": { "name": "UmSetBase", "module": "src/shared/sets/set-base.ts" } } ] } ], "exports": [ { "kind": "js", "name": "UmChipSet", "declaration": { "name": "UmChipSet", "module": "src/chip/chip-set.ts" } }, { "kind": "custom-element-definition", "name": "u-chip-set", "declaration": { "name": "UmChipSet", "module": "src/chip/chip-set.ts" } } ] }, { "kind": "javascript-module", "path": "src/chip/chip.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --_height: var(--u-chip-height, 32px); --_outline-width: var(--u-chip-outline-width, 1px); --_outline-color: var(--u-chip-outline-color, var(--u-color-outline, rgb(121, 116, 126))); --_shape: var(--u-chip-shape, var(--u-shape-corner-small, 8px)); --_gap: var(--u-chip-gap, 8px); --_icon-size: var(--u-chip-icon-size, 1.125rem); --_remove-button-margin: var(--u-chip-remove-button-margin, 2px); --_remove-button-size: calc(var(--_height) - var(--_remove-button-margin) * 2); --_selected-icon-color: var(--u-chip-selected-icon-color, var(--u-color-on-secondary-container, rgb(29, 25, 43))); display: inline-block; } .container { height: var(--_height); border-radius: var(--_shape); padding-inline: var(--u-chip-padding, 16px); } .container:not(.clickable):not(.toggle) .button { cursor: auto; } .container:not(.leading-icon) .leading { display: none; } .container:not(.trailing-icon) .trailing { display: none; } .content { gap: var(--_gap); } .elevated { --u-elevation-level: var(--u-elevated-chip-elevation-level, 1); } @media (hover: hover) { .elevated:hover { --u-elevation-level: var(--u-elevated-chip-hover-elevation-level, 2); } } .outline { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; border: var(--_outline-width) solid var(--_outline-color); } .icon { width: 1em; height: var(--_icon-size); display: flex; align-items: center; justify-content: center; font-size: var(--_icon-size); } .leading { color: var(--u-chip-leading-icon-color, var(--u-color-primary, rgb(103, 80, 164))); } .icon-selected { color: var(--_selected-icon-color); } .trailing { color: var(--u-chip-trailing-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } .label { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-chip-label-line-height, var(--u-label-l-line-height, 1.25rem)); font-size: var(--u-chip-label-font-size, var(--u-label-l-font-size, 0.875rem)); letter-spacing: var(--u-chip-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem)); font-weight: var(--u-chip-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500))); } .remove-button { display: flex; align-items: center; justify-content: center; position: relative; width: var(--_remove-button-size); height: var(--_remove-button-size); cursor: pointer; padding: 0; margin: 0; margin-inline: calc((var(--_remove-button-size) - var(--_icon-size)) * -0.5); background: gray; border: none; border-radius: var(--u-chip-remove-button-border-radius, var(--u-shape-corner-full, 9999px)); background: none; appearance: none; outline: 0; outline-offset: 0; z-index: 1; } ::slotted([slot=remove-icon]), ::slotted([slot=selected-icon]), ::slotted([slot=leading-icon]), ::slotted([slot=trailing-icon]) { font-size: inherit !important; } slot[name=selected-icon] { display: none; } .selected:not(.hide-selected-icon) .leading { display: none; } .selected:not(.hide-selected-icon) slot[name=selected-icon] { display: contents; } .default-select-icon { display: contents; } .selected-icon .default-select-icon { display: none; } .selected:not(.disabled) { background-color: var(--u-chip-selected-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248))); } .selected:not(.disabled) .leading { color: var(--u-chip-selected-leading-icon-color, var(--_selected-icon-color)); } .selected:not(.disabled) .trailing { color: var(--u-chip-selected-trailing-icon-color, var(--_selected-icon-color)); } .leading-icon, .selected:not(.hide-selected-icon) { padding-inline-start: var(--_gap); } .trailing-icon, .removable { padding-inline-end: var(--_gap); } .hide-selected-icon .icon-selected, .container:not(.selected) .icon-selected { display: none; } [part=default-selected-icon] { display: contents; } :host([disabled]) .remove-button { cursor: default; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/chip/chip.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/chip/chip.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmChip", "members": [ { "kind": "field", "name": "#clickable", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#toggle", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the chip is selected or not", "attribute": "selected", "reflects": true }, { "kind": "field", "name": "clickable", "type": { "text": "boolean" }, "attribute": "clickable", "reflects": true }, { "kind": "field", "name": "elevated", "type": { "text": "boolean" }, "default": "false", "description": "Adds elevation to the chip", "attribute": "elevated", "reflects": true }, { "kind": "field", "name": "toggle", "type": { "text": "boolean" }, "description": "When true, the chip will toggle between selected and unselected\nstates", "attribute": "toggle", "reflects": true }, { "kind": "field", "name": "removable", "type": { "text": "boolean" }, "default": "false", "description": "Add the remove icon", "attribute": "removable", "reflects": true }, { "kind": "field", "name": "hideSelectedIcon", "type": { "text": "boolean" }, "default": "false", "description": "Hide the selected icon", "attribute": "hide-selected-icon", "reflects": true }, { "kind": "field", "name": "_hasLeadingIcon", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_hasSelectedIcon", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_hasTrailingIcon", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_assignedLeadingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_assignedSelectedIcons", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_assignedTrailingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "removeRipple", "type": { "text": "UmRipple" } }, { "kind": "method", "name": "#handleRemoveClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleTrailingIconSlotChange", "privacy": "private" }, { "kind": "method", "name": "#handleLeadingIconSlotChange", "privacy": "private" }, { "kind": "method", "name": "#handleSelectedIconSlotChange", "privacy": "private" }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "UIEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_getContainerClasses", "privacy": "protected", "return": { "type": { "text": "Record" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_renderContent", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "default": "true", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "attribute": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "attribute": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "attribute": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "buttonElement", "type": { "text": "HTMLElement" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "_ripple", "type": { "text": "UmRipple" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "innerRole", "type": { "text": "string | null" }, "privacy": "protected", "default": "null", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "pathname", "type": { "text": "string" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderButton", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderLink", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "focus", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "blur", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "getAriaLabel", "privacy": "protected", "return": { "type": { "text": "string | null" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerFocusHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerClickHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" } } ], "attributes": [ { "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the chip is selected or not", "fieldName": "selected" }, { "name": "clickable", "type": { "text": "boolean" }, "fieldName": "clickable" }, { "name": "elevated", "type": { "text": "boolean" }, "default": "false", "description": "Adds elevation to the chip", "fieldName": "elevated" }, { "name": "toggle", "type": { "text": "boolean" }, "description": "When true, the chip will toggle between selected and unselected\nstates", "fieldName": "toggle" }, { "name": "removable", "type": { "text": "boolean" }, "default": "false", "description": "Add the remove icon", "fieldName": "removable" }, { "name": "hide-selected-icon", "type": { "text": "boolean" }, "default": "false", "description": "Hide the selected icon", "fieldName": "hideSelectedIcon" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "fieldName": "disabled", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "fieldName": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "fieldName": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "name", "type": { "text": "string | undefined" }, "fieldName": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "superclass": { "name": "UmButtonWrapper", "module": "/src/shared/button-wrapper.js" }, "tagName": "u-chip", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmChip", "declaration": { "name": "UmChip", "module": "src/chip/chip.ts" } }, { "kind": "custom-element-definition", "name": "u-chip", "declaration": { "name": "UmChip", "module": "src/chip/chip.ts" } } ] }, { "kind": "javascript-module", "path": "src/datepicker/datepicker.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/datepicker/datepicker.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/datepicker/datepicker.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmDatepicker", "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-datepicker", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmDatepicker", "declaration": { "name": "UmDatepicker", "module": "src/datepicker/datepicker.ts" } }, { "kind": "custom-element-definition", "name": "u-datepicker", "declaration": { "name": "UmDatepicker", "module": "src/datepicker/datepicker.ts" } } ] }, { "kind": "javascript-module", "path": "src/dialog/confirm-dialog-builder.ts", "declarations": [ { "kind": "class", "description": "", "name": "ConfirmDialogBuilder", "members": [ { "kind": "method", "name": "create", "static": true, "return": { "type": { "text": "ConfirmDialogBuilder" } }, "parameters": [ { "name": "message", "type": { "text": "string" } } ] }, { "kind": "field", "name": "#confirmButtonDef", "privacy": "private", "type": { "text": "DialogButtonDef | undefined" } }, { "kind": "field", "name": "#cancelButtonDef", "privacy": "private", "type": { "text": "DialogButtonDef | undefined" } }, { "kind": "method", "name": "confirmButton", "return": { "type": { "text": "ConfirmDialogBuilder" } }, "parameters": [ { "name": "confirmButtonDef", "type": { "text": "DialogButtonDef" } } ] }, { "kind": "method", "name": "cancelButton", "return": { "type": { "text": "ConfirmDialogBuilder" } }, "parameters": [ { "name": "cancelButtonDef", "type": { "text": "DialogButtonDef" } } ] }, { "kind": "method", "name": "_addButtons", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "dialog", "type": { "text": "UmDialog" } } ], "inheritedFrom": { "name": "DialogBuilder", "module": "src/dialog/dialog-builder.ts" } }, { "kind": "method", "name": "innerShow", "privacy": "protected", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "dialog", "type": { "text": "UmDialog" } } ], "inheritedFrom": { "name": "DialogBuilder", "module": "src/dialog/dialog-builder.ts" } }, { "kind": "field", "name": "#headline", "privacy": "private", "type": { "text": "string | undefined" }, "inheritedFrom": { "name": "DialogBuilder", "module": "src/dialog/dialog-builder.ts" } }, { "kind": "method", "name": "headline", "return": { "type": { "text": "TBuilder" } }, "parameters": [ { "name": "headline", "type": { "text": "string" } } ], "inheritedFrom": { "name": "DialogBuilder", "module": "src/dialog/dialog-builder.ts" } }, { "kind": "method", "name": "show", "return": { "type": { "text": "TReturn" } }, "inheritedFrom": { "name": "DialogBuilder", "module": "src/dialog/dialog-builder.ts" } }, { "kind": "method", "name": "_addHeadline", "privacy": "private", "parameters": [ { "name": "dialog", "type": { "text": "HTMLElement" } } ], "inheritedFrom": { "name": "DialogBuilder", "module": "src/dialog/dialog-builder.ts" } }, { "kind": "method", "name": "_addButton", "privacy": "protected", "parameters": [ { "name": "dialog", "type": { "text": "UmDialog" } }, { "name": "buttonDef", "type": { "text": "DialogButtonDef" } }, { "name": "click", "type": { "text": "() => void" } } ], "inheritedFrom": { "name": "DialogBuilder", "module": "src/dialog/dialog-builder.ts" } } ], "superclass": { "name": "DialogBuilder", "module": "/src/dialog/dialog-builder.js" } } ], "exports": [ { "kind": "js", "name": "ConfirmDialogBuilder", "declaration": { "name": "ConfirmDialogBuilder", "module": "src/dialog/confirm-dialog-builder.ts" } } ] }, { "kind": "javascript-module", "path": "src/dialog/dialog-builder.ts", "declarations": [ { "kind": "class", "description": "", "name": "DialogBuilder", "members": [ { "kind": "field", "name": "#headline", "privacy": "private", "type": { "text": "string | undefined" } }, { "kind": "method", "name": "headline", "return": { "type": { "text": "TBuilder" } }, "parameters": [ { "name": "headline", "type": { "text": "string" } } ] }, { "kind": "method", "name": "show", "return": { "type": { "text": "TReturn" } } }, { "kind": "method", "name": "innerShow", "privacy": "protected", "return": { "type": { "text": "TReturn | void" } }, "parameters": [ { "name": "dialog", "type": { "text": "UmDialog" } } ] }, { "kind": "method", "name": "_addButtons", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "dialog", "type": { "text": "UmDialog" } } ] }, { "kind": "method", "name": "_addHeadline", "privacy": "private", "parameters": [ { "name": "dialog", "type": { "text": "HTMLElement" } } ] }, { "kind": "method", "name": "_addButton", "privacy": "protected", "parameters": [ { "name": "dialog", "type": { "text": "UmDialog" } }, { "name": "buttonDef", "type": { "text": "DialogButtonDef" } }, { "name": "click", "type": { "text": "() => void" } } ] } ] } ], "exports": [ { "kind": "js", "name": "DialogBuilder", "declaration": { "name": "DialogBuilder", "module": "src/dialog/dialog-builder.ts" } } ] }, { "kind": "javascript-module", "path": "src/dialog/dialog-button-def.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/dialog/dialog.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --u-elevation-level: var(--u-dialog-elevation, 3); --_icon-size: var(--u-dialog-icon-size, 24px); --_divider-color: var(--u-dialog-divider-color, var(--u-color-outline-variant, rgb(202, 196, 208))); --_scrim-opacity: var(--u-dialog-scrim-opacity, .32); --_padding: var(--u-dialog-padding, 24px); } :host(:not([has-headline])) .headline { display: none; } :host([has-icon]) .icon { display: flex; } :host([has-icon]) .headline { padding-top: 0; } :host([has-icon]) .headline, :host([has-icon]) .container { text-align: center; } :host([has-headline]) .content.top-divider, :host([has-icon]) .content.top-divider { border-top: 1px solid var(--_divider-color); margin-top: -1px; } .scrim { position: fixed; inset: 0; background-color: var(--u-dialog-scrim-color, var(--u-color-scrim, rgb(0, 0, 0))); animation: scrim-show-animation 300ms; animation-fill-mode: forwards; z-index: -1; } dialog { align-items: center; background: none; border: none; overflow: visible; padding: var(--_padding); max-width: none; max-height: none; width: 100%; height: 100%; } dialog[open] { display: flex; } dialog::backdrop { background: none; } .container { position: relative; display: flex; flex-direction: column; margin-inline: auto; background-color: var(--u-dialog-container-bg-color, var(--u-color-surface-container-high, rgb(236, 230, 240))); border-radius: var(--u-dialog-border-radius, var(--u-shape-corner-extra-large, 28px)); min-width: min(var(--u-dialog-min-width, 280px), 100%); max-width: var(--u-dialog-max-width, 560px); max-height: min(var(--u-dialog-max-height, 560px), 100%); animation: show 250ms cubic-bezier(0.19, 1, 0.22, 1); z-index: 1; } .headline, .icon, .content, .actions { padding: var(--_padding); } .headline { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-dialog-headline-line-height, var(--u-headline-s-line-height, 2rem)); font-size: var(--u-dialog-headline-font-size, var(--u-headline-s-font-size, 1.5rem)); letter-spacing: var(--u-dialog-headline-letter-spacing, var(--u-headline-s-letter-spacing, 0rem)); font-weight: var(--u-dialog-headline-font-weight, var(--u-headline-s-font-weight, var(--u-font-weight-regular, 400))); padding-bottom: var(--u-headline-padding, 16px); } .icon { display: none; justify-content: center; align-items: center; font-size: var(--_icon-size); line-height: var(--_icon-size); color: var(--u-dialog-icon-color, var(--u-color-secondary, rgb(98, 91, 113))); padding-bottom: var(--u-icon-padding, 16px); } .content { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-dialog-content-line-height, var(--u-body-m-line-height, 1.25rem)); font-size: var(--u-dialog-content-font-size, var(--u-body-m-font-size, 0.875rem)); letter-spacing: var(--u-dialog-content-letter-spacing, var(--u-body-m-letter-spacing, 0.0178571429rem)); font-weight: var(--u-dialog-content-font-weight, var(--u-body-m-font-weight, var(--u-font-weight-regular, 400))); color: var(--u-dialog-content-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); padding-block: 0; overflow: auto; } .content.bottom-divider { border-bottom: 1px solid var(--_divider-color); margin-bottom: -1px; } :host(:not([has-headline]):not([has-icon])) .content { padding-top: var(--_padding); } .actions { display: flex; flex-direction: row-reverse; flex-wrap: wrap-reverse; gap: var(--u-dialog-actions-gap, 8px); } :host(.closing) .container { animation-name: close; } :host(.closing) .scrim { animation-name: scrim-close-animation; } @keyframes scrim-show-animation { from { opacity: 0; } to { opacity: var(--_scrim-opacity); } } @keyframes scrim-close-animation { from { opacity: var(--_scrim-opacity); } to { opacity: 0; } } @keyframes show { from { transform: scale3d(0, 0, 1); } to { transform: scale3d(1, 1, 1); } } @keyframes close { from { transform: scale3d(1, 1, 1); } to { transform: scale3d(0, 0, 1); } } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/dialog/dialog.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/dialog/dialog.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmDialog", "members": [ { "kind": "field", "name": "#open", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#contentResizeObserver", "privacy": "private", "type": { "text": "ResizeObserver | null" } }, { "kind": "field", "name": "open", "type": { "text": "boolean" }, "attribute": "open" }, { "kind": "field", "name": "returnValue", "readonly": true }, { "kind": "field", "name": "hasHeadline", "type": { "text": "boolean" }, "default": "false", "description": "Whether dialog has headline or not\n\n_Note:_ Readonly", "attribute": "has-headline", "reflects": true }, { "kind": "field", "name": "hasIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether dialog has icon\n\n_Note:_ Readonly", "attribute": "has-icon", "reflects": true }, { "kind": "field", "name": "#scrollContainer", "privacy": "private", "type": { "text": "HTMLElement | null" }, "default": "null" }, { "kind": "field", "name": "scrollContainer", "type": { "text": "HTMLElement" }, "attribute": "scrollContainer" }, { "kind": "field", "name": "dialog", "type": { "text": "HTMLDialogElement" } }, { "kind": "field", "name": "scrim", "type": { "text": "HTMLElement" } }, { "kind": "field", "name": "content", "type": { "text": "HTMLElement" } }, { "kind": "field", "name": "container", "type": { "text": "HTMLElement" } }, { "kind": "field", "name": "assignedHeadlines", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "assignedIcons", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true }, { "kind": "method", "name": "message", "static": true, "return": { "type": { "text": "MessageDialogBuilder" } }, "parameters": [ { "name": "message", "type": { "text": "string" } } ] }, { "kind": "method", "name": "confirm", "static": true, "return": { "type": { "text": "ConfirmDialogBuilder" } }, "parameters": [ { "name": "message", "type": { "text": "string" } } ] }, { "kind": "method", "name": "#handleSubmit", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "SubmitEvent" } } ] }, { "kind": "field", "name": "#handleCancel", "privacy": "private", "readonly": true }, { "kind": "method", "name": "#handleIconSlotChange", "privacy": "private" }, { "kind": "method", "name": "#handleHeadlineSlotChange", "privacy": "private" }, { "kind": "method", "name": "#handleScroll", "privacy": "private" }, { "kind": "method", "name": "#setScrollDividers", "privacy": "private" }, { "kind": "method", "name": "#setBottomScrollDivider", "privacy": "private" }, { "kind": "method", "name": "#setTopScrollDivider", "privacy": "private" }, { "kind": "method", "name": "show" }, { "kind": "method", "name": "close", "parameters": [ { "name": "returnValue", "default": "this.returnValue", "type": { "text": "string" } } ] }, { "kind": "method", "name": "#handleScrimClick", "privacy": "private" } ], "events": [ { "name": "close", "type": { "text": "Event" } }, { "name": "closed", "type": { "text": "Event" } }, { "name": "cancel", "type": { "text": "Event" } } ], "attributes": [ { "name": "open", "type": { "text": "boolean" }, "fieldName": "open" }, { "name": "has-headline", "type": { "text": "boolean" }, "default": "false", "description": "Whether dialog has headline or not\n\n_Note:_ Readonly", "fieldName": "hasHeadline" }, { "name": "has-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether dialog has icon\n\n_Note:_ Readonly", "fieldName": "hasIcon" }, { "name": "scrollContainer", "type": { "text": "HTMLElement" }, "fieldName": "scrollContainer" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-dialog", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmDialog", "declaration": { "name": "UmDialog", "module": "src/dialog/dialog.ts" } }, { "kind": "custom-element-definition", "name": "u-dialog", "declaration": { "name": "UmDialog", "module": "src/dialog/dialog.ts" } } ] }, { "kind": "javascript-module", "path": "src/dialog/message-dialog-builder.ts", "declarations": [ { "kind": "class", "description": "", "name": "MessageDialogBuilder", "members": [ { "kind": "method", "name": "create", "static": true, "return": { "type": { "text": "MessageDialogBuilder" } }, "parameters": [ { "name": "message", "type": { "text": "string" } } ] }, { "kind": "field", "name": "#acknowledgeButtonDef", "privacy": "private", "type": { "text": "DialogButtonDef | undefined" } }, { "kind": "method", "name": "acknowledgeButton", "return": { "type": { "text": "MessageDialogBuilder" } }, "parameters": [ { "name": "acknowledgeButtonDef", "type": { "text": "DialogButtonDef" } } ] }, { "kind": "method", "name": "_addButtons", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "dialog", "type": { "text": "UmDialog" } } ], "inheritedFrom": { "name": "DialogBuilder", "module": "src/dialog/dialog-builder.ts" } }, { "kind": "field", "name": "#headline", "privacy": "private", "type": { "text": "string | undefined" }, "inheritedFrom": { "name": "DialogBuilder", "module": "src/dialog/dialog-builder.ts" } }, { "kind": "method", "name": "headline", "return": { "type": { "text": "TBuilder" } }, "parameters": [ { "name": "headline", "type": { "text": "string" } } ], "inheritedFrom": { "name": "DialogBuilder", "module": "src/dialog/dialog-builder.ts" } }, { "kind": "method", "name": "show", "return": { "type": { "text": "TReturn" } }, "inheritedFrom": { "name": "DialogBuilder", "module": "src/dialog/dialog-builder.ts" } }, { "kind": "method", "name": "innerShow", "privacy": "protected", "return": { "type": { "text": "TReturn | void" } }, "parameters": [ { "name": "dialog", "type": { "text": "UmDialog" } } ], "inheritedFrom": { "name": "DialogBuilder", "module": "src/dialog/dialog-builder.ts" } }, { "kind": "method", "name": "_addHeadline", "privacy": "private", "parameters": [ { "name": "dialog", "type": { "text": "HTMLElement" } } ], "inheritedFrom": { "name": "DialogBuilder", "module": "src/dialog/dialog-builder.ts" } }, { "kind": "method", "name": "_addButton", "privacy": "protected", "parameters": [ { "name": "dialog", "type": { "text": "UmDialog" } }, { "name": "buttonDef", "type": { "text": "DialogButtonDef" } }, { "name": "click", "type": { "text": "() => void" } } ], "inheritedFrom": { "name": "DialogBuilder", "module": "src/dialog/dialog-builder.ts" } } ], "superclass": { "name": "DialogBuilder", "module": "/src/dialog/dialog-builder.js" } } ], "exports": [ { "kind": "js", "name": "MessageDialogBuilder", "declaration": { "name": "MessageDialogBuilder", "module": "src/dialog/message-dialog-builder.ts" } } ] }, { "kind": "javascript-module", "path": "src/field/field-base.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --_control-line-height: var(--u-field-control-line-height, 1.5rem); --_label-line-height: var(--u-field-label-line-height, 1rem); --_field-icon-size: var(--u-field-icon-size, 1.5rem); --_field-control-padding: var(--u-field-control-padding, 16px); --_field-control-inline-padding: var(--u-field-control-inline-padding, var(--_field-control-padding)); --_field-control-block-padding: var(--u-field-control-block-padding, var(--_field-control-padding)); --_field-min-height: var(--u-field-min-height, 56px); --_field-placeholder-color: var(--u-field-placeholder-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); --_disabled-color: var(--u-field-disabled-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-field-disabled-opacity, 38%), transparent)); --_disabled-bg-color: var(--u-filled-field-disabled-bg-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-filled-field-background-disabled-opacity, 12%), transparent)); --_color-primary: var(--u-color-primary, rgb(103, 80, 164)); --_color-error: var(--u-field-error-color, var(--u-color-error, rgb(179, 38, 30))); --_active-indicator-opacity: 1; --_vertical-padding: var(--u-field-vertical-padding, 8px); --_icon-size: var(--u-field-icon-size, 1.5rem); --_icon-padding: var(--u-field-icon-padding, 12px); --_icon-color: var(--u-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); --_border-width: var(--u-field-border-width, 1px); --_border-color: var(--u-field-border-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); --_field-control-leading-padding: var(--_field-control-inline-padding); --_outlined-label-margin: var(--u-outlined-field-label-margin, 12px); --_outlined-label-padding: var(--u-outlined-field-label-padding, 4px); --u-label-input-start: auto; --u-label-input-span-leading-offset: 0; --u-label-input-span-trailing-offset: 0; --u-text-field-horizontal-padding: 12px; display: block; } .container { display: flex; align-items: center; position: relative; } .container::before, .container::after { content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; pointer-events: none; } .container::before { background: var(--u-color-on-surface, rgb(29, 27, 32)); transition: opacity 150ms; opacity: 0; } .container::after { border-width: var(--_border-width); border-color: var(--_border-color); } @media (hover: hover) { :host(:not([disabled]):not([invalid]):hover) .container.filled::before { opacity: var(--u-state-hover-opacity, 0.08); } :host(:not([disabled]):not([invalid]):not(:focus-within):hover) { --_border-color: var(--u-field-hover-border-color, var(--u-color-on-surface, rgb(29, 27, 32))); } } .icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: var(--_icon-size); color: var(--_icon-color); font-size: var(--_icon-size); line-height: var(--_icon-size); } .icon::slotted(*) { flex-shrink: 0; } .leading-icon { margin-inline-start: var(--_icon-padding); } .trailing-icon { margin-inline-end: var(--_icon-padding); } .outline-notch-label, .label { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-field-label-line-height, var(--u-body-l-line-height, 1.5rem)); font-size: var(--u-field-label-font-size, var(--u-body-l-font-size, 1rem)); letter-spacing: var(--u-field-label-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem)); font-weight: var(--u-field-label-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400))); font-size: var(--u-field-label-font-size, var(--u-body-s-font-size, 0.75rem)); } .label { display: block; position: absolute; inset-inline-start: var(--_field-control-leading-padding); margin-bottom: 0; line-height: var(--_label-line-height); color: var(--u-field-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); transition: inset 200ms, font-size 200ms; } .input-wrapper { display: flex; align-items: center; flex: 1; padding-block: var(--_vertical-padding); padding-inline: var(--_field-control-inline-padding); min-height: var(--_field-min-height); transition: opacity 150ms; } .input { color: var(--u-field-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32))); flex: 1; } .input:focus { outline: 0; } .input textarea, .input select, .input input, .input ::slotted(*) { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-field-control-line-height, var(--u-body-l-line-height, 1.5rem)); font-size: var(--u-field-control-font-size, var(--u-body-l-font-size, 1rem)); letter-spacing: var(--u-field-control-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem)); font-weight: var(--u-field-control-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400))); display: block; width: 100%; color: var(--u-field-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32))); min-height: var(--_control-line-height); line-height: var(--_control-line-height); padding: 0; margin: 0; appearance: none; background: transparent; border: none; outline: 0 !important; caret-color: var(--_color-primary); } .input, .input textarea::placeholder, .input input::placeholder, .input ::slotted(select), .input ::slotted(:is(input, textarea))::placeholder { transition: color 150ms 100ms; } .input textarea::placeholder, .input input::placeholder, .input ::slotted(:is(input, textarea))::placeholder { color: var(--_field-placeholder-color); } .supporting-text { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-field-supporting-text-line-height, var(--u-body-s-line-height, 1rem)); font-size: var(--u-field-supporting-text-font-size, var(--u-body-s-font-size, 0.75rem)); letter-spacing: var(--u-field-supporting-text-letter-spacing, var(--u-body-s-letter-spacing, 0.0333333333rem)); font-weight: var(--u-field-supporting-text-font-weight, var(--u-body-s-font-weight, var(--u-font-weight-regular, 400))); display: flex; color: var(--u-field-supporting-text, var(--u-color-on-surface-variant, rgb(73, 69, 79))); padding-inline: 16px; gap: 16px; } .supporting-text div:empty { display: none; } .supporting-text div, .supporting-text ::slotted(*) { display: inline-block; margin-top: 4px; } .error-text { display: none; } .counter div, .counter::slotted(*) { margin-inline-start: auto; } :host([has-leading-icon]) { --_field-control-leading-padding: calc(var(--_icon-padding) + var(--_icon-size) + var(--_field-control-inline-padding)) ; } :host(:not([has-leading-icon])) .leading-icon { display: none; } :host(:not([has-trailing-icon])) .container:has(slot[name=trailing-icon] span:empty) .trailing-icon { display: none; } :host(:focus-within) { --_border-width: var(--u-text-field-focus-border-width, 2px); --_border-color: var(--u-field-focused-border-color, var(--_color-primary)); } :host(:focus-within) .label { color: var(--u-field-label-focused-color, var(--_color-primary)); } :host([invalid]) { --_border-color: var(--u-field-error-border-color, var(--_color-error)); } :host([invalid]) .label { color: var(--u-field-label-error-color, var(--_color-error)); } :host([invalid]) .supporting-text { color: var(--u-field-supporting-text-error-color, var(--_color-error)); } :host([invalid]) .trailing-icon { color: var(--u-field-trailing-icon-error-color, var(--_color-error)); } :host([invalid]) .leading-icon { color: var(--u-field-leading-icon-error-color, var(--_icon-color)); } :host([invalid]) .supporting-text:has(.error-text div:not(:empty)) .error-text, :host([invalid][has-error-text]) .error-text { display: contents; } :host([invalid]) .supporting-text:has(.error-text div:not(:empty)) slot[name=supporting-text], :host([invalid][has-error-text]) slot[name=supporting-text] { display: none; } .container.filled { border-radius: var(--u-field-filled-border-radius, 4px 4px 0 0); background-color: var(--u-color-surface-container-highest, rgb(230, 224, 233)); } .container.filled::after { border-bottom-style: solid; } .container.filled:not(.no-label) .input-wrapper { padding-top: calc(var(--_vertical-padding) + var(--_label-line-height)); padding-bottom: var(--_vertical-padding); } .container.filled .label { top: var(--_vertical-padding); } .container.filled .input ::slotted(:is(input, textarea, select, button)) { display: block; } .container.outlined .label { top: calc(var(--_label-line-height) / -2); } .container.outlined:focus-within .label, :host(:not([empty])) .container.outlined .label { inset-inline-start: calc(var(--_outlined-label-margin) + var(--_outlined-label-padding)); } :host([empty]) ::slotted(select) { color: var(--_field-placeholder-color); } :host([empty]:not(:focus-within)) .label { font-size: var(--u-field-label-font-size, var(--u-body-l-font-size, 1rem)); pointer-events: none; top: calc(var(--_field-min-height) / 2 - var(--_label-line-height) / 2); } :host([empty]:not(:focus-within)) .container:not(.no-label) .input-wrapper, :host([empty]:not(:focus-within)) .container:not(.no-label) .input, :host([empty]:not(:focus-within)) .container:not(.no-label) .input input::placeholder, :host([empty]:not(:focus-within)) .container:not(.no-label) .input textarea::placeholder, :host([empty]:not(:focus-within)) .container:not(.no-label) ::slotted(:is(input, textarea))::placeholder, :host([empty]:not(:focus-within)) .container:not(.no-label) ::slotted(select) { color: transparent; transition: color 150ms; } :host([disabled]) { --_border-color: var(--u-field-disabled-border-color, var(--_disabled-color)); } :host([disabled]) .container .filled { background-color: var(--u-filled-field-disabled-bg-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-filled-field-background-disabled-opacity, 4%), transparent)); } :host([disabled]) .supporting-text { color: var(--u-field-supporting-text-disabled-color, var(--_disabled-color)); } :host([disabled]) .label { color: var(--u-field-label-disabled-color, var(--_disabled-color)); } :host([disabled]) .input, :host([disabled]) .input select, :host([disabled]) .input select::placeholder, :host([disabled]) .input textarea, :host([disabled]) .input textarea::placeholder, :host([disabled]) .input input, :host([disabled]) .input input::placeholder, :host([disabled]) .input ::slotted(*), :host([disabled]) .input ::slotted(:is(input, textarea))::placeholder { color: var(--u-field-input-disabled-color, var(--_disabled-color)); } :host([disabled]) .trailing-icon { color: var(--u-field-trailing-icon-disabled-color, var(--_disabled-color)); } :host([disabled]) .leading-icon { color: var(--u-field-leading-icon-disabled-color, var(--_disabled-color)); } .outline { position: absolute; inset: 0; display: flex; border-radius: var(--u-outlined-field-shape-corder, var(--u-shape-corner-small, 8px)); pointer-events: none; } .outline-start, .outline-end { border: var(--_border-width) solid var(--_border-color); border-radius: inherit; flex-basis: var(--_outlined-label-margin); } .outline-start { border-start-end-radius: 0; border-end-end-radius: 0; border-inline-end: none; } .outline-end { flex: 1; border-start-start-radius: 0; border-end-start-radius: 0; border-inline-start: none; } .outline-notch { min-width: 0; border-bottom: var(--_border-width) solid var(--_border-color); } .outline-notch-label { position: relative; color: transparent; padding-inline: var(--_outlined-label-padding); user-select: none; } .outline-notch-label::before, .outline-notch-label::after { content: \"\"; position: absolute; border-top: var(--_border-width) solid var(--_border-color); width: 50%; transition: width 100ms; } .outline-notch-label::before { left: 0; } .outline-notch-label::after { right: 0; } .container:not(.no-label):focus-within .outline-notch-label::before, .container:not(.no-label):focus-within .outline-notch-label::after, :host(:not([empty])) .container:not(.no-label) .outline-notch-label::before, :host(:not([empty])) .container:not(.no-label) .outline-notch-label::after { width: 0; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/field/field-base.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/field/field-base.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmFieldBase", "members": [ { "kind": "field", "name": "config", "type": { "text": "UmFieldDefaults | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "attribute": "variant" }, { "kind": "field", "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "attribute": "label" }, { "kind": "field", "name": "_innerCounter", "type": { "text": "string | undefined" }, "privacy": "protected" }, { "kind": "field", "name": "counter", "type": { "text": "string | undefined" }, "attribute": "counter" }, { "kind": "field", "name": "hideCounter", "type": { "text": "boolean" }, "default": "false", "attribute": "hide-counter" }, { "kind": "field", "name": "supportingText", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "attribute": "supporting-text" }, { "kind": "field", "name": "errorText", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "attribute": "error-text" }, { "kind": "field", "name": "empty", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "attribute": "empty", "reflects": true }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "attribute": "invalid", "reflects": true }, { "kind": "method", "name": "setDefaults", "static": true, "return": { "type": { "text": "ContextProvider>" } }, "parameters": [ { "name": "contextRoot", "type": { "text": "HTMLElement" } }, { "name": "config", "type": { "text": "UmFieldDefaults" } } ] }, { "kind": "field", "name": "hasLeadingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "attribute": "has-leading-icon", "reflects": true }, { "kind": "field", "name": "hasTrailingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "attribute": "has-trailing-icon", "reflects": true }, { "kind": "field", "name": "hasErrorText", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "attribute": "has-error-text", "reflects": true }, { "kind": "field", "name": "assignedLeadingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true }, { "kind": "field", "name": "assignedTrailingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true }, { "kind": "field", "name": "assignedErrorTexts", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_labelElement", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_container", "type": { "text": "HTMLElement" }, "privacy": "protected" }, { "kind": "method", "name": "renderControl", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } } }, { "kind": "method", "name": "renderAfterContent", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } } }, { "kind": "method", "name": "handleLeadingIconSlotChange", "privacy": "private" }, { "kind": "method", "name": "handleTrailingIconSlotChange", "privacy": "private" }, { "kind": "method", "name": "handleErrorTextSlotChange", "privacy": "private" }, { "kind": "method", "name": "renderDefaultTrailingIcon", "privacy": "protected", "return": { "type": { "text": "TemplateResult | typeof nothing" } } } ], "attributes": [ { "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "fieldName": "variant" }, { "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "fieldName": "label" }, { "name": "counter", "type": { "text": "string | undefined" }, "fieldName": "counter" }, { "name": "hide-counter", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideCounter" }, { "name": "supporting-text", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "fieldName": "supportingText" }, { "name": "error-text", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "fieldName": "errorText" }, { "name": "empty", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "fieldName": "empty" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "fieldName": "invalid" }, { "name": "has-leading-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "fieldName": "hasLeadingIcon" }, { "name": "has-trailing-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "fieldName": "hasTrailingIcon" }, { "name": "has-error-text", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "fieldName": "hasErrorText" } ], "superclass": { "name": "LitElement", "package": "lit" }, "customElement": true } ], "exports": [ { "kind": "js", "name": "UmFieldBase", "declaration": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ] }, { "kind": "javascript-module", "path": "src/field/field-defaults-context.ts", "declarations": [ { "kind": "variable", "name": "fieldDefaultsContext" } ], "exports": [ { "kind": "js", "name": "fieldDefaultsContext", "declaration": { "name": "fieldDefaultsContext", "module": "src/field/field-defaults-context.ts" } } ] }, { "kind": "javascript-module", "path": "src/field/field-defaults.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/field/field-variant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/field/field.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmField", "members": [ { "kind": "field", "name": "autoEmpty", "type": { "text": "boolean" }, "default": "false", "attribute": "autoEmpty" }, { "kind": "field", "name": "control", "type": { "text": "HTMLInputElement | null" }, "privacy": "private", "default": "null" }, { "kind": "field", "name": "handleControlInput", "privacy": "private", "readonly": true }, { "kind": "method", "name": "renderControl", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "config", "type": { "text": "UmFieldDefaults | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "attribute": "variant", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "attribute": "label", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_innerCounter", "type": { "text": "string | undefined" }, "privacy": "protected", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "counter", "type": { "text": "string | undefined" }, "attribute": "counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hideCounter", "type": { "text": "boolean" }, "default": "false", "attribute": "hide-counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "supportingText", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "attribute": "supporting-text", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "errorText", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "attribute": "error-text", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "empty", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "attribute": "empty", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "attribute": "invalid", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "setDefaults", "static": true, "return": { "type": { "text": "ContextProvider>" } }, "parameters": [ { "name": "contextRoot", "type": { "text": "HTMLElement" } }, { "name": "config", "type": { "text": "UmFieldDefaults" } } ], "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasLeadingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "attribute": "has-leading-icon", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasTrailingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "attribute": "has-trailing-icon", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasErrorText", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "attribute": "has-error-text", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedLeadingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedTrailingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedErrorTexts", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_labelElement", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_container", "type": { "text": "HTMLElement" }, "privacy": "protected", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderAfterContent", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleLeadingIconSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleTrailingIconSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleErrorTextSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderDefaultTrailingIcon", "privacy": "protected", "return": { "type": { "text": "TemplateResult | typeof nothing" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ], "attributes": [ { "name": "autoEmpty", "type": { "text": "boolean" }, "default": "false", "fieldName": "autoEmpty" }, { "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "fieldName": "variant", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "fieldName": "label", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "counter", "type": { "text": "string | undefined" }, "fieldName": "counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "hide-counter", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideCounter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "supporting-text", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "fieldName": "supportingText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "error-text", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "fieldName": "errorText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "empty", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "fieldName": "empty", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "fieldName": "invalid", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-leading-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "fieldName": "hasLeadingIcon", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-trailing-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "fieldName": "hasTrailingIcon", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-error-text", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "fieldName": "hasErrorText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ], "superclass": { "name": "UmFieldBase", "module": "/src/field/field-base.js" }, "tagName": "u-field", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmField", "declaration": { "name": "UmField", "module": "src/field/field.ts" } }, { "kind": "custom-element-definition", "name": "u-field", "declaration": { "name": "UmField", "module": "src/field/field.ts" } } ] }, { "kind": "javascript-module", "path": "src/icon/icon.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --_container-size: var(--u-icon-container-size, 40px); display: inline-flex; align-items: center; justify-content: center; width: var(--_container-size); height: var(--_container-size); font-size: var(--u-icon-size, 24px); } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/icon/icon.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/icon/icon.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmIcon", "members": [], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-icon", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmIcon", "declaration": { "name": "UmIcon", "module": "src/icon/icon.ts" } }, { "kind": "custom-element-definition", "name": "u-icon", "declaration": { "name": "UmIcon", "module": "src/icon/icon.ts" } } ] }, { "kind": "javascript-module", "path": "src/elevation/elevation.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --_level: var(--u-elevation-level, 0); --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0)); -webkit-tap-highlight-color: transparent; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; } :host::before, :host::after { content: \"\"; position: absolute; inset: 0; border-radius: inherit; transition: box-shadow 150ms ease-in-out; } :host::before { box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color); opacity: 0.3; } :host::after { box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color); opacity: 0.15; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/elevation/elevation.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/elevation/elevation.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmElevation", "members": [], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-elevation", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmElevation", "declaration": { "name": "UmElevation", "module": "src/elevation/elevation.ts" } }, { "kind": "custom-element-definition", "name": "u-elevation", "declaration": { "name": "UmElevation", "module": "src/elevation/elevation.ts" } } ] }, { "kind": "javascript-module", "path": "src/list/list-item.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { display: block; } * { box-sizing: border-box; } .container { position: relative; display: flex; align-items: center; min-height: var(--u-list-item-min-height, 56px); padding-block: var(--u-list-item-block-padding, 8px); padding-inline: var(--u-list-item-inline-padding, 16px); gap: var(--u-list-item-gap, 16px); } .selectable { cursor: pointer; } slot:not([name]) { display: block; margin-inline-end: auto; } slot { flex-shrink: 0; } .content { flex: 1; min-width: 0; } .headline { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-list-item-headline-line-height, var(--u-body-l-line-height, 1.5rem)); font-size: var(--u-list-item-headline-font-size, var(--u-body-l-font-size, 1rem)); letter-spacing: var(--u-list-item-headline-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem)); font-weight: var(--u-list-item-headline-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400))); } .supporting-text { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-list-item-supporting-text-line-height, var(--u-body-m-line-height, 1.25rem)); font-size: var(--u-list-item-supporting-text-font-size, var(--u-body-m-font-size, 0.875rem)); letter-spacing: var(--u-list-item-supporting-text-letter-spacing, var(--u-body-m-letter-spacing, 0.0178571429rem)); font-weight: var(--u-list-item-supporting-text-font-weight, var(--u-body-m-font-weight, var(--u-font-weight-regular, 400))); color: var(--u-list-item-supporting-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/list/list-item.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/list/list-item.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmListItem", "members": [ { "kind": "field", "name": "selectable", "type": { "text": "boolean" }, "default": "false", "attribute": "selectable", "reflects": true } ], "attributes": [ { "name": "selectable", "type": { "text": "boolean" }, "default": "false", "fieldName": "selectable" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-list-item", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmListItem", "declaration": { "name": "UmListItem", "module": "src/list/list-item.ts" } }, { "kind": "custom-element-definition", "name": "u-list-item", "declaration": { "name": "UmListItem", "module": "src/list/list-item.ts" } } ] }, { "kind": "javascript-module", "path": "src/list/list.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { display: block; padding-block: var(--u-list-padding, 8px); } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/list/list.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/list/list.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmList", "members": [], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-list", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmList", "declaration": { "name": "UmList", "module": "src/list/list.ts" } }, { "kind": "custom-element-definition", "name": "u-list", "declaration": { "name": "UmList", "module": "src/list/list.ts" } } ] }, { "kind": "javascript-module", "path": "src/menu/menu-item.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { display: block; --_menu-item-icon-size: var(--u-menu-item-icon-size, 1.5rem); --_menu-item-padding: var(--u-menu-item-padding, 12px); --u-focus-ring-outline-offset: -4px; } .container { height: var(--u-menu-item-height, 56px); padding-inline: var(--_menu-item-padding); color: var(--u-menu-item-label-color, var(--u-color-on-surface, rgb(29, 27, 32))); font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-menu-item-label-line-height, var(--u-label-l-line-height, 1.25rem)); font-size: var(--u-menu-item-label-font-size, var(--u-label-l-font-size, 0.875rem)); letter-spacing: var(--u-menu-item-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem)); font-weight: var(--u-menu-item-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500))); } .container:not(.leading-icon) .leading { display: none; } .container:not(.trailing-icon) .trailing:has(slot[name=trailing-icon] span:empty) { display: none; } .icon { display: flex; align-items: center; justify-content: center; width: var(--_menu-item-icon-size); height: var(--_menu-item-icon-size); font-size: var(--_menu-item-icon-size); color: var(--u-menu-item-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } .content { justify-content: flex-start; gap: var(--u-menu-item-icon-margin, 12px); } .force-focus-ring .button, .button:focus-visible { border-radius: var(--u-spacing-small, 8px); } .label { flex: 1; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/menu/menu-item.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/menu/menu-item.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmMenuItem", "members": [ { "kind": "field", "name": "active", "type": { "text": "boolean" }, "default": "false", "attribute": "active", "reflects": true }, { "kind": "field", "name": "_hasLeadingIcon", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_hasTrailingIcon", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "hasBadge", "type": { "text": "boolean" }, "default": "false", "attribute": "has-badge", "reflects": true }, { "kind": "field", "name": "innerRole", "type": { "text": "string | null" }, "privacy": "protected", "default": "'menuitem'", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "#handleMouseEnter", "privacy": "private", "readonly": true }, { "kind": "method", "name": "_getContainerClasses", "privacy": "protected", "return": { "type": { "text": "Record" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_renderContent", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_renderDefaultTrailingIcon", "privacy": "protected", "return": { "type": { "text": "TemplateResult | typeof nothing" } } }, { "kind": "method", "name": "#handleLeadingIconSlotChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleTrailingIconSlotChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "default": "true", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "attribute": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "attribute": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "attribute": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "buttonElement", "type": { "text": "HTMLElement" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "_ripple", "type": { "text": "UmRipple" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "pathname", "type": { "text": "string" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderButton", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderLink", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "focus", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "blur", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "getAriaLabel", "privacy": "protected", "return": { "type": { "text": "string | null" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerFocusHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerClickHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "_", "type": { "text": "UIEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "attributes": [ { "name": "active", "type": { "text": "boolean" }, "default": "false", "fieldName": "active" }, { "name": "has-badge", "type": { "text": "boolean" }, "default": "false", "fieldName": "hasBadge" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "fieldName": "disabled", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "fieldName": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "fieldName": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "name", "type": { "text": "string | undefined" }, "fieldName": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "superclass": { "name": "UmButtonWrapper", "module": "/src/shared/button-wrapper.js" }, "tagName": "u-menu-item", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmMenuItem", "declaration": { "name": "UmMenuItem", "module": "src/menu/menu-item.ts" } }, { "kind": "custom-element-definition", "name": "u-menu-item", "declaration": { "name": "UmMenuItem", "module": "src/menu/menu-item.ts" } } ] }, { "kind": "javascript-module", "path": "src/menu/menu.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --u-elevation-level: var(--u-menu-elevation-level, 2); display: block; width: 0; z-index: var(--u-menu-z-index, 1020); } :host([positioning=relative]) { position: relative; } :host([positioning=fixed]) { position: fixed; } .ref { position: absolute; inset-inline-start: 0; pointer-events: none; } .content { width: 100%; padding-block: var(--u-menu-padding, 8px); opacity: 0; transition: opacity 1ms 400ms; scroll-padding-block: 32px; overflow: auto; } .menu { position: absolute; display: flex; min-width: var(--u-menu-min-width, 112px); max-width: var(--u-menu-max-width, 280px); background: var(--u-menu-bg-color, var(--u-color-surface-container, rgb(243, 237, 247))); border-radius: var(--u-menu-shape-corner, var(--u-shape-corner-extra-small, 4px)); opacity: 0; transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 350ms; transform: scale3d(1, 0, 0); transform-origin: top; } .menu.up { transform-origin: bottom; } .menu.open { opacity: 1; transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1), opacity 250ms; transform: scale3d(1, 1, 1); } .menu.open .content { opacity: 1; transition: opacity 300ms 150ms; } @keyframes menu-open { from { opacity: 0; transform: scale3d(1, 0, 0); } to { opacity: 1; transform: scale3d(1, 1, 1); } } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/menu/menu.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/menu/menu.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmMenu", "members": [ { "kind": "field", "name": "#open", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#preInitOpen", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "autoclose", "type": { "text": "boolean | 'outside'" }, "default": "true", "attribute": "autoclose" }, { "kind": "field", "name": "open", "type": { "text": "boolean" }, "description": "Opens the menu and makes it visible. Alternative to the `.show()`, `.close()` and `.toggle()` methods", "attribute": "open", "reflects": true }, { "kind": "method", "name": "#show", "privacy": "private" }, { "kind": "method", "name": "#hide", "privacy": "private" }, { "kind": "field", "name": "positioning", "type": { "text": "'relative' | 'fixed'" }, "default": "'relative'", "attribute": "positioning", "reflects": true }, { "kind": "field", "name": "manualFocus", "type": { "text": "boolean" }, "default": "false", "attribute": "manualFocus" }, { "kind": "field", "name": "anchorCorner", "type": { "text": "'auto-start' | 'auto-end' | 'start-start' | 'start-end' | 'end-start' | 'end-end'" }, "default": "'end-start'", "description": "The corner of the anchor which to align the menu in the standard logical\nproperty style of - e.g. `'end-start'`.", "attribute": "anchor-corner", "reflects": true }, { "kind": "field", "name": "direction", "type": { "text": "'up-start' | 'up-end' | 'down-start' | 'down-end'" }, "default": "'down-end'", "description": "The direction of the menu. e.g. `'down-end'`.\n\nNOTE: This value may not be respected by the menu positioning algorithm\nif the menu would render outside the viewport.", "attribute": "direction", "reflects": true }, { "kind": "field", "name": "allowOverflow", "type": { "text": "boolean" }, "default": "false", "description": "Don't limit the height of the menu", "attribute": "allow-overflow", "reflects": true }, { "kind": "field", "name": "menu", "type": { "text": "HTMLElement" } }, { "kind": "field", "name": "ref", "type": { "text": "HTMLElement" } }, { "kind": "field", "name": "scrollContainer", "type": { "text": "HTMLElement" }, "readonly": true }, { "kind": "field", "name": "#onOpened", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#onClosed", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#anchorElement", "privacy": "private", "type": { "text": "HTMLElement | null | undefined" } }, { "kind": "field", "name": "anchorElement", "type": { "text": "HTMLElement | null | undefined" } }, { "kind": "field", "name": "toggle" }, { "kind": "method", "name": "show", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "close" }, { "kind": "field", "name": "#clickClose", "privacy": "private", "readonly": true }, { "kind": "method", "name": "#setInitOpen", "privacy": "private" }, { "kind": "field", "name": "#handleMenuClick", "privacy": "private", "readonly": true }, { "kind": "method", "name": "calcDropdownPositioning", "privacy": "private" }, { "kind": "method", "name": "#resetMenu", "privacy": "private" }, { "kind": "method", "name": "#setToOpenUpOrDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "menuPosition", "type": { "text": "MenuPosition" } }, { "name": "menuSize", "type": { "text": "MenuSize" } } ] }, { "kind": "method", "name": "#openBlockAuto", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "menuPosition", "type": { "text": "MenuPosition" } }, { "name": "menuSize", "type": { "text": "MenuSize" } } ] }, { "kind": "method", "name": "#tryOpenUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "side", "type": { "text": "AnchorCornerBlockSide" } }, { "name": "menuSize", "type": { "text": "MenuSize" } } ] }, { "kind": "method", "name": "#tryOpenDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "side", "type": { "text": "AnchorCornerBlockSide" } }, { "name": "menuSize", "type": { "text": "MenuSize" } } ] }, { "kind": "method", "name": "#openToLargestBlockSide", "privacy": "private", "parameters": [ { "name": "side", "type": { "text": "AnchorCornerBlockSide" } } ] }, { "kind": "method", "name": "#setToOpenToStartOrEnd", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "menuPosition", "type": { "text": "MenuPosition" } }, { "name": "menuSize", "type": { "text": "MenuSize" } } ] }, { "kind": "method", "name": "#tryOpenLeft", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "side", "type": { "text": "AnchorCornerInlineSide" } }, { "name": "menuSize", "type": { "text": "MenuSize" } } ] }, { "kind": "method", "name": "#tryOpenRight", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "side", "type": { "text": "AnchorCornerInlineSide" } }, { "name": "menuSize", "type": { "text": "MenuSize" } } ] }, { "kind": "method", "name": "#openToLargestInlineSide", "privacy": "private", "parameters": [ { "name": "side", "type": { "text": "AnchorCornerInlineSide" } } ] }, { "kind": "method", "name": "#openUp", "privacy": "private", "parameters": [ { "name": "side", "type": { "text": "AnchorCornerBlockSide" } } ] }, { "kind": "method", "name": "#openDown", "privacy": "private", "parameters": [ { "name": "side", "type": { "text": "AnchorCornerBlockSide" } } ] }, { "kind": "method", "name": "getMenuPosition", "privacy": "private", "return": { "type": { "text": "MenuPosition" } } }, { "kind": "method", "name": "getMenuSize", "privacy": "private", "return": { "type": { "text": "MenuSize" } } } ], "attributes": [ { "name": "autoclose", "type": { "text": "boolean | 'outside'" }, "default": "true", "fieldName": "autoclose" }, { "name": "open", "type": { "text": "boolean" }, "description": "Opens the menu and makes it visible. Alternative to the `.show()`, `.close()` and `.toggle()` methods", "fieldName": "open" }, { "name": "positioning", "type": { "text": "'relative' | 'fixed'" }, "default": "'relative'", "fieldName": "positioning" }, { "name": "manualFocus", "type": { "text": "boolean" }, "default": "false", "fieldName": "manualFocus" }, { "name": "anchor-corner", "type": { "text": "'auto-start' | 'auto-end' | 'start-start' | 'start-end' | 'end-start' | 'end-end'" }, "default": "'end-start'", "description": "The corner of the anchor which to align the menu in the standard logical\nproperty style of - e.g. `'end-start'`.", "fieldName": "anchorCorner" }, { "name": "direction", "type": { "text": "'up-start' | 'up-end' | 'down-start' | 'down-end'" }, "default": "'down-end'", "description": "The direction of the menu. e.g. `'down-end'`.\n\nNOTE: This value may not be respected by the menu positioning algorithm\nif the menu would render outside the viewport.", "fieldName": "direction" }, { "name": "allow-overflow", "type": { "text": "boolean" }, "default": "false", "description": "Don't limit the height of the menu", "fieldName": "allowOverflow" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-menu", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmMenu", "declaration": { "name": "UmMenu", "module": "src/menu/menu.ts" } }, { "kind": "custom-element-definition", "name": "u-menu", "declaration": { "name": "UmMenu", "module": "src/menu/menu.ts" } } ] }, { "kind": "javascript-module", "path": "src/overflow-menu/overflow-menu-item.ts", "declarations": [ { "kind": "class", "description": "", "name": "OverflowMenuItem", "members": [ { "kind": "field", "name": "#label", "privacy": "private", "type": { "text": "string" }, "default": "''" }, { "kind": "field", "name": "#mutationObserver", "privacy": "private", "readonly": true, "default": "new MutationObserver(() => this.#parent?._renderMenuItems())" }, { "kind": "field", "name": "#parent", "privacy": "private", "type": { "text": "OverflowMenu | null" }, "readonly": true }, { "kind": "field", "name": "label", "attribute": "label" }, { "kind": "field", "name": "collapse", "type": { "text": "'auto' | 'always'" }, "default": "'auto'", "attribute": "collapse", "reflects": true }, { "kind": "field", "name": "icons", "type": { "text": "HTMLElement[]" } } ], "attributes": [ { "name": "label", "fieldName": "label" }, { "name": "collapse", "type": { "text": "'auto' | 'always'" }, "default": "'auto'", "fieldName": "collapse" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-overflow-menu-item", "customElement": true } ], "exports": [ { "kind": "js", "name": "OverflowMenuItem", "declaration": { "name": "OverflowMenuItem", "module": "src/overflow-menu/overflow-menu-item.ts" } }, { "kind": "custom-element-definition", "name": "u-overflow-menu-item", "declaration": { "name": "OverflowMenuItem", "module": "src/overflow-menu/overflow-menu-item.ts" } } ] }, { "kind": "javascript-module", "path": "src/overflow-menu/overflow-menu.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --_gap: var(--u-overflow-menu-items-gap, 8px); --_items-height: var(--u-icon-button-small-height, 40px); display: block; } .empty-space { height: var(--_items-height); } .items-set { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: var(--_gap); max-height: var(--_items-height); overflow: hidden; } .container { display: grid; grid-template-columns: 1fr auto; margin-inline-start: calc(var(--_gap) * -1); } .container.show-menu { gap: var(--_gap); } .inner-menu { position: relative; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/overflow-menu/overflow-menu.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/overflow-menu/overflow-menu.ts", "declarations": [ { "kind": "class", "description": "", "name": "OverflowMenu", "members": [ { "kind": "field", "name": "#resizeObserver", "privacy": "private", "type": { "text": "ResizeObserver" }, "readonly": true, "default": "new ResizeObserver(() => this.#invalidate())" }, { "kind": "field", "name": "#items", "privacy": "private", "type": { "text": "OverflowMenuItem[]" }, "default": "[]" }, { "kind": "field", "name": "#collapsedItems", "privacy": "private", "type": { "text": "OverflowMenuItem[]" }, "readonly": true, "default": "[]" }, { "kind": "field", "name": "_renderMenu", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "menu", "type": { "text": "UmMenu | undefined" } }, { "kind": "field", "name": "#anchor", "privacy": "private", "type": { "text": "HTMLElement | null" }, "default": "null" }, { "kind": "field", "name": "anchor", "type": { "text": "HTMLElement | null" }, "attribute": "anchor" }, { "kind": "field", "name": "#menuItemsContainer", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#updateMenusTimeout", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "method", "name": "#invalidate", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updateMenuToggleVisibility", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updateMenuItems", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#isNotCollapsedMenuItem", "privacy": "private", "parameters": [ { "name": "item", "type": { "text": "OverflowMenuItem" } } ] }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "_renderMenuItems" }, { "kind": "field", "name": "slot", "type": { "text": "string" }, "default": "'menu-items'" } ], "attributes": [ { "name": "anchor", "type": { "text": "HTMLElement | null" }, "fieldName": "anchor" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-overflow-menu", "customElement": true } ], "exports": [ { "kind": "js", "name": "OverflowMenu", "declaration": { "name": "OverflowMenu", "module": "src/overflow-menu/overflow-menu.ts" } }, { "kind": "custom-element-definition", "name": "u-overflow-menu", "declaration": { "name": "OverflowMenu", "module": "src/overflow-menu/overflow-menu.ts" } } ] }, { "kind": "javascript-module", "path": "src/navigation/drawer-headline.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` .container { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-drawer-headline-line-height, var(--u-title-s-line-height, 1.25rem)); font-size: var(--u-drawer-headline-font-size, var(--u-title-s-font-size, 0.875rem)); letter-spacing: var(--u-drawer-headline-letter-spacing, var(--u-title-s-letter-spacing, 0.0071428571rem)); font-weight: var(--u-drawer-headline-font-weight, var(--u-title-s-font-weight, var(--u-font-weight-medium, 500))); color: var(--u-drawer-headline-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); margin-block: var(--u-drawer-headline-margin-block, 16px 24px); } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/navigation/drawer-headline.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/navigation/drawer-headline.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmDrawerHeadline", "members": [], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-drawer-headline", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmDrawerHeadline", "declaration": { "name": "UmDrawerHeadline", "module": "src/navigation/drawer-headline.ts" } }, { "kind": "custom-element-definition", "name": "u-drawer-headline", "declaration": { "name": "UmDrawerHeadline", "module": "src/navigation/drawer-headline.ts" } } ] }, { "kind": "javascript-module", "path": "src/navigation/drawer-item.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { display: block; --_drawer-item-icon-size: var(--u-drawer-item-icon-size, 1.5rem); --_drawer-item-padding: var(--u-drawer-item-padding, 16px); } .container { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-drawer-item-line-height, var(--u-label-l-line-height, 1.25rem)); font-size: var(--u-drawer-item-font-size, var(--u-label-l-font-size, 0.875rem)); letter-spacing: var(--u-drawer-item-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem)); font-weight: var(--u-drawer-item-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500))); height: var(--u-drawer-item-height, 56px); padding-inline: var(--_drawer-item-padding); margin-inline: calc(var(--_drawer-item-padding) * -1); border-radius: var(--u-drawer-item-shape-corner, var(--u-shape-corner-full, 9999px)); color: var(--u-drawer-item-label-inactive-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } .container:not(.has-icon) .icon, .container:not(.has-badge) .badge { display: none; } :host(.active) .container, :host([active]) .container { background-color: var(--u-drawer-item-label-active-color, var(--u-color-secondary-container, rgb(232, 222, 248))); color: var(--u-drawer-item-label-active-color, var(--u-color-on-secondary-container, rgb(29, 25, 43))); } .icon { display: flex; width: 1em; height: 1em; align-items: center; justify-content: center; font-size: var(--_drawer-item-icon-size); line-height: 1em; margin-inline-end: var(--u-drawer-item-icon-margin, 16px); } .badge { display: flex; justify-content: center; align-items: center; margin-inline-start: auto; padding-inline: var(--u-drawer-item-badge-padding, 12px 8px); } .content { justify-content: flex-start; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/navigation/drawer-item.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/navigation/drawer-item.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmDrawerItem", "members": [ { "kind": "field", "name": "_hasIcon", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "_hasBadge", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "active", "type": { "text": "boolean" }, "default": "false", "description": "Whether the drawer item is active or not\n\n_Note:_ Readonly", "attribute": "active", "reflects": true }, { "kind": "field", "name": "keepDrawerOpen", "type": { "text": "boolean" }, "default": "false", "description": "If true, it will not attempt to close de navigation drawer on click", "attribute": "keep-drawer-open", "reflects": true }, { "kind": "field", "name": "assignedIcons", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "assignedBadges", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true }, { "kind": "method", "name": "_getContainerClasses", "privacy": "protected", "return": { "type": { "text": "Record" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_renderContent", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "handleIconSlotChange", "privacy": "private" }, { "kind": "method", "name": "handleBadgeSlotChange", "privacy": "private" }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "_", "type": { "text": "UIEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "default": "true", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "attribute": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "attribute": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "attribute": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "buttonElement", "type": { "text": "HTMLElement" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "_ripple", "type": { "text": "UmRipple" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "innerRole", "type": { "text": "string | null" }, "privacy": "protected", "default": "null", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "pathname", "type": { "text": "string" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderButton", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderLink", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "focus", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "blur", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "getAriaLabel", "privacy": "protected", "return": { "type": { "text": "string | null" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerFocusHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerClickHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "attributes": [ { "name": "active", "type": { "text": "boolean" }, "default": "false", "description": "Whether the drawer item is active or not\n\n_Note:_ Readonly", "fieldName": "active" }, { "name": "keep-drawer-open", "type": { "text": "boolean" }, "default": "false", "description": "If true, it will not attempt to close de navigation drawer on click", "fieldName": "keepDrawerOpen" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "fieldName": "disabled", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "fieldName": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "fieldName": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "name", "type": { "text": "string | undefined" }, "fieldName": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "superclass": { "name": "UmButtonWrapper", "module": "/src/shared/button-wrapper.js" }, "tagName": "u-drawer-item", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmDrawerItem", "declaration": { "name": "UmDrawerItem", "module": "src/navigation/drawer-item.ts" } }, { "kind": "custom-element-definition", "name": "u-drawer-item", "declaration": { "name": "UmDrawerItem", "module": "src/navigation/drawer-item.ts" } } ] }, { "kind": "javascript-module", "path": "src/navigation/drawer.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { display: block; height: 100vh; } .container { background-color: var(--u-modal-drawer-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250))); color: var(--u-drawer-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43))); height: 100%; overflow: auto; padding: var(--u-drawer-padding, var(--u-drawer-padding-block, 16px) var(--u-drawer-padding-inline, 28px)); } @media (min-width: 1200px) { .container { background-color: var(--u-standard-drawer-bg-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255)))); } } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/navigation/drawer.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/navigation/drawer.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmDrawer", "members": [], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-drawer", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmDrawer", "declaration": { "name": "UmDrawer", "module": "src/navigation/drawer.ts" } }, { "kind": "custom-element-definition", "name": "u-drawer", "declaration": { "name": "UmDrawer", "module": "src/navigation/drawer.ts" } } ] }, { "kind": "javascript-module", "path": "src/navigation/side-navigation-swiper.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --_navigation-width: 0; --_navigation-drawer-width: min(var(--u-navigation-drawer-width, 360px), 85vw); --_navigation-drawer-width-negative: calc(var(--_navigation-drawer-width) * -1); --_navigation-drawer-corner-shape: var(--u-navigation-drawer-corner-shape, var(--u-shape-corner-large, 16px)); --_scrim-opacity: var(--u-drawer-scrim-opacity, .4); display: block; width: 100%; height: 100%; --u-app-bar-offset: var(--_navigation-width); } :host(.disable-transition) * { transition: none !important; } :host(.disable-transition) * ::slotted(u-top-app-bar) { transition: none !important; } .drawer { transition: inset 375ms cubic-bezier(0.19, 1, 0.22, 1); } .drawer, .drawer u-elevation, .drawer .drawer-container { border-start-end-radius: var(--_navigation-drawer-corner-shape); border-end-end-radius: var(--_navigation-drawer-corner-shape); } .drawer.toggle u-elevation { --u-elevation-level: 1; } .drawer-container { height: 100%; overflow: hidden; } .scrim { --_modal-drawer-open-progress: 0; position: absolute; inset-inline-start: 0; inset-block-start: 0; width: 100vw; height: 100vh; background: var(--u-drawer-scrim-color, var(--u-color-scrim, rgb(0, 0, 0))); pointer-events: none; opacity: calc(var(--_scrim-opacity) * var(--_modal-drawer-open-progress)); transition: opacity 375ms linear; } .scrim.moving { transition: none; } .scrim.toggle { --_modal-drawer-open-progress: 1; pointer-events: auto; } @media (min-width: 840px) { .content slot { display: flex; flex-direction: column; height: 100vh; } } @media (min-width: 1200px) { .container { --_navigation-width: var(--_navigation-drawer-width); } .container:has(.drawer.toggle) { --_navigation-width: 0; } .drawer { border-radius: 0; inset-inline-start: 0; } .drawer.toggle { inset-inline-start: var(--_navigation-drawer-width-negative); } u-elevation, .scrim { display: none; } } .content { position: fixed; inset: 0; z-index: 1; overflow: auto; } .drawer { position: relative; width: var(--_navigation-drawer-width); z-index: var(--u-side-navigation-z-index, 1030); pointer-events: auto; } .scrim { z-index: 1; } swiper-container { height: 100%; --u-app-bar-offset: var(--_navigation-width); } swiper-container::part(wrapper) { pointer-events: none; z-index: 2; } @media (min-width: 1200px) { :host { --_navigation-width: var(--_navigation-drawer-width); } .content { position: static; } swiper-container::part(container) { display: grid; grid-template-columns: var(--_navigation-width) minmax(0, 1fr); transition: 375ms cubic-bezier(0.19, 1, 0.22, 1); } .dummy-slide { display: none; } } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/navigation/side-navigation-swiper.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/navigation/side-navigation.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --_navigation-width: 0; --_navigation-drawer-width: min(var(--u-navigation-drawer-width, 360px), 85vw); --_navigation-drawer-width-negative: calc(var(--_navigation-drawer-width) * -1); --_navigation-drawer-corner-shape: var(--u-navigation-drawer-corner-shape, var(--u-shape-corner-large, 16px)); --_scrim-opacity: var(--u-drawer-scrim-opacity, .4); display: block; width: 100%; height: 100%; --u-app-bar-offset: var(--_navigation-width); } :host(.disable-transition) * { transition: none !important; } :host(.disable-transition) * ::slotted(u-top-app-bar) { transition: none !important; } .drawer { transition: inset 375ms cubic-bezier(0.19, 1, 0.22, 1); } .drawer, .drawer u-elevation, .drawer .drawer-container { border-start-end-radius: var(--_navigation-drawer-corner-shape); border-end-end-radius: var(--_navigation-drawer-corner-shape); } .drawer.toggle u-elevation { --u-elevation-level: 1; } .drawer-container { height: 100%; overflow: hidden; } .scrim { --_modal-drawer-open-progress: 0; position: absolute; inset-inline-start: 0; inset-block-start: 0; width: 100vw; height: 100vh; background: var(--u-drawer-scrim-color, var(--u-color-scrim, rgb(0, 0, 0))); pointer-events: none; opacity: calc(var(--_scrim-opacity) * var(--_modal-drawer-open-progress)); transition: opacity 375ms linear; } .scrim.moving { transition: none; } .scrim.toggle { --_modal-drawer-open-progress: 1; pointer-events: auto; } @media (min-width: 840px) { .content slot { display: flex; flex-direction: column; height: 100vh; } } @media (min-width: 1200px) { .container { --_navigation-width: var(--_navigation-drawer-width); } .container:has(.drawer.toggle) { --_navigation-width: 0; } .drawer { border-radius: 0; inset-inline-start: 0; } .drawer.toggle { inset-inline-start: var(--_navigation-drawer-width-negative); } u-elevation, .scrim { display: none; } } .navigation { position: fixed; inset-inline-start: 0; inset-block-start: 0; height: 100%; z-index: var(--u-side-navigation-z-index, 1030); } .drawer { position: absolute; inset-inline-start: var(--_navigation-drawer-width-negative); inset-block-start: 0; width: var(--_navigation-drawer-width); height: 100%; border-start-end-radius: var(--_navigation-drawer-corner-shape); border-end-end-radius: var(--_navigation-drawer-corner-shape); overflow: hidden; } .drawer.toggle { inset-inline-start: 0; } .grid { display: grid; grid-template-columns: var(--_navigation-width) minmax(0, 1fr); transition: 375ms cubic-bezier(0.19, 1, 0.22, 1); --u-app-bar-offset: var(--_navigation-width); } @media (min-width: 1200px) { .drawer { inset-inline-start: 0; } .drawer.toggle { inset-inline-start: var(--_navigation-drawer-width-negative); } } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/navigation/side-navigation.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/navigation/side-navigation.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmSideNavigation", "members": [ { "kind": "field", "name": "#toggleDrawer", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "disableSlideAnimation", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "toggleDrawer", "description": "Toggle the navigation drawer visibility\n\n_Modal drawer_: Open if `true`, closed if `false`\n_Standard drawer_: Collapsed if `true`, visible if `false`", "attribute": "toggle-drawer" }, { "kind": "field", "name": "swiperContainer", "type": { "text": "any" } }, { "kind": "field", "name": "scrim", "type": { "text": "HTMLElement" } }, { "kind": "field", "name": "scrollContainer", "type": { "text": "HTMLElement | undefined" } }, { "kind": "method", "name": "renderDefault", "privacy": "private" }, { "kind": "method", "name": "renderWithSwipe", "privacy": "private" }, { "kind": "method", "name": "swiperActiveIndexChange", "privacy": "private" }, { "kind": "method", "name": "swiperTransitionStart", "privacy": "private" }, { "kind": "method", "name": "slidesGridLengthChange", "privacy": "private" }, { "kind": "method", "name": "swiperTransitionEnd", "privacy": "private" }, { "kind": "method", "name": "swiperSliderMove", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "scrimClick", "privacy": "private" } ], "attributes": [ { "name": "toggle-drawer", "description": "Toggle the navigation drawer visibility\n\n_Modal drawer_: Open if `true`, closed if `false`\n_Standard drawer_: Collapsed if `true`, visible if `false`", "fieldName": "toggleDrawer" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-side-navigation", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmSideNavigation", "declaration": { "name": "UmSideNavigation", "module": "src/navigation/side-navigation.ts" } }, { "kind": "custom-element-definition", "name": "u-side-navigation", "declaration": { "name": "UmSideNavigation", "module": "src/navigation/side-navigation.ts" } } ] }, { "kind": "javascript-module", "path": "src/progress/circular-progress.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { position: relative; display: inline-block; width: var(--_size); height: var(--_size); margin-inline: auto; --_size: var(--u-circular-progress-size, 3rem); } .circular { width: 100%; height: 100%; transform: rotate(-90deg); transform-origin: center; } .circular.indeterminate { position: relative; animation: rotate 2s linear infinite; } .circular:not(.indeterminate) .path { transition: stroke-dashoffset 200ms linear; } .path { stroke-linecap: round; stroke: var(--u-circular-progress-color, var(--u-color-primary, rgb(103, 80, 164))); } .track { position: absolute; inset: 0; } .track .path { stroke: var(--u-circular-progress-track-color, var(--u-color-secondary-container, rgb(232, 222, 248))); } .indeterminate .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite; } .on-going { transform: rotate(-80deg); } .on-going.track { transform: rotate(-100deg); } @keyframes rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124; } } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/progress/circular-progress.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/progress/circular-progress.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmCircularProgress", "members": [ { "kind": "field", "name": "value", "type": { "text": "number | undefined" }, "attribute": "value" }, { "kind": "field", "name": "max", "type": { "text": "number" }, "default": "1", "attribute": "max" }, { "kind": "method", "name": "#renderCircle", "privacy": "private", "return": { "type": { "text": "TemplateResult" } }, "parameters": [ { "name": "className", "type": { "text": "string" } } ] }, { "kind": "method", "name": "#renderIndeterminate", "privacy": "private", "return": { "type": { "text": "TemplateResult" } } }, { "kind": "method", "name": "#renderDeterminate", "privacy": "private", "return": { "type": { "text": "TemplateResult" } } } ], "attributes": [ { "name": "value", "type": { "text": "number | undefined" }, "fieldName": "value" }, { "name": "max", "type": { "text": "number" }, "default": "1", "fieldName": "max" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-circular-progress", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmCircularProgress", "declaration": { "name": "UmCircularProgress", "module": "src/progress/circular-progress.ts" } }, { "kind": "custom-element-definition", "name": "u-circular-progress", "declaration": { "name": "UmCircularProgress", "module": "src/progress/circular-progress.ts" } } ] }, { "kind": "javascript-module", "path": "src/progress/progress-bar.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --_border-radius: var(--u-progress-bar-border-radius, var(--u-shape-corner-full, 9999px)); --_height: var(--u-progress-bar-height, 4px); } :host, .determinate, .indeterminate { overflow: hidden; border-radius: var(--_border-radius); } .determinate, .indeterminate { display: flex; gap: 4px; } .indeterminate { flex: 1; margin-inline: -8px; border-radius: var(--_border-radius); } .determinate { margin-inline-end: -4px; } .determinate .bar { transition: flex-basis 200ms linear; } .last { flex-shrink: 1; flex-basis: 100%; animation: last 2.1s infinite linear; } .slow { animation: slow 2.1s infinite linear; } .middle { animation: middle 2.1s infinite linear; } .fast { animation: fast 2.1s infinite linear; } .first { animation: first 2.1s infinite linear; } .bar { height: var(--_height); border-radius: var(--_border-radius); background: var(--u-progress-bar-color, var(--u-color-primary, rgb(103, 80, 164))); } .track { background: var(--u-progress-bar-track-color, var(--u-color-secondary-container, rgb(232, 222, 248))); flex-shrink: 1; } @keyframes slow { 0% { flex-basis: 0; } 10% { flex-basis: 50%; } 20% { flex-basis: 100%; } 30% { flex-basis: 0; } } @keyframes last { 0% { flex-basis: 100%; } 10% { flex-basis: 50%; } 20% { flex-basis: 0; } 100% { flex-basis: 0; } } @keyframes middle { 10% { flex-basis: 0; } 20% { flex-basis: 100%; } 35% { flex-basis: 100%; } 45% { flex-basis: 0; } } @keyframes fast { 0% { flex-basis: 0; } 25% { flex-basis: 0; } 35% { flex-basis: 100%; } 45% { flex-basis: 100%; } 55% { flex-basis: 0; } } @keyframes first { 35% { flex-basis: 0; } 45% { flex-basis: 100%; } 100% { flex-basis: 100%; } } @keyframes fast-bar-pre { 0% { flex-basis: 0; } 60% { flex-basis: 0; } 90% { flex-basis: 100%; } 100% { flex-basis: 100%; } } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/progress/progress-bar.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/progress/progress-bar.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmProgressBar", "members": [ { "kind": "field", "name": "value", "type": { "text": "number | undefined" }, "attribute": "value" }, { "kind": "field", "name": "max", "type": { "text": "number" }, "default": "1", "attribute": "max" }, { "kind": "method", "name": "#renderIndeterminate", "privacy": "private", "return": { "type": { "text": "TemplateResult" } } }, { "kind": "method", "name": "#renderDeterminate", "privacy": "private", "return": { "type": { "text": "TemplateResult" } } } ], "attributes": [ { "name": "value", "type": { "text": "number | undefined" }, "fieldName": "value" }, { "name": "max", "type": { "text": "number" }, "default": "1", "fieldName": "max" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-progress-bar", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmProgressBar", "declaration": { "name": "UmProgressBar", "module": "src/progress/progress-bar.ts" } }, { "kind": "custom-element-definition", "name": "u-progress-bar", "declaration": { "name": "UmProgressBar", "module": "src/progress/progress-bar.ts" } } ] }, { "kind": "javascript-module", "path": "src/ripple/ripple.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host, .ripple-container::before { --_ripple-hover-color: var(--u-ripple-hover-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor))); --_ripple-pressed-color: var(--u-ripple-pressed-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor))); --_ripple-hover-opacity: var(--u-ripple-pressed-opacity, var(--u-state-hover-opacity, 0.08)); --_ripple-pressed-opacity: var(--u-ripple-pressed-opacity, .2); display: block; inset: 0; isolation: isolate; } .ripple-container { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: var(--u-ripple-border-radius, inherit); } .ripple-container::before { content: \"\"; background: var(--_ripple-hover-color); opacity: 0; transition: opacity 200ms; } @media (hover: hover) { :host(:not([disabled]):hover) .ripple-container::before { content: \"\"; background: var(--_ripple-hover-color); opacity: var(--_ripple-hover-opacity); } } :host, .ripple-container::before, .ripple { position: absolute; border-radius: inherit; } .ripple { top: 50%; left: 50%; background: var(--_ripple-pressed-color); border-radius: 50%; box-shadow: 0 0 64px 64px var(--_ripple-pressed-color); opacity: var(--_ripple-pressed-opacity); transform: scale3d(0, 0, 1); pointer-events: none; will-change: transform; } .ripple.show { transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(750ms / var(--u-ripple-speed, 1)); transform: scale3d(1, 1, 1); } .ripple.show-forced { transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(200ms / var(--u-ripple-speed, 1)) 300ms; transform: scale3d(2, 2, 1); opacity: 0; } .ripple.dismiss { opacity: 0; transform: scale3d(2, 2, 1); } ::slotted(*) { position: absolute !important; inset: 0; border-radius: inherit; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/ripple/ripple.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/ripple/ripple.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmRipple", "members": [ { "kind": "field", "name": "isTouching", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Disables the ripple.", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "rippleContainer", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "method", "name": "attachEvents", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "dettachEvents", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "handleMouseDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "MouseEvent" } } ] }, { "kind": "method", "name": "handleTouchStart", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "TouchEvent" } } ] }, { "kind": "method", "name": "canCreateRipple", "privacy": "private", "return": { "type": { "text": "boolean" } } }, { "kind": "method", "name": "createRipple", "return": { "type": { "text": "(() => void) | null" } }, "parameters": [ { "name": "targetX", "default": "null", "type": { "text": "number | null" } }, { "name": "targetY", "default": "null", "type": { "text": "number | null" } }, { "name": "releaseEventName", "default": "null", "type": { "text": "string | null" } } ] }, { "kind": "method", "name": "createDismissEvent", "privacy": "private", "return": { "type": { "text": "() => void" } }, "parameters": [ { "name": "ripple", "type": { "text": "HTMLElement" } }, { "name": "releaseEventName", "type": { "text": "string" } } ] }, { "kind": "method", "name": "_setElementSquareSizeAndCenter", "privacy": "private", "static": true, "parameters": [ { "name": "element", "type": { "text": "HTMLElement" } }, { "name": "size", "type": { "text": "number" } } ] } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Disables the ripple.", "fieldName": "disabled" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-ripple", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmRipple", "declaration": { "name": "UmRipple", "module": "src/ripple/ripple.ts" } }, { "kind": "custom-element-definition", "name": "u-ripple", "declaration": { "name": "UmRipple", "module": "src/ripple/ripple.ts" } } ] }, { "kind": "javascript-module", "path": "src/radio/radio-list-item.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmRadioListItem", "mixins": [ { "name": "mixinSelectionControlListItem", "module": "/src/shared/selection-control/selection-control-list-item.js" } ], "superclass": { "name": "UmRadio", "module": "/src/radio/radio.js" }, "tagName": "u-radio-list-item", "customElement": true, "attributes": [ { "name": "leading", "type": { "text": "boolean" }, "default": "false", "fieldName": "leading", "inheritedFrom": { "name": "mixinSelectionControlListItem", "module": "src/shared/selection-control/selection-control-list-item.ts" } }, { "name": "hide-state-layer", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideStateLayer", "inheritedFrom": { "name": "UmRadio", "module": "src/radio/radio.ts" } }, { "name": "name", "type": { "text": "string | undefined" }, "default": "''", "fieldName": "name", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "name": "value", "type": { "text": "string" }, "default": "'on'", "description": "The element value to use in form submission when checked.", "fieldName": "value", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "name": "checked", "fieldName": "_checkedAttribute", "type": { "text": "boolean" }, "readonly": true, "default": "false", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } } ], "members": [ { "kind": "field", "name": "styles", "type": { "text": "array" }, "static": true, "default": "[ (base as unknown as typeof LitElement).styles ?? [], css` :host { --u-list-item-block-padding: 0; display: block; } :host(:not([disabled])) { cursor: pointer; } `, ]", "inheritedFrom": { "name": "mixinSelectionControlListItem", "module": "src/shared/selection-control/selection-control-list-item.ts" } }, { "kind": "field", "name": "leading", "type": { "text": "boolean" }, "default": "false", "attribute": "leading", "inheritedFrom": { "name": "mixinSelectionControlListItem", "module": "src/shared/selection-control/selection-control-list-item.ts" } }, { "kind": "field", "name": "inputDescribedById", "type": { "text": "string | undefined" }, "privacy": "protected", "default": "'description'", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "inputLabelledById", "type": { "text": "string | undefined" }, "privacy": "protected", "default": "'label'", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "hideStateLayer", "type": { "text": "boolean" }, "default": "false", "attribute": "hide-state-layer", "reflects": true, "inheritedFrom": { "name": "UmRadio", "module": "src/radio/radio.ts" } }, { "kind": "field", "name": "inputType", "type": { "text": "'checkbox' | 'radio'" }, "privacy": "protected", "default": "'radio'", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "renderIndicator", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "checked", "attribute": "checked", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "#siblings", "privacy": "private", "type": { "text": "UmRadio[]" }, "readonly": true, "inheritedFrom": { "name": "UmRadio", "module": "src/radio/radio.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "UmRadio", "module": "src/radio/radio.ts" } }, { "kind": "method", "name": "ensureOnlyOneChecked", "privacy": "private", "inheritedFrom": { "name": "UmRadio", "module": "src/radio/radio.ts" } }, { "kind": "method", "name": "uncheckSiblings", "privacy": "private", "inheritedFrom": { "name": "UmRadio", "module": "src/radio/radio.ts" } }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "shadowRootOptions", "type": { "text": "ShadowRootInit" }, "static": true, "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "elementInternals", "type": { "text": "ElementInternals" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "default": "''", "attribute": "name", "reflects": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "input", "type": { "text": "HTMLInputElement" }, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "focus", "parameters": [ { "name": "options", "optional": true, "type": { "text": "FocusOptions" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "#checked", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "privacy": "protected", "default": "true", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "'on'", "description": "The element value to use in form submission when checked.", "attribute": "value", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "_checkedAttribute", "type": { "text": "boolean" }, "privacy": "private", "readonly": true, "default": "false", "attribute": "checked", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "#handleInput", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "#handleChange", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "#handleRippleClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } } ] } ], "exports": [ { "kind": "js", "name": "UmRadioListItem", "declaration": { "name": "UmRadioListItem", "module": "src/radio/radio-list-item.ts" } }, { "kind": "custom-element-definition", "name": "u-radio-list-item", "declaration": { "name": "UmRadioListItem", "module": "src/radio/radio-list-item.ts" } } ] }, { "kind": "javascript-module", "path": "src/radio/radio.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --_state-layer-padding: var(--u-radio-state-layer-padding, 4px); --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2); --_indicator-color: var(--u-radio-indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); display: inline-block; vertical-align: middle; } .container { cursor: pointer; position: relative; width: var(--_width); height: var(--_height); padding: var(--_state-layer-padding); border-radius: var(--u-shape-corner-full, 9999px); } :host([hide-state-layer]) .container { width: var(--_indicator-size); height: var(--_indicator-size); padding: 0; } :host([hide-state-layer]) u-ripple { display: none; } input { cursor: pointer; width: 100%; height: 100%; padding: 0; margin: 0; border-radius: inherit; appearance: none; } u-ripple { padding: var(--_state-layer-padding); } .indicator-container { position: absolute; display: flex; align-items: center; justify-content: center; inset: 0; pointer-events: none; } input:checked ~ .indicator-container { --_indicator-color: var(--u-radio-indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164))); } :host([disabled]) { opacity: var(--u-radio-disabled-state-opacity, 0.38); } :host([disabled]) input, :host([disabled]) .container { cursor: default; } :host([disabled]) .indicator-container { --_indicator-color: var(--u-radio-indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32))); } :host { --_indicator-size: var(--u-radio-indicator-size, 1.25rem); --_width: var(--u-radio-size, 3rem); --_height: var(--_width); } .indicator { position: relative; display: flex; align-items: center; justify-content: center; width: var(--_indicator-size); height: var(--_indicator-size); border: var(--u-radio-indicator-border-width, 0.125rem) solid var(--_indicator-color); border-radius: 50%; } .indicator::before { content: \"\"; width: calc(var(--_indicator-size) / 2); height: calc(var(--_indicator-size) / 2); background: var(--_indicator-color); border-radius: 50%; transition: transform 250ms; transform: scale3d(0, 0, 1); } input:checked ~ .indicator-container .indicator::before { transform: scale3d(1, 1, 1); } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/radio/radio.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/radio/radio.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmRadio", "members": [ { "kind": "field", "name": "hideStateLayer", "type": { "text": "boolean" }, "default": "false", "attribute": "hide-state-layer", "reflects": true }, { "kind": "field", "name": "inputType", "type": { "text": "'checkbox' | 'radio'" }, "privacy": "protected", "default": "'radio'", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "renderIndicator", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "checked", "attribute": "checked", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "#siblings", "privacy": "private", "type": { "text": "UmRadio[]" }, "readonly": true }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "ensureOnlyOneChecked", "privacy": "private" }, { "kind": "method", "name": "uncheckSiblings", "privacy": "private" }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "shadowRootOptions", "type": { "text": "ShadowRootInit" }, "static": true, "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "elementInternals", "type": { "text": "ElementInternals" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "default": "''", "attribute": "name", "reflects": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "input", "type": { "text": "HTMLInputElement" }, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "focus", "parameters": [ { "name": "options", "optional": true, "type": { "text": "FocusOptions" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "#checked", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "privacy": "protected", "default": "true", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "inputDescribedById", "type": { "text": "string | undefined" }, "privacy": "protected", "default": "undefined", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "inputLabelledById", "type": { "text": "string | undefined" }, "privacy": "protected", "default": "undefined", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "'on'", "description": "The element value to use in form submission when checked.", "attribute": "value", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "_checkedAttribute", "type": { "text": "boolean" }, "privacy": "private", "readonly": true, "default": "false", "attribute": "checked", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "#handleInput", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "#handleChange", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "#handleRippleClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } } ], "attributes": [ { "name": "hide-state-layer", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideStateLayer" }, { "name": "name", "type": { "text": "string | undefined" }, "default": "''", "fieldName": "name", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "name": "value", "type": { "text": "string" }, "default": "'on'", "description": "The element value to use in form submission when checked.", "fieldName": "value", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "name": "checked", "fieldName": "_checkedAttribute", "type": { "text": "boolean" }, "readonly": true, "default": "false", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } } ], "superclass": { "name": "UmSelectionControl", "module": "/src/shared/selection-control/selection-control.js" }, "tagName": "u-radio", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmRadio", "declaration": { "name": "UmRadio", "module": "src/radio/radio.ts" } }, { "kind": "custom-element-definition", "name": "u-radio", "declaration": { "name": "UmRadio", "module": "src/radio/radio.ts" } } ] }, { "kind": "javascript-module", "path": "src/search/search.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { display: block; } :host(:not([has-leading-icon])) .leading-icon { display: none; } :host(:not([has-trailing-icon])) .trailing-icon { display: none; } slot[name=leading-icon], slot[name=trailing-icon] { display: inline-flex; align-items: center; gap: var(--u-search-icons-gap, 8px); } slot[name=leading-icon]::slotted(u-icon-button) { color: inherit; } :host([position=absolute]) .container { position: absolute; } :host([position=fixed]) .container { position: fixed; inset-inline: 0; inset-block-start: 0; inset-inline-start: var(--u-app-bar-offset, 0); } :host([position=absolute]), :host([position=fixed]) { padding-top: var(--_content-height); } :host([position=absolute]) .container, :host([position=fixed]) .container { z-index: var(--u-fixed-search-z-index, 1010); } .input { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-search-input-line-height, var(--u-body-l-line-height, 1.5rem)); font-size: var(--u-search-input-font-size, var(--u-body-l-font-size, 1rem)); letter-spacing: var(--u-search-input-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem)); font-weight: var(--u-search-input-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400))); margin: 0; margin-inline: var(--u-search-placeholder-margin, 16px); display: block; width: 100%; color: var(--u-search-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32))); padding: 0; appearance: none; background: transparent; border: none; outline: 0 !important; caret-color: var(--u-color-primary, rgb(103, 80, 164)); } .input::placeholder { color: var(--u-search-input-placeholder-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } :host([has-leading-icon]) .input { margin-inline-start: 0; } .content { display: flex; align-items: center; background-color: var(--u-search-container-color, var(--u-color-surface-container-high, rgb(236, 230, 240))); border-radius: var(--u-search-border-radius, 9999px); height: var(--u-search-height, 56px); } .inner-container { padding-inline: var(--u-layout-margin-inline, var(--u-layout-margin)); padding-block: var(--u-search-margin-block, 8px); width: 100%; } .inner-container { max-width: var(--u-container-width, 992px); margin-inline: auto; } .leading-icon { margin-inline: var(--u-search-leading-icon-margin, 8px); } .trailing-icon { padding-inline: var(--u-search-trailing-icon-margin, 8px); margin-inline-start: auto; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/search/search.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/search/search.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmSearch", "members": [ { "kind": "field", "name": "position", "type": { "text": "'fixed' | 'absolute' | 'static'" }, "default": "'fixed'", "attribute": "position", "reflects": true }, { "kind": "field", "name": "input", "type": { "text": "HTMLInputElement | HTMLTextAreaElement" }, "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "#containerSizeObserver", "privacy": "private", "type": { "text": "ResizeObserver | null" }, "default": "null" }, { "kind": "method", "name": "renderControl", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "#handleLeadingIconSlotChange", "privacy": "private" }, { "kind": "method", "name": "#handleTrailingIconSlotChange", "privacy": "private" }, { "kind": "method", "name": "#setContentHeightProperty", "privacy": "private" }, { "kind": "field", "name": "_value", "type": { "text": "string" }, "privacy": "protected", "default": "''", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "value", "attribute": "value", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "autocomplete", "type": { "text": "'on' | 'off' | string | undefined" }, "attribute": "autocomplete", "reflects": true, "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "#maxlength", "privacy": "private", "type": { "text": "number | undefined" }, "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "maxlength", "type": { "text": "number | undefined" }, "attribute": "maxlength", "reflects": true, "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "role", "type": { "text": "string | null" }, "default": "null", "attribute": "role", "reflects": true, "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "method", "name": "focus", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "method", "name": "_handleKeyDown", "privacy": "protected", "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "method", "name": "_handleInput", "privacy": "protected", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "method", "name": "#updateCounter", "privacy": "private", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "shadowRootOptions", "type": { "text": "ShadowRootInit" }, "static": true, "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "empty", "type": { "text": "boolean" }, "default": "true", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "attribute": "empty", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "placeholder", "type": { "text": "string" }, "default": "''", "attribute": "placeholder", "reflects": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "elementInternals", "type": { "text": "ElementInternals" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "config", "type": { "text": "UmFieldDefaults | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "attribute": "variant", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "attribute": "label", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_innerCounter", "type": { "text": "string | undefined" }, "privacy": "protected", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "counter", "type": { "text": "string | undefined" }, "attribute": "counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hideCounter", "type": { "text": "boolean" }, "default": "false", "attribute": "hide-counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "supportingText", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "attribute": "supporting-text", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "errorText", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "attribute": "error-text", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "attribute": "invalid", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "setDefaults", "static": true, "return": { "type": { "text": "ContextProvider>" } }, "parameters": [ { "name": "contextRoot", "type": { "text": "HTMLElement" } }, { "name": "config", "type": { "text": "UmFieldDefaults" } } ], "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasLeadingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "attribute": "has-leading-icon", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasTrailingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "attribute": "has-trailing-icon", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasErrorText", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "attribute": "has-error-text", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedLeadingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedTrailingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedErrorTexts", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_labelElement", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_container", "type": { "text": "HTMLElement" }, "privacy": "protected", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderAfterContent", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleLeadingIconSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleTrailingIconSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleErrorTextSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderDefaultTrailingIcon", "privacy": "protected", "return": { "type": { "text": "TemplateResult | typeof nothing" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ], "attributes": [ { "name": "position", "type": { "text": "'fixed' | 'absolute' | 'static'" }, "default": "'fixed'", "fieldName": "position" }, { "name": "value", "fieldName": "value", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "name": "autocomplete", "type": { "text": "'on' | 'off' | string | undefined" }, "fieldName": "autocomplete", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "name": "maxlength", "type": { "text": "number | undefined" }, "fieldName": "maxlength", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "name": "role", "type": { "text": "string | null" }, "default": "null", "fieldName": "role", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "name": "placeholder", "type": { "text": "string" }, "default": "''", "fieldName": "placeholder", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "fieldName": "variant", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "fieldName": "label", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "counter", "type": { "text": "string | undefined" }, "fieldName": "counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "hide-counter", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideCounter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "supporting-text", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "fieldName": "supportingText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "error-text", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "fieldName": "errorText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "empty", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "fieldName": "empty", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "fieldName": "invalid", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-leading-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "fieldName": "hasLeadingIcon", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-trailing-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "fieldName": "hasTrailingIcon", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-error-text", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "fieldName": "hasErrorText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ], "superclass": { "name": "UmNativeTextFieldWrapper", "module": "/src/shared/char-count-text-field/native-text-field-wrapper.js" }, "tagName": "u-search", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmSearch", "declaration": { "name": "UmSearch", "module": "src/search/search.ts" } }, { "kind": "custom-element-definition", "name": "u-search", "declaration": { "name": "UmSearch", "module": "src/search/search.ts" } } ] }, { "kind": "javascript-module", "path": "src/select/option.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` .selected { background-color: var(--u-select-option-selected-bg-color, color-mix(in srgb, var(--u-color-primary, rgb(103, 80, 164)) 12%, transparent)); } .selected .icon, .selected .content { color: var(--u-select-option-selected-text-color, var(--u-color-primary, rgb(103, 80, 164))); } .container:not(.selected):not(.trailing-icon) .trailing { display: none; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/select/option.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/select/option.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmOption", "members": [ { "kind": "field", "name": "#mutationObserver", "privacy": "private", "readonly": true, "default": "new MutationObserver(() => this.#updateContent())" }, { "kind": "field", "name": "#value", "privacy": "private", "type": { "text": "string" }, "default": "''" }, { "kind": "field", "name": "#selected", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "_nativeOption", "type": { "text": "HTMLOptionElement | null" }, "default": "null" }, { "kind": "field", "name": "value", "type": { "text": "string" }, "attribute": "value", "reflects": true }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "attribute": "selected" }, { "kind": "method", "name": "_getContainerClasses", "privacy": "protected", "return": { "type": { "text": "Record" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_renderDefaultTrailingIcon", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "UmMenuItem", "module": "src/menu/menu-item.ts" } }, { "kind": "field", "name": "_select", "type": { "text": "UmSelect | null" }, "readonly": true }, { "kind": "method", "name": "#handleClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "_writeNativeSelected", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_setSelectedByUser" }, { "kind": "method", "name": "#updateContent", "privacy": "private" }, { "kind": "field", "name": "active", "type": { "text": "boolean" }, "default": "false", "attribute": "active", "reflects": true, "inheritedFrom": { "name": "UmMenuItem", "module": "src/menu/menu-item.ts" } }, { "kind": "field", "name": "_hasLeadingIcon", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "UmMenuItem", "module": "src/menu/menu-item.ts" } }, { "kind": "field", "name": "_hasTrailingIcon", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "UmMenuItem", "module": "src/menu/menu-item.ts" } }, { "kind": "field", "name": "hasBadge", "type": { "text": "boolean" }, "default": "false", "attribute": "has-badge", "reflects": true, "inheritedFrom": { "name": "UmMenuItem", "module": "src/menu/menu-item.ts" } }, { "kind": "field", "name": "innerRole", "type": { "text": "string | null" }, "privacy": "protected", "default": "'menuitem'", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "#handleMouseEnter", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmMenuItem", "module": "src/menu/menu-item.ts" } }, { "kind": "method", "name": "_renderContent", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#handleLeadingIconSlotChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmMenuItem", "module": "src/menu/menu-item.ts" } }, { "kind": "method", "name": "#handleTrailingIconSlotChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmMenuItem", "module": "src/menu/menu-item.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "default": "true", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "attribute": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "attribute": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "attribute": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "buttonElement", "type": { "text": "HTMLElement" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "_ripple", "type": { "text": "UmRipple" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "pathname", "type": { "text": "string" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderButton", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderLink", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "focus", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "blur", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "getAriaLabel", "privacy": "protected", "return": { "type": { "text": "string | null" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerFocusHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerClickHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "_", "type": { "text": "UIEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "attributes": [ { "name": "value", "type": { "text": "string" }, "fieldName": "value" }, { "name": "selected", "type": { "text": "boolean" }, "fieldName": "selected" }, { "name": "active", "type": { "text": "boolean" }, "default": "false", "fieldName": "active", "inheritedFrom": { "name": "UmMenuItem", "module": "src/menu/menu-item.ts" } }, { "name": "has-badge", "type": { "text": "boolean" }, "default": "false", "fieldName": "hasBadge", "inheritedFrom": { "name": "UmMenuItem", "module": "src/menu/menu-item.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "fieldName": "disabled", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "fieldName": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "fieldName": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "name", "type": { "text": "string | undefined" }, "fieldName": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "superclass": { "name": "UmMenuItem", "module": "/src/menu/menu-item.js" }, "tagName": "u-option", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmOption", "declaration": { "name": "UmOption", "module": "src/select/option.ts" } }, { "kind": "custom-element-definition", "name": "u-option", "declaration": { "name": "UmOption", "module": "src/select/option.ts" } } ] }, { "kind": "javascript-module", "path": "src/select/select-navigation-controller.ts", "declarations": [ { "kind": "class", "description": "", "name": "SelectNavigationController", "members": [ { "kind": "field", "name": "#typeaheadStatus", "privacy": "private" }, { "kind": "method", "name": "handleKeyDown", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "MenuFieldNavigationController", "module": "src/shared/menu-field/menu-field-navigation-controller.ts" } }, { "kind": "method", "name": "attach", "parameters": [ { "name": "element", "type": { "text": "HTMLElement" } } ], "inheritedFrom": { "name": "MenuFieldNavigationController", "module": "src/shared/menu-field/menu-field-navigation-controller.ts" } }, { "kind": "method", "name": "detach", "inheritedFrom": { "name": "MenuFieldNavigationController", "module": "src/shared/menu-field/menu-field-navigation-controller.ts" } }, { "kind": "field", "name": "#handleMouseFocus", "privacy": "private", "readonly": true }, { "kind": "method", "name": "afterFocus", "privacy": "protected", "parameters": [ { "name": "_", "type": { "text": "UmOption" } }, { "name": "index", "type": { "text": "number" } } ], "inheritedFrom": { "name": "MenuFieldNavigationController", "module": "src/shared/menu-field/menu-field-navigation-controller.ts" } }, { "kind": "method", "name": "afterBlur", "privacy": "protected", "inheritedFrom": { "name": "MenuFieldNavigationController", "module": "src/shared/menu-field/menu-field-navigation-controller.ts" } }, { "kind": "method", "name": "handleType", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "findNextElementByTerm", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "term", "type": { "text": "string" } }, { "name": "lastFocusedMenu", "type": { "text": "UmOption | null" } } ] }, { "kind": "field", "name": "#element", "privacy": "private", "type": { "text": "HTMLElement | null" }, "default": "null", "inheritedFrom": { "name": "MenuFieldNavigationController", "module": "src/shared/menu-field/menu-field-navigation-controller.ts" } }, { "kind": "field", "name": "focusedMenu", "type": { "text": "TMenuItem | null" }, "privacy": "protected", "default": "null", "inheritedFrom": { "name": "MenuFieldNavigationController", "module": "src/shared/menu-field/menu-field-navigation-controller.ts" } }, { "kind": "field", "name": "getHost", "type": { "text": "() => TField" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "MenuFieldNavigationController", "module": "src/shared/menu-field/menu-field-navigation-controller.ts" } }, { "kind": "field", "name": "_bindHandleKeyDown", "type": { "text": "(event: KeyboardEvent) => void" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuFieldNavigationController", "module": "src/shared/menu-field/menu-field-navigation-controller.ts" } }, { "kind": "field", "name": "#handleMenuClose", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuFieldNavigationController", "module": "src/shared/menu-field/menu-field-navigation-controller.ts" } }, { "kind": "method", "name": "navigate", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } }, { "name": "forwards", "type": { "text": "boolean" } } ], "inheritedFrom": { "name": "MenuFieldNavigationController", "module": "src/shared/menu-field/menu-field-navigation-controller.ts" } }, { "kind": "method", "name": "navigateTo", "privacy": "protected", "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } }, { "name": "menu", "type": { "text": "TMenuItem | undefined" } }, { "name": "index", "type": { "text": "number" } } ], "inheritedFrom": { "name": "MenuFieldNavigationController", "module": "src/shared/menu-field/menu-field-navigation-controller.ts" } }, { "kind": "method", "name": "focusMenu", "parameters": [ { "name": "menu", "type": { "text": "TMenuItem" } }, { "name": "index", "type": { "text": "number" } }, { "name": "active", "default": "true" }, { "name": "scroll", "default": "true" } ], "inheritedFrom": { "name": "MenuFieldNavigationController", "module": "src/shared/menu-field/menu-field-navigation-controller.ts" } }, { "kind": "method", "name": "blurMenu", "inheritedFrom": { "name": "MenuFieldNavigationController", "module": "src/shared/menu-field/menu-field-navigation-controller.ts" } }, { "kind": "method", "name": "selectActiveItem", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "MenuFieldNavigationController", "module": "src/shared/menu-field/menu-field-navigation-controller.ts" } } ], "superclass": { "name": "MenuFieldNavigationController", "module": "/src/shared/menu-field/menu-field-navigation-controller.js" } } ], "exports": [ { "kind": "js", "name": "SelectNavigationController", "declaration": { "name": "SelectNavigationController", "module": "src/select/select-navigation-controller.ts" } } ] }, { "kind": "javascript-module", "path": "src/select/select.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` u-menu { display: block; width: 100%; } u-menu::part(menu) { width: var(--_menu-width); max-width: none; } :host(:not([disabled])) .button { cursor: pointer; } .button { position: absolute; inset: 0; margin: 0; padding: 0; background: transparent; border: none; appearance: none; } select { pointer-events: none; white-space: nowrap; text-overflow: ellipsis; } .list { width: 2px; height: 2px; margin: -1px; overflow: hidden; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/select/select.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/select/select.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmSelect", "members": [ { "kind": "field", "name": "_nativeSelect" }, { "kind": "field", "name": "#list", "privacy": "private", "type": { "text": "HTMLElement" }, "readonly": true }, { "kind": "field", "name": "#navigationController", "privacy": "private", "readonly": true, "default": "new SelectNavigationController(this)" }, { "kind": "field", "name": "#resizeObserver", "privacy": "private", "readonly": true, "default": "new ResizeObserver(() => this.#setMenuWidthProperty())" }, { "kind": "field", "name": "#connected", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "value", "type": { "text": "string" }, "description": "The `value` of the selected option" }, { "kind": "field", "name": "_menu", "type": { "text": "UmMenu" } }, { "kind": "field", "name": "_button", "type": { "text": "HTMLButtonElement" } }, { "kind": "field", "name": "_input", "type": { "text": "HTMLElement" } }, { "kind": "field", "name": "menuPositioning", "type": { "text": "'relative' | 'fixed'" }, "default": "'relative'", "attribute": "menu-positioning", "reflects": true }, { "kind": "field", "name": "selectedIndex", "type": { "text": "number" }, "description": "The index of the selected option. When there's no selected option the value is `-1`." }, { "kind": "field", "name": "selectedOptions", "type": { "text": "UmOption[]" }, "description": "An `Array` containing the selected `UmOption` or empty if there's no selected option. Multiple selection is not supported.", "readonly": true }, { "kind": "field", "name": "_options", "type": { "text": "UmOption[]" }, "readonly": true }, { "kind": "method", "name": "#setMenuWidthProperty", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "renderControl", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderAfterContent", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderDefaultTrailingIcon", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "#handleClick", "privacy": "private", "readonly": true }, { "kind": "method", "name": "#handleMenuClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "#handleMenuOpen", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#handleMenuOpened", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#handleMenuClose", "privacy": "private", "readonly": true }, { "kind": "method", "name": "#attach", "privacy": "private", "return": { "type": { "text": "Promise" } } }, { "kind": "method", "name": "#detach", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_renderOptionRelatedElements" }, { "kind": "method", "name": "_updateEmpty", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "_menuItems", "type": { "text": "UmOption[]" }, "readonly": true }, { "kind": "method", "name": "#renderNativeOptions", "privacy": "private" }, { "kind": "method", "name": "#renderAccessibilityList", "privacy": "private" }, { "kind": "method", "name": "_syncSelectedOptions" }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "shadowRootOptions", "type": { "text": "ShadowRootInit" }, "static": true, "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "empty", "type": { "text": "boolean" }, "default": "true", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "attribute": "empty", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "placeholder", "type": { "text": "string" }, "default": "''", "attribute": "placeholder", "reflects": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "elementInternals", "type": { "text": "ElementInternals" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "config", "type": { "text": "UmFieldDefaults | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "attribute": "variant", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "attribute": "label", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_innerCounter", "type": { "text": "string | undefined" }, "privacy": "protected", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "counter", "type": { "text": "string | undefined" }, "attribute": "counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hideCounter", "type": { "text": "boolean" }, "default": "false", "attribute": "hide-counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "supportingText", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "attribute": "supporting-text", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "errorText", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "attribute": "error-text", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "attribute": "invalid", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "setDefaults", "static": true, "return": { "type": { "text": "ContextProvider>" } }, "parameters": [ { "name": "contextRoot", "type": { "text": "HTMLElement" } }, { "name": "config", "type": { "text": "UmFieldDefaults" } } ], "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasLeadingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "attribute": "has-leading-icon", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasTrailingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "attribute": "has-trailing-icon", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasErrorText", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "attribute": "has-error-text", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedLeadingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedTrailingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedErrorTexts", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_labelElement", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_container", "type": { "text": "HTMLElement" }, "privacy": "protected", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleLeadingIconSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleTrailingIconSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleErrorTextSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ], "attributes": [ { "name": "menu-positioning", "type": { "text": "'relative' | 'fixed'" }, "default": "'relative'", "fieldName": "menuPositioning" }, { "name": "placeholder", "type": { "text": "string" }, "default": "''", "fieldName": "placeholder", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "fieldName": "variant", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "fieldName": "label", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "counter", "type": { "text": "string | undefined" }, "fieldName": "counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "hide-counter", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideCounter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "supporting-text", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "fieldName": "supportingText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "error-text", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "fieldName": "errorText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "empty", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "fieldName": "empty", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "fieldName": "invalid", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-leading-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "fieldName": "hasLeadingIcon", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-trailing-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "fieldName": "hasTrailingIcon", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-error-text", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "fieldName": "hasErrorText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ], "superclass": { "name": "UmTextFieldBase", "module": "/src/shared/text-field-base/text-field-base.js" }, "tagName": "u-select", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmSelect", "declaration": { "name": "UmSelect", "module": "src/select/select.ts" } }, { "kind": "custom-element-definition", "name": "u-select", "declaration": { "name": "UmSelect", "module": "src/select/select.ts" } } ] }, { "kind": "javascript-module", "path": "src/shared/base.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host, * { --_focus-ring-color: var(--u-focus-ring-color, var(--u-color-secondary, rgb(98, 91, 113))); --_focus-ring-outline-offset: var(--u-focus-ring-outline-offset, 2px); font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"); box-sizing: border-box; outline: 0; } .force-focus-ring .focus-ring, :host(.force-focus-ring) .focus-ring, .focus-ring:focus-visible { animation: u-focus-pulse 500ms ease; animation-fill-mode: forwards; outline-offset: var(--_focus-ring-outline-offset); } @keyframes u-focus-pulse { 0% { outline: 0 solid var(--_focus-ring-color); } 50% { outline: 6px solid var(--_focus-ring-color); } 100% { outline: 4px solid var(--_focus-ring-color); } } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/shared/base.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/shared/button-wrapper.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --_color-primary: var(--u-color-primary, rgb(103, 80, 164)); -webkit-tap-highlight-color: transparent; --u-elevation-level: 0; display: inline-block; } .container { position: relative; font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"); appearance: none !important; } .disabled { --u-elevation-level: 0 !important; background-color: var(--u-button-disabled-bg-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-button-disabled-background-opacity, 10%), transparent)) !important; color: var(--u-button-disabled-text-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-button-disabled-opacity, 38%), transparent)) !important; } .disabled .button { cursor: default; } * { color: inherit; } u-elevation { z-index: -1; } .button { cursor: pointer; position: absolute; inset-inline-start: 0; inset-block-start: 0; width: 100%; height: 100%; font-family: inherit; border-radius: inherit; color: inherit; border: none; margin: 0; padding: 0; text-align: center; white-space: nowrap; background: transparent; user-select: none; text-decoration: none; outline: 0; z-index: 0; } .content { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; border-radius: inherit; width: 100%; height: 100%; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/shared/button-wrapper.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/shared/button-wrapper.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmButtonWrapper", "members": [ { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "default": "true" }, { "kind": "field", "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "attribute": "href" }, { "kind": "field", "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "attribute": "target" }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "attribute": "name" }, { "kind": "field", "name": "buttonElement", "type": { "text": "HTMLElement" }, "readonly": true }, { "kind": "field", "name": "_ripple", "type": { "text": "UmRipple" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "innerRole", "type": { "text": "string | null" }, "privacy": "protected", "default": "null" }, { "kind": "field", "name": "pathname", "type": { "text": "string" }, "readonly": true }, { "kind": "method", "name": "_getContainerClasses", "privacy": "protected", "return": { "type": { "text": "Record" } } }, { "kind": "method", "name": "#renderButton", "privacy": "private" }, { "kind": "method", "name": "#renderLink", "privacy": "private" }, { "kind": "method", "name": "_renderContent", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } } }, { "kind": "method", "name": "focus" }, { "kind": "method", "name": "blur" }, { "kind": "method", "name": "getAriaLabel", "privacy": "protected", "return": { "type": { "text": "string | null" } } }, { "kind": "method", "name": "#innerFocusHandler", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#innerClickHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ] }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "_", "type": { "text": "UIEvent" } } ] } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "fieldName": "disabled" }, { "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "fieldName": "href" }, { "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "fieldName": "target" }, { "name": "name", "type": { "text": "string | undefined" }, "fieldName": "name" } ], "superclass": { "name": "LitElement", "package": "lit" }, "customElement": true } ], "exports": [ { "kind": "js", "name": "UmButtonWrapper", "declaration": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ] }, { "kind": "javascript-module", "path": "src/shared/compare-text.ts", "declarations": [ { "kind": "function", "name": "normalizedStartsWith", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "text", "type": { "text": "string | null" } }, { "name": "term", "type": { "text": "string | null" } } ] } ], "exports": [ { "kind": "js", "name": "normalizedStartsWith", "declaration": { "name": "normalizedStartsWith", "module": "src/shared/compare-text.ts" } } ] }, { "kind": "javascript-module", "path": "src/shared/extract-template-html.ts", "declarations": [ { "kind": "function", "name": "extractTemplateHtml", "parameters": [ { "name": "template", "type": { "text": "HTMLTemplateElement" } } ] } ], "exports": [ { "kind": "js", "name": "extractTemplateHtml", "declaration": { "name": "extractTemplateHtml", "module": "src/shared/extract-template-html.ts" } } ] }, { "kind": "javascript-module", "path": "src/shared/mixin-attribute-properties.ts", "declarations": [ { "kind": "mixin", "description": "", "name": "mixinAttributeProperties", "parameters": [ { "name": "base", "type": { "text": "T" } }, { "name": "properties", "type": { "text": "string[]" } } ] } ], "exports": [ { "kind": "js", "name": "mixinAttributeProperties", "declaration": { "name": "mixinAttributeProperties", "module": "src/shared/mixin-attribute-properties.ts" } } ] }, { "kind": "javascript-module", "path": "src/shared/mixin.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/shared/normalize-text.ts", "declarations": [ { "kind": "function", "name": "normalizeText", "return": { "type": { "text": "string" } }, "parameters": [ { "name": "text", "type": { "text": "string | null" } } ] } ], "exports": [ { "kind": "js", "name": "normalizeText", "declaration": { "name": "normalizeText", "module": "src/shared/normalize-text.ts" } } ] }, { "kind": "javascript-module", "path": "src/snackbar/snackbar.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --u-elevation-level: var(--u-snackbar-elevation-level, 3); --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-medium, 16px)); position: fixed; inset-inline: 0; inset-block-end: 0; padding: var(--_snackbar-margin); z-index: var(--u-snackbar-z-index, 1070); display: flex; justify-content: center; pointer-events: none; } .container { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; min-height: var(--u-snackbar-height, 48px); background-color: var(--u-snackbar-container-color, var(--u-color-inverse-surface, rgb(50, 47, 53))); border-radius: var(--u-snackbar-shape, var(--u-shape-corner-extra-small, 4px)); animation-name: snackbar-fade-in; animation-duration: 450ms; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-fill-mode: forwards; min-width: var(--u-snackbar-min-width, 100%); max-width: var(--u-snackbar-max-width, 100%); pointer-events: auto; } .container.dismiss { animation-name: snackbar-fade-out; } u-button { color: var(--u-color-inverse-primary, ); margin: var(--u-snackbar-action-margin, var(--u-spacing-extra-small, 4px)); } u-icon-button { color: var(--u-color-on-inverse-surface, rgb(245, 239, 247)); margin-inline: var(--u-snackbar-close-button-margin, var(--u-spacing-extra-small, 4px)); } .message-container { flex: 1 1 auto; overflow: hidden; color: var(--u-snackbar-message-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247))); padding: var(--u-snackbar-text-margin, var(--u-spacing-medium, 16px)); line-height: 18px; } .message { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 840px) { :host { --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-large, 24px)); } .container { min-width: var(--u-snackbar-min-width, 344px); } } @keyframes snackbar-fade-in { 0% { opacity: 0; transform: scale3d(0.5, 0.5, 1); } 100% { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes snackbar-fade-out { 0% { opacity: 1; transform: scale3d(1, 1, 1); } 100% { opacity: 0; transform: scale3d(0.5, 0.5, 1); } } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/snackbar/snackbar.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/snackbar/snackbar.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmSnackbar", "members": [ { "kind": "field", "name": "minDisplayTime", "type": { "text": "number" }, "static": true, "default": "1500" }, { "kind": "field", "name": "message", "type": { "text": "string" }, "default": "''", "attribute": "message", "reflects": true }, { "kind": "field", "name": "action", "type": { "text": "string" }, "default": "''", "attribute": "action", "reflects": true }, { "kind": "field", "name": "showClose", "type": { "text": "boolean" }, "default": "false", "attribute": "show-close", "reflects": true }, { "kind": "field", "name": "_dismissed", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "_canDismiss", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "duration", "type": { "text": "SnackbarDuration | number" } }, { "kind": "field", "name": "container", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "method", "name": "renderButton", "privacy": "private" }, { "kind": "method", "name": "renderCloseButton", "privacy": "private" }, { "kind": "method", "name": "actionClick", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "dismiss", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "_queue", "type": { "text": "UmSnackbar[]" }, "privacy": "private", "static": true, "default": "[]" }, { "kind": "field", "name": "_lastEnqueued", "type": { "text": "UmSnackbar | null" }, "privacy": "private", "static": true, "default": "null" }, { "kind": "field", "name": "_consuming", "type": { "text": "boolean" }, "privacy": "private", "static": true }, { "kind": "method", "name": "show", "static": true, "return": { "type": { "text": "UmSnackbar" } }, "parameters": [ { "name": "message", "type": { "text": "string" } } ] }, { "kind": "method", "name": "show", "static": true, "return": { "type": { "text": "UmSnackbar" } }, "parameters": [ { "name": "config", "type": { "text": "SnackbarConfig" } } ] }, { "kind": "method", "name": "show", "static": true, "return": { "type": { "text": "UmSnackbar" } }, "parameters": [ { "name": "configOrMessage", "type": { "text": "SnackbarConfig | string" } } ] }, { "kind": "method", "name": "_consumeQueue", "privacy": "private", "static": true }, { "kind": "method", "name": "_showNext", "privacy": "private", "static": true }, { "kind": "method", "name": "createSnackbar", "privacy": "private", "static": true, "return": { "type": { "text": "UmSnackbar" } }, "parameters": [ { "name": "config", "type": { "text": "SnackbarConfig" } } ] } ], "attributes": [ { "name": "message", "type": { "text": "string" }, "default": "''", "fieldName": "message" }, { "name": "action", "type": { "text": "string" }, "default": "''", "fieldName": "action" }, { "name": "show-close", "type": { "text": "boolean" }, "default": "false", "fieldName": "showClose" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-snackbar", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmSnackbar", "declaration": { "name": "UmSnackbar", "module": "src/snackbar/snackbar.ts" } }, { "kind": "custom-element-definition", "name": "u-snackbar", "declaration": { "name": "UmSnackbar", "module": "src/snackbar/snackbar.ts" } } ] }, { "kind": "javascript-module", "path": "src/switch/switch-list-item.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmSwitchListItem", "mixins": [ { "name": "mixinSelectionControlListItem", "module": "/src/shared/selection-control/selection-control-list-item.js" } ], "superclass": { "name": "UmSwitch", "module": "/src/switch/switch.js" }, "tagName": "u-switch-list-item", "customElement": true, "attributes": [ { "name": "leading", "type": { "text": "boolean" }, "default": "false", "fieldName": "leading", "inheritedFrom": { "name": "mixinSelectionControlListItem", "module": "src/shared/selection-control/selection-control-list-item.ts" } }, { "name": "name", "type": { "text": "string | undefined" }, "default": "''", "fieldName": "name", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "name": "value", "type": { "text": "string" }, "default": "'on'", "description": "The element value to use in form submission when checked.", "fieldName": "value", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "name": "checked", "fieldName": "_checkedAttribute", "type": { "text": "boolean" }, "readonly": true, "default": "false", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } } ], "members": [ { "kind": "field", "name": "styles", "type": { "text": "array" }, "static": true, "default": "[ (base as unknown as typeof LitElement).styles ?? [], css` :host { --u-list-item-block-padding: 0; display: block; } :host(:not([disabled])) { cursor: pointer; } `, ]", "inheritedFrom": { "name": "mixinSelectionControlListItem", "module": "src/shared/selection-control/selection-control-list-item.ts" } }, { "kind": "field", "name": "leading", "type": { "text": "boolean" }, "default": "false", "attribute": "leading", "inheritedFrom": { "name": "mixinSelectionControlListItem", "module": "src/shared/selection-control/selection-control-list-item.ts" } }, { "kind": "field", "name": "inputDescribedById", "type": { "text": "string | undefined" }, "privacy": "protected", "default": "'description'", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "inputLabelledById", "type": { "text": "string | undefined" }, "privacy": "protected", "default": "'label'", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "privacy": "protected", "default": "false", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "renderIndicator", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "shadowRootOptions", "type": { "text": "ShadowRootInit" }, "static": true, "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "elementInternals", "type": { "text": "ElementInternals" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "default": "''", "attribute": "name", "reflects": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "input", "type": { "text": "HTMLInputElement" }, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "focus", "parameters": [ { "name": "options", "optional": true, "type": { "text": "FocusOptions" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "#checked", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "inputType", "type": { "text": "'checkbox' | 'radio'" }, "privacy": "protected", "default": "'checkbox'", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "'on'", "description": "The element value to use in form submission when checked.", "attribute": "value", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "checked", "attribute": "checked", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "_checkedAttribute", "type": { "text": "boolean" }, "privacy": "private", "readonly": true, "default": "false", "attribute": "checked", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "#handleInput", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "#handleChange", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "#handleRippleClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } } ] } ], "exports": [ { "kind": "js", "name": "UmSwitchListItem", "declaration": { "name": "UmSwitchListItem", "module": "src/switch/switch-list-item.ts" } }, { "kind": "custom-element-definition", "name": "u-switch-list-item", "declaration": { "name": "UmSwitchListItem", "module": "src/switch/switch-list-item.ts" } } ] }, { "kind": "javascript-module", "path": "src/switch/switch.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --_state-layer-padding: var(--u-switch-state-layer-padding, 4px); --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2); --_indicator-color: var(--u-switch-indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); display: inline-block; vertical-align: middle; } .container { cursor: pointer; position: relative; width: var(--_width); height: var(--_height); padding: var(--_state-layer-padding); border-radius: var(--u-shape-corner-full, 9999px); } :host([hide-state-layer]) .container { width: var(--_indicator-size); height: var(--_indicator-size); padding: 0; } :host([hide-state-layer]) u-ripple { display: none; } input { cursor: pointer; width: 100%; height: 100%; padding: 0; margin: 0; border-radius: inherit; appearance: none; } u-ripple { padding: var(--_state-layer-padding); } .indicator-container { position: absolute; display: flex; align-items: center; justify-content: center; inset: 0; pointer-events: none; } input:checked ~ .indicator-container { --_indicator-color: var(--u-switch-indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164))); } :host([disabled]) { opacity: var(--u-switch-disabled-state-opacity, 0.38); } :host([disabled]) input, :host([disabled]) .container { cursor: default; } :host([disabled]) .indicator-container { --_indicator-color: var(--u-switch-indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32))); } :host { --_width: 3.25rem; --_height: 2rem; --_state-layer-padding: 0; --_selected-track-background: var(--u-switch-track-bg-color, var(--u-color-primary, rgb(103, 80, 164))); --_state-layer-size: var(--u-switch-state-layer-size, 2.5rem); --_unselected-color: var(--u-switch-track-outline-color, var(--u-color-outline, rgb(121, 116, 126))); --_unselected-handle-size: var(--u-swich-unselected-handle-size, 1rem); --_selected-handle-size: var(--u-swich-unselected-handle-size, 1.5rem); --_active-handle-size: var(--u-swich-unselected-handle-size, 1.75rem); } .indicator-container { display: flex; justify-content: flex-end; align-items: center; width: var(--_height); transition: width 200ms; } .state-layer, .indicator { display: flex; justify-content: center; align-items: center; } .indicator { width: var(--_height); height: var(--_height); } .state-layer { flex-shrink: 0; width: var(--_state-layer-size); height: var(--_state-layer-size); border-radius: var(--u-shape-corner-full, 9999px); } .handle { width: var(--_unselected-handle-size); height: var(--_unselected-handle-size); background-color: var(--u-switch-unselected-handle-color, var(--_unselected-color)); border-radius: var(--u-switch-handle-shape-corner, var(--u-shape-corner-full, 9999px)); transition: background 200ms, width 200ms, height 200ms; } input { border: var(--u-switch-track-width, 0.125rem) solid var(--u-switch-unselected-track-outline-color, var(--_unselected-color)); background-color: var(--u-switch-unselected-track-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233))); transition: background 200ms, border-color 200ms; } input:checked { background-color: var(--_selected-track-background); border-color: var(--_selected-track-background); } input:checked ~ .indicator-container { width: 100%; } input:checked ~ .indicator-container .handle { width: var(--_selected-handle-size); height: var(--_selected-handle-size); background-color: var(--u-switch-selected-handle-color, var(--u-color-on-primary, rgb(255, 255, 255))); } @media (hover: hover) { :host(:not([disabled]):hover) .state-layer { background-color: color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-switch-state-layer-hover-opacity, var(--u-state-hover-opacity, 0.08)), transparent); } } :host(:not([disabled]):active) .indicator-container .handle { width: var(--_active-handle-size); height: var(--_active-handle-size); } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/switch/switch.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/switch/switch.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmSwitch", "members": [ { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "privacy": "protected", "default": "false", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "renderIndicator", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "shadowRootOptions", "type": { "text": "ShadowRootInit" }, "static": true, "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "elementInternals", "type": { "text": "ElementInternals" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "default": "''", "attribute": "name", "reflects": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "input", "type": { "text": "HTMLInputElement" }, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true, "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "focus", "parameters": [ { "name": "options", "optional": true, "type": { "text": "FocusOptions" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "#checked", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "inputType", "type": { "text": "'checkbox' | 'radio'" }, "privacy": "protected", "default": "'checkbox'", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "inputDescribedById", "type": { "text": "string | undefined" }, "privacy": "protected", "default": "undefined", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "inputLabelledById", "type": { "text": "string | undefined" }, "privacy": "protected", "default": "undefined", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "'on'", "description": "The element value to use in form submission when checked.", "attribute": "value", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "checked", "attribute": "checked", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "field", "name": "_checkedAttribute", "type": { "text": "boolean" }, "privacy": "private", "readonly": true, "default": "false", "attribute": "checked", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "#handleInput", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "#handleChange", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "#handleRippleClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } } ], "superclass": { "name": "UmSelectionControl", "module": "/src/shared/selection-control/selection-control.js" }, "tagName": "u-switch", "customElement": true, "attributes": [ { "name": "name", "type": { "text": "string | undefined" }, "default": "''", "fieldName": "name", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "name": "value", "type": { "text": "string" }, "default": "'on'", "description": "The element value to use in form submission when checked.", "fieldName": "value", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } }, { "name": "checked", "fieldName": "_checkedAttribute", "type": { "text": "boolean" }, "readonly": true, "default": "false", "inheritedFrom": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } } ] } ], "exports": [ { "kind": "js", "name": "UmSwitch", "declaration": { "name": "UmSwitch", "module": "src/switch/switch.ts" } }, { "kind": "custom-element-definition", "name": "u-switch", "declaration": { "name": "UmSwitch", "module": "src/switch/switch.ts" } } ] }, { "kind": "javascript-module", "path": "src/tab-bar/tab-bar.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { position: relative; display: block; --_active-color: var(--u-tab-active-color, var(--u-color-primary, rgb(103, 80, 164))); --_active-label-color: var(--u-tab-active-label-color, var(--u-color-primary, rgb(103, 80, 164))); overflow: hidden; } .container { position: relative; display: flex; flex-direction: row; width: 100%; min-height: var(--u-tab-bar-min-height, 48px); overflow: auto; scroll-padding-inline: 128px; scrollbar-width: none; } .container::-webkit-scrollbar { display: none; } .scroll-indicator { --u-elevation-level: 2; cursor: pointer; position: absolute; display: none; align-items: center; justify-content: center; top: 0; width: var(--u-tab-bar-scroll-indicator-size, 32px); background-color: var(--u-scroll-indicator-bg-color, var(--u-current-bg-color, var(--u-color-surface, rgb(254, 247, 255)))); font-size: 1.5rem; height: 100%; z-index: 1; } @media (hover: hover) { :host(:hover) .scroll-indicator.active { display: flex; } } .scroll-left { left: 0; } .scroll-right { right: 0; } .tab-indicator { position: absolute; background-color: var(--_active-color); height: 3px; bottom: 0; transition: inset 200ms ease-out, width 200ms ease-out; } .container:not(.secondary) .tab-indicator { border-radius: var(--u-tab-bar-primary-border-radius, 9999px 9999px 0 0); } .secondary { --_active-label-color: var(--u-tab-secondary-active-label-color, var(--u-color-on-surface, rgb(29, 27, 32))); --_tab-content-direction: row; --_tab-content-gap: 8px; --u-tab-with-icon-height: var(--u-tab-secondary-with-icon-height, 48px); } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/tab-bar/tab-bar.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/tab-bar/tab-bar.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmTabBar", "members": [ { "kind": "field", "name": "#tabs", "privacy": "private", "type": { "text": "UmTab[]" }, "default": "[]" }, { "kind": "field", "name": "#activeTab", "privacy": "private", "type": { "text": "UmTab | null" }, "default": "null" }, { "kind": "field", "name": "#resizeObserver", "privacy": "private", "type": { "text": "ResizeObserver" }, "readonly": true, "default": "new ResizeObserver(() => { this._setScrollIndicatorsActive(); this._updateTabIndicator(); })" }, { "kind": "field", "name": "variant", "type": { "text": "'primary' | 'secondary'" }, "default": "'primary'", "attribute": "variant", "reflects": true }, { "kind": "field", "name": "_scrollLeft", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_scrollRight", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_container", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_tabIndicator", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "assignedElements", "type": { "text": "HTMLElement[]" } }, { "kind": "field", "name": "activeTabIndex", "type": { "text": "number" } }, { "kind": "field", "name": "activeTab", "type": { "text": "UmTab | null" } }, { "kind": "field", "name": "#handleSlotChange", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#handleContainerScrollEnd", "privacy": "private", "readonly": true }, { "kind": "method", "name": "_updateTabIndicator" }, { "kind": "field", "name": "#scrollToLeft", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#scrollToRight", "privacy": "private", "readonly": true }, { "kind": "method", "name": "_setScrollIndicatorsActive" }, { "kind": "method", "name": "#attach", "privacy": "private", "return": { "type": { "text": "Promise" } } } ], "attributes": [ { "name": "variant", "type": { "text": "'primary' | 'secondary'" }, "default": "'primary'", "fieldName": "variant" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-tab-bar", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmTabBar", "declaration": { "name": "UmTabBar", "module": "src/tab-bar/tab-bar.ts" } }, { "kind": "custom-element-definition", "name": "u-tab-bar", "declaration": { "name": "UmTabBar", "module": "src/tab-bar/tab-bar.ts" } } ] }, { "kind": "javascript-module", "path": "src/tab-bar/tab.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { flex: 0.5; } .container { --u-focus-ring-outline-offset: -4px; --_tab-height: var(--u-tab-height, 48px); display: block; height: 100%; padding-inline: var(--u-tab-padding, 16px); } .tab-content { display: flex; flex-direction: var(--_tab-content-direction, column); align-items: center; justify-content: center; max-width: 100%; height: var(--_tab-height); gap: var(--_tab-content-gap, 0); } .has-icon { --_tab-height: var(--u-tab-with-icon-height, 64px); } .force-focus-ring .button, .button:focus-visible { border-radius: var(--u-spacing-small, 8px); } .label { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-tab-label-line-height, var(--u-title-s-line-height, 1.25rem)); font-size: var(--u-tab-label-font-size, var(--u-title-s-font-size, 0.875rem)); letter-spacing: var(--u-tab-label-letter-spacing, var(--u-title-s-letter-spacing, 0.0071428571rem)); font-weight: var(--u-tab-label-font-weight, var(--u-title-s-font-weight, var(--u-font-weight-medium, 500))); color: var(--u-tab-label-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .icon { display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: var(--u-tab-label-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } .active .icon, .active .label { color: var(--_active-label-color); } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/tab-bar/tab.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/tab-bar/tab.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmTab", "members": [ { "kind": "field", "name": "_bar", "type": { "text": "UmTabBar | null" }, "default": "null" }, { "kind": "field", "name": "#resizeObserver", "privacy": "private", "type": { "text": "ResizeObserver" }, "readonly": true, "default": "new ResizeObserver(() => { if (this.active) { this._bar?._updateTabIndicator(); } })" }, { "kind": "field", "name": "active", "type": { "text": "boolean" } }, { "kind": "field", "name": "hasIcon", "type": { "text": "boolean" }, "default": "false", "attribute": "hasIcon" }, { "kind": "field", "name": "_container", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_paddingInline", "type": { "text": "string" }, "readonly": true }, { "kind": "method", "name": "_renderContent", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "_", "type": { "text": "UIEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#iconSlotChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "default": "true", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "attribute": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "attribute": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "attribute": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "buttonElement", "type": { "text": "HTMLElement" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "_ripple", "type": { "text": "UmRipple" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "innerRole", "type": { "text": "string | null" }, "privacy": "protected", "default": "null", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "field", "name": "pathname", "type": { "text": "string" }, "readonly": true, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "_getContainerClasses", "privacy": "protected", "return": { "type": { "text": "Record" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderButton", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#renderLink", "privacy": "private", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "focus", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "blur", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "getAriaLabel", "privacy": "protected", "return": { "type": { "text": "string | null" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerFocusHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "kind": "method", "name": "#innerClickHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ], "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "attributes": [ { "name": "hasIcon", "type": { "text": "boolean" }, "default": "false", "fieldName": "hasIcon" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is disabled or not.", "fieldName": "disabled", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "href", "type": { "text": "string | undefined" }, "description": "The URL that the link button points to.", "fieldName": "href", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "target", "type": { "text": "string | undefined" }, "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.", "fieldName": "target", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } }, { "name": "name", "type": { "text": "string | undefined" }, "fieldName": "name", "inheritedFrom": { "name": "UmButtonWrapper", "module": "src/shared/button-wrapper.ts" } } ], "superclass": { "name": "UmButtonWrapper", "module": "/src/shared/button-wrapper.js" }, "tagName": "u-tab", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmTab", "declaration": { "name": "UmTab", "module": "src/tab-bar/tab.ts" } }, { "kind": "custom-element-definition", "name": "u-tab", "declaration": { "name": "UmTab", "module": "src/tab-bar/tab.ts" } } ] }, { "kind": "javascript-module", "path": "src/text-area/text-area.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { resize: both; } .container, .input-wrapper { resize: inherit; } .input-wrapper, .input, textarea, .container { height: 100%; } .input-wrapper { padding: 0 !important; overflow: hidden; } textarea { margin: 0; resize: none; } .input textarea { border-block: var(--_vertical-padding) solid transparent; padding-inline: var(--_field-control-inline-padding); } .container.filled:not(.no-label) textarea { border-top: calc(var(--_vertical-padding) + var(--_label-line-height)) solid transparent; border-bottom: var(--_vertical-padding) solid transparent; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/text-area/text-area.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/text-area/text-area.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmTextArea", "members": [ { "kind": "field", "name": "rows", "type": { "text": "number" }, "default": "2", "attribute": "rows" }, { "kind": "field", "name": "input", "type": { "text": "HTMLInputElement | HTMLTextAreaElement" }, "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "method", "name": "renderControl", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_value", "type": { "text": "string" }, "privacy": "protected", "default": "''", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "value", "attribute": "value", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "autocomplete", "type": { "text": "'on' | 'off' | string | undefined" }, "attribute": "autocomplete", "reflects": true, "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "#maxlength", "privacy": "private", "type": { "text": "number | undefined" }, "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "maxlength", "type": { "text": "number | undefined" }, "attribute": "maxlength", "reflects": true, "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "role", "type": { "text": "string | null" }, "default": "null", "attribute": "role", "reflects": true, "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "method", "name": "focus", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "method", "name": "_handleKeyDown", "privacy": "protected", "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "method", "name": "_handleInput", "privacy": "protected", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "method", "name": "#updateCounter", "privacy": "private", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "shadowRootOptions", "type": { "text": "ShadowRootInit" }, "static": true, "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "empty", "type": { "text": "boolean" }, "default": "true", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "attribute": "empty", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "placeholder", "type": { "text": "string" }, "default": "''", "attribute": "placeholder", "reflects": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "elementInternals", "type": { "text": "ElementInternals" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "config", "type": { "text": "UmFieldDefaults | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "attribute": "variant", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "attribute": "label", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_innerCounter", "type": { "text": "string | undefined" }, "privacy": "protected", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "counter", "type": { "text": "string | undefined" }, "attribute": "counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hideCounter", "type": { "text": "boolean" }, "default": "false", "attribute": "hide-counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "supportingText", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "attribute": "supporting-text", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "errorText", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "attribute": "error-text", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "attribute": "invalid", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "setDefaults", "static": true, "return": { "type": { "text": "ContextProvider>" } }, "parameters": [ { "name": "contextRoot", "type": { "text": "HTMLElement" } }, { "name": "config", "type": { "text": "UmFieldDefaults" } } ], "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasLeadingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "attribute": "has-leading-icon", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasTrailingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "attribute": "has-trailing-icon", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasErrorText", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "attribute": "has-error-text", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedLeadingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedTrailingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedErrorTexts", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_labelElement", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_container", "type": { "text": "HTMLElement" }, "privacy": "protected", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderAfterContent", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleLeadingIconSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleTrailingIconSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleErrorTextSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderDefaultTrailingIcon", "privacy": "protected", "return": { "type": { "text": "TemplateResult | typeof nothing" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ], "attributes": [ { "name": "rows", "type": { "text": "number" }, "default": "2", "fieldName": "rows" }, { "name": "value", "fieldName": "value", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "name": "autocomplete", "type": { "text": "'on' | 'off' | string | undefined" }, "fieldName": "autocomplete", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "name": "maxlength", "type": { "text": "number | undefined" }, "fieldName": "maxlength", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "name": "role", "type": { "text": "string | null" }, "default": "null", "fieldName": "role", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "name": "placeholder", "type": { "text": "string" }, "default": "''", "fieldName": "placeholder", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "fieldName": "variant", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "fieldName": "label", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "counter", "type": { "text": "string | undefined" }, "fieldName": "counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "hide-counter", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideCounter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "supporting-text", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "fieldName": "supportingText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "error-text", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "fieldName": "errorText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "empty", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "fieldName": "empty", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "fieldName": "invalid", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-leading-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "fieldName": "hasLeadingIcon", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-trailing-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "fieldName": "hasTrailingIcon", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-error-text", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "fieldName": "hasErrorText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ], "superclass": { "name": "UmNativeTextFieldWrapper", "module": "/src/shared/char-count-text-field/native-text-field-wrapper.js" }, "tagName": "u-text-area", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmTextArea", "declaration": { "name": "UmTextArea", "module": "src/text-area/text-area.ts" } }, { "kind": "custom-element-definition", "name": "u-text-area", "declaration": { "name": "UmTextArea", "module": "src/text-area/text-area.ts" } } ] }, { "kind": "javascript-module", "path": "src/text-field/text-field.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` .prefix::slotted(*), .prefix span, .suffix::slotted(*), .suffix span { transition: opacity 150ms 100ms; } .prefix span:empty, .suffix span:empty { display: none; } .prefix::slotted(*), .prefix span { color: var(--u-field-prefix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)))); margin-inline-end: var(--u-prefix-margin, var(--u-affix-margin, 2px)); } .suffix::slotted(*), .suffix span { color: var(--u-field-suffix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)))); margin-inline-start: var(--u-suffix-margin, var(--u-affix-margin, 2px)); } :host([disabled]) .prefix span, :host([disabled]) .prefix::slotted(*) { color: var(--u-text-field-prefix-color, var(--u-text-field-affix-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-field-disabled-opacity, 38%), transparent))); } :host([disabled]) .suffix span, :host([disabled]) .suffix::slotted(*) { color: var(--u-text-field-suffix-color, var(--u-text-field-affix-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-field-disabled-opacity, 38%), transparent))); } :host([empty]:not(:focus-within)) .container:not(.no-label) .suffix::slotted(*), :host([empty]:not(:focus-within)) .container:not(.no-label) .suffix span, :host([empty]:not(:focus-within)) .container:not(.no-label) .prefix::slotted(*), :host([empty]:not(:focus-within)) .container:not(.no-label) .prefix span { opacity: 0; transition: opacity 150ms; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/text-field/text-field.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/text-field/text-field.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmTextField", "members": [ { "kind": "field", "name": "type", "type": { "text": "string" }, "default": "'text'", "attribute": "type" }, { "kind": "field", "name": "prefixText", "type": { "text": "string | undefined" }, "attribute": "prefix-text" }, { "kind": "field", "name": "suffixText", "type": { "text": "string | undefined" }, "attribute": "suffix-text" }, { "kind": "field", "name": "readOnly", "type": { "text": "boolean" }, "default": "false", "attribute": "readOnly", "reflects": true }, { "kind": "field", "name": "autocapitalize", "type": { "text": "string" }, "attribute": "autocapitalize", "reflects": true }, { "kind": "field", "name": "input", "type": { "text": "HTMLInputElement | HTMLTextAreaElement" }, "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "method", "name": "renderControl", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_value", "type": { "text": "string" }, "privacy": "protected", "default": "''", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "value", "attribute": "value", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "autocomplete", "type": { "text": "'on' | 'off' | string | undefined" }, "attribute": "autocomplete", "reflects": true, "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "#maxlength", "privacy": "private", "type": { "text": "number | undefined" }, "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "maxlength", "type": { "text": "number | undefined" }, "attribute": "maxlength", "reflects": true, "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "role", "type": { "text": "string | null" }, "default": "null", "attribute": "role", "reflects": true, "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "method", "name": "focus", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "method", "name": "_handleKeyDown", "privacy": "protected", "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "method", "name": "_handleInput", "privacy": "protected", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "method", "name": "#updateCounter", "privacy": "private", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "shadowRootOptions", "type": { "text": "ShadowRootInit" }, "static": true, "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "empty", "type": { "text": "boolean" }, "default": "true", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "attribute": "empty", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "placeholder", "type": { "text": "string" }, "default": "''", "attribute": "placeholder", "reflects": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "elementInternals", "type": { "text": "ElementInternals" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "config", "type": { "text": "UmFieldDefaults | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "attribute": "variant", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "attribute": "label", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_innerCounter", "type": { "text": "string | undefined" }, "privacy": "protected", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "counter", "type": { "text": "string | undefined" }, "attribute": "counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hideCounter", "type": { "text": "boolean" }, "default": "false", "attribute": "hide-counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "supportingText", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "attribute": "supporting-text", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "errorText", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "attribute": "error-text", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "attribute": "invalid", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "setDefaults", "static": true, "return": { "type": { "text": "ContextProvider>" } }, "parameters": [ { "name": "contextRoot", "type": { "text": "HTMLElement" } }, { "name": "config", "type": { "text": "UmFieldDefaults" } } ], "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasLeadingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "attribute": "has-leading-icon", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasTrailingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "attribute": "has-trailing-icon", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasErrorText", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "attribute": "has-error-text", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedLeadingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedTrailingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedErrorTexts", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_labelElement", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_container", "type": { "text": "HTMLElement" }, "privacy": "protected", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderAfterContent", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleLeadingIconSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleTrailingIconSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleErrorTextSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderDefaultTrailingIcon", "privacy": "protected", "return": { "type": { "text": "TemplateResult | typeof nothing" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ], "attributes": [ { "name": "type", "type": { "text": "string" }, "default": "'text'", "fieldName": "type" }, { "name": "prefix-text", "type": { "text": "string | undefined" }, "fieldName": "prefixText" }, { "name": "suffix-text", "type": { "text": "string | undefined" }, "fieldName": "suffixText" }, { "name": "readOnly", "type": { "text": "boolean" }, "default": "false", "fieldName": "readOnly" }, { "name": "autocapitalize", "type": { "text": "string" }, "fieldName": "autocapitalize" }, { "name": "value", "fieldName": "value", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "name": "autocomplete", "type": { "text": "'on' | 'off' | string | undefined" }, "fieldName": "autocomplete", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "name": "maxlength", "type": { "text": "number | undefined" }, "fieldName": "maxlength", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "name": "role", "type": { "text": "string | null" }, "default": "null", "fieldName": "role", "inheritedFrom": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } }, { "name": "placeholder", "type": { "text": "string" }, "default": "''", "fieldName": "placeholder", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "fieldName": "variant", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "fieldName": "label", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "counter", "type": { "text": "string | undefined" }, "fieldName": "counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "hide-counter", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideCounter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "supporting-text", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "fieldName": "supportingText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "error-text", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "fieldName": "errorText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "empty", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "fieldName": "empty", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "fieldName": "invalid", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-leading-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "fieldName": "hasLeadingIcon", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-trailing-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "fieldName": "hasTrailingIcon", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-error-text", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "fieldName": "hasErrorText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ], "superclass": { "name": "UmNativeTextFieldWrapper", "module": "/src/shared/char-count-text-field/native-text-field-wrapper.js" }, "tagName": "u-text-field", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmTextField", "declaration": { "name": "UmTextField", "module": "src/text-field/text-field.ts" } }, { "kind": "custom-element-definition", "name": "u-text-field", "declaration": { "name": "UmTextField", "module": "src/text-field/text-field.ts" } } ] }, { "kind": "javascript-module", "path": "src/theme/color.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/theme/css-var-builder.ts", "declarations": [ { "kind": "class", "description": "", "name": "CssVarBuilder", "members": [ { "kind": "field", "name": "content", "type": { "text": "string" }, "privacy": "private", "default": "''" }, { "kind": "method", "name": "create", "static": true, "return": { "type": { "text": "CssVarBuilder" } } }, { "kind": "method", "name": "add", "return": { "type": { "text": "CssVarBuilder" } }, "parameters": [ { "name": "name", "type": { "text": "string" } }, { "name": "value", "type": { "text": "string" } } ] }, { "kind": "method", "name": "addFromArgb", "return": { "type": { "text": "CssVarBuilder" } }, "parameters": [ { "name": "name", "type": { "text": "string" } }, { "name": "argb", "type": { "text": "number" } } ] }, { "kind": "method", "name": "addLightAndDarkFromArgb", "return": { "type": { "text": "CssVarBuilder" } }, "parameters": [ { "name": "name", "type": { "text": "string" } }, { "name": "lightArgb", "type": { "text": "number" } }, { "name": "darkArgb", "type": { "text": "number" } } ] }, { "kind": "method", "name": "build", "return": { "type": { "text": "string" } } } ] } ], "exports": [ { "kind": "js", "name": "CssVarBuilder", "declaration": { "name": "CssVarBuilder", "module": "src/theme/css-var-builder.ts" } } ] }, { "kind": "javascript-module", "path": "src/theme/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "package": "./theme-builder.js" } } ] }, { "kind": "javascript-module", "path": "src/theme/neutral-colors.ts", "declarations": [ { "kind": "variable", "name": "neutralColors", "type": { "text": "Color[]" }, "default": "[ { name: 'surface', lightTone: 98, darkTone: 6 }, { name: 'surface-bright', lightTone: 98, darkTone: 24 }, { name: 'surface-dim', lightTone: 87, darkTone: 6 }, { name: 'surface-container-lowest', lightTone: 100, darkTone: 4 }, { name: 'surface-container-low', lightTone: 96, darkTone: 10 }, { name: 'surface-container', lightTone: 94, darkTone: 12 }, { name: 'surface-container-high', lightTone: 92, darkTone: 17 }, { name: 'surface-container-highest', lightTone: 90, darkTone: 22 }, { name: 'on-surface', lightTone: 10, darkTone: 90 }, { name: 'light', fixedTone: 98 }, { name: 'on-light', fixedTone: 10 }, { name: 'dark', fixedTone: 6 }, { name: 'on-dark', fixedTone: 90 }, { name: 'scrim', fixedTone: 0 }, { name: 'shadow', fixedTone: 0 }, ]" }, { "kind": "variable", "name": "neutralVariantColors", "type": { "text": "Color[]" }, "default": "[ { name: 'surface-variant', lightTone: 90, darkTone: 30 }, { name: 'on-surface-variant', lightTone: 30, darkTone: 80 }, { name: 'outline', lightTone: 50, darkTone: 60 }, { name: 'outline-variant', lightTone: 80, darkTone: 30 }, ]" } ], "exports": [ { "kind": "js", "name": "neutralColors", "declaration": { "name": "neutralColors", "module": "src/theme/neutral-colors.ts" } }, { "kind": "js", "name": "neutralVariantColors", "declaration": { "name": "neutralVariantColors", "module": "src/theme/neutral-colors.ts" } } ] }, { "kind": "javascript-module", "path": "src/theme/theme-builder.ts", "declarations": [ { "kind": "class", "description": "", "name": "ThemeBuilder", "members": [ { "kind": "field", "name": "cssClass", "type": { "text": "string | null" }, "default": "null" }, { "kind": "field", "name": "colors", "type": { "text": "ThemeColor[]" }, "default": "[]" }, { "kind": "field", "name": "partial", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "#corePalette", "privacy": "private", "type": { "text": "CorePalette" }, "readonly": true }, { "kind": "method", "name": "create", "static": true, "return": { "type": { "text": "ThemeBuilder" } }, "parameters": [ { "name": "primaryColorHex", "type": { "text": "string" } } ] }, { "kind": "method", "name": "createPartial", "static": true, "return": { "type": { "text": "ThemeBuilder" } }, "parameters": [ { "name": "primaryColorHex", "type": { "text": "string" } } ] }, { "kind": "method", "name": "addColorFromHex", "return": { "type": { "text": "ThemeBuilder" } }, "parameters": [ { "name": "name", "type": { "text": "string" } }, { "name": "hex", "type": { "text": "string" } } ] }, { "kind": "method", "name": "addColorFromPalette", "return": { "type": { "text": "ThemeBuilder" } }, "parameters": [ { "name": "name", "type": { "text": "string" } }, { "name": "palette", "type": { "text": "TonalPalette" } } ] }, { "kind": "method", "name": "addStaticColor", "return": { "type": { "text": "ThemeBuilder" } }, "parameters": [ { "name": "name", "type": { "text": "string" } }, { "name": "hex", "type": { "text": "string" } }, { "name": "tone", "default": "80", "type": { "text": "number" } } ] }, { "kind": "method", "name": "setCssClass", "return": { "type": { "text": "ThemeBuilder" } }, "parameters": [ { "name": "cssClass", "type": { "text": "string" } } ] }, { "kind": "method", "name": "ensureCssClassStartsWithDot", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "ensureThemeColors", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "ensureStatusColors", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "getNeutralVariables", "privacy": "private", "return": { "type": { "text": "string" } } }, { "kind": "method", "name": "getNeutralVariantVariables", "privacy": "private", "return": { "type": { "text": "string" } } }, { "kind": "method", "name": "getColorVariables", "return": { "type": { "text": "string" } }, "parameters": [ { "name": "color", "type": { "text": "ThemeColor" } } ] }, { "kind": "method", "name": "getColorsVariables", "privacy": "private", "return": { "type": { "text": "string" } } }, { "kind": "method", "name": "addColors", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "builder", "type": { "text": "CssVarBuilder" } }, { "name": "colors", "type": { "text": "Color[]" } }, { "name": "palette", "type": { "text": "TonalPalette" } } ] }, { "kind": "method", "name": "addToneColor", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "builder", "type": { "text": "CssVarBuilder" } }, { "name": "color", "type": { "text": "Color" } }, { "name": "palette", "type": { "text": "TonalPalette" } } ] }, { "kind": "method", "name": "build", "return": { "type": { "text": "string" } } } ] } ], "exports": [ { "kind": "js", "name": "ThemeBuilder", "declaration": { "name": "ThemeBuilder", "module": "src/theme/theme-builder.ts" } } ] }, { "kind": "javascript-module", "path": "src/theme/theme-color.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/typeahead/highlight.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { display: inline-block; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/typeahead/highlight.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/typeahead/highlight.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmHighlight", "members": [ { "kind": "field", "name": "#result", "privacy": "private", "type": { "text": "string | undefined" } }, { "kind": "field", "name": "#term", "privacy": "private", "type": { "text": "string | undefined" } }, { "kind": "field", "name": "parts", "type": { "text": "string[] | undefined" }, "privacy": "private" }, { "kind": "field", "name": "result", "type": { "text": "string | undefined" }, "description": "The result text to display. If the term is found inside this text, it's highlighted", "attribute": "result" }, { "kind": "field", "name": "term", "type": { "text": "string | undefined" }, "description": "The searched term", "attribute": "term" }, { "kind": "method", "name": "setParts", "privacy": "private" } ], "attributes": [ { "name": "result", "type": { "text": "string | undefined" }, "description": "The result text to display. If the term is found inside this text, it's highlighted", "fieldName": "result" }, { "name": "term", "type": { "text": "string | undefined" }, "description": "The searched term", "fieldName": "term" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-highlight", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmHighlight", "declaration": { "name": "UmHighlight", "module": "src/typeahead/highlight.ts" } }, { "kind": "custom-element-definition", "name": "u-highlight", "declaration": { "name": "UmHighlight", "module": "src/typeahead/highlight.ts" } } ] }, { "kind": "javascript-module", "path": "src/typeahead/typeahead-template-render.ts", "declarations": [ { "kind": "class", "description": "", "name": "TypeaheadTemplateRender", "members": [ { "kind": "field", "name": "content", "type": { "text": "string | HTMLElement | null" }, "default": "null", "attribute": "content" } ], "attributes": [ { "name": "content", "type": { "text": "string | HTMLElement | null" }, "default": "null", "fieldName": "content" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-typeahead-template-render", "customElement": true } ], "exports": [ { "kind": "js", "name": "TypeaheadTemplateRender", "declaration": { "name": "TypeaheadTemplateRender", "module": "src/typeahead/typeahead-template-render.ts" } }, { "kind": "custom-element-definition", "name": "u-typeahead-template-render", "declaration": { "name": "TypeaheadTemplateRender", "module": "src/typeahead/typeahead-template-render.ts" } } ] }, { "kind": "javascript-module", "path": "src/typeahead/typeahead.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { display: block; --u-menu-item-label-font-weight: var(--u-typeahead-item-font-weight, var(--u-font-weight-regular, 400)); } :host([fit-target]) u-menu::part(menu) { width: var(--_menu-width); max-width: none; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/typeahead/typeahead.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/typeahead/typeahead.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmTypeahead", "members": [ { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true" }, { "kind": "field", "name": "#targetId", "privacy": "private", "type": { "text": "string | undefined" } }, { "kind": "field", "name": "#connected", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#target", "privacy": "private", "type": { "text": "| (HTMLElement & {\n autocomplete: 'on' | 'off' | string | null;\n input?: HTMLInputElement;\n _container?: HTMLElement;\n value: string;\n })\n | null" }, "default": "null" }, { "kind": "field", "name": "#documentMutationObserver", "privacy": "private", "type": { "text": "MutationObserver | null" }, "default": "null" }, { "kind": "field", "name": "#targetResizeObserver", "privacy": "private", "type": { "text": "ResizeObserver | null" }, "default": "null" }, { "kind": "field", "name": "#navigationController", "privacy": "private", "readonly": true, "default": "new MenuFieldNavigationController(this)" }, { "kind": "field", "name": "#termNormalized", "privacy": "private", "type": { "text": "string" }, "default": "''" }, { "kind": "field", "name": "#debounceTimeout", "privacy": "private", "type": { "text": "number | null" }, "default": "null" }, { "kind": "field", "name": "#value", "privacy": "private", "type": { "text": "any" } }, { "kind": "field", "name": "#elementInternals", "privacy": "private", "type": { "text": "ElementInternals" }, "readonly": true }, { "kind": "field", "name": "results", "type": { "text": "Data[]" }, "privacy": "private" }, { "kind": "field", "name": "source", "type": { "text": "(any[] | ((term: string) => Promise)) | undefined" }, "description": "The datasource of the typeahead. Accepts an `Array` or a `Promise<[]>`." }, { "kind": "field", "name": "formatter", "type": { "text": "((value: any) => string) | undefined" }, "description": "A function return a string based on a result from the `source`. Useful when the source results are objects." }, { "kind": "field", "name": "template", "type": { "text": "((term: string, value: any) => string | HTMLElement | TemplateResult) | undefined" }, "description": "A string representing an HTML to be rendered inside the menu item. If set, it will replace the `u-highlight`.\n\n_Note:_ Subject to signature change" }, { "kind": "field", "name": "debounce", "type": { "text": "number" }, "default": "300", "description": "The time in milliseconds before triggering an update in the results.", "attribute": "debounce", "reflects": true }, { "kind": "field", "name": "limit", "type": { "text": "number" }, "default": "10", "description": "The number of suggestions to show", "attribute": "limit", "reflects": true }, { "kind": "field", "name": "minLength", "type": { "text": "number" }, "default": "2", "description": "How many characters must be typed before show suggestions\n\n_Note:_ Not used when the source is a `Promise`", "attribute": "minLength", "reflects": true }, { "kind": "field", "name": "openOnFocus", "type": { "text": "boolean" }, "default": "false", "description": "Whether the menu will be show when the target get focus.\n\n_Note:_ The `minLength` will still be applied", "attribute": "open-on-focus", "reflects": true }, { "kind": "field", "name": "editable", "type": { "text": "boolean" }, "default": "false", "description": "If `true`, model values will not be restricted only to items selected from the menu.", "attribute": "editable", "reflects": true }, { "kind": "field", "name": "autocomplete", "type": { "text": "'on' | 'off' | string" }, "default": "'off'", "description": "The value for the `autocomplete` attribute for the target element.", "attribute": "autocomplete", "reflects": true }, { "kind": "field", "name": "spellcheck", "type": { "text": "boolean" }, "default": "false", "description": "The value for the `spellcheck` attribute for the target element.", "attribute": "spellcheck", "reflects": true }, { "kind": "field", "name": "fitTarget", "type": { "text": "boolean" }, "default": "false", "attribute": "fit-target", "reflects": true }, { "kind": "field", "name": "positioning", "type": { "text": "'relative' | 'fixed'" }, "default": "'relative'", "attribute": "positioning", "reflects": true }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true }, { "kind": "field", "name": "value", "type": { "text": "any" }, "description": "Gets or sets the current value of the typeahead." }, { "kind": "method", "name": "focus" }, { "kind": "method", "name": "clear" }, { "kind": "field", "name": "targetId", "type": { "text": "string | undefined" }, "description": "The id of the target element to attach the typeahead.", "attribute": "target-id", "reflects": true }, { "kind": "field", "name": "_menu", "type": { "text": "UmMenu" } }, { "kind": "field", "name": "menuItems", "type": { "text": "NodeListOf" } }, { "kind": "field", "name": "_menuItems", "type": { "text": "UmMenuItem[]" }, "readonly": true }, { "kind": "method", "name": "#attach", "privacy": "private" }, { "kind": "method", "name": "#detach", "privacy": "private" }, { "kind": "method", "name": "#handleItemMouseDown", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "#handleFocus", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#handleInput", "privacy": "private", "readonly": true }, { "kind": "method", "name": "#getItemClickHandler", "privacy": "private", "parameters": [ { "name": "data", "type": { "text": "Data" } } ] }, { "kind": "method", "name": "#setValueAndDispatchEvents", "privacy": "private", "parameters": [ { "name": "value", "type": { "text": "any" } }, { "name": "direct", "default": "false" } ] }, { "kind": "method", "name": "#renderTemplate", "privacy": "private", "return": { "type": { "text": "TemplateResult" } }, "parameters": [ { "name": "value", "type": { "text": "any" } } ] }, { "kind": "method", "name": "#updateResults", "privacy": "private", "parameters": [ { "name": "lazy", "default": "false" } ] }, { "kind": "method", "name": "#getData", "privacy": "private", "return": { "type": { "text": "Promise" } } }, { "kind": "method", "name": "#setValueOnTarget", "privacy": "private" }, { "kind": "method", "name": "#getTargetValue", "privacy": "private", "return": { "type": { "text": "string" } } }, { "kind": "method", "name": "#setTargetValue", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "string" } } ] }, { "kind": "method", "name": "#setMenuAnchor", "privacy": "private" }, { "kind": "method", "name": "#getMenuAnchor", "privacy": "private" }, { "kind": "method", "name": "#getTextValue", "privacy": "private", "return": { "type": { "text": "string" } } }, { "kind": "method", "name": "#setMenuWidthProperty", "privacy": "private", "return": { "type": { "text": "void" } } } ], "events": [ { "name": "input", "type": { "text": "InputEvent" } }, { "name": "change", "type": { "text": "Event" } } ], "attributes": [ { "name": "debounce", "type": { "text": "number" }, "default": "300", "description": "The time in milliseconds before triggering an update in the results.", "fieldName": "debounce" }, { "name": "limit", "type": { "text": "number" }, "default": "10", "description": "The number of suggestions to show", "fieldName": "limit" }, { "name": "minLength", "type": { "text": "number" }, "default": "2", "description": "How many characters must be typed before show suggestions\n\n_Note:_ Not used when the source is a `Promise`", "fieldName": "minLength" }, { "name": "open-on-focus", "type": { "text": "boolean" }, "default": "false", "description": "Whether the menu will be show when the target get focus.\n\n_Note:_ The `minLength` will still be applied", "fieldName": "openOnFocus" }, { "name": "editable", "type": { "text": "boolean" }, "default": "false", "description": "If `true`, model values will not be restricted only to items selected from the menu.", "fieldName": "editable" }, { "name": "autocomplete", "type": { "text": "'on' | 'off' | string" }, "default": "'off'", "description": "The value for the `autocomplete` attribute for the target element.", "fieldName": "autocomplete" }, { "name": "spellcheck", "type": { "text": "boolean" }, "default": "false", "description": "The value for the `spellcheck` attribute for the target element.", "fieldName": "spellcheck" }, { "name": "fit-target", "type": { "text": "boolean" }, "default": "false", "fieldName": "fitTarget" }, { "name": "positioning", "type": { "text": "'relative' | 'fixed'" }, "default": "'relative'", "fieldName": "positioning" }, { "name": "target-id", "type": { "text": "string | undefined" }, "description": "The id of the target element to attach the typeahead.", "fieldName": "targetId" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "u-typeahead", "customElement": true } ], "exports": [ { "kind": "js", "name": "UmTypeahead", "declaration": { "name": "UmTypeahead", "module": "src/typeahead/typeahead.ts" } }, { "kind": "custom-element-definition", "name": "u-typeahead", "declaration": { "name": "UmTypeahead", "module": "src/typeahead/typeahead.ts" } } ] }, { "kind": "javascript-module", "path": "src/shared/char-count-text-field/native-text-field-wrapper.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmNativeTextFieldWrapper", "members": [ { "kind": "field", "name": "_value", "type": { "text": "string" }, "privacy": "protected", "default": "''" }, { "kind": "field", "name": "value", "attribute": "value" }, { "kind": "field", "name": "autocomplete", "type": { "text": "'on' | 'off' | string | undefined" }, "attribute": "autocomplete", "reflects": true }, { "kind": "field", "name": "#maxlength", "privacy": "private", "type": { "text": "number | undefined" } }, { "kind": "field", "name": "maxlength", "type": { "text": "number | undefined" }, "attribute": "maxlength", "reflects": true }, { "kind": "field", "name": "role", "type": { "text": "string | null" }, "default": "null", "attribute": "role", "reflects": true }, { "kind": "method", "name": "focus" }, { "kind": "field", "name": "input", "type": { "text": "HTMLInputElement | HTMLTextAreaElement" } }, { "kind": "method", "name": "_handleKeyDown", "privacy": "protected", "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "_handleInput", "privacy": "protected" }, { "kind": "method", "name": "#updateCounter", "privacy": "private" }, { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "shadowRootOptions", "type": { "text": "ShadowRootInit" }, "static": true, "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "empty", "type": { "text": "boolean" }, "default": "true", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "attribute": "empty", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "placeholder", "type": { "text": "string" }, "default": "''", "attribute": "placeholder", "reflects": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "elementInternals", "type": { "text": "ElementInternals" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "kind": "field", "name": "config", "type": { "text": "UmFieldDefaults | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "attribute": "variant", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "attribute": "label", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_innerCounter", "type": { "text": "string | undefined" }, "privacy": "protected", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "counter", "type": { "text": "string | undefined" }, "attribute": "counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hideCounter", "type": { "text": "boolean" }, "default": "false", "attribute": "hide-counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "supportingText", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "attribute": "supporting-text", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "errorText", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "attribute": "error-text", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "attribute": "invalid", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "setDefaults", "static": true, "return": { "type": { "text": "ContextProvider>" } }, "parameters": [ { "name": "contextRoot", "type": { "text": "HTMLElement" } }, { "name": "config", "type": { "text": "UmFieldDefaults" } } ], "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasLeadingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "attribute": "has-leading-icon", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasTrailingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "attribute": "has-trailing-icon", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasErrorText", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "attribute": "has-error-text", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedLeadingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedTrailingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedErrorTexts", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_labelElement", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_container", "type": { "text": "HTMLElement" }, "privacy": "protected", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderControl", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderAfterContent", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleLeadingIconSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleTrailingIconSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleErrorTextSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderDefaultTrailingIcon", "privacy": "protected", "return": { "type": { "text": "TemplateResult | typeof nothing" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ], "attributes": [ { "name": "value", "fieldName": "value" }, { "name": "autocomplete", "type": { "text": "'on' | 'off' | string | undefined" }, "fieldName": "autocomplete" }, { "name": "maxlength", "type": { "text": "number | undefined" }, "fieldName": "maxlength" }, { "name": "role", "type": { "text": "string | null" }, "default": "null", "fieldName": "role" }, { "name": "placeholder", "type": { "text": "string" }, "default": "''", "fieldName": "placeholder", "inheritedFrom": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } }, { "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "fieldName": "variant", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "fieldName": "label", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "counter", "type": { "text": "string | undefined" }, "fieldName": "counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "hide-counter", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideCounter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "supporting-text", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "fieldName": "supportingText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "error-text", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "fieldName": "errorText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "empty", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "fieldName": "empty", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "fieldName": "invalid", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-leading-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "fieldName": "hasLeadingIcon", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-trailing-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "fieldName": "hasTrailingIcon", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-error-text", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "fieldName": "hasErrorText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ], "superclass": { "name": "UmTextFieldBase", "module": "/src/shared/text-field-base/text-field-base.js" } } ], "exports": [ { "kind": "js", "name": "UmNativeTextFieldWrapper", "declaration": { "name": "UmNativeTextFieldWrapper", "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts" } } ] }, { "kind": "javascript-module", "path": "src/shared/events/dispatch-event.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/shared/events/redispatch-event.ts", "declarations": [ { "kind": "function", "name": "redispatchEvent", "parameters": [ { "name": "element", "type": { "text": "Element" } }, { "name": "event", "type": { "text": "Event" } }, { "name": "newType", "default": "null", "type": { "text": "string | null" } } ] } ], "exports": [ { "kind": "js", "name": "redispatchEvent", "declaration": { "name": "redispatchEvent", "module": "src/shared/events/redispatch-event.ts" } } ] }, { "kind": "javascript-module", "path": "src/shared/menu-field/menu-field-navigation-controller.ts", "declarations": [ { "kind": "class", "description": "", "name": "MenuFieldNavigationController", "members": [ { "kind": "field", "name": "#element", "privacy": "private", "type": { "text": "HTMLElement | null" }, "default": "null" }, { "kind": "field", "name": "focusedMenu", "type": { "text": "TMenuItem | null" }, "privacy": "protected", "default": "null" }, { "kind": "field", "name": "getHost", "type": { "text": "() => TField" }, "privacy": "protected", "readonly": true }, { "kind": "field", "name": "_bindHandleKeyDown", "type": { "text": "(event: KeyboardEvent) => void" }, "privacy": "private", "readonly": true }, { "kind": "method", "name": "attach", "parameters": [ { "name": "element", "type": { "text": "HTMLElement" } } ] }, { "kind": "method", "name": "detach" }, { "kind": "field", "name": "#handleMenuClose", "privacy": "private", "readonly": true }, { "kind": "method", "name": "handleKeyDown", "privacy": "protected", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "navigate", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } }, { "name": "forwards", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "navigateTo", "privacy": "protected", "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } }, { "name": "menu", "type": { "text": "TMenuItem | undefined" } }, { "name": "index", "type": { "text": "number" } } ] }, { "kind": "method", "name": "focusMenu", "parameters": [ { "name": "menu", "type": { "text": "TMenuItem" } }, { "name": "index", "type": { "text": "number" } }, { "name": "active", "default": "true" }, { "name": "scroll", "default": "true" } ] }, { "kind": "method", "name": "blurMenu" }, { "kind": "method", "name": "selectActiveItem", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "afterFocus", "privacy": "protected", "parameters": [ { "name": "_", "type": { "text": "TMenuItem" } }, { "name": "__", "type": { "text": "number" } } ] }, { "kind": "method", "name": "afterBlur", "privacy": "protected" } ] } ], "exports": [ { "kind": "js", "name": "MenuFieldNavigationController", "declaration": { "name": "MenuFieldNavigationController", "module": "src/shared/menu-field/menu-field-navigation-controller.ts" } } ] }, { "kind": "javascript-module", "path": "src/shared/menu-field/menu-field.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/shared/selection-control/selection-control-list-item.ts", "declarations": [ { "kind": "mixin", "description": "", "name": "mixinSelectionControlListItem", "members": [ { "kind": "field", "name": "styles", "type": { "text": "array" }, "static": true, "default": "[ (base as unknown as typeof LitElement).styles ?? [], css` :host { --u-list-item-block-padding: 0; display: block; } :host(:not([disabled])) { cursor: pointer; } `, ]" }, { "kind": "field", "name": "leading", "type": { "text": "boolean" }, "default": "false", "attribute": "leading" }, { "kind": "field", "name": "inputDescribedById", "type": { "text": "string" }, "privacy": "protected", "default": "'description'" }, { "kind": "field", "name": "inputLabelledById", "type": { "text": "string" }, "privacy": "protected", "default": "'label'" } ], "attributes": [ { "name": "leading", "type": { "text": "boolean" }, "default": "false", "fieldName": "leading" } ], "parameters": [ { "name": "base", "type": { "text": "T" } } ] } ], "exports": [ { "kind": "js", "name": "mixinSelectionControlListItem", "declaration": { "name": "mixinSelectionControlListItem", "module": "src/shared/selection-control/selection-control-list-item.ts" } } ] }, { "kind": "javascript-module", "path": "src/shared/selection-control/selection-control.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { --_state-layer-padding: var(--u--state-layer-padding, 4px); --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2); --_indicator-color: var(--u--indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); display: inline-block; vertical-align: middle; } .container { cursor: pointer; position: relative; width: var(--_width); height: var(--_height); padding: var(--_state-layer-padding); border-radius: var(--u-shape-corner-full, 9999px); } :host([hide-state-layer]) .container { width: var(--_indicator-size); height: var(--_indicator-size); padding: 0; } :host([hide-state-layer]) u-ripple { display: none; } input { cursor: pointer; width: 100%; height: 100%; padding: 0; margin: 0; border-radius: inherit; appearance: none; } u-ripple { padding: var(--_state-layer-padding); } .indicator-container { position: absolute; display: flex; align-items: center; justify-content: center; inset: 0; pointer-events: none; } input:checked ~ .indicator-container { --_indicator-color: var(--u--indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164))); } :host([disabled]) { opacity: var(--u--disabled-state-opacity, 0.38); } :host([disabled]) input, :host([disabled]) .container { cursor: default; } :host([disabled]) .indicator-container { --_indicator-color: var(--u--indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32))); } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/shared/selection-control/selection-control.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/shared/selection-control/selection-control.ts", "declarations": [ { "kind": "function", "name": "isActivationClick", "parameters": [ { "name": "event", "type": { "text": "Event" } } ] }, { "kind": "class", "description": "", "name": "UmSelectionControl", "members": [ { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true" }, { "kind": "field", "name": "shadowRootOptions", "type": { "text": "ShadowRootInit" }, "static": true, "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }" }, { "kind": "field", "name": "elementInternals", "type": { "text": "ElementInternals" }, "privacy": "protected", "readonly": true }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "default": "''", "attribute": "name", "reflects": true }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "input", "type": { "text": "HTMLInputElement" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true }, { "kind": "method", "name": "focus", "parameters": [ { "name": "options", "optional": true, "type": { "text": "FocusOptions" } } ] }, { "kind": "field", "name": "#checked", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "inputType", "type": { "text": "'checkbox' | 'radio'" }, "privacy": "protected", "default": "'checkbox'" }, { "kind": "field", "name": "renderRipple", "type": { "text": "boolean" }, "privacy": "protected", "default": "true" }, { "kind": "field", "name": "inputDescribedById", "type": { "text": "string | undefined" }, "privacy": "protected", "default": "undefined" }, { "kind": "field", "name": "inputLabelledById", "type": { "text": "string | undefined" }, "privacy": "protected", "default": "undefined" }, { "kind": "method", "name": "renderIndicator", "privacy": "protected", "return": { "type": { "text": "HTMLTemplateResult" } } }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "'on'", "description": "The element value to use in form submission when checked.", "attribute": "value" }, { "kind": "field", "name": "checked", "attribute": "checked" }, { "kind": "field", "name": "_checkedAttribute", "type": { "text": "boolean" }, "privacy": "private", "readonly": true, "default": "false", "attribute": "checked" }, { "kind": "method", "name": "#handleInput", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleChange", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleRippleClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "_handleClick", "privacy": "protected", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] } ], "attributes": [ { "name": "name", "type": { "text": "string | undefined" }, "default": "''", "fieldName": "name" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "value", "type": { "text": "string" }, "default": "'on'", "description": "The element value to use in form submission when checked.", "fieldName": "value" }, { "name": "checked", "fieldName": "_checkedAttribute", "type": { "text": "boolean" }, "readonly": true, "default": "false" } ], "superclass": { "name": "LitElement", "package": "lit" }, "customElement": true } ], "exports": [ { "kind": "js", "name": "isActivationClick", "declaration": { "name": "isActivationClick", "module": "src/shared/selection-control/selection-control.ts" } }, { "kind": "js", "name": "UmSelectionControl", "declaration": { "name": "UmSelectionControl", "module": "src/shared/selection-control/selection-control.ts" } } ] }, { "kind": "javascript-module", "path": "src/shared/text-field-base/text-field-base.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` .container { cursor: text; } :host([disabled]) .container { cursor: default; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/shared/text-field-base/text-field-base.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/shared/text-field-base/text-field-base.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmTextFieldBase", "members": [ { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true" }, { "kind": "field", "name": "shadowRootOptions", "type": { "text": "ShadowRootInit" }, "static": true, "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }" }, { "kind": "field", "name": "empty", "type": { "text": "boolean" }, "default": "true", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "attribute": "empty", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "placeholder", "type": { "text": "string" }, "default": "''", "attribute": "placeholder", "reflects": true }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true }, { "kind": "field", "name": "elementInternals", "type": { "text": "ElementInternals" }, "privacy": "protected", "readonly": true }, { "kind": "field", "name": "config", "type": { "text": "UmFieldDefaults | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "attribute": "variant", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "attribute": "label", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_innerCounter", "type": { "text": "string | undefined" }, "privacy": "protected", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "counter", "type": { "text": "string | undefined" }, "attribute": "counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hideCounter", "type": { "text": "boolean" }, "default": "false", "attribute": "hide-counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "supportingText", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "attribute": "supporting-text", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "errorText", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "attribute": "error-text", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "attribute": "invalid", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "setDefaults", "static": true, "return": { "type": { "text": "ContextProvider>" } }, "parameters": [ { "name": "contextRoot", "type": { "text": "HTMLElement" } }, { "name": "config", "type": { "text": "UmFieldDefaults" } } ], "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasLeadingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "attribute": "has-leading-icon", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasTrailingIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "attribute": "has-trailing-icon", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "hasErrorText", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "attribute": "has-error-text", "reflects": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedLeadingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedTrailingIcons", "type": { "text": "HTMLElement[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "assignedErrorTexts", "type": { "text": "HTMLElement[]" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_labelElement", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "field", "name": "_container", "type": { "text": "HTMLElement" }, "privacy": "protected", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderControl", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderAfterContent", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleLeadingIconSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleTrailingIconSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "handleErrorTextSlotChange", "privacy": "private", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "kind": "method", "name": "renderDefaultTrailingIcon", "privacy": "protected", "return": { "type": { "text": "TemplateResult | typeof nothing" } }, "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ], "attributes": [ { "name": "placeholder", "type": { "text": "string" }, "default": "''", "fieldName": "placeholder" }, { "name": "variant", "type": { "text": "'filled' | 'outlined' | undefined" }, "default": "undefined", "fieldName": "variant", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "label", "type": { "text": "string | undefined" }, "description": "The floating label for the field", "fieldName": "label", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "counter", "type": { "text": "string | undefined" }, "fieldName": "counter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "hide-counter", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideCounter", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "supporting-text", "type": { "text": "string | undefined" }, "description": "Supporting text conveys additional information about the field, such as how it will be used", "fieldName": "supportingText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "error-text", "type": { "text": "string | undefined" }, "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`", "fieldName": "errorText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "empty", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.", "fieldName": "empty", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Get or sets where or not the field is in a visually invalid state.", "fieldName": "invalid", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-leading-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly", "fieldName": "hasLeadingIcon", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-trailing-icon", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly", "fieldName": "hasTrailingIcon", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } }, { "name": "has-error-text", "type": { "text": "boolean" }, "default": "false", "description": "Whether the field has an error text or not\n\n_Note:_ Readonly", "fieldName": "hasErrorText", "inheritedFrom": { "name": "UmFieldBase", "module": "src/field/field-base.ts" } } ], "superclass": { "name": "UmFieldBase", "module": "/src/field/field-base.js" } } ], "exports": [ { "kind": "js", "name": "UmTextFieldBase", "declaration": { "name": "UmTextFieldBase", "module": "src/shared/text-field-base/text-field-base.ts" } } ] }, { "kind": "javascript-module", "path": "src/shared/sets/set-base.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "default": "css ` :host { display: flex; gap: 8px; align-items: center; flex-wrap: nowrap; } :host([alignment=start]) { justify-content: flex-start; } :host([alignment=center]) { justify-content: center; } :host([alignment=end]) { justify-content: flex-end; } `" } ], "exports": [ { "kind": "js", "name": "styles", "declaration": { "name": "styles", "module": "src/shared/sets/set-base.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/shared/sets/set-base.ts", "declarations": [ { "kind": "class", "description": "", "name": "UmSetBase", "members": [ { "kind": "field", "name": "alignment", "type": { "text": "'start' | 'center' | 'end'" }, "default": "'start'", "description": "Set the alignment of the set at the `start`, `center` or at the `end`.", "attribute": "alignment", "reflects": true } ], "attributes": [ { "name": "alignment", "type": { "text": "'start' | 'center' | 'end'" }, "default": "'start'", "description": "Set the alignment of the set at the `start`, `center` or at the `end`.", "fieldName": "alignment" } ], "superclass": { "name": "LitElement", "package": "lit" }, "customElement": true } ], "exports": [ { "kind": "js", "name": "UmSetBase", "declaration": { "name": "UmSetBase", "module": "src/shared/sets/set-base.ts" } } ] } ] }