@everymatrix/general-registration 1.56.0 → 1.56.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/dist/cjs/checkbox-group-input_13.cjs.entry.js +279 -293
- package/dist/cjs/general-registration.cjs.js +3 -3
- package/dist/cjs/{index-f710b430.js → index-59ba6f69.js} +82 -74
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/esm/checkbox-group-input_13.entry.js +279 -293
- package/dist/esm/general-registration.js +4 -4
- package/dist/esm/{index-e30ca6ba.js → index-de907516.js} +82 -74
- package/dist/esm/loader.js +3 -3
- package/dist/general-registration/general-registration.esm.js +1 -1
- package/dist/general-registration/p-439f617f.entry.js +4464 -0
- package/dist/general-registration/p-f0564129.js +2 -0
- package/dist/types/components.d.ts +48 -0
- package/package.json +1 -1
- package/dist/general-registration/p-0d63ba5e.js +0 -2
- package/dist/general-registration/p-5f37e4ba.entry.js +0 -4466
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-59ba6f69.js');
|
|
6
6
|
|
|
7
7
|
const DEFAULT_LANGUAGE$1 = 'en';
|
|
8
8
|
const TRANSLATIONS$1 = {
|
|
@@ -161,55 +161,13 @@ const tooltipIconSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD
|
|
|
161
161
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
162
162
|
*/
|
|
163
163
|
|
|
164
|
-
|
|
165
|
-
window.Vaadin.featureFlags ||= {};
|
|
166
|
-
|
|
167
|
-
function dashToCamelCase$1(dash) {
|
|
168
|
-
return dash.replace(/-[a-z]/gu, (m) => m[1].toUpperCase());
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
const experimentalMap = {};
|
|
172
|
-
|
|
173
|
-
function defineCustomElement(CustomElement, version = '24.6.5') {
|
|
164
|
+
function defineCustomElement(CustomElement, version = '24.5.10') {
|
|
174
165
|
Object.defineProperty(CustomElement, 'version', {
|
|
175
166
|
get() {
|
|
176
167
|
return version;
|
|
177
168
|
},
|
|
178
169
|
});
|
|
179
170
|
|
|
180
|
-
if (CustomElement.experimental) {
|
|
181
|
-
const featureFlagKey =
|
|
182
|
-
typeof CustomElement.experimental === 'string'
|
|
183
|
-
? CustomElement.experimental
|
|
184
|
-
: `${dashToCamelCase$1(CustomElement.is.split('-').slice(1).join('-'))}Component`;
|
|
185
|
-
|
|
186
|
-
if (!window.Vaadin.featureFlags[featureFlagKey] && !experimentalMap[featureFlagKey]) {
|
|
187
|
-
// Add setter to define experimental component when it's set to true
|
|
188
|
-
experimentalMap[featureFlagKey] = new Set();
|
|
189
|
-
experimentalMap[featureFlagKey].add(CustomElement);
|
|
190
|
-
|
|
191
|
-
Object.defineProperty(window.Vaadin.featureFlags, featureFlagKey, {
|
|
192
|
-
get() {
|
|
193
|
-
return experimentalMap[featureFlagKey].size === 0;
|
|
194
|
-
},
|
|
195
|
-
set(value) {
|
|
196
|
-
if (!!value && experimentalMap[featureFlagKey].size > 0) {
|
|
197
|
-
experimentalMap[featureFlagKey].forEach((elementClass) => {
|
|
198
|
-
customElements.define(elementClass.is, elementClass);
|
|
199
|
-
});
|
|
200
|
-
experimentalMap[featureFlagKey].clear();
|
|
201
|
-
}
|
|
202
|
-
},
|
|
203
|
-
});
|
|
204
|
-
|
|
205
|
-
return;
|
|
206
|
-
} else if (experimentalMap[featureFlagKey]) {
|
|
207
|
-
// Allow to register multiple components with single flag
|
|
208
|
-
experimentalMap[featureFlagKey].add(CustomElement);
|
|
209
|
-
return;
|
|
210
|
-
}
|
|
211
|
-
}
|
|
212
|
-
|
|
213
171
|
const defined = customElements.get(CustomElement.is);
|
|
214
172
|
if (!defined) {
|
|
215
173
|
customElements.define(CustomElement.is, CustomElement);
|
|
@@ -958,7 +916,7 @@ registerStyles('', color, { moduleId: 'lumo-color' });
|
|
|
958
916
|
const fontIcons = i$3`
|
|
959
917
|
@font-face {
|
|
960
918
|
font-family: 'lumo-icons';
|
|
961
|
-
src: url(data:application/font-woff;charset=utf-8;base64,
|
|
919
|
+
src: url(data:application/font-woff;charset=utf-8;base64,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)
|
|
962
920
|
format('woff');
|
|
963
921
|
font-weight: normal;
|
|
964
922
|
font-style: normal;
|
|
@@ -988,27 +946,25 @@ const fontIcons = i$3`
|
|
|
988
946
|
--lumo-icons-cog: '\\ea15';
|
|
989
947
|
--lumo-icons-cross: '\\ea16';
|
|
990
948
|
--lumo-icons-download: '\\ea17';
|
|
991
|
-
--lumo-icons-
|
|
992
|
-
--lumo-icons-
|
|
993
|
-
--lumo-icons-
|
|
994
|
-
--lumo-icons-
|
|
995
|
-
--lumo-icons-eye: '\\ea1c';
|
|
996
|
-
--lumo-icons-
|
|
997
|
-
--lumo-icons-
|
|
998
|
-
--lumo-icons-
|
|
999
|
-
--lumo-icons-
|
|
1000
|
-
--lumo-icons-
|
|
1001
|
-
--lumo-icons-
|
|
1002
|
-
--lumo-icons-
|
|
1003
|
-
--lumo-icons-
|
|
1004
|
-
--lumo-icons-
|
|
1005
|
-
--lumo-icons-
|
|
1006
|
-
--lumo-icons-
|
|
1007
|
-
--lumo-icons-
|
|
1008
|
-
--lumo-icons-
|
|
1009
|
-
--lumo-icons-
|
|
1010
|
-
--lumo-icons-upload: '\\ea2b';
|
|
1011
|
-
--lumo-icons-user: '\\ea2c';
|
|
949
|
+
--lumo-icons-dropdown: '\\ea18';
|
|
950
|
+
--lumo-icons-edit: '\\ea19';
|
|
951
|
+
--lumo-icons-error: '\\ea1a';
|
|
952
|
+
--lumo-icons-eye: '\\ea1b';
|
|
953
|
+
--lumo-icons-eye-disabled: '\\ea1c';
|
|
954
|
+
--lumo-icons-menu: '\\ea1d';
|
|
955
|
+
--lumo-icons-minus: '\\ea1e';
|
|
956
|
+
--lumo-icons-ordered-list: '\\ea1f';
|
|
957
|
+
--lumo-icons-phone: '\\ea20';
|
|
958
|
+
--lumo-icons-photo: '\\ea21';
|
|
959
|
+
--lumo-icons-play: '\\ea22';
|
|
960
|
+
--lumo-icons-plus: '\\ea23';
|
|
961
|
+
--lumo-icons-redo: '\\ea24';
|
|
962
|
+
--lumo-icons-reload: '\\ea25';
|
|
963
|
+
--lumo-icons-search: '\\ea26';
|
|
964
|
+
--lumo-icons-undo: '\\ea27';
|
|
965
|
+
--lumo-icons-unordered-list: '\\ea28';
|
|
966
|
+
--lumo-icons-upload: '\\ea29';
|
|
967
|
+
--lumo-icons-user: '\\ea2a';
|
|
1012
968
|
}
|
|
1013
969
|
`;
|
|
1014
970
|
|
|
@@ -11353,7 +11309,6 @@ const DisabledMixin = dedupingMixin(
|
|
|
11353
11309
|
value: false,
|
|
11354
11310
|
observer: '_disabledChanged',
|
|
11355
11311
|
reflectToAttribute: true,
|
|
11356
|
-
sync: true,
|
|
11357
11312
|
},
|
|
11358
11313
|
};
|
|
11359
11314
|
}
|
|
@@ -12477,8 +12432,6 @@ const InputMixin = dedupingMixin(
|
|
|
12477
12432
|
if (this.inputElement) {
|
|
12478
12433
|
this.inputElement[this._inputElementValueProperty] = value;
|
|
12479
12434
|
}
|
|
12480
|
-
|
|
12481
|
-
this._hasInputValue = value && value.length > 0;
|
|
12482
12435
|
}
|
|
12483
12436
|
|
|
12484
12437
|
/**
|
|
@@ -12672,7 +12625,6 @@ const CheckedMixin = dedupingMixin(
|
|
|
12672
12625
|
value: false,
|
|
12673
12626
|
notify: true,
|
|
12674
12627
|
reflectToAttribute: true,
|
|
12675
|
-
sync: true,
|
|
12676
12628
|
},
|
|
12677
12629
|
};
|
|
12678
12630
|
}
|
|
@@ -13708,22 +13660,6 @@ const ValidateMixin = dedupingMixin(
|
|
|
13708
13660
|
value: false,
|
|
13709
13661
|
},
|
|
13710
13662
|
|
|
13711
|
-
/**
|
|
13712
|
-
* Set to true to enable manual validation mode. This mode disables automatic
|
|
13713
|
-
* constraint validation, allowing you to control the validation process yourself.
|
|
13714
|
-
* You can still trigger constraint validation manually with the `validate()` method
|
|
13715
|
-
* or use `checkValidity()` to assess the component's validity without affecting
|
|
13716
|
-
* the invalid state. In manual validation mode, you can also manipulate
|
|
13717
|
-
* the `invalid` property directly through your application logic without conflicts
|
|
13718
|
-
* with the component's internal validation.
|
|
13719
|
-
*
|
|
13720
|
-
* @attr {boolean} manual-validation
|
|
13721
|
-
*/
|
|
13722
|
-
manualValidation: {
|
|
13723
|
-
type: Boolean,
|
|
13724
|
-
value: false,
|
|
13725
|
-
},
|
|
13726
|
-
|
|
13727
13663
|
/**
|
|
13728
13664
|
* Specifies that the user must fill in a value.
|
|
13729
13665
|
*/
|
|
@@ -13778,14 +13714,6 @@ const ValidateMixin = dedupingMixin(
|
|
|
13778
13714
|
return true;
|
|
13779
13715
|
}
|
|
13780
13716
|
|
|
13781
|
-
/** @protected */
|
|
13782
|
-
_requestValidation() {
|
|
13783
|
-
if (!this.manualValidation) {
|
|
13784
|
-
// eslint-disable-next-line no-restricted-syntax
|
|
13785
|
-
this.validate();
|
|
13786
|
-
}
|
|
13787
|
-
}
|
|
13788
|
-
|
|
13789
13717
|
/**
|
|
13790
13718
|
* Fired whenever the field is validated.
|
|
13791
13719
|
*
|
|
@@ -14308,14 +14236,14 @@ const CheckboxMixin = (superclass) =>
|
|
|
14308
14236
|
// Do not validate when focusout is caused by document
|
|
14309
14237
|
// losing focus, which happens on browser tab switch.
|
|
14310
14238
|
if (!focused && document.hasFocus()) {
|
|
14311
|
-
this.
|
|
14239
|
+
this.validate();
|
|
14312
14240
|
}
|
|
14313
14241
|
}
|
|
14314
14242
|
|
|
14315
14243
|
/** @private */
|
|
14316
14244
|
_checkedChanged(checked) {
|
|
14317
14245
|
if (checked || this.__oldChecked) {
|
|
14318
|
-
this.
|
|
14246
|
+
this.validate();
|
|
14319
14247
|
}
|
|
14320
14248
|
|
|
14321
14249
|
this.__oldChecked = checked;
|
|
@@ -14332,7 +14260,7 @@ const CheckboxMixin = (superclass) =>
|
|
|
14332
14260
|
super._requiredChanged(required);
|
|
14333
14261
|
|
|
14334
14262
|
if (required === false) {
|
|
14335
|
-
this.
|
|
14263
|
+
this.validate();
|
|
14336
14264
|
}
|
|
14337
14265
|
}
|
|
14338
14266
|
|
|
@@ -15032,7 +14960,7 @@ const CheckboxGroupMixin = (superclass) =>
|
|
|
15032
14960
|
});
|
|
15033
14961
|
|
|
15034
14962
|
if (oldValue !== undefined) {
|
|
15035
|
-
this.
|
|
14963
|
+
this.validate();
|
|
15036
14964
|
}
|
|
15037
14965
|
}
|
|
15038
14966
|
|
|
@@ -15072,7 +15000,7 @@ const CheckboxGroupMixin = (superclass) =>
|
|
|
15072
15000
|
// Do not validate when focusout is caused by document
|
|
15073
15001
|
// losing focus, which happens on browser tab switch.
|
|
15074
15002
|
if (!focused && document.hasFocus()) {
|
|
15075
|
-
this.
|
|
15003
|
+
this.validate();
|
|
15076
15004
|
}
|
|
15077
15005
|
}
|
|
15078
15006
|
};
|
|
@@ -15230,6 +15158,10 @@ const CheckboxGroupInput = class {
|
|
|
15230
15158
|
this.stylingContainer.prepend(sheet);
|
|
15231
15159
|
};
|
|
15232
15160
|
}
|
|
15161
|
+
handleStylingChange(newValue, oldValue) {
|
|
15162
|
+
if (newValue !== oldValue)
|
|
15163
|
+
this.setClientStyling();
|
|
15164
|
+
}
|
|
15233
15165
|
validityChanged() {
|
|
15234
15166
|
this.validityStateHandler({ valid: this.isValid, name: this.name });
|
|
15235
15167
|
if (this.emitValue == true) {
|
|
@@ -15304,13 +15236,14 @@ const CheckboxGroupInput = class {
|
|
|
15304
15236
|
return (index.h("label", { class: 'checkbox__label', htmlFor: `${this.name}__input`, slot: 'label' }, index.h("div", { class: 'checkbox__label-text', innerHTML: `${this.displayName} ${this.validation.mandatory ? '*' : ''}` })));
|
|
15305
15237
|
}
|
|
15306
15238
|
render() {
|
|
15307
|
-
return index.h("div", { key: '
|
|
15308
|
-
index.h("img", { key: '
|
|
15239
|
+
return index.h("div", { key: 'c25b0a1ac187ea0abf1fe8c69d584eee00568177', class: `checkboxgroup__wrapper ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: 'daf512e7f98d20bae65e43ab869e45babc008e90', class: 'checkboxgroup__wrapper--flex' }, index.h("vaadin-checkbox", { key: '08e31269cf2ace61c4c929a6a597486555667197', class: 'checkbox__input', checked: this.selectedValues.length === this.options.length || this.defaultValue === 'true', indeterminate: this.selectedValues.length > 0 && this.selectedValues.length < this.options.length, onChange: (e) => this.handleParentCheckbox(e) }, this.renderLabel()), this.tooltip &&
|
|
15240
|
+
index.h("img", { key: 'ed4c3efd6b7e30ae0b68de11093b8faf2cb0a845', class: 'checkboxgroup__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), index.h("small", { key: '5b95c4059a2de898c04bf147e89c5a2ad035dddf', class: 'checkboxgroup__error-message' }, this.errorMessage), index.h("vaadin-checkbox-group", { key: '2b73ac73d52c6185358e50eda4c9706643f55384', theme: "vertical", value: this.selectedValues, "on-value-changed": (event) => {
|
|
15309
15241
|
this.selectedValues = event.detail.value;
|
|
15310
15242
|
} }, this.options.map((checkbox) => index.h("vaadin-checkbox", { class: 'checkbox__input', name: checkbox.name, value: checkbox.name, label: checkbox.displayName }))));
|
|
15311
15243
|
}
|
|
15312
15244
|
get element() { return index.getElement(this); }
|
|
15313
15245
|
static get watchers() { return {
|
|
15246
|
+
"clientStyling": ["handleStylingChange"],
|
|
15314
15247
|
"isValid": ["validityChanged"],
|
|
15315
15248
|
"selectedValues": ["setValue"],
|
|
15316
15249
|
"emitValue": ["emitValueHandler"]
|
|
@@ -15343,6 +15276,10 @@ const CheckboxInput = class {
|
|
|
15343
15276
|
this.stylingContainer.prepend(sheet);
|
|
15344
15277
|
};
|
|
15345
15278
|
}
|
|
15279
|
+
handleStylingChange(newValue, oldValue) {
|
|
15280
|
+
if (newValue !== oldValue)
|
|
15281
|
+
this.setClientStyling();
|
|
15282
|
+
}
|
|
15346
15283
|
validityChanged() {
|
|
15347
15284
|
this.validityStateHandler({ valid: this.isValid, name: this.name });
|
|
15348
15285
|
if (this.emitValue == true) {
|
|
@@ -15405,10 +15342,11 @@ const CheckboxInput = class {
|
|
|
15405
15342
|
return null;
|
|
15406
15343
|
}
|
|
15407
15344
|
render() {
|
|
15408
|
-
return index.h("div", { key: '
|
|
15409
|
-
index.h("img", { key: '
|
|
15345
|
+
return index.h("div", { key: '8c80c955bb052558165a4c5b1020d0582ed0af36', class: `checkbox__wrapper ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("input", { key: '89401d543cb30b72ec614b0cd4e95b2e82b2522d', class: 'checkbox__input', type: "checkbox", id: `${this.name}__input`, ref: (el) => this.inputReference = el, name: this.name, checked: this.defaultValue === "true", readOnly: this.autofilled, required: this.validation.mandatory, value: this.value, onClick: () => this.handleClick() }), this.renderLabel(), index.h("small", { key: 'd007d8c02dd014a363e2fcc1a0e8df6ffda34bcb', class: 'checkbox__error-message' }, this.errorMessage), index.h("div", { key: 'c511c07684173359663d4907371efb82289f0433', class: 'checkbox__wrapper--relative' }, this.tooltip &&
|
|
15346
|
+
index.h("img", { key: 'dd263ce86efd89f34078f3cc24729f43f40e89a6', class: 'checkbox__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()));
|
|
15410
15347
|
}
|
|
15411
15348
|
static get watchers() { return {
|
|
15349
|
+
"clientStyling": ["handleStylingChange"],
|
|
15412
15350
|
"isValid": ["validityChanged"],
|
|
15413
15351
|
"emitValue": ["emitValueHandler"]
|
|
15414
15352
|
}; }
|
|
@@ -17750,7 +17688,6 @@ const OverlayMixin = (superClass) =>
|
|
|
17750
17688
|
notify: true,
|
|
17751
17689
|
observer: '_openedChanged',
|
|
17752
17690
|
reflectToAttribute: true,
|
|
17753
|
-
sync: true,
|
|
17754
17691
|
},
|
|
17755
17692
|
|
|
17756
17693
|
/**
|
|
@@ -17759,7 +17696,6 @@ const OverlayMixin = (superClass) =>
|
|
|
17759
17696
|
*/
|
|
17760
17697
|
owner: {
|
|
17761
17698
|
type: Object,
|
|
17762
|
-
sync: true,
|
|
17763
17699
|
},
|
|
17764
17700
|
|
|
17765
17701
|
/**
|
|
@@ -17767,7 +17703,6 @@ const OverlayMixin = (superClass) =>
|
|
|
17767
17703
|
*/
|
|
17768
17704
|
model: {
|
|
17769
17705
|
type: Object,
|
|
17770
|
-
sync: true,
|
|
17771
17706
|
},
|
|
17772
17707
|
|
|
17773
17708
|
/**
|
|
@@ -17781,7 +17716,6 @@ const OverlayMixin = (superClass) =>
|
|
|
17781
17716
|
*/
|
|
17782
17717
|
renderer: {
|
|
17783
17718
|
type: Object,
|
|
17784
|
-
sync: true,
|
|
17785
17719
|
},
|
|
17786
17720
|
|
|
17787
17721
|
/**
|
|
@@ -17794,7 +17728,6 @@ const OverlayMixin = (superClass) =>
|
|
|
17794
17728
|
value: false,
|
|
17795
17729
|
reflectToAttribute: true,
|
|
17796
17730
|
observer: '_modelessChanged',
|
|
17797
|
-
sync: true,
|
|
17798
17731
|
},
|
|
17799
17732
|
|
|
17800
17733
|
/**
|
|
@@ -17806,7 +17739,6 @@ const OverlayMixin = (superClass) =>
|
|
|
17806
17739
|
type: Boolean,
|
|
17807
17740
|
reflectToAttribute: true,
|
|
17808
17741
|
observer: '_hiddenChanged',
|
|
17809
|
-
sync: true,
|
|
17810
17742
|
},
|
|
17811
17743
|
|
|
17812
17744
|
/**
|
|
@@ -17817,7 +17749,6 @@ const OverlayMixin = (superClass) =>
|
|
|
17817
17749
|
type: Boolean,
|
|
17818
17750
|
value: false,
|
|
17819
17751
|
reflectToAttribute: true,
|
|
17820
|
-
sync: true,
|
|
17821
17752
|
},
|
|
17822
17753
|
};
|
|
17823
17754
|
}
|
|
@@ -19646,21 +19577,6 @@ class InfiniteScroller extends HTMLElement {
|
|
|
19646
19577
|
}
|
|
19647
19578
|
}
|
|
19648
19579
|
|
|
19649
|
-
/** @protected */
|
|
19650
|
-
disconnectedCallback() {
|
|
19651
|
-
if (this._debouncerScrollFinish) {
|
|
19652
|
-
this._debouncerScrollFinish.cancel();
|
|
19653
|
-
}
|
|
19654
|
-
|
|
19655
|
-
if (this._debouncerUpdateClones) {
|
|
19656
|
-
this._debouncerUpdateClones.cancel();
|
|
19657
|
-
}
|
|
19658
|
-
|
|
19659
|
-
if (this.__pendingFinishInit) {
|
|
19660
|
-
cancelAnimationFrame(this.__pendingFinishInit);
|
|
19661
|
-
}
|
|
19662
|
-
}
|
|
19663
|
-
|
|
19664
19580
|
/**
|
|
19665
19581
|
* Force the scroller to update clones after a reset, without
|
|
19666
19582
|
* waiting for the debouncer to resolve.
|
|
@@ -19808,9 +19724,8 @@ class InfiniteScroller extends HTMLElement {
|
|
|
19808
19724
|
}
|
|
19809
19725
|
});
|
|
19810
19726
|
|
|
19811
|
-
|
|
19727
|
+
requestAnimationFrame(() => {
|
|
19812
19728
|
this._finishInit();
|
|
19813
|
-
this.__pendingFinishInit = null;
|
|
19814
19729
|
});
|
|
19815
19730
|
}
|
|
19816
19731
|
|
|
@@ -19825,10 +19740,6 @@ class InfiniteScroller extends HTMLElement {
|
|
|
19825
19740
|
itemWrapper.instance = this._createElement();
|
|
19826
19741
|
itemWrapper.appendChild(itemWrapper.instance);
|
|
19827
19742
|
|
|
19828
|
-
if (itemWrapper.instance.performUpdate) {
|
|
19829
|
-
itemWrapper.instance.performUpdate();
|
|
19830
|
-
}
|
|
19831
|
-
|
|
19832
19743
|
Object.keys(tmpInstance).forEach((prop) => {
|
|
19833
19744
|
itemWrapper.instance[prop] = tmpInstance[prop];
|
|
19834
19745
|
});
|
|
@@ -21846,10 +21757,6 @@ const MonthCalendarMixin = (superClass) =>
|
|
|
21846
21757
|
value: () => false,
|
|
21847
21758
|
},
|
|
21848
21759
|
|
|
21849
|
-
enteredDate: {
|
|
21850
|
-
type: Date,
|
|
21851
|
-
},
|
|
21852
|
-
|
|
21853
21760
|
disabled: {
|
|
21854
21761
|
type: Boolean,
|
|
21855
21762
|
reflectToAttribute: true,
|
|
@@ -21869,11 +21776,6 @@ const MonthCalendarMixin = (superClass) =>
|
|
|
21869
21776
|
_notTapping: {
|
|
21870
21777
|
type: Boolean,
|
|
21871
21778
|
},
|
|
21872
|
-
|
|
21873
|
-
/** @private */
|
|
21874
|
-
__hasFocus: {
|
|
21875
|
-
type: Boolean,
|
|
21876
|
-
},
|
|
21877
21779
|
};
|
|
21878
21780
|
}
|
|
21879
21781
|
|
|
@@ -21893,12 +21795,6 @@ const MonthCalendarMixin = (superClass) =>
|
|
|
21893
21795
|
addListener(this.$.monthGrid, 'tap', this._handleTap.bind(this));
|
|
21894
21796
|
}
|
|
21895
21797
|
|
|
21896
|
-
/** @override */
|
|
21897
|
-
_setFocused(focused) {
|
|
21898
|
-
super._setFocused(focused);
|
|
21899
|
-
this.__hasFocus = focused;
|
|
21900
|
-
}
|
|
21901
|
-
|
|
21902
21798
|
/**
|
|
21903
21799
|
* Returns true if all the dates in the month are out of the allowed range
|
|
21904
21800
|
* @protected
|
|
@@ -22194,7 +22090,7 @@ class MonthCalendar extends MonthCalendarMixin(ThemableMixin(PolymerElement)) {
|
|
|
22194
22090
|
<template is="dom-repeat" items="[[week]]">
|
|
22195
22091
|
<td
|
|
22196
22092
|
role="gridcell"
|
|
22197
|
-
part$="[[__getDatePart(item, focusedDate, selectedDate, minDate, maxDate, isDateDisabled
|
|
22093
|
+
part$="[[__getDatePart(item, focusedDate, selectedDate, minDate, maxDate, isDateDisabled)]]"
|
|
22198
22094
|
date="[[item]]"
|
|
22199
22095
|
tabindex$="[[__getDayTabindex(item, focusedDate)]]"
|
|
22200
22096
|
disabled$="[[__isDayDisabled(item, minDate, maxDate, isDateDisabled)]]"
|
|
@@ -22252,7 +22148,7 @@ class MonthCalendar extends MonthCalendarMixin(ThemableMixin(PolymerElement)) {
|
|
|
22252
22148
|
|
|
22253
22149
|
/** @private */
|
|
22254
22150
|
// eslint-disable-next-line @typescript-eslint/max-params
|
|
22255
|
-
__getDatePart(date, focusedDate, selectedDate, minDate, maxDate, isDateDisabled
|
|
22151
|
+
__getDatePart(date, focusedDate, selectedDate, minDate, maxDate, isDateDisabled) {
|
|
22256
22152
|
const result = ['date'];
|
|
22257
22153
|
const greaterThanToday = date > normalizeDate(new Date());
|
|
22258
22154
|
const lessThanToday = date < normalizeDate(new Date());
|
|
@@ -22261,7 +22157,7 @@ class MonthCalendar extends MonthCalendarMixin(ThemableMixin(PolymerElement)) {
|
|
|
22261
22157
|
result.push('disabled');
|
|
22262
22158
|
}
|
|
22263
22159
|
|
|
22264
|
-
if (
|
|
22160
|
+
if (this.__isDayFocused(date, focusedDate)) {
|
|
22265
22161
|
result.push('focused');
|
|
22266
22162
|
}
|
|
22267
22163
|
|
|
@@ -22284,6 +22180,11 @@ class MonthCalendar extends MonthCalendarMixin(ThemableMixin(PolymerElement)) {
|
|
|
22284
22180
|
return result.join(' ');
|
|
22285
22181
|
}
|
|
22286
22182
|
|
|
22183
|
+
/** @private */
|
|
22184
|
+
__isDayFocused(date, focusedDate) {
|
|
22185
|
+
return dateEquals(date, focusedDate);
|
|
22186
|
+
}
|
|
22187
|
+
|
|
22287
22188
|
/** @private */
|
|
22288
22189
|
__isDaySelected(date, selectedDate) {
|
|
22289
22190
|
return dateEquals(date, selectedDate);
|
|
@@ -22314,7 +22215,11 @@ class MonthCalendar extends MonthCalendarMixin(ThemableMixin(PolymerElement)) {
|
|
|
22314
22215
|
|
|
22315
22216
|
/** @private */
|
|
22316
22217
|
__getDayTabindex(date, focusedDate) {
|
|
22317
|
-
|
|
22218
|
+
if (this.__isDayFocused(date, focusedDate)) {
|
|
22219
|
+
return '0';
|
|
22220
|
+
}
|
|
22221
|
+
|
|
22222
|
+
return '-1';
|
|
22318
22223
|
}
|
|
22319
22224
|
}
|
|
22320
22225
|
|
|
@@ -22433,7 +22338,6 @@ const DatePickerOverlayContentMixin = (superClass) =>
|
|
|
22433
22338
|
initialPosition: {
|
|
22434
22339
|
type: Object,
|
|
22435
22340
|
observer: '_initialPositionChanged',
|
|
22436
|
-
sync: true,
|
|
22437
22341
|
},
|
|
22438
22342
|
|
|
22439
22343
|
_originDate: {
|
|
@@ -22501,11 +22405,6 @@ const DatePickerOverlayContentMixin = (superClass) =>
|
|
|
22501
22405
|
type: Function,
|
|
22502
22406
|
},
|
|
22503
22407
|
|
|
22504
|
-
enteredDate: {
|
|
22505
|
-
type: Date,
|
|
22506
|
-
sync: true,
|
|
22507
|
-
},
|
|
22508
|
-
|
|
22509
22408
|
/**
|
|
22510
22409
|
* Input label
|
|
22511
22410
|
*/
|
|
@@ -22533,7 +22432,7 @@ const DatePickerOverlayContentMixin = (superClass) =>
|
|
|
22533
22432
|
|
|
22534
22433
|
static get observers() {
|
|
22535
22434
|
return [
|
|
22536
|
-
'__updateCalendars(calendars, i18n, minDate, maxDate, selectedDate, focusedDate, showWeekNumbers, _ignoreTaps, _theme, isDateDisabled
|
|
22435
|
+
'__updateCalendars(calendars, i18n, minDate, maxDate, selectedDate, focusedDate, showWeekNumbers, _ignoreTaps, _theme, isDateDisabled)',
|
|
22537
22436
|
'__updateCancelButton(_cancelButton, i18n)',
|
|
22538
22437
|
'__updateTodayButton(_todayButton, i18n, minDate, maxDate, isDateDisabled)',
|
|
22539
22438
|
'__updateYears(years, selectedDate, _theme)',
|
|
@@ -22721,7 +22620,6 @@ const DatePickerOverlayContentMixin = (superClass) =>
|
|
|
22721
22620
|
ignoreTaps,
|
|
22722
22621
|
theme,
|
|
22723
22622
|
isDateDisabled,
|
|
22724
|
-
enteredDate,
|
|
22725
22623
|
) {
|
|
22726
22624
|
if (calendars && calendars.length) {
|
|
22727
22625
|
calendars.forEach((calendar) => {
|
|
@@ -22733,7 +22631,6 @@ const DatePickerOverlayContentMixin = (superClass) =>
|
|
|
22733
22631
|
calendar.selectedDate = selectedDate;
|
|
22734
22632
|
calendar.showWeekNumbers = showWeekNumbers;
|
|
22735
22633
|
calendar.ignoreTaps = ignoreTaps;
|
|
22736
|
-
calendar.enteredDate = enteredDate;
|
|
22737
22634
|
|
|
22738
22635
|
if (theme) {
|
|
22739
22636
|
calendar.setAttribute('theme', theme);
|
|
@@ -23842,8 +23739,8 @@ const InputConstraintsMixin = dedupingMixin(
|
|
|
23842
23739
|
const isLastConstraintRemoved = this.__previousHasConstraints && !hasConstraints;
|
|
23843
23740
|
|
|
23844
23741
|
if ((this._hasValue || this.invalid) && hasConstraints) {
|
|
23845
|
-
this.
|
|
23846
|
-
} else if (isLastConstraintRemoved
|
|
23742
|
+
this.validate();
|
|
23743
|
+
} else if (isLastConstraintRemoved) {
|
|
23847
23744
|
this._setInvalid(false);
|
|
23848
23745
|
}
|
|
23849
23746
|
|
|
@@ -23861,7 +23758,7 @@ const InputConstraintsMixin = dedupingMixin(
|
|
|
23861
23758
|
_onChange(event) {
|
|
23862
23759
|
event.stopPropagation();
|
|
23863
23760
|
|
|
23864
|
-
this.
|
|
23761
|
+
this.validate();
|
|
23865
23762
|
|
|
23866
23763
|
this.dispatchEvent(
|
|
23867
23764
|
new CustomEvent('change', {
|
|
@@ -24004,6 +23901,30 @@ const InputControlMixin = (superclass) =>
|
|
|
24004
23901
|
}
|
|
24005
23902
|
}
|
|
24006
23903
|
|
|
23904
|
+
/**
|
|
23905
|
+
* Override an event listener inherited from `InputMixin`
|
|
23906
|
+
* to capture native `change` event and make sure that
|
|
23907
|
+
* a new one is dispatched after validation runs.
|
|
23908
|
+
* @param {Event} event
|
|
23909
|
+
* @protected
|
|
23910
|
+
* @override
|
|
23911
|
+
*/
|
|
23912
|
+
_onChange(event) {
|
|
23913
|
+
event.stopPropagation();
|
|
23914
|
+
|
|
23915
|
+
this.validate();
|
|
23916
|
+
|
|
23917
|
+
this.dispatchEvent(
|
|
23918
|
+
new CustomEvent('change', {
|
|
23919
|
+
detail: {
|
|
23920
|
+
sourceEvent: event,
|
|
23921
|
+
},
|
|
23922
|
+
bubbles: event.bubbles,
|
|
23923
|
+
cancelable: event.cancelable,
|
|
23924
|
+
}),
|
|
23925
|
+
);
|
|
23926
|
+
}
|
|
23927
|
+
|
|
24007
23928
|
/**
|
|
24008
23929
|
* Override a method from `InputMixin`.
|
|
24009
23930
|
* @param {!HTMLElement} input
|
|
@@ -24339,62 +24260,6 @@ class VirtualKeyboardController {
|
|
|
24339
24260
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
24340
24261
|
*/
|
|
24341
24262
|
|
|
24342
|
-
const datePickerI18nDefaults = Object.freeze({
|
|
24343
|
-
monthNames: [
|
|
24344
|
-
'January',
|
|
24345
|
-
'February',
|
|
24346
|
-
'March',
|
|
24347
|
-
'April',
|
|
24348
|
-
'May',
|
|
24349
|
-
'June',
|
|
24350
|
-
'July',
|
|
24351
|
-
'August',
|
|
24352
|
-
'September',
|
|
24353
|
-
'October',
|
|
24354
|
-
'November',
|
|
24355
|
-
'December',
|
|
24356
|
-
],
|
|
24357
|
-
weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
|
|
24358
|
-
weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
|
|
24359
|
-
firstDayOfWeek: 0,
|
|
24360
|
-
today: 'Today',
|
|
24361
|
-
cancel: 'Cancel',
|
|
24362
|
-
referenceDate: '',
|
|
24363
|
-
formatDate(d) {
|
|
24364
|
-
const yearStr = String(d.year).replace(/\d+/u, (y) => '0000'.substr(y.length) + y);
|
|
24365
|
-
return [d.month + 1, d.day, yearStr].join('/');
|
|
24366
|
-
},
|
|
24367
|
-
parseDate(text) {
|
|
24368
|
-
const parts = text.split('/');
|
|
24369
|
-
const today = new Date();
|
|
24370
|
-
let date,
|
|
24371
|
-
month = today.getMonth(),
|
|
24372
|
-
year = today.getFullYear();
|
|
24373
|
-
|
|
24374
|
-
if (parts.length === 3) {
|
|
24375
|
-
month = parseInt(parts[0]) - 1;
|
|
24376
|
-
date = parseInt(parts[1]);
|
|
24377
|
-
year = parseInt(parts[2]);
|
|
24378
|
-
if (parts[2].length < 3 && year >= 0) {
|
|
24379
|
-
const usedReferenceDate = this.referenceDate ? parseDate(this.referenceDate) : new Date();
|
|
24380
|
-
year = getAdjustedYear(usedReferenceDate, year, month, date);
|
|
24381
|
-
}
|
|
24382
|
-
} else if (parts.length === 2) {
|
|
24383
|
-
month = parseInt(parts[0]) - 1;
|
|
24384
|
-
date = parseInt(parts[1]);
|
|
24385
|
-
} else if (parts.length === 1) {
|
|
24386
|
-
date = parseInt(parts[0]);
|
|
24387
|
-
}
|
|
24388
|
-
|
|
24389
|
-
if (date !== undefined) {
|
|
24390
|
-
return { day: date, month, year };
|
|
24391
|
-
}
|
|
24392
|
-
},
|
|
24393
|
-
formatTitle: (monthName, fullYear) => {
|
|
24394
|
-
return `${monthName} ${fullYear}`;
|
|
24395
|
-
},
|
|
24396
|
-
});
|
|
24397
|
-
|
|
24398
24263
|
/**
|
|
24399
24264
|
* @polymerMixin
|
|
24400
24265
|
* @mixes ControllerMixin
|
|
@@ -24468,10 +24333,7 @@ const DatePickerMixin = (subclass) =>
|
|
|
24468
24333
|
* Set true to prevent the overlay from opening automatically.
|
|
24469
24334
|
* @attr {boolean} auto-open-disabled
|
|
24470
24335
|
*/
|
|
24471
|
-
autoOpenDisabled:
|
|
24472
|
-
type: Boolean,
|
|
24473
|
-
sync: true,
|
|
24474
|
-
},
|
|
24336
|
+
autoOpenDisabled: Boolean,
|
|
24475
24337
|
|
|
24476
24338
|
/**
|
|
24477
24339
|
* Set true to display ISO-8601 week numbers in the calendar. Notice that
|
|
@@ -24592,7 +24454,63 @@ const DatePickerMixin = (subclass) =>
|
|
|
24592
24454
|
i18n: {
|
|
24593
24455
|
type: Object,
|
|
24594
24456
|
sync: true,
|
|
24595
|
-
value: () =>
|
|
24457
|
+
value: () => {
|
|
24458
|
+
return {
|
|
24459
|
+
monthNames: [
|
|
24460
|
+
'January',
|
|
24461
|
+
'February',
|
|
24462
|
+
'March',
|
|
24463
|
+
'April',
|
|
24464
|
+
'May',
|
|
24465
|
+
'June',
|
|
24466
|
+
'July',
|
|
24467
|
+
'August',
|
|
24468
|
+
'September',
|
|
24469
|
+
'October',
|
|
24470
|
+
'November',
|
|
24471
|
+
'December',
|
|
24472
|
+
],
|
|
24473
|
+
weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
|
|
24474
|
+
weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
|
|
24475
|
+
firstDayOfWeek: 0,
|
|
24476
|
+
today: 'Today',
|
|
24477
|
+
cancel: 'Cancel',
|
|
24478
|
+
referenceDate: '',
|
|
24479
|
+
formatDate(d) {
|
|
24480
|
+
const yearStr = String(d.year).replace(/\d+/u, (y) => '0000'.substr(y.length) + y);
|
|
24481
|
+
return [d.month + 1, d.day, yearStr].join('/');
|
|
24482
|
+
},
|
|
24483
|
+
parseDate(text) {
|
|
24484
|
+
const parts = text.split('/');
|
|
24485
|
+
const today = new Date();
|
|
24486
|
+
let date,
|
|
24487
|
+
month = today.getMonth(),
|
|
24488
|
+
year = today.getFullYear();
|
|
24489
|
+
|
|
24490
|
+
if (parts.length === 3) {
|
|
24491
|
+
month = parseInt(parts[0]) - 1;
|
|
24492
|
+
date = parseInt(parts[1]);
|
|
24493
|
+
year = parseInt(parts[2]);
|
|
24494
|
+
if (parts[2].length < 3 && year >= 0) {
|
|
24495
|
+
const usedReferenceDate = this.referenceDate ? parseDate(this.referenceDate) : new Date();
|
|
24496
|
+
year = getAdjustedYear(usedReferenceDate, year, month, date);
|
|
24497
|
+
}
|
|
24498
|
+
} else if (parts.length === 2) {
|
|
24499
|
+
month = parseInt(parts[0]) - 1;
|
|
24500
|
+
date = parseInt(parts[1]);
|
|
24501
|
+
} else if (parts.length === 1) {
|
|
24502
|
+
date = parseInt(parts[0]);
|
|
24503
|
+
}
|
|
24504
|
+
|
|
24505
|
+
if (date !== undefined) {
|
|
24506
|
+
return { day: date, month, year };
|
|
24507
|
+
}
|
|
24508
|
+
},
|
|
24509
|
+
formatTitle: (monthName, fullYear) => {
|
|
24510
|
+
return `${monthName} ${fullYear}`;
|
|
24511
|
+
},
|
|
24512
|
+
};
|
|
24513
|
+
},
|
|
24596
24514
|
},
|
|
24597
24515
|
|
|
24598
24516
|
/**
|
|
@@ -24677,10 +24595,18 @@ const DatePickerMixin = (subclass) =>
|
|
|
24677
24595
|
sync: true,
|
|
24678
24596
|
},
|
|
24679
24597
|
|
|
24680
|
-
/**
|
|
24681
|
-
|
|
24682
|
-
|
|
24683
|
-
|
|
24598
|
+
/**
|
|
24599
|
+
* In date-picker, unlike other components extending `InputMixin`,
|
|
24600
|
+
* the property indicates true only if the input has been entered by the user.
|
|
24601
|
+
* In the case of programmatic changes, the property is reset to false.
|
|
24602
|
+
* Read more about why this workaround is needed:
|
|
24603
|
+
* https://github.com/vaadin/web-components/issues/5639
|
|
24604
|
+
*
|
|
24605
|
+
* @protected
|
|
24606
|
+
* @override
|
|
24607
|
+
*/
|
|
24608
|
+
_hasInputValue: {
|
|
24609
|
+
type: Boolean,
|
|
24684
24610
|
},
|
|
24685
24611
|
};
|
|
24686
24612
|
}
|
|
@@ -24689,7 +24615,7 @@ const DatePickerMixin = (subclass) =>
|
|
|
24689
24615
|
return [
|
|
24690
24616
|
'_selectedDateChanged(_selectedDate, i18n)',
|
|
24691
24617
|
'_focusedDateChanged(_focusedDate, i18n)',
|
|
24692
|
-
'__updateOverlayContent(_overlayContent, i18n, label, _minDate, _maxDate, _focusedDate, _selectedDate, showWeekNumbers, isDateDisabled
|
|
24618
|
+
'__updateOverlayContent(_overlayContent, i18n, label, _minDate, _maxDate, _focusedDate, _selectedDate, showWeekNumbers, isDateDisabled)',
|
|
24693
24619
|
'__updateOverlayContentTheme(_overlayContent, _theme)',
|
|
24694
24620
|
'__updateOverlayContentFullScreen(_overlayContent, _fullscreen)',
|
|
24695
24621
|
];
|
|
@@ -24707,17 +24633,28 @@ const DatePickerMixin = (subclass) =>
|
|
|
24707
24633
|
this._boundOverlayRenderer = this._overlayRenderer.bind(this);
|
|
24708
24634
|
}
|
|
24709
24635
|
|
|
24710
|
-
/**
|
|
24636
|
+
/**
|
|
24637
|
+
* @override
|
|
24638
|
+
* @protected
|
|
24639
|
+
*/
|
|
24711
24640
|
get _inputElementValue() {
|
|
24712
24641
|
return super._inputElementValue;
|
|
24713
24642
|
}
|
|
24714
24643
|
|
|
24715
|
-
/**
|
|
24644
|
+
/**
|
|
24645
|
+
* The setter is overridden to reset the `_hasInputValue` property
|
|
24646
|
+
* to false when the input element's value is updated programmatically.
|
|
24647
|
+
* In date-picker, `_hasInputValue` is supposed to indicate true only
|
|
24648
|
+
* if the input has been entered by the user.
|
|
24649
|
+
* Read more about why this workaround is needed:
|
|
24650
|
+
* https://github.com/vaadin/web-components/issues/5639
|
|
24651
|
+
*
|
|
24652
|
+
* @override
|
|
24653
|
+
* @protected
|
|
24654
|
+
*/
|
|
24716
24655
|
set _inputElementValue(value) {
|
|
24717
24656
|
super._inputElementValue = value;
|
|
24718
|
-
|
|
24719
|
-
const parsedDate = this.__parseDate(value);
|
|
24720
|
-
this.__setEnteredDate(parsedDate);
|
|
24657
|
+
this._hasInputValue = false;
|
|
24721
24658
|
}
|
|
24722
24659
|
|
|
24723
24660
|
/**
|
|
@@ -24779,7 +24716,7 @@ const DatePickerMixin = (subclass) =>
|
|
|
24779
24716
|
// Do not validate when focusout is caused by document
|
|
24780
24717
|
// losing focus, which happens on browser tab switch.
|
|
24781
24718
|
if (document.hasFocus()) {
|
|
24782
|
-
this.
|
|
24719
|
+
this.validate();
|
|
24783
24720
|
}
|
|
24784
24721
|
}
|
|
24785
24722
|
}
|
|
@@ -24924,8 +24861,13 @@ const DatePickerMixin = (subclass) =>
|
|
|
24924
24861
|
!this._selectedDate || dateAllowed(this._selectedDate, this._minDate, this._maxDate, this.isDateDisabled);
|
|
24925
24862
|
|
|
24926
24863
|
let inputValidity = true;
|
|
24927
|
-
if (this.inputElement
|
|
24928
|
-
|
|
24864
|
+
if (this.inputElement) {
|
|
24865
|
+
if (this.inputElement.checkValidity) {
|
|
24866
|
+
inputValidity = this.inputElement.checkValidity();
|
|
24867
|
+
} else if (this.inputElement.validate) {
|
|
24868
|
+
// Iron-form-elements have the validate API
|
|
24869
|
+
inputValidity = this.inputElement.validate();
|
|
24870
|
+
}
|
|
24929
24871
|
}
|
|
24930
24872
|
|
|
24931
24873
|
return inputValid && isDateValid && inputValidity;
|
|
@@ -25012,10 +24954,10 @@ const DatePickerMixin = (subclass) =>
|
|
|
25012
24954
|
const unparsableValue = this.__unparsableValue;
|
|
25013
24955
|
|
|
25014
24956
|
if (this.__committedValue !== this.value) {
|
|
25015
|
-
this.
|
|
24957
|
+
this.validate();
|
|
25016
24958
|
this.dispatchEvent(new CustomEvent('change', { bubbles: true }));
|
|
25017
24959
|
} else if (this.__committedUnparsableValue !== unparsableValue) {
|
|
25018
|
-
this.
|
|
24960
|
+
this.validate();
|
|
25019
24961
|
this.dispatchEvent(new CustomEvent('unparsable-change'));
|
|
25020
24962
|
}
|
|
25021
24963
|
|
|
@@ -25144,7 +25086,7 @@ const DatePickerMixin = (subclass) =>
|
|
|
25144
25086
|
|
|
25145
25087
|
if (oldValue !== undefined) {
|
|
25146
25088
|
// Validate only if `value` changes after initialization.
|
|
25147
|
-
this.
|
|
25089
|
+
this.validate();
|
|
25148
25090
|
}
|
|
25149
25091
|
}
|
|
25150
25092
|
} else {
|
|
@@ -25171,7 +25113,6 @@ const DatePickerMixin = (subclass) =>
|
|
|
25171
25113
|
selectedDate,
|
|
25172
25114
|
showWeekNumbers,
|
|
25173
25115
|
isDateDisabled,
|
|
25174
|
-
enteredDate,
|
|
25175
25116
|
) {
|
|
25176
25117
|
if (overlayContent) {
|
|
25177
25118
|
overlayContent.i18n = i18n;
|
|
@@ -25182,7 +25123,6 @@ const DatePickerMixin = (subclass) =>
|
|
|
25182
25123
|
overlayContent.selectedDate = selectedDate;
|
|
25183
25124
|
overlayContent.showWeekNumbers = showWeekNumbers;
|
|
25184
25125
|
overlayContent.isDateDisabled = isDateDisabled;
|
|
25185
|
-
overlayContent.enteredDate = enteredDate;
|
|
25186
25126
|
}
|
|
25187
25127
|
}
|
|
25188
25128
|
|
|
@@ -25312,7 +25252,7 @@ const DatePickerMixin = (subclass) =>
|
|
|
25312
25252
|
// Needed in case the value was not changed: open and close dropdown,
|
|
25313
25253
|
// especially on outside click. On Esc key press, do not validate.
|
|
25314
25254
|
if (!this.value && !this._keyboardActive) {
|
|
25315
|
-
this.
|
|
25255
|
+
this.validate();
|
|
25316
25256
|
}
|
|
25317
25257
|
}
|
|
25318
25258
|
|
|
@@ -25504,32 +25444,15 @@ const DatePickerMixin = (subclass) =>
|
|
|
25504
25444
|
this.open();
|
|
25505
25445
|
}
|
|
25506
25446
|
|
|
25507
|
-
|
|
25508
|
-
|
|
25509
|
-
|
|
25510
|
-
|
|
25511
|
-
this._focusedDate
|
|
25512
|
-
|
|
25513
|
-
|
|
25514
|
-
|
|
25515
|
-
|
|
25516
|
-
this.__setEnteredDate(parsedDate);
|
|
25517
|
-
}
|
|
25518
|
-
|
|
25519
|
-
/**
|
|
25520
|
-
* @param {Date} date
|
|
25521
|
-
* @private
|
|
25522
|
-
*/
|
|
25523
|
-
__setEnteredDate(date) {
|
|
25524
|
-
if (date) {
|
|
25525
|
-
if (!dateEquals(this.__enteredDate, date)) {
|
|
25526
|
-
this.__enteredDate = date;
|
|
25447
|
+
if (this._inputElementValue) {
|
|
25448
|
+
const parsedDate = this.__parseDate(this._inputElementValue);
|
|
25449
|
+
if (parsedDate) {
|
|
25450
|
+
this._ignoreFocusedDateChange = true;
|
|
25451
|
+
if (!dateEquals(parsedDate, this._focusedDate)) {
|
|
25452
|
+
this._focusedDate = parsedDate;
|
|
25453
|
+
}
|
|
25454
|
+
this._ignoreFocusedDateChange = false;
|
|
25527
25455
|
}
|
|
25528
|
-
} else if (this.__enteredDate != null) {
|
|
25529
|
-
// Do not override initial undefined value with null
|
|
25530
|
-
// to avoid triggering a Lit update that can cause
|
|
25531
|
-
// other scheduled properties to flush too early.
|
|
25532
|
-
this.__enteredDate = null;
|
|
25533
25456
|
}
|
|
25534
25457
|
}
|
|
25535
25458
|
|
|
@@ -25813,7 +25736,6 @@ class DatePicker extends DatePickerMixin(InputControlMixin(ThemableMixin(Element
|
|
|
25813
25736
|
|
|
25814
25737
|
/** @private */
|
|
25815
25738
|
_onVaadinOverlayClose(e) {
|
|
25816
|
-
// Prevent closing the overlay on label element click
|
|
25817
25739
|
if (e.detail.sourceEvent && e.detail.sourceEvent.composedPath().includes(this)) {
|
|
25818
25740
|
e.preventDefault();
|
|
25819
25741
|
}
|
|
@@ -30949,6 +30871,10 @@ const DateInput = class {
|
|
|
30949
30871
|
this.stylingContainer.prepend(sheet);
|
|
30950
30872
|
};
|
|
30951
30873
|
}
|
|
30874
|
+
handleStylingChange(newValue, oldValue) {
|
|
30875
|
+
if (newValue !== oldValue)
|
|
30876
|
+
this.setClientStyling();
|
|
30877
|
+
}
|
|
30952
30878
|
validityChanged() {
|
|
30953
30879
|
this.validityStateHandler({ valid: this.isValid, name: this.name });
|
|
30954
30880
|
if (this.emitValue == true) {
|
|
@@ -31045,11 +30971,12 @@ const DateInput = class {
|
|
|
31045
30971
|
if (this.touched) {
|
|
31046
30972
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
31047
30973
|
}
|
|
31048
|
-
return index.h("div", { key: '
|
|
31049
|
-
index.h("img", { key: '
|
|
30974
|
+
return index.h("div", { key: 'ad6360e0afb065a91f860574f5e3c08f5bdb2534', class: `date__wrapper ${this.autofilled ? 'date__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("label", { key: '3e8d26e0c8ae0983997b84e95cb34887df1f5fe5', class: `date__label ${this.validation.mandatory ? 'date__label--required' : ''}}`, htmlFor: `${this.name}__input` }, this.displayName, " ", this.validation.mandatory ? '*' : ''), index.h("vaadin-date-picker", { key: '62ee430506c2ab1a5ebb632d72e84ef905296888', id: `${this.name}__input`, type: 'date', class: `date__input ${invalidClass}`, value: this.defaultValue, readOnly: this.autofilled, placeholder: `${this.placeholder}`, required: this.validation.mandatory, max: this.validation.max, min: this.validation.min, onChange: (e) => this.handleInput(e), onBlur: this.handleBlur }), index.h("small", { key: '6b7c0e9c3437b484bd534060f93ad4fcd9eaeb60', class: 'date__error-message' }, this.errorMessage), this.tooltip &&
|
|
30975
|
+
index.h("img", { key: '6479b29563710abfe1be584c9de110fafe69ca3d', class: 'date__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip());
|
|
31050
30976
|
}
|
|
31051
30977
|
get element() { return index.getElement(this); }
|
|
31052
30978
|
static get watchers() { return {
|
|
30979
|
+
"clientStyling": ["handleStylingChange"],
|
|
31053
30980
|
"isValid": ["validityChanged"],
|
|
31054
30981
|
"emitValue": ["emitValueHandler"]
|
|
31055
30982
|
}; }
|
|
@@ -31095,6 +31022,10 @@ const EmailInput = class {
|
|
|
31095
31022
|
this.stylingContainer.prepend(sheet);
|
|
31096
31023
|
};
|
|
31097
31024
|
}
|
|
31025
|
+
handleStylingChange(newValue, oldValue) {
|
|
31026
|
+
if (newValue !== oldValue)
|
|
31027
|
+
this.setClientStyling();
|
|
31028
|
+
}
|
|
31098
31029
|
validityChanged() {
|
|
31099
31030
|
this.validityStateHandler({ valid: this.isValid, name: this.name });
|
|
31100
31031
|
if (this.emitValue == true) {
|
|
@@ -31183,10 +31114,11 @@ const EmailInput = class {
|
|
|
31183
31114
|
if (this.touched) {
|
|
31184
31115
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
31185
31116
|
}
|
|
31186
|
-
return index.h("div", { key: '
|
|
31187
|
-
index.h("img", { key: '
|
|
31117
|
+
return index.h("div", { key: 'a46093cfafc840d2fd563ee9676ccd2f16fb1620', class: `email__wrapper ${this.autofilled ? 'number__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: '2eab4a96efc36cdb94e9f92b2a161e208f0ebcd4', class: 'email__wrapper--flex' }, index.h("label", { key: 'f5ed857f61ea6763c5fe88590732258b4dedac1b', class: `email__label ${this.validation.mandatory ? 'email__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: '58cadc7857cd91dec968852be71e0108f55fbda7', class: 'email__wrapper--relative' }, this.tooltip &&
|
|
31118
|
+
index.h("img", { key: '03009d036fde1c36b9348ac45cefa3389194260c', class: 'email__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("input", { key: 'b2a9fd96ed301df5f1d7cf6f5a2a5b52f96ab189', id: `${this.name}__input`, type: 'email', class: `email__input ${invalidClass}`, value: this.defaultValue, readOnly: this.autofilled, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, pattern: this.validationPattern, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), index.h("small", { key: 'edb17f53141a3406bfc657f80098b914044a8894', class: 'email__error-message' }, this.errorMessage));
|
|
31188
31119
|
}
|
|
31189
31120
|
static get watchers() { return {
|
|
31121
|
+
"clientStyling": ["handleStylingChange"],
|
|
31190
31122
|
"isValid": ["validityChanged"],
|
|
31191
31123
|
"emitValue": ["emitValueHandler"]
|
|
31192
31124
|
}; }
|
|
@@ -37668,8 +37600,8 @@ function Ii(e, t, r) {
|
|
|
37668
37600
|
33554433 && p && i && (lr(), cr()), e.$$.dirty[0] & /*session*/
|
|
37669
37601
|
1 && (i || ur()), e.$$.dirty[0] & /*clientstyling, customStylingContainer*/
|
|
37670
37602
|
34 && s && f && ft$1(f, s), e.$$.dirty[0] & /*clientstylingurl, customStylingContainer*/
|
|
37671
|
-
36 && h && f && dt$1(f, h), e.$$.dirty[0] & /*
|
|
37672
|
-
40 &&
|
|
37603
|
+
36 && h && f && dt$1(f, h), e.$$.dirty[0] & /*customStylingContainer, mbsource*/
|
|
37604
|
+
40 && f && at$1(f, `${u}.Style`), e.$$.dirty[0] & /*lang*/
|
|
37673
37605
|
4194304 && l && ar(), e.$$.dirty[0] & /*translationurl*/
|
|
37674
37606
|
8388608 && m && sr();
|
|
37675
37607
|
}, [
|
|
@@ -38468,6 +38400,10 @@ const NumberInput = class {
|
|
|
38468
38400
|
this.stylingContainer.prepend(sheet);
|
|
38469
38401
|
};
|
|
38470
38402
|
}
|
|
38403
|
+
handleStylingChange(newValue, oldValue) {
|
|
38404
|
+
if (newValue !== oldValue)
|
|
38405
|
+
this.setClientStyling();
|
|
38406
|
+
}
|
|
38471
38407
|
validityChanged() {
|
|
38472
38408
|
this.validityStateHandler({ valid: this.isValid, name: this.name });
|
|
38473
38409
|
if (this.emitValue == true) {
|
|
@@ -38544,10 +38480,11 @@ const NumberInput = class {
|
|
|
38544
38480
|
if (this.touched) {
|
|
38545
38481
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
38546
38482
|
}
|
|
38547
|
-
return index.h("div", { key: '
|
|
38548
|
-
index.h("img", { key: '
|
|
38483
|
+
return index.h("div", { key: '841265bba6b75cc61a0eac1450c3f5aa5f917a2e', class: `number__wrapper ${this.autofilled ? 'number__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: '645c7817cf5a0bdc352de9d8c0698fde235aa6d3', class: 'number__wrapper--flex' }, index.h("label", { key: '3343cbbb8482b71cd152161a8d422f318f07f3fe', class: `number__label ${this.validation.mandatory ? 'number__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: '1f3341b2127095870610fc0e0b4b5d220c5d2e2c', class: 'number__wrapper--relative' }, this.tooltip &&
|
|
38484
|
+
index.h("img", { key: '8bbe2fe9f62347cbcd37b753d4a1b0718dc39091', class: 'number__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("input", { key: '100401abdc33069f34e27e0807c9f31ddf7e42ec', ref: (el) => this.inputReference = el, type: "number", value: this.defaultValue, readOnly: this.autofilled, id: `${this.name}__input`, class: `number__input ${invalidClass}`, pattern: this.validationPattern, placeholder: `${this.placeholder}`, required: this.validation.mandatory, max: this.validation.max, min: this.validation.min, onInput: this.handleInput, onBlur: this.handleBlur }), index.h("small", { key: 'db1e0043bb9b6de2ad8e18f49f96152b9451b93c', class: 'number__error-message' }, this.errorMessage));
|
|
38549
38485
|
}
|
|
38550
38486
|
static get watchers() { return {
|
|
38487
|
+
"clientStyling": ["handleStylingChange"],
|
|
38551
38488
|
"isValid": ["validityChanged"],
|
|
38552
38489
|
"emitValue": ["emitValueHandler"]
|
|
38553
38490
|
}; }
|
|
@@ -38662,7 +38599,7 @@ const InputFieldMixin = (superclass) =>
|
|
|
38662
38599
|
// Do not validate when focusout is caused by document
|
|
38663
38600
|
// losing focus, which happens on browser tab switch.
|
|
38664
38601
|
if (!focused && document.hasFocus()) {
|
|
38665
|
-
this.
|
|
38602
|
+
this.validate();
|
|
38666
38603
|
}
|
|
38667
38604
|
}
|
|
38668
38605
|
|
|
@@ -38677,7 +38614,7 @@ const InputFieldMixin = (superclass) =>
|
|
|
38677
38614
|
super._onInput(event);
|
|
38678
38615
|
|
|
38679
38616
|
if (this.invalid) {
|
|
38680
|
-
this.
|
|
38617
|
+
this.validate();
|
|
38681
38618
|
}
|
|
38682
38619
|
}
|
|
38683
38620
|
|
|
@@ -38698,7 +38635,7 @@ const InputFieldMixin = (superclass) =>
|
|
|
38698
38635
|
}
|
|
38699
38636
|
|
|
38700
38637
|
if (this.invalid) {
|
|
38701
|
-
this.
|
|
38638
|
+
this.validate();
|
|
38702
38639
|
}
|
|
38703
38640
|
}
|
|
38704
38641
|
};
|
|
@@ -38892,6 +38829,24 @@ class TextField extends TextFieldMixin(ThemableMixin(ElementMixin(PolymerElement
|
|
|
38892
38829
|
`;
|
|
38893
38830
|
}
|
|
38894
38831
|
|
|
38832
|
+
static get properties() {
|
|
38833
|
+
return {
|
|
38834
|
+
/**
|
|
38835
|
+
* Maximum number of characters (in Unicode code points) that the user can enter.
|
|
38836
|
+
*/
|
|
38837
|
+
maxlength: {
|
|
38838
|
+
type: Number,
|
|
38839
|
+
},
|
|
38840
|
+
|
|
38841
|
+
/**
|
|
38842
|
+
* Minimum number of characters (in Unicode code points) that the user can enter.
|
|
38843
|
+
*/
|
|
38844
|
+
minlength: {
|
|
38845
|
+
type: Number,
|
|
38846
|
+
},
|
|
38847
|
+
};
|
|
38848
|
+
}
|
|
38849
|
+
|
|
38895
38850
|
/** @protected */
|
|
38896
38851
|
ready() {
|
|
38897
38852
|
super.ready();
|
|
@@ -39382,6 +39337,10 @@ const PasswordInput = class {
|
|
|
39382
39337
|
this.stylingContainer.prepend(sheet);
|
|
39383
39338
|
};
|
|
39384
39339
|
}
|
|
39340
|
+
handleStylingChange(newValue, oldValue) {
|
|
39341
|
+
if (newValue !== oldValue)
|
|
39342
|
+
this.setClientStyling();
|
|
39343
|
+
}
|
|
39385
39344
|
validityChanged() {
|
|
39386
39345
|
this.validityStateHandler({ valid: this.isValid, name: this.name });
|
|
39387
39346
|
if (this.emitValue == true) {
|
|
@@ -39540,11 +39499,12 @@ const PasswordInput = class {
|
|
|
39540
39499
|
if (this.touched) {
|
|
39541
39500
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
39542
39501
|
}
|
|
39543
|
-
return index.h("div", { key: '
|
|
39544
|
-
index.h("img", { key: '
|
|
39502
|
+
return index.h("div", { key: '36d21c63dcd15b6de2d2de417ce97b520493cd16', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: '3de600f4ccbf2ffe7a8a8858e9d5a483701dd4d7', class: 'password__wrapper--flex' }, index.h("label", { key: '74fee343f4d6adbbb22e88c5d51d3a471979d42e', class: `password__label ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: 'd1f30d776c5612b1a5581859b929bee171105bf5', class: 'password__wrapper--relative' }, this.tooltip &&
|
|
39503
|
+
index.h("img", { key: '932201990b5fa67f448d4ab8ca7f844f757d5e47', class: 'password__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("vaadin-password-field", { key: '83f00cb4452b60fd883efcd742d6eb463a8fc729', type: "password", id: `${this.name}__input`, class: `password__input ${invalidClass}`, name: this.name, readOnly: this.autofilled, value: this.defaultValue, required: this.validation.mandatory, maxlength: this.validation.maxLength, minlength: this.validation.minLength, pattern: this.validationPattern, placeholder: `${this.placeholder}`, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), index.h("small", { key: '0f6f7ba5e9ec6f492f22a46ac77c7977f7a8e835', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.isDuplicateInput && this.renderComplexityPopup());
|
|
39545
39504
|
}
|
|
39546
39505
|
get element() { return index.getElement(this); }
|
|
39547
39506
|
static get watchers() { return {
|
|
39507
|
+
"clientStyling": ["handleStylingChange"],
|
|
39548
39508
|
"isValid": ["validityChanged"],
|
|
39549
39509
|
"value": ["valueChanged"],
|
|
39550
39510
|
"emitValue": ["emitValueHandler"]
|
|
@@ -39572,6 +39532,10 @@ const RadioInput = class {
|
|
|
39572
39532
|
this.stylingContainer.prepend(sheet);
|
|
39573
39533
|
};
|
|
39574
39534
|
}
|
|
39535
|
+
handleStylingChange(newValue, oldValue) {
|
|
39536
|
+
if (newValue !== oldValue)
|
|
39537
|
+
this.setClientStyling();
|
|
39538
|
+
}
|
|
39575
39539
|
validityChanged() {
|
|
39576
39540
|
this.validityStateHandler({ valid: this.isValid, name: this.name });
|
|
39577
39541
|
if (this.emitValue == true) {
|
|
@@ -39625,10 +39589,11 @@ const RadioInput = class {
|
|
|
39625
39589
|
return null;
|
|
39626
39590
|
}
|
|
39627
39591
|
render() {
|
|
39628
|
-
return index.h("fieldset", { key: '
|
|
39629
|
-
index.h("img", { key: '
|
|
39592
|
+
return index.h("fieldset", { key: '29ff8fcc910622397750532629ac0c202c9726ba', class: `radio__fieldset ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("legend", { key: 'cdab5b331863f3d31aab50c1d95b5a8845d53329', class: 'radio__legend' }, this.displayName, ":"), this.optionsGroup.map(option => index.h("div", { class: 'radio__wrapper' }, index.h("input", { type: "radio", class: 'radio__input', id: `${option.label}__input`, ref: (el) => this.inputReference = el, value: option.value, name: this.name, required: this.validation.mandatory, onClick: (e) => this.handleClick(e) }), index.h("label", { htmlFor: `${option.label}__input` }, option.label))), index.h("small", { key: 'bd6cd89510e7ace1348b391f3ce9ba334a03e695', class: 'radio__error-message' }, this.errorMessage), this.tooltip &&
|
|
39593
|
+
index.h("img", { key: '27036c51c89612dbb87e5248355d3a5466c49705', class: 'radio__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip());
|
|
39630
39594
|
}
|
|
39631
39595
|
static get watchers() { return {
|
|
39596
|
+
"clientStyling": ["handleStylingChange"],
|
|
39632
39597
|
"isValid": ["validityChanged"],
|
|
39633
39598
|
"emitValue": ["emitValueHandler"]
|
|
39634
39599
|
}; }
|
|
@@ -43914,7 +43879,6 @@ const ComboBoxMixin = (subclass) =>
|
|
|
43914
43879
|
/**
|
|
43915
43880
|
* Override LitElement lifecycle callback to handle filter property change.
|
|
43916
43881
|
* @param {Object} props
|
|
43917
|
-
* @protected
|
|
43918
43882
|
*/
|
|
43919
43883
|
updated(props) {
|
|
43920
43884
|
super.updated(props);
|
|
@@ -44636,7 +44600,7 @@ const ComboBoxMixin = (subclass) =>
|
|
|
44636
44600
|
// Do not validate when focusout is caused by document
|
|
44637
44601
|
// losing focus, which happens on browser tab switch.
|
|
44638
44602
|
if (document.hasFocus()) {
|
|
44639
|
-
this.
|
|
44603
|
+
this.validate();
|
|
44640
44604
|
}
|
|
44641
44605
|
|
|
44642
44606
|
if (this.value !== this._lastCommittedValue) {
|
|
@@ -45229,6 +45193,10 @@ const SelectInput = class {
|
|
|
45229
45193
|
this.stylingContainer.prepend(sheet);
|
|
45230
45194
|
};
|
|
45231
45195
|
}
|
|
45196
|
+
handleStylingChange(newValue, oldValue) {
|
|
45197
|
+
if (newValue !== oldValue)
|
|
45198
|
+
this.setClientStyling();
|
|
45199
|
+
}
|
|
45232
45200
|
validityChanged() {
|
|
45233
45201
|
this.validityStateHandler({ valid: this.isValid, name: this.name });
|
|
45234
45202
|
if (this.emitValue == true) {
|
|
@@ -45320,11 +45288,12 @@ const SelectInput = class {
|
|
|
45320
45288
|
if (this.touched) {
|
|
45321
45289
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
45322
45290
|
}
|
|
45323
|
-
return index.h("div", { key: '
|
|
45324
|
-
index.h("img", { key: '
|
|
45291
|
+
return index.h("div", { key: 'f02c73635c87a1937f4718c9de8df3aae8397815', class: `select__wrapper ${this.autofilled ? 'select__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: '26bf79a073dd4c84570e380b1f36bfe848fec568', class: 'select__wrapper--flex' }, index.h("label", { key: '6eaafabe58a2dd4e1604ac2e3d55d001e2c4bc7c', class: 'select__label', htmlFor: `${this.name}__input` }, `${this.displayName} ${this.validation.mandatory ? '*' : ''}`), index.h("div", { key: 'a1de9c4bd3dd4158b26004c6df9dca5915f73978', class: 'select__wrapper--relative' }, this.tooltip &&
|
|
45292
|
+
index.h("img", { key: '5cb869c82f53a463c91cd060fad5520d2fbc3d0d', class: 'select__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("vaadin-combo-box", { key: '2e94c1faa107657034a98d70b1e98d5c5ab5caa5', name: this.name, id: `${this.name}__input`, class: `select__input ${invalidClass} ${this.autofilled ? 'select__input--autofilled' : ''}`, "item-label-path": "label", "item-value-path": "value", readOnly: this.autofilled, required: this.validation.mandatory, value: this.defaultValue, placeholder: `${this.placeholder}`, items: this.displayedOptions, onChange: this.handleChange, onBlur: this.handleBlur }), index.h("small", { key: '2c8162576d30265ea49cdc6d99071f614d833d7e', class: 'select__error-message' }, this.errorMessage));
|
|
45325
45293
|
}
|
|
45326
45294
|
get element() { return index.getElement(this); }
|
|
45327
45295
|
static get watchers() { return {
|
|
45296
|
+
"clientStyling": ["handleStylingChange"],
|
|
45328
45297
|
"isValid": ["validityChanged"],
|
|
45329
45298
|
"emitValue": ["emitValueHandler"]
|
|
45330
45299
|
}; }
|
|
@@ -45371,6 +45340,10 @@ const TelInput = class {
|
|
|
45371
45340
|
this.stylingContainer.prepend(sheet);
|
|
45372
45341
|
};
|
|
45373
45342
|
}
|
|
45343
|
+
handleStylingChange(newValue, oldValue) {
|
|
45344
|
+
if (newValue !== oldValue)
|
|
45345
|
+
this.setClientStyling();
|
|
45346
|
+
}
|
|
45374
45347
|
validityChanged() {
|
|
45375
45348
|
this.validityStateHandler({ valid: this.isValid, name: this.name });
|
|
45376
45349
|
if (this.emitValue == true) {
|
|
@@ -45481,10 +45454,11 @@ const TelInput = class {
|
|
|
45481
45454
|
if (this.touched) {
|
|
45482
45455
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
45483
45456
|
}
|
|
45484
|
-
return index.h("div", { key: '
|
|
45485
|
-
index.h("img", { key: '
|
|
45457
|
+
return index.h("div", { key: 'f0f70d8568ba083ee19f9e73e5921104f599e15f', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: '8da9e1c2a6b3ca19caff07540f0218266de22bb2', class: 'tel__wrapper--flex-label' }, index.h("label", { key: 'd0d90bc96e3ea853f401bae9be3f033d4cfd9b17', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: 'fdf7929f51edcbea8568b35804b0d9e9a93a7249', class: 'tel__wrapper--relative' }, this.tooltip &&
|
|
45458
|
+
index.h("img", { key: '0fbc9b5e8c5feef727caa71ef07d4ae80007e04a', class: 'tel__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("div", { key: 'b4a11808a7ae5e5cddce47b51a51003bce3a84f8', class: `tel__wrapper--flex ${invalidClass}` }, index.h("vaadin-combo-box", { key: '2d81ff4c11e559f302a8446816f4aca0de2cfcef', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.autofilled, onChange: (e) => this.handlePrefixInput(e) }), index.h("input", { key: 'ab52185589bf4d52205bad4cecc9c7ecb54cd409', type: "tel", ref: (el) => this.inputReference = el, id: `${this.name}__input`, readOnly: this.autofilled, class: `tel__input`, value: this.phoneValue, placeholder: `${this.placeholder}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onInput: this.handleInput, onBlur: this.handleBlur })), index.h("small", { key: '6d219de32297bc2fab31995b5a33b14f2eea21d9', class: 'tel__error-message' }, this.errorMessage));
|
|
45486
45459
|
}
|
|
45487
45460
|
static get watchers() { return {
|
|
45461
|
+
"clientStyling": ["handleStylingChange"],
|
|
45488
45462
|
"isValid": ["validityChanged"],
|
|
45489
45463
|
"emitValue": ["emitValueHandler"]
|
|
45490
45464
|
}; }
|
|
@@ -45540,6 +45514,10 @@ const TextInput = class {
|
|
|
45540
45514
|
this.stylingContainer.prepend(sheet);
|
|
45541
45515
|
};
|
|
45542
45516
|
}
|
|
45517
|
+
handleStylingChange(newValue, oldValue) {
|
|
45518
|
+
if (newValue !== oldValue)
|
|
45519
|
+
this.setClientStyling();
|
|
45520
|
+
}
|
|
45543
45521
|
validityChanged() {
|
|
45544
45522
|
this.validityStateHandler({ valid: this.isValid, name: this.name });
|
|
45545
45523
|
if (this.emitValue == true) {
|
|
@@ -45645,10 +45623,11 @@ const TextInput = class {
|
|
|
45645
45623
|
if (this.touched) {
|
|
45646
45624
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
45647
45625
|
}
|
|
45648
|
-
return index.h("div", { key: '
|
|
45649
|
-
index.h("img", { key: '
|
|
45626
|
+
return index.h("div", { key: 'e297f841a57c6acf854535a786916aa641831556', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, index.h("div", { key: '7fd284a58e58d5c61a03caf4cc317b8dd9dbd82f', class: 'text__wrapper--flex' }, index.h("label", { key: 'f80a2003386ec867e5310190a7568105c2912569', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: 'e8f5197bd370100406d600be5a336f85f4c6934d', class: 'text__wrapper--relative' }, this.tooltip &&
|
|
45627
|
+
index.h("img", { key: 'ff8c38fe3495a41a41ac4a1569169ce26a1ec9ce', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("input", { key: '581106e515810ab43f7d6b6eda504ccf23906b0e', name: this.name, id: `${this.name}__input`, value: this.defaultValue, type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, pattern: this.validationPattern, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), index.h("small", { key: '20620710026982d5fb670a3173bab57a7fa9e7ce', class: 'text__error-message' }, this.errorMessage));
|
|
45650
45628
|
}
|
|
45651
45629
|
static get watchers() { return {
|
|
45630
|
+
"clientStyling": ["handleStylingChange"],
|
|
45652
45631
|
"isValid": ["validityChanged"],
|
|
45653
45632
|
"emitValue": ["emitValueHandler"]
|
|
45654
45633
|
}; }
|
|
@@ -45681,6 +45660,10 @@ const ToggleCheckboxInput = class {
|
|
|
45681
45660
|
this.stylingContainer.prepend(sheet);
|
|
45682
45661
|
};
|
|
45683
45662
|
}
|
|
45663
|
+
handleStylingChange(newValue, oldValue) {
|
|
45664
|
+
if (newValue !== oldValue)
|
|
45665
|
+
this.setClientStyling();
|
|
45666
|
+
}
|
|
45684
45667
|
validityStateHandler(inputStateEvent) {
|
|
45685
45668
|
this.sendValidityState.emit(inputStateEvent);
|
|
45686
45669
|
}
|
|
@@ -45726,11 +45709,14 @@ const ToggleCheckboxInput = class {
|
|
|
45726
45709
|
return null;
|
|
45727
45710
|
}
|
|
45728
45711
|
render() {
|
|
45729
|
-
return index.h("div", { key: '
|
|
45730
|
-
index.h("img", { key: '
|
|
45712
|
+
return index.h("div", { key: 'e8be91ce94cf76ebecc58a433ab567ab549f4692', class: `togglecheckbox__wrapper ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: 'dd42a6316cda06e357843165329de7525a24e3d5', class: 'togglecheckbox__wrapper--flex' }, index.h("input", { key: '932a6f8caeafa0d006f636484e33dda246c314d0', class: 'togglecheckbox__input', type: "checkbox", id: `${this.name}__input`, ref: (el) => this.checkboxReference = el, name: this.name, checked: this.defaultValue === "true", readOnly: this.autofilled, required: this.validation.mandatory, value: this.value, onClick: () => this.handleClick() }), this.renderLabel()), index.h("small", { key: 'cbc789c8a5c21debc05971ff347371fbc25d4975', class: 'togglecheckbox__error-message' }, this.errorMessage), index.h("div", { key: 'a5ce470c985829eb1f5a0567bb974cc15e3d0d64', class: 'togglecheckbox__wrapper--relative' }, this.tooltip &&
|
|
45713
|
+
index.h("img", { key: 'faef05dd9341ffe44b6833ca8f4c86b85ed61956', class: 'togglecheckbox__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), index.h("div", { key: '89fed5f103acecca78fa53eea64d57574ef42727', class: `togglecheckbox__fields-wrapper ${this.showFields ? '' : 'hidden'}` }, this.options.map(subfield => {
|
|
45731
45714
|
return index.h("general-input", { type: subfield.inputType, name: subfield.name, displayName: subfield.displayName, validation: subfield.validate, action: subfield.action || null, defaultValue: subfield.defaultValue, autofilled: subfield.autofill, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: subfield.tooltip, placeholder: subfield.placeholder == null ? '' : subfield.placeholder });
|
|
45732
45715
|
})));
|
|
45733
45716
|
}
|
|
45717
|
+
static get watchers() { return {
|
|
45718
|
+
"clientStyling": ["handleStylingChange"]
|
|
45719
|
+
}; }
|
|
45734
45720
|
};
|
|
45735
45721
|
ToggleCheckboxInput.style = ToggleCheckboxInputStyle0;
|
|
45736
45722
|
|