@lion/ui 0.19.1 → 0.20.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/calendar-suites.js +1 -0
- package/components/form-core/src/FormatMixin.js +7 -2
- package/components/form-core/test/FormatMixin.test.js +4 -1
- package/components/form-core/test-suites/FormatMixin.suite.js +242 -65
- package/components/input/test/input-integrations.test.js +3 -2
- package/components/input/test/lion-input-integrations.test.js +2 -1
- package/components/input-amount/test/lion-input-amount-integrations.test.js +1 -1
- package/components/input-amount-dropdown/src/LionInputAmountDropdown.js +22 -4
- package/components/input-amount-dropdown/test/lion-input-amount-dropdown-integrations.test.js +22 -0
- package/components/input-amount-dropdown/test-suites/LionInputAmountDropdown.suite.js +59 -3
- package/components/input-date/test/lion-input-date-integrations.test.js +1 -1
- package/components/input-datepicker/test/lion-input-datepicker-integrations.test.js +1 -1
- package/components/input-email/test/lion-input-email-integrations.test.js +1 -1
- package/components/input-iban/test/lion-input-iban-integrations.test.js +1 -1
- package/components/input-stepper/test-suites/lion-input-stepper.integration.suite.js +2 -2
- package/components/overlays/test-suites/WithHoverInteraction.suite.js +212 -0
- package/components/textarea/test/lion-textarea-integrations.test.js +2 -1
- package/components/tooltip/test/lion-tooltip.test.js +9 -1
- package/custom-elements.json +1382 -1255
- package/dist-types/components/form-core/src/FormatMixin.d.ts.map +1 -1
- package/dist-types/components/form-core/test-suites/FormatMixin.suite.d.ts +50 -5
- package/dist-types/components/form-core/test-suites/FormatMixin.suite.d.ts.map +1 -1
- package/dist-types/components/icon/src/LionIcon.d.ts +2 -2
- package/dist-types/components/input-amount-dropdown/src/LionInputAmountDropdown.d.ts.map +1 -1
- package/dist-types/components/input-amount-dropdown/test/lion-input-amount-dropdown-integrations.test.d.ts +2 -0
- package/dist-types/components/input-amount-dropdown/test/lion-input-amount-dropdown-integrations.test.d.ts.map +1 -0
- package/dist-types/components/input-amount-dropdown/test-suites/LionInputAmountDropdown.suite.d.ts.map +1 -1
- package/dist-types/components/overlays/test-suites/WithHoverInteraction.suite.d.ts +17 -0
- package/dist-types/components/overlays/test-suites/WithHoverInteraction.suite.d.ts.map +1 -0
- package/dist-types/components/tooltip/test/lion-tooltip.test.d.ts.map +1 -1
- package/dist-types/exports/calendar-suites.d.ts +2 -0
- package/dist-types/exports/calendar-suites.d.ts.map +1 -0
- package/dist-types/exports/input-datepicker-suites.d.ts +2 -0
- package/dist-types/exports/input-datepicker-suites.d.ts.map +1 -0
- package/dist-types/exports/overlays-test-suites.d.ts +1 -0
- package/dist-types/tsconfig.tsbuildinfo +1 -1
- package/docs/components/checkbox-group/overview.md +2 -2
- package/docs/components/collapsible/overview.md +1 -1
- package/docs/components/combobox/overview.md +1 -1
- package/docs/components/combobox/use-cases.md +1 -1
- package/docs/components/dialog/overview.md +1 -1
- package/docs/components/fieldset/overview.md +5 -5
- package/docs/components/form/overview.md +3 -3
- package/docs/components/form/use-cases.md +2 -2
- package/docs/components/icon/use-cases.md +1 -1
- package/docs/components/input/overview.md +1 -1
- package/docs/components/input-amount/overview.md +3 -3
- package/docs/components/input-amount-dropdown/api-table.md +2 -2
- package/docs/components/input-date/overview.md +3 -3
- package/docs/components/input-datepicker/overview.md +5 -5
- package/docs/components/input-email/overview.md +2 -2
- package/docs/components/input-file/overview.md +1 -1
- package/docs/components/input-iban/overview.md +2 -2
- package/docs/components/input-range/overview.md +2 -2
- package/docs/components/input-stepper/overview.md +1 -1
- package/docs/components/input-tel/overview.md +1 -1
- package/docs/components/input-tel/use-cases.md +6 -6
- package/docs/components/input-tel-dropdown/overview.md +1 -1
- package/docs/components/listbox/use-cases.md +1 -1
- package/docs/components/radio-group/overview.md +3 -3
- package/docs/components/select/use-cases.md +1 -1
- package/docs/components/select-rich/use-cases.md +2 -2
- package/docs/components/tabs/examples.md +1 -1
- package/docs/fundamentals/index.md +4 -4
- package/docs/fundamentals/node-tools/publish-docs/overview.md +3 -3
- package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/overview.md +2 -2
- package/docs/fundamentals/rationales/accessibility.md +1 -1
- package/docs/fundamentals/systems/core/SlotMixin.md +1 -1
- package/docs/fundamentals/systems/core/overview.md +1 -1
- package/docs/fundamentals/systems/form/formatting-and-parsing.md +4 -4
- package/docs/fundamentals/systems/form/model-value.md +1 -1
- package/docs/fundamentals/systems/form/overview.md +28 -28
- package/docs/fundamentals/systems/form/validate.md +2 -2
- package/docs/fundamentals/systems/localize/overview.md +4 -4
- package/docs/fundamentals/systems/overlays/configuration.md +2 -2
- package/docs/fundamentals/systems/overlays/overview.md +5 -5
- package/docs/fundamentals/systems/overlays/use-cases.md +2 -2
- package/docs/fundamentals/tools/helpers/overview.md +1 -1
- package/docs/fundamentals/tools/singleton-manager/overview.md +4 -4
- package/docs/guides/how-to/create-a-custom-field.md +5 -5
- package/docs/guides/how-to/create-a-form.md +4 -4
- package/docs/guides/how-to/extend-a-native-input.md +2 -2
- package/docs/guides/how-to/index.md +1 -1
- package/docs/guides/index.md +8 -8
- package/docs/guides/principles/index.md +5 -5
- package/docs/guides/principles/styling.md +1 -1
- package/exports/calendar-suites.js +1 -0
- package/exports/input-datepicker-suites.js +1 -0
- package/exports/overlays-test-suites.js +1 -0
- package/input-datepicker-suites.js +1 -0
- package/overlays-test-suites.js +1 -0
- package/package.json +1 -1
- package/components/overlays/test/withHoverInteraction.test.js +0 -118
- package/dist-types/components/overlays/test/withHoverInteraction.test.d.ts +0 -2
- package/dist-types/components/overlays/test/withHoverInteraction.test.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormatMixin.d.ts","sourceRoot":"","sources":["../../../../components/form-core/src/FormatMixin.js"],"names":[],"mappings":"0BAWa,OAAO,8BAA8B,EAAE,WAAW;
|
|
1
|
+
{"version":3,"file":"FormatMixin.d.ts","sourceRoot":"","sources":["../../../../components/form-core/src/FormatMixin.js"],"names":[],"mappings":"0BAWa,OAAO,8BAA8B,EAAE,WAAW;AA0nB/D,6FAAkE;qCA5nBrD,OAAO,mCAAmC,EAAE,sBAAsB;4BAClE,OAAO,8BAA8B,EAAE,aAAa"}
|
|
@@ -1,10 +1,55 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @param {
|
|
2
|
+
* @param {FormatMixinSuiteConfig} [customConfig]
|
|
3
3
|
*/
|
|
4
|
-
export function runFormatMixinSuite(customConfig?:
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
export function runFormatMixinSuite(customConfig?: FormatMixinSuiteConfig | undefined): void;
|
|
5
|
+
export type FormatMixinSuiteConfig = {
|
|
6
|
+
/**
|
|
7
|
+
* - Optional. Element tag name; if omitted, one will be auto-generated via defineCE()
|
|
8
|
+
*/
|
|
9
|
+
tagString?: string | null | undefined;
|
|
10
|
+
/**
|
|
11
|
+
* - Optional. Not currently used
|
|
12
|
+
*/
|
|
13
|
+
childTagString?: string | null | undefined;
|
|
14
|
+
/**
|
|
15
|
+
* - REQUIRED. The model value type for this component
|
|
16
|
+
*/
|
|
17
|
+
modelValueType: ArrayConstructor | ObjectConstructor | NumberConstructor | BooleanConstructor | StringConstructor | DateConstructor | 'iban' | 'email';
|
|
18
|
+
/**
|
|
19
|
+
* - Optional. Provide different test values for toggleValue=false vs toggleValue=true. If not provided, defaults will be generated based on modelValueType.
|
|
20
|
+
*/
|
|
21
|
+
valueToggler?: ((opts: {
|
|
22
|
+
toggleValue: boolean;
|
|
23
|
+
viewValue: boolean;
|
|
24
|
+
}) => any) | undefined;
|
|
25
|
+
/**
|
|
26
|
+
* - Optional. Expected initial modelValue state when element is created without a value. If not provided, defaults will be generated based on modelValueType.
|
|
27
|
+
*/
|
|
28
|
+
getExpectedInitialModelValue?: ((el: FormatClass) => any) | undefined;
|
|
29
|
+
/**
|
|
30
|
+
* - Optional. Expected initial formattedValue state when element is created without a value. If not provided, defaults will be generated based on modelValueType.
|
|
31
|
+
*/
|
|
32
|
+
getExpectedInitialFormattedValue?: ((el: FormatClass) => any) | undefined;
|
|
33
|
+
/**
|
|
34
|
+
* - Optional. Expected initial serializedValue state when element is created without a value. If not provided, defaults will be generated based on modelValueType.
|
|
35
|
+
*/
|
|
36
|
+
getExpectedInitialSerializedValue?: ((el: FormatClass) => any) | undefined;
|
|
37
|
+
/**
|
|
38
|
+
* - Optional. Offset for model-value-changed event counter. Use 0 for most types, 1 for Date types where parseDate() creates new objects. If not provided, defaults will be generated based on modelValueType.
|
|
39
|
+
*/
|
|
40
|
+
valueChangeCounterOffset?: number | undefined;
|
|
41
|
+
};
|
|
8
42
|
export type FormControlHost = import('../types/FormControlMixinTypes.js').FormControlHost;
|
|
9
43
|
export type modelValueType = ArrayConstructor | ObjectConstructor | NumberConstructor | BooleanConstructor | StringConstructor | DateConstructor | 'iban' | 'email';
|
|
44
|
+
declare const FormatClass_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("../types/FormatMixinTypes.js").FormatHost> & Pick<typeof import("../types/FormatMixinTypes.js").FormatHost, "prototype"> & import("@open-wc/dedupe-mixin").Constructor<import("../types/validate/ValidateMixinTypes.js").ValidateHost> & Pick<typeof import("../types/validate/ValidateMixinTypes.js").ValidateHost, "prototype" | "validationTypes"> & import("@open-wc/dedupe-mixin").Constructor<import("../types/FormControlMixinTypes.js").FormControlHost> & Pick<typeof import("../types/FormControlMixinTypes.js").FormControlHost, "prototype" | "properties" | "styles"> & Pick<typeof LitElement, typeof Symbol.metadata | "prototype" | "_$litElement$" | "enabledWarnings" | "enableWarning" | "disableWarning" | "addInitializer" | "_initializers" | "elementProperties" | "properties" | "elementStyles" | "styles" | "observedAttributes" | "createProperty" | "getPropertyOptions" | "shadowRootOptions">;
|
|
45
|
+
/**
|
|
46
|
+
* @typedef {import('../types/FormControlMixinTypes.js').FormControlHost} FormControlHost
|
|
47
|
+
* @typedef {ArrayConstructor | ObjectConstructor | NumberConstructor | BooleanConstructor | StringConstructor | DateConstructor | 'iban' | 'email'} modelValueType
|
|
48
|
+
*/
|
|
49
|
+
declare class FormatClass extends FormatClass_base {
|
|
50
|
+
get _inputNode(): HTMLInputElement;
|
|
51
|
+
render(): import("lit-html").TemplateResult<1 | 2 | 3>;
|
|
52
|
+
}
|
|
53
|
+
import { LitElement } from "lit";
|
|
54
|
+
export {};
|
|
10
55
|
//# sourceMappingURL=FormatMixin.suite.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormatMixin.suite.d.ts","sourceRoot":"","sources":["../../../../components/form-core/test-suites/FormatMixin.suite.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormatMixin.suite.d.ts","sourceRoot":"","sources":["../../../../components/form-core/test-suites/FormatMixin.suite.js"],"names":[],"mappings":"AA2JA;;GAEG;AACH,6FAwxBC;;;;;;;;;;;;;oBA74Ba,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,eAAe,GAAG,MAAM,GAAG,OAAO;;;;2BAC/H;QAAE,WAAW,EAAE,OAAO,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAE,KAAK,GAAG;;;;yCACtD,WAAW,KAAK,GAAG;;;;6CACnB,WAAW,KAAK,GAAG;;;;8CACnB,WAAW,KAAK,GAAG;;;;;;8BAnCzB,OAAO,mCAAmC,EAAE,eAAe;6BAC3D,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,eAAe,GAAG,MAAM,GAAG,OAAO;;AAFnJ;;;GAGG;AAEH;IACE,mCAEC;IAED,uDAEC;CAcF"}
|
|
@@ -49,11 +49,11 @@ export class LionIcon extends LitElement {
|
|
|
49
49
|
* so make sure to have <svg focusable="false"> in svg files
|
|
50
50
|
* @param {TemplateResult|nothing|TagFunction} svg
|
|
51
51
|
*/
|
|
52
|
-
set svg(arg:
|
|
52
|
+
set svg(arg: import("lit-html").TemplateResult<1 | 2 | 3> | typeof nothing | TagFunction);
|
|
53
53
|
/**
|
|
54
54
|
* @type {TemplateResult|nothing|TagFunction}
|
|
55
55
|
*/
|
|
56
|
-
get svg():
|
|
56
|
+
get svg(): import("lit-html").TemplateResult<1 | 2 | 3> | typeof nothing | TagFunction;
|
|
57
57
|
/** @protected */
|
|
58
58
|
protected _onLabelChanged(): void;
|
|
59
59
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LionInputAmountDropdown.d.ts","sourceRoot":"","sources":["../../../../components/input-amount-dropdown/src/LionInputAmountDropdown.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LionInputAmountDropdown.d.ts","sourceRoot":"","sources":["../../../../components/input-amount-dropdown/src/LionInputAmountDropdown.js"],"names":[],"mappings":"AA6BA;;;;;;;;;;;GAWG;AAEH;;;;;;;;;;;;;;;GAeG;AAEH;;;;;;;;;GASG;AAEH;IACE;;;OAGG;IACH,mBAFU,GAAG,CAOX;IAEF,kGAGE;IA+EF;4CACwB,kCAAkC;QA0BxD;;;WAGG;kDAFQ,kCAAkC,mDAClC,UAAU;MAgBrB;IAEF;;;OAGG;IACH,gHA4BE;IA5JF;QACE,0BAA0B;kBAAf,WAAW;MAEtB;IAEF;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,4FA8BC;IASD,+BAMC;IAbD;;OAEG;IACH,4BAEC;IAOC,gBAiJU,MAAM,CAjJc;IA6G9B;;;OAGG;IACH,oFAEC;IAED,gDAEE;IAYF,qLAAyB;IAEzB;;;OAGG;IACH,wBAHW,OAAO,mBAAmB,EAAE,wBAAwB,iHAG4B;IAC3F,yFAA4B;IAC5B,gGAAgC;IAEhC,uCAAkD;IAQlD;;;OAGG;IACH,qBAFU,YAAY,EAAE,CAEK;IAE7B;;;OAGG;IACH,mBAFU,YAAY,EAAE,CAEG;IAE3B;;;OAGG;IACH,sCAA6B;IAC7B;;;OAGG;IACH,4CAAmC;IAEnC;;;;;OAKG;IACH,yBAA0B;IAE1B;;;;OAIG;IACH,kCAAmC;IAoFrC;;;OAGG;IACH,wCAFW,qBAAqB,QA0B/B;IAED;;OAEG;IACH,mCAmBC;IA3HC;;;;MAAiC;IA6CnC;;OAEG;IACH,iDAOC;IALG,8CAA8C;IA2ElD;;;;;;;OAOG;IACH,6BAmBC;IAED;;;;;;;;OAQG;IAEH,6CAEC;IAED,kCAkCC;IAED;;;;OAIG;IACH,0EAIC;CACF;kBAlhBY,OAAO,uBAAuB,EAAE,GAAG;4BACnC,OAAO,KAAK,EAAE,aAAa;yBAC3B,OAAO,2CAA2C,EAAE,UAAU;yBAC9D,OAAO,gCAAgC,EAAE,UAAU;iDACnD,OAAO,mBAAmB,EAAE,kCAAkC;oCAC9D,OAAO,mBAAmB,EAAE,qBAAqB;0BACjD,OAAO,mBAAmB,EAAE,WAAW;yBACvC,OAAO,mBAAmB,EAAE,UAAU;2BACtC,OAAO,mBAAmB,EAAE,YAAY;6BACxC,OAAO,yCAAyC,EAAE,cAAc;gCAChE,OAAO,yCAAyC,EAAE,iBAAiB;4BACnE,OAAO,2CAA2C,EAAE,aAAa;kCACjE,aAAa,GAAG;IAAC,MAAM,CAAC,EAAC,MAAM,CAAC;IAAA,QAAQ,EAAC,MAAM,GAAC,SAAS,CAAA;CAAC;6CAC1D,kCAAkC,GAAG;IAAC,IAAI,EAAE;QAAC,cAAc,EAAC,UAAU,EAAE,CAAA;KAAC,CAAA;CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lion-input-amount-dropdown-integrations.test.d.ts","sourceRoot":"","sources":["../../../../components/input-amount-dropdown/test/lion-input-amount-dropdown-integrations.test.js"],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LionInputAmountDropdown.suite.d.ts","sourceRoot":"","sources":["../../../../components/input-amount-dropdown/test-suites/LionInputAmountDropdown.suite.js"],"names":[],"mappings":"AAuCA;;GAEG;AAEH,wDAHW;IAAE,KAAK,EAAC,uBAAuB,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"LionInputAmountDropdown.suite.d.ts","sourceRoot":"","sources":["../../../../components/input-amount-dropdown/test-suites/LionInputAmountDropdown.suite.js"],"names":[],"mappings":"AAuCA;;GAEG;AAEH,wDAHW;IAAE,KAAK,EAAC,uBAAuB,CAAA;CAAE,QAwW3C;iDAhYY,OAAO,mBAAmB,EAAE,kCAAkC;8BAC9D,iBAAiB,IAAC,WAAW,GAAG;IAAC,UAAU,EAAC,MAAM,CAAA;CAAC,CAAA;6BACnD,OAAO,KAAK,EAAE,cAAc"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @typedef {import('lit').LitElement & {_overlayCtrl: import('../src/OverlayController.js').OverlayController}} HoverInteractionEl
|
|
3
|
+
* @typedef {{ tagString: string; invokerTagString: string; suffix?: string }} WithHoverInteractionConfig
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @param {WithHoverInteractionConfig} config
|
|
7
|
+
*/
|
|
8
|
+
export function runWithHoverInteractionSuite({ tagString, invokerTagString, suffix }: WithHoverInteractionConfig): void;
|
|
9
|
+
export type HoverInteractionEl = import('lit').LitElement & {
|
|
10
|
+
_overlayCtrl: import('../src/OverlayController.js').OverlayController;
|
|
11
|
+
};
|
|
12
|
+
export type WithHoverInteractionConfig = {
|
|
13
|
+
tagString: string;
|
|
14
|
+
invokerTagString: string;
|
|
15
|
+
suffix?: string;
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=WithHoverInteraction.suite.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WithHoverInteraction.suite.d.ts","sourceRoot":"","sources":["../../../../components/overlays/test-suites/WithHoverInteraction.suite.js"],"names":[],"mappings":"AAGA;;;GAGG;AAEH;;GAEG;AACH,sFAFW,0BAA0B,QA0MpC;iCA/MY,OAAO,KAAK,EAAE,UAAU,GAAG;IAAC,YAAY,EAAE,OAAO,6BAA6B,EAAE,iBAAiB,CAAA;CAAC;yCAClG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,gBAAgB,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lion-tooltip.test.d.ts","sourceRoot":"","sources":["../../../../components/tooltip/test/lion-tooltip.test.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"lion-tooltip.test.d.ts","sourceRoot":"","sources":["../../../../components/tooltip/test/lion-tooltip.test.js"],"names":[],"mappings":"0BASa,OAAO,uBAAuB,EAAE,WAAW;4BAC3C,OAAO,uCAAuC,EAAE,aAAa"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar-suites.d.ts","sourceRoot":"","sources":["../../exports/calendar-suites.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-datepicker-suites.d.ts","sourceRoot":"","sources":["../../exports/input-datepicker-suites.js"],"names":[],"mappings":""}
|