@everymatrix/general-input 1.90.7 → 1.90.8
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_14.cjs.entry.js +373 -345
- package/dist/cjs/general-input.cjs.js +2 -2
- package/dist/cjs/{index-3b546c2c.js → index-7a4b2771.js} +1 -4
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/components/checkbox-group-input/checkbox-group-input.js +34 -20
- package/dist/collection/components/checkbox-input/checkbox-input.js +33 -19
- package/dist/collection/components/date-input/date-input.js +34 -20
- package/dist/collection/components/email-input/email-input.js +34 -20
- package/dist/collection/components/general-input/general-input.js +35 -64
- package/dist/collection/components/number-input/number-input.js +34 -20
- package/dist/collection/components/password-input/password-input.js +34 -20
- package/dist/collection/components/postalcode-input/postalcode-input.js +35 -19
- package/dist/collection/components/radio-input/radio-input.js +36 -20
- package/dist/collection/components/select-input/select-input.js +35 -21
- package/dist/collection/components/tel-input/tel-input.js +34 -20
- package/dist/collection/components/text-input/text-input.js +36 -22
- package/dist/collection/components/toggle-checkbox-input/toggle-checkbox-input.js +34 -20
- package/dist/collection/components/twofa-input/twofa-input.js +26 -59
- package/dist/esm/checkbox-group-input_14.entry.js +373 -345
- package/dist/esm/general-input.js +3 -3
- package/dist/esm/{index-ca174b7a.js → index-9174417a.js} +1 -4
- package/dist/esm/loader.js +3 -3
- package/dist/general-input/checkbox-group-input_14.entry.js +242 -242
- package/dist/general-input/general-input.esm.js +1 -1
- package/dist/general-input/{index-ca174b7a.js → index-9174417a.js} +2 -2
- package/dist/types/components/checkbox-group-input/checkbox-group-input.d.ts +7 -4
- package/dist/types/components/checkbox-input/checkbox-input.d.ts +7 -4
- package/dist/types/components/date-input/date-input.d.ts +7 -4
- package/dist/types/components/email-input/email-input.d.ts +7 -4
- package/dist/types/components/general-input/general-input.d.ts +4 -6
- package/dist/types/components/number-input/number-input.d.ts +7 -4
- package/dist/types/components/password-input/password-input.d.ts +7 -4
- package/dist/types/components/postalcode-input/postalcode-input.d.ts +7 -4
- package/dist/types/components/radio-input/radio-input.d.ts +8 -4
- package/dist/types/components/select-input/select-input.d.ts +7 -4
- package/dist/types/components/tel-input/tel-input.d.ts +7 -4
- package/dist/types/components/text-input/text-input.d.ts +7 -4
- package/dist/types/components/toggle-checkbox-input/toggle-checkbox-input.d.ts +7 -4
- package/dist/types/components/twofa-input/twofa-input.d.ts +3 -7
- package/dist/types/components.d.ts +96 -0
- package/package.json +1 -1
|
@@ -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-7a4b2771.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
/*
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["checkbox-group-input_14.cjs",[[1,"general-input",{"type":[513],"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"validation":[16],"options":[520],"language":[513],"autofilled":[516],"tooltip":[513],"defaultValue":[520,"default-value"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"noValidation":[516,"no-validation"],"clientStyling":[520,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"],"haspostalcodelookup":[516],"postalcodelength":[514],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"enableManualDateInput":[516,"enable-manual-date-input"],"pinAttemptsExceeded":[516,"pin-attempts-exceeded"],"mbSource":[513,"mb-source"]
|
|
22
|
+
return index.bootstrapLazy([["checkbox-group-input_14.cjs",[[1,"general-input",{"type":[513],"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"validation":[16],"options":[520],"language":[513],"autofilled":[516],"tooltip":[513],"defaultValue":[520,"default-value"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"noValidation":[516,"no-validation"],"clientStyling":[520,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"],"haspostalcodelookup":[516],"postalcodelength":[514],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"enableManualDateInput":[516,"enable-manual-date-input"],"pinAttemptsExceeded":[516,"pin-attempts-exceeded"],"mbSource":[513,"mb-source"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}],[1,"toggle-checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"options":[16],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32],"showFields":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"]}],[1,"checkbox-group-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"selectedValues":["setValue"],"emitValue":["emitValueHandler"]}],[1,"checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"date-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"dateFormat":[513,"date-format"],"emitOnClick":[516,"emit-on-click"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"enableManualDateInput":[516,"enable-manual-date-input"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"enableSouthAfricanMode":["handleCustomRegistrationChange"]}],[1,"email-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"number-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"password-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"noValidation":[516,"no-validation"],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[1,"postalcode-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"postalcodelength":[520],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"selectedCountryCode":[32],"currentPostalCode":[32],"openAddressDropdown":[32],"showNoResultsMessage":[32],"refreshTrigger":[32],"isFetchingAddresses":[32]},[[10,"click","handleClickOutside"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[8,"addressFetchStarted","handleFetchStarted"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"addresses":["handleAddresses"]}],[1,"radio-input",{"name":[513],"displayName":[513,"display-name"],"optionsGroup":[16],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"select-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"tel-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"showLabels":[516,"show-labels"],"action":[513],"validation":[16],"defaultValue":[520,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"disablePhonePrefix":[32],"phoneValue":[32],"phoneCodesOptions":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"text-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"checkValidity":[516,"check-validity"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"haspostalcodelookup":[516],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"selectedCountryCode":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[16,"sendAddressValue","handleAddressSelection"],[8,"documentNumberUpdatedExternally","handleExternalDocUpdate"],[8,"documentNumberResetValidation","handleDocReset"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"twofa-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"destination":[513],"resendIntervalSeconds":[514,"resend-interval-seconds"],"clientStyling":[513,"client-styling"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"pinAttemptsExceeded":[516,"pin-attempts-exceeded"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32],"revealedIndexes":[32]},[[10,"click","handleClickOutside"]],{"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -21,7 +21,7 @@ function _interopNamespace(e) {
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
const NAMESPACE = 'general-input';
|
|
24
|
-
const BUILD = /* general-input */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender:
|
|
24
|
+
const BUILD = /* general-input */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: true };
|
|
25
25
|
|
|
26
26
|
/*
|
|
27
27
|
Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
|
|
@@ -831,9 +831,6 @@ var postUpdateComponent = (hostRef) => {
|
|
|
831
831
|
const endPostUpdate = createTime("postUpdate", tagName);
|
|
832
832
|
const instance = hostRef.$lazyInstance$ ;
|
|
833
833
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
834
|
-
{
|
|
835
|
-
safeCall(instance, "componentDidRender");
|
|
836
|
-
}
|
|
837
834
|
if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
|
|
838
835
|
hostRef.$flags$ |= 64 /* hasLoadedComponent */;
|
|
839
836
|
{
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-7a4b2771.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["checkbox-group-input_14.cjs",[[1,"general-input",{"type":[513],"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"validation":[16],"options":[520],"language":[513],"autofilled":[516],"tooltip":[513],"defaultValue":[520,"default-value"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"noValidation":[516,"no-validation"],"clientStyling":[520,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"],"haspostalcodelookup":[516],"postalcodelength":[514],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"enableManualDateInput":[516,"enable-manual-date-input"],"pinAttemptsExceeded":[516,"pin-attempts-exceeded"],"mbSource":[513,"mb-source"]
|
|
11
|
+
return index.bootstrapLazy([["checkbox-group-input_14.cjs",[[1,"general-input",{"type":[513],"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"validation":[16],"options":[520],"language":[513],"autofilled":[516],"tooltip":[513],"defaultValue":[520,"default-value"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"noValidation":[516,"no-validation"],"clientStyling":[520,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"],"haspostalcodelookup":[516],"postalcodelength":[514],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"enableManualDateInput":[516,"enable-manual-date-input"],"pinAttemptsExceeded":[516,"pin-attempts-exceeded"],"mbSource":[513,"mb-source"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}],[1,"toggle-checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"options":[16],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32],"showFields":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"]}],[1,"checkbox-group-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"selectedValues":["setValue"],"emitValue":["emitValueHandler"]}],[1,"checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"date-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"dateFormat":[513,"date-format"],"emitOnClick":[516,"emit-on-click"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"enableManualDateInput":[516,"enable-manual-date-input"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"enableSouthAfricanMode":["handleCustomRegistrationChange"]}],[1,"email-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"number-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"password-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"noValidation":[516,"no-validation"],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[1,"postalcode-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"postalcodelength":[520],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"selectedCountryCode":[32],"currentPostalCode":[32],"openAddressDropdown":[32],"showNoResultsMessage":[32],"refreshTrigger":[32],"isFetchingAddresses":[32]},[[10,"click","handleClickOutside"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[8,"addressFetchStarted","handleFetchStarted"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"addresses":["handleAddresses"]}],[1,"radio-input",{"name":[513],"displayName":[513,"display-name"],"optionsGroup":[16],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"select-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"mbSource":[513,"mb-source"],"errorMessage":[32],"isValid":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"tel-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"showLabels":[516,"show-labels"],"action":[513],"validation":[16],"defaultValue":[520,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"disablePhonePrefix":[32],"phoneValue":[32],"phoneCodesOptions":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"text-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"checkValidity":[516,"check-validity"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"haspostalcodelookup":[516],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"mbSource":[513,"mb-source"],"isValid":[32],"errorMessage":[32],"showTooltip":[32],"selectedCountryCode":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[16,"sendAddressValue","handleAddressSelection"],[8,"documentNumberUpdatedExternally","handleExternalDocUpdate"],[8,"documentNumberResetValidation","handleDocReset"]],{"clientStyling":["handleClientStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"twofa-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"destination":[513],"resendIntervalSeconds":[514,"resend-interval-seconds"],"clientStyling":[513,"client-styling"],"enableSouthAfricanMode":[516,"enable-south-african-mode"],"pinAttemptsExceeded":[516,"pin-attempts-exceeded"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32],"revealedIndexes":[32]},[[10,"click","handleClickOutside"]],{"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -1,14 +1,10 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
import { translate } from "../../utils/locale.utils";
|
|
3
3
|
import tooltipIcon from "../../utils/tooltipIcon.svg";
|
|
4
|
+
import { setClientStyling, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
|
|
4
5
|
export class CheckboxGroupInput {
|
|
5
6
|
constructor() {
|
|
6
7
|
this.value = null;
|
|
7
|
-
this.setClientStyling = () => {
|
|
8
|
-
let sheet = document.createElement('style');
|
|
9
|
-
sheet.innerHTML = this.clientStyling;
|
|
10
|
-
this.stylingContainer.prepend(sheet);
|
|
11
|
-
};
|
|
12
8
|
this.name = undefined;
|
|
13
9
|
this.displayName = undefined;
|
|
14
10
|
this.defaultValue = '';
|
|
@@ -19,16 +15,17 @@ export class CheckboxGroupInput {
|
|
|
19
15
|
this.language = undefined;
|
|
20
16
|
this.emitValue = undefined;
|
|
21
17
|
this.clientStyling = '';
|
|
18
|
+
this.mbSource = undefined;
|
|
22
19
|
this.errorMessage = undefined;
|
|
23
20
|
this.isValid = undefined;
|
|
24
|
-
this.limitStylingAppends = false;
|
|
25
21
|
this.showTooltip = false;
|
|
26
22
|
this.selectedValues = [];
|
|
27
23
|
this.showCheckboxes = false;
|
|
28
24
|
}
|
|
29
|
-
|
|
30
|
-
if (newValue !== oldValue)
|
|
31
|
-
this.
|
|
25
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
26
|
+
if (newValue !== oldValue) {
|
|
27
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
28
|
+
}
|
|
32
29
|
}
|
|
33
30
|
validityChanged() {
|
|
34
31
|
this.validityStateHandler({ valid: this.isValid, name: this.name });
|
|
@@ -60,16 +57,17 @@ export class CheckboxGroupInput {
|
|
|
60
57
|
this.showTooltip = false;
|
|
61
58
|
}
|
|
62
59
|
}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
60
|
+
handleClientStyling() {
|
|
61
|
+
if (window.emMessageBus !== undefined) {
|
|
62
|
+
this.stylingSubscription = setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription, true);
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
if (this.clientStyling) {
|
|
66
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
69
67
|
}
|
|
70
|
-
// end custom styling area
|
|
71
68
|
}
|
|
72
69
|
componentDidLoad() {
|
|
70
|
+
this.handleClientStyling();
|
|
73
71
|
this.inputReference = this.element.shadowRoot.querySelector('input');
|
|
74
72
|
// For now this input has no validation. Send isValid as true immediately.
|
|
75
73
|
//@TODO: add validation logic to it, if business reason arises.
|
|
@@ -106,8 +104,8 @@ export class CheckboxGroupInput {
|
|
|
106
104
|
return (h("label", { class: 'checkbox__label', htmlFor: `${this.name}__input`, slot: 'label' }, h("div", { class: 'checkbox__label-text', innerHTML: `${this.displayName} ${this.validation.mandatory ? '*' : ''}` })));
|
|
107
105
|
}
|
|
108
106
|
render() {
|
|
109
|
-
return h("div", { key: '
|
|
110
|
-
h("img", { key: '
|
|
107
|
+
return h("div", { key: '342900ae923094f2746fd43917743d01efba942e', class: `checkboxgroup__wrapper ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '8f3b470274047b355741b438a4e15c7c46504f5a', class: 'checkboxgroup__wrapper--flex' }, h("vaadin-checkbox", { key: 'c7a74f9da877304f4d71607d58eba90dd0a29de7', 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 &&
|
|
108
|
+
h("img", { key: '75d807ad544e043a2e3beed46bf0c7dfa2125324', class: 'checkboxgroup__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), h("small", { key: '4b17e1e613c7561fb3c99f334926544ef2ba787a', class: 'checkboxgroup__error-message' }, this.errorMessage), this.showCheckboxes && (h("vaadin-checkbox-group", { key: '9a8d573a7cb48bb2d68cceec5f39f1e0886ea05f', theme: "vertical", value: this.selectedValues, "on-value-changed": (event) => {
|
|
111
109
|
this.selectedValues = event.detail.value;
|
|
112
110
|
} }, this.options.map((checkbox) => h("vaadin-checkbox", { class: 'checkbox__input', name: checkbox.name, value: checkbox.name, label: checkbox.displayName })))));
|
|
113
111
|
}
|
|
@@ -304,6 +302,23 @@ export class CheckboxGroupInput {
|
|
|
304
302
|
"attribute": "client-styling",
|
|
305
303
|
"reflect": true,
|
|
306
304
|
"defaultValue": "''"
|
|
305
|
+
},
|
|
306
|
+
"mbSource": {
|
|
307
|
+
"type": "string",
|
|
308
|
+
"mutable": false,
|
|
309
|
+
"complexType": {
|
|
310
|
+
"original": "string",
|
|
311
|
+
"resolved": "string",
|
|
312
|
+
"references": {}
|
|
313
|
+
},
|
|
314
|
+
"required": false,
|
|
315
|
+
"optional": false,
|
|
316
|
+
"docs": {
|
|
317
|
+
"tags": [],
|
|
318
|
+
"text": "Client custom styling via message bus"
|
|
319
|
+
},
|
|
320
|
+
"attribute": "mb-source",
|
|
321
|
+
"reflect": true
|
|
307
322
|
}
|
|
308
323
|
};
|
|
309
324
|
}
|
|
@@ -311,7 +326,6 @@ export class CheckboxGroupInput {
|
|
|
311
326
|
return {
|
|
312
327
|
"errorMessage": {},
|
|
313
328
|
"isValid": {},
|
|
314
|
-
"limitStylingAppends": {},
|
|
315
329
|
"showTooltip": {},
|
|
316
330
|
"selectedValues": {},
|
|
317
331
|
"showCheckboxes": {}
|
|
@@ -366,7 +380,7 @@ export class CheckboxGroupInput {
|
|
|
366
380
|
static get watchers() {
|
|
367
381
|
return [{
|
|
368
382
|
"propName": "clientStyling",
|
|
369
|
-
"methodName": "
|
|
383
|
+
"methodName": "handleClientStylingChange"
|
|
370
384
|
}, {
|
|
371
385
|
"propName": "isValid",
|
|
372
386
|
"methodName": "validityChanged"
|
|
@@ -1,14 +1,10 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
import { translate } from "../../utils/locale.utils";
|
|
3
3
|
import tooltipIcon from "../../utils/tooltipIcon.svg";
|
|
4
|
+
import { setClientStyling, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
|
|
4
5
|
export class CheckboxInput {
|
|
5
6
|
constructor() {
|
|
6
7
|
this.value = '';
|
|
7
|
-
this.setClientStyling = () => {
|
|
8
|
-
let sheet = document.createElement('style');
|
|
9
|
-
sheet.innerHTML = this.clientStyling;
|
|
10
|
-
this.stylingContainer.prepend(sheet);
|
|
11
|
-
};
|
|
12
8
|
this.name = undefined;
|
|
13
9
|
this.displayName = undefined;
|
|
14
10
|
this.defaultValue = '';
|
|
@@ -18,14 +14,15 @@ export class CheckboxInput {
|
|
|
18
14
|
this.language = undefined;
|
|
19
15
|
this.emitValue = undefined;
|
|
20
16
|
this.clientStyling = '';
|
|
17
|
+
this.mbSource = undefined;
|
|
21
18
|
this.errorMessage = undefined;
|
|
22
19
|
this.isValid = undefined;
|
|
23
|
-
this.limitStylingAppends = false;
|
|
24
20
|
this.showTooltip = false;
|
|
25
21
|
}
|
|
26
|
-
|
|
27
|
-
if (newValue !== oldValue)
|
|
28
|
-
this.
|
|
22
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
23
|
+
if (newValue !== oldValue) {
|
|
24
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
25
|
+
}
|
|
29
26
|
}
|
|
30
27
|
validityChanged() {
|
|
31
28
|
this.validityStateHandler({ valid: this.isValid, name: this.name });
|
|
@@ -50,16 +47,17 @@ export class CheckboxInput {
|
|
|
50
47
|
this.showTooltip = false;
|
|
51
48
|
}
|
|
52
49
|
}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
50
|
+
handleClientStyling() {
|
|
51
|
+
if (window.emMessageBus !== undefined) {
|
|
52
|
+
this.stylingSubscription = setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription, true);
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
if (this.clientStyling) {
|
|
56
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
59
57
|
}
|
|
60
|
-
// end custom styling area
|
|
61
58
|
}
|
|
62
59
|
componentDidLoad() {
|
|
60
|
+
this.handleClientStyling();
|
|
63
61
|
this.inputReference = this.vaadinCheckbox.querySelector('input');
|
|
64
62
|
if (this.defaultValue) {
|
|
65
63
|
this.value = this.defaultValue;
|
|
@@ -94,7 +92,7 @@ export class CheckboxInput {
|
|
|
94
92
|
return null;
|
|
95
93
|
}
|
|
96
94
|
render() {
|
|
97
|
-
return (h("div", { key: '
|
|
95
|
+
return (h("div", { key: 'a8d8bf6aa2001b6aee44d728a198244819ae169e', class: `checkbox__wrapper ${this.name}__input`, ref: (el) => (this.stylingContainer = el) }, h("vaadin-checkbox", { key: '13a5589a78bef4277922535e59c5718d36b1f318', class: "checkbox__input", required: this.validation.mandatory, checked: this.defaultValue === 'true', onChange: (e) => this.handleCheckbox(e), "error-message": !this.isValid && this.errorMessage, ref: (el) => (this.vaadinCheckbox = el) }, this.renderLabel()), this.tooltip && (h("img", { key: '008bb9a318c914b4b40e80b15080f7f174cc1262', class: "checkboxgroup__tooltip-icon", src: tooltipIcon, alt: "", ref: (el) => (this.tooltipIconReference = el), onClick: () => (this.showTooltip = !this.showTooltip) })), this.renderTooltip()));
|
|
98
96
|
}
|
|
99
97
|
static get is() { return "checkbox-input"; }
|
|
100
98
|
static get encapsulation() { return "shadow"; }
|
|
@@ -268,6 +266,23 @@ export class CheckboxInput {
|
|
|
268
266
|
"attribute": "client-styling",
|
|
269
267
|
"reflect": true,
|
|
270
268
|
"defaultValue": "''"
|
|
269
|
+
},
|
|
270
|
+
"mbSource": {
|
|
271
|
+
"type": "string",
|
|
272
|
+
"mutable": false,
|
|
273
|
+
"complexType": {
|
|
274
|
+
"original": "string",
|
|
275
|
+
"resolved": "string",
|
|
276
|
+
"references": {}
|
|
277
|
+
},
|
|
278
|
+
"required": false,
|
|
279
|
+
"optional": false,
|
|
280
|
+
"docs": {
|
|
281
|
+
"tags": [],
|
|
282
|
+
"text": "Client custom styling via message bus"
|
|
283
|
+
},
|
|
284
|
+
"attribute": "mb-source",
|
|
285
|
+
"reflect": true
|
|
271
286
|
}
|
|
272
287
|
};
|
|
273
288
|
}
|
|
@@ -275,7 +290,6 @@ export class CheckboxInput {
|
|
|
275
290
|
return {
|
|
276
291
|
"errorMessage": {},
|
|
277
292
|
"isValid": {},
|
|
278
|
-
"limitStylingAppends": {},
|
|
279
293
|
"showTooltip": {}
|
|
280
294
|
};
|
|
281
295
|
}
|
|
@@ -327,7 +341,7 @@ export class CheckboxInput {
|
|
|
327
341
|
static get watchers() {
|
|
328
342
|
return [{
|
|
329
343
|
"propName": "clientStyling",
|
|
330
|
-
"methodName": "
|
|
344
|
+
"methodName": "handleClientStylingChange"
|
|
331
345
|
}, {
|
|
332
346
|
"propName": "isValid",
|
|
333
347
|
"methodName": "validityChanged"
|
|
@@ -4,6 +4,7 @@ import tooltipIcon from "../../utils/tooltipIcon.svg";
|
|
|
4
4
|
import dateFnsFormat from "date-fns/format";
|
|
5
5
|
import dateFnsParse from "date-fns/parse";
|
|
6
6
|
import { isBefore, isAfter, isMatch } from "date-fns";
|
|
7
|
+
import { setClientStyling, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
|
|
7
8
|
export class DateInput {
|
|
8
9
|
constructor() {
|
|
9
10
|
this.touched = false;
|
|
@@ -16,11 +17,6 @@ export class DateInput {
|
|
|
16
17
|
const date = dateFnsParse(inputValue, this.dateFormat, new Date());
|
|
17
18
|
return { year: date.getFullYear(), month: date.getMonth(), day: date.getDate() };
|
|
18
19
|
};
|
|
19
|
-
this.setClientStyling = () => {
|
|
20
|
-
let sheet = document.createElement('style');
|
|
21
|
-
sheet.innerHTML = this.clientStyling;
|
|
22
|
-
this.stylingContainer.prepend(sheet);
|
|
23
|
-
};
|
|
24
20
|
this.handleDocumentIdUpdate = (e) => {
|
|
25
21
|
if (this.name !== CONSTANTS.BIRTHDATE) {
|
|
26
22
|
return;
|
|
@@ -107,9 +103,9 @@ export class DateInput {
|
|
|
107
103
|
this.emitOnClick = false;
|
|
108
104
|
this.enableSouthAfricanMode = undefined;
|
|
109
105
|
this.enableManualDateInput = false;
|
|
106
|
+
this.mbSource = undefined;
|
|
110
107
|
this.errorMessage = undefined;
|
|
111
108
|
this.isValid = undefined;
|
|
112
|
-
this.limitStylingAppends = false;
|
|
113
109
|
this.showTooltip = false;
|
|
114
110
|
}
|
|
115
111
|
get formattedValue() {
|
|
@@ -118,9 +114,10 @@ export class DateInput {
|
|
|
118
114
|
const parsedDate = dateFnsParse(this.value, 'yyyy-MM-dd', new Date());
|
|
119
115
|
return dateFnsFormat(parsedDate, this.dateFormat);
|
|
120
116
|
}
|
|
121
|
-
|
|
122
|
-
if (newValue !== oldValue)
|
|
123
|
-
this.
|
|
117
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
118
|
+
if (newValue !== oldValue) {
|
|
119
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
120
|
+
}
|
|
124
121
|
}
|
|
125
122
|
validityChanged() {
|
|
126
123
|
this.validityStateHandler({ valid: this.isValid, name: this.name });
|
|
@@ -158,17 +155,18 @@ export class DateInput {
|
|
|
158
155
|
this.minDate = dateFnsParse(((_a = this.validation.min) === null || _a === void 0 ? void 0 : _a.toString()) || '', 'yyyy-MM-dd', new Date());
|
|
159
156
|
this.maxDate = dateFnsParse(((_b = this.validation.max) === null || _b === void 0 ? void 0 : _b.toString()) || '', 'yyyy-MM-dd', new Date());
|
|
160
157
|
}
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
158
|
+
handleClientStyling() {
|
|
159
|
+
if (window.emMessageBus !== undefined) {
|
|
160
|
+
this.stylingSubscription = setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription, true);
|
|
161
|
+
return;
|
|
162
|
+
}
|
|
163
|
+
if (this.clientStyling) {
|
|
164
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
167
165
|
}
|
|
168
|
-
// end custom styling area
|
|
169
166
|
}
|
|
170
167
|
componentDidLoad() {
|
|
171
168
|
var _a;
|
|
169
|
+
this.handleClientStyling();
|
|
172
170
|
this.datePicker = this.element.shadowRoot.querySelector('vaadin-date-picker');
|
|
173
171
|
this.inputReference = this.element.shadowRoot.querySelector('input');
|
|
174
172
|
if (this.datePicker) {
|
|
@@ -323,8 +321,8 @@ export class DateInput {
|
|
|
323
321
|
if (this.touched) {
|
|
324
322
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
325
323
|
}
|
|
326
|
-
return h("div", { key: '
|
|
327
|
-
h("img", { key: '
|
|
324
|
+
return h("div", { key: 'ffff8be16fb22a41ea8c5168a79e40b9f410c63b', class: `date__wrapper ${this.autofilled ? 'date__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("label", { key: '60da1ad0bc4cc7757e6f1096866667a97bd146b5', class: `date__label ${this.validation.mandatory ? 'date__label--required' : ''}}`, htmlFor: `${this.name}__input` }, this.displayName, h("span", { key: '450b4638efa34f4490035b0d99b0b186f053a2d0', class: this.validation.mandatory ? 'date__label--required' : '' })), h("vaadin-date-picker", { key: '421875a710bb4508e3218d28bf2c28dcd0e9793b', id: `${this.name}__input`, type: 'date', class: `date__input ${invalidClass} ${this.enableManualDateInput && 'date__manual-mode'}`, 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), onValidated: () => this.handleValidated(), autoOpenDisabled: this.enableManualDateInput }), h("small", { key: '33a6fed8057a84cb648f94a318c3ec0b1e495fff', class: 'date__error-message' }, this.errorMessage), this.tooltip &&
|
|
325
|
+
h("img", { key: 'd91fcd13e1ae384b67b6d478834b65136ab77b77', class: 'date__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip());
|
|
328
326
|
}
|
|
329
327
|
static get is() { return "date-input"; }
|
|
330
328
|
static get encapsulation() { return "shadow"; }
|
|
@@ -585,6 +583,23 @@ export class DateInput {
|
|
|
585
583
|
"attribute": "enable-manual-date-input",
|
|
586
584
|
"reflect": true,
|
|
587
585
|
"defaultValue": "false"
|
|
586
|
+
},
|
|
587
|
+
"mbSource": {
|
|
588
|
+
"type": "string",
|
|
589
|
+
"mutable": false,
|
|
590
|
+
"complexType": {
|
|
591
|
+
"original": "string",
|
|
592
|
+
"resolved": "string",
|
|
593
|
+
"references": {}
|
|
594
|
+
},
|
|
595
|
+
"required": false,
|
|
596
|
+
"optional": false,
|
|
597
|
+
"docs": {
|
|
598
|
+
"tags": [],
|
|
599
|
+
"text": "Client custom styling via message bus"
|
|
600
|
+
},
|
|
601
|
+
"attribute": "mb-source",
|
|
602
|
+
"reflect": true
|
|
588
603
|
}
|
|
589
604
|
};
|
|
590
605
|
}
|
|
@@ -592,7 +607,6 @@ export class DateInput {
|
|
|
592
607
|
return {
|
|
593
608
|
"errorMessage": {},
|
|
594
609
|
"isValid": {},
|
|
595
|
-
"limitStylingAppends": {},
|
|
596
610
|
"showTooltip": {}
|
|
597
611
|
};
|
|
598
612
|
}
|
|
@@ -645,7 +659,7 @@ export class DateInput {
|
|
|
645
659
|
static get watchers() {
|
|
646
660
|
return [{
|
|
647
661
|
"propName": "clientStyling",
|
|
648
|
-
"methodName": "
|
|
662
|
+
"methodName": "handleClientStylingChange"
|
|
649
663
|
}, {
|
|
650
664
|
"propName": "isValid",
|
|
651
665
|
"methodName": "validityChanged"
|