@lion/ui 0.5.0 → 0.5.1
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/components/button/src/LionButton.js +2 -2
- package/components/collapsible/src/LionCollapsible.js +1 -0
- package/components/core/src/browserDetection.js +8 -0
- package/components/drawer/src/LionDrawer.js +1 -0
- package/components/input-datepicker/src/LionInputDatepicker.js +2 -6
- package/components/localize/src/date/parseDate.js +5 -1
- package/components/localize/test/date/parseDate.test.js +6 -0
- package/components/overlays/src/OverlaysManager.js +4 -15
- package/components/overlays/src/utils/adopt-styles.js +6 -1
- package/components/overlays/test/OverlaysManager.test.js +12 -11
- package/components/overlays/test/utils-tests/adopt-styles.test.js +61 -0
- package/components/overlays/test-suites/OverlayMixin.suite.js +2 -2
- package/components/switch/src/LionSwitch.js +3 -1
- package/components/switch/src/LionSwitchButton.js +1 -0
- package/components/validate-messages/translations/de.js +3 -3
- package/custom-elements.json +8 -33
- package/dist-types/components/button/src/LionButton.d.ts.map +1 -1
- package/dist-types/components/collapsible/src/LionCollapsible.d.ts.map +1 -1
- package/dist-types/components/core/src/browserDetection.d.ts +2 -0
- package/dist-types/components/drawer/src/LionDrawer.d.ts.map +1 -1
- package/dist-types/components/input-datepicker/src/LionInputDatepicker.d.ts +0 -2
- package/dist-types/components/input-datepicker/src/LionInputDatepicker.d.ts.map +1 -1
- package/dist-types/components/localize/src/date/parseDate.d.ts.map +1 -1
- package/dist-types/components/overlays/src/OverlaysManager.d.ts +0 -4
- package/dist-types/components/overlays/src/OverlaysManager.d.ts.map +1 -1
- package/dist-types/components/overlays/src/utils/adopt-styles.d.ts.map +1 -1
- package/dist-types/components/overlays/test/OverlaysManager.test.d.ts.map +1 -1
- package/dist-types/components/switch/src/LionSwitch.d.ts.map +1 -1
- package/dist-types/components/switch/src/LionSwitchButton.d.ts.map +1 -1
- 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/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-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/radio-group/overview.md +3 -3
- package/docs/components/select-rich/use-cases.md +1 -1
- package/docs/components/tabs/examples.md +1 -1
- package/docs/fundamentals/index.md +4 -4
- package/docs/fundamentals/node-tools/providence-analytics/LocalConfiguration.md +1 -1
- package/docs/fundamentals/node-tools/providence-analytics/QueryResult.md +1 -1
- package/docs/fundamentals/node-tools/providence-analytics/analyzer.md +1 -1
- package/docs/fundamentals/node-tools/providence-analytics/dashboard.md +1 -1
- package/docs/fundamentals/node-tools/providence-analytics/overview.md +3 -3
- 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 +1 -1
- 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/index.md +8 -8
- package/docs/guides/principles/index.md +5 -5
- package/docs/guides/principles/styling.md +1 -1
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { html, LitElement, css } from 'lit';
|
|
2
|
-
import { browserDetection, DisabledWithTabIndexMixin } from '@lion/ui/core.js';
|
|
2
|
+
import { browserDetection, DisabledWithTabIndexMixin, uuid } from '@lion/ui/core.js';
|
|
3
3
|
|
|
4
4
|
const isKeyboardClickEvent = (/** @type {KeyboardEvent} */ e) => e.key === ' ' || e.key === 'Enter';
|
|
5
5
|
const isSpaceKeyboardClickEvent = (/** @type {KeyboardEvent} */ e) => e.key === ' ';
|
|
@@ -124,7 +124,7 @@ export class LionButton extends DisabledWithTabIndexMixin(LitElement) {
|
|
|
124
124
|
this.type = 'button';
|
|
125
125
|
this.active = false;
|
|
126
126
|
|
|
127
|
-
this._buttonId =
|
|
127
|
+
this._buttonId = uuid('button');
|
|
128
128
|
if (browserDetection.isIE11) {
|
|
129
129
|
this.updateComplete.then(() => {
|
|
130
130
|
if (!this.hasAttribute('aria-labelledby')) {
|
|
@@ -36,4 +36,12 @@ export const browserDetection = {
|
|
|
36
36
|
isIOSChrome: checkChrome('ios'),
|
|
37
37
|
isChromium: checkChrome('chromium'),
|
|
38
38
|
isMac: navigator.appVersion.indexOf('Mac') !== -1,
|
|
39
|
+
isIOS: /iPhone|iPad|iPod/i.test(navigator.userAgent),
|
|
40
|
+
isMacSafari:
|
|
41
|
+
navigator.vendor &&
|
|
42
|
+
navigator.vendor.indexOf('Apple') > -1 &&
|
|
43
|
+
navigator.userAgent &&
|
|
44
|
+
navigator.userAgent.indexOf('CriOS') === -1 &&
|
|
45
|
+
navigator.userAgent.indexOf('FxiOS') === -1 &&
|
|
46
|
+
navigator.appVersion.indexOf('Mac') !== -1,
|
|
39
47
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
2
2
|
import { LionCalendar } from '@lion/ui/calendar.js';
|
|
3
|
+
import { uuid } from '@lion/ui/core.js';
|
|
3
4
|
import { ScopedElementsMixin } from '@open-wc/scoped-elements';
|
|
4
5
|
import { html, css } from 'lit';
|
|
5
6
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
@@ -149,7 +150,7 @@ export class LionInputDatepicker extends ScopedElementsMixin(
|
|
|
149
150
|
constructor() {
|
|
150
151
|
super();
|
|
151
152
|
/** @private */
|
|
152
|
-
this.__invokerId = this.
|
|
153
|
+
this.__invokerId = uuid(this.localName);
|
|
153
154
|
/** @protected */
|
|
154
155
|
this._calendarInvokerSlot = 'suffix';
|
|
155
156
|
|
|
@@ -169,11 +170,6 @@ export class LionInputDatepicker extends ScopedElementsMixin(
|
|
|
169
170
|
this._onCalendarUserSelectedChanged = this._onCalendarUserSelectedChanged.bind(this);
|
|
170
171
|
}
|
|
171
172
|
|
|
172
|
-
/** @private */
|
|
173
|
-
__createUniqueIdForA11y() {
|
|
174
|
-
return `${this.localName}-${Math.random().toString(36).substr(2, 10)}`;
|
|
175
|
-
}
|
|
176
|
-
|
|
177
173
|
/**
|
|
178
174
|
* @param {string} [name]
|
|
179
175
|
* @param {unknown} [oldValue]
|
|
@@ -58,8 +58,12 @@ export function parseDate(dateString) {
|
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
const [year, month, day] = parsedString.split('/').map(Number);
|
|
61
|
-
|
|
61
|
+
let correctedYear = year;
|
|
62
|
+
if (year < 50) {
|
|
63
|
+
correctedYear = 2000 + year;
|
|
64
|
+
}
|
|
62
65
|
|
|
66
|
+
const parsedDate = new Date(new Date(correctedYear, month - 1, day));
|
|
63
67
|
// Check if parsedDate is not `Invalid Date` or that the date has changed (e.g. the not existing 31.02.2020)
|
|
64
68
|
if (
|
|
65
69
|
year > 0 &&
|
|
@@ -23,6 +23,12 @@ describe('parseDate()', () => {
|
|
|
23
23
|
localizeTearDown();
|
|
24
24
|
});
|
|
25
25
|
|
|
26
|
+
it('handles year correctly', () => {
|
|
27
|
+
expect(equalsDate(parseDate('1/11/1'), new Date('2001/11/01'))).to.equal(true);
|
|
28
|
+
expect(equalsDate(parseDate('1/11/49'), new Date('2049/11/01'))).to.equal(true);
|
|
29
|
+
expect(equalsDate(parseDate('1/11/50'), new Date('1950/11/01'))).to.equal(true);
|
|
30
|
+
});
|
|
31
|
+
|
|
26
32
|
it('adds leading zeros', () => {
|
|
27
33
|
expect(equalsDate(parseDate('1-1-1979'), new Date('1979/01/01'))).to.equal(true);
|
|
28
34
|
expect(equalsDate(parseDate('1-11-1979'), new Date('1979/11/01'))).to.equal(true);
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { browserDetection } from '@lion/ui/core.js';
|
|
2
|
+
|
|
1
3
|
/**
|
|
2
4
|
* @typedef {import('lit').CSSResult} CSSResult
|
|
3
5
|
* @typedef {import('./OverlayController.js').OverlayController} OverlayController
|
|
@@ -5,19 +7,6 @@
|
|
|
5
7
|
|
|
6
8
|
import { overlayDocumentStyle } from './overlayDocumentStyle.js';
|
|
7
9
|
|
|
8
|
-
// Export this as protected var, so that we can easily mock it in tests
|
|
9
|
-
// TODO: combine with browserDetection of core?
|
|
10
|
-
export const _browserDetection = {
|
|
11
|
-
isIOS: /iPhone|iPad|iPod/i.test(navigator.userAgent),
|
|
12
|
-
isMacSafari:
|
|
13
|
-
navigator.vendor &&
|
|
14
|
-
navigator.vendor.indexOf('Apple') > -1 &&
|
|
15
|
-
navigator.userAgent &&
|
|
16
|
-
navigator.userAgent.indexOf('CriOS') === -1 &&
|
|
17
|
-
navigator.userAgent.indexOf('FxiOS') === -1 &&
|
|
18
|
-
navigator.appVersion.indexOf('Mac') !== -1,
|
|
19
|
-
};
|
|
20
|
-
|
|
21
10
|
/**
|
|
22
11
|
* `OverlaysManager` which manages overlays which are rendered into the body
|
|
23
12
|
*/
|
|
@@ -182,7 +171,7 @@ export class OverlaysManager {
|
|
|
182
171
|
|
|
183
172
|
// eslint-disable-next-line class-methods-use-this
|
|
184
173
|
requestToPreventScroll() {
|
|
185
|
-
const { isIOS, isMacSafari } =
|
|
174
|
+
const { isIOS, isMacSafari } = browserDetection;
|
|
186
175
|
// no check as classList will dedupe it anyways
|
|
187
176
|
document.body.classList.add('overlays-scroll-lock');
|
|
188
177
|
if (isIOS || isMacSafari) {
|
|
@@ -203,7 +192,7 @@ export class OverlaysManager {
|
|
|
203
192
|
return;
|
|
204
193
|
}
|
|
205
194
|
|
|
206
|
-
const { isIOS, isMacSafari } =
|
|
195
|
+
const { isIOS, isMacSafari } = browserDetection;
|
|
207
196
|
document.body.classList.remove('overlays-scroll-lock');
|
|
208
197
|
if (isIOS || isMacSafari) {
|
|
209
198
|
document.body.classList.remove('overlays-scroll-lock-ios-fix');
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { browserDetection } from '@lion/ui/core.js';
|
|
2
|
+
|
|
1
3
|
// See: https://github.com/ing-bank/lion/issues/1880
|
|
2
4
|
|
|
3
5
|
/**
|
|
@@ -106,7 +108,10 @@ export function adoptStyle(renderRoot, style, { teardown = false } = {}) {
|
|
|
106
108
|
return;
|
|
107
109
|
}
|
|
108
110
|
|
|
109
|
-
|
|
111
|
+
// ios seems to have issues when using the adoptedStyleSheets where some styles are applied
|
|
112
|
+
// while others are ignored so the overlays are rendered incorrectly, to mitigate it we use
|
|
113
|
+
// traditional "stylesheet".
|
|
114
|
+
if (!_adoptStyleUtils.supportsAdoptingStyleSheets || browserDetection.isIOS) {
|
|
110
115
|
adoptStyleWhenAdoptedStylesheetsNotSupported(renderRoot, style, { teardown });
|
|
111
116
|
return;
|
|
112
117
|
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { expect, fixture } from '@open-wc/testing';
|
|
2
2
|
import { html } from 'lit/static-html.js';
|
|
3
|
+
import sinon from 'sinon';
|
|
4
|
+
import { browserDetection } from '@lion/ui/core.js';
|
|
3
5
|
import { OverlayController, OverlaysManager } from '@lion/ui/overlays.js';
|
|
4
|
-
import { _browserDetection } from '../src/OverlaysManager.js';
|
|
5
6
|
|
|
6
7
|
/**
|
|
7
8
|
* @typedef {import('../types/OverlayConfig.js').OverlayConfig} OverlayConfig
|
|
@@ -101,24 +102,24 @@ describe('OverlaysManager', () => {
|
|
|
101
102
|
});
|
|
102
103
|
|
|
103
104
|
describe('Browser/device edge cases', () => {
|
|
104
|
-
const
|
|
105
|
-
const
|
|
105
|
+
const isIOSDetectionStub = sinon.stub(browserDetection, 'isIOS');
|
|
106
|
+
const isMacSafariDetectionStub = sinon.stub(browserDetection, 'isMacSafari');
|
|
106
107
|
|
|
107
108
|
function mockIOS() {
|
|
108
|
-
|
|
109
|
-
|
|
109
|
+
isIOSDetectionStub.value(true);
|
|
110
|
+
isMacSafariDetectionStub.value(false);
|
|
110
111
|
}
|
|
111
112
|
|
|
112
113
|
function mockMacSafari() {
|
|
113
114
|
// When we are iOS
|
|
114
|
-
|
|
115
|
-
|
|
115
|
+
isIOSDetectionStub.value(false);
|
|
116
|
+
isMacSafariDetectionStub.value(true);
|
|
116
117
|
}
|
|
117
118
|
|
|
118
119
|
afterEach(() => {
|
|
119
120
|
// Restore original values
|
|
120
|
-
|
|
121
|
-
|
|
121
|
+
isIOSDetectionStub.restore();
|
|
122
|
+
isMacSafariDetectionStub.restore();
|
|
122
123
|
});
|
|
123
124
|
|
|
124
125
|
describe('When initialized with "preventsScroll: true"', () => {
|
|
@@ -137,8 +138,8 @@ describe('OverlaysManager', () => {
|
|
|
137
138
|
);
|
|
138
139
|
|
|
139
140
|
// When we are not iOS nor MacSafari
|
|
140
|
-
|
|
141
|
-
|
|
141
|
+
isIOSDetectionStub.value(false);
|
|
142
|
+
isMacSafariDetectionStub.value(false);
|
|
142
143
|
|
|
143
144
|
const dialog2 = new OverlayController({ ...defaultOptions, preventsScroll: true }, mngr);
|
|
144
145
|
await dialog2.show();
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { expect } from '@open-wc/testing';
|
|
2
|
+
import { browserDetection } from '@lion/ui/core.js';
|
|
2
3
|
import { css } from 'lit';
|
|
3
4
|
import sinon from 'sinon';
|
|
4
5
|
import {
|
|
@@ -164,6 +165,66 @@ describe('adoptStyle()', () => {
|
|
|
164
165
|
});
|
|
165
166
|
});
|
|
166
167
|
|
|
168
|
+
describe('Fallback when IOS user opens overlay', () => {
|
|
169
|
+
it('adds a "traditional" stylesheet to the body', async () => {
|
|
170
|
+
const browserDetectionStub = sinon.stub(browserDetection, 'isIOS').value(true);
|
|
171
|
+
|
|
172
|
+
const myCssResult = css`
|
|
173
|
+
.check {
|
|
174
|
+
color: blue;
|
|
175
|
+
}
|
|
176
|
+
`;
|
|
177
|
+
const root = document;
|
|
178
|
+
adoptStyle(root, myCssResult);
|
|
179
|
+
|
|
180
|
+
const sheets = Array.from(document.body.querySelectorAll('style'));
|
|
181
|
+
const lastAddedSheet = sheets[sheets.length - 1];
|
|
182
|
+
expect(lastAddedSheet.textContent).to.equal(myCssResult.cssText);
|
|
183
|
+
browserDetectionStub.restore();
|
|
184
|
+
});
|
|
185
|
+
|
|
186
|
+
describe('Teardown', () => {
|
|
187
|
+
it('removes a "traditional" stylesheet from the shadowRoot', async () => {
|
|
188
|
+
const browserDetectionStub = sinon.stub(browserDetection, 'isIOS').value(true);
|
|
189
|
+
|
|
190
|
+
const { shadowHost, cleanupShadowHost } = createShadowHost();
|
|
191
|
+
const myCssResult = css`
|
|
192
|
+
.check {
|
|
193
|
+
color: blue;
|
|
194
|
+
}
|
|
195
|
+
`;
|
|
196
|
+
const root = /** @type {ShadowRoot} */ (shadowHost.shadowRoot);
|
|
197
|
+
|
|
198
|
+
adoptStyle(root, myCssResult);
|
|
199
|
+
const sheets1 = Array.from(root.querySelectorAll('style'));
|
|
200
|
+
const lastAddedSheet1 = sheets1[sheets1.length - 1];
|
|
201
|
+
expect(lastAddedSheet1.textContent).to.equal(myCssResult.cssText);
|
|
202
|
+
adoptStyle(root, myCssResult, { teardown: true });
|
|
203
|
+
const sheets2 = Array.from(root.querySelectorAll('style'));
|
|
204
|
+
const lastAddedSheet2 = sheets2[sheets2.length - 1];
|
|
205
|
+
expect(lastAddedSheet2?.textContent).to.not.equal(myCssResult.cssText);
|
|
206
|
+
|
|
207
|
+
const myCSSStyleSheet = new CSSStyleSheet();
|
|
208
|
+
myCSSStyleSheet.insertRule('.check { color: blue; }');
|
|
209
|
+
|
|
210
|
+
adoptStyle(root, myCSSStyleSheet);
|
|
211
|
+
const sheets3 = Array.from(root.querySelectorAll('style'));
|
|
212
|
+
const lastAddedSheet3 = sheets3[sheets3.length - 1];
|
|
213
|
+
expect(lastAddedSheet3.textContent).to.equal(
|
|
214
|
+
serializeConstructableStylesheet(myCSSStyleSheet),
|
|
215
|
+
);
|
|
216
|
+
adoptStyle(root, myCSSStyleSheet, { teardown: true });
|
|
217
|
+
const sheets4 = Array.from(root.querySelectorAll('style'));
|
|
218
|
+
const lastAddedSheet4 = sheets4[sheets4.length - 1];
|
|
219
|
+
expect(lastAddedSheet4?.textContent).to.not.equal(myCSSStyleSheet);
|
|
220
|
+
|
|
221
|
+
cleanupShadowHost();
|
|
222
|
+
|
|
223
|
+
browserDetectionStub.restore();
|
|
224
|
+
});
|
|
225
|
+
});
|
|
226
|
+
});
|
|
227
|
+
|
|
167
228
|
describe('adoptStyles()', () => {
|
|
168
229
|
it('calls "adoptStyle" for all entries in CSSResult|CSSStylesheet[]', async () => {
|
|
169
230
|
const spy = sinon.spy(_adoptStyleUtils, 'adoptStyle');
|
|
@@ -4,7 +4,7 @@ import sinon from 'sinon';
|
|
|
4
4
|
import { overlays as overlaysManager, OverlayController } from '@lion/ui/overlays.js';
|
|
5
5
|
|
|
6
6
|
import '@lion/ui/define/lion-dialog.js';
|
|
7
|
-
import {
|
|
7
|
+
import { browserDetection } from '@lion/ui/core.js';
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* @typedef {import('../types/OverlayConfig.js').OverlayConfig} OverlayConfig
|
|
@@ -99,7 +99,7 @@ export function runOverlayMixinSuite({ tagString, tag, suffix = '' }) {
|
|
|
99
99
|
// For now, we skip this test for MacSafari, since the body.overlays-scroll-lock-ios-fix
|
|
100
100
|
// class results in a scrollbar when preventsScroll is true.
|
|
101
101
|
// However, fully functioning interacive elements (input fields) in the dialog are more important
|
|
102
|
-
if (
|
|
102
|
+
if (browserDetection.isMacSafari && elWithBigParent._overlayCtrl.preventsScroll) {
|
|
103
103
|
return;
|
|
104
104
|
}
|
|
105
105
|
|
|
@@ -100,7 +100,9 @@ export class LionSwitch extends ScopedElementsMixin(ChoiceInputMixin(LionField))
|
|
|
100
100
|
/** @param {import('lit').PropertyValues } changedProperties */
|
|
101
101
|
updated(changedProperties) {
|
|
102
102
|
super.updated(changedProperties);
|
|
103
|
-
|
|
103
|
+
if (changedProperties.has('disabled')) {
|
|
104
|
+
this._syncButtonSwitch();
|
|
105
|
+
}
|
|
104
106
|
}
|
|
105
107
|
|
|
106
108
|
/**
|
|
@@ -142,6 +142,7 @@ export class LionSwitchButton extends DisabledWithTabIndexMixin(LitElement) {
|
|
|
142
142
|
|
|
143
143
|
/** @param {import('lit').PropertyValues } changedProperties */
|
|
144
144
|
updated(changedProperties) {
|
|
145
|
+
super.updated(changedProperties);
|
|
145
146
|
if (changedProperties.has('disabled')) {
|
|
146
147
|
this.setAttribute('aria-disabled', `${this.disabled}`); // create mixin if we need it in more places
|
|
147
148
|
}
|
|
@@ -5,8 +5,8 @@ export default {
|
|
|
5
5
|
MinLength: 'Du musst mindestens {params} Zeichen eingeben.',
|
|
6
6
|
MaxLength: 'Du kannst maximal {params} Zeichen eingeben.',
|
|
7
7
|
MinMaxLength: 'Du musst zwischen {params.min} und {params.max} Zeichen eingeben.',
|
|
8
|
-
Pattern: 'Geben Sie ein
|
|
9
|
-
IsNumber: 'Geben Sie ein
|
|
8
|
+
Pattern: 'Geben Sie ein gültige {fieldName} ein.',
|
|
9
|
+
IsNumber: 'Geben Sie ein gültige {fieldName} ein.',
|
|
10
10
|
MinNumber: 'Geben Sie für {fieldName} einen Wert über {params} ein.',
|
|
11
11
|
MaxNumber: 'Geben Sie für {fieldName} einen Wert unter {params} ein.',
|
|
12
12
|
MinMaxNumber:
|
|
@@ -27,7 +27,7 @@ export default {
|
|
|
27
27
|
MinLength: 'Du solltest mindestens {params} Zeichen eingeben.',
|
|
28
28
|
MaxLength: 'Du kannst maximal {params} Zeichen eingeben.',
|
|
29
29
|
MinMaxLength: 'Du solltest zwischen {params.min} und {params.max} Zeichen eingeben.',
|
|
30
|
-
IsNumber: 'Geben Sie ein
|
|
30
|
+
IsNumber: 'Geben Sie ein gültige {fieldName} ein.',
|
|
31
31
|
MinNumber: 'Geben Sie für {fieldName} einen Wert über {params} ein.',
|
|
32
32
|
MaxNumber: 'Geben Sie für {fieldName} einen Wert unter {params} ein.',
|
|
33
33
|
MinMaxNumber:
|
package/custom-elements.json
CHANGED
|
@@ -3660,8 +3660,7 @@
|
|
|
3660
3660
|
},
|
|
3661
3661
|
{
|
|
3662
3662
|
"kind": "field",
|
|
3663
|
-
"name": "_buttonId"
|
|
3664
|
-
"default": "`button-${Math.random().toString(36).substr(2, 10)}`"
|
|
3663
|
+
"name": "_buttonId"
|
|
3665
3664
|
},
|
|
3666
3665
|
{
|
|
3667
3666
|
"kind": "field",
|
|
@@ -4291,7 +4290,6 @@
|
|
|
4291
4290
|
{
|
|
4292
4291
|
"kind": "field",
|
|
4293
4292
|
"name": "_buttonId",
|
|
4294
|
-
"default": "`button-${Math.random().toString(36).substr(2, 10)}`",
|
|
4295
4293
|
"inheritedFrom": {
|
|
4296
4294
|
"name": "LionButton",
|
|
4297
4295
|
"module": "components/button/src/LionButton.js"
|
|
@@ -4762,7 +4760,6 @@
|
|
|
4762
4760
|
{
|
|
4763
4761
|
"kind": "field",
|
|
4764
4762
|
"name": "_buttonId",
|
|
4765
|
-
"default": "`button-${Math.random().toString(36).substr(2, 10)}`",
|
|
4766
4763
|
"inheritedFrom": {
|
|
4767
4764
|
"name": "LionButton",
|
|
4768
4765
|
"module": "components/button/src/LionButton.js"
|
|
@@ -21565,7 +21562,7 @@
|
|
|
21565
21562
|
"type": {
|
|
21566
21563
|
"text": "object"
|
|
21567
21564
|
},
|
|
21568
|
-
"default": "{\n isIE11: /Trident/.test(window.navigator.userAgent),\n isChrome: checkChrome(),\n isIOSChrome: checkChrome('ios'),\n isChromium: checkChrome('chromium'),\n isMac: navigator.appVersion.indexOf('Mac') !== -1,\n}"
|
|
21565
|
+
"default": "{\n isIE11: /Trident/.test(window.navigator.userAgent),\n isChrome: checkChrome(),\n isIOSChrome: checkChrome('ios'),\n isChromium: checkChrome('chromium'),\n isMac: navigator.appVersion.indexOf('Mac') !== -1,\n isIOS: /iPhone|iPad|iPod/i.test(navigator.userAgent),\n isMacSafari:\n navigator.vendor &&\n navigator.vendor.indexOf('Apple') > -1 &&\n navigator.userAgent &&\n navigator.userAgent.indexOf('CriOS') === -1 &&\n navigator.userAgent.indexOf('FxiOS') === -1 &&\n navigator.appVersion.indexOf('Mac') !== -1,\n}"
|
|
21569
21566
|
}
|
|
21570
21567
|
],
|
|
21571
21568
|
"exports": [
|
|
@@ -51207,11 +51204,6 @@
|
|
|
51207
51204
|
"privacy": "protected",
|
|
51208
51205
|
"readonly": true
|
|
51209
51206
|
},
|
|
51210
|
-
{
|
|
51211
|
-
"kind": "method",
|
|
51212
|
-
"name": "__createUniqueIdForA11y",
|
|
51213
|
-
"privacy": "private"
|
|
51214
|
-
},
|
|
51215
51207
|
{
|
|
51216
51208
|
"kind": "method",
|
|
51217
51209
|
"name": "__toggleInvokerDisabled",
|
|
@@ -63257,6 +63249,12 @@
|
|
|
63257
63249
|
}
|
|
63258
63250
|
]
|
|
63259
63251
|
},
|
|
63252
|
+
{
|
|
63253
|
+
"kind": "javascript-module",
|
|
63254
|
+
"path": "components/input-file/types/input-file.ts",
|
|
63255
|
+
"declarations": [],
|
|
63256
|
+
"exports": []
|
|
63257
|
+
},
|
|
63260
63258
|
{
|
|
63261
63259
|
"kind": "javascript-module",
|
|
63262
63260
|
"path": "components/input-file/translations/bg-BG.js",
|
|
@@ -63747,12 +63745,6 @@
|
|
|
63747
63745
|
}
|
|
63748
63746
|
]
|
|
63749
63747
|
},
|
|
63750
|
-
{
|
|
63751
|
-
"kind": "javascript-module",
|
|
63752
|
-
"path": "components/input-file/types/input-file.ts",
|
|
63753
|
-
"declarations": [],
|
|
63754
|
-
"exports": []
|
|
63755
|
-
},
|
|
63756
63748
|
{
|
|
63757
63749
|
"kind": "javascript-module",
|
|
63758
63750
|
"path": "components/input-iban/src/LionInputIban.js",
|
|
@@ -92897,14 +92889,6 @@
|
|
|
92897
92889
|
"kind": "javascript-module",
|
|
92898
92890
|
"path": "components/overlays/src/OverlaysManager.js",
|
|
92899
92891
|
"declarations": [
|
|
92900
|
-
{
|
|
92901
|
-
"kind": "variable",
|
|
92902
|
-
"name": "_browserDetection",
|
|
92903
|
-
"type": {
|
|
92904
|
-
"text": "object"
|
|
92905
|
-
},
|
|
92906
|
-
"default": "{\n isIOS: /iPhone|iPad|iPod/i.test(navigator.userAgent),\n isMacSafari:\n navigator.vendor &&\n navigator.vendor.indexOf('Apple') > -1 &&\n navigator.userAgent &&\n navigator.userAgent.indexOf('CriOS') === -1 &&\n navigator.userAgent.indexOf('FxiOS') === -1 &&\n navigator.appVersion.indexOf('Mac') !== -1,\n}"
|
|
92907
|
-
},
|
|
92908
92892
|
{
|
|
92909
92893
|
"kind": "class",
|
|
92910
92894
|
"description": "`OverlaysManager` which manages overlays which are rendered into the body",
|
|
@@ -93098,14 +93082,6 @@
|
|
|
93098
93082
|
}
|
|
93099
93083
|
],
|
|
93100
93084
|
"exports": [
|
|
93101
|
-
{
|
|
93102
|
-
"kind": "js",
|
|
93103
|
-
"name": "_browserDetection",
|
|
93104
|
-
"declaration": {
|
|
93105
|
-
"name": "_browserDetection",
|
|
93106
|
-
"module": "components/overlays/src/OverlaysManager.js"
|
|
93107
|
-
}
|
|
93108
|
-
},
|
|
93109
93085
|
{
|
|
93110
93086
|
"kind": "js",
|
|
93111
93087
|
"name": "OverlaysManager",
|
|
@@ -104935,7 +104911,6 @@
|
|
|
104935
104911
|
{
|
|
104936
104912
|
"kind": "field",
|
|
104937
104913
|
"name": "_buttonId",
|
|
104938
|
-
"default": "`button-${Math.random().toString(36).substr(2, 10)}`",
|
|
104939
104914
|
"inheritedFrom": {
|
|
104940
104915
|
"name": "LionButton",
|
|
104941
104916
|
"module": "components/button/src/LionButton.js"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LionButton.d.ts","sourceRoot":"","sources":["../../../../components/button/src/LionButton.js"],"names":[],"mappings":";AAMA;;GAEG;AAEH;;;;;;;;;;;;;;;;;GAiBG;AACH;IACE;;;;;;;;;MAKC;IAMD,+CA+EC;IAnFD,+CAEC;IAqFC,aAAoB;IACpB,gBAAmB;IAEnB,
|
|
1
|
+
{"version":3,"file":"LionButton.d.ts","sourceRoot":"","sources":["../../../../components/button/src/LionButton.js"],"names":[],"mappings":";AAMA;;GAEG;AAEH;;;;;;;;;;;;;;;;;GAiBG;AACH;IACE;;;;;;;;;MAKC;IAMD,+CA+EC;IAnFD,+CAEC;IAqFC,aAAoB;IACpB,gBAAmB;IAEnB,kBAA+B;IA6BjC;;OAEG;IACH,sBAIC;IAED;;OAEG;IACH,2BASC;IAED;;;OAGG;IACH,yBAuBC;IAED;;;OAGG;IACH,uBASC;CACF;6BAtNY,OAAO,KAAK,EAAE,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LionCollapsible.d.ts","sourceRoot":"","sources":["../../../../components/collapsible/src/LionCollapsible.js"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH;IACE,+CAYC;IAED;;;;;MAOC;IAED,+CAKC;IAIC,gBAAmB;
|
|
1
|
+
{"version":3,"file":"LionCollapsible.d.ts","sourceRoot":"","sources":["../../../../components/collapsible/src/LionCollapsible.js"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH;IACE,+CAYC;IAED;;;;;MAOC;IAED,+CAKC;IAIC,gBAAmB;IA8DrB;;;OAGG;IACH,sBAGC;IA3BD;;;OAGG;IACH,oBAIC;IAED;;;OAGG;IACH,oBAIC;IAWD;;;;OAIG;IAEH,+BAJW,MAAM,iBAIY;IAE7B;;;;OAIG;IAEH,+BAJW,MAAM,iBAIY;IAE7B;;OAEG;IACH,sDAIC;IAED;;OAEG;IACH,sDAIC;IAED;;OAEG;IACH,uCAGC;IAED;;;OAGG;IACH,wBAMC;IAED;;;OAGG;IACH,4BAUC;IAED;;;OAGG;IACH,0BAIC;CACF"}
|
|
@@ -4,5 +4,7 @@ export namespace browserDetection {
|
|
|
4
4
|
const isIOSChrome: boolean | RegExpMatchArray | null | undefined;
|
|
5
5
|
const isChromium: boolean | RegExpMatchArray | null | undefined;
|
|
6
6
|
const isMac: boolean;
|
|
7
|
+
const isIOS: boolean;
|
|
8
|
+
const isMacSafari: boolean | "";
|
|
7
9
|
}
|
|
8
10
|
//# sourceMappingURL=browserDetection.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LionDrawer.d.ts","sourceRoot":"","sources":["../../../../components/drawer/src/LionDrawer.js"],"names":[],"mappings":"AASA;IACE;;;;;;;;;;;;;MAeC;IAKC,eAAe;IACf,iBAEC;
|
|
1
|
+
{"version":3,"file":"LionDrawer.d.ts","sourceRoot":"","sources":["../../../../components/drawer/src/LionDrawer.js"],"names":[],"mappings":"AASA;IACE;;;;;;;;;;;;;MAeC;IAKC,eAAe;IACf,iBAEC;IAwDH;;;OAGG;IACH,0BAOC;IAED,uBAEC;IAvCD,wBAsBC;IAlBG,8BAAuF;IACvF,8BAAuF;IACvF,6BAAqB;IACrB,6BAAsB;IAuBxB,8BAAyB;IAW3B;;;;;OAKG;IACH;QAHgC,WAAW,EAAhC,WAAW;sBAarB;IAED;;;;;OAKG;IACH;QAHgC,WAAW,EAAhC,WAAW;sBAiBrB;IAED;;;;;OAKG;IACH;QAHgC,WAAW,EAAhC,WAAW;QACT,QAAQ,IAAI,CAAC,CAiBzB;IAXK,mCAAyB;IAa/B;;OAEG;IACH,2CAEC;IAED,4BAGC;IAOD,uBAOC;IAED,oCAQC;CAeF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LionInputDatepicker.d.ts","sourceRoot":"","sources":["../../../../components/input-datepicker/src/LionInputDatepicker.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"LionInputDatepicker.d.ts","sourceRoot":"","sources":["../../../../components/input-datepicker/src/LionInputDatepicker.js"],"names":[],"mappings":";AAiBA;;;GAGG;AAEH;;GAEG;AACH;IAGE;;MAKC;IAED,wFAgCC;IAED,kBAAkB;IAClB,6BAgCC;IA0SD;;;;;OAKG;IACH,gDAFa,IAAI,GAAG,SAAS,CAM5B;IAlTD,iFAIiB;IAEjB;;OAEG;IAEH,kBAHW,IAAI,UAQd;IAaD;;OAEG;IACH,0CAEC;IAED;;;OAGG;IACH,4CAIC;IAIC,eAAe;IACf,oBAAuC;IACvC,iBAAiB;IACjB,uCAAoC;IAGpC,iBAAiB;IACjB,mDAA2C;IAC3C,iBAAiB;IACjB,qCAA6B;IAC7B,iBAAiB;IACjB,qCAA6B;IAC7B,iBAAiB;IACjB,gDAAyC;IAkL3C,uCAOC;IAYD;;;OAGG;IACH,6DAFW;QAAE,MAAM,EAAE;YAAE,YAAY,EAAE,IAAI,CAAA;SAAE,CAAA;KAAC,QA2B3C;IA5MD,eAAe;IACf,gCAKC;IAgBG,qBAAyD;IAI7D;;;;;OAKG;IACH,mEASC;IAED,8DAoBC;IAED,+CAOC;IAED;;;OAGG;IAEH,0DAeC;IAED;;;OAGG;IAEH,yDAYC;IAED;;OAEG;IAEH,6DAEC;IAKC,iDAEC;IAIH;;;;OAIG;IAEH,iCAHa,MAAM,CAmBlB;IAWD;;;OAGG;IACH,iCAIC;IAqDD;;;;OAIG;IACH,gCAFW,SAAS,EAAE,QAkBrB;IAVK,uBAAgC;IAEhC,uBAAgC;IAKhC,4BAAqC;IAK3C;;;;;;OAMG;IAEH,iCALW,KAAK,GAAC,WAAW,YACjB;QAAC,SAAS,EAAE,SAAS,CAAA;KAAC,QAUhC;IAgBC,mDAEC;CAIJ;wBArcY,OAAO,2CAA2C,EAAE,SAAS;4BAC7D,OAAO,KAAK,EAAE,aAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parseDate.d.ts","sourceRoot":"","sources":["../../../../../components/localize/src/date/parseDate.js"],"names":[],"mappings":"AAwBA;;;;;GAKG;AACH,sCAHW,MAAM,GACJ,IAAI,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"parseDate.d.ts","sourceRoot":"","sources":["../../../../../components/localize/src/date/parseDate.js"],"names":[],"mappings":"AAwBA;;;;;GAKG;AACH,sCAHW,MAAM,GACJ,IAAI,GAAG,SAAS,CAiD5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlaysManager.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/OverlaysManager.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"OverlaysManager.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/OverlaysManager.js"],"names":[],"mappings":"AASA;;GAEG;AACH;IACE,mDAMC;IAED;;;OAGG;IACH,iEAEC;IAED;;;OAGG;IACH,sEAEC;IAGC;;;OAGG;IACH,eAAgB;IAChB;;;OAGG;IACH,oBAAqB;IACrB,eAAe;IACf,wBAA4B;IAC5B;;;OAGG;IACH,sBAAkC;IAOpC;;;;OAIG;IACH,eAHW,iBAAiB,GACf,iBAAiB,CAQ7B;IAED;;OAEG;IACH,qBAFW,iBAAiB,QAQ3B;IAED;;OAEG;IACH,iBAFW,iBAAiB,QAe3B;IAED;;OAEG;IACH,iBAFW,GAAG,QAOb;IAED,iBAeC;IAED,yDAAyD;IAEzD,6BAEC;IAED,wCAMC;IAED;;OAEG;IACH,kDAFW,OAAO,GAAG,QAAQ,GAAG,SAAS,QAMxC;IAED;;OAEG;IACH;;;aAWC;IAED,qBAAqB;IAGrB,+BAYC;IAED,8BAgBC;IAED;;;OAGG;IACH,gCAFW,iBAAiB,QAM3B;IAED;;OAEG;IACH,uCAFW,iBAAiB,QAS3B;CACF;;6BAEU,gBAAgB,GAAG,SAAS;;wBAhO1B,OAAO,KAAK,EAAE,SAAS;gCACvB,OAAO,wBAAwB,EAAE,iBAAiB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"adopt-styles.d.ts","sourceRoot":"","sources":["../../../../../components/overlays/src/utils/adopt-styles.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"adopt-styles.d.ts","sourceRoot":"","sources":["../../../../../components/overlays/src/utils/adopt-styles.js"],"names":[],"mappings":"AA6BA;;GAEG;AACH,gEAFW,aAAa,UAMvB;AAmED,2BAA2B;AAC3B;;qBA0BC;AAED,4BAA4B;AAC5B;;qBAIC;;;;;6BApIY,OAAO,KAAK,EAAE,SAAS,GAAC,aAAa;wCACzB,oBAAoB,SAAS,cAAc,SAAS;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC,KAAK,IAAI;yCACjF,oBAAoB,UAAU,cAAc,EAAE,SAAS;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC,KAAK,IAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlaysManager.test.d.ts","sourceRoot":"","sources":["../../../../components/overlays/test/OverlaysManager.test.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"OverlaysManager.test.d.ts","sourceRoot":"","sources":["../../../../components/overlays/test/OverlaysManager.test.js"],"names":[],"mappings":"4BAOa,OAAO,2BAA2B,EAAE,aAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LionSwitch.d.ts","sourceRoot":"","sources":["../../../../components/switch/src/LionSwitch.js"],"names":[],"mappings":";AAKA;IACE,wFAaC;IAED;;MAKC;IAED;;;;;OAKG;IAEH,6CAIC;IAED;;MASC;IAED;;;OAGG;IACH,+CAKC;IAED,iBAAiB;IACjB,oEAEC;IAED,iBAAiB;IACjB,oEAEC;
|
|
1
|
+
{"version":3,"file":"LionSwitch.d.ts","sourceRoot":"","sources":["../../../../components/switch/src/LionSwitch.js"],"names":[],"mappings":";AAKA;IACE,wFAaC;IAED;;MAKC;IAED;;;;;OAKG;IAEH,6CAIC;IAED;;MASC;IAED;;;OAGG;IACH,+CAKC;IAED,iBAAiB;IACjB,oEAEC;IAED,iBAAiB;IACjB,oEAEC;IA6CD;;;OAGG;IACH,2CAKC;IA1BD,+DAA+D;IAC/D,2BADY,OAAO,KAAK,EAAE,cAAc,QAMvC;IAED;;;OAGG;IAEH,8BAEC;IAaD,iBAAiB;IACjB,oCAEC;IAED;;;OAGG;IACH,gCAKC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LionSwitchButton.d.ts","sourceRoot":"","sources":["../../../../components/switch/src/LionSwitchButton.js"],"names":[],"mappings":";AAGA;IACE;;;;;MAOC;IAED,+CA6CC;IAED,+CAOC;IAKC,cAAe;IAEf,iBAAoB;IACpB,uBAA0B;IAyB5B,iBAAiB;IACjB,iCAOC;IA9BC,eAAe;IACf,wBAAqD;IACrD,eAAe;IACf,sBAAiD;IA6BnD,eAAe;IACf,6BAOC;IAED;;;OAGG;IAEH,6BAJW,aAAa,QASvB;IAED;;;OAGG;IACH,2BAHW,aAAa,QAOvB;
|
|
1
|
+
{"version":3,"file":"LionSwitchButton.d.ts","sourceRoot":"","sources":["../../../../components/switch/src/LionSwitchButton.js"],"names":[],"mappings":";AAGA;IACE;;;;;MAOC;IAED,+CA6CC;IAED,+CAOC;IAKC,cAAe;IAEf,iBAAoB;IACpB,uBAA0B;IAyB5B,iBAAiB;IACjB,iCAOC;IA9BC,eAAe;IACf,wBAAqD;IACrD,eAAe;IACf,sBAAiD;IA6BnD,eAAe;IACf,6BAOC;IAED;;;OAGG;IAEH,6BAJW,aAAa,QASvB;IAED;;;OAGG;IACH,2BAHW,aAAa,QAOvB;IAUD;;;;;OAKG;IACH,oDAJW,OAAO,sEAEL,IAAI,CAahB;IAED,+DAA+D;IAC/D,gCADY,OAAO,KAAK,EAAE,cAAc,QAIvC;CACF"}
|