@lion/form-core - npm Package Compare versions

Comparing version 0.15.5 to 0.16.0

docs/overview.md

@@ -7,4 +7,4 @@ # Systems >> Form >> Overview ||10
 
-- Built in [validate](https://github.com/ing-bank/lion/blob/745c809ce06b2dce0ee4e47749ce2b5ca23bd769/docs/docs/systems/form/validate.md) for error/warning/info/success
+- Built in [validate](https://github.com/ing-bank/lion/blob/7c52c12bfb025c98f93b5f0be984cedd3028a20a/docs/docs/systems/form/validate.md) for error/warning/info/success
 - Formatting of values
 - Accessible

package.json

 {
   "name": "@lion/form-core",
-  "version": "0.15.5",
+  "version": "0.16.0",
   "description": "Form-core contains all essential building blocks for creating form fields and fieldsets",
@@ -41,4 +41,4 @@ "license": "MIT",
   "dependencies": {
-    "@lion/core": "0.20.0",
-    "@lion/localize": "0.22.0"
+    "@lion/core": "^0.21.0",
+    "@lion/localize": "^0.23.0"
   },
@@ -62,4 +62,3 @@ "keywords": [
     "./docs/*": "./docs/*"
-  },
-  "customElementsManifest": "custom-elements.json"
+  }
 }

README.md

@@ -7,4 +7,4 @@ # Systems >> Form >> Overview ||10
 
-- Built in [validate](https://github.com/ing-bank/lion/blob/745c809ce06b2dce0ee4e47749ce2b5ca23bd769/docs/docs/systems/form/validate.md) for error/warning/info/success
+- Built in [validate](https://github.com/ing-bank/lion/blob/7c52c12bfb025c98f93b5f0be984cedd3028a20a/docs/docs/systems/form/validate.md) for error/warning/info/success
 - Formatting of values
 - Accessible

src/choice-group/ChoiceGroupMixin.d.ts

@@ -1,12 +0,6 @@
-export type ChoiceGroupMixin = typeof import("../../types/choice-group/ChoiceGroupMixinTypes.js").ChoiceGroupImplementation;
-export const ChoiceGroupMixin: typeof import("../../types/choice-group/ChoiceGroupMixinTypes.js").ChoiceGroupImplementation;
-export type FormControlHost = import("../../types/FormControlMixinTypes.js").FormControlHost;
-export type ElementWithParentFormGroup = import("../../types/registration/FormRegistrarMixinTypes.js").ElementWithParentFormGroup;
-export type FormControl = import("../../types/FormControlMixinTypes.js").FormControlHost & HTMLElement & {
-    _parentFormGroup?: HTMLElement | undefined;
-    checked?: boolean | undefined;
-    disabled: boolean;
-    hasFeedbackFor: string[];
-    makeRequestToBeDisabled: Function;
-};
-export type ChoiceInputHost = import("../../types/choice-group/ChoiceInputMixinTypes.js").ChoiceInputHost;
+export type ChoiceGroupMixin = import('../../types/choice-group/ChoiceGroupMixinTypes').ChoiceGroupMixin;
+export const ChoiceGroupMixin: typeof import("../../types/choice-group/ChoiceGroupMixinTypes").ChoiceGroupImplementation;
+export type FormControlHost = import('../../types/FormControlMixinTypes').FormControlHost;
+export type ElementWithParentFormGroup = import('../../types/registration/FormRegistrarMixinTypes').ElementWithParentFormGroup;
+export type FormControl = import('../../types/form-group/FormGroupMixinTypes').FormControl;
+export type ChoiceInputHost = import('../../types/choice-group/ChoiceInputMixinTypes').ChoiceInputHost;

src/choice-group/ChoiceGroupMixin.js

@@ -24,2 +24,3 @@ import { dedupeMixin } from '@lion/core';
 const ChoiceGroupMixinImplementation = superclass =>
+  // @ts-ignore https://github.com/microsoft/TypeScript/issues/36821#issuecomment-588375051
   class ChoiceGroupMixin extends FormRegistrarMixin(InteractionStateMixin(superclass)) {
@@ -26,0 +27,0 @@ /** @type {any} */

src/choice-group/ChoiceInputMixin.d.ts

@@ -1,8 +0,8 @@
-export type ChoiceInputMixin = typeof import("../../types/choice-group/ChoiceInputMixinTypes.js").ChoiceInputImplementation;
-export const ChoiceInputMixin: typeof import("../../types/choice-group/ChoiceInputMixinTypes.js").ChoiceInputImplementation;
-export type FormControlHost = import("../../types/FormControlMixinTypes.js").FormControlHost;
-export type FormControl = import("../../types/FormControlMixinTypes.js").FormControlHost & HTMLElement & {
-    _parentFormGroup?: HTMLElement | undefined;
-    checked?: boolean | undefined;
+export type ChoiceInputMixin = import('../../types/choice-group/ChoiceInputMixinTypes').ChoiceInputMixin;
+export const ChoiceInputMixin: typeof import("../../types/choice-group/ChoiceInputMixinTypes").ChoiceInputImplementation;
+export type FormControlHost = import('../../types/FormControlMixinTypes').FormControlHost;
+export type FormControl = FormControlHost & HTMLElement & {
+    _parentFormGroup?: HTMLElement;
+    checked?: boolean;
 };
-export type ChoiceInputModelValue = import("../../types/choice-group/ChoiceInputMixinTypes.js").ChoiceInputModelValue;
+export type ChoiceInputModelValue = import('../../types/choice-group/ChoiceInputMixinTypes').ChoiceInputModelValue;

src/choice-group/ChoiceInputMixin.js

@@ -24,2 +24,3 @@ /* eslint-disable class-methods-use-this */
 const ChoiceInputMixinImplementation = superclass =>
+  // @ts-ignore https://github.com/microsoft/TypeScript/issues/36821#issuecomment-588375051
   class ChoiceInputMixin extends FormatMixin(superclass) {
@@ -339,2 +340,3 @@ /** @type {any} */
      */
+    // @ts-expect-error FIXME: @override gives error because LionField is not superclass type, this mixin should only allow LionField extensions
     clear() {
@@ -341,0 +343,0 @@ this.checked = false;

src/FocusMixin.d.ts

@@ -1,2 +0,2 @@
-export type FocusMixin = typeof import("../types/FocusMixinTypes").FocusImplementation;
+export type FocusMixin = import('../types/FocusMixinTypes').FocusMixin;
 /**
@@ -3,0 +3,0 @@ * For browsers that not support the [spec](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible),

src/FocusMixin.js

@@ -23,2 +23,3 @@ import { dedupeMixin } from '@lion/core';
 const FocusMixinImplementation = superclass =>
+  // @ts-ignore https://github.com/microsoft/TypeScript/issues/36821#issuecomment-588375051
   class FocusMixin extends superclass {
@@ -25,0 +26,0 @@ /** @type {any} */

src/form-group/FormElementsHaveNoError.d.ts

 export class FormElementsHaveNoError extends Validator {
     static getMessage(): Promise<string>;
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 import { Validator } from "../validate/Validator.js";

src/form-group/FormGroupMixin.d.ts

@@ -1,13 +0,7 @@
-export type FormGroupMixin = typeof import("../../types/form-group/FormGroupMixinTypes.js").FormGroupImplementation;
-export const FormGroupMixin: typeof import("../../types/form-group/FormGroupMixinTypes.js").FormGroupImplementation;
-export type FormGroupHost = import("../../types/form-group/FormGroupMixinTypes.js").FormGroupHost;
-export type FormControl = import("../../types/FormControlMixinTypes.js").FormControlHost & HTMLElement & {
-    _parentFormGroup?: HTMLElement | undefined;
-    checked?: boolean | undefined;
-    disabled: boolean;
-    hasFeedbackFor: string[];
-    makeRequestToBeDisabled: Function;
-};
-export type FormControlHost = import("../../types/FormControlMixinTypes.js").FormControlHost;
-export type FormRegisteringHost = import("../../types/registration/FormRegisteringMixinTypes.js").FormRegisteringHost;
-export type ElementWithParentFormGroup = import("../../types/registration/FormRegistrarMixinTypes.js").ElementWithParentFormGroup;
+export type FormGroupMixin = import('../../types/form-group/FormGroupMixinTypes').FormGroupMixin;
+export const FormGroupMixin: typeof import("../../types/form-group/FormGroupMixinTypes").FormGroupImplementation;
+export type FormGroupHost = import('../../types/form-group/FormGroupMixinTypes').FormGroupHost;
+export type FormControl = import('../../types/form-group/FormGroupMixinTypes').FormControl;
+export type FormControlHost = import('../../types/FormControlMixinTypes').FormControlHost;
+export type FormRegisteringHost = import('../../types/registration/FormRegisteringMixinTypes').FormRegisteringHost;
+export type ElementWithParentFormGroup = import('../../types/registration/FormRegistrarMixinTypes').ElementWithParentFormGroup;

src/form-group/FormGroupMixin.js

@@ -31,2 +31,3 @@ import { dedupeMixin, html, SlotMixin, DisabledMixin } from '@lion/core';
 const FormGroupMixinImplementation = superclass =>
+  // @ts-ignore https://github.com/microsoft/TypeScript/issues/36821#issuecomment-588375051
   class FormGroupMixin extends FormRegistrarMixin(
@@ -33,0 +34,0 @@ FormControlMixin(ValidateMixin(DisabledMixin(SlotMixin(superclass)))),

src/FormatMixin.d.ts

@@ -1,8 +0,4 @@
-export type FormatMixin = typeof import("../types/FormatMixinTypes.js").FormatImplementation;
-export const FormatMixin: typeof import("../types/FormatMixinTypes.js").FormatImplementation;
-export type FormatOptions = import("@lion/localize/types/LocalizeMixinTypes").FormatNumberOptions;
-export type ModelValueEventDetails = {
-    formPath: HTMLElement[];
-    isTriggeredByUser: boolean;
-    initialize?: boolean | undefined;
-};
+export type FormatMixin = import('../types/FormatMixinTypes').FormatMixin;
+export const FormatMixin: typeof import("../types/FormatMixinTypes").FormatImplementation;
+export type FormatOptions = import('@lion/localize/types/LocalizeMixinTypes').FormatNumberOptions;
+export type ModelValueEventDetails = import('../types/FormControlMixinTypes.js').ModelValueEventDetails;

src/FormatMixin.js

@@ -61,2 +61,3 @@ /* eslint-disable class-methods-use-this */
 const FormatMixinImplementation = superclass =>
+  // @ts-ignore https://github.com/microsoft/TypeScript/issues/36821#issuecomment-588375051
   class FormatMixin extends ValidateMixin(FormControlMixin(superclass)) {
@@ -63,0 +64,0 @@ /** @type {any} */

src/FormControlMixin.d.ts

@@ -1,21 +0,11 @@
-export type FormControlMixin = typeof import("../types/FormControlMixinTypes.js").FormControlImplementation;
+export type FormControlMixin = import('../types/FormControlMixinTypes.js').FormControlMixin;
 export const FormControlMixin: typeof import("../types/FormControlMixinTypes.js").FormControlImplementation;
-export type TemplateResult = {
-    _$litType$: 1 | 2;
-    strings: TemplateStringsArray;
-    values: unknown[];
-};
-export type CSSResult = import("@lion/core").CSSResult;
-export type CSSResultArray = import("@lit/reactive-element").CSSResultGroup[];
-export type SlotsMap = {
-    [key: string]: typeof import("@lion/core/types/SlotMixinTypes").slotFunction;
-};
-export type LionValidationFeedback = import("./validate/LionValidationFeedback.js").LionValidationFeedback;
-export type ChoiceInputHost = import("../types/choice-group/ChoiceInputMixinTypes.js").ChoiceInputHost;
-export type FormControlHost = import("../types/FormControlMixinTypes.js").FormControlHost;
-export type HTMLElementWithValue = import("../types/FormControlMixinTypes.js").HTMLElementWithValue;
-export type ModelValueEventDetails = {
-    formPath: HTMLElement[];
-    isTriggeredByUser: boolean;
-    initialize?: boolean | undefined;
-};
+export type TemplateResult = import('@lion/core').TemplateResult;
+export type CSSResult = import('@lion/core').CSSResult;
+export type CSSResultArray = import('@lion/core').CSSResultArray;
+export type SlotsMap = import('@lion/core/types/SlotMixinTypes').SlotsMap;
+export type LionValidationFeedback = import('./validate/LionValidationFeedback').LionValidationFeedback;
+export type ChoiceInputHost = import('../types/choice-group/ChoiceInputMixinTypes').ChoiceInputHost;
+export type FormControlHost = import('../types/FormControlMixinTypes.js').FormControlHost;
+export type HTMLElementWithValue = import('../types/FormControlMixinTypes.js').HTMLElementWithValue;
+export type ModelValueEventDetails = import('../types/FormControlMixinTypes.js').ModelValueEventDetails;

src/FormControlMixin.js

@@ -38,2 +38,3 @@ import { css, dedupeMixin, html, nothing, SlotMixin, DisabledMixin } from '@lion/core';
   // eslint-disable-next-line no-shadow, no-unused-vars
+  // @ts-ignore https://github.com/microsoft/TypeScript/issues/36821#issuecomment-588375051
   class FormControlMixin extends FormRegisteringMixin(DisabledMixin(SlotMixin(superclass))) {
@@ -40,0 +41,0 @@ /** @type {any} */

src/InteractionStateMixin.d.ts

@@ -1,9 +0,3 @@
-export type InteractionStateMixin = typeof import("../types/InteractionStateMixinTypes.js").InteractionStateImplementation;
-export const InteractionStateMixin: typeof import("../types/InteractionStateMixinTypes.js").InteractionStateImplementation;
-export type InteractionStates = {
-    submitted: boolean;
-    touched: boolean;
-    dirty: boolean;
-    filled: boolean;
-    prefilled: boolean;
-};
+export type InteractionStateMixin = import('../types/InteractionStateMixinTypes').InteractionStateMixin;
+export const InteractionStateMixin: typeof import("../types/InteractionStateMixinTypes").InteractionStateImplementation;
+export type InteractionStates = import('../types/InteractionStateMixinTypes').InteractionStates;

src/InteractionStateMixin.js

@@ -22,2 +22,3 @@ import { dedupeMixin } from '@lion/core';
 const InteractionStateMixinImplementation = superclass =>
+  // @ts-ignore https://github.com/microsoft/TypeScript/issues/36821#issuecomment-588375051
   class InteractionStateMixin extends FormControlMixin(superclass) {
@@ -214,2 +215,3 @@ /** @type {any} */
      */
+    // @ts-expect-error FIXME: istatemixin should implement validatemixin, then @override is valid
     // eslint-disable-next-line class-methods-use-this, no-unused-vars
@@ -216,0 +218,0 @@ _showFeedbackConditionFor(type, meta) {

src/LionField.d.ts

@@ -1,2 +0,2 @@
-declare const LionField_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("@lion/core/types/SlotMixinTypes").SlotHost> & Pick<typeof import("@lion/core/types/SlotMixinTypes").SlotHost, "prototype"> & Pick<typeof LitElement, "_$litElement$" | "prototype" | "enabledWarnings" | "enableWarning" | "disableWarning" | "addInitializer" | "_initializers" | "elementProperties" | "properties" | "elementStyles" | "styles" | "observedAttributes" | "createProperty" | "shadowRootOptions"> & 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"> & import("@open-wc/dedupe-mixin").Constructor<import("../types/utils/SyncUpdatableMixinTypes.js").SyncUpdatableHost> & Pick<typeof import("../types/utils/SyncUpdatableMixinTypes.js").SyncUpdatableHost, "prototype"> & import("@open-wc/dedupe-mixin").Constructor<import("@lion/core/types/DisabledMixinTypes").DisabledHost> & Pick<typeof import("@lion/core/types/DisabledMixinTypes").DisabledHost, "prototype"> & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/src/types").ScopedElementsHost> & Pick<typeof import("@open-wc/scoped-elements/src/types").ScopedElementsHost, "prototype" | "shadowRootOptions" | "scopedElements"> & 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/FocusMixinTypes.js").FocusHost> & Pick<typeof import("../types/FocusMixinTypes.js").FocusHost, "prototype"> & import("@open-wc/dedupe-mixin").Constructor<import("../types/InteractionStateMixinTypes.js").InteractionStateHost> & Pick<typeof import("../types/InteractionStateMixinTypes.js").InteractionStateHost, "prototype"> & import("@open-wc/dedupe-mixin").Constructor<import("../types/registration/FormRegisteringMixinTypes.js").FormRegisteringHost> & Pick<typeof import("../types/registration/FormRegisteringMixinTypes.js").FormRegisteringHost, "prototype">;
+declare const LionField_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("@lion/core/types/SlotMixinTypes").SlotHost> & Pick<typeof import("@lion/core/types/SlotMixinTypes").SlotHost, "prototype"> & Pick<typeof LitElement, "prototype" | "_$litElement$" | "enabledWarnings" | "enableWarning" | "disableWarning" | "addInitializer" | "_initializers" | "elementProperties" | "properties" | "elementStyles" | "styles" | "observedAttributes" | "createProperty" | "shadowRootOptions"> & 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"> & import("@open-wc/dedupe-mixin").Constructor<import("../types/utils/SyncUpdatableMixinTypes.js").SyncUpdatableHost> & Pick<typeof import("../types/utils/SyncUpdatableMixinTypes.js").SyncUpdatableHost, "prototype"> & import("@open-wc/dedupe-mixin").Constructor<import("@lion/core/types/DisabledMixinTypes").DisabledHost> & Pick<typeof import("@lion/core/types/DisabledMixinTypes").DisabledHost, "prototype"> & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/src/types").ScopedElementsHost> & Pick<typeof import("@open-wc/scoped-elements/src/types").ScopedElementsHost, "prototype" | "shadowRootOptions" | "scopedElements"> & 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/FocusMixinTypes.js").FocusHost> & Pick<typeof import("../types/FocusMixinTypes.js").FocusHost, "prototype"> & import("@open-wc/dedupe-mixin").Constructor<import("../types/InteractionStateMixinTypes.js").InteractionStateHost> & Pick<typeof import("../types/InteractionStateMixinTypes.js").InteractionStateHost, "prototype"> & import("@open-wc/dedupe-mixin").Constructor<import("../types/registration/FormRegisteringMixinTypes.js").FormRegisteringHost> & Pick<typeof import("../types/registration/FormRegisteringMixinTypes.js").FormRegisteringHost, "prototype">;
 /**
@@ -3,0 +3,0 @@ * `LionField`: wraps <input>, <textarea>, <select> and other interactable elements.

src/NativeTextFieldMixin.d.ts

@@ -1,2 +0,2 @@
-export type NativeTextFieldMixin = typeof import("../types/NativeTextFieldMixinTypes.js").NativeTextFieldImplementation;
-export const NativeTextFieldMixin: typeof import("../types/NativeTextFieldMixinTypes.js").NativeTextFieldImplementation;
+export type NativeTextFieldMixin = import('../types/NativeTextFieldMixinTypes').NativeTextFieldMixin;
+export const NativeTextFieldMixin: typeof import("../types/NativeTextFieldMixinTypes").NativeTextFieldImplementation;

src/NativeTextFieldMixin.js

@@ -12,2 +12,3 @@ import { dedupeMixin } from '@lion/core';
 const NativeTextFieldMixinImplementation = superclass =>
+  // @ts-ignore https://github.com/microsoft/TypeScript/issues/36821#issuecomment-588375051
   class NativeTextFieldMixin extends FormatMixin(FocusMixin(FormControlMixin(superclass))) {
@@ -14,0 +15,0 @@ /** @type {any} */

src/registration/FormRegisteringMixin.d.ts

@@ -1,7 +0,7 @@
-export type FormRegisteringMixin = typeof import("../../types/registration/FormRegisteringMixinTypes").FormRegisteringImplementation;
+export type FormRegisteringMixin = import('../../types/registration/FormRegisteringMixinTypes').FormRegisteringMixin;
 export const FormRegisteringMixin: typeof import("../../types/registration/FormRegisteringMixinTypes").FormRegisteringImplementation;
-export type LitElement = import("@lion/core").LitElement;
-export type FormControlHost = import("../../types/FormControlMixinTypes").FormControlHost;
-export type FormRegisteringHost = import("../../types/registration/FormRegisteringMixinTypes").FormRegisteringHost;
-export type ElementWithParentFormGroup = import("../../types/registration/FormRegistrarMixinTypes").ElementWithParentFormGroup;
-export type FormRegistrarHost = import("../../types/registration/FormRegistrarMixinTypes").FormRegistrarHost;
+export type LitElement = import('@lion/core').LitElement;
+export type FormControlHost = import('../../types/FormControlMixinTypes').FormControlHost;
+export type FormRegisteringHost = import('../../types/registration/FormRegisteringMixinTypes').FormRegisteringHost;
+export type ElementWithParentFormGroup = import('../../types/registration/FormRegistrarMixinTypes').ElementWithParentFormGroup;
+export type FormRegistrarHost = import('../../types/registration/FormRegistrarMixinTypes').FormRegistrarHost;

src/registration/FormRegisteringMixin.js

@@ -21,2 +21,3 @@ import { dedupeMixin } from '@lion/core';
 const FormRegisteringMixinImplementation = superclass =>
+  // @ts-ignore https://github.com/microsoft/TypeScript/issues/36821#issuecomment-588375051
   class extends superclass {
@@ -23,0 +24,0 @@ constructor() {

src/registration/FormRegistrarMixin.d.ts

@@ -1,10 +0,10 @@
-export type FormRegistrarMixin = typeof import("../../types/registration/FormRegistrarMixinTypes.js").FormRegistrarImplementation;
-export const FormRegistrarMixin: typeof import("../../types/registration/FormRegistrarMixinTypes.js").FormRegistrarImplementation;
-export type FormControlHost = import("../../types/FormControlMixinTypes.js").FormControlHost;
-export type FormRegistrarHost = import("../../types/registration/FormRegistrarMixinTypes.js").FormRegistrarHost;
-export type ElementWithParentFormGroup = import("../../types/registration/FormRegistrarMixinTypes.js").ElementWithParentFormGroup;
-export type FormRegisteringHost = import("../../types/registration/FormRegisteringMixinTypes.js").FormRegisteringHost;
-export type FormControl = import("../../types/FormControlMixinTypes.js").FormControlHost & HTMLElement & {
-    _parentFormGroup?: HTMLElement | undefined;
-    checked?: boolean | undefined;
+export type FormRegistrarMixin = import('../../types/registration/FormRegistrarMixinTypes').FormRegistrarMixin;
+export const FormRegistrarMixin: typeof import("../../types/registration/FormRegistrarMixinTypes").FormRegistrarImplementation;
+export type FormControlHost = import('../../types/FormControlMixinTypes').FormControlHost;
+export type FormRegistrarHost = import('../../types/registration/FormRegistrarMixinTypes').FormRegistrarHost;
+export type ElementWithParentFormGroup = import('../../types/registration/FormRegistrarMixinTypes').ElementWithParentFormGroup;
+export type FormRegisteringHost = import('../../types/registration/FormRegisteringMixinTypes').FormRegisteringHost;
+export type FormControl = FormControlHost & HTMLElement & {
+    _parentFormGroup?: HTMLElement;
+    checked?: boolean;
 };

src/registration/FormRegistrarMixin.js

@@ -28,2 +28,3 @@ // eslint-disable-next-line max-classes-per-file
   // eslint-disable-next-line no-shadow, no-unused-vars
+  // @ts-ignore https://github.com/microsoft/TypeScript/issues/36821#issuecomment-588375051
   class extends FormRegisteringMixin(superclass) {
@@ -30,0 +31,0 @@ /** @type {any} */

src/registration/FormRegistrarPortalMixin.d.ts

@@ -1,3 +0,3 @@
-export type FormRegistrarPortalMixin = typeof import("../../types/registration/FormRegistrarPortalMixinTypes").FormRegistrarPortalImplementation;
+export type FormRegistrarPortalMixin = import('../../types/registration/FormRegistrarPortalMixinTypes').FormRegistrarPortalMixin;
 export const FormRegistrarPortalMixin: typeof import("../../types/registration/FormRegistrarPortalMixinTypes").FormRegistrarPortalImplementation;
-export type FormRegistrarPortalHost = import("../../types/registration/FormRegistrarPortalMixinTypes").FormRegistrarPortalHost;
+export type FormRegistrarPortalHost = import('../../types/registration/FormRegistrarPortalMixinTypes').FormRegistrarPortalHost;

src/registration/FormRegistrarPortalMixin.js

@@ -24,2 +24,3 @@ import { dedupeMixin } from '@lion/core';
   // eslint-disable-next-line no-shadow, no-unused-vars
+  // @ts-ignore https://github.com/microsoft/TypeScript/issues/36821#issuecomment-588375051
   class extends superclass {
@@ -26,0 +27,0 @@ constructor() {

src/utils/getAriaElementsInRightDomOrder.d.ts

@@ -12,3 +12,3 @@ /**
 export function getAriaElementsInRightDomOrder(descriptionElements: HTMLElement[], { reverse }?: {
-    reverse: boolean;
+    reverse?: boolean | undefined;
 }): HTMLElement[];

src/utils/SyncUpdatableMixin.d.ts

@@ -1,3 +0,3 @@
-export type SyncUpdatableMixin = typeof import("../../types/utils/SyncUpdatableMixinTypes").SyncUpdatableImplementation;
+export type SyncUpdatableMixin = import('../../types/utils/SyncUpdatableMixinTypes').SyncUpdatableMixin;
 export const SyncUpdatableMixin: typeof import("../../types/utils/SyncUpdatableMixinTypes").SyncUpdatableImplementation;
-export type SyncUpdatableNamespace = import("../../types/utils/SyncUpdatableMixinTypes").SyncUpdatableNamespace;
+export type SyncUpdatableNamespace = import('../../types/utils/SyncUpdatableMixinTypes').SyncUpdatableNamespace;

src/utils/SyncUpdatableMixin.js

@@ -27,2 +27,3 @@ import { dedupeMixin } from '@lion/core';
 const SyncUpdatableMixinImplementation = superclass =>
+  // @ts-ignore https://github.com/microsoft/TypeScript/issues/36821#issuecomment-588375051
   class extends superclass {
@@ -29,0 +30,0 @@ constructor() {

src/validate/LionValidationFeedback.d.ts

@@ -29,5 +29,5 @@ /**
         message: string | Node | TemplateResult;
-        type: string;
-        validator: Validator;
-    }): string | Node | import("@lion/core").TemplateResult<1 | 2>;
+        type?: string | undefined;
+        validator?: import("../validate/Validator").Validator | undefined;
+    }): string | Node | TemplateResult;
     currentType: string | undefined;
@@ -38,13 +38,9 @@ removeMessage: number | undefined;
 }
-export type Validator = import("./Validator").Validator;
-export type TemplateResult = {
-    _$litType$: 1 | 2;
-    strings: TemplateStringsArray;
-    values: unknown[];
-};
+export type Validator = import('../validate/Validator').Validator;
+export type TemplateResult = import('@lion/core').TemplateResult;
 export type messageMap = {
     message: string | Node;
     type: string;
-    validator?: Validator;
+    validator?: import("../validate/Validator").Validator | undefined;
 };
 import { LitElement } from "@lion/core";

src/validate/ResultValidator.d.ts

@@ -8,5 +8,2 @@ /**
 export class ResultValidator extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
     /**
@@ -24,5 +21,5 @@ * @param {Object} context
         prevShownValidationResult: Validator[];
-        validators: Validator[];
+        validators?: Validator[] | undefined;
     }): boolean;
 }
 import { Validator } from "./Validator.js";

src/validate/resultValidators/DefaultSuccess.d.ts

@@ -10,3 +10,3 @@ /**
 }
-export type Validator = import("../Validator.js").Validator;
+export type Validator = import('../Validator').Validator;
 import { ResultValidator } from "../ResultValidator.js";

src/validate/ValidateMixin.d.ts

@@ -9,4 +9,4 @@ /**
 export const ValidateMixinImplementation: ValidateMixin;
-export type ValidateMixin = typeof import("../../types/validate/ValidateMixinTypes.js").ValidateImplementation;
-export const ValidateMixin: typeof import("../../types/validate/ValidateMixinTypes.js").ValidateImplementation;
-export type ValidationType = string;
+export type ValidateMixin = import('../../types/validate/ValidateMixinTypes').ValidateMixin;
+export const ValidateMixin: typeof import("../../types/validate/ValidateMixinTypes").ValidateImplementation;
+export type ValidationType = import('../../types/validate/ValidateMixinTypes').ValidationType;

src/validate/ValidateMixin.js

@@ -38,2 +38,3 @@ /* eslint-disable class-methods-use-this, camelcase, no-param-reassign, max-classes-per-file */
 export const ValidateMixinImplementation = superclass =>
+  // @ts-ignore https://github.com/microsoft/TypeScript/issues/36821#issuecomment-588375051
   class extends FormControlMixin(
@@ -40,0 +41,0 @@ SyncUpdatableMixin(DisabledMixin(SlotMixin(ScopedElementsMixin(superclass)))),

src/validate/Validator.d.ts

@@ -85,9 +85,9 @@ /**
     modelValue?: any;
-    fieldName?: string;
-    formControl?: HTMLElement;
-    type?: string;
+    fieldName?: string | undefined;
+    formControl?: HTMLElement | undefined;
+    type?: string | undefined;
     config?: {
-        [x: string]: unknown;
-    };
-    name?: string;
+        [x: string]: any;
+    } | undefined;
+    name?: string | undefined;
 };

src/validate/validators/DateValidators.d.ts

 export class IsDate extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 export class MinDate extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 export class MaxDate extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 export class MinMaxDate extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 export class IsDateDisabled extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 import { Validator } from "../Validator.js";

src/validate/validators/NumberValidators.d.ts

 export class IsNumber extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 export class MinNumber extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 export class MaxNumber extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 export class MinMaxNumber extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 import { Validator } from "../Validator.js";

src/validate/validators/Required.d.ts

@@ -15,7 +15,4 @@ /**
     static get _compatibleTags(): string[];
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
-export type FormControlHost = import("../../../types/FormControlMixinTypes.js").FormControlHost;
+export type FormControlHost = import('../../../types/FormControlMixinTypes.js').FormControlHost;
 import { Validator } from "../Validator.js";

src/validate/validators/StringValidators.d.ts

 export class IsString extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 export class EqualsLength extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 export class MinLength extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 export class MaxLength extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 export class MinMaxLength extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 export class IsEmail extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 export class Pattern extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 import { Validator } from "../Validator.js";

test-helpers/ExampleValidators.d.ts

 export class AlwaysInvalid extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 export class AlwaysValid extends Validator {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 export class AsyncAlwaysValid extends AlwaysValid {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 export class AsyncAlwaysInvalid extends AlwaysValid {
-    constructor(param?: any, config?: {
-        [x: string]: any;
-    } | undefined);
 }
 import { Validator } from "../src/validate/Validator.js";

test-helpers/getFormControlMembers.d.ts

@@ -16,3 +16,3 @@ /**
 };
-export type FormControlHost = import("../types/FormControlMixinTypes").FormControlHost;
-export type ValidateHost = import("../types/validate/ValidateMixinTypes").ValidateHost;
+export type FormControlHost = import('../types/FormControlMixinTypes').FormControlHost;
+export type ValidateHost = import('../types/validate/ValidateMixinTypes').ValidateHost;

test/FormControlMixin.test.d.ts

@@ -1,1 +0,1 @@
-export type FormControlHost = import("../types/FormControlMixinTypes.js").FormControlHost;
+export type FormControlHost = import('../types/FormControlMixinTypes').FormControlHost;

test/lion-field.test.d.ts

@@ -1,6 +0,6 @@
-export type LionField = import("../index.js").LionField;
-export type FormControlHost = import("../types/FormControlMixinTypes.js").FormControlHost;
-export type FormControl = import("../types/FormControlMixinTypes.js").FormControlHost & HTMLElement & {
-    _parentFormGroup?: HTMLElement | undefined;
-    checked?: boolean | undefined;
+export type LionField = import('../src/LionField.js').LionField;
+export type FormControlHost = import('../types/FormControlMixinTypes').FormControlHost;
+export type FormControl = FormControlHost & HTMLElement & {
+    _parentFormGroup?: HTMLElement;
+    checked?: boolean;
 };
@@ -7,0 +7,0 @@ export type ShadowHTMLElement = HTMLElement & {

test/validate/lion-validation-feedback.test.d.ts

@@ -1,1 +0,1 @@
-export type LionValidationFeedback = import("../../src/validate/LionValidationFeedback.js").LionValidationFeedback;
+export type LionValidationFeedback = import('../../src/validate/LionValidationFeedback').LionValidationFeedback;

test/validate/Required.test.d.ts

@@ -1,2 +0,2 @@
-export type FormControlHost = import("../../types/FormControlMixinTypes.js").FormControlHost;
-export type HTMLElementWithValue = import("../../types/FormControlMixinTypes.js").HTMLElementWithValue;
+export type FormControlHost = import('../../types/FormControlMixinTypes.js').FormControlHost;
+export type HTMLElementWithValue = import('../../types/FormControlMixinTypes.js').HTMLElementWithValue;

test/validate/ResultValidator.test.d.ts

@@ -1,1 +0,1 @@
-export type Validator = import("../../src/validate/Validator.js").Validator;
+export type Validator = import('../../src/validate/Validator').Validator;

test/validate/Validator.test.js

@@ -20,3 +20,3 @@ import { LitElement } from '@lion/core';
   if (errorMessage) {
-    expect(error.message).to.equal(errorMessage);
+    expect(/** @type {Error} */ (error).message).to.equal(errorMessage);
   }
@@ -23,0 +23,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1424613

increased by98.63%

Lines of code

41570

increased by99.96%

Worsened metrics

Number of package files

129

decreased by-0.77%

Dependency changes

• + Added@lion/core@0.21.1(transitive)

• + Added@lion/localize@0.23.0(transitive)

• + Addedsingleton-manager@1.7.0(transitive)

• - Removed@lion/core@0.20.0(transitive)

• - Removed@lion/localize@0.22.0(transitive)

• - Removedsingleton-manager@1.4.3(transitive)

• Updated@lion/core@^0.21.0

• Updated@lion/localize@^0.23.0