@everymatrix/general-input-hsl 0.2.0 → 0.2.3
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 +68 -65
- package/dist/cjs/general-input-hsl-a20b01f4.js +6222 -0
- package/dist/cjs/general-input-hsl.cjs.js +2 -2
- package/dist/cjs/{index-6f821b8d.js → index-160616a9.js} +2 -2
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/components/checkbox-group-input/checkbox-group-input.js +7 -7
- package/dist/collection/components/checkbox-input/checkbox-input.js +6 -6
- package/dist/collection/components/date-input/date-input.js +13 -10
- package/dist/collection/components/email-input/email-input.js +7 -7
- package/dist/collection/components/number-input/number-input.js +7 -7
- package/dist/collection/components/password-input/password-input.js +7 -7
- package/dist/collection/components/radio-input/radio-input.js +7 -7
- package/dist/collection/components/select-input/select-input.js +7 -7
- package/dist/collection/components/tel-input/tel-input.js +7 -7
- package/dist/collection/components/text-input/text-input.js +7 -7
- package/dist/collection/components/toggle-checkbox-input/toggle-checkbox-input.js +8 -8
- package/dist/collection/components/twofa-input/twofa-input.js +7 -7
- package/dist/esm/checkbox-group-input_13.entry.js +69 -66
- package/dist/esm/general-input-hsl-1c14ae9b.js +6219 -0
- package/dist/esm/general-input-hsl.js +3 -3
- package/dist/esm/{index-8598bfb7.js → index-b001401f.js} +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +3 -3
- package/dist/general-input-hsl/checkbox-group-input_13.entry.js +1 -1
- package/dist/general-input-hsl/{general-input-hsl-ae353e99.js → general-input-hsl-1c14ae9b.js} +438 -2367
- package/dist/general-input-hsl/general-input-hsl.esm.js +1 -1
- package/dist/general-input-hsl/{index-8598bfb7.js → index-b001401f.js} +1 -1
- package/dist/general-input-hsl/index.esm.js +1 -1
- package/dist/types/components/date-input/date-input.d.ts +1 -0
- package/package.json +1 -1
- package/dist/cjs/general-input-hsl-7394449f.js +0 -8129
- package/dist/esm/general-input-hsl-ae353e99.js +0 -8126
- /package/dist/types/Users/{adrian.pripon/Documents/Work → sebastian.strulea/Documents/work}/widgets-monorepo/packages/stencil/general-input-hsl/.stencil/libs/common/src/storybook/storybook-utils.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → sebastian.strulea/Documents/work}/widgets-monorepo/packages/stencil/general-input-hsl/.stencil/packages/stencil/general-input-hsl/stencil.config.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → sebastian.strulea/Documents/work}/widgets-monorepo/packages/stencil/general-input-hsl/.stencil/packages/stencil/general-input-hsl/stencil.config.dev.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → sebastian.strulea/Documents/work}/widgets-monorepo/packages/stencil/general-input-hsl/.stencil/packages/stencil/general-input-hsl/storybook/main.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → sebastian.strulea/Documents/work}/widgets-monorepo/packages/stencil/general-input-hsl/.stencil/packages/stencil/general-input-hsl/storybook/preview.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → sebastian.strulea/Documents/work}/widgets-monorepo/packages/stencil/general-input-hsl/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → sebastian.strulea/Documents/work}/widgets-monorepo/packages/stencil/general-input-hsl/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → sebastian.strulea/Documents/work}/widgets-monorepo/packages/stencil/general-input-hsl/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → sebastian.strulea/Documents/work}/widgets-monorepo/packages/stencil/general-input-hsl/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -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-160616a9.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_13.cjs",[[1,"general-input-hsl",{"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"],"clientStyling":[520,"client-styling"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"]}],[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"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[
|
|
22
|
+
return index.bootstrapLazy([["checkbox-group-input_13.cjs",[[1,"general-input-hsl",{"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"],"clientStyling":[520,"client-styling"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"]}],[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"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"showFields":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"]}],[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"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"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"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"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"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[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"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleStylingChange"],"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"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"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],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[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"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"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"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"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"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"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"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"]],{"clientStyling":["handleStylingChange"],"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"],"limitStylingAppends":[32],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}]]]], 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-hsl';
|
|
24
|
-
const BUILD = /* general-input-hsl */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, 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:
|
|
24
|
+
const BUILD = /* general-input-hsl */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, 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
|
|
@@ -1277,7 +1277,7 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
|
|
|
1277
1277
|
}
|
|
1278
1278
|
};
|
|
1279
1279
|
var getHostListenerTarget = (elm, flags) => {
|
|
1280
|
-
if (flags &
|
|
1280
|
+
if (flags & 8 /* TargetWindow */) return win;
|
|
1281
1281
|
if (flags & 16 /* TargetBody */) return doc.body;
|
|
1282
1282
|
return elm;
|
|
1283
1283
|
};
|
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const generalInputHsl = require('./general-input-hsl-
|
|
6
|
-
require('./index-
|
|
5
|
+
const generalInputHsl = require('./general-input-hsl-a20b01f4.js');
|
|
6
|
+
require('./index-160616a9.js');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
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-160616a9.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_13.cjs",[[1,"general-input-hsl",{"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"],"clientStyling":[520,"client-styling"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"]}],[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"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[
|
|
11
|
+
return index.bootstrapLazy([["checkbox-group-input_13.cjs",[[1,"general-input-hsl",{"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"],"clientStyling":[520,"client-styling"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"]}],[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"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"showFields":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"]}],[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"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"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"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"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"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[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"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleStylingChange"],"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"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"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],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[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"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"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"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"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"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"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"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"]],{"clientStyling":["handleStylingChange"],"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"],"limitStylingAppends":[32],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -55,10 +55,10 @@ export class CheckboxGroupInput {
|
|
|
55
55
|
this.sendInputValue.emit(inputValueEvent);
|
|
56
56
|
}
|
|
57
57
|
handleClickOutside(event) {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
if (event.composedPath()[0] !== this.tooltipReference)
|
|
58
|
+
const path = event.composedPath();
|
|
59
|
+
if (!path.includes(this.tooltipIconReference) && !path.includes(this.tooltipReference)) {
|
|
61
60
|
this.showTooltip = false;
|
|
61
|
+
}
|
|
62
62
|
}
|
|
63
63
|
componentDidRender() {
|
|
64
64
|
// start custom styling area
|
|
@@ -106,8 +106,8 @@ export class CheckboxGroupInput {
|
|
|
106
106
|
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
107
|
}
|
|
108
108
|
render() {
|
|
109
|
-
return h("div", { key: '
|
|
110
|
-
h("img", { key: '
|
|
109
|
+
return h("div", { key: '9985f4050655bc2233090f63abb0e22f2fe0b556', class: `checkboxgroup__wrapper ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '9922e45ae7ee74b137ffc8552b3d714b7e3b1f59', class: 'checkboxgroup__wrapper--flex' }, h("vaadin-checkbox", { key: 'f18bae7c3ee6df76edcde75924eb1ad51a227443', 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 &&
|
|
110
|
+
h("img", { key: '3dc2ce07e4d5f8de7ed4707b5e140fb4752ca86b', class: 'checkboxgroup__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), h("small", { key: 'd55f25f75aa20007ff58cf45b6632517f49b6c00', class: 'checkboxgroup__error-message' }, this.errorMessage), this.showCheckboxes && (h("vaadin-checkbox-group", { key: '210c3cc2868a07a403494e04336c4f3091eea0e4', theme: "vertical", value: this.selectedValues, "on-value-changed": (event) => {
|
|
111
111
|
this.selectedValues = event.detail.value;
|
|
112
112
|
} }, this.options.map((checkbox) => h("vaadin-checkbox", { class: 'checkbox__input', name: checkbox.name, value: checkbox.name, label: checkbox.displayName })))));
|
|
113
113
|
}
|
|
@@ -382,8 +382,8 @@ export class CheckboxGroupInput {
|
|
|
382
382
|
return [{
|
|
383
383
|
"name": "click",
|
|
384
384
|
"method": "handleClickOutside",
|
|
385
|
-
"target": "
|
|
386
|
-
"capture":
|
|
385
|
+
"target": "window",
|
|
386
|
+
"capture": true,
|
|
387
387
|
"passive": false
|
|
388
388
|
}];
|
|
389
389
|
}
|
|
@@ -45,10 +45,10 @@ export class CheckboxInput {
|
|
|
45
45
|
this.sendInputValue.emit(inputValueEvent);
|
|
46
46
|
}
|
|
47
47
|
handleClickOutside(event) {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
if (event.composedPath()[0] !== this.tooltipReference)
|
|
48
|
+
const path = event.composedPath();
|
|
49
|
+
if (!path.includes(this.tooltipIconReference) && !path.includes(this.tooltipReference)) {
|
|
51
50
|
this.showTooltip = false;
|
|
51
|
+
}
|
|
52
52
|
}
|
|
53
53
|
componentDidRender() {
|
|
54
54
|
// start custom styling area
|
|
@@ -90,7 +90,7 @@ export class CheckboxInput {
|
|
|
90
90
|
return null;
|
|
91
91
|
}
|
|
92
92
|
render() {
|
|
93
|
-
return (h("div", { key: '
|
|
93
|
+
return (h("div", { key: '6d4c24ff269eb9378cdbb8fbeae034018d86b42e', class: `checkbox__wrapper ${this.name}__input`, ref: (el) => (this.stylingContainer = el) }, h("vaadin-checkbox", { key: '9ac77865bf2de32e4d880cd2707976acb8d820dd', 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: '86e2ed5404864abb1704e8748bed15ea7071797a', class: "checkboxgroup__tooltip-icon", src: tooltipIcon, alt: "", ref: (el) => (this.tooltipIconReference = el), onClick: () => (this.showTooltip = !this.showTooltip) })), this.renderTooltip()));
|
|
94
94
|
}
|
|
95
95
|
static get is() { return "checkbox-input"; }
|
|
96
96
|
static get encapsulation() { return "shadow"; }
|
|
@@ -336,8 +336,8 @@ export class CheckboxInput {
|
|
|
336
336
|
return [{
|
|
337
337
|
"name": "click",
|
|
338
338
|
"method": "handleClickOutside",
|
|
339
|
-
"target": "
|
|
340
|
-
"capture":
|
|
339
|
+
"target": "window",
|
|
340
|
+
"capture": true,
|
|
341
341
|
"passive": false
|
|
342
342
|
}];
|
|
343
343
|
}
|
|
@@ -16,6 +16,7 @@ export class DateInput {
|
|
|
16
16
|
const date = dateFnsParse(inputValue, this.dateFormat, new Date());
|
|
17
17
|
return { year: date.getFullYear(), month: date.getMonth(), day: date.getDate() };
|
|
18
18
|
};
|
|
19
|
+
this.valueToDate = (stringDateValue) => dateFnsParse(stringDateValue || '', 'yyyy-MM-dd', new Date());
|
|
19
20
|
this.setClientStyling = () => {
|
|
20
21
|
let sheet = document.createElement('style');
|
|
21
22
|
sheet.innerHTML = this.clientStyling;
|
|
@@ -66,15 +67,15 @@ export class DateInput {
|
|
|
66
67
|
this.sendInputValue.emit(inputValueEvent);
|
|
67
68
|
}
|
|
68
69
|
handleClickOutside(event) {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
if (event.composedPath()[0] !== this.tooltipReference)
|
|
70
|
+
const path = event.composedPath();
|
|
71
|
+
if (!path.includes(this.tooltipIconReference) && !path.includes(this.tooltipReference)) {
|
|
72
72
|
this.showTooltip = false;
|
|
73
|
+
}
|
|
73
74
|
}
|
|
74
75
|
connectedCallback() {
|
|
75
76
|
var _a, _b;
|
|
76
|
-
this.minDate =
|
|
77
|
-
this.maxDate =
|
|
77
|
+
this.minDate = this.valueToDate((_a = this.validation.min) === null || _a === void 0 ? void 0 : _a.toString());
|
|
78
|
+
this.maxDate = this.valueToDate((_b = this.validation.max) === null || _b === void 0 ? void 0 : _b.toString());
|
|
78
79
|
}
|
|
79
80
|
componentDidRender() {
|
|
80
81
|
// start custom styling area
|
|
@@ -109,6 +110,8 @@ export class DateInput {
|
|
|
109
110
|
this.isValid = this.setValidity();
|
|
110
111
|
if (this.defaultValue) {
|
|
111
112
|
this.value = this.defaultValue;
|
|
113
|
+
this.valueAsDate = this.valueToDate(this.value);
|
|
114
|
+
this.isValid = this.setValidity();
|
|
112
115
|
this.valueHandler({ name: this.name, value: this.value });
|
|
113
116
|
}
|
|
114
117
|
}
|
|
@@ -120,7 +123,7 @@ export class DateInput {
|
|
|
120
123
|
handleInput(event) {
|
|
121
124
|
this.value = event.target.value;
|
|
122
125
|
this.touched = true;
|
|
123
|
-
this.valueAsDate =
|
|
126
|
+
this.valueAsDate = this.valueToDate(this.value);
|
|
124
127
|
this.isValid = this.setValidity();
|
|
125
128
|
this.errorMessage = this.setErrorMessage();
|
|
126
129
|
this.emitValueHandler(true);
|
|
@@ -158,8 +161,8 @@ export class DateInput {
|
|
|
158
161
|
if (this.touched) {
|
|
159
162
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
160
163
|
}
|
|
161
|
-
return h("div", { key: '
|
|
162
|
-
h("img", { key: '
|
|
164
|
+
return h("div", { key: 'f2a2e6f7adf273e07934af51763f900f9051e5b1', class: `date__wrapper ${this.autofilled ? 'date__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("label", { key: '70b360618031d48816fedf22d55119af01514de1', class: `date__label ${this.validation.mandatory ? 'date__label--required' : ''}}`, htmlFor: `${this.name}__input` }, this.displayName, " ", this.validation.mandatory ? '*' : ''), h("vaadin-date-picker", { key: 'c463d260a39cde5ccb98dde604d74cdb8ebde287', 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) }), h("small", { key: 'cb7fb9acafcedfa80321f5f1d16b705ad00d8bdd', class: 'date__error-message' }, this.errorMessage), this.tooltip &&
|
|
165
|
+
h("img", { key: '535e3a1875cd328c3dd5627672afdc4fd32b078c', class: 'date__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip());
|
|
163
166
|
}
|
|
164
167
|
static get is() { return "date-input"; }
|
|
165
168
|
static get encapsulation() { return "shadow"; }
|
|
@@ -458,8 +461,8 @@ export class DateInput {
|
|
|
458
461
|
return [{
|
|
459
462
|
"name": "click",
|
|
460
463
|
"method": "handleClickOutside",
|
|
461
|
-
"target": "
|
|
462
|
-
"capture":
|
|
464
|
+
"target": "window",
|
|
465
|
+
"capture": true,
|
|
463
466
|
"passive": false
|
|
464
467
|
}];
|
|
465
468
|
}
|
|
@@ -65,10 +65,10 @@ export class EmailInput {
|
|
|
65
65
|
this.sendInputValue.emit(inputValueEvent);
|
|
66
66
|
}
|
|
67
67
|
handleClickOutside(event) {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
if (event.composedPath()[0] !== this.tooltipReference)
|
|
68
|
+
const path = event.composedPath();
|
|
69
|
+
if (!path.includes(this.tooltipIconReference) && !path.includes(this.tooltipReference)) {
|
|
71
70
|
this.showTooltip = false;
|
|
71
|
+
}
|
|
72
72
|
}
|
|
73
73
|
valueChangedHandler(event) {
|
|
74
74
|
if (this.isDuplicateInput) {
|
|
@@ -135,8 +135,8 @@ export class EmailInput {
|
|
|
135
135
|
if (this.touched) {
|
|
136
136
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
137
137
|
}
|
|
138
|
-
return h("div", { key: '
|
|
139
|
-
h("img", { key: '
|
|
138
|
+
return h("div", { key: '45255f597fcc76fa5e99601d7c2dd59afca32dbe', class: `email__wrapper ${this.autofilled ? 'number__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '7e41609760d4cc0b5acb554749fce42e6bc88ef3', class: 'email__wrapper--flex' }, h("label", { key: '250a1656d714e8cbc943d153aa216a6322322534', class: `email__label ${this.validation.mandatory ? 'email__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '80db5747730aaac2c1d0efa3129dfa5463fe779c', class: 'email__wrapper--relative' }, this.tooltip &&
|
|
139
|
+
h("img", { key: 'f10990c70bb3de310d137fa120575ad3582adbd3', class: 'email__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("input", { key: '9cf1a9fc4fdc3cb2604c6ad21573091cc1b173aa', 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 }), h("small", { key: '1610834f1705f70bd1f2d4b0a6c37af3307cf77f', class: 'email__error-message' }, this.errorMessage));
|
|
140
140
|
}
|
|
141
141
|
static get is() { return "email-input"; }
|
|
142
142
|
static get encapsulation() { return "shadow"; }
|
|
@@ -415,8 +415,8 @@ export class EmailInput {
|
|
|
415
415
|
return [{
|
|
416
416
|
"name": "click",
|
|
417
417
|
"method": "handleClickOutside",
|
|
418
|
-
"target": "
|
|
419
|
-
"capture":
|
|
418
|
+
"target": "window",
|
|
419
|
+
"capture": true,
|
|
420
420
|
"passive": false
|
|
421
421
|
}, {
|
|
422
422
|
"name": "sendInputValue",
|
|
@@ -64,10 +64,10 @@ export class NumberInput {
|
|
|
64
64
|
this.sendInputValue.emit(inputValueEvent);
|
|
65
65
|
}
|
|
66
66
|
handleClickOutside(event) {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
if (event.composedPath()[0] !== this.tooltipReference)
|
|
67
|
+
const path = event.composedPath();
|
|
68
|
+
if (!path.includes(this.tooltipIconReference) && !path.includes(this.tooltipReference)) {
|
|
70
69
|
this.showTooltip = false;
|
|
70
|
+
}
|
|
71
71
|
}
|
|
72
72
|
connectedCallback() {
|
|
73
73
|
this.validationPattern = this.setPattern();
|
|
@@ -122,8 +122,8 @@ export class NumberInput {
|
|
|
122
122
|
if (this.touched) {
|
|
123
123
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
124
124
|
}
|
|
125
|
-
return h("div", { key: '
|
|
126
|
-
h("img", { key: '
|
|
125
|
+
return h("div", { key: 'f0e6e6edb5d8e3f509474ef5536cb7ef717a5ee9', class: `number__wrapper ${this.autofilled ? 'number__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: 'c991d1e6ed0f9910104b46105daad5332200ee21', class: 'number__wrapper--flex' }, h("label", { key: 'd6912229dac4712f4f8e77a90f7ba0ebb7dd5548', class: `number__label ${this.validation.mandatory ? 'number__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '5733806c60cad364e61fc66e25f89a44159e8ad9', class: 'number__wrapper--relative' }, this.tooltip &&
|
|
126
|
+
h("img", { key: '7ba9ca8048d04c41f800fccf03297e2db9a9115d', class: 'number__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("input", { key: '4c4726f1ac0f3b3495ba6309f5fe4110b1ea5353', ref: (el) => this.inputReference = el, type: "number", inputMode: "numeric", 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 }), h("small", { key: '5217c1b0b4f4d9f741b5cdf6b7c3f01ef61fe180', class: 'number__error-message' }, this.errorMessage));
|
|
127
127
|
}
|
|
128
128
|
static get is() { return "number-input"; }
|
|
129
129
|
static get encapsulation() { return "shadow"; }
|
|
@@ -385,8 +385,8 @@ export class NumberInput {
|
|
|
385
385
|
return [{
|
|
386
386
|
"name": "click",
|
|
387
387
|
"method": "handleClickOutside",
|
|
388
|
-
"target": "
|
|
389
|
-
"capture":
|
|
388
|
+
"target": "window",
|
|
389
|
+
"capture": true,
|
|
390
390
|
"passive": false
|
|
391
391
|
}];
|
|
392
392
|
}
|
|
@@ -119,10 +119,10 @@ export class PasswordInput {
|
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
handleClickOutside(event) {
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
if (event.composedPath()[0] !== this.tooltipReference)
|
|
122
|
+
const path = event.composedPath();
|
|
123
|
+
if (!path.includes(this.tooltipIconReference) && !path.includes(this.tooltipReference)) {
|
|
125
124
|
this.showTooltip = false;
|
|
125
|
+
}
|
|
126
126
|
}
|
|
127
127
|
componentDidRender() {
|
|
128
128
|
// start custom styling area
|
|
@@ -226,8 +226,8 @@ export class PasswordInput {
|
|
|
226
226
|
if (this.touched) {
|
|
227
227
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
228
228
|
}
|
|
229
|
-
return h("div", { key: '
|
|
230
|
-
h("img", { key: '
|
|
229
|
+
return h("div", { key: 'e6a288d18a095de747c7eec28bcf117e5069cbc1', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: 'e2885669879d0b61473be48014975859d87b2478', class: 'password__wrapper--flex' }, h("label", { key: 'c12f0a0bfe91a9da9688ab0acd39f6a44eec5d0a', class: `password__label ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: 'f501cb74b838d2c4a1a1fd38086203e4b1c98dfe', class: 'password__wrapper--relative' }, this.tooltip &&
|
|
230
|
+
h("img", { key: '68d71061fb6be2245298e521b511e57b4cb12cbb', class: 'password__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("vaadin-password-field", { key: 'c8e3ce65dc46599cffe9763621b271fc18243829', 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 }), h("small", { key: 'ca4aeae4893276dc96bd7187aef5ac2ed86d35c8', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.hidePasswordComplexity && !this.isDuplicateInput && this.renderComplexityPopup());
|
|
231
231
|
}
|
|
232
232
|
static get is() { return "password-input"; }
|
|
233
233
|
static get encapsulation() { return "shadow"; }
|
|
@@ -565,8 +565,8 @@ export class PasswordInput {
|
|
|
565
565
|
}, {
|
|
566
566
|
"name": "click",
|
|
567
567
|
"method": "handleClickOutside",
|
|
568
|
-
"target": "
|
|
569
|
-
"capture":
|
|
568
|
+
"target": "window",
|
|
569
|
+
"capture": true,
|
|
570
570
|
"passive": false
|
|
571
571
|
}];
|
|
572
572
|
}
|
|
@@ -43,10 +43,10 @@ export class RadioInput {
|
|
|
43
43
|
this.sendValidityState.emit(inputStateEvent);
|
|
44
44
|
}
|
|
45
45
|
handleClickOutside(event) {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
if (event.composedPath()[0] !== this.tooltipReference)
|
|
46
|
+
const path = event.composedPath();
|
|
47
|
+
if (!path.includes(this.tooltipIconReference) && !path.includes(this.tooltipReference)) {
|
|
49
48
|
this.showTooltip = false;
|
|
49
|
+
}
|
|
50
50
|
}
|
|
51
51
|
componentDidRender() {
|
|
52
52
|
// start custom styling area
|
|
@@ -78,8 +78,8 @@ export class RadioInput {
|
|
|
78
78
|
return null;
|
|
79
79
|
}
|
|
80
80
|
render() {
|
|
81
|
-
return h("fieldset", { key: '
|
|
82
|
-
h("img", { key: '
|
|
81
|
+
return h("fieldset", { key: '8dd2ac2660557c45e3e7e1a514d94e8e0f90d4f2', class: `radio__fieldset ${this.name}__input`, ref: el => this.stylingContainer = el }, h("legend", { key: '609396bda45ad1d2ceb49a023bdc090833724ed4', class: 'radio__legend' }, this.displayName, ":"), this.optionsGroup.map(option => h("div", { class: 'radio__wrapper' }, 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) }), h("label", { htmlFor: `${option.label}__input` }, option.label))), h("small", { key: 'e3c097e5f460316759d74e1f06a4f9f805deb29e', class: 'radio__error-message' }, this.errorMessage), this.tooltip &&
|
|
82
|
+
h("img", { key: 'a71bf8fe647776214c36a87befff42b39b95106a', class: 'radio__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip());
|
|
83
83
|
}
|
|
84
84
|
static get is() { return "radio-input"; }
|
|
85
85
|
static get encapsulation() { return "shadow"; }
|
|
@@ -311,8 +311,8 @@ export class RadioInput {
|
|
|
311
311
|
return [{
|
|
312
312
|
"name": "click",
|
|
313
313
|
"method": "handleClickOutside",
|
|
314
|
-
"target": "
|
|
315
|
-
"capture":
|
|
314
|
+
"target": "window",
|
|
315
|
+
"capture": true,
|
|
316
316
|
"passive": false
|
|
317
317
|
}];
|
|
318
318
|
}
|
|
@@ -81,10 +81,10 @@ export class SelectInput {
|
|
|
81
81
|
this.sendInputValue.emit(inputValueEvent);
|
|
82
82
|
}
|
|
83
83
|
handleClickOutside(event) {
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
if (event.composedPath()[0] !== this.tooltipReference)
|
|
84
|
+
const path = event.composedPath();
|
|
85
|
+
if (!path.includes(this.tooltipIconReference) && !path.includes(this.tooltipReference)) {
|
|
87
86
|
this.showTooltip = false;
|
|
87
|
+
}
|
|
88
88
|
}
|
|
89
89
|
connectedCallback() {
|
|
90
90
|
this.displayedOptions = this.options.map(option => ({
|
|
@@ -177,8 +177,8 @@ export class SelectInput {
|
|
|
177
177
|
if (this.touched) {
|
|
178
178
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
179
179
|
}
|
|
180
|
-
return h("div", { key: '
|
|
181
|
-
h("img", { key: '
|
|
180
|
+
return h("div", { key: 'ec7d68885b1354f320075be819284bd43d651f5c', class: `select__wrapper ${this.autofilled ? 'select__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: 'c718c36b80341506d0ad303541b21b60853424e9', class: 'select__wrapper--flex' }, h("label", { key: '6b90cad1ad83768ee4ad8495c1c7a0eb8e2d4941', class: 'select__label', htmlFor: `${this.name}__input` }, `${this.displayName} ${this.validation.mandatory ? '*' : ''}`), h("div", { key: 'bc98b947de3cfaf89a90f2be1e37bd01ac951261', class: 'select__wrapper--relative' }, this.tooltip &&
|
|
181
|
+
h("img", { key: 'ffae584b4cd766dc4285b8b216a09ecaeccafb95', class: 'select__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("vaadin-combo-box", { key: 'f385e1ee1b8cd2ae12049178f6be70c25408a6bf', name: this.name, id: `${this.name}__input`, class: `select__input ${invalidClass} ${this.autofilled ? 'select__input--autofilled' : ''}`, "item-label-path": "label", "item-value-path": "value", ref: (el) => this.vaadinCombo = el, readOnly: this.autofilled, required: (_a = this.validation) === null || _a === void 0 ? void 0 : _a.mandatory, value: this.value, placeholder: `${this.placeholder}`, items: this.displayedOptions, onChange: this.handleComboChange, onBlur: this.handleBlur }), h("small", { key: '8473fb2ec7c5dfa24b0fda25c1d0918d48d0b7bf', class: 'select__error-message' }, this.errorMessage));
|
|
182
182
|
}
|
|
183
183
|
static get is() { return "select-input"; }
|
|
184
184
|
static get encapsulation() { return "shadow"; }
|
|
@@ -480,8 +480,8 @@ export class SelectInput {
|
|
|
480
480
|
return [{
|
|
481
481
|
"name": "click",
|
|
482
482
|
"method": "handleClickOutside",
|
|
483
|
-
"target": "
|
|
484
|
-
"capture":
|
|
483
|
+
"target": "window",
|
|
484
|
+
"capture": true,
|
|
485
485
|
"passive": false
|
|
486
486
|
}];
|
|
487
487
|
}
|
|
@@ -69,10 +69,10 @@ export class TelInput {
|
|
|
69
69
|
this.sendInputValue.emit(inputValueEvent);
|
|
70
70
|
}
|
|
71
71
|
handleClickOutside(event) {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
if (event.composedPath()[0] !== this.tooltipReference)
|
|
72
|
+
const path = event.composedPath();
|
|
73
|
+
if (!path.includes(this.tooltipIconReference) && !path.includes(this.tooltipReference)) {
|
|
75
74
|
this.showTooltip = false;
|
|
75
|
+
}
|
|
76
76
|
}
|
|
77
77
|
connectedCallback() {
|
|
78
78
|
this.validationPattern = this.setPattern();
|
|
@@ -163,8 +163,8 @@ export class TelInput {
|
|
|
163
163
|
if (this.touched) {
|
|
164
164
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
165
165
|
}
|
|
166
|
-
return h("div", { key: '
|
|
167
|
-
h("img", { key: '
|
|
166
|
+
return h("div", { key: 'c7d032ca77d84df7afa4c1e727096d78b2f4e648', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: 'df166d6dc5f020edc1d4502f20ede76b7796324e', class: 'tel__wrapper--flex-label' }, h("label", { key: '870d566c29df1a20d1bdc33d6e58e935f6f5c36f', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '7bc701596b6b06cd20c68e575af255468a4d0b1a', class: 'tel__wrapper--relative' }, this.tooltip &&
|
|
167
|
+
h("img", { key: '04d00cf8bfd06730abd304e8467ded4b0fa80e7c', class: 'tel__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("div", { key: 'aee77f8937b6d89f13f8bcc659d1c5e955ba7d13', class: `tel__wrapper--flex ${invalidClass}` }, h("vaadin-combo-box", { key: '02ef60a7235d38709c661eafe4094f5e43909ca5', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.autofilled, onChange: (e) => this.handlePrefixInput(e) }), h("input", { key: '11e7b3625d34789e59f5784c2a164d5322bab07d', 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 })), h("small", { key: '4c85018d23278bd3681dad20f22dc52168c121e4', class: 'tel__error-message' }, this.errorMessage));
|
|
168
168
|
}
|
|
169
169
|
static get is() { return "tel-input"; }
|
|
170
170
|
static get encapsulation() { return "shadow"; }
|
|
@@ -460,8 +460,8 @@ export class TelInput {
|
|
|
460
460
|
return [{
|
|
461
461
|
"name": "click",
|
|
462
462
|
"method": "handleClickOutside",
|
|
463
|
-
"target": "
|
|
464
|
-
"capture":
|
|
463
|
+
"target": "window",
|
|
464
|
+
"capture": true,
|
|
465
465
|
"passive": false
|
|
466
466
|
}];
|
|
467
467
|
}
|