@universal-material/web
Version:
Material web components
1,557 lines (1,556 loc) • 770 kB
JSON
{
"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": "./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": "./checkbox/checkbox.js"
}
},
{
"kind": "js",
"name": "*",
"declaration": {
"name": "*",
"package": "./radio/radio.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": "./select/option.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": "./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": "./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 `\n :host {\n display: block;\n background-color: var(--u-top-app-bar-bg-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255))));\n color: var(--u-top-app-bar-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n transition: background-color 100ms, inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n }\n\n :host([container-scrolled]) {\n background-color: var(--u-top-app-bar-constrast-bg-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n }\n\n :host(:not([has-leading-icon])) .leading-icon {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing-icon {\n display: none;\n }\n\n slot[name=leading-icon],\n slot[name=trailing-icon] {\n display: inline-flex;\n align-items: center;\n gap: var(--u-top-app-bar-icons-gap, 8px);\n }\n\n slot[name=leading-icon]::slotted(u-icon-button) {\n color: inherit;\n }\n\n :host([position=absolute]) .container {\n position: absolute;\n }\n\n :host([position=fixed]) .container {\n position: fixed;\n inset-inline: 0;\n inset-block-start: 0;\n inset-inline-start: var(--u-app-bar-offset, 0);\n }\n\n :host([position=absolute]),\n :host([position=fixed]) {\n padding-top: var(--_content-height);\n }\n :host([position=absolute]) .container,\n :host([position=fixed]) .container {\n z-index: var(--u-fixed-app-bar-z-index, 1010);\n }\n\n .extended-content {\n display: flex;\n align-items: flex-end;\n padding-inline: var(--u-extended-content-inline-padding, 16px);\n }\n\n :host([size=medium]) .extended-content {\n 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\"));\n line-height: var(--u-extended-content-medium-line-height, var(--u-headline-s-line-height, 2rem));\n font-size: var(--u-extended-content-medium-font-size, var(--u-headline-s-font-size, 1.5rem));\n letter-spacing: var(--u-extended-content-medium-letter-spacing, var(--u-headline-s-letter-spacing, 0rem));\n font-weight: var(--u-extended-content-medium-font-weight, var(--u-headline-s-font-weight, var(--u-font-weight-regular, 400)));\n height: var(--u-extended-content-medium-height, 3.5rem);\n padding-bottom: var(--u-extended-content-medium-padding-bottom, 24px);\n }\n\n :host([size=large]) .extended-content {\n 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\"));\n line-height: var(--u-extended-content-large-line-height, var(--u-headline-m-line-height, 2.25rem));\n font-size: var(--u-extended-content-large-font-size, var(--u-headline-m-font-size, 1.75rem));\n letter-spacing: var(--u-extended-content-large-letter-spacing, var(--u-headline-m-letter-spacing, 0rem));\n font-weight: var(--u-extended-content-large-font-weight, var(--u-headline-m-font-weight, var(--u-font-weight-regular, 400)));\n height: var(--u-extended-content-medium-large, 6rem);\n padding-bottom: var(--u-extended-content-large-padding-bottom, 28px);\n }\n\n .container {\n background: inherit;\n }\n\n .content {\n display: flex;\n align-items: center;\n background-color: inherit;\n transition: inherit;\n min-height: var(--u-top-app-bar-min-height, 56px);\n }\n @media (min-width: 840px) {\n .content {\n min-height: var(--u-top-app-bar-extended-min-height, 64px);\n }\n }\n\n .headline {\n 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\"));\n line-height: var(--u-top-app-bar-headline-line-height, var(--u-title-l-line-height, 1.75rem));\n font-size: var(--u-top-app-bar-headline-font-size, var(--u-title-l-font-size, 1.375rem));\n letter-spacing: var(--u-top-app-bar-headline-letter-spacing, var(--u-title-l-letter-spacing, 0rem));\n font-weight: var(--u-top-app-bar-headline-font-weight, var(--u-title-l-font-weight, var(--u-font-weight-regular, 400)));\n margin-inline: var(--u-headline-margin, 16px);\n }\n :host([has-leading-icon]) .headline {\n margin-inline-start: 0;\n }\n\n .leading-icon {\n margin-inline: var(--u-leading-icon-margin, 8px);\n }\n\n .trailing-icon {\n padding-inline: var(--u-trailing-icon-margin, 8px);\n margin-inline-start: auto;\n }\n`"
}
],
"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"
},
"default": "false",
"description": "Whether the app bar has 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 app bar has trailing icon or not\n\n_Note:_ Readonly",
"attribute": "has-trailing-icon",
"reflects": true
},
{
"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",
"attribute": "container-scrolled",
"reflects": true
},
{
"kind": "field",
"name": "assignedLeadingIcons",
"type": {
"text": "HTMLElement[]"
},
"privacy": "private"
},
{
"kind": "field",
"name": "assignedTrailingIcons",
"type": {
"text": "HTMLElement[]"
},
"privacy": "private"
},
{
"kind": "field",
"name": "_container",
"type": {
"text": "HTMLElement"
},
"privacy": "private"
},
{
"kind": "field",
"name": "_extendedContent",
"type": {
"text": "HTMLElement"
},
"privacy": "private"
},
{
"kind": "field",
"name": "_headlineElement",
"type": {
"text": "HTMLElement"
},
"privacy": "private"
},
{
"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"
},
{
"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": "has-leading-icon",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
"fieldName": "hasLeadingIcon"
},
{
"name": "has-trailing-icon",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
"fieldName": "hasTrailingIcon"
},
{
"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"
},
{
"name": "container-scrolled",
"type": {
"text": "boolean"
},
"default": "false",
"fieldName": "containerScrolled"
}
],
"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-field/button-field.styles.ts",
"declarations": [
{
"kind": "variable",
"name": "styles",
"default": "css `\n :host(:not([disabled])) .container {\n cursor: pointer;\n }\n\n .button {\n position: absolute;\n inset: 0;\n margin: 0;\n padding: 0;\n background: transparent;\n border: none;\n appearance: none;\n }\n`"
}
],
"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,
"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": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
"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"
},
"inheritedFrom": {
"name": "UmTextFieldBase",
"module": "src/shared/text-field-base/text-field-base.ts"
}
},
{
"kind": "field",
"name": "elementInternals",
"type": {
"text": "ElementInternals"
},
"privacy": "protected",
"inheritedFrom": {
"name": "UmTextFieldBase",
"module": "src/shared/text-field-base/text-field-base.ts"
}
},
{
"kind": "field",
"name": "config",
"type": {
"text": "UmFieldDefaults | undefined"
},
"privacy": "private",
"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<Context<HTMLElement, UmFieldDefaults>>"
}
},
"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": "private",
"inheritedFrom": {
"name": "UmFieldBase",
"module": "src/field/field-base.ts"
}
},
{
"kind": "field",
"name": "assignedTrailingIcons",
"type": {
"text": "HTMLElement[]"
},
"privacy": "private",
"inheritedFrom": {
"name": "UmFieldBase",
"module": "src/field/field-base.ts"
}
},
{
"kind": "field",
"name": "assignedErrorTexts",
"type": {
"text": "HTMLElement[]"
},
"privacy": "private",
"inheritedFrom": {
"name": "UmFieldBase",
"module": "src/field/field-base.ts"
}
},
{
"kind": "field",
"name": "_labelElement",
"type": {
"text": "HTMLElement"
},
"privacy": "private",
"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",
"resolveInitializer": {
"module": "src/field/field-base.ts"
},
"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/button/button-base.styles.ts",
"declarations": [
{
"kind": "variable",
"name": "styles",
"default": "css `\n :host {\n --_morph-duration: var(--u-button-morph-duration, 125ms);\n transition: background-color var(--_morph-duration) linear, border-radius var(--_morph-duration) linear, color var(--_morph-duration) linear;\n }\n\n .icon {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 1em;\n height: 1em;\n line-height: 1em;\n }\n\n ::slotted([slot=icon]) {\n display: inline-block;\n }\n`"
}
],
"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,
"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"
}
},
{
"kind": "field",
"name": "#elementInternals",
"privacy": "private",
"type": {
"text": "ElementInternals"
}
},
{
"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"
},
"inheritedFrom": {
"name": "UmButtonWrapper",
"module": "src/shared/button-wrapper.ts"
}
},
{
"kind": "field",
"name": "ripple",
"type": {
"text": "UmRipple"
},
"privacy": "private",
"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"
},
"inheritedFrom": {
"name": "UmButtonWrapper",
"module": "src/shared/button-wrapper.ts"
}
},
{
"kind": "method",
"name": "renderButton",
"privacy": "private",
"inheritedFrom": {
"name": "UmButtonWrapper",