@descope/web-components-ui 1.0.358 → 1.0.360
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +55 -103
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +108 -119
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/4392.js +1 -1
- package/dist/umd/4525.js +37 -0
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/descope-email-field-index-js.js +1 -1
- package/dist/umd/descope-enriched-text-index-js.js +1 -1
- package/dist/umd/descope-new-password-index-js.js +1 -1
- package/dist/umd/descope-number-field-index-js.js +1 -1
- package/dist/umd/descope-passcode-descope-passcode-internal-index-js.js +1 -1
- package/dist/umd/descope-passcode-index-js.js +1 -37
- package/dist/umd/descope-radio-group-index-js.js +1 -1
- package/dist/umd/descope-text-field-index-js.js +1 -1
- package/dist/umd/index.js +1 -1
- package/dist/umd/mapping-fields-descope-mappings-field-index-js.js +1 -1
- package/package.json +3 -1
- package/src/components/descope-enriched-text/EnrichedTextClass.js +1 -0
- package/src/components/descope-passcode/PasscodeClass.js +6 -1
- package/src/components/descope-passcode/descope-passcode-internal/PasscodeInternal.js +23 -12
- package/src/components/descope-passcode/descope-passcode-internal/helpers.js +33 -5
- package/src/components/descope-text-field/textFieldMappings.js +6 -1
- package/src/helpers/themeHelpers/index.js +1 -1
- package/src/theme/components/enrichedText.js +14 -75
- package/src/theme/components/index.js +2 -2
- package/src/theme/components/text.js +1 -0
- /package/dist/umd/{descope-passcode-index-js.js.LICENSE.txt → 4525.js.LICENSE.txt} +0 -0
package/dist/cjs/index.cjs.js
CHANGED
@@ -3,6 +3,7 @@
|
|
3
3
|
var merge = require('lodash.merge');
|
4
4
|
var Color = require('color');
|
5
5
|
var MarkdownIt = require('markdown-it');
|
6
|
+
require('lodash.debounce');
|
6
7
|
var hljs = require('highlight.js');
|
7
8
|
|
8
9
|
const DESCOPE_PREFIX = 'descope';
|
@@ -2972,6 +2973,7 @@ const {
|
|
2972
2973
|
requiredIndicator: requiredIndicator$b,
|
2973
2974
|
inputField: inputField$6,
|
2974
2975
|
input,
|
2976
|
+
inputMask,
|
2975
2977
|
helperText: helperText$a,
|
2976
2978
|
errorMessage: errorMessage$c,
|
2977
2979
|
disabledPlaceholder,
|
@@ -2988,6 +2990,7 @@ const {
|
|
2988
2990
|
disabledPlaceholder: { selector: '> input:disabled::placeholder' },
|
2989
2991
|
inputField: { selector: '::part(input-field)' },
|
2990
2992
|
input: { selector: 'input' },
|
2993
|
+
inputMask: { selector: '::part(input-field)::before' },
|
2991
2994
|
inputDisabled: { selector: 'input:disabled' },
|
2992
2995
|
helperText: { selector: '::part(helper-text)' },
|
2993
2996
|
errorMessage: { selector: '::part(error-message)' },
|
@@ -3013,7 +3016,10 @@ var textFieldMappings = {
|
|
3013
3016
|
hostMinWidth: { ...host$m, property: 'min-width' },
|
3014
3017
|
hostDirection: { ...host$m, property: 'direction' },
|
3015
3018
|
|
3016
|
-
inputBackgroundColor:
|
3019
|
+
inputBackgroundColor: [
|
3020
|
+
{ ...inputField$6, property: 'background-color' },
|
3021
|
+
{ ...inputMask, property: 'background-color' },
|
3022
|
+
],
|
3017
3023
|
|
3018
3024
|
errorMessageTextColor: { ...errorMessage$c, property: 'color' },
|
3019
3025
|
helperTextColor: { ...helperText$a, property: '-webkit-text-fill-color' },
|
@@ -4937,6 +4943,7 @@ const text$2 = {
|
|
4937
4943
|
[vars$v.textLineHeight]: '1.35em',
|
4938
4944
|
[vars$v.textAlign]: 'left',
|
4939
4945
|
[vars$v.textColor]: globalRefs$m.colors.surface.dark,
|
4946
|
+
|
4940
4947
|
variant: {
|
4941
4948
|
h1: {
|
4942
4949
|
[vars$v.fontSize]: globalRefs$m.typography.h1.size,
|
@@ -5044,7 +5051,7 @@ const decodeHTML = (html) => {
|
|
5044
5051
|
|
5045
5052
|
const componentName$C = getComponentName('enriched-text');
|
5046
5053
|
|
5047
|
-
|
5054
|
+
class EnrichedText extends createBaseClass({ componentName: componentName$C, baseSelector: ':host > div' }) {
|
5048
5055
|
#origLinkRenderer;
|
5049
5056
|
|
5050
5057
|
#origEmRenderer;
|
@@ -5204,7 +5211,7 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
|
|
5204
5211
|
this.contentNode.removeAttribute('inert');
|
5205
5212
|
}
|
5206
5213
|
}
|
5207
|
-
}
|
5214
|
+
}
|
5208
5215
|
|
5209
5216
|
const EnrichedTextClass = compose(
|
5210
5217
|
createStyleMixin({
|
@@ -5229,9 +5236,10 @@ const EnrichedTextClass = compose(
|
|
5229
5236
|
},
|
5230
5237
|
}),
|
5231
5238
|
createStyleMixin({ componentNameOverride: getComponentName('link') }),
|
5239
|
+
createStyleMixin({ componentNameOverride: getComponentName('text') }),
|
5232
5240
|
draggableMixin,
|
5233
5241
|
componentNameValidationMixin
|
5234
|
-
)(EnrichedText
|
5242
|
+
)(EnrichedText);
|
5235
5243
|
|
5236
5244
|
const componentName$B = getComponentName('link');
|
5237
5245
|
|
@@ -5300,33 +5308,31 @@ const LinkClass = compose(
|
|
5300
5308
|
)(RawLink);
|
5301
5309
|
|
5302
5310
|
const globalRefs$l = getThemeRefs(globals);
|
5303
|
-
const vars$u =
|
5311
|
+
const vars$u = LinkClass.cssVarList;
|
5304
5312
|
|
5305
|
-
const
|
5313
|
+
const link$1 = {
|
5306
5314
|
[vars$u.hostDirection]: globalRefs$l.direction,
|
5315
|
+
[vars$u.cursor]: 'pointer',
|
5307
5316
|
|
5308
|
-
[vars$u.
|
5309
|
-
[vars$u.fontWeight]: globalRefs$l.typography.body1.weight,
|
5310
|
-
[vars$u.fontWeightBold]: '900',
|
5311
|
-
[vars$u.fontFamily]: globalRefs$l.typography.body1.font,
|
5317
|
+
[vars$u.textColor]: globalRefs$l.colors.primary.main,
|
5312
5318
|
|
5313
|
-
|
5314
|
-
|
5315
|
-
|
5319
|
+
textAlign: {
|
5320
|
+
right: { [vars$u.textAlign]: 'right' },
|
5321
|
+
left: { [vars$u.textAlign]: 'left' },
|
5322
|
+
center: { [vars$u.textAlign]: 'center' },
|
5323
|
+
},
|
5316
5324
|
|
5317
|
-
|
5318
|
-
|
5319
|
-
|
5325
|
+
_fullWidth: {
|
5326
|
+
[vars$u.hostWidth]: '100%',
|
5327
|
+
},
|
5320
5328
|
|
5321
|
-
|
5322
|
-
|
5329
|
+
_hover: {
|
5330
|
+
[vars$u.textDecoration]: 'underline',
|
5331
|
+
},
|
5323
5332
|
|
5324
5333
|
mode: {
|
5325
|
-
primary: {
|
5326
|
-
[vars$u.textColor]: globalRefs$l.colors.surface.contrast,
|
5327
|
-
},
|
5328
5334
|
secondary: {
|
5329
|
-
[vars$u.textColor]: globalRefs$l.colors.
|
5335
|
+
[vars$u.textColor]: globalRefs$l.colors.secondary.main,
|
5330
5336
|
},
|
5331
5337
|
error: {
|
5332
5338
|
[vars$u.textColor]: globalRefs$l.colors.error.main,
|
@@ -5335,101 +5341,41 @@ const EnrichedText = {
|
|
5335
5341
|
[vars$u.textColor]: globalRefs$l.colors.success.main,
|
5336
5342
|
},
|
5337
5343
|
},
|
5338
|
-
|
5339
|
-
variant: {
|
5340
|
-
h1: {
|
5341
|
-
[vars$u.fontSize]: globalRefs$l.typography.h1.size,
|
5342
|
-
[vars$u.fontWeight]: globalRefs$l.typography.h1.weight,
|
5343
|
-
[vars$u.fontFamily]: globalRefs$l.typography.h1.font,
|
5344
|
-
},
|
5345
|
-
h2: {
|
5346
|
-
[vars$u.fontSize]: globalRefs$l.typography.h2.size,
|
5347
|
-
[vars$u.fontWeight]: globalRefs$l.typography.h2.weight,
|
5348
|
-
[vars$u.fontFamily]: globalRefs$l.typography.h2.font,
|
5349
|
-
},
|
5350
|
-
h3: {
|
5351
|
-
[vars$u.fontSize]: globalRefs$l.typography.h3.size,
|
5352
|
-
[vars$u.fontWeight]: globalRefs$l.typography.h3.weight,
|
5353
|
-
[vars$u.fontFamily]: globalRefs$l.typography.h3.font,
|
5354
|
-
},
|
5355
|
-
subtitle1: {
|
5356
|
-
[vars$u.fontSize]: globalRefs$l.typography.subtitle1.size,
|
5357
|
-
[vars$u.fontWeight]: globalRefs$l.typography.subtitle1.weight,
|
5358
|
-
[vars$u.fontFamily]: globalRefs$l.typography.subtitle1.font,
|
5359
|
-
},
|
5360
|
-
subtitle2: {
|
5361
|
-
[vars$u.fontSize]: globalRefs$l.typography.subtitle2.size,
|
5362
|
-
[vars$u.fontWeight]: globalRefs$l.typography.subtitle2.weight,
|
5363
|
-
[vars$u.fontFamily]: globalRefs$l.typography.subtitle2.font,
|
5364
|
-
},
|
5365
|
-
body1: {
|
5366
|
-
[vars$u.fontSize]: globalRefs$l.typography.body1.size,
|
5367
|
-
[vars$u.fontWeight]: globalRefs$l.typography.body1.weight,
|
5368
|
-
[vars$u.fontFamily]: globalRefs$l.typography.body1.font,
|
5369
|
-
},
|
5370
|
-
body2: {
|
5371
|
-
[vars$u.fontSize]: globalRefs$l.typography.body2.size,
|
5372
|
-
[vars$u.fontWeight]: globalRefs$l.typography.body2.weight,
|
5373
|
-
[vars$u.fontFamily]: globalRefs$l.typography.body2.font,
|
5374
|
-
},
|
5375
|
-
},
|
5376
|
-
|
5377
|
-
textAlign: {
|
5378
|
-
right: { [vars$u.textAlign]: 'right' },
|
5379
|
-
left: { [vars$u.textAlign]: 'left' },
|
5380
|
-
center: { [vars$u.textAlign]: 'center' },
|
5381
|
-
},
|
5382
|
-
|
5383
|
-
_fullWidth: {
|
5384
|
-
[vars$u.hostWidth]: '100%',
|
5385
|
-
},
|
5386
5344
|
};
|
5387
5345
|
|
5388
|
-
var
|
5346
|
+
var link$2 = /*#__PURE__*/Object.freeze({
|
5389
5347
|
__proto__: null,
|
5390
|
-
default:
|
5348
|
+
default: link$1,
|
5391
5349
|
vars: vars$u
|
5392
5350
|
});
|
5393
5351
|
|
5394
5352
|
const globalRefs$k = getThemeRefs(globals);
|
5395
|
-
const vars$t =
|
5353
|
+
const vars$t = EnrichedTextClass.cssVarList;
|
5396
5354
|
|
5397
|
-
const
|
5355
|
+
const enrichedText = {
|
5398
5356
|
[vars$t.hostDirection]: globalRefs$k.direction,
|
5399
|
-
[vars$t.
|
5357
|
+
[vars$t.hostWidth]: useVar(vars$v.hostWidth),
|
5400
5358
|
|
5401
|
-
[vars$t.
|
5359
|
+
[vars$t.textLineHeight]: useVar(vars$v.textLineHeight),
|
5360
|
+
[vars$t.textColor]: useVar(vars$v.textColor),
|
5361
|
+
[vars$t.textAlign]: useVar(vars$v.textAlign),
|
5402
5362
|
|
5403
|
-
|
5404
|
-
|
5405
|
-
|
5406
|
-
center: { [vars$t.textAlign]: 'center' },
|
5407
|
-
},
|
5363
|
+
[vars$t.fontSize]: useVar(vars$v.fontSize),
|
5364
|
+
[vars$t.fontWeight]: useVar(vars$v.fontWeight),
|
5365
|
+
[vars$t.fontFamily]: useVar(vars$v.fontFamily),
|
5408
5366
|
|
5409
|
-
|
5410
|
-
|
5411
|
-
|
5367
|
+
[vars$t.linkColor]: useVar(vars$u.textColor),
|
5368
|
+
[vars$t.linkTextDecoration]: 'none',
|
5369
|
+
[vars$t.linkHoverTextDecoration]: 'underline',
|
5412
5370
|
|
5413
|
-
|
5414
|
-
|
5415
|
-
|
5416
|
-
|
5417
|
-
mode: {
|
5418
|
-
secondary: {
|
5419
|
-
[vars$t.textColor]: globalRefs$k.colors.secondary.main,
|
5420
|
-
},
|
5421
|
-
error: {
|
5422
|
-
[vars$t.textColor]: globalRefs$k.colors.error.main,
|
5423
|
-
},
|
5424
|
-
success: {
|
5425
|
-
[vars$t.textColor]: globalRefs$k.colors.success.main,
|
5426
|
-
},
|
5427
|
-
},
|
5371
|
+
[vars$t.fontWeightBold]: '900',
|
5372
|
+
[vars$t.minWidth]: '0.25em',
|
5373
|
+
[vars$t.minHeight]: '1.35em',
|
5428
5374
|
};
|
5429
5375
|
|
5430
|
-
var
|
5376
|
+
var enrichedText$1 = /*#__PURE__*/Object.freeze({
|
5431
5377
|
__proto__: null,
|
5432
|
-
default:
|
5378
|
+
default: enrichedText,
|
5433
5379
|
vars: vars$t
|
5434
5380
|
});
|
5435
5381
|
|
@@ -5785,10 +5731,15 @@ const PasscodeClass = compose(
|
|
5785
5731
|
-webkit-mask-image: none;
|
5786
5732
|
}
|
5787
5733
|
|
5734
|
+
/* safari */
|
5735
|
+
vaadin-text-field::part(input-field)::after {
|
5736
|
+
opacity: 0;
|
5737
|
+
}
|
5738
|
+
|
5788
5739
|
vaadin-text-field {
|
5789
5740
|
margin: 0;
|
5790
5741
|
padding: 0;
|
5791
|
-
width: 100
|
5742
|
+
width: 100%;
|
5792
5743
|
}
|
5793
5744
|
|
5794
5745
|
vaadin-text-field::before {
|
@@ -13106,7 +13057,7 @@ const components = {
|
|
13106
13057
|
totpImage,
|
13107
13058
|
notpImage,
|
13108
13059
|
text: text$3,
|
13109
|
-
|
13060
|
+
enrichedText: enrichedText$1,
|
13110
13061
|
link: link$2,
|
13111
13062
|
divider: divider$1,
|
13112
13063
|
passcode: passcode$1,
|
@@ -13544,4 +13495,5 @@ exports.globalsThemeToStyle = globalsThemeToStyle;
|
|
13544
13495
|
exports.themeToCSSVarsObj = themeToCSSVarsObj;
|
13545
13496
|
exports.themeToStyle = themeToStyle;
|
13546
13497
|
exports.themeVars = themeVars;
|
13498
|
+
exports.useVar = useVar;
|
13547
13499
|
//# sourceMappingURL=index.cjs.js.map
|