@skedulo/breeze-ui 0.8.6 → 0.9.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/dist/custom-elements.json +16757 -15267
- package/dist/lib/cjs/breeze-ui.js +711 -481
- package/dist/lib/es/breeze-ui.js +9696 -8992
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/components/buttons.d.ts +5 -1
- package/dist/types/components/buttons.d.ts.map +1 -1
- package/dist/types/components/form-elements/input-base.d.ts +4 -3
- package/dist/types/components/form-elements/input-base.d.ts.map +1 -1
- package/dist/types/components/form-elements/input-checkbox.d.ts +5 -0
- package/dist/types/components/form-elements/input-checkbox.d.ts.map +1 -1
- package/dist/types/components/form-elements/input-code.d.ts +2 -1
- package/dist/types/components/form-elements/input-code.d.ts.map +1 -1
- package/dist/types/components/form-elements/input-select-base.d.ts +2 -1
- package/dist/types/components/form-elements/input-select-base.d.ts.map +1 -1
- package/dist/types/components/form-elements/labeled-input.d.ts +14 -16
- package/dist/types/components/form-elements/labeled-input.d.ts.map +1 -1
- package/dist/types/components/index.d.ts +2 -0
- package/dist/types/components/index.d.ts.map +1 -1
- package/dist/types/components/inline-edit/index.d.ts +7 -0
- package/dist/types/components/inline-edit/index.d.ts.map +1 -0
- package/dist/types/components/inline-edit/inline-edit-controls.d.ts +26 -0
- package/dist/types/components/inline-edit/inline-edit-controls.d.ts.map +1 -0
- package/dist/types/components/inline-edit/inline-edit-field.d.ts +191 -0
- package/dist/types/components/inline-edit/inline-edit-field.d.ts.map +1 -0
- package/dist/types/components/inline-edit/inline-edit-group.d.ts +57 -0
- package/dist/types/components/inline-edit/inline-edit-group.d.ts.map +1 -0
- package/dist/types/components/inline-edit/inline-edit.base.d.ts +51 -0
- package/dist/types/components/inline-edit/inline-edit.base.d.ts.map +1 -0
- package/dist/types/components/inline-edit/inline-edit.const.d.ts +6 -0
- package/dist/types/components/inline-edit/inline-edit.const.d.ts.map +1 -0
- package/dist/types/components/inline-edit/inline-edit.events.d.ts +32 -0
- package/dist/types/components/inline-edit/inline-edit.events.d.ts.map +1 -0
- package/dist/types/components/inline-edit/inline-edit.styles.d.ts +3 -0
- package/dist/types/components/inline-edit/inline-edit.styles.d.ts.map +1 -0
- package/dist/types/components/inline-edit/inline-edit.types.d.ts +45 -0
- package/dist/types/components/inline-edit/inline-edit.types.d.ts.map +1 -0
- package/dist/types/components/record-field/index.d.ts +5 -0
- package/dist/types/components/record-field/index.d.ts.map +1 -0
- package/dist/types/components/record-field/record-field-label.d.ts +22 -0
- package/dist/types/components/record-field/record-field-label.d.ts.map +1 -0
- package/dist/types/components/record-field/record-field.const.d.ts +5 -0
- package/dist/types/components/record-field/record-field.const.d.ts.map +1 -0
- package/dist/types/components/record-field/record-field.d.ts +67 -0
- package/dist/types/components/record-field/record-field.d.ts.map +1 -0
- package/dist/types/components/record-field/record-field.styles.d.ts +4 -0
- package/dist/types/components/record-field/record-field.styles.d.ts.map +1 -0
- package/dist/types/components/record-field/record-field.types.d.ts +27 -0
- package/dist/types/components/record-field/record-field.types.d.ts.map +1 -0
- package/dist/types/components/record-row.d.ts +8 -7
- package/dist/types/components/record-row.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { InlineEditField } from './inline-edit-field';
|
|
2
|
+
import type { InlineEditGroup } from './inline-edit-group';
|
|
3
|
+
import type { InlineEditMode } from './inline-edit.types';
|
|
4
|
+
export declare class InlineEditControlsCancelEvent<Detail = unknown> extends CustomEvent<Detail> {
|
|
5
|
+
constructor(options?: CustomEventInit<Detail>);
|
|
6
|
+
}
|
|
7
|
+
export declare class InlineEditControlsSaveEvent<Detail = unknown> extends CustomEvent<Detail> {
|
|
8
|
+
constructor(options?: CustomEventInit<Detail>);
|
|
9
|
+
}
|
|
10
|
+
export declare class InlineEditFieldBroadcastEvent<Detail = {
|
|
11
|
+
element: InlineEditField;
|
|
12
|
+
currentMode: InlineEditMode;
|
|
13
|
+
}> extends CustomEvent<Detail> {
|
|
14
|
+
constructor(options?: CustomEventInit<Detail>);
|
|
15
|
+
}
|
|
16
|
+
export declare class InlineEditFieldModeChangeEvent<Detail = {
|
|
17
|
+
element: InlineEditField;
|
|
18
|
+
currentMode: InlineEditMode;
|
|
19
|
+
previousMode: InlineEditMode;
|
|
20
|
+
group: InlineEditGroup | null;
|
|
21
|
+
}> extends CustomEvent<Detail> {
|
|
22
|
+
constructor(options?: CustomEventInit<Detail>);
|
|
23
|
+
}
|
|
24
|
+
export declare class InlineEditGroupModeChangeEvent<Detail = {
|
|
25
|
+
currentMode: InlineEditMode;
|
|
26
|
+
previousMode: InlineEditMode;
|
|
27
|
+
group: InlineEditGroup;
|
|
28
|
+
fields: InlineEditField[];
|
|
29
|
+
}> extends CustomEvent<Detail> {
|
|
30
|
+
constructor(options?: CustomEventInit<Detail>);
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=inline-edit.events.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inline-edit.events.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-edit/inline-edit.events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEzD,qBAAa,6BAA6B,CACxC,MAAM,GAAG,OAAO,CAChB,SAAQ,WAAW,CAAC,MAAM,CAAC;gBACf,OAAO,GAAE,eAAe,CAAC,MAAM,CAAM;CAOlD;AAED,qBAAa,2BAA2B,CACtC,MAAM,GAAG,OAAO,CAChB,SAAQ,WAAW,CAAC,MAAM,CAAC;gBACf,OAAO,GAAE,eAAe,CAAC,MAAM,CAAM;CAOlD;AAED,qBAAa,6BAA6B,CACxC,MAAM,GAAG;IAAE,OAAO,EAAE,eAAe,CAAC;IAAC,WAAW,EAAE,cAAc,CAAA;CAAE,CAClE,SAAQ,WAAW,CAAC,MAAM,CAAC;gBACf,OAAO,GAAE,eAAe,CAAC,MAAM,CAAM;CAOlD;AAED,qBAAa,8BAA8B,CACzC,MAAM,GAAG;IACP,OAAO,EAAE,eAAe,CAAA;IACxB,WAAW,EAAE,cAAc,CAAA;IAC3B,YAAY,EAAE,cAAc,CAAA;IAC5B,KAAK,EAAE,eAAe,GAAG,IAAI,CAAA;CAC9B,CACD,SAAQ,WAAW,CAAC,MAAM,CAAC;gBACf,OAAO,GAAE,eAAe,CAAC,MAAM,CAAM;CAOlD;AAED,qBAAa,8BAA8B,CACzC,MAAM,GAAG;IACP,WAAW,EAAE,cAAc,CAAA;IAC3B,YAAY,EAAE,cAAc,CAAA;IAC5B,KAAK,EAAE,eAAe,CAAA;IACtB,MAAM,EAAE,eAAe,EAAE,CAAA;CAC1B,CACD,SAAQ,WAAW,CAAC,MAAM,CAAC;gBACf,OAAO,GAAE,eAAe,CAAC,MAAM,CAAM;CAOlD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inline-edit.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-edit/inline-edit.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,yBAqFjC,CAAA;AAED,eAAO,MAAM,qBAAqB,yBASjC,CAAA"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { InlineEditControls } from './inline-edit-controls';
|
|
2
|
+
import { InlineEditField } from './inline-edit-field';
|
|
3
|
+
import { InlineEditGroup } from './inline-edit-group';
|
|
4
|
+
import { INLINE_EDIT_CONTROLS, INLINE_EDIT_FIELD, INLINE_EDIT_GROUP, inlineEditControlsModes, inlineEditModes } from './inline-edit.const';
|
|
5
|
+
import type { JSXProps } from '../../types';
|
|
6
|
+
export type InlineEditMode = typeof inlineEditModes[number];
|
|
7
|
+
export type InlineEditControlsMode = typeof inlineEditControlsModes[number];
|
|
8
|
+
export interface InlineEditBaseReactiveProperties {
|
|
9
|
+
locked: boolean;
|
|
10
|
+
mode: InlineEditMode;
|
|
11
|
+
save: () => Promise<void>;
|
|
12
|
+
}
|
|
13
|
+
export type InlineEditBaseProps = Pick<Partial<InlineEditBaseReactiveProperties>, 'locked' | 'save'>;
|
|
14
|
+
export interface InlineEditFieldReactiveProperties extends InlineEditBaseReactiveProperties {
|
|
15
|
+
controlled: boolean;
|
|
16
|
+
truncate: boolean;
|
|
17
|
+
}
|
|
18
|
+
export type InlineEditFieldProps = InlineEditBaseProps & Partial<InlineEditFieldReactiveProperties>;
|
|
19
|
+
export interface InlineEditGroupReactiveProperties extends InlineEditBaseReactiveProperties {
|
|
20
|
+
controller: boolean;
|
|
21
|
+
fields: InlineEditField[];
|
|
22
|
+
}
|
|
23
|
+
export type InlineEditGroupProps = InlineEditBaseProps & Pick<Partial<InlineEditGroupReactiveProperties>, 'controller'>;
|
|
24
|
+
export interface InlineEditControlsProps {
|
|
25
|
+
mode?: InlineEditControlsMode;
|
|
26
|
+
}
|
|
27
|
+
export interface FieldOption<ValueType = unknown> {
|
|
28
|
+
label: string;
|
|
29
|
+
value: ValueType;
|
|
30
|
+
}
|
|
31
|
+
declare global {
|
|
32
|
+
namespace JSX {
|
|
33
|
+
interface IntrinsicElements {
|
|
34
|
+
[INLINE_EDIT_CONTROLS]: JSXProps<InlineEditControls, InlineEditControlsProps>;
|
|
35
|
+
[INLINE_EDIT_FIELD]: JSXProps<InlineEditField, InlineEditFieldProps>;
|
|
36
|
+
[INLINE_EDIT_GROUP]: JSXProps<InlineEditGroup, InlineEditGroupProps>;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
interface HTMLElementTagNameMap {
|
|
40
|
+
[INLINE_EDIT_CONTROLS]: InlineEditControls;
|
|
41
|
+
[INLINE_EDIT_FIELD]: InlineEditField;
|
|
42
|
+
[INLINE_EDIT_GROUP]: InlineEditGroup;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
//# sourceMappingURL=inline-edit.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inline-edit.types.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-edit/inline-edit.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAE3C,MAAM,MAAM,cAAc,GAAG,OAAO,eAAe,CAAC,MAAM,CAAC,CAAA;AAE3D,MAAM,MAAM,sBAAsB,GAAG,OAAO,uBAAuB,CAAC,MAAM,CAAC,CAAA;AAE3E,MAAM,WAAW,gCAAgC;IAC/C,MAAM,EAAE,OAAO,CAAA;IACf,IAAI,EAAE,cAAc,CAAA;IACpB,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAC1B;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,OAAO,CAAC,gCAAgC,CAAC,EACzC,QAAQ,GAAG,MAAM,CAClB,CAAA;AAED,MAAM,WAAW,iCACf,SAAQ,gCAAgC;IACxC,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GACpD,OAAO,CAAC,iCAAiC,CAAC,CAAA;AAE5C,MAAM,WAAW,iCACf,SAAQ,gCAAgC;IACxC,UAAU,EAAE,OAAO,CAAA;IACnB,MAAM,EAAE,eAAe,EAAE,CAAA;CAC1B;AAED,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GACpD,IAAI,CAAC,OAAO,CAAC,iCAAiC,CAAC,EAAE,YAAY,CAAC,CAAA;AAEhE,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,sBAAsB,CAAA;CAC9B;AAED,MAAM,WAAW,WAAW,CAAC,SAAS,GAAG,OAAO;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,SAAS,CAAA;CACjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,oBAAoB,CAAC,EAAE,QAAQ,CAC9B,kBAAkB,EAClB,uBAAuB,CACxB,CAAA;YACD,CAAC,iBAAiB,CAAC,EAAE,QAAQ,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAAA;YACpE,CAAC,iBAAiB,CAAC,EAAE,QAAQ,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAAA;SACrE;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,oBAAoB,CAAC,EAAE,kBAAkB,CAAA;QAC1C,CAAC,iBAAiB,CAAC,EAAE,eAAe,CAAA;QACpC,CAAC,iBAAiB,CAAC,EAAE,eAAe,CAAA;KACrC;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/record-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* Applies consistent field label styling to slotted content. This allows us to
|
|
4
|
+
* wrap different elements where necessary for accessibility, e.g. `label` or
|
|
5
|
+
* `dt` elements.
|
|
6
|
+
*
|
|
7
|
+
* Self-assigns to the label slot of a RecordField.
|
|
8
|
+
*
|
|
9
|
+
* @tag brz-record-field-label
|
|
10
|
+
*/
|
|
11
|
+
export declare class RecordFieldLabel extends LitElement {
|
|
12
|
+
static styles: import("lit").CSSResult[];
|
|
13
|
+
connectedCallback(): void;
|
|
14
|
+
/** @internal */
|
|
15
|
+
private hasContent;
|
|
16
|
+
/** @internal */
|
|
17
|
+
private defaultSlot;
|
|
18
|
+
protected updated(changedProperties: PropertyValues): void;
|
|
19
|
+
private setState;
|
|
20
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=record-field-label.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"record-field-label.d.ts","sourceRoot":"","sources":["../../../../src/components/record-field/record-field-label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAMtD;;;;;;;;GAQG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,4BAA2B;IAExC,iBAAiB;IAOjB,gBAAgB;IACP,OAAO,CAAC,UAAU,CAAQ;IAEnC,gBAAgB;IAEhB,OAAO,CAAC,WAAW,CAAgB;IAEnC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc;YAKrC,QAAQ;IAStB,MAAM;CAGP"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const RECORD_FIELD: "brz-record-field";
|
|
2
|
+
export declare const RECORD_FIELD_LABEL: "brz-record-field-label";
|
|
3
|
+
export declare const inputSizes: readonly ["x-small", "small", "medium", "large", "x-large", "auto", "full"];
|
|
4
|
+
export declare const labelPositions: readonly ["side", "top"];
|
|
5
|
+
//# sourceMappingURL=record-field.const.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"record-field.const.d.ts","sourceRoot":"","sources":["../../../../src/components/record-field/record-field.const.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,oBAAoC,CAAA;AAC7D,eAAO,MAAM,kBAAkB,0BAA0C,CAAA;AAEzE,eAAO,MAAM,UAAU,6EAQb,CAAA;AAEV,eAAO,MAAM,cAAc,0BAA2B,CAAA"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
|
2
|
+
import type { InputSizes, LabelPosition, RecordFieldImpl } from './record-field.types';
|
|
3
|
+
/**
|
|
4
|
+
* Wraps a field value (often an input) and applies a label to it with a
|
|
5
|
+
* consistent layout. Label can be positioned above or to the side of the value.
|
|
6
|
+
*
|
|
7
|
+
* This component is used within other components such as `LabeledInput` (and
|
|
8
|
+
* all the input components which extend from it) and `InlineEditField`. It is
|
|
9
|
+
* flexible and accepts mixed content, but is opinionated about how that content
|
|
10
|
+
* will be arranged.
|
|
11
|
+
*
|
|
12
|
+
* Use with a `RecordFieldLabel`.
|
|
13
|
+
*
|
|
14
|
+
* @slot children The field value
|
|
15
|
+
* @slot label Describes what the field value represents
|
|
16
|
+
* @slot label-right An area to the top-right of the field
|
|
17
|
+
*
|
|
18
|
+
* @tag brz-record-field
|
|
19
|
+
*/
|
|
20
|
+
export declare class RecordField extends LitElement implements RecordFieldImpl {
|
|
21
|
+
static styles: import("lit").CSSResult[];
|
|
22
|
+
/**
|
|
23
|
+
* The position of the supplied label
|
|
24
|
+
*/
|
|
25
|
+
labelPosition: LabelPosition;
|
|
26
|
+
/**
|
|
27
|
+
* The size of the input
|
|
28
|
+
*/
|
|
29
|
+
size: InputSizes;
|
|
30
|
+
/** @internal */
|
|
31
|
+
private hasLabel;
|
|
32
|
+
/** @internal */
|
|
33
|
+
private hasLabelRight;
|
|
34
|
+
/**
|
|
35
|
+
* When a value is evaluated as multiline, we apply some extra spacing to the
|
|
36
|
+
* top/bottom of the container so that the first line always lines up with a
|
|
37
|
+
* side label.
|
|
38
|
+
*
|
|
39
|
+
* @internal
|
|
40
|
+
*/
|
|
41
|
+
private isValueMultiline;
|
|
42
|
+
/** @internal */
|
|
43
|
+
private value;
|
|
44
|
+
/** @internal */
|
|
45
|
+
private slottedLabel;
|
|
46
|
+
/** @internal */
|
|
47
|
+
private slottedLabelRight;
|
|
48
|
+
protected updated(changedProperties: PropertyValues): void;
|
|
49
|
+
private setLabelState;
|
|
50
|
+
/**
|
|
51
|
+
* Attempts to evaluate whether the value element is a multiline text value.
|
|
52
|
+
* This has the potential to be a bit flaky since anything could be slotted in
|
|
53
|
+
* the value, but most other elements are not exact multiples of line height,
|
|
54
|
+
* so we use this as the basis for setting the multiline state.
|
|
55
|
+
*/
|
|
56
|
+
private checkIfMultiline;
|
|
57
|
+
/** @internal */
|
|
58
|
+
private get sizeClass();
|
|
59
|
+
/** @internal */
|
|
60
|
+
private get labelRightRowTemplate();
|
|
61
|
+
/** @internal */
|
|
62
|
+
private get valueTemplate();
|
|
63
|
+
/** @internal */
|
|
64
|
+
private get labelRightTemplate();
|
|
65
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
66
|
+
}
|
|
67
|
+
//# sourceMappingURL=record-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"record-field.d.ts","sourceRoot":"","sources":["../../../../src/components/record-field/record-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAWtD,OAAO,KAAK,EACV,UAAU,EACV,aAAa,EACb,eAAe,EAChB,MAAM,sBAAsB,CAAA;AAE7B;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,WAAY,SAAQ,UAAW,YAAW,eAAe;IACpE,MAAM,CAAC,MAAM,4BAAwC;IAErD;;OAEG;IAEH,aAAa,EAAE,aAAa,CAAQ;IAEpC;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAW;IAE3B,gBAAgB;IACP,OAAO,CAAC,QAAQ,CAAQ;IAEjC,gBAAgB;IACP,OAAO,CAAC,aAAa,CAAQ;IAEtC;;;;;;OAMG;IACM,OAAO,CAAC,gBAAgB,CAAQ;IAEzC,gBAAgB;IAEhB,OAAO,CAAC,KAAK,CAAc;IAE3B,gBAAgB;IAEhB,OAAO,CAAC,YAAY,CAAgB;IAEpC,gBAAgB;IAEhB,OAAO,CAAC,iBAAiB,CAAgB;IAEzC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc;YAYrC,aAAa;IAQ3B;;;;;OAKG;IACH,OAAO,CAAC,gBAAgB;IAQxB,gBAAgB;IAChB,OAAO,KAAK,SAAS,GAEpB;IAED,gBAAgB;IAChB,OAAO,KAAK,qBAAqB,GAahC;IAED,gBAAgB;IAChB,OAAO,KAAK,aAAa,GAExB;IAED,gBAAgB;IAChB,OAAO,KAAK,kBAAkB,GAE7B;IAED,MAAM;CAgCP"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"record-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/record-field/record-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAwB5B,CAAA;AAED,eAAO,MAAM,iBAAiB,yBA0E7B,CAAA;AAED,eAAO,MAAM,sBAAsB,yBAQlC,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { JSXProps } from '../../types';
|
|
2
|
+
import { RecordField } from './record-field';
|
|
3
|
+
import { RecordFieldLabel } from './record-field-label';
|
|
4
|
+
import { RECORD_FIELD_LABEL, inputSizes, labelPositions, RECORD_FIELD } from './record-field.const';
|
|
5
|
+
export type InputSizes = typeof inputSizes[number];
|
|
6
|
+
export type LabelPosition = typeof labelPositions[number];
|
|
7
|
+
export interface RecordFieldImpl {
|
|
8
|
+
labelPosition?: LabelPosition;
|
|
9
|
+
size?: InputSizes;
|
|
10
|
+
}
|
|
11
|
+
export interface RecordFieldProps {
|
|
12
|
+
'label-position'?: LabelPosition;
|
|
13
|
+
size?: InputSizes;
|
|
14
|
+
}
|
|
15
|
+
declare global {
|
|
16
|
+
namespace JSX {
|
|
17
|
+
interface IntrinsicElements {
|
|
18
|
+
[RECORD_FIELD_LABEL]: JSXProps<RecordFieldLabel>;
|
|
19
|
+
[RECORD_FIELD]: JSXProps<RecordField, RecordFieldProps>;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
interface HTMLElementTagNameMap {
|
|
23
|
+
[RECORD_FIELD_LABEL]: RecordFieldLabel;
|
|
24
|
+
[RECORD_FIELD]: RecordField;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=record-field.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"record-field.types.d.ts","sourceRoot":"","sources":["../../../../src/components/record-field/record-field.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EACL,kBAAkB,EAClB,UAAU,EACV,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAE7B,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;AAElD,MAAM,MAAM,aAAa,GAAG,OAAO,cAAc,CAAC,MAAM,CAAC,CAAA;AAEzD,MAAM,WAAW,eAAe;IAC9B,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,gBAAgB,CAAC,EAAE,aAAa,CAAA;IAChC,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,kBAAkB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAA;YAChD,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAA;SACxD;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,kBAAkB,CAAC,EAAE,gBAAgB,CAAA;QACtC,CAAC,YAAY,CAAC,EAAE,WAAW,CAAA;KAC5B;CACF"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
1
|
import { JSXProps } from '../types';
|
|
2
|
+
import { RecordFieldLabel, RecordField } from './record-field';
|
|
3
3
|
export declare const RECORD_ROW: "brz-record-row";
|
|
4
4
|
export declare const RECORD_ROW_LABEL: "brz-record-row-label";
|
|
5
5
|
declare global {
|
|
@@ -17,19 +17,20 @@ declare global {
|
|
|
17
17
|
/**
|
|
18
18
|
* Record row component
|
|
19
19
|
*
|
|
20
|
+
* @deprecated Use brz-record-field
|
|
21
|
+
*
|
|
20
22
|
* @tag brz-record-row
|
|
21
23
|
*/
|
|
22
|
-
export declare class RecordRow extends
|
|
23
|
-
|
|
24
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
24
|
+
export declare class RecordRow extends RecordField {
|
|
25
|
+
connectedCallback(): void;
|
|
25
26
|
}
|
|
26
27
|
/**
|
|
27
28
|
* Record row label component
|
|
28
29
|
*
|
|
30
|
+
* @deprecated Use brz-field-label
|
|
31
|
+
*
|
|
29
32
|
* @tag brz-record-row-label
|
|
30
33
|
*/
|
|
31
|
-
export declare class RecordRowLabel extends
|
|
32
|
-
static styles: import("lit").CSSResult;
|
|
33
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
34
|
+
export declare class RecordRowLabel extends RecordFieldLabel {
|
|
34
35
|
}
|
|
35
36
|
//# sourceMappingURL=record-row.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"record-row.d.ts","sourceRoot":"","sources":["../../../src/components/record-row.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"record-row.d.ts","sourceRoot":"","sources":["../../../src/components/record-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnC,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE9D,eAAO,MAAM,UAAU,kBAAkC,CAAA;AACzD,eAAO,MAAM,gBAAgB,wBAAwC,CAAA;AAErE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,CAAC,UAAU,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;YACjC,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAA;SAC7C;KACF;IAED,UAAU,qBAAqB;QAC7B,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;QACvB,CAAC,gBAAgB,CAAC,EAAE,cAAc,CAAA;KACnC;CACF;AAED;;;;;;GAMG;AACH,qBACa,SAAU,SAAQ,WAAW;IACxC,iBAAiB;CAKlB;AAED;;;;;;GAMG;AACH,qBACa,cAAe,SAAQ,gBAAgB;CAAG"}
|