@ncino/web-components 9.0.1-preview.3 → 9.1.0-preview.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/input/base/input-base.gator.js +1 -1
- package/dist/components/input/gator/input-group/input-group.gator.js +21 -0
- package/dist/packages/web-components/src/components/input/gator/input-group/input-group.gator.scss.js +1 -0
- package/dist/packages/web-components/src/components/input/input.gator.scss.js +1 -1
- package/dist/types/components/input/gator/input-group/input-group.gator.d.ts +26 -0
- package/dist/types/components/input/gator/input-group/input-group.gator.test.d.ts +0 -0
- package/dist/types/utils/vitest-utils.d.ts +1 -1
- package/dist/utils/vitest-utils.js +1 -1
- package/package.json +2 -2
- package/web-types.json +153 -1
|
@@ -3,7 +3,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
3
3
|
label="${l(this.iconAsLabel?this.label:void 0)}"
|
|
4
4
|
.name="${this.startIcon}"
|
|
5
5
|
></ngc-icon>`:null}get startIconId(){return`${this.id}-start-icon`}get endIconMarkup(){return this.endIcon?i`
|
|
6
|
-
<ngc-icon .name="${this.endIcon}"></ngc-icon>`:null}get labelMarkup(){return i`
|
|
6
|
+
<ngc-icon .name="${this.endIcon}" size="small"></ngc-icon>`:null}get labelMarkup(){return i`
|
|
7
7
|
<ngc-input-label
|
|
8
8
|
id="${this.labelId}"
|
|
9
9
|
?required="${this.required&&!this.hideRequired}"
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as n}from"../../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{customElement as d}from"../../../../utils/decorators/custom-element-decorator.js";import g from"../../../../packages/web-components/src/components/input/gator/input-group/input-group.gator.scss.js";import{NgcInputBase as u}from"../../base/input-base.gator.js";import"../input-label/input-label.gator.js";import"../help-text/help-text.gator.js";import{classMap as m}from"../../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";import{property as c}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{createRef as h,ref as f}from"../../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/ref.js";import{unsafeCSS as _}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var b=Object.defineProperty,v=Object.getOwnPropertyDescriptor,y=Object.getPrototypeOf,w=Reflect.get,l=(e,t,r,i)=>{for(var s=i>1?void 0:i?v(t,r):t,p=e.length-1,a;p>=0;p--)(a=e[p])&&(s=(i?a(t,r,s):a(s))||s);return i&&s&&b(t,r,s),s},S=(e,t,r)=>w(y(e),r,t);let o=class extends u{constructor(){super(...arguments),this.withSpacing=!1,this.groupRef=h()}updated(e){super.updated(e),this._updateSlottedItems(),requestAnimationFrame(()=>{const t=this.shadowRoot?.querySelectorAll("ngc-help-text");t&&this.groupRef.value&&(this.groupRef.value.ariaDescribedByElements=Array.from(t))})}render(){return n`
|
|
2
|
+
<div class="${m(this._inputGroupClasses)}">
|
|
3
|
+
<ngc-input-label
|
|
4
|
+
id="input-group-label"
|
|
5
|
+
?disabled="${this.disabled}"
|
|
6
|
+
>
|
|
7
|
+
${this.label}
|
|
8
|
+
</ngc-input-label>
|
|
9
|
+
|
|
10
|
+
<div
|
|
11
|
+
${f(this.groupRef)}
|
|
12
|
+
aria-labelledby="input-group-label"
|
|
13
|
+
role="group"
|
|
14
|
+
class="input-group-slots"
|
|
15
|
+
>
|
|
16
|
+
<slot @slotchange="${this._updateSlottedItems}"></slot>
|
|
17
|
+
</div>
|
|
18
|
+
|
|
19
|
+
${this.bottomText}
|
|
20
|
+
</div>
|
|
21
|
+
`}get _inputGroupClasses(){return{"input-group":!0,"input-group-disabled":this.disabled,"input-group-with-spacing":this.withSpacing,"input-group-error":!!this.errorText}}_updateSlottedItems(){if(this._inputs)for(const[e,t]of this._inputs.entries()){const r=t;r.classList.add("input-group-field"),r.disabled=this.disabled,r.readonly=this.readonly}}get _inputs(){return this.shadowRoot?.querySelector("slot")?.assignedElements().filter(e=>e.nodeName.startsWith("NGC-INPUT"))}};o.shadowRootOptions={...u.shadowRootOptions,delegatesFocus:!0};o.styles=[...S(o,o,"styles"),_(g)];l([c({type:Boolean,attribute:"with-spacing"})],o.prototype,"withSpacing",2);o=l([d("ngc-input-group")],o);export{o as NgcInputGroup};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const t=".input-group-disabled:not(.input-group-with-spacing) ::slotted(:not(:first-child)){--ngc-input-border-left-disabled: 1px solid var(--color-border-secondary)}.input-group-error .input-group-slots{--ngc-input-border-color: var(--color-border-error-secondary)}.input-group-slots{--ngc-input-label-font-size: var(--font-size-body-3);--ngc-input-label-line-height: var(--line-height-body-3);--ngc-input-label-font-weight: var(--font-weight-regular);display:flex;flex-direction:row}.input-group:not(.input-group-with-spacing) .input-group-slots ::slotted(:first-child){--ngc-input-border-radius: var(--border-radius-x-small) 0 0 var(--border-radius-x-small)}.input-group:not(.input-group-with-spacing) .input-group-slots ::slotted(:not(:first-child)){margin-left:-1px}.input-group:not(.input-group-with-spacing) .input-group-slots ::slotted(:last-child){--ngc-input-border-radius: 0 var(--border-radius-x-small) var(--border-radius-x-small) 0}.input-group:not(.input-group-with-spacing) .input-group-slots ::slotted(:not(:first-child):not(:last-child)){--ngc-input-border-radius: 0}.input-group-with-spacing .input-group-slots ::slotted(:not(:first-child)){margin-left:var(--spacing-8)}";export{t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const r='input,textarea{border:none;background-color:transparent}input:focus,textarea:focus{outline:none}input[type=time]::-webkit-calendar-picker-indicator{background:none;display:none}input:disabled,input:disabled::placeholder{color:var(--color-text-disabled)}.gator-form-element-control:focus-within:not(.gator-disabled){outline:var(--ngc-input-focus-outline, 2px solid var(--ngc-input-outline-color-focused, var(--color-border-neutral, #1F1F1F)))!important;outline-offset:0}.gator-form-element{display:block;margin-bottom:var(--ngc-input-margin-bottom, 1rem);max-width:var(--ngc-input-max-width, 100%)}.gator-form-element-control{padding:var(--ngc-input-padding, var(--spacing-7) var(--spacing-8));display:flex;flex-direction:column;height:var(--ngc-input-height, unset)}.gator-form-element-help-text.gator-disabled{--ngc-help-text-color: var(--color-text-disabled);--ngc-help-text-icon-color: var(--color-icon-disabled)}.gator-input,.gator-faux-input{display:flex;width:100%;height:100%;font-size:var(--ngc-input-font-size, var(--font-size-body-1));font-family:var(--font-family-body, "Open Sans"),sans-serif;padding:0;line-height:var(--ngc-input-line-height, var(--line-height-body-1, 1.5rem))}.gator-form-element-control{margin:var(--spacing-5) 0;border:1px solid var(--ngc-input-border-color, var(--color-border-primary));border-radius:var(--ngc-input-border-radius, var(--border-radius-x-small));flex:1;background-color:var(--ngc-input-background-color, var(--color-surface-primary))}.gator-form-element-control:hover:not(.gator-disabled){border:1px solid var(--ngc-input-border-color-hovered, var(--color-border-brand-secondary));outline:none}.gator-readonly{border
|
|
1
|
+
const r='input,textarea{border:none;background-color:transparent}input:focus,textarea:focus{outline:none}input[type=time]::-webkit-calendar-picker-indicator{background:none;display:none}input:disabled,input:disabled::placeholder{color:var(--color-text-disabled)}.gator-form-element-control:focus-within:not(.gator-disabled){outline:var(--ngc-input-focus-outline, 2px solid var(--ngc-input-outline-color-focused, var(--color-border-neutral, #1F1F1F)))!important;outline-offset:0}.gator-form-element{display:block;margin-bottom:var(--ngc-input-margin-bottom, 1rem);max-width:var(--ngc-input-max-width, 100%);width:var(--ngc-input-width)}.gator-form-element-control{padding:var(--ngc-input-padding, var(--spacing-7) var(--spacing-8));display:flex;flex-direction:column;height:var(--ngc-input-height, unset)}.gator-form-element-help-text.gator-disabled{--ngc-help-text-color: var(--color-text-disabled);--ngc-help-text-icon-color: var(--color-icon-disabled)}.gator-input,.gator-faux-input{display:flex;width:100%;height:100%;font-size:var(--ngc-input-font-size, var(--font-size-body-1));font-family:var(--font-family-body, "Open Sans"),sans-serif;padding:0;line-height:var(--ngc-input-line-height, var(--line-height-body-1, 1.5rem))}.gator-form-element-control{margin:var(--spacing-5) 0;border:1px solid var(--ngc-input-border-color, var(--color-border-primary));border-radius:var(--ngc-input-border-radius, var(--border-radius-x-small));flex:1;background-color:var(--ngc-input-background-color, var(--color-surface-primary))}.gator-form-element-control:hover:not(.gator-disabled){border:1px solid var(--ngc-input-border-color-hovered, var(--color-border-brand-secondary));outline:none}.gator-readonly{border:1px solid var(--color-border-read-only);background:var(--color-surface-tertiary);color:var(--color-text-primary)}.gator-has-error:not(.gator-readonly){border-color:var(--ngc-input-error-border, var(--color-border-error-secondary))!important}.gator-disabled{background:var(--color-surface-tertiary);border:var(--ngc-input-border-disabled, none);border-left:var(--ngc-input-border-left-disabled);border-right:var(--ngc-input-border-right-disabled);cursor:not-allowed;--ngc-icon-color: var(--color-icon-disabled);color:var(--color-text-disabled)}.gator-disabled input,.gator-disabled textarea{cursor:not-allowed}.gator-form-element-control-icon-right{display:flex;align-items:center}.gator-input-container{display:flex;align-items:center;position:relative;width:100%;min-height:24px}.gator-input-start,.gator-input-end{display:flex;align-items:center;font-family:var(--font-family-body, "Open Sans"),sans-serif;font-size:var(--font-size-body-1)}.gator-input-start{margin-right:.5rem}.gator-cursor-pointer{cursor:pointer}';export{r as default};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { PropertyValues } from 'lit';
|
|
2
|
+
import { NgcInputBase } from '../../base/input-base.gator.ts';
|
|
3
|
+
import { Ref } from 'lit/directives/ref.js';
|
|
4
|
+
export declare class NgcInputGroup extends NgcInputBase {
|
|
5
|
+
static shadowRootOptions: {
|
|
6
|
+
delegatesFocus: boolean;
|
|
7
|
+
clonable?: boolean;
|
|
8
|
+
customElementRegistry?: CustomElementRegistry;
|
|
9
|
+
mode: ShadowRootMode;
|
|
10
|
+
serializable?: boolean;
|
|
11
|
+
slotAssignment?: SlotAssignmentMode;
|
|
12
|
+
};
|
|
13
|
+
static styles: import('lit').CSSResult[];
|
|
14
|
+
withSpacing: boolean;
|
|
15
|
+
protected updated(_changedProperties: PropertyValues): void;
|
|
16
|
+
groupRef: Ref<HTMLElement>;
|
|
17
|
+
render(): import('lit').TemplateResult<1>;
|
|
18
|
+
private get _inputGroupClasses();
|
|
19
|
+
private _updateSlottedItems;
|
|
20
|
+
private get _inputs();
|
|
21
|
+
}
|
|
22
|
+
declare global {
|
|
23
|
+
interface HTMLElementTagNameMap {
|
|
24
|
+
'ngc-input-group': NgcInputGroup;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
File without changes
|
|
@@ -10,7 +10,7 @@ export declare function getShadowRootElement(element: Element | null | undefined
|
|
|
10
10
|
export declare function getShadowRootElements(element: Element | null | undefined, markup: string): NodeListOf<Element> | undefined;
|
|
11
11
|
export declare function getSlotTextContent(element: HTMLElement | null | undefined): string | null | undefined;
|
|
12
12
|
export declare function getNamedSlotTextContent(element: HTMLElement | null, name: string): string | undefined | null;
|
|
13
|
-
export declare function getSlottedElements(element: HTMLElement | null): Element[] | undefined;
|
|
13
|
+
export declare function getSlottedElements(element: HTMLElement | null, elementFilter?: string | null): Element[] | undefined;
|
|
14
14
|
export declare function getNamedSlottedElements(element: HTMLElement | null, name: string): Element[] | undefined;
|
|
15
15
|
export declare function flushPromises(time?: number): Promise<unknown>;
|
|
16
16
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
async function r(e){document.body.innerHTML=e,await new Promise(t=>setTimeout(t,0))}function s(e){return document.body.querySelector(e)}function u(e,t){return e?.querySelector(t)}function
|
|
1
|
+
async function r(e){document.body.innerHTML=e,await new Promise(t=>setTimeout(t,0))}function s(e){return document.body.querySelector(e)}function u(e,t){return e?.querySelector(t)}function a(e,t){return e?.querySelectorAll(t)}function d(e){return document.body.querySelectorAll(e)}function c(e,t){return e?.shadowRoot?.querySelectorAll(t)}function m(e,t){return e?.shadowRoot?.querySelector(t)}function i(e,t){return e?.shadowRoot?.querySelector(`[data-testid="${t}"]`)}function f(e,t){return e?.shadowRoot?.querySelector(t)}function g(e,t){return e?.shadowRoot?.querySelectorAll(t)}function S(e){const t=e?.shadowRoot?.querySelectorAll("slot"),n=Array.from(t).find(l=>l.name==="")?.assignedNodes({flatten:!0}).filter(l=>l.textContent?.trim()!=="");return n&&n.length>0?n[0].textContent:null}function E(e,t){const o=e?.shadowRoot?.querySelector(`slot[name="${t}"]`);return(o?.assignedNodes().length?o?.assignedNodes({flatten:!0})[0]:o?.assignedElements({flatten:!0})[0])?.textContent}function y(e,t=null){let n=e?.shadowRoot?.querySelector("slot")?.assignedElements({flatten:!0});return t&&(n=n?.filter(l=>l.tagName.toLowerCase()===t)),n}function w(e,t){return e?.shadowRoot?.querySelector(`slot[name=${t}]`)?.assignedElements({flatten:!0})}function h(e=0){return new Promise(t=>setTimeout(t,e))}function R(e){const t=/<!--\?lit\$[^\$]*\$-->/g;return e.replace(t,"").replace(/\s+/g," ").trim()}export{r as addTestableElement,R as cleanInnerHTML,h as flushPromises,s as getElement,u as getElementInsideElement,d as getElements,a as getElementsInsideElement,E as getNamedSlotTextContent,w as getNamedSlottedElements,f as getShadowRootElement,i as getShadowRootElementByDataTestId,g as getShadowRootElements,m as getShadowRootHTMLElement,c as getShadowRootHTMLElements,S as getSlotTextContent,y as getSlottedElements};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ncino/web-components",
|
|
3
3
|
"author": "nCino",
|
|
4
|
-
"version": "9.0
|
|
4
|
+
"version": "9.1.0-preview.1",
|
|
5
5
|
"license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
"vite-plugin-static-copy": "^3.1.4",
|
|
108
108
|
"vitest": "^4.0.15",
|
|
109
109
|
"yaml-eslint-parser": "^1.3.2",
|
|
110
|
-
"@ncino/styles": "9.0
|
|
110
|
+
"@ncino/styles": "9.1.0-preview.1"
|
|
111
111
|
},
|
|
112
112
|
"peerDependencies": {
|
|
113
113
|
"@ncino/styles": ">=8.0.0-preview.0"
|
package/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@ncino/web-components",
|
|
4
|
-
"version": "9.0.1-preview.
|
|
4
|
+
"version": "9.0.1-preview.3",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -7959,6 +7959,158 @@
|
|
|
7959
7959
|
],
|
|
7960
7960
|
"events": []
|
|
7961
7961
|
}
|
|
7962
|
+
},
|
|
7963
|
+
{
|
|
7964
|
+
"name": "ngc-input-group",
|
|
7965
|
+
"description": "\n---\n\n\n### **Events:**\n - **change**\n- **input**",
|
|
7966
|
+
"doc-url": "",
|
|
7967
|
+
"attributes": [
|
|
7968
|
+
{
|
|
7969
|
+
"name": "with-spacing",
|
|
7970
|
+
"value": { "type": "boolean", "default": "false" }
|
|
7971
|
+
},
|
|
7972
|
+
{ "name": "id", "value": { "type": "string", "default": "''" } },
|
|
7973
|
+
{
|
|
7974
|
+
"name": "required",
|
|
7975
|
+
"value": { "type": "boolean", "default": "false" }
|
|
7976
|
+
},
|
|
7977
|
+
{
|
|
7978
|
+
"name": "hide-required",
|
|
7979
|
+
"value": { "type": "boolean", "default": "false" }
|
|
7980
|
+
},
|
|
7981
|
+
{
|
|
7982
|
+
"name": "optional",
|
|
7983
|
+
"value": { "type": "boolean", "default": "false" }
|
|
7984
|
+
},
|
|
7985
|
+
{
|
|
7986
|
+
"name": "disabled",
|
|
7987
|
+
"value": { "type": "boolean", "default": "false" }
|
|
7988
|
+
},
|
|
7989
|
+
{
|
|
7990
|
+
"name": "readonly",
|
|
7991
|
+
"value": { "type": "boolean", "default": "false" }
|
|
7992
|
+
},
|
|
7993
|
+
{ "name": "label", "value": { "type": "string", "default": "''" } },
|
|
7994
|
+
{
|
|
7995
|
+
"name": "aria-description",
|
|
7996
|
+
"value": { "type": "string | null", "default": "null" }
|
|
7997
|
+
},
|
|
7998
|
+
{
|
|
7999
|
+
"name": "aria-labelled-by-elements",
|
|
8000
|
+
"value": {
|
|
8001
|
+
"type": "readonly Element[] | null",
|
|
8002
|
+
"default": "null"
|
|
8003
|
+
}
|
|
8004
|
+
},
|
|
8005
|
+
{
|
|
8006
|
+
"name": "placeholder",
|
|
8007
|
+
"value": { "type": "string", "default": "''" }
|
|
8008
|
+
},
|
|
8009
|
+
{
|
|
8010
|
+
"name": "value",
|
|
8011
|
+
"value": { "type": "string | number | undefined | null" }
|
|
8012
|
+
},
|
|
8013
|
+
{
|
|
8014
|
+
"name": "error-text",
|
|
8015
|
+
"value": { "type": "string", "default": "''" }
|
|
8016
|
+
},
|
|
8017
|
+
{
|
|
8018
|
+
"name": "help-text",
|
|
8019
|
+
"value": { "type": "string", "default": "''" }
|
|
8020
|
+
},
|
|
8021
|
+
{
|
|
8022
|
+
"name": "type",
|
|
8023
|
+
"value": { "type": "string", "default": "'text'" }
|
|
8024
|
+
},
|
|
8025
|
+
{
|
|
8026
|
+
"name": "start-icon",
|
|
8027
|
+
"value": { "type": "string", "default": "''" }
|
|
8028
|
+
},
|
|
8029
|
+
{
|
|
8030
|
+
"name": "end-icon",
|
|
8031
|
+
"value": { "type": "string", "default": "''" }
|
|
8032
|
+
},
|
|
8033
|
+
{
|
|
8034
|
+
"name": "min-length",
|
|
8035
|
+
"value": { "type": "string", "default": "undefined" }
|
|
8036
|
+
},
|
|
8037
|
+
{
|
|
8038
|
+
"name": "max-length",
|
|
8039
|
+
"value": { "type": "string", "default": "undefined" }
|
|
8040
|
+
},
|
|
8041
|
+
{
|
|
8042
|
+
"name": "icon-as-label",
|
|
8043
|
+
"value": { "type": "boolean", "default": "false" }
|
|
8044
|
+
},
|
|
8045
|
+
{
|
|
8046
|
+
"name": "skeleton",
|
|
8047
|
+
"value": { "type": "boolean", "default": "false" }
|
|
8048
|
+
},
|
|
8049
|
+
{
|
|
8050
|
+
"name": "data-testid",
|
|
8051
|
+
"value": { "type": "string | undefined", "default": "undefined" }
|
|
8052
|
+
}
|
|
8053
|
+
],
|
|
8054
|
+
"events": [
|
|
8055
|
+
{ "name": "change", "type": "CustomEvent" },
|
|
8056
|
+
{ "name": "input", "type": "CustomEvent" }
|
|
8057
|
+
],
|
|
8058
|
+
"js": {
|
|
8059
|
+
"properties": [
|
|
8060
|
+
{ "name": "withSpacing", "type": "boolean" },
|
|
8061
|
+
{ "name": "groupRef", "type": "Ref<HTMLElement>" },
|
|
8062
|
+
{ "name": "controlRef", "type": "Ref<HTMLDivElement>" },
|
|
8063
|
+
{ "name": "shouldHaveStartMarkup" },
|
|
8064
|
+
{ "name": "shouldHaveEndMarkup" },
|
|
8065
|
+
{ "name": "startIconMarkup" },
|
|
8066
|
+
{ "name": "startIconId" },
|
|
8067
|
+
{ "name": "endIconMarkup" },
|
|
8068
|
+
{ "name": "labelMarkup" },
|
|
8069
|
+
{ "name": "labelId" },
|
|
8070
|
+
{ "name": "ariaLabelledbyValue" },
|
|
8071
|
+
{ "name": "helpTextMarkup" },
|
|
8072
|
+
{ "name": "helpTextClasses" },
|
|
8073
|
+
{ "name": "helpTextId" },
|
|
8074
|
+
{ "name": "bottomText" },
|
|
8075
|
+
{ "name": "errorTextMarkup" },
|
|
8076
|
+
{ "name": "errorTextId" },
|
|
8077
|
+
{ "name": "ariaDescribedby" },
|
|
8078
|
+
{ "name": "controlClasses" },
|
|
8079
|
+
{ "name": "internals", "type": "ElementInternals" },
|
|
8080
|
+
{ "name": "form", "type": "HTMLFormElement | null" },
|
|
8081
|
+
{ "name": "id", "type": "string" },
|
|
8082
|
+
{ "name": "required", "type": "boolean" },
|
|
8083
|
+
{ "name": "hideRequired", "type": "boolean" },
|
|
8084
|
+
{ "name": "optional", "type": "boolean" },
|
|
8085
|
+
{ "name": "disabled", "type": "boolean" },
|
|
8086
|
+
{ "name": "readonly", "type": "boolean" },
|
|
8087
|
+
{ "name": "label", "type": "string" },
|
|
8088
|
+
{ "name": "ariaDescription", "type": "string | null" },
|
|
8089
|
+
{
|
|
8090
|
+
"name": "ariaLabelledByElements",
|
|
8091
|
+
"type": "readonly Element[] | null"
|
|
8092
|
+
},
|
|
8093
|
+
{ "name": "placeholder", "type": "string" },
|
|
8094
|
+
{ "name": "value", "type": "string | number | undefined | null" },
|
|
8095
|
+
{ "name": "errorText", "type": "string" },
|
|
8096
|
+
{ "name": "helpText", "type": "string" },
|
|
8097
|
+
{ "name": "type", "type": "string" },
|
|
8098
|
+
{ "name": "startIcon", "type": "string" },
|
|
8099
|
+
{ "name": "endIcon", "type": "string" },
|
|
8100
|
+
{ "name": "minLength", "type": "string" },
|
|
8101
|
+
{ "name": "maxLength", "type": "string" },
|
|
8102
|
+
{ "name": "iconAsLabel", "type": "boolean" },
|
|
8103
|
+
{ "name": "skeleton", "type": "boolean" },
|
|
8104
|
+
{ "name": "dataTestid", "type": "string | undefined" },
|
|
8105
|
+
{ "name": "labelDataTestid" },
|
|
8106
|
+
{ "name": "helpTextDataTestid" },
|
|
8107
|
+
{ "name": "errorMessageDataTestid" }
|
|
8108
|
+
],
|
|
8109
|
+
"events": [
|
|
8110
|
+
{ "name": "change", "type": "CustomEvent" },
|
|
8111
|
+
{ "name": "input", "type": "CustomEvent" }
|
|
8112
|
+
]
|
|
8113
|
+
}
|
|
7962
8114
|
}
|
|
7963
8115
|
]
|
|
7964
8116
|
},
|