diff --git a/packages/form-core/src/FocusMixin.js b/packages/form-core/src/FocusMixin.js index 97e8a909a..b7467afe4 100644 --- a/packages/form-core/src/FocusMixin.js +++ b/packages/form-core/src/FocusMixin.js @@ -61,7 +61,6 @@ export const FocusMixin = dedupeMixin( } __registerEventsForFocusMixin() { - // focus this.__redispatchFocus = ev => { ev.stopPropagation(); this.dispatchEvent(new Event('focus')); diff --git a/packages/form-integrations/test/form-integrations.test.js b/packages/form-integrations/test/form-integrations.test.js index f49390d21..9ab691478 100644 --- a/packages/form-integrations/test/form-integrations.test.js +++ b/packages/form-integrations/test/form-integrations.test.js @@ -1,7 +1,7 @@ import { expect, fixture, html } from '@open-wc/testing'; import './helpers/umbrella-form.js'; -// Test umbrella form +// Test umbrella form. describe('Form Integrations', () => { it('".serializedValue" returns all non disabled fields based on form structure', async () => { const el = await fixture(html``); diff --git a/docs/intros/intros-icon.md b/packages/icon/docs/intros-icon.md similarity index 51% rename from docs/intros/intros-icon.md rename to packages/icon/docs/intros-icon.md index 1b7e7e24b..38a315b44 100644 --- a/docs/intros/intros-icon.md +++ b/packages/icon/docs/intros-icon.md @@ -6,9 +6,9 @@ Icons are SVGs so they can be easily scaled and styled with CSS. ## Packages -| Package | Version | Description | -| --------------------------------------------- | ------------------------------------------------------------------------------------------------ | ----------- | -| [icon](?path=/docs/icons-icon--default-story) | [![icon](https://img.shields.io/npm/v/@lion/icon.svg)](https://www.npmjs.com/package/@lion/icon) | Icon | +| Package | Version | Description | +| ----------------------------------------- | ------------------------------------------------------------------------------------------------ | ----------- | +| [icon](?path=/docs/icons-icon--main#icon) | [![icon](https://img.shields.io/npm/v/@lion/icon.svg)](https://www.npmjs.com/package/@lion/icon) | Icon | ```js script export default { diff --git a/packages/icon/src/LionIcon.js b/packages/icon/src/LionIcon.js index ea86a4eeb..0ff43dfe6 100644 --- a/packages/icon/src/LionIcon.js +++ b/packages/icon/src/LionIcon.js @@ -16,7 +16,7 @@ function validateSvg(svg) { } /** - * Custom element for rendering SVG icons + * Custom element for rendering SVG icons. */ export class LionIcon extends LitElement { static get properties() { diff --git a/packages/input-amount/src/formatters.js b/packages/input-amount/src/formatters.js index c1bcd500d..a6f1f7315 100644 --- a/packages/input-amount/src/formatters.js +++ b/packages/input-amount/src/formatters.js @@ -1,7 +1,7 @@ import { formatNumber, getFractionDigits, normalizeCurrencyLabel } from '@lion/localize'; /** - * Formats a number considering the default fraction digits provided by Intl + * Formats a number considering the default fraction digits provided by Intl. * * @param {float} modelValue Number to format * @param {object} givenOptions Options for Intl diff --git a/packages/input-date/src/LionInputDate.js b/packages/input-date/src/LionInputDate.js index 3798a3de8..7c5681800 100644 --- a/packages/input-date/src/LionInputDate.js +++ b/packages/input-date/src/LionInputDate.js @@ -1,6 +1,6 @@ +import { IsDate } from '@lion/form-core'; import { LionInput } from '@lion/input'; import { formatDate, LocalizeMixin, parseDate } from '@lion/localize'; -import { IsDate } from '@lion/form-core'; function isValidDate(date) { // to make sure it is a valid date we use isNaN and not Number.isNaN @@ -48,7 +48,7 @@ export class LionInputDate extends LocalizeMixin(LionInput) { return ''; } // modelValue is localized, so we take the timezone offset in milliseconds and subtract it - // before converting it to ISO string + // before converting it to ISO string. const offset = modelValue.getTimezoneOffset() * 60000; return new Date(modelValue - offset).toISOString().slice(0, 10); } diff --git a/packages/input-datepicker/src/LionInputDatepicker.js b/packages/input-datepicker/src/LionInputDatepicker.js index 0092cff45..9f2edd88a 100644 --- a/packages/input-datepicker/src/LionInputDatepicker.js +++ b/packages/input-datepicker/src/LionInputDatepicker.js @@ -22,7 +22,7 @@ export class LionInputDatepicker extends ScopedElementsMixin(OverlayMixin(LionIn /** * The heading to be added on top of the calendar overlay. * Naming chosen from an Application Developer perspective. - * For a Subclasser 'calendarOverlayHeading' would be more appropriate + * For a Subclasser 'calendarOverlayHeading' would be more appropriate. */ calendarHeading: { type: String, diff --git a/packages/input-email/src/LionInputEmail.js b/packages/input-email/src/LionInputEmail.js index ee85466db..b78702875 100644 --- a/packages/input-email/src/LionInputEmail.js +++ b/packages/input-email/src/LionInputEmail.js @@ -1,6 +1,6 @@ -import { LocalizeMixin } from '@lion/localize'; -import { LionInput } from '@lion/input'; import { IsEmail } from '@lion/form-core'; +import { LionInput } from '@lion/input'; +import { LocalizeMixin } from '@lion/localize'; /** * LionInputEmail: extension of lion-input @@ -12,7 +12,7 @@ export class LionInputEmail extends LocalizeMixin(LionInput) { constructor() { super(); // local-part@domain where the local part may be up to 64 characters long - // and the domain may have a maximum of 255 characters + // and the domain may have a maximum of 255 characters. // @see https://www.wikiwand.com/en/Email_address // however, the longest active email is even bigger // @see https://laughingsquid.com/the-worlds-longest-active-email-address/ diff --git a/packages/input-iban/src/formatters.js b/packages/input-iban/src/formatters.js index 92a00a0d1..b20180a43 100644 --- a/packages/input-iban/src/formatters.js +++ b/packages/input-iban/src/formatters.js @@ -7,7 +7,7 @@ import { friendlyFormatIBAN } from 'ibantools'; * @return {string} formatted value */ export function formatIBAN(modelValue) { - // defensive code because of ibantools + // defensive code because of ibantools. if (!modelValue) { return ''; } diff --git a/packages/input-range/src/LionInputRange.js b/packages/input-range/src/LionInputRange.js index f0327c7d8..1aaf0deeb 100644 --- a/packages/input-range/src/LionInputRange.js +++ b/packages/input-range/src/LionInputRange.js @@ -1,10 +1,10 @@ /* eslint-disable import/no-extraneous-dependencies */ -import { LocalizeMixin, formatNumber } from '@lion/localize'; +import { css, html, unsafeCSS } from '@lion/core'; import { LionInput } from '@lion/input'; -import { html, css, unsafeCSS } from '@lion/core'; +import { formatNumber, LocalizeMixin } from '@lion/localize'; /** - * LionInputRange: extension of lion-input + * LionInputRange: extension of lion-input. * * @customElement `lion-input-range` * @extends LionInput diff --git a/packages/input/src/LionInput.js b/packages/input/src/LionInput.js index 8daa55a0b..d995769a9 100644 --- a/packages/input/src/LionInput.js +++ b/packages/input/src/LionInput.js @@ -1,7 +1,7 @@ import { LionField } from '@lion/form-core'; /** - * LionInput: extension of lion-field with native input element in place and user friendly API + * LionInput: extension of lion-field with native input element in place and user friendly API. * * @customElement lion-input * @extends {LionField} diff --git a/packages/radio-group/src/LionRadio.js b/packages/radio-group/src/LionRadio.js index e50a93b7e..2e33b5106 100644 --- a/packages/radio-group/src/LionRadio.js +++ b/packages/radio-group/src/LionRadio.js @@ -18,7 +18,6 @@ import { LionInput } from '@lion/input'; * Example: * * - * * @customElement lion-radio * @extends {LionInput} */