@skedulo/breeze-ui 0.4.3 → 0.5.0
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/lib/breeze-ui.cjs +407 -368
- package/lib/breeze-ui.js +17951 -17694
- package/package.json +1 -1
- package/types/components/buttons.d.ts +11 -0
- package/types/components/buttons.d.ts.map +1 -1
- package/types/components/combo-box.d.ts +8 -18
- package/types/components/combo-box.d.ts.map +1 -1
- package/types/components/form-elements/input-multiselect.d.ts +15 -4
- package/types/components/form-elements/input-multiselect.d.ts.map +1 -1
- package/types/components/form-elements/input-radio.d.ts +16 -3
- package/types/components/form-elements/input-radio.d.ts.map +1 -1
- package/types/components/form-elements/input-select-base.d.ts +35 -124
- package/types/components/form-elements/input-select-base.d.ts.map +1 -1
- package/types/components/form-elements/input-select.d.ts +6 -10
- package/types/components/form-elements/input-select.d.ts.map +1 -1
- package/types/components/form-elements/input-time.d.ts +2 -1
- package/types/components/form-elements/input-time.d.ts.map +1 -1
- package/types/components/form-elements/labeled-input.d.ts +1 -1
- package/types/components/index.d.ts +1 -0
- package/types/components/index.d.ts.map +1 -1
- package/types/components/legacy-scoped-components.d.ts +3 -3
- package/types/components/legacy-scoped-components.d.ts.map +1 -1
- package/types/components/menu/dropdown-menu.d.ts +120 -0
- package/types/components/menu/dropdown-menu.d.ts.map +1 -0
- package/types/components/menu/index.d.ts +4 -0
- package/types/components/menu/index.d.ts.map +1 -0
- package/types/components/menu/menu-item.d.ts +103 -0
- package/types/components/menu/menu-item.d.ts.map +1 -0
- package/types/components/menu/menu.d.ts +189 -0
- package/types/components/menu/menu.d.ts.map +1 -0
- package/types/components/virtual-list.d.ts +15 -1
- package/types/components/virtual-list.d.ts.map +1 -1
package/package.json
CHANGED
|
@@ -80,11 +80,22 @@ export declare class Button extends LitElement {
|
|
|
80
80
|
* to be set externally as it is controlled internally on render.
|
|
81
81
|
*/
|
|
82
82
|
protected iconOnly: boolean;
|
|
83
|
+
/**
|
|
84
|
+
* The actual button element within the shadow tree
|
|
85
|
+
*
|
|
86
|
+
* @internal
|
|
87
|
+
*/
|
|
88
|
+
private buttonElement;
|
|
83
89
|
/**
|
|
84
90
|
* @internal
|
|
85
91
|
*/
|
|
86
92
|
private defaultSlot;
|
|
87
93
|
connectedCallback(): void;
|
|
94
|
+
/**
|
|
95
|
+
* Overrides the default focus behaviour on the host element to ensure the
|
|
96
|
+
* underlying `button` element is always focused instead.
|
|
97
|
+
*/
|
|
98
|
+
focus(options?: FocusOptions): void;
|
|
88
99
|
protected emit(eventType: ButtonEventType): void;
|
|
89
100
|
render(): import("lit-html").TemplateResult<1>;
|
|
90
101
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../src/components/buttons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../src/components/buttons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAW3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACxC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,gBAAgB,CAAA;AACvB,OAAO,WAAW,CAAA;AAElB,eAAO,MAAM,MAAM,cAA8B,CAAA;AACjD,eAAO,MAAM,YAAY,oBAAoC,CAAA;AAE7D,MAAM,WAAW,WAAW;IAC1B,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;YACvC,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAA;SACxD;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QAChB,CAAC,YAAY,CAAC,EAAE,WAAW,CAAA;KAC5B;CACF;AAQD,aAAK,eAAe,GAAG,OAAO,CAAA;AAE9B,eAAO,MAAM,WAAW,yEAKd,CAAA;AAEV,oBAAY,UAAU,GAAG,OAAO,WAAW,CAAC,MAAM,CAAC,CAAA;AAEnD;;;;;;;;GAQG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC,MAAM,CAAC,MAAM,0BA6KZ;IAED;;OAEG;IAOH,UAAU,EAAE,UAAU,CAAY;IAElC;;OAEG;IAEH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IAEH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IAEH,QAAQ,CAAC,qBAAK;IAEd;;OAEG;IAEH,OAAO,UAAQ;IAEf;;OAEG;IAEH,OAAO,UAAQ;IAEf;;OAEG;IAEH,QAAQ,UAAQ;IAEhB;;;;;;;OAOG;IAEH,SAAS,CAAC,QAAQ,UAAQ;IAE1B;;;;OAIG;IAEH,OAAO,CAAC,aAAa,CAAoB;IAEzC;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAS;IAE5B,iBAAiB;IAejB;;;OAGG;IACH,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,eAAe;IAIzC,MAAM;CA2CP;AAGD;;;;GAIG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAiBZ;IAGD,OAAO,UAAQ;IAEf,MAAM;CAKP"}
|
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { JSXProps } from '../types';
|
|
1
|
+
import { DropdownMenu, DropdownMenuAttributes, MenuItem, MenuItemAttributes } from './menu';
|
|
2
|
+
import type { JSXProps } from '../types';
|
|
3
3
|
export declare const COMBO_BOX: "brz-combo-box";
|
|
4
4
|
export declare const COMBO_BOX_OPTION: "brz-combo-box-option";
|
|
5
|
-
export interface ComboBoxProps {
|
|
6
|
-
'is-open'?: boolean;
|
|
7
|
-
}
|
|
8
5
|
declare global {
|
|
9
6
|
namespace JSX {
|
|
10
7
|
interface IntrinsicElements {
|
|
11
|
-
[COMBO_BOX]: JSXProps<ComboBox,
|
|
12
|
-
[COMBO_BOX_OPTION]: JSXProps<ComboBoxOption>;
|
|
8
|
+
[COMBO_BOX]: JSXProps<ComboBox, DropdownMenuAttributes>;
|
|
9
|
+
[COMBO_BOX_OPTION]: JSXProps<ComboBoxOption, MenuItemAttributes>;
|
|
13
10
|
}
|
|
14
11
|
}
|
|
15
12
|
interface HTMLElementTagNameMap {
|
|
@@ -20,24 +17,17 @@ declare global {
|
|
|
20
17
|
/**
|
|
21
18
|
* Combo box component.
|
|
22
19
|
*
|
|
20
|
+
* @deprecated Use DropdownMenu
|
|
23
21
|
* @tag brz-combo-box
|
|
24
22
|
*/
|
|
25
|
-
export declare class ComboBox extends
|
|
26
|
-
static styles: import("lit").CSSResult;
|
|
27
|
-
connectedCallback(): void;
|
|
28
|
-
disconnectedCallback(): void;
|
|
29
|
-
isOpen: boolean;
|
|
30
|
-
private toggleMenu;
|
|
31
|
-
private outsideClick;
|
|
32
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
23
|
+
export declare class ComboBox extends DropdownMenu {
|
|
33
24
|
}
|
|
34
25
|
/**
|
|
35
26
|
* Combo box option component
|
|
36
27
|
*
|
|
28
|
+
* @deprecated Use DropdownMenu with MenuItem
|
|
37
29
|
* @tag brz-combo-box-option
|
|
38
30
|
*/
|
|
39
|
-
export declare class ComboBoxOption extends
|
|
40
|
-
static styles: import("lit").CSSResult;
|
|
41
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
31
|
+
export declare class ComboBoxOption extends MenuItem {
|
|
42
32
|
}
|
|
43
33
|
//# sourceMappingURL=combo-box.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box.d.ts","sourceRoot":"","sources":["../../../src/components/combo-box.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"combo-box.d.ts","sourceRoot":"","sources":["../../../src/components/combo-box.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,QAAQ,EACR,kBAAkB,EACnB,MAAM,QAAQ,CAAA;AACf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAExC,eAAO,MAAM,SAAS,iBAAiC,CAAA;AACvD,eAAO,MAAM,gBAAgB,wBAAwC,CAAA;AAErE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAA;YACvD,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAA;SACjE;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAA;QACrB,CAAC,gBAAgB,CAAC,EAAE,cAAc,CAAA;KACnC;CACF;AAED;;;;;GAKG;AACH,qBACa,QAAS,SAAQ,YAAY;CAAG;AAE7C;;;;;GAKG;AACH,qBACa,cAAe,SAAQ,QAAQ;CAAG"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { MenuItem, MenuItemSelectEvent, MenuSelectEvent } from '../menu';
|
|
2
|
+
import { IInputSelectBaseAttributes, InputSelectBase, InputSelectOptionInternal } from './input-select-base';
|
|
2
3
|
import type { JSXProps } from '../../types';
|
|
3
4
|
import type { BaseInputChangeEventPayload, InputChangeEvent } from './input-base';
|
|
4
5
|
import type { InputSizes } from './labeled-input';
|
|
@@ -51,8 +52,8 @@ export declare class InputMultiselect extends InputSelectBase<ValueType> {
|
|
|
51
52
|
label: string;
|
|
52
53
|
value: ValueType;
|
|
53
54
|
}[];
|
|
54
|
-
connectedCallback(): void;
|
|
55
55
|
protected firstUpdated(): void;
|
|
56
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
56
57
|
/**
|
|
57
58
|
* Determines whether all items are selected
|
|
58
59
|
*
|
|
@@ -76,7 +77,11 @@ export declare class InputMultiselect extends InputSelectBase<ValueType> {
|
|
|
76
77
|
/**
|
|
77
78
|
* Handles clicking a value in the dropdown
|
|
78
79
|
*/
|
|
79
|
-
protected handleSelect(event:
|
|
80
|
+
protected handleSelect(event: MenuSelectEvent): void;
|
|
81
|
+
/**
|
|
82
|
+
* Handles the item select event to enable "select-all"
|
|
83
|
+
*/
|
|
84
|
+
protected handleItemSelect({ detail: { item } }: MenuItemSelectEvent): void;
|
|
80
85
|
toggleAllSelected(): void;
|
|
81
86
|
/**
|
|
82
87
|
* Adds/removes the value from the value array
|
|
@@ -86,12 +91,17 @@ export declare class InputMultiselect extends InputSelectBase<ValueType> {
|
|
|
86
91
|
* Finds and sets the toggled status on child menu options where they are toggled in the value array
|
|
87
92
|
* This needs to run on every render to ensure the elements have the correct status
|
|
88
93
|
*/
|
|
89
|
-
private
|
|
94
|
+
private syncSelected;
|
|
90
95
|
private onQueryChange;
|
|
91
96
|
/**
|
|
92
97
|
* @internal
|
|
93
98
|
*/
|
|
94
99
|
private get truncation();
|
|
100
|
+
/**
|
|
101
|
+
* Extends the base keyboard behaviours. Enables use of Backspace key to
|
|
102
|
+
* remove selected values.
|
|
103
|
+
*/
|
|
104
|
+
protected handleKeyDown(event: KeyboardEvent): void;
|
|
95
105
|
protected renderReferenceElement(): import("lit-html").TemplateResult<1>;
|
|
96
106
|
/**
|
|
97
107
|
* @internal
|
|
@@ -107,6 +117,7 @@ export declare class InputMultiselect extends InputSelectBase<ValueType> {
|
|
|
107
117
|
* Clears the search query
|
|
108
118
|
**/
|
|
109
119
|
resetSearch(): void;
|
|
120
|
+
setQueryInputValue(): void;
|
|
110
121
|
/**
|
|
111
122
|
* Marks anything that's text value doesn't match the search query as hidden
|
|
112
123
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-multiselect.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/input-multiselect.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"input-multiselect.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/input-multiselect.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,QAAQ,EACR,mBAAmB,EACnB,eAAe,EAEhB,MAAM,SAAS,CAAA;AAChB,OAAO,EACL,0BAA0B,EAC1B,eAAe,EACf,yBAAyB,EAC1B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,KAAK,EACV,2BAA2B,EAC3B,gBAAgB,EACjB,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,kBAAkB,CAAA;AACzB,OAAO,YAAY,CAAA;AAEnB,eAAO,MAAM,iBAAiB,yBAAyC,CAAA;AAEvE,oBAAY,sBAAsB,GAAG,gBAAgB,CACnD,2BAA2B,CAAC,SAAS,CAAC,CACvC,CAAA;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,iBAAiB,CAAC,EAAE,QAAQ,CAC3B,gBAAgB,EAChB,2BAA2B,CAC5B,CAAA;SACF;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAA;KACtC;CACF;AAED,MAAM,WAAW,2BACf,SAAQ,0BAA0B,CAAC,SAAS,CAAC;IAC7C,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,uBAAuB,CAAC,EAAE,MAAM,CAAA;CACjC;AAED,aAAK,SAAS,GAAG,OAAO,EAAE,CAAA;AAE1B;;;;;;;;GAQG;AACH,qBACa,gBAAiB,SAAQ,eAAe,CAAC,SAAS,CAAC;IAC9D,MAAM,CAAC,MAAM,4BAoEZ;IAED;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAY;IAE5B;;OAEG;IAEH,mBAAmB,SAAK;IAExB;;OAEG;IAEH,KAAK,EAAE,SAAS,CAAK;IAErB;;OAEG;IAEH,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,SAAS,CAAA;KAAE,EAAE,CAAK;IAEvD,SAAS,CAAC,YAAY;IAMtB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAK/C;;;;OAIG;IACH,OAAO,KAAK,WAAW,GAmBtB;IAED;;OAEG;IACH,cAAc;IAWd;;;OAGG;IACH,SAAS,CAAC,mBAAmB;IAO7B;;;OAGG;IACH,SAAS,CAAC,iBAAiB;IAI3B;;OAEG;IACH,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,eAAe;IAI7C;;OAEG;IACH,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,mBAAmB;IAIpE,iBAAiB;IAajB;;OAEG;IACH,eAAe,CAAC,KAAK,CAAC,EAAE,OAAO;IAU/B;;;OAGG;IACH,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,aAAa;IAIrB;;OAEG;IACH,OAAO,KAAK,UAAU,GAMrB;IAED;;;OAGG;IACH,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa;IAQ5C,SAAS,CAAC,sBAAsB;IAwDhC;;OAEG;IACH,OAAO,KAAK,eAAe,GAO1B;IAED;;OAEG;IACH,OAAO,KAAK,sBAAsB,GAajC;IAED,SAAS,CAAC,qBAAqB;IAS/B,eAAe;IAKf;;QAEI;IACJ,WAAW;IAIX,kBAAkB;IAKlB;;OAEG;IACH,SAAS,CAAC,MAAM;IAkBhB;;OAEG;IACH,QAAQ;IAaR;;;OAGG;IACH,OAAO,CAAC,eAAe;CAgBxB"}
|
|
@@ -20,10 +20,11 @@ declare global {
|
|
|
20
20
|
[INPUT_RADIO_OPTION]: InputRadioOption;
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
|
-
declare
|
|
23
|
+
export declare const radioLayouts: readonly ["horizontal", "vertical"];
|
|
24
|
+
export declare type RadioLayout = typeof radioLayouts[number];
|
|
24
25
|
export interface IInputRadioAttributes extends ILabeledInputAttributes<string> {
|
|
25
26
|
size?: InputSizes;
|
|
26
|
-
layout?:
|
|
27
|
+
layout?: RadioLayout;
|
|
27
28
|
}
|
|
28
29
|
/**
|
|
29
30
|
* Use the `brz-input-radio-group` with several `brz-input-radio-options` to build a radio field.
|
|
@@ -34,12 +35,24 @@ export interface IInputRadioAttributes extends ILabeledInputAttributes<string> {
|
|
|
34
35
|
* scope of the shadow dom will break input field association and and keyboard navigation. Separating the components
|
|
35
36
|
* like this lead to what we felt was the cleanest interface.
|
|
36
37
|
*
|
|
38
|
+
* @fires brz-input-change Fires when input value has changed and include the new value in the detail object
|
|
37
39
|
* @tag brz-input-radio-group
|
|
40
|
+
* @slot label Text for label slot
|
|
41
|
+
* @slot error Text for error slot
|
|
38
42
|
*/
|
|
39
43
|
export declare class InputRadio extends LabeledInput<string> {
|
|
40
44
|
static styles: import("lit").CSSResult[];
|
|
41
|
-
|
|
45
|
+
/**
|
|
46
|
+
* Sets the layout of the radio group
|
|
47
|
+
*/
|
|
48
|
+
layout: RadioLayout;
|
|
49
|
+
/**
|
|
50
|
+
* Sets the size of the radio fields
|
|
51
|
+
*/
|
|
42
52
|
size: InputSizes;
|
|
53
|
+
/**
|
|
54
|
+
* @internal
|
|
55
|
+
*/
|
|
43
56
|
_radioElements: IRadioOptionElement[];
|
|
44
57
|
handleSlotChange(): void;
|
|
45
58
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-radio.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/input-radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"input-radio.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/input-radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAA;AAI3C,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAEpD,OAAO,EACL,uBAAuB,EACvB,UAAU,EACV,YAAY,EACb,MAAM,iBAAiB,CAAA;AAExB,eAAO,MAAM,iBAAiB,yBAAyC,CAAA;AACvE,eAAO,MAAM,kBAAkB,0BAA0C,CAAA;AAEzE,OAAO,QAAQ,SAAS,CAAC;IACvB,UAAU,UAAU;QAClB,mBAAmB,CAAC,EAAE,YAAY,CAAA;KACnC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,iBAAiB,CAAC,EAAE,QAAQ,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAA;YAChE,CAAC,kBAAkB,CAAC,EAAE,QAAQ,CAC5B,gBAAgB,EAChB,0BAA0B,CAC3B,CAAA;SACF;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAA;QAC/B,CAAC,kBAAkB,CAAC,EAAE,gBAAgB,CAAA;KACvC;CACF;AAED,eAAO,MAAM,YAAY,qCAAsC,CAAA;AAE/D,oBAAY,WAAW,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC,CAAA;AAErD,MAAM,WAAW,qBAAsB,SAAQ,uBAAuB,CAAC,MAAM,CAAC;IAC5E,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB;AAED;;;;;;;;;;;;;GAaG;AACH,qBACa,UAAW,SAAQ,YAAY,CAAC,MAAM,CAAC;IAClD,MAAM,CAAC,MAAM,4BA0HZ;IAED;;OAEG;IAEH,MAAM,EAAE,WAAW,CAAa;IAEhC;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAS;IAEzB;;OAEG;IAEH,cAAc,EAAE,mBAAmB,EAAE,CAAK;IAE1C,gBAAgB;IAIhB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB,WAAW,CAAC,GAAG,EAAE,KAAK;IAMtB,WAAW;CA2BZ;AAED,UAAU,mBAAoB,SAAQ,OAAO;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,oBAAY,0BAA0B,GAAG,IAAI,CAC3C,mBAAmB,EACnB,OAAO,GAAG,UAAU,CACrB,CAAA;AACD;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAE9C,KAAK,CAAC,EAAE,MAAM,CAAA;IAGd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,MAAM;CAGP"}
|
|
@@ -1,36 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { MenuItem, DropdownMenu, MenuSelectEvent, MenuItemSelectEvent } from '../menu';
|
|
2
2
|
import { VirtualList } from '../virtual-list';
|
|
3
3
|
import { IInputTextBaseAttributes, InputTextBase } from './input-text-base';
|
|
4
|
-
import type { JSXProps } from '../../types';
|
|
5
4
|
import '../icon';
|
|
6
5
|
import '../popover';
|
|
7
|
-
export declare const MENU: "brz-menu";
|
|
8
|
-
export declare const MENU_ITEM: "brz-menu-item";
|
|
9
6
|
export declare const NO_RESULTS_ID = "noResults";
|
|
10
|
-
declare global {
|
|
11
|
-
namespace JSX {
|
|
12
|
-
interface IntrinsicElements {
|
|
13
|
-
[MENU]: JSXProps<Menu, null>;
|
|
14
|
-
[MENU_ITEM]: JSXProps<MenuItem, IMenuItemProps>;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
interface HTMLElementTagNameMap {
|
|
18
|
-
[MENU]: Menu;
|
|
19
|
-
[MENU_ITEM]: MenuItem;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
7
|
export interface IInputSelectBaseAttributes<T> extends IInputTextBaseAttributes<T> {
|
|
23
8
|
placeholder?: string;
|
|
24
9
|
options?: InputSelectOption[];
|
|
25
10
|
'can-search'?: boolean;
|
|
26
11
|
}
|
|
27
|
-
export interface IKeyPressEvent {
|
|
28
|
-
key: string;
|
|
29
|
-
target: HTMLInputElement;
|
|
30
|
-
preventDefault: () => void;
|
|
31
|
-
stopPropagation: () => void;
|
|
32
|
-
}
|
|
33
|
-
declare type KeyPressHandler = (event: IKeyPressEvent) => void;
|
|
34
12
|
export interface InputSelectOption<ValueType = string> {
|
|
35
13
|
label: string;
|
|
36
14
|
value: ValueType;
|
|
@@ -41,9 +19,6 @@ export interface InputSelectOptionInternal<T = string> extends InputSelectOption
|
|
|
41
19
|
id?: string;
|
|
42
20
|
hidden?: boolean;
|
|
43
21
|
selected?: boolean;
|
|
44
|
-
active?: boolean;
|
|
45
|
-
toggleable?: boolean;
|
|
46
|
-
toggled?: boolean;
|
|
47
22
|
}
|
|
48
23
|
/**
|
|
49
24
|
* InputSelectBase is meant as a base class for field types where you can select from a list of items
|
|
@@ -76,10 +51,6 @@ export declare class InputSelectBase<FieldValue = unknown[] | unknown, OptionVal
|
|
|
76
51
|
* The options to be shown in menu
|
|
77
52
|
*/
|
|
78
53
|
options: InputSelectOption<OptionValue>[];
|
|
79
|
-
/**
|
|
80
|
-
* @internal
|
|
81
|
-
*/
|
|
82
|
-
protected selectedIndex: number;
|
|
83
54
|
/**
|
|
84
55
|
* @internal
|
|
85
56
|
*/
|
|
@@ -92,6 +63,14 @@ export declare class InputSelectBase<FieldValue = unknown[] | unknown, OptionVal
|
|
|
92
63
|
* @internal
|
|
93
64
|
*/
|
|
94
65
|
protected innerOptions: InputSelectOptionInternal<OptionValue>[];
|
|
66
|
+
/**
|
|
67
|
+
* @internal
|
|
68
|
+
*/
|
|
69
|
+
protected dropdown: DropdownMenu;
|
|
70
|
+
/**
|
|
71
|
+
* @internal
|
|
72
|
+
*/
|
|
73
|
+
protected queryInput: HTMLInputElement;
|
|
95
74
|
/**
|
|
96
75
|
* Sets an internal list of options based on data-driven options passed in.
|
|
97
76
|
* These options can also contain state required for various functions.
|
|
@@ -108,49 +87,22 @@ export declare class InputSelectBase<FieldValue = unknown[] | unknown, OptionVal
|
|
|
108
87
|
* Ensures the editor content is always up to date with the supplied props
|
|
109
88
|
*/
|
|
110
89
|
updated(changedProperties: Map<string, unknown>): void;
|
|
111
|
-
/**
|
|
112
|
-
* @internal
|
|
113
|
-
*/
|
|
114
|
-
keyBindings: Record<string, KeyPressHandler>;
|
|
115
|
-
/**
|
|
116
|
-
* Side effect handler for up/down keys.
|
|
117
|
-
* Opens the dropdown if it's not open. Navigates to the next/previous record, wrapping around if you are at the
|
|
118
|
-
* start/end of the result set.
|
|
119
|
-
*/
|
|
120
|
-
protected handleUpDownKey(e: IKeyPressEvent): void;
|
|
121
|
-
/**
|
|
122
|
-
* If dropdown is closed it opens it, if it's open the keyboard focused record is
|
|
123
|
-
* selected
|
|
124
|
-
*/
|
|
125
|
-
protected handleEnterKey(): void;
|
|
126
|
-
/**
|
|
127
|
-
* Closes the dropdown on tab
|
|
128
|
-
*/
|
|
129
|
-
protected handleTab(): void;
|
|
130
|
-
/**
|
|
131
|
-
* Clears the item selected via the keyboard - this needs to be called when closing the dropdown to ensure
|
|
132
|
-
* it reopens with a clean selection
|
|
133
|
-
*/
|
|
134
|
-
protected clearKeySelectedItem(): void;
|
|
135
|
-
closeDropdown(): void;
|
|
136
|
-
/**
|
|
137
|
-
* Gets the dropdown element
|
|
138
|
-
*/
|
|
139
|
-
getDropdown(): import("../popover").Popover | null;
|
|
140
90
|
/**
|
|
141
91
|
* Gets the label of a dropdown item as a string
|
|
142
92
|
*/
|
|
143
93
|
protected getItemLabel(item?: MenuItem<OptionValue> | InputSelectOptionInternal<OptionValue>): string;
|
|
144
94
|
/**
|
|
145
|
-
*
|
|
146
|
-
*
|
|
95
|
+
* Handles some specific keyboard interactions not already covered by the Menu
|
|
96
|
+
* component.
|
|
97
|
+
*
|
|
98
|
+
* Opens the dropdown when ArrowUp/ArrowDown keys are pressed.
|
|
147
99
|
*/
|
|
148
|
-
protected
|
|
100
|
+
protected handleKeyDown(event: KeyboardEvent): void;
|
|
149
101
|
/**
|
|
150
|
-
*
|
|
151
|
-
*
|
|
102
|
+
* Prevents the Space key from closing the dropdown when typing in the search
|
|
103
|
+
* input.
|
|
152
104
|
*/
|
|
153
|
-
protected
|
|
105
|
+
protected handleKeyUp(event: KeyboardEvent): void;
|
|
154
106
|
protected get defaultSlot(): HTMLSlotElement | null | undefined;
|
|
155
107
|
/**
|
|
156
108
|
* Gets menu items. Switches root when options are set as they are not slotted.
|
|
@@ -164,7 +116,6 @@ export declare class InputSelectBase<FieldValue = unknown[] | unknown, OptionVal
|
|
|
164
116
|
* @internal
|
|
165
117
|
*/
|
|
166
118
|
protected get virtualListElement(): VirtualList<InputSelectOptionInternal> | null;
|
|
167
|
-
protected getOptionElement(optionId: string): MenuItem<OptionValue> | undefined;
|
|
168
119
|
/**
|
|
169
120
|
* Gets menu item elements. Note that a data-driven menu will be virtualized
|
|
170
121
|
* and only a slice of the total options are rendered as elements.
|
|
@@ -172,14 +123,6 @@ export declare class InputSelectBase<FieldValue = unknown[] | unknown, OptionVal
|
|
|
172
123
|
* @internal
|
|
173
124
|
*/
|
|
174
125
|
protected get optionElements(): MenuItem<OptionValue>[];
|
|
175
|
-
/**
|
|
176
|
-
* Determines current state of the dropdown
|
|
177
|
-
*/
|
|
178
|
-
isDropdownOpen(): boolean | undefined;
|
|
179
|
-
/**
|
|
180
|
-
* Manually open the dropdown
|
|
181
|
-
*/
|
|
182
|
-
openDropdown(): void;
|
|
183
126
|
/**
|
|
184
127
|
* Sets the value, and propagates out to the parent
|
|
185
128
|
*/
|
|
@@ -214,11 +157,25 @@ export declare class InputSelectBase<FieldValue = unknown[] | unknown, OptionVal
|
|
|
214
157
|
* false by default.
|
|
215
158
|
*/
|
|
216
159
|
protected isCustomQueryMatch(_: MenuItem<OptionValue> | InputSelectOptionInternal<OptionValue>): boolean;
|
|
217
|
-
/**
|
|
160
|
+
/**
|
|
161
|
+
* Side effect after dropdown opens
|
|
162
|
+
*/
|
|
163
|
+
protected handleOpenDropdown(): void;
|
|
164
|
+
/**
|
|
165
|
+
* Side effect after dropdown closes
|
|
166
|
+
*/
|
|
218
167
|
protected handleCloseDropdown(): void;
|
|
219
|
-
/**
|
|
220
|
-
|
|
221
|
-
|
|
168
|
+
/**
|
|
169
|
+
* Side effect on selection of an item
|
|
170
|
+
*/
|
|
171
|
+
protected handleSelect(_: MenuSelectEvent): void;
|
|
172
|
+
/**
|
|
173
|
+
* Handles selection of a specific item where necessary
|
|
174
|
+
*/
|
|
175
|
+
protected handleItemSelect(_: MenuItemSelectEvent): void;
|
|
176
|
+
/**
|
|
177
|
+
* Side effect for value changing
|
|
178
|
+
*/
|
|
222
179
|
protected handleValueChange(): void;
|
|
223
180
|
/**
|
|
224
181
|
* @internal
|
|
@@ -237,50 +194,4 @@ export declare class InputSelectBase<FieldValue = unknown[] | unknown, OptionVal
|
|
|
237
194
|
*/
|
|
238
195
|
protected get isReadonlyOrDisabled(): boolean;
|
|
239
196
|
}
|
|
240
|
-
/**
|
|
241
|
-
* Menu component.
|
|
242
|
-
*
|
|
243
|
-
* @tag brz-menu
|
|
244
|
-
*/
|
|
245
|
-
export declare class Menu extends LitElement {
|
|
246
|
-
static styles: import("lit").CSSResult[];
|
|
247
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
248
|
-
}
|
|
249
|
-
export interface IMenuItemProps {
|
|
250
|
-
value: string;
|
|
251
|
-
disabled?: boolean;
|
|
252
|
-
/**
|
|
253
|
-
* Determines pre-selection of an item by keyboard. This does not mean it is
|
|
254
|
-
* the current input value.
|
|
255
|
-
*
|
|
256
|
-
* TODO: This naming is misleading. Rename to `active`?
|
|
257
|
-
*/
|
|
258
|
-
selected?: boolean;
|
|
259
|
-
active?: boolean;
|
|
260
|
-
}
|
|
261
|
-
/**
|
|
262
|
-
* Menu item component.
|
|
263
|
-
*
|
|
264
|
-
* @tag brz-menu-item
|
|
265
|
-
*/
|
|
266
|
-
export declare class MenuItem<ValueType = string> extends LitElement {
|
|
267
|
-
constructor();
|
|
268
|
-
static styles: import("lit").CSSResult[];
|
|
269
|
-
disabled: boolean;
|
|
270
|
-
selected: boolean;
|
|
271
|
-
active: boolean;
|
|
272
|
-
value?: ValueType;
|
|
273
|
-
toggleable?: boolean;
|
|
274
|
-
toggled?: boolean;
|
|
275
|
-
connectedCallback(): void;
|
|
276
|
-
disconnectedCallback(): void;
|
|
277
|
-
handleSelected(event: Event): void;
|
|
278
|
-
get labelTemplate(): import("lit-html").TemplateResult<1>;
|
|
279
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
280
|
-
}
|
|
281
|
-
/**
|
|
282
|
-
* Helper for emitting events with sensible defaults
|
|
283
|
-
*/
|
|
284
|
-
export declare const emit: (el: HTMLElement, name: string, options?: CustomEventInit) => CustomEvent<any>;
|
|
285
|
-
export {};
|
|
286
197
|
//# sourceMappingURL=input-select-base.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-select-base.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/input-select-base.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"input-select-base.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/input-select-base.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { MenuSelectEvent } from '../menu';
|
|
1
2
|
import { IInputSelectBaseAttributes, InputSelectBase } from './input-select-base';
|
|
2
3
|
import type { JSXProps } from '../../types';
|
|
3
4
|
export declare const INPUT_SELECT: "brz-input-select";
|
|
@@ -21,6 +22,7 @@ declare type ValueType = unknown;
|
|
|
21
22
|
* @tag brz-input-select
|
|
22
23
|
* @slot label Text for label slot
|
|
23
24
|
* @slot error Text for error slot
|
|
25
|
+
* @prop required Makes the field un-clearable after selecting an option.
|
|
24
26
|
*/
|
|
25
27
|
export declare class InputSelect extends InputSelectBase<ValueType> {
|
|
26
28
|
static styles: import("lit").CSSResult[];
|
|
@@ -41,12 +43,11 @@ export declare class InputSelect extends InputSelectBase<ValueType> {
|
|
|
41
43
|
*/
|
|
42
44
|
protected hasResults: boolean;
|
|
43
45
|
/**
|
|
44
|
-
* Updates the query value
|
|
46
|
+
* Updates the query value
|
|
45
47
|
*/
|
|
46
48
|
private handleChangeSearch;
|
|
47
49
|
/**
|
|
48
|
-
* Side effects when dropdown closes
|
|
49
|
-
* Search cleared and selected item cleared
|
|
50
|
+
* Side effects when dropdown closes. Search cleared.
|
|
50
51
|
*/
|
|
51
52
|
protected handleCloseDropdown(): void;
|
|
52
53
|
/**
|
|
@@ -57,13 +58,7 @@ export declare class InputSelect extends InputSelectBase<ValueType> {
|
|
|
57
58
|
/**
|
|
58
59
|
* Handles clicking a value in the dropdown
|
|
59
60
|
*/
|
|
60
|
-
protected handleSelect(event:
|
|
61
|
-
/**
|
|
62
|
-
* Returns the input element used for search and displaying the current value
|
|
63
|
-
*
|
|
64
|
-
* @internal
|
|
65
|
-
*/
|
|
66
|
-
get queryInput(): HTMLInputElement | null | undefined;
|
|
61
|
+
protected handleSelect(event: MenuSelectEvent): void;
|
|
67
62
|
/**
|
|
68
63
|
* Sets the value property on the query input. Setting this way is easier as
|
|
69
64
|
* it allows us to deal with other side effects. Relying on a state value does
|
|
@@ -81,6 +76,7 @@ export declare class InputSelect extends InputSelectBase<ValueType> {
|
|
|
81
76
|
* Marks any item that doesn't match the search query as hidden
|
|
82
77
|
*/
|
|
83
78
|
protected search(): void;
|
|
79
|
+
protected setInnerOptions(): void;
|
|
84
80
|
disconnectedCallback(): void;
|
|
85
81
|
/**
|
|
86
82
|
* @internal
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-select.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/input-select.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"input-select.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/input-select.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,EACL,0BAA0B,EAC1B,eAAe,EAEhB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAE3C,eAAO,MAAM,YAAY,oBAAoC,CAAA;AAE7D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAA;SAC9D;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,YAAY,CAAC,EAAE,WAAW,CAAA;KAC5B;CACF;AAED,oBAAY,sBAAsB,GAAG,0BAA0B,CAAC,SAAS,CAAC,CAAA;AAE1E,aAAK,SAAS,GAAG,OAAO,CAAA;AAExB;;;;;;;;;GASG;AACH,qBACa,WAAY,SAAQ,eAAe,CAAC,SAAS,CAAC;IACzD,MAAM,CAAC,MAAM,4BAkDZ;IAED;;OAEG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IAEH,SAAS,CAAC,KAAK,CAAC,qBAAK;IAErB;;OAEG;IAEH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IAEH,SAAS,CAAC,UAAU,UAAQ;IAE5B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAM1B;;OAEG;IACH,SAAS,CAAC,mBAAmB;IAO7B;;;OAGG;IACH,SAAS,CAAC,iBAAiB;IAO3B;;OAEG;IACH,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,eAAe;IAI7C;;;;OAIG;IACH,kBAAkB;IAKlB,OAAO,CAAC,6BAA6B;IAMrC,SAAS,CAAC,sBAAsB;IA+ChC,SAAS,CAAC,qBAAqB;IAS/B;;QAEI;IACJ,WAAW;IAIX;;OAEG;IACH,SAAS,CAAC,MAAM;IAqBhB,SAAS,CAAC,eAAe;IAsBzB,oBAAoB;IAKpB;;OAEG;IACH,sBAAsB,CAAC,EAAE,gBAAgB,CAAA;IAEzC;;OAEG;IACH,OAAO,CAAC,cAAc;CAgCvB"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { MenuItem } from '../menu';
|
|
1
2
|
import { InputSelect, IInputSelectAttributes } from './input-select';
|
|
2
|
-
import { InputSelectOptionInternal
|
|
3
|
+
import { InputSelectOptionInternal } from './input-select-base';
|
|
3
4
|
import type { JSXProps } from '../../types';
|
|
4
5
|
export declare const INPUT_TIME: "brz-input-time";
|
|
5
6
|
export declare const TIME_FORMAT = "h:mmaaa";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-time.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/input-time.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AACpE,OAAO,EAEL,yBAAyB,
|
|
1
|
+
{"version":3,"file":"input-time.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/input-time.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AACpE,OAAO,EAEL,yBAAyB,EAC1B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAE3C,eAAO,MAAM,UAAU,kBAAkC,CAAA;AAEzD,eAAO,MAAM,WAAW,YAAY,CAAA;AAEpC,eAAO,MAAM,gBAAgB,QACwB,CAAA;AACrD,eAAO,MAAM,cAAc,QAAuB,CAAA;AAClD,eAAO,MAAM,cAAc,QAAsB,CAAA;AAEjD,oBAAY,uBAAuB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAA;AAEhF,oBAAY,UAAU,GAAG,KAAK,GAAG,MAAM,CAAA;AAEvC,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB;IAClE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,UAAU,CAAC,EAAE,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAA;SACxD;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;KACxB;CACF;AA6GD;;;;;;;;;;;;;;GAcG;AACH,qBACa,SAAU,SAAQ,WAAW;IAExC,SAAS,UAAO;IAGhB,SAAS,SAAK;IAGd,MAAM,CAAC,EAAE,UAAU,CAAA;IAGnB,UAAU,UAAQ;IAGlB,WAAW,SAAgB;IAG3B,YAAY,SAAS;IAGrB,OAAO,CAAC,eAAe,CAAkC;IAEzD;;OAEG;IACH,iBAAiB;IAKjB;;OAEG;IACH,oBAAoB;IAIpB;;OAEG;IACH,mBAAmB;IAKnB;;;OAGG;IACH,QAAQ;IAOR;;;OAGG;IACH,SAAS,CAAC,iBAAiB;IAO3B;;OAEG;IACH,SAAS,CAAC,kBAAkB,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO;IAIrD;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAWvB;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IAO7B;;;OAGG;IACH,SAAS,CAAC,qBAAqB;CAMhC"}
|
|
@@ -38,7 +38,7 @@ export interface ILabeledInputAttributes<T> extends IInputBaseAttributes<T> {
|
|
|
38
38
|
export declare class LabeledInput<T> extends InputBase<T> {
|
|
39
39
|
static styles: import("lit").CSSResult[];
|
|
40
40
|
/**
|
|
41
|
-
* Makes the field
|
|
41
|
+
* Makes the field go into a required state
|
|
42
42
|
*/
|
|
43
43
|
required: boolean;
|
|
44
44
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,4BAA4B,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,4BAA4B,CAAA"}
|
|
@@ -7,7 +7,7 @@ import { InputGuide } from './form-elements/input-guide';
|
|
|
7
7
|
import { TabPanelProps } from './tabs/panel';
|
|
8
8
|
import { TabProps } from './tabs/tab';
|
|
9
9
|
import { TabBarProps } from './tabs/tab-bar';
|
|
10
|
-
import { Alert, Avatar, AvatarGroup, Button, ButtonGroup, Badge, ComboBox, ComboBoxOption, ConfirmationDialog, Heading, Link, LinkButton, LoadingSpinner, Lozenge, Pagination, BasicPagination, Popover, PurePopover, RecordRow, RecordRowLabel, Tooltip, VirtualList, Illustration, Icon, ModalHeader, ModalBody, ModalFooter, Modal, SideNavigationItem, SideNavigation, Tabs, TabPanel, TabBar, Tab, InputCheckbox, InputCode, InputError, InputMultiselect, InputNumber, InputRadioOption, InputRadio, Menu, MenuItem, InputSelect, InputText, InputTextarea, InputTime, InputLabel, LabeledInput, AlertProps, AvatarProps, ButtonProps, ButtonGroupProps, BadgeProps,
|
|
10
|
+
import { Alert, Avatar, AvatarGroup, Button, ButtonGroup, Badge, ComboBox, ComboBoxOption, ConfirmationDialog, Heading, Link, LinkButton, LoadingSpinner, Lozenge, Pagination, BasicPagination, Popover, PurePopover, RecordRow, RecordRowLabel, Tooltip, VirtualList, Illustration, Icon, ModalHeader, ModalBody, ModalFooter, Modal, SideNavigationItem, SideNavigation, Tabs, TabPanel, TabBar, Tab, InputCheckbox, InputCode, InputError, InputMultiselect, InputNumber, InputRadioOption, InputRadio, Menu, MenuItem, InputSelect, InputText, InputTextarea, InputTime, InputLabel, LabeledInput, AlertProps, AvatarProps, ButtonProps, ButtonGroupProps, BadgeProps, ConfirmationDialogProps, HeadingProps, LinkProps, LinkButtonProps, LoadingSpinnerProps, LozengeProps, BasicPaginationProps, PaginationProps, PopoverProps, PurePopoverProps, TooltipProps, VirtualListAttributes, IllustrationProps, IconProps, ModalBodyProps, ModalProps, SideNavigationItemProps, TabsProps, IInputCheckboxAttributes, IInputCodeAttributes, IInputMultiSelectAttributes, IInputNumberAttributes, IInputRadioAttributes, InputRadioOptionAttributes, MenuItemAttributes, IInputSelectAttributes, IInputTextAttributes, IInputTextareaAttributes, IInputTimeAttributes, ILabeledInputAttributes, DropdownMenuAttributes } from '.';
|
|
11
11
|
declare module 'csstype' {
|
|
12
12
|
interface Properties {
|
|
13
13
|
'--sp-row-spacing'?: SizeProperty;
|
|
@@ -24,7 +24,7 @@ declare global {
|
|
|
24
24
|
'sp-button': JSXProps<LegacyButton, ButtonProps>;
|
|
25
25
|
'sp-button-group': JSXProps<LegacyButtonGroup, ButtonGroupProps>;
|
|
26
26
|
'sp-badge': JSXProps<LegacyBadge, BadgeProps>;
|
|
27
|
-
'sp-combo-box': JSXProps<LegacyComboBox,
|
|
27
|
+
'sp-combo-box': JSXProps<LegacyComboBox, DropdownMenuAttributes>;
|
|
28
28
|
'sp-combo-box-option': JSXProps<LegacyComboBoxOption>;
|
|
29
29
|
'sp-confirmation-dialog': JSXProps<LegacyConfirmationDialog, ConfirmationDialogProps>;
|
|
30
30
|
'sp-heading': JSXProps<LegacyHeading, HeadingProps>;
|
|
@@ -71,7 +71,7 @@ declare global {
|
|
|
71
71
|
'sp-input-radio-group': JSXProps<LegacyInputRadio, IInputRadioAttributes>;
|
|
72
72
|
'sp-input-radio-option': JSXProps<LegacyInputRadioOption, InputRadioOptionAttributes>;
|
|
73
73
|
'sp-menu': JSXProps<LegacyMenu, null>;
|
|
74
|
-
'sp-menu-item': JSXProps<LegacyMenuItem,
|
|
74
|
+
'sp-menu-item': JSXProps<LegacyMenuItem, MenuItemAttributes>;
|
|
75
75
|
'sp-input-select': JSXProps<LegacyInputSelect, IInputSelectAttributes>;
|
|
76
76
|
'sp-input-text': JSXProps<LegacyInputText, IInputTextAttributes>;
|
|
77
77
|
'sp-input-textarea': JSXProps<LegacyInputTextarea, IInputTextareaAttributes>;
|