@descope/web-components-ui 1.0.415 → 1.0.417
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/index.cjs.js +1579 -1410
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +1519 -1351
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/descope-alert-index-js.js +1 -0
- package/dist/umd/descope-enriched-text-index-js.js +1 -1
- package/dist/umd/index.js +1 -1
- package/package.json +2 -2
- package/src/components/descope-alert/AlertClass.js +104 -0
- package/src/components/descope-alert/index.js +6 -0
- package/src/components/descope-enriched-text/EnrichedTextClass.js +0 -3
- package/src/index.cjs.js +1 -0
- package/src/index.js +1 -0
- package/src/theme/components/alert.js +76 -0
- package/src/theme/components/index.js +2 -0
- package/src/theme/components/link.js +0 -6
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -658,7 +658,7 @@ const globals = {
|
|
|
658
658
|
fonts,
|
|
659
659
|
direction,
|
|
660
660
|
};
|
|
661
|
-
const vars$
|
|
661
|
+
const vars$U = getThemeVars(globals);
|
|
662
662
|
|
|
663
663
|
const createCssVar = (varName, fallback) => `var(${varName}${fallback ? `, ${fallback}` : ''})`;
|
|
664
664
|
|
|
@@ -2988,9 +2988,9 @@ const createIcon = async (src) => {
|
|
|
2988
2988
|
|
|
2989
2989
|
/* eslint-disable no-use-before-define */
|
|
2990
2990
|
|
|
2991
|
-
const componentName$
|
|
2991
|
+
const componentName$11 = getComponentName('icon');
|
|
2992
2992
|
|
|
2993
|
-
class RawIcon extends createBaseClass({ componentName: componentName$
|
|
2993
|
+
class RawIcon extends createBaseClass({ componentName: componentName$11, baseSelector: 'slot' }) {
|
|
2994
2994
|
static get observedAttributes() {
|
|
2995
2995
|
return ['src'];
|
|
2996
2996
|
}
|
|
@@ -3075,7 +3075,7 @@ const clickableMixin = (superclass) =>
|
|
|
3075
3075
|
}
|
|
3076
3076
|
};
|
|
3077
3077
|
|
|
3078
|
-
const componentName
|
|
3078
|
+
const componentName$10 = getComponentName('button');
|
|
3079
3079
|
|
|
3080
3080
|
const resetStyles = `
|
|
3081
3081
|
:host {
|
|
@@ -3191,7 +3191,7 @@ const ButtonClass = compose(
|
|
|
3191
3191
|
}
|
|
3192
3192
|
`,
|
|
3193
3193
|
excludeAttrsSync: ['tabindex'],
|
|
3194
|
-
componentName: componentName
|
|
3194
|
+
componentName: componentName$10,
|
|
3195
3195
|
})
|
|
3196
3196
|
);
|
|
3197
3197
|
|
|
@@ -3228,31 +3228,31 @@ loadingIndicatorStyles = `
|
|
|
3228
3228
|
}
|
|
3229
3229
|
`;
|
|
3230
3230
|
|
|
3231
|
-
const globalRefs$
|
|
3231
|
+
const globalRefs$z = getThemeRefs(globals);
|
|
3232
3232
|
const compVars$6 = ButtonClass.cssVarList;
|
|
3233
3233
|
|
|
3234
3234
|
const mode = {
|
|
3235
|
-
primary: globalRefs$
|
|
3236
|
-
secondary: globalRefs$
|
|
3237
|
-
success: globalRefs$
|
|
3238
|
-
error: globalRefs$
|
|
3239
|
-
surface: globalRefs$
|
|
3235
|
+
primary: globalRefs$z.colors.primary,
|
|
3236
|
+
secondary: globalRefs$z.colors.secondary,
|
|
3237
|
+
success: globalRefs$z.colors.success,
|
|
3238
|
+
error: globalRefs$z.colors.error,
|
|
3239
|
+
surface: globalRefs$z.colors.surface,
|
|
3240
3240
|
};
|
|
3241
3241
|
|
|
3242
|
-
const [helperTheme$4, helperRefs$4, helperVars$4] = createHelperVars({ mode }, componentName
|
|
3242
|
+
const [helperTheme$4, helperRefs$4, helperVars$4] = createHelperVars({ mode }, componentName$10);
|
|
3243
3243
|
|
|
3244
3244
|
const button = {
|
|
3245
3245
|
...helperTheme$4,
|
|
3246
3246
|
|
|
3247
|
-
[compVars$6.fontFamily]: globalRefs$
|
|
3247
|
+
[compVars$6.fontFamily]: globalRefs$z.fonts.font1.family,
|
|
3248
3248
|
|
|
3249
3249
|
[compVars$6.cursor]: 'pointer',
|
|
3250
3250
|
[compVars$6.hostHeight]: '3em',
|
|
3251
3251
|
[compVars$6.hostWidth]: 'auto',
|
|
3252
|
-
[compVars$6.hostDirection]: globalRefs$
|
|
3252
|
+
[compVars$6.hostDirection]: globalRefs$z.direction,
|
|
3253
3253
|
|
|
3254
|
-
[compVars$6.borderRadius]: globalRefs$
|
|
3255
|
-
[compVars$6.borderWidth]: globalRefs$
|
|
3254
|
+
[compVars$6.borderRadius]: globalRefs$z.radius.sm,
|
|
3255
|
+
[compVars$6.borderWidth]: globalRefs$z.border.xs,
|
|
3256
3256
|
[compVars$6.borderStyle]: 'solid',
|
|
3257
3257
|
[compVars$6.borderColor]: 'transparent',
|
|
3258
3258
|
|
|
@@ -3298,11 +3298,11 @@ const button = {
|
|
|
3298
3298
|
},
|
|
3299
3299
|
|
|
3300
3300
|
_disabled: {
|
|
3301
|
-
[helperVars$4.main]: globalRefs$
|
|
3302
|
-
[helperVars$4.dark]: globalRefs$
|
|
3303
|
-
[helperVars$4.light]: globalRefs$
|
|
3304
|
-
[helperVars$4.contrast]: globalRefs$
|
|
3305
|
-
[compVars$6.iconColor]: globalRefs$
|
|
3301
|
+
[helperVars$4.main]: globalRefs$z.colors.surface.light,
|
|
3302
|
+
[helperVars$4.dark]: globalRefs$z.colors.surface.dark,
|
|
3303
|
+
[helperVars$4.light]: globalRefs$z.colors.surface.light,
|
|
3304
|
+
[helperVars$4.contrast]: globalRefs$z.colors.surface.main,
|
|
3305
|
+
[compVars$6.iconColor]: globalRefs$z.colors.surface.main,
|
|
3306
3306
|
},
|
|
3307
3307
|
|
|
3308
3308
|
variant: {
|
|
@@ -3351,7 +3351,7 @@ const button = {
|
|
|
3351
3351
|
},
|
|
3352
3352
|
};
|
|
3353
3353
|
|
|
3354
|
-
const vars$
|
|
3354
|
+
const vars$T = {
|
|
3355
3355
|
...compVars$6,
|
|
3356
3356
|
...helperVars$4,
|
|
3357
3357
|
};
|
|
@@ -3359,7 +3359,7 @@ const vars$S = {
|
|
|
3359
3359
|
var button$1 = /*#__PURE__*/Object.freeze({
|
|
3360
3360
|
__proto__: null,
|
|
3361
3361
|
default: button,
|
|
3362
|
-
vars: vars$
|
|
3362
|
+
vars: vars$T
|
|
3363
3363
|
});
|
|
3364
3364
|
|
|
3365
3365
|
const {
|
|
@@ -3659,7 +3659,7 @@ const inputFloatingLabelStyle = () => {
|
|
|
3659
3659
|
`;
|
|
3660
3660
|
};
|
|
3661
3661
|
|
|
3662
|
-
const componentName
|
|
3662
|
+
const componentName$$ = getComponentName('text-field');
|
|
3663
3663
|
|
|
3664
3664
|
const observedAttrs$2 = ['type', 'label-type', 'copy-to-clipboard'];
|
|
3665
3665
|
|
|
@@ -3781,30 +3781,30 @@ const TextFieldClass = compose(
|
|
|
3781
3781
|
}
|
|
3782
3782
|
`,
|
|
3783
3783
|
excludeAttrsSync: ['tabindex'],
|
|
3784
|
-
componentName: componentName
|
|
3784
|
+
componentName: componentName$$,
|
|
3785
3785
|
})
|
|
3786
3786
|
);
|
|
3787
3787
|
|
|
3788
|
-
const componentName$
|
|
3789
|
-
const globalRefs$
|
|
3788
|
+
const componentName$_ = getComponentName('input-wrapper');
|
|
3789
|
+
const globalRefs$y = getThemeRefs(globals);
|
|
3790
3790
|
|
|
3791
|
-
const [theme$1, refs, vars$
|
|
3791
|
+
const [theme$1, refs, vars$S] = createHelperVars(
|
|
3792
3792
|
{
|
|
3793
|
-
labelTextColor: globalRefs$
|
|
3793
|
+
labelTextColor: globalRefs$y.colors.surface.dark,
|
|
3794
3794
|
labelFontSize: '14px', // not taken from globals as it is fixed in all inputs
|
|
3795
3795
|
labelFontWeight: '500', // not taken from globals as it is fixed in all inputs
|
|
3796
|
-
valueTextColor: globalRefs$
|
|
3797
|
-
placeholderTextColor: globalRefs$
|
|
3796
|
+
valueTextColor: globalRefs$y.colors.surface.contrast,
|
|
3797
|
+
placeholderTextColor: globalRefs$y.colors.surface.dark,
|
|
3798
3798
|
requiredIndicator: "'*'",
|
|
3799
|
-
helperTextColor: globalRefs$
|
|
3800
|
-
errorMessageTextColor: globalRefs$
|
|
3801
|
-
successMessageTextColor: globalRefs$
|
|
3799
|
+
helperTextColor: globalRefs$y.colors.surface.dark,
|
|
3800
|
+
errorMessageTextColor: globalRefs$y.colors.error.main,
|
|
3801
|
+
successMessageTextColor: globalRefs$y.colors.success.main,
|
|
3802
3802
|
|
|
3803
|
-
borderWidth: globalRefs$
|
|
3804
|
-
borderRadius: globalRefs$
|
|
3803
|
+
borderWidth: globalRefs$y.border.xs,
|
|
3804
|
+
borderRadius: globalRefs$y.radius.xs,
|
|
3805
3805
|
borderColor: 'transparent',
|
|
3806
3806
|
|
|
3807
|
-
outlineWidth: globalRefs$
|
|
3807
|
+
outlineWidth: globalRefs$y.border.sm,
|
|
3808
3808
|
outlineStyle: 'solid',
|
|
3809
3809
|
outlineColor: 'transparent',
|
|
3810
3810
|
outlineOffset: '0px', // we need to keep the px unit even for 0 value, as this var is used for calc in different component classes
|
|
@@ -3818,11 +3818,11 @@ const [theme$1, refs, vars$R] = createHelperVars(
|
|
|
3818
3818
|
|
|
3819
3819
|
textAlign: 'start',
|
|
3820
3820
|
|
|
3821
|
-
backgroundColor: globalRefs$
|
|
3821
|
+
backgroundColor: globalRefs$y.colors.surface.main,
|
|
3822
3822
|
|
|
3823
|
-
fontFamily: globalRefs$
|
|
3823
|
+
fontFamily: globalRefs$y.fonts.font1.family,
|
|
3824
3824
|
|
|
3825
|
-
direction: globalRefs$
|
|
3825
|
+
direction: globalRefs$y.direction,
|
|
3826
3826
|
|
|
3827
3827
|
overlayOpacity: '0.3',
|
|
3828
3828
|
|
|
@@ -3882,101 +3882,101 @@ const [theme$1, refs, vars$R] = createHelperVars(
|
|
|
3882
3882
|
},
|
|
3883
3883
|
|
|
3884
3884
|
_focused: {
|
|
3885
|
-
outlineColor: globalRefs$
|
|
3885
|
+
outlineColor: globalRefs$y.colors.surface.light,
|
|
3886
3886
|
_invalid: {
|
|
3887
|
-
outlineColor: globalRefs$
|
|
3887
|
+
outlineColor: globalRefs$y.colors.error.main,
|
|
3888
3888
|
},
|
|
3889
3889
|
},
|
|
3890
3890
|
|
|
3891
3891
|
_bordered: {
|
|
3892
|
-
outlineWidth: globalRefs$
|
|
3893
|
-
borderColor: globalRefs$
|
|
3892
|
+
outlineWidth: globalRefs$y.border.xs,
|
|
3893
|
+
borderColor: globalRefs$y.colors.surface.light,
|
|
3894
3894
|
borderStyle: 'solid',
|
|
3895
3895
|
_invalid: {
|
|
3896
|
-
borderColor: globalRefs$
|
|
3896
|
+
borderColor: globalRefs$y.colors.error.main,
|
|
3897
3897
|
},
|
|
3898
3898
|
},
|
|
3899
3899
|
|
|
3900
3900
|
_disabled: {
|
|
3901
|
-
labelTextColor: globalRefs$
|
|
3902
|
-
borderColor: globalRefs$
|
|
3903
|
-
valueTextColor: globalRefs$
|
|
3904
|
-
placeholderTextColor: globalRefs$
|
|
3905
|
-
helperTextColor: globalRefs$
|
|
3906
|
-
backgroundColor: globalRefs$
|
|
3901
|
+
labelTextColor: globalRefs$y.colors.surface.light,
|
|
3902
|
+
borderColor: globalRefs$y.colors.surface.light,
|
|
3903
|
+
valueTextColor: globalRefs$y.colors.surface.light,
|
|
3904
|
+
placeholderTextColor: globalRefs$y.colors.surface.light,
|
|
3905
|
+
helperTextColor: globalRefs$y.colors.surface.light,
|
|
3906
|
+
backgroundColor: globalRefs$y.colors.surface.main,
|
|
3907
3907
|
},
|
|
3908
3908
|
},
|
|
3909
|
-
componentName$
|
|
3909
|
+
componentName$_
|
|
3910
3910
|
);
|
|
3911
3911
|
|
|
3912
3912
|
var inputWrapper = /*#__PURE__*/Object.freeze({
|
|
3913
3913
|
__proto__: null,
|
|
3914
3914
|
default: theme$1,
|
|
3915
3915
|
refs: refs,
|
|
3916
|
-
vars: vars$
|
|
3916
|
+
vars: vars$S
|
|
3917
3917
|
});
|
|
3918
3918
|
|
|
3919
|
-
const globalRefs$
|
|
3920
|
-
const vars$
|
|
3919
|
+
const globalRefs$x = getThemeRefs(globals);
|
|
3920
|
+
const vars$R = TextFieldClass.cssVarList;
|
|
3921
3921
|
|
|
3922
3922
|
const textField$1 = {
|
|
3923
|
-
[vars$
|
|
3924
|
-
[vars$
|
|
3925
|
-
[vars$
|
|
3926
|
-
[vars$
|
|
3927
|
-
[vars$
|
|
3928
|
-
[vars$
|
|
3929
|
-
[vars$
|
|
3930
|
-
[vars$
|
|
3931
|
-
[vars$
|
|
3932
|
-
[vars$
|
|
3933
|
-
[vars$
|
|
3934
|
-
[vars$
|
|
3935
|
-
[vars$
|
|
3936
|
-
[vars$
|
|
3937
|
-
[vars$
|
|
3938
|
-
[vars$
|
|
3939
|
-
[vars$
|
|
3940
|
-
[vars$
|
|
3941
|
-
[vars$
|
|
3942
|
-
[vars$
|
|
3943
|
-
[vars$
|
|
3944
|
-
[vars$
|
|
3945
|
-
[vars$
|
|
3946
|
-
[vars$
|
|
3947
|
-
[vars$
|
|
3923
|
+
[vars$R.hostWidth]: refs.width,
|
|
3924
|
+
[vars$R.hostMinWidth]: refs.minWidth,
|
|
3925
|
+
[vars$R.hostDirection]: refs.direction,
|
|
3926
|
+
[vars$R.fontSize]: refs.fontSize,
|
|
3927
|
+
[vars$R.fontFamily]: refs.fontFamily,
|
|
3928
|
+
[vars$R.labelFontSize]: refs.labelFontSize,
|
|
3929
|
+
[vars$R.labelFontWeight]: refs.labelFontWeight,
|
|
3930
|
+
[vars$R.labelTextColor]: refs.labelTextColor,
|
|
3931
|
+
[vars$R.labelRequiredIndicator]: refs.requiredIndicator,
|
|
3932
|
+
[vars$R.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
3933
|
+
[vars$R.inputValueTextColor]: refs.valueTextColor,
|
|
3934
|
+
[vars$R.inputPlaceholderColor]: refs.placeholderTextColor,
|
|
3935
|
+
[vars$R.inputBorderWidth]: refs.borderWidth,
|
|
3936
|
+
[vars$R.inputBorderStyle]: refs.borderStyle,
|
|
3937
|
+
[vars$R.inputBorderColor]: refs.borderColor,
|
|
3938
|
+
[vars$R.inputBorderRadius]: refs.borderRadius,
|
|
3939
|
+
[vars$R.inputOutlineWidth]: refs.outlineWidth,
|
|
3940
|
+
[vars$R.inputOutlineStyle]: refs.outlineStyle,
|
|
3941
|
+
[vars$R.inputOutlineColor]: refs.outlineColor,
|
|
3942
|
+
[vars$R.inputOutlineOffset]: refs.outlineOffset,
|
|
3943
|
+
[vars$R.inputBackgroundColor]: refs.backgroundColor,
|
|
3944
|
+
[vars$R.inputHeight]: refs.inputHeight,
|
|
3945
|
+
[vars$R.inputHorizontalPadding]: refs.horizontalPadding,
|
|
3946
|
+
[vars$R.helperTextColor]: refs.helperTextColor,
|
|
3947
|
+
[vars$R.textAlign]: refs.textAlign,
|
|
3948
3948
|
textAlign: {
|
|
3949
|
-
right: { [vars$
|
|
3950
|
-
left: { [vars$
|
|
3951
|
-
center: { [vars$
|
|
3949
|
+
right: { [vars$R.inputTextAlign]: 'right' },
|
|
3950
|
+
left: { [vars$R.inputTextAlign]: 'left' },
|
|
3951
|
+
center: { [vars$R.inputTextAlign]: 'center' },
|
|
3952
3952
|
},
|
|
3953
|
-
[vars$
|
|
3954
|
-
[vars$
|
|
3955
|
-
[vars$
|
|
3956
|
-
[vars$
|
|
3957
|
-
[vars$
|
|
3958
|
-
[vars$
|
|
3959
|
-
[vars$
|
|
3960
|
-
[vars$
|
|
3961
|
-
[vars$
|
|
3962
|
-
[vars$
|
|
3963
|
-
[vars$
|
|
3964
|
-
[vars$
|
|
3965
|
-
[vars$
|
|
3953
|
+
[vars$R.labelPosition]: refs.labelPosition,
|
|
3954
|
+
[vars$R.labelTopPosition]: refs.labelTopPosition,
|
|
3955
|
+
[vars$R.labelHorizontalPosition]: refs.labelHorizontalPosition,
|
|
3956
|
+
[vars$R.inputTransformY]: refs.inputTransformY,
|
|
3957
|
+
[vars$R.inputTransition]: refs.inputTransition,
|
|
3958
|
+
[vars$R.marginInlineStart]: refs.marginInlineStart,
|
|
3959
|
+
[vars$R.placeholderOpacity]: refs.placeholderOpacity,
|
|
3960
|
+
[vars$R.inputVerticalAlignment]: refs.inputVerticalAlignment,
|
|
3961
|
+
[vars$R.valueInputHeight]: refs.valueInputHeight,
|
|
3962
|
+
[vars$R.valueInputMarginBottom]: refs.valueInputMarginBottom,
|
|
3963
|
+
[vars$R.inputIconOffset]: globalRefs$x.spacing.md,
|
|
3964
|
+
[vars$R.inputIconSize]: refs.inputIconSize,
|
|
3965
|
+
[vars$R.inputIconColor]: refs.placeholderTextColor,
|
|
3966
3966
|
|
|
3967
3967
|
// error message icon
|
|
3968
|
-
[vars$
|
|
3969
|
-
[vars$
|
|
3970
|
-
[vars$
|
|
3971
|
-
[vars$
|
|
3972
|
-
[vars$
|
|
3968
|
+
[vars$R.errorMessageIcon]: refs.errorMessageIcon,
|
|
3969
|
+
[vars$R.errorMessageIconSize]: refs.errorMessageIconSize,
|
|
3970
|
+
[vars$R.errorMessageIconPadding]: refs.errorMessageIconPadding,
|
|
3971
|
+
[vars$R.errorMessageIconRepeat]: refs.errorMessageIconRepeat,
|
|
3972
|
+
[vars$R.errorMessageIconPosition]: refs.errorMessageIconPosition,
|
|
3973
3973
|
};
|
|
3974
3974
|
|
|
3975
3975
|
var textField$2 = /*#__PURE__*/Object.freeze({
|
|
3976
3976
|
__proto__: null,
|
|
3977
3977
|
default: textField$1,
|
|
3978
3978
|
textField: textField$1,
|
|
3979
|
-
vars: vars$
|
|
3979
|
+
vars: vars$R
|
|
3980
3980
|
});
|
|
3981
3981
|
|
|
3982
3982
|
const passwordDraggableMixin = (superclass) =>
|
|
@@ -4018,7 +4018,7 @@ const passwordDraggableMixin = (superclass) =>
|
|
|
4018
4018
|
}
|
|
4019
4019
|
};
|
|
4020
4020
|
|
|
4021
|
-
const componentName$
|
|
4021
|
+
const componentName$Z = getComponentName('password');
|
|
4022
4022
|
|
|
4023
4023
|
const customMixin$b = (superclass) =>
|
|
4024
4024
|
class PasswordFieldMixinClass extends superclass {
|
|
@@ -4299,65 +4299,65 @@ const PasswordClass = compose(
|
|
|
4299
4299
|
}
|
|
4300
4300
|
`,
|
|
4301
4301
|
excludeAttrsSync: ['tabindex'],
|
|
4302
|
-
componentName: componentName$
|
|
4302
|
+
componentName: componentName$Z,
|
|
4303
4303
|
})
|
|
4304
4304
|
);
|
|
4305
4305
|
|
|
4306
|
-
const globalRefs$
|
|
4307
|
-
const vars$
|
|
4306
|
+
const globalRefs$w = getThemeRefs(globals);
|
|
4307
|
+
const vars$Q = PasswordClass.cssVarList;
|
|
4308
4308
|
|
|
4309
4309
|
const password = {
|
|
4310
|
-
[vars$
|
|
4311
|
-
[vars$
|
|
4312
|
-
[vars$
|
|
4313
|
-
[vars$
|
|
4314
|
-
[vars$
|
|
4315
|
-
[vars$
|
|
4316
|
-
[vars$
|
|
4317
|
-
[vars$
|
|
4318
|
-
[vars$
|
|
4319
|
-
[vars$
|
|
4320
|
-
[vars$
|
|
4321
|
-
[vars$
|
|
4322
|
-
[vars$
|
|
4323
|
-
[vars$
|
|
4324
|
-
[vars$
|
|
4325
|
-
[vars$
|
|
4326
|
-
[vars$
|
|
4327
|
-
[vars$
|
|
4328
|
-
[vars$
|
|
4329
|
-
[vars$
|
|
4330
|
-
[vars$
|
|
4331
|
-
[vars$
|
|
4332
|
-
[vars$
|
|
4333
|
-
[vars$
|
|
4334
|
-
[vars$
|
|
4335
|
-
[vars$
|
|
4336
|
-
[vars$
|
|
4337
|
-
[vars$
|
|
4338
|
-
[vars$
|
|
4339
|
-
[vars$
|
|
4340
|
-
[vars$
|
|
4341
|
-
[vars$
|
|
4342
|
-
[vars$
|
|
4343
|
-
[vars$
|
|
4344
|
-
[vars$
|
|
4310
|
+
[vars$Q.hostWidth]: refs.width,
|
|
4311
|
+
[vars$Q.hostMinWidth]: refs.minWidth,
|
|
4312
|
+
[vars$Q.hostDirection]: refs.direction,
|
|
4313
|
+
[vars$Q.fontSize]: refs.fontSize,
|
|
4314
|
+
[vars$Q.fontFamily]: refs.fontFamily,
|
|
4315
|
+
[vars$Q.labelFontSize]: refs.labelFontSize,
|
|
4316
|
+
[vars$Q.labelFontWeight]: refs.labelFontWeight,
|
|
4317
|
+
[vars$Q.labelTextColor]: refs.labelTextColor,
|
|
4318
|
+
[vars$Q.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
4319
|
+
[vars$Q.inputHorizontalPadding]: refs.horizontalPadding,
|
|
4320
|
+
[vars$Q.inputHeight]: refs.inputHeight,
|
|
4321
|
+
[vars$Q.inputBackgroundColor]: refs.backgroundColor,
|
|
4322
|
+
[vars$Q.labelRequiredIndicator]: refs.requiredIndicator,
|
|
4323
|
+
[vars$Q.inputValueTextColor]: refs.valueTextColor,
|
|
4324
|
+
[vars$Q.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
4325
|
+
[vars$Q.inputBorderWidth]: refs.borderWidth,
|
|
4326
|
+
[vars$Q.inputBorderStyle]: refs.borderStyle,
|
|
4327
|
+
[vars$Q.inputBorderColor]: refs.borderColor,
|
|
4328
|
+
[vars$Q.inputBorderRadius]: refs.borderRadius,
|
|
4329
|
+
[vars$Q.inputOutlineWidth]: refs.outlineWidth,
|
|
4330
|
+
[vars$Q.inputOutlineStyle]: refs.outlineStyle,
|
|
4331
|
+
[vars$Q.inputOutlineColor]: refs.outlineColor,
|
|
4332
|
+
[vars$Q.inputOutlineOffset]: refs.outlineOffset,
|
|
4333
|
+
[vars$Q.revealButtonOffset]: globalRefs$w.spacing.md,
|
|
4334
|
+
[vars$Q.revealButtonSize]: refs.toggleButtonSize,
|
|
4335
|
+
[vars$Q.revealButtonColor]: refs.placeholderTextColor,
|
|
4336
|
+
[vars$Q.labelPosition]: refs.labelPosition,
|
|
4337
|
+
[vars$Q.labelTopPosition]: refs.labelTopPosition,
|
|
4338
|
+
[vars$Q.labelHorizontalPosition]: refs.labelHorizontalPosition,
|
|
4339
|
+
[vars$Q.inputTransformY]: refs.inputTransformY,
|
|
4340
|
+
[vars$Q.inputTransition]: refs.inputTransition,
|
|
4341
|
+
[vars$Q.marginInlineStart]: refs.marginInlineStart,
|
|
4342
|
+
[vars$Q.placeholderOpacity]: refs.placeholderOpacity,
|
|
4343
|
+
[vars$Q.inputVerticalAlignment]: refs.inputVerticalAlignment,
|
|
4344
|
+
[vars$Q.valueInputHeight]: refs.valueInputHeight,
|
|
4345
4345
|
|
|
4346
4346
|
// error message icon
|
|
4347
|
-
[vars$
|
|
4348
|
-
[vars$
|
|
4349
|
-
[vars$
|
|
4350
|
-
[vars$
|
|
4351
|
-
[vars$
|
|
4347
|
+
[vars$Q.errorMessageIcon]: refs.errorMessageIcon,
|
|
4348
|
+
[vars$Q.errorMessageIconSize]: refs.errorMessageIconSize,
|
|
4349
|
+
[vars$Q.errorMessageIconPadding]: refs.errorMessageIconPadding,
|
|
4350
|
+
[vars$Q.errorMessageIconRepeat]: refs.errorMessageIconRepeat,
|
|
4351
|
+
[vars$Q.errorMessageIconPosition]: refs.errorMessageIconPosition,
|
|
4352
4352
|
};
|
|
4353
4353
|
|
|
4354
4354
|
var password$1 = /*#__PURE__*/Object.freeze({
|
|
4355
4355
|
__proto__: null,
|
|
4356
4356
|
default: password,
|
|
4357
|
-
vars: vars$
|
|
4357
|
+
vars: vars$Q
|
|
4358
4358
|
});
|
|
4359
4359
|
|
|
4360
|
-
const componentName$
|
|
4360
|
+
const componentName$Y = getComponentName('number-field');
|
|
4361
4361
|
|
|
4362
4362
|
const NumberFieldClass = compose(
|
|
4363
4363
|
createStyleMixin({
|
|
@@ -4391,62 +4391,62 @@ const NumberFieldClass = compose(
|
|
|
4391
4391
|
}
|
|
4392
4392
|
`,
|
|
4393
4393
|
excludeAttrsSync: ['tabindex'],
|
|
4394
|
-
componentName: componentName$
|
|
4394
|
+
componentName: componentName$Y,
|
|
4395
4395
|
})
|
|
4396
4396
|
);
|
|
4397
4397
|
|
|
4398
|
-
const vars$
|
|
4398
|
+
const vars$P = NumberFieldClass.cssVarList;
|
|
4399
4399
|
|
|
4400
4400
|
const numberField = {
|
|
4401
|
-
[vars$
|
|
4402
|
-
[vars$
|
|
4403
|
-
[vars$
|
|
4404
|
-
[vars$
|
|
4405
|
-
[vars$
|
|
4406
|
-
[vars$
|
|
4407
|
-
[vars$
|
|
4408
|
-
[vars$
|
|
4409
|
-
[vars$
|
|
4410
|
-
[vars$
|
|
4411
|
-
[vars$
|
|
4412
|
-
[vars$
|
|
4413
|
-
[vars$
|
|
4414
|
-
[vars$
|
|
4415
|
-
[vars$
|
|
4416
|
-
[vars$
|
|
4417
|
-
[vars$
|
|
4418
|
-
[vars$
|
|
4419
|
-
[vars$
|
|
4420
|
-
[vars$
|
|
4421
|
-
[vars$
|
|
4422
|
-
[vars$
|
|
4423
|
-
[vars$
|
|
4424
|
-
[vars$
|
|
4425
|
-
[vars$
|
|
4426
|
-
[vars$
|
|
4427
|
-
[vars$
|
|
4428
|
-
[vars$
|
|
4429
|
-
[vars$
|
|
4430
|
-
[vars$
|
|
4431
|
-
[vars$
|
|
4432
|
-
[vars$
|
|
4433
|
-
[vars$
|
|
4401
|
+
[vars$P.hostWidth]: refs.width,
|
|
4402
|
+
[vars$P.hostMinWidth]: refs.minWidth,
|
|
4403
|
+
[vars$P.hostDirection]: refs.direction,
|
|
4404
|
+
[vars$P.fontSize]: refs.fontSize,
|
|
4405
|
+
[vars$P.fontFamily]: refs.fontFamily,
|
|
4406
|
+
[vars$P.labelFontSize]: refs.labelFontSize,
|
|
4407
|
+
[vars$P.labelFontWeight]: refs.labelFontWeight,
|
|
4408
|
+
[vars$P.labelTextColor]: refs.labelTextColor,
|
|
4409
|
+
[vars$P.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
4410
|
+
[vars$P.inputValueTextColor]: refs.valueTextColor,
|
|
4411
|
+
[vars$P.inputPlaceholderColor]: refs.placeholderTextColor,
|
|
4412
|
+
[vars$P.inputBorderWidth]: refs.borderWidth,
|
|
4413
|
+
[vars$P.inputBorderStyle]: refs.borderStyle,
|
|
4414
|
+
[vars$P.inputBorderColor]: refs.borderColor,
|
|
4415
|
+
[vars$P.inputBorderRadius]: refs.borderRadius,
|
|
4416
|
+
[vars$P.inputOutlineWidth]: refs.outlineWidth,
|
|
4417
|
+
[vars$P.inputOutlineStyle]: refs.outlineStyle,
|
|
4418
|
+
[vars$P.inputOutlineColor]: refs.outlineColor,
|
|
4419
|
+
[vars$P.inputOutlineOffset]: refs.outlineOffset,
|
|
4420
|
+
[vars$P.inputBackgroundColor]: refs.backgroundColor,
|
|
4421
|
+
[vars$P.labelRequiredIndicator]: refs.requiredIndicator,
|
|
4422
|
+
[vars$P.inputHorizontalPadding]: refs.horizontalPadding,
|
|
4423
|
+
[vars$P.inputHeight]: refs.inputHeight,
|
|
4424
|
+
[vars$P.labelPosition]: refs.labelPosition,
|
|
4425
|
+
[vars$P.labelTopPosition]: refs.labelTopPosition,
|
|
4426
|
+
[vars$P.labelHorizontalPosition]: refs.labelHorizontalPosition,
|
|
4427
|
+
[vars$P.inputTransformY]: refs.inputTransformY,
|
|
4428
|
+
[vars$P.inputTransition]: refs.inputTransition,
|
|
4429
|
+
[vars$P.marginInlineStart]: refs.marginInlineStart,
|
|
4430
|
+
[vars$P.placeholderOpacity]: refs.placeholderOpacity,
|
|
4431
|
+
[vars$P.inputVerticalAlignment]: refs.inputVerticalAlignment,
|
|
4432
|
+
[vars$P.valueInputHeight]: refs.valueInputHeight,
|
|
4433
|
+
[vars$P.valueInputMarginBottom]: refs.valueInputMarginBottom,
|
|
4434
4434
|
|
|
4435
4435
|
// error message icon
|
|
4436
|
-
[vars$
|
|
4437
|
-
[vars$
|
|
4438
|
-
[vars$
|
|
4439
|
-
[vars$
|
|
4440
|
-
[vars$
|
|
4436
|
+
[vars$P.errorMessageIcon]: refs.errorMessageIcon,
|
|
4437
|
+
[vars$P.errorMessageIconSize]: refs.errorMessageIconSize,
|
|
4438
|
+
[vars$P.errorMessageIconPadding]: refs.errorMessageIconPadding,
|
|
4439
|
+
[vars$P.errorMessageIconRepeat]: refs.errorMessageIconRepeat,
|
|
4440
|
+
[vars$P.errorMessageIconPosition]: refs.errorMessageIconPosition,
|
|
4441
4441
|
};
|
|
4442
4442
|
|
|
4443
4443
|
var numberField$1 = /*#__PURE__*/Object.freeze({
|
|
4444
4444
|
__proto__: null,
|
|
4445
4445
|
default: numberField,
|
|
4446
|
-
vars: vars$
|
|
4446
|
+
vars: vars$P
|
|
4447
4447
|
});
|
|
4448
4448
|
|
|
4449
|
-
const componentName$
|
|
4449
|
+
const componentName$X = getComponentName('email-field');
|
|
4450
4450
|
|
|
4451
4451
|
const defaultPattern = "^[\\w\\.\\%\\+\\-']+@[\\w\\.\\-]+\\.[A-Za-z]{2,}$";
|
|
4452
4452
|
const defaultAutocomplete = 'username';
|
|
@@ -4515,62 +4515,62 @@ const EmailFieldClass = compose(
|
|
|
4515
4515
|
}
|
|
4516
4516
|
`,
|
|
4517
4517
|
excludeAttrsSync: ['tabindex'],
|
|
4518
|
-
componentName: componentName$
|
|
4518
|
+
componentName: componentName$X,
|
|
4519
4519
|
})
|
|
4520
4520
|
);
|
|
4521
4521
|
|
|
4522
|
-
const vars$
|
|
4522
|
+
const vars$O = EmailFieldClass.cssVarList;
|
|
4523
4523
|
|
|
4524
4524
|
const emailField = {
|
|
4525
|
-
[vars$
|
|
4526
|
-
[vars$
|
|
4527
|
-
[vars$
|
|
4528
|
-
[vars$
|
|
4529
|
-
[vars$
|
|
4530
|
-
[vars$
|
|
4531
|
-
[vars$
|
|
4532
|
-
[vars$
|
|
4533
|
-
[vars$
|
|
4534
|
-
[vars$
|
|
4535
|
-
[vars$
|
|
4536
|
-
[vars$
|
|
4537
|
-
[vars$
|
|
4538
|
-
[vars$
|
|
4539
|
-
[vars$
|
|
4540
|
-
[vars$
|
|
4541
|
-
[vars$
|
|
4542
|
-
[vars$
|
|
4543
|
-
[vars$
|
|
4544
|
-
[vars$
|
|
4545
|
-
[vars$
|
|
4546
|
-
[vars$
|
|
4547
|
-
[vars$
|
|
4548
|
-
[vars$
|
|
4549
|
-
[vars$
|
|
4550
|
-
[vars$
|
|
4551
|
-
[vars$
|
|
4552
|
-
[vars$
|
|
4553
|
-
[vars$
|
|
4554
|
-
[vars$
|
|
4555
|
-
[vars$
|
|
4556
|
-
[vars$
|
|
4557
|
-
[vars$
|
|
4525
|
+
[vars$O.hostWidth]: refs.width,
|
|
4526
|
+
[vars$O.hostMinWidth]: refs.minWidth,
|
|
4527
|
+
[vars$O.hostDirection]: refs.direction,
|
|
4528
|
+
[vars$O.fontSize]: refs.fontSize,
|
|
4529
|
+
[vars$O.fontFamily]: refs.fontFamily,
|
|
4530
|
+
[vars$O.labelFontSize]: refs.labelFontSize,
|
|
4531
|
+
[vars$O.labelFontWeight]: refs.labelFontWeight,
|
|
4532
|
+
[vars$O.labelTextColor]: refs.labelTextColor,
|
|
4533
|
+
[vars$O.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
4534
|
+
[vars$O.inputValueTextColor]: refs.valueTextColor,
|
|
4535
|
+
[vars$O.labelRequiredIndicator]: refs.requiredIndicator,
|
|
4536
|
+
[vars$O.inputPlaceholderColor]: refs.placeholderTextColor,
|
|
4537
|
+
[vars$O.inputBorderWidth]: refs.borderWidth,
|
|
4538
|
+
[vars$O.inputBorderStyle]: refs.borderStyle,
|
|
4539
|
+
[vars$O.inputBorderColor]: refs.borderColor,
|
|
4540
|
+
[vars$O.inputBorderRadius]: refs.borderRadius,
|
|
4541
|
+
[vars$O.inputOutlineWidth]: refs.outlineWidth,
|
|
4542
|
+
[vars$O.inputOutlineStyle]: refs.outlineStyle,
|
|
4543
|
+
[vars$O.inputOutlineColor]: refs.outlineColor,
|
|
4544
|
+
[vars$O.inputOutlineOffset]: refs.outlineOffset,
|
|
4545
|
+
[vars$O.inputBackgroundColor]: refs.backgroundColor,
|
|
4546
|
+
[vars$O.inputHorizontalPadding]: refs.horizontalPadding,
|
|
4547
|
+
[vars$O.inputHeight]: refs.inputHeight,
|
|
4548
|
+
[vars$O.labelPosition]: refs.labelPosition,
|
|
4549
|
+
[vars$O.labelTopPosition]: refs.labelTopPosition,
|
|
4550
|
+
[vars$O.labelHorizontalPosition]: refs.labelHorizontalPosition,
|
|
4551
|
+
[vars$O.inputTransformY]: refs.inputTransformY,
|
|
4552
|
+
[vars$O.inputTransition]: refs.inputTransition,
|
|
4553
|
+
[vars$O.marginInlineStart]: refs.marginInlineStart,
|
|
4554
|
+
[vars$O.placeholderOpacity]: refs.placeholderOpacity,
|
|
4555
|
+
[vars$O.inputVerticalAlignment]: refs.inputVerticalAlignment,
|
|
4556
|
+
[vars$O.valueInputHeight]: refs.valueInputHeight,
|
|
4557
|
+
[vars$O.valueInputMarginBottom]: refs.valueInputMarginBottom,
|
|
4558
4558
|
|
|
4559
4559
|
// error message icon
|
|
4560
|
-
[vars$
|
|
4561
|
-
[vars$
|
|
4562
|
-
[vars$
|
|
4563
|
-
[vars$
|
|
4564
|
-
[vars$
|
|
4560
|
+
[vars$O.errorMessageIcon]: refs.errorMessageIcon,
|
|
4561
|
+
[vars$O.errorMessageIconSize]: refs.errorMessageIconSize,
|
|
4562
|
+
[vars$O.errorMessageIconPadding]: refs.errorMessageIconPadding,
|
|
4563
|
+
[vars$O.errorMessageIconRepeat]: refs.errorMessageIconRepeat,
|
|
4564
|
+
[vars$O.errorMessageIconPosition]: refs.errorMessageIconPosition,
|
|
4565
4565
|
};
|
|
4566
4566
|
|
|
4567
4567
|
var emailField$1 = /*#__PURE__*/Object.freeze({
|
|
4568
4568
|
__proto__: null,
|
|
4569
4569
|
default: emailField,
|
|
4570
|
-
vars: vars$
|
|
4570
|
+
vars: vars$O
|
|
4571
4571
|
});
|
|
4572
4572
|
|
|
4573
|
-
const componentName$
|
|
4573
|
+
const componentName$W = getComponentName('text-area');
|
|
4574
4574
|
|
|
4575
4575
|
const {
|
|
4576
4576
|
host: host$l,
|
|
@@ -4651,57 +4651,57 @@ const TextAreaClass = compose(
|
|
|
4651
4651
|
${resetInputCursor('vaadin-text-area')}
|
|
4652
4652
|
`,
|
|
4653
4653
|
excludeAttrsSync: ['tabindex'],
|
|
4654
|
-
componentName: componentName$
|
|
4654
|
+
componentName: componentName$W,
|
|
4655
4655
|
})
|
|
4656
4656
|
);
|
|
4657
4657
|
|
|
4658
|
-
const vars$
|
|
4658
|
+
const vars$N = TextAreaClass.cssVarList;
|
|
4659
4659
|
|
|
4660
4660
|
const textArea = {
|
|
4661
|
-
[vars$
|
|
4662
|
-
[vars$
|
|
4663
|
-
[vars$
|
|
4664
|
-
[vars$
|
|
4665
|
-
[vars$
|
|
4666
|
-
[vars$
|
|
4667
|
-
[vars$
|
|
4668
|
-
[vars$
|
|
4669
|
-
[vars$
|
|
4670
|
-
[vars$
|
|
4671
|
-
[vars$
|
|
4672
|
-
[vars$
|
|
4673
|
-
[vars$
|
|
4674
|
-
[vars$
|
|
4675
|
-
[vars$
|
|
4676
|
-
[vars$
|
|
4677
|
-
[vars$
|
|
4678
|
-
[vars$
|
|
4679
|
-
[vars$
|
|
4680
|
-
[vars$
|
|
4681
|
-
[vars$
|
|
4661
|
+
[vars$N.hostWidth]: refs.width,
|
|
4662
|
+
[vars$N.hostMinWidth]: refs.minWidth,
|
|
4663
|
+
[vars$N.hostDirection]: refs.direction,
|
|
4664
|
+
[vars$N.fontSize]: refs.fontSize,
|
|
4665
|
+
[vars$N.fontFamily]: refs.fontFamily,
|
|
4666
|
+
[vars$N.labelTextColor]: refs.labelTextColor,
|
|
4667
|
+
[vars$N.labelRequiredIndicator]: refs.requiredIndicator,
|
|
4668
|
+
[vars$N.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
4669
|
+
[vars$N.inputBackgroundColor]: refs.backgroundColor,
|
|
4670
|
+
[vars$N.inputValueTextColor]: refs.valueTextColor,
|
|
4671
|
+
[vars$N.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
4672
|
+
[vars$N.inputBorderRadius]: refs.borderRadius,
|
|
4673
|
+
[vars$N.inputBorderWidth]: refs.borderWidth,
|
|
4674
|
+
[vars$N.inputBorderStyle]: refs.borderStyle,
|
|
4675
|
+
[vars$N.inputBorderColor]: refs.borderColor,
|
|
4676
|
+
[vars$N.inputOutlineWidth]: refs.outlineWidth,
|
|
4677
|
+
[vars$N.inputOutlineStyle]: refs.outlineStyle,
|
|
4678
|
+
[vars$N.inputOutlineColor]: refs.outlineColor,
|
|
4679
|
+
[vars$N.inputOutlineOffset]: refs.outlineOffset,
|
|
4680
|
+
[vars$N.inputResizeType]: 'vertical',
|
|
4681
|
+
[vars$N.inputMinHeight]: '5em',
|
|
4682
4682
|
|
|
4683
4683
|
// error message icon
|
|
4684
|
-
[vars$
|
|
4685
|
-
[vars$
|
|
4686
|
-
[vars$
|
|
4687
|
-
[vars$
|
|
4688
|
-
[vars$
|
|
4684
|
+
[vars$N.errorMessageIcon]: refs.errorMessageIcon,
|
|
4685
|
+
[vars$N.errorMessageIconSize]: refs.errorMessageIconSize,
|
|
4686
|
+
[vars$N.errorMessageIconPadding]: refs.errorMessageIconPadding,
|
|
4687
|
+
[vars$N.errorMessageIconRepeat]: refs.errorMessageIconRepeat,
|
|
4688
|
+
[vars$N.errorMessageIconPosition]: refs.errorMessageIconPosition,
|
|
4689
4689
|
|
|
4690
4690
|
textAlign: {
|
|
4691
|
-
right: { [vars$
|
|
4692
|
-
left: { [vars$
|
|
4693
|
-
center: { [vars$
|
|
4691
|
+
right: { [vars$N.inputTextAlign]: 'right' },
|
|
4692
|
+
left: { [vars$N.inputTextAlign]: 'left' },
|
|
4693
|
+
center: { [vars$N.inputTextAlign]: 'center' },
|
|
4694
4694
|
},
|
|
4695
4695
|
|
|
4696
4696
|
_readonly: {
|
|
4697
|
-
[vars$
|
|
4697
|
+
[vars$N.inputResizeType]: 'none',
|
|
4698
4698
|
},
|
|
4699
4699
|
};
|
|
4700
4700
|
|
|
4701
4701
|
var textArea$1 = /*#__PURE__*/Object.freeze({
|
|
4702
4702
|
__proto__: null,
|
|
4703
4703
|
default: textArea,
|
|
4704
|
-
vars: vars$
|
|
4704
|
+
vars: vars$N
|
|
4705
4705
|
});
|
|
4706
4706
|
|
|
4707
4707
|
const createBaseInputClass = (...args) =>
|
|
@@ -4712,9 +4712,9 @@ const createBaseInputClass = (...args) =>
|
|
|
4712
4712
|
inputEventsDispatchingMixin
|
|
4713
4713
|
)(createBaseClass(...args));
|
|
4714
4714
|
|
|
4715
|
-
const componentName$
|
|
4715
|
+
const componentName$V = getComponentName('boolean-field-internal');
|
|
4716
4716
|
|
|
4717
|
-
createBaseInputClass({ componentName: componentName$
|
|
4717
|
+
createBaseInputClass({ componentName: componentName$V, baseSelector: 'div' });
|
|
4718
4718
|
|
|
4719
4719
|
const booleanFieldMixin = (superclass) =>
|
|
4720
4720
|
class BooleanFieldMixinClass extends superclass {
|
|
@@ -4723,14 +4723,14 @@ const booleanFieldMixin = (superclass) =>
|
|
|
4723
4723
|
|
|
4724
4724
|
const template = document.createElement('template');
|
|
4725
4725
|
template.innerHTML = `
|
|
4726
|
-
<${componentName$
|
|
4726
|
+
<${componentName$V}
|
|
4727
4727
|
tabindex="-1"
|
|
4728
4728
|
slot="input"
|
|
4729
|
-
></${componentName$
|
|
4729
|
+
></${componentName$V}>
|
|
4730
4730
|
`;
|
|
4731
4731
|
|
|
4732
4732
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
|
4733
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
|
4733
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$V);
|
|
4734
4734
|
this.checkbox = this.inputElement.querySelector('vaadin-checkbox');
|
|
4735
4735
|
|
|
4736
4736
|
forwardAttrs(this, this.inputElement, {
|
|
@@ -4799,7 +4799,7 @@ descope-boolean-field-internal {
|
|
|
4799
4799
|
}
|
|
4800
4800
|
`;
|
|
4801
4801
|
|
|
4802
|
-
const componentName$
|
|
4802
|
+
const componentName$U = getComponentName('checkbox');
|
|
4803
4803
|
|
|
4804
4804
|
const {
|
|
4805
4805
|
host: host$k,
|
|
@@ -4916,51 +4916,51 @@ const CheckboxClass = compose(
|
|
|
4916
4916
|
}
|
|
4917
4917
|
`,
|
|
4918
4918
|
excludeAttrsSync: ['label', 'tabindex'],
|
|
4919
|
-
componentName: componentName$
|
|
4919
|
+
componentName: componentName$U,
|
|
4920
4920
|
})
|
|
4921
4921
|
);
|
|
4922
4922
|
|
|
4923
|
-
const vars$
|
|
4923
|
+
const vars$M = CheckboxClass.cssVarList;
|
|
4924
4924
|
const checkboxSize = '1.35em';
|
|
4925
4925
|
|
|
4926
4926
|
const checkbox = {
|
|
4927
|
-
[vars$
|
|
4928
|
-
[vars$
|
|
4929
|
-
[vars$
|
|
4930
|
-
[vars$
|
|
4931
|
-
[vars$
|
|
4932
|
-
[vars$
|
|
4933
|
-
[vars$
|
|
4934
|
-
[vars$
|
|
4935
|
-
[vars$
|
|
4936
|
-
[vars$
|
|
4937
|
-
[vars$
|
|
4938
|
-
[vars$
|
|
4939
|
-
[vars$
|
|
4940
|
-
[vars$
|
|
4941
|
-
[vars$
|
|
4942
|
-
[vars$
|
|
4943
|
-
[vars$
|
|
4944
|
-
[vars$
|
|
4945
|
-
[vars$
|
|
4946
|
-
[vars$
|
|
4947
|
-
[vars$
|
|
4927
|
+
[vars$M.hostWidth]: refs.width,
|
|
4928
|
+
[vars$M.hostDirection]: refs.direction,
|
|
4929
|
+
[vars$M.fontSize]: refs.fontSize,
|
|
4930
|
+
[vars$M.fontFamily]: refs.fontFamily,
|
|
4931
|
+
[vars$M.labelTextColor]: refs.labelTextColor,
|
|
4932
|
+
[vars$M.labelRequiredIndicator]: refs.requiredIndicator,
|
|
4933
|
+
[vars$M.labelFontWeight]: '400',
|
|
4934
|
+
[vars$M.labelLineHeight]: checkboxSize,
|
|
4935
|
+
[vars$M.labelSpacing]: '1em',
|
|
4936
|
+
[vars$M.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
4937
|
+
[vars$M.inputOutlineWidth]: refs.outlineWidth,
|
|
4938
|
+
[vars$M.inputOutlineOffset]: refs.outlineOffset,
|
|
4939
|
+
[vars$M.inputOutlineColor]: refs.outlineColor,
|
|
4940
|
+
[vars$M.inputOutlineStyle]: refs.outlineStyle,
|
|
4941
|
+
[vars$M.inputBorderRadius]: refs.borderRadius,
|
|
4942
|
+
[vars$M.inputBorderColor]: refs.borderColor,
|
|
4943
|
+
[vars$M.inputBorderWidth]: refs.borderWidth,
|
|
4944
|
+
[vars$M.inputBorderStyle]: refs.borderStyle,
|
|
4945
|
+
[vars$M.inputBackgroundColor]: refs.backgroundColor,
|
|
4946
|
+
[vars$M.inputSize]: checkboxSize,
|
|
4947
|
+
[vars$M.inputValueTextColor]: refs.valueTextColor,
|
|
4948
4948
|
|
|
4949
4949
|
// error message icon
|
|
4950
|
-
[vars$
|
|
4951
|
-
[vars$
|
|
4952
|
-
[vars$
|
|
4953
|
-
[vars$
|
|
4954
|
-
[vars$
|
|
4950
|
+
[vars$M.errorMessageIcon]: refs.errorMessageIcon,
|
|
4951
|
+
[vars$M.errorMessageIconSize]: refs.errorMessageIconSize,
|
|
4952
|
+
[vars$M.errorMessageIconPadding]: refs.errorMessageIconPadding,
|
|
4953
|
+
[vars$M.errorMessageIconRepeat]: refs.errorMessageIconRepeat,
|
|
4954
|
+
[vars$M.errorMessageIconPosition]: refs.errorMessageIconPosition,
|
|
4955
4955
|
};
|
|
4956
4956
|
|
|
4957
4957
|
var checkbox$1 = /*#__PURE__*/Object.freeze({
|
|
4958
4958
|
__proto__: null,
|
|
4959
4959
|
default: checkbox,
|
|
4960
|
-
vars: vars$
|
|
4960
|
+
vars: vars$M
|
|
4961
4961
|
});
|
|
4962
4962
|
|
|
4963
|
-
const componentName$
|
|
4963
|
+
const componentName$T = getComponentName('switch-toggle');
|
|
4964
4964
|
|
|
4965
4965
|
const {
|
|
4966
4966
|
host: host$j,
|
|
@@ -5098,89 +5098,89 @@ const SwitchToggleClass = compose(
|
|
|
5098
5098
|
}
|
|
5099
5099
|
`,
|
|
5100
5100
|
excludeAttrsSync: ['label', 'tabindex'],
|
|
5101
|
-
componentName: componentName$
|
|
5101
|
+
componentName: componentName$T,
|
|
5102
5102
|
})
|
|
5103
5103
|
);
|
|
5104
5104
|
|
|
5105
5105
|
const knobMargin = '2px';
|
|
5106
5106
|
const checkboxHeight = '1.25em';
|
|
5107
5107
|
|
|
5108
|
-
const globalRefs$
|
|
5109
|
-
const vars$
|
|
5108
|
+
const globalRefs$v = getThemeRefs(globals);
|
|
5109
|
+
const vars$L = SwitchToggleClass.cssVarList;
|
|
5110
5110
|
|
|
5111
5111
|
const switchToggle = {
|
|
5112
|
-
[vars$
|
|
5113
|
-
[vars$
|
|
5114
|
-
[vars$
|
|
5115
|
-
[vars$
|
|
5116
|
-
|
|
5117
|
-
[vars$
|
|
5118
|
-
[vars$
|
|
5119
|
-
[vars$
|
|
5120
|
-
[vars$
|
|
5121
|
-
|
|
5122
|
-
[vars$
|
|
5123
|
-
[vars$
|
|
5124
|
-
[vars$
|
|
5125
|
-
[vars$
|
|
5126
|
-
[vars$
|
|
5127
|
-
[vars$
|
|
5128
|
-
[vars$
|
|
5129
|
-
|
|
5130
|
-
[vars$
|
|
5131
|
-
[vars$
|
|
5132
|
-
[vars$
|
|
5133
|
-
[vars$
|
|
5134
|
-
[vars$
|
|
5135
|
-
[vars$
|
|
5136
|
-
|
|
5137
|
-
[vars$
|
|
5138
|
-
[vars$
|
|
5139
|
-
[vars$
|
|
5140
|
-
[vars$
|
|
5141
|
-
[vars$
|
|
5142
|
-
[vars$
|
|
5112
|
+
[vars$L.hostWidth]: refs.width,
|
|
5113
|
+
[vars$L.hostDirection]: refs.direction,
|
|
5114
|
+
[vars$L.fontSize]: refs.fontSize,
|
|
5115
|
+
[vars$L.fontFamily]: refs.fontFamily,
|
|
5116
|
+
|
|
5117
|
+
[vars$L.inputOutlineWidth]: refs.outlineWidth,
|
|
5118
|
+
[vars$L.inputOutlineOffset]: refs.outlineOffset,
|
|
5119
|
+
[vars$L.inputOutlineColor]: refs.outlineColor,
|
|
5120
|
+
[vars$L.inputOutlineStyle]: refs.outlineStyle,
|
|
5121
|
+
|
|
5122
|
+
[vars$L.trackBorderStyle]: refs.borderStyle,
|
|
5123
|
+
[vars$L.trackBorderWidth]: refs.borderWidth, // var `trackBorderWidth` used outside the theme for `left` margin calculation
|
|
5124
|
+
[vars$L.trackBorderColor]: refs.borderColor,
|
|
5125
|
+
[vars$L.trackBackgroundColor]: refs.backgroundColor,
|
|
5126
|
+
[vars$L.trackBorderRadius]: globalRefs$v.radius.md,
|
|
5127
|
+
[vars$L.trackWidth]: '2.5em', // var `trackWidth` used outside the theme for `left` margin calculation
|
|
5128
|
+
[vars$L.trackHeight]: checkboxHeight,
|
|
5129
|
+
|
|
5130
|
+
[vars$L.knobSize]: `calc(1em - ${knobMargin})`,
|
|
5131
|
+
[vars$L.knobRadius]: '50%',
|
|
5132
|
+
[vars$L.knobTopOffset]: '1px',
|
|
5133
|
+
[vars$L.knobLeftOffset]: knobMargin,
|
|
5134
|
+
[vars$L.knobColor]: refs.labelTextColor,
|
|
5135
|
+
[vars$L.knobTransitionDuration]: '0.3s',
|
|
5136
|
+
|
|
5137
|
+
[vars$L.labelTextColor]: refs.labelTextColor,
|
|
5138
|
+
[vars$L.labelFontWeight]: '400',
|
|
5139
|
+
[vars$L.labelLineHeight]: '1.35em',
|
|
5140
|
+
[vars$L.labelSpacing]: '1em',
|
|
5141
|
+
[vars$L.labelRequiredIndicator]: refs.requiredIndicator,
|
|
5142
|
+
[vars$L.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
5143
5143
|
|
|
5144
5144
|
// error message icon
|
|
5145
|
-
[vars$
|
|
5146
|
-
[vars$
|
|
5147
|
-
[vars$
|
|
5148
|
-
[vars$
|
|
5149
|
-
[vars$
|
|
5145
|
+
[vars$L.errorMessageIcon]: refs.errorMessageIcon,
|
|
5146
|
+
[vars$L.errorMessageIconSize]: refs.errorMessageIconSize,
|
|
5147
|
+
[vars$L.errorMessageIconPadding]: refs.errorMessageIconPadding,
|
|
5148
|
+
[vars$L.errorMessageIconRepeat]: refs.errorMessageIconRepeat,
|
|
5149
|
+
[vars$L.errorMessageIconPosition]: refs.errorMessageIconPosition,
|
|
5150
5150
|
|
|
5151
5151
|
_checked: {
|
|
5152
|
-
[vars$
|
|
5153
|
-
[vars$
|
|
5154
|
-
[vars$
|
|
5155
|
-
[vars$
|
|
5152
|
+
[vars$L.trackBorderColor]: refs.borderColor,
|
|
5153
|
+
[vars$L.knobLeftOffset]: `calc(100% - var(${vars$L.knobSize}) - ${knobMargin})`,
|
|
5154
|
+
[vars$L.knobColor]: refs.valueTextColor,
|
|
5155
|
+
[vars$L.knobTextColor]: refs.valueTextColor,
|
|
5156
5156
|
},
|
|
5157
5157
|
|
|
5158
5158
|
_disabled: {
|
|
5159
|
-
[vars$
|
|
5160
|
-
[vars$
|
|
5161
|
-
[vars$
|
|
5162
|
-
[vars$
|
|
5159
|
+
[vars$L.knobColor]: globalRefs$v.colors.surface.light,
|
|
5160
|
+
[vars$L.trackBorderColor]: globalRefs$v.colors.surface.light,
|
|
5161
|
+
[vars$L.trackBackgroundColor]: globalRefs$v.colors.surface.main,
|
|
5162
|
+
[vars$L.labelTextColor]: refs.labelTextColor,
|
|
5163
5163
|
_checked: {
|
|
5164
|
-
[vars$
|
|
5165
|
-
[vars$
|
|
5164
|
+
[vars$L.knobColor]: globalRefs$v.colors.surface.light,
|
|
5165
|
+
[vars$L.trackBackgroundColor]: globalRefs$v.colors.surface.main,
|
|
5166
5166
|
},
|
|
5167
5167
|
},
|
|
5168
5168
|
|
|
5169
5169
|
_invalid: {
|
|
5170
|
-
[vars$
|
|
5171
|
-
[vars$
|
|
5170
|
+
[vars$L.trackBorderColor]: globalRefs$v.colors.error.main,
|
|
5171
|
+
[vars$L.knobColor]: globalRefs$v.colors.error.main,
|
|
5172
5172
|
},
|
|
5173
5173
|
};
|
|
5174
5174
|
|
|
5175
5175
|
var switchToggle$1 = /*#__PURE__*/Object.freeze({
|
|
5176
5176
|
__proto__: null,
|
|
5177
5177
|
default: switchToggle,
|
|
5178
|
-
vars: vars$
|
|
5178
|
+
vars: vars$L
|
|
5179
5179
|
});
|
|
5180
5180
|
|
|
5181
|
-
const componentName$
|
|
5181
|
+
const componentName$S = getComponentName('container');
|
|
5182
5182
|
|
|
5183
|
-
class RawContainer extends createBaseClass({ componentName: componentName$
|
|
5183
|
+
class RawContainer extends createBaseClass({ componentName: componentName$S, baseSelector: 'slot' }) {
|
|
5184
5184
|
constructor() {
|
|
5185
5185
|
super();
|
|
5186
5186
|
|
|
@@ -5239,7 +5239,7 @@ const ContainerClass = compose(
|
|
|
5239
5239
|
componentNameValidationMixin
|
|
5240
5240
|
)(RawContainer);
|
|
5241
5241
|
|
|
5242
|
-
const globalRefs$
|
|
5242
|
+
const globalRefs$u = getThemeRefs(globals);
|
|
5243
5243
|
|
|
5244
5244
|
const compVars$5 = ContainerClass.cssVarList;
|
|
5245
5245
|
|
|
@@ -5261,7 +5261,7 @@ const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars(
|
|
|
5261
5261
|
horizontalAlignment,
|
|
5262
5262
|
shadowColor: '#00000020', // if we want to support transparency vars, we should use different color format
|
|
5263
5263
|
},
|
|
5264
|
-
componentName$
|
|
5264
|
+
componentName$S
|
|
5265
5265
|
);
|
|
5266
5266
|
|
|
5267
5267
|
const { shadowColor: shadowColor$3 } = helperRefs$3;
|
|
@@ -5273,7 +5273,7 @@ const container = {
|
|
|
5273
5273
|
[compVars$5.hostWidth]: '100%',
|
|
5274
5274
|
[compVars$5.boxShadow]: 'none',
|
|
5275
5275
|
|
|
5276
|
-
[compVars$5.backgroundColor]: globalRefs$
|
|
5276
|
+
[compVars$5.backgroundColor]: globalRefs$u.colors.surface.main,
|
|
5277
5277
|
|
|
5278
5278
|
[compVars$5.backgroundImage]: '', // we need to set a value to avoid inner containers from inheriting the parent's background image
|
|
5279
5279
|
[compVars$5.backgroundPositionX]: 'center',
|
|
@@ -5281,9 +5281,9 @@ const container = {
|
|
|
5281
5281
|
[compVars$5.backgroundSize]: 'cover',
|
|
5282
5282
|
[compVars$5.backgroundRepeat]: 'no-repeat',
|
|
5283
5283
|
|
|
5284
|
-
[compVars$5.color]: globalRefs$
|
|
5284
|
+
[compVars$5.color]: globalRefs$u.colors.surface.contrast,
|
|
5285
5285
|
[compVars$5.borderRadius]: '0px',
|
|
5286
|
-
[compVars$5.hostDirection]: globalRefs$
|
|
5286
|
+
[compVars$5.hostDirection]: globalRefs$u.direction,
|
|
5287
5287
|
|
|
5288
5288
|
verticalPadding: {
|
|
5289
5289
|
sm: { [compVars$5.verticalPadding]: '5px' },
|
|
@@ -5329,34 +5329,34 @@ const container = {
|
|
|
5329
5329
|
|
|
5330
5330
|
shadow: {
|
|
5331
5331
|
sm: {
|
|
5332
|
-
[compVars$5.boxShadow]: `${globalRefs$
|
|
5332
|
+
[compVars$5.boxShadow]: `${globalRefs$u.shadow.wide.sm} ${shadowColor$3}, ${globalRefs$u.shadow.narrow.sm} ${shadowColor$3}`,
|
|
5333
5333
|
},
|
|
5334
5334
|
md: {
|
|
5335
|
-
[compVars$5.boxShadow]: `${globalRefs$
|
|
5335
|
+
[compVars$5.boxShadow]: `${globalRefs$u.shadow.wide.md} ${shadowColor$3}, ${globalRefs$u.shadow.narrow.md} ${shadowColor$3}`,
|
|
5336
5336
|
},
|
|
5337
5337
|
lg: {
|
|
5338
|
-
[compVars$5.boxShadow]: `${globalRefs$
|
|
5338
|
+
[compVars$5.boxShadow]: `${globalRefs$u.shadow.wide.lg} ${shadowColor$3}, ${globalRefs$u.shadow.narrow.lg} ${shadowColor$3}`,
|
|
5339
5339
|
},
|
|
5340
5340
|
xl: {
|
|
5341
|
-
[compVars$5.boxShadow]: `${globalRefs$
|
|
5341
|
+
[compVars$5.boxShadow]: `${globalRefs$u.shadow.wide.xl} ${shadowColor$3}, ${globalRefs$u.shadow.narrow.xl} ${shadowColor$3}`,
|
|
5342
5342
|
},
|
|
5343
5343
|
'2xl': {
|
|
5344
5344
|
[helperVars$3.shadowColor]: '#00000050', // mimic daisyUI shadow settings
|
|
5345
|
-
[compVars$5.boxShadow]: `${globalRefs$
|
|
5345
|
+
[compVars$5.boxShadow]: `${globalRefs$u.shadow.wide['2xl']} ${shadowColor$3}`,
|
|
5346
5346
|
},
|
|
5347
5347
|
},
|
|
5348
5348
|
|
|
5349
5349
|
borderRadius: {
|
|
5350
|
-
sm: { [compVars$5.borderRadius]: globalRefs$
|
|
5351
|
-
md: { [compVars$5.borderRadius]: globalRefs$
|
|
5352
|
-
lg: { [compVars$5.borderRadius]: globalRefs$
|
|
5353
|
-
xl: { [compVars$5.borderRadius]: globalRefs$
|
|
5354
|
-
'2xl': { [compVars$5.borderRadius]: globalRefs$
|
|
5355
|
-
'3xl': { [compVars$5.borderRadius]: globalRefs$
|
|
5350
|
+
sm: { [compVars$5.borderRadius]: globalRefs$u.radius.sm },
|
|
5351
|
+
md: { [compVars$5.borderRadius]: globalRefs$u.radius.md },
|
|
5352
|
+
lg: { [compVars$5.borderRadius]: globalRefs$u.radius.lg },
|
|
5353
|
+
xl: { [compVars$5.borderRadius]: globalRefs$u.radius.xl },
|
|
5354
|
+
'2xl': { [compVars$5.borderRadius]: globalRefs$u.radius['2xl'] },
|
|
5355
|
+
'3xl': { [compVars$5.borderRadius]: globalRefs$u.radius['3xl'] },
|
|
5356
5356
|
},
|
|
5357
5357
|
};
|
|
5358
5358
|
|
|
5359
|
-
const vars$
|
|
5359
|
+
const vars$K = {
|
|
5360
5360
|
...compVars$5,
|
|
5361
5361
|
...helperVars$3,
|
|
5362
5362
|
};
|
|
@@ -5364,7 +5364,7 @@ const vars$J = {
|
|
|
5364
5364
|
var container$1 = /*#__PURE__*/Object.freeze({
|
|
5365
5365
|
__proto__: null,
|
|
5366
5366
|
default: container,
|
|
5367
|
-
vars: vars$
|
|
5367
|
+
vars: vars$K
|
|
5368
5368
|
});
|
|
5369
5369
|
|
|
5370
5370
|
const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) => {
|
|
@@ -5417,69 +5417,69 @@ const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) =>
|
|
|
5417
5417
|
return CssVarImageClass;
|
|
5418
5418
|
};
|
|
5419
5419
|
|
|
5420
|
-
const componentName$
|
|
5420
|
+
const componentName$R = getComponentName('logo');
|
|
5421
5421
|
|
|
5422
5422
|
const LogoClass = createCssVarImageClass({
|
|
5423
|
-
componentName: componentName$
|
|
5423
|
+
componentName: componentName$R,
|
|
5424
5424
|
varName: 'url',
|
|
5425
5425
|
fallbackVarName: 'fallbackUrl',
|
|
5426
5426
|
});
|
|
5427
5427
|
|
|
5428
|
-
const vars$
|
|
5428
|
+
const vars$J = LogoClass.cssVarList;
|
|
5429
5429
|
|
|
5430
5430
|
const logo$2 = {
|
|
5431
|
-
[vars$
|
|
5431
|
+
[vars$J.fallbackUrl]: 'url(https://imgs.descope.com/components/no-logo-placeholder.svg)',
|
|
5432
5432
|
};
|
|
5433
5433
|
|
|
5434
5434
|
var logo$3 = /*#__PURE__*/Object.freeze({
|
|
5435
5435
|
__proto__: null,
|
|
5436
5436
|
default: logo$2,
|
|
5437
|
-
vars: vars$
|
|
5437
|
+
vars: vars$J
|
|
5438
5438
|
});
|
|
5439
5439
|
|
|
5440
|
-
const componentName$
|
|
5440
|
+
const componentName$Q = getComponentName('totp-image');
|
|
5441
5441
|
|
|
5442
5442
|
const TotpImageClass = createCssVarImageClass({
|
|
5443
|
-
componentName: componentName$
|
|
5443
|
+
componentName: componentName$Q,
|
|
5444
5444
|
varName: 'url',
|
|
5445
5445
|
fallbackVarName: 'fallbackUrl',
|
|
5446
5446
|
});
|
|
5447
5447
|
|
|
5448
|
-
const vars$
|
|
5448
|
+
const vars$I = TotpImageClass.cssVarList;
|
|
5449
5449
|
|
|
5450
5450
|
const logo$1 = {
|
|
5451
|
-
[vars$
|
|
5451
|
+
[vars$I.fallbackUrl]: 'url(https://imgs.descope.com/components/totp-placeholder.svg)',
|
|
5452
5452
|
};
|
|
5453
5453
|
|
|
5454
5454
|
var totpImage = /*#__PURE__*/Object.freeze({
|
|
5455
5455
|
__proto__: null,
|
|
5456
5456
|
default: logo$1,
|
|
5457
|
-
vars: vars$
|
|
5457
|
+
vars: vars$I
|
|
5458
5458
|
});
|
|
5459
5459
|
|
|
5460
|
-
const componentName$
|
|
5460
|
+
const componentName$P = getComponentName('notp-image');
|
|
5461
5461
|
|
|
5462
5462
|
const NotpImageClass = createCssVarImageClass({
|
|
5463
|
-
componentName: componentName$
|
|
5463
|
+
componentName: componentName$P,
|
|
5464
5464
|
varName: 'url',
|
|
5465
5465
|
fallbackVarName: 'fallbackUrl',
|
|
5466
5466
|
});
|
|
5467
5467
|
|
|
5468
|
-
const vars$
|
|
5468
|
+
const vars$H = NotpImageClass.cssVarList;
|
|
5469
5469
|
|
|
5470
5470
|
const logo = {
|
|
5471
|
-
[vars$
|
|
5471
|
+
[vars$H.fallbackUrl]: 'url(https://imgs.descope.com/components/notp-placeholder.svg)',
|
|
5472
5472
|
};
|
|
5473
5473
|
|
|
5474
5474
|
var notpImage = /*#__PURE__*/Object.freeze({
|
|
5475
5475
|
__proto__: null,
|
|
5476
5476
|
default: logo,
|
|
5477
|
-
vars: vars$
|
|
5477
|
+
vars: vars$H
|
|
5478
5478
|
});
|
|
5479
5479
|
|
|
5480
|
-
const componentName$
|
|
5480
|
+
const componentName$O = getComponentName('text');
|
|
5481
5481
|
|
|
5482
|
-
class RawText extends createBaseClass({ componentName: componentName$
|
|
5482
|
+
class RawText extends createBaseClass({ componentName: componentName$O, baseSelector: ':host > slot' }) {
|
|
5483
5483
|
constructor() {
|
|
5484
5484
|
super();
|
|
5485
5485
|
|
|
@@ -5536,95 +5536,95 @@ const TextClass = compose(
|
|
|
5536
5536
|
componentNameValidationMixin
|
|
5537
5537
|
)(RawText);
|
|
5538
5538
|
|
|
5539
|
-
const globalRefs$
|
|
5540
|
-
const vars$
|
|
5539
|
+
const globalRefs$t = getThemeRefs(globals);
|
|
5540
|
+
const vars$G = TextClass.cssVarList;
|
|
5541
5541
|
|
|
5542
5542
|
const text$2 = {
|
|
5543
|
-
[vars$
|
|
5544
|
-
[vars$
|
|
5545
|
-
[vars$
|
|
5546
|
-
[vars$
|
|
5543
|
+
[vars$G.hostDirection]: globalRefs$t.direction,
|
|
5544
|
+
[vars$G.textLineHeight]: '1.35em',
|
|
5545
|
+
[vars$G.textAlign]: 'left',
|
|
5546
|
+
[vars$G.textColor]: globalRefs$t.colors.surface.dark,
|
|
5547
5547
|
|
|
5548
5548
|
variant: {
|
|
5549
5549
|
h1: {
|
|
5550
|
-
[vars$
|
|
5551
|
-
[vars$
|
|
5552
|
-
[vars$
|
|
5550
|
+
[vars$G.fontSize]: globalRefs$t.typography.h1.size,
|
|
5551
|
+
[vars$G.fontWeight]: globalRefs$t.typography.h1.weight,
|
|
5552
|
+
[vars$G.fontFamily]: globalRefs$t.typography.h1.font,
|
|
5553
5553
|
},
|
|
5554
5554
|
h2: {
|
|
5555
|
-
[vars$
|
|
5556
|
-
[vars$
|
|
5557
|
-
[vars$
|
|
5555
|
+
[vars$G.fontSize]: globalRefs$t.typography.h2.size,
|
|
5556
|
+
[vars$G.fontWeight]: globalRefs$t.typography.h2.weight,
|
|
5557
|
+
[vars$G.fontFamily]: globalRefs$t.typography.h2.font,
|
|
5558
5558
|
},
|
|
5559
5559
|
h3: {
|
|
5560
|
-
[vars$
|
|
5561
|
-
[vars$
|
|
5562
|
-
[vars$
|
|
5560
|
+
[vars$G.fontSize]: globalRefs$t.typography.h3.size,
|
|
5561
|
+
[vars$G.fontWeight]: globalRefs$t.typography.h3.weight,
|
|
5562
|
+
[vars$G.fontFamily]: globalRefs$t.typography.h3.font,
|
|
5563
5563
|
},
|
|
5564
5564
|
subtitle1: {
|
|
5565
|
-
[vars$
|
|
5566
|
-
[vars$
|
|
5567
|
-
[vars$
|
|
5565
|
+
[vars$G.fontSize]: globalRefs$t.typography.subtitle1.size,
|
|
5566
|
+
[vars$G.fontWeight]: globalRefs$t.typography.subtitle1.weight,
|
|
5567
|
+
[vars$G.fontFamily]: globalRefs$t.typography.subtitle1.font,
|
|
5568
5568
|
},
|
|
5569
5569
|
subtitle2: {
|
|
5570
|
-
[vars$
|
|
5571
|
-
[vars$
|
|
5572
|
-
[vars$
|
|
5570
|
+
[vars$G.fontSize]: globalRefs$t.typography.subtitle2.size,
|
|
5571
|
+
[vars$G.fontWeight]: globalRefs$t.typography.subtitle2.weight,
|
|
5572
|
+
[vars$G.fontFamily]: globalRefs$t.typography.subtitle2.font,
|
|
5573
5573
|
},
|
|
5574
5574
|
body1: {
|
|
5575
|
-
[vars$
|
|
5576
|
-
[vars$
|
|
5577
|
-
[vars$
|
|
5575
|
+
[vars$G.fontSize]: globalRefs$t.typography.body1.size,
|
|
5576
|
+
[vars$G.fontWeight]: globalRefs$t.typography.body1.weight,
|
|
5577
|
+
[vars$G.fontFamily]: globalRefs$t.typography.body1.font,
|
|
5578
5578
|
},
|
|
5579
5579
|
body2: {
|
|
5580
|
-
[vars$
|
|
5581
|
-
[vars$
|
|
5582
|
-
[vars$
|
|
5580
|
+
[vars$G.fontSize]: globalRefs$t.typography.body2.size,
|
|
5581
|
+
[vars$G.fontWeight]: globalRefs$t.typography.body2.weight,
|
|
5582
|
+
[vars$G.fontFamily]: globalRefs$t.typography.body2.font,
|
|
5583
5583
|
},
|
|
5584
5584
|
},
|
|
5585
5585
|
|
|
5586
5586
|
mode: {
|
|
5587
5587
|
primary: {
|
|
5588
|
-
[vars$
|
|
5588
|
+
[vars$G.textColor]: globalRefs$t.colors.surface.contrast,
|
|
5589
5589
|
},
|
|
5590
5590
|
secondary: {
|
|
5591
|
-
[vars$
|
|
5591
|
+
[vars$G.textColor]: globalRefs$t.colors.surface.dark,
|
|
5592
5592
|
},
|
|
5593
5593
|
error: {
|
|
5594
|
-
[vars$
|
|
5594
|
+
[vars$G.textColor]: globalRefs$t.colors.error.main,
|
|
5595
5595
|
},
|
|
5596
5596
|
success: {
|
|
5597
|
-
[vars$
|
|
5597
|
+
[vars$G.textColor]: globalRefs$t.colors.success.main,
|
|
5598
5598
|
},
|
|
5599
5599
|
},
|
|
5600
5600
|
|
|
5601
5601
|
textAlign: {
|
|
5602
|
-
right: { [vars$
|
|
5603
|
-
left: { [vars$
|
|
5604
|
-
center: { [vars$
|
|
5602
|
+
right: { [vars$G.textAlign]: 'right' },
|
|
5603
|
+
left: { [vars$G.textAlign]: 'left' },
|
|
5604
|
+
center: { [vars$G.textAlign]: 'center' },
|
|
5605
5605
|
},
|
|
5606
5606
|
|
|
5607
5607
|
_fullWidth: {
|
|
5608
|
-
[vars$
|
|
5608
|
+
[vars$G.hostWidth]: '100%',
|
|
5609
5609
|
},
|
|
5610
5610
|
|
|
5611
5611
|
_italic: {
|
|
5612
|
-
[vars$
|
|
5612
|
+
[vars$G.fontStyle]: 'italic',
|
|
5613
5613
|
},
|
|
5614
5614
|
|
|
5615
5615
|
_uppercase: {
|
|
5616
|
-
[vars$
|
|
5616
|
+
[vars$G.textTransform]: 'uppercase',
|
|
5617
5617
|
},
|
|
5618
5618
|
|
|
5619
5619
|
_lowercase: {
|
|
5620
|
-
[vars$
|
|
5620
|
+
[vars$G.textTransform]: 'lowercase',
|
|
5621
5621
|
},
|
|
5622
5622
|
};
|
|
5623
5623
|
|
|
5624
5624
|
var text$3 = /*#__PURE__*/Object.freeze({
|
|
5625
5625
|
__proto__: null,
|
|
5626
5626
|
default: text$2,
|
|
5627
|
-
vars: vars$
|
|
5627
|
+
vars: vars$G
|
|
5628
5628
|
});
|
|
5629
5629
|
|
|
5630
5630
|
const disableRules = [
|
|
@@ -5651,9 +5651,9 @@ const decodeHTML = (html) => {
|
|
|
5651
5651
|
/* eslint-disable no-param-reassign */
|
|
5652
5652
|
|
|
5653
5653
|
|
|
5654
|
-
const componentName$
|
|
5654
|
+
const componentName$N = getComponentName('enriched-text');
|
|
5655
5655
|
|
|
5656
|
-
class EnrichedText extends createBaseClass({ componentName: componentName$
|
|
5656
|
+
class EnrichedText extends createBaseClass({ componentName: componentName$N, baseSelector: ':host > div' }) {
|
|
5657
5657
|
#origLinkRenderer;
|
|
5658
5658
|
|
|
5659
5659
|
#origEmRenderer;
|
|
@@ -5696,12 +5696,9 @@ class EnrichedText extends createBaseClass({ componentName: componentName$M, bas
|
|
|
5696
5696
|
color: currentColor;
|
|
5697
5697
|
}
|
|
5698
5698
|
</style>
|
|
5699
|
-
<slot part="text-wrapper" style="display:none"></slot>
|
|
5700
5699
|
<div class="content"></div>
|
|
5701
5700
|
`;
|
|
5702
5701
|
|
|
5703
|
-
this.textSlot = this.shadowRoot.querySelector('slot');
|
|
5704
|
-
|
|
5705
5702
|
this.#initProcessor();
|
|
5706
5703
|
|
|
5707
5704
|
observeChildren(this, this.#parseChildren.bind(this));
|
|
@@ -5849,9 +5846,9 @@ const EnrichedTextClass = compose(
|
|
|
5849
5846
|
componentNameValidationMixin
|
|
5850
5847
|
)(EnrichedText);
|
|
5851
5848
|
|
|
5852
|
-
const componentName$
|
|
5849
|
+
const componentName$M = getComponentName('link');
|
|
5853
5850
|
|
|
5854
|
-
class RawLink extends createBaseClass({ componentName: componentName$
|
|
5851
|
+
class RawLink extends createBaseClass({ componentName: componentName$M, baseSelector: ':host a' }) {
|
|
5855
5852
|
constructor() {
|
|
5856
5853
|
super();
|
|
5857
5854
|
|
|
@@ -5915,38 +5912,32 @@ const LinkClass = compose(
|
|
|
5915
5912
|
componentNameValidationMixin
|
|
5916
5913
|
)(RawLink);
|
|
5917
5914
|
|
|
5918
|
-
const globalRefs$
|
|
5919
|
-
const vars$
|
|
5915
|
+
const globalRefs$s = getThemeRefs(globals);
|
|
5916
|
+
const vars$F = LinkClass.cssVarList;
|
|
5920
5917
|
|
|
5921
5918
|
const link$1 = {
|
|
5922
|
-
[vars$
|
|
5923
|
-
[vars$
|
|
5919
|
+
[vars$F.hostDirection]: globalRefs$s.direction,
|
|
5920
|
+
[vars$F.cursor]: 'pointer',
|
|
5924
5921
|
|
|
5925
|
-
[vars$
|
|
5922
|
+
[vars$F.textColor]: globalRefs$s.colors.primary.main,
|
|
5926
5923
|
|
|
5927
5924
|
textAlign: {
|
|
5928
|
-
right: { [vars$
|
|
5929
|
-
left: { [vars$
|
|
5930
|
-
center: { [vars$
|
|
5925
|
+
right: { [vars$F.textAlign]: 'right' },
|
|
5926
|
+
left: { [vars$F.textAlign]: 'left' },
|
|
5927
|
+
center: { [vars$F.textAlign]: 'center' },
|
|
5931
5928
|
},
|
|
5932
5929
|
|
|
5933
5930
|
_fullWidth: {
|
|
5934
|
-
[vars$
|
|
5931
|
+
[vars$F.hostWidth]: '100%',
|
|
5935
5932
|
},
|
|
5936
5933
|
|
|
5937
5934
|
_hover: {
|
|
5938
|
-
[vars$
|
|
5935
|
+
[vars$F.textDecoration]: 'underline',
|
|
5939
5936
|
},
|
|
5940
5937
|
|
|
5941
5938
|
mode: {
|
|
5942
5939
|
secondary: {
|
|
5943
|
-
[vars$
|
|
5944
|
-
},
|
|
5945
|
-
error: {
|
|
5946
|
-
[vars$E.textColor]: globalRefs$r.colors.error.main,
|
|
5947
|
-
},
|
|
5948
|
-
success: {
|
|
5949
|
-
[vars$E.textColor]: globalRefs$r.colors.success.main,
|
|
5940
|
+
[vars$F.textColor]: globalRefs$s.colors.secondary.main,
|
|
5950
5941
|
},
|
|
5951
5942
|
},
|
|
5952
5943
|
};
|
|
@@ -5954,37 +5945,37 @@ const link$1 = {
|
|
|
5954
5945
|
var link$2 = /*#__PURE__*/Object.freeze({
|
|
5955
5946
|
__proto__: null,
|
|
5956
5947
|
default: link$1,
|
|
5957
|
-
vars: vars$
|
|
5948
|
+
vars: vars$F
|
|
5958
5949
|
});
|
|
5959
5950
|
|
|
5960
|
-
const globalRefs$
|
|
5961
|
-
const vars$
|
|
5951
|
+
const globalRefs$r = getThemeRefs(globals);
|
|
5952
|
+
const vars$E = EnrichedTextClass.cssVarList;
|
|
5962
5953
|
|
|
5963
5954
|
const enrichedText = {
|
|
5964
|
-
[vars$
|
|
5965
|
-
[vars$
|
|
5955
|
+
[vars$E.hostDirection]: globalRefs$r.direction,
|
|
5956
|
+
[vars$E.hostWidth]: useVar(vars$G.hostWidth),
|
|
5966
5957
|
|
|
5967
|
-
[vars$
|
|
5968
|
-
[vars$
|
|
5969
|
-
[vars$
|
|
5958
|
+
[vars$E.textLineHeight]: useVar(vars$G.textLineHeight),
|
|
5959
|
+
[vars$E.textColor]: useVar(vars$G.textColor),
|
|
5960
|
+
[vars$E.textAlign]: useVar(vars$G.textAlign),
|
|
5970
5961
|
|
|
5971
|
-
[vars$
|
|
5972
|
-
[vars$
|
|
5973
|
-
[vars$
|
|
5962
|
+
[vars$E.fontSize]: useVar(vars$G.fontSize),
|
|
5963
|
+
[vars$E.fontWeight]: useVar(vars$G.fontWeight),
|
|
5964
|
+
[vars$E.fontFamily]: useVar(vars$G.fontFamily),
|
|
5974
5965
|
|
|
5975
|
-
[vars$
|
|
5976
|
-
[vars$
|
|
5977
|
-
[vars$
|
|
5966
|
+
[vars$E.linkColor]: useVar(vars$F.textColor),
|
|
5967
|
+
[vars$E.linkTextDecoration]: 'none',
|
|
5968
|
+
[vars$E.linkHoverTextDecoration]: 'underline',
|
|
5978
5969
|
|
|
5979
|
-
[vars$
|
|
5980
|
-
[vars$
|
|
5981
|
-
[vars$
|
|
5970
|
+
[vars$E.fontWeightBold]: '900',
|
|
5971
|
+
[vars$E.minWidth]: '0.25em',
|
|
5972
|
+
[vars$E.minHeight]: '1.35em',
|
|
5982
5973
|
|
|
5983
|
-
[vars$
|
|
5974
|
+
[vars$E.hostDisplay]: 'inline-block',
|
|
5984
5975
|
|
|
5985
5976
|
_empty: {
|
|
5986
5977
|
_hideWhenEmpty: {
|
|
5987
|
-
[vars$
|
|
5978
|
+
[vars$E.hostDisplay]: 'none',
|
|
5988
5979
|
},
|
|
5989
5980
|
},
|
|
5990
5981
|
};
|
|
@@ -5992,11 +5983,11 @@ const enrichedText = {
|
|
|
5992
5983
|
var enrichedText$1 = /*#__PURE__*/Object.freeze({
|
|
5993
5984
|
__proto__: null,
|
|
5994
5985
|
default: enrichedText,
|
|
5995
|
-
vars: vars$
|
|
5986
|
+
vars: vars$E
|
|
5996
5987
|
});
|
|
5997
5988
|
|
|
5998
|
-
const componentName$
|
|
5999
|
-
class RawDivider extends createBaseClass({ componentName: componentName$
|
|
5989
|
+
const componentName$L = getComponentName('divider');
|
|
5990
|
+
class RawDivider extends createBaseClass({ componentName: componentName$L, baseSelector: ':host > div' }) {
|
|
6000
5991
|
constructor() {
|
|
6001
5992
|
super();
|
|
6002
5993
|
|
|
@@ -6095,7 +6086,7 @@ const DividerClass = compose(
|
|
|
6095
6086
|
componentNameValidationMixin
|
|
6096
6087
|
)(RawDivider);
|
|
6097
6088
|
|
|
6098
|
-
const globalRefs$
|
|
6089
|
+
const globalRefs$q = getThemeRefs(globals);
|
|
6099
6090
|
const compVars$4 = DividerClass.cssVarList;
|
|
6100
6091
|
|
|
6101
6092
|
const [helperTheme$2, helperRefs$2, helperVars$2] = createHelperVars(
|
|
@@ -6103,18 +6094,18 @@ const [helperTheme$2, helperRefs$2, helperVars$2] = createHelperVars(
|
|
|
6103
6094
|
thickness: '2px',
|
|
6104
6095
|
spacing: '10px',
|
|
6105
6096
|
},
|
|
6106
|
-
componentName$
|
|
6097
|
+
componentName$L
|
|
6107
6098
|
);
|
|
6108
6099
|
|
|
6109
6100
|
const divider = {
|
|
6110
6101
|
...helperTheme$2,
|
|
6111
6102
|
|
|
6112
|
-
[compVars$4.hostDirection]: globalRefs$
|
|
6103
|
+
[compVars$4.hostDirection]: globalRefs$q.direction,
|
|
6113
6104
|
[compVars$4.alignItems]: 'center',
|
|
6114
6105
|
[compVars$4.flexDirection]: 'row',
|
|
6115
6106
|
[compVars$4.alignSelf]: 'stretch',
|
|
6116
6107
|
[compVars$4.hostWidth]: '100%',
|
|
6117
|
-
[compVars$4.stripeColor]: globalRefs$
|
|
6108
|
+
[compVars$4.stripeColor]: globalRefs$q.colors.surface.light,
|
|
6118
6109
|
[compVars$4.stripeColorOpacity]: '0.5',
|
|
6119
6110
|
[compVars$4.stripeHorizontalThickness]: helperRefs$2.thickness,
|
|
6120
6111
|
[compVars$4.labelTextWidth]: 'fit-content',
|
|
@@ -6134,7 +6125,7 @@ const divider = {
|
|
|
6134
6125
|
},
|
|
6135
6126
|
};
|
|
6136
6127
|
|
|
6137
|
-
const vars$
|
|
6128
|
+
const vars$D = {
|
|
6138
6129
|
...compVars$4,
|
|
6139
6130
|
...helperVars$2,
|
|
6140
6131
|
};
|
|
@@ -6142,18 +6133,18 @@ const vars$C = {
|
|
|
6142
6133
|
var divider$1 = /*#__PURE__*/Object.freeze({
|
|
6143
6134
|
__proto__: null,
|
|
6144
6135
|
default: divider,
|
|
6145
|
-
vars: vars$
|
|
6136
|
+
vars: vars$D
|
|
6146
6137
|
});
|
|
6147
6138
|
|
|
6148
6139
|
/* eslint-disable no-param-reassign */
|
|
6149
6140
|
|
|
6150
|
-
const componentName$
|
|
6141
|
+
const componentName$K = getComponentName('passcode-internal');
|
|
6151
6142
|
|
|
6152
|
-
createBaseInputClass({ componentName: componentName$
|
|
6143
|
+
createBaseInputClass({ componentName: componentName$K, baseSelector: 'div' });
|
|
6153
6144
|
|
|
6154
|
-
const componentName$
|
|
6145
|
+
const componentName$J = getComponentName('loader-radial');
|
|
6155
6146
|
|
|
6156
|
-
class RawLoaderRadial extends createBaseClass({ componentName: componentName$
|
|
6147
|
+
class RawLoaderRadial extends createBaseClass({ componentName: componentName$J, baseSelector: ':host > div' }) {
|
|
6157
6148
|
constructor() {
|
|
6158
6149
|
super();
|
|
6159
6150
|
|
|
@@ -6197,7 +6188,7 @@ const LoaderRadialClass = compose(
|
|
|
6197
6188
|
componentNameValidationMixin
|
|
6198
6189
|
)(RawLoaderRadial);
|
|
6199
6190
|
|
|
6200
|
-
const componentName$
|
|
6191
|
+
const componentName$I = getComponentName('passcode');
|
|
6201
6192
|
|
|
6202
6193
|
const observedAttributes$3 = ['digits'];
|
|
6203
6194
|
|
|
@@ -6216,17 +6207,17 @@ const customMixin$9 = (superclass) =>
|
|
|
6216
6207
|
const template = document.createElement('template');
|
|
6217
6208
|
|
|
6218
6209
|
template.innerHTML = `
|
|
6219
|
-
<${componentName$
|
|
6210
|
+
<${componentName$K}
|
|
6220
6211
|
bordered="true"
|
|
6221
6212
|
name="code"
|
|
6222
6213
|
tabindex="-1"
|
|
6223
6214
|
slot="input"
|
|
6224
|
-
><slot></slot></${componentName$
|
|
6215
|
+
><slot></slot></${componentName$K}>
|
|
6225
6216
|
`;
|
|
6226
6217
|
|
|
6227
6218
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
|
6228
6219
|
|
|
6229
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
|
6220
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$K);
|
|
6230
6221
|
|
|
6231
6222
|
forwardAttrs(this, this.inputElement, { includeAttrs: ['digits', 'size', 'loading'] });
|
|
6232
6223
|
}
|
|
@@ -6383,63 +6374,63 @@ const PasscodeClass = compose(
|
|
|
6383
6374
|
${resetInputCursor('vaadin-text-field')}
|
|
6384
6375
|
`,
|
|
6385
6376
|
excludeAttrsSync: ['tabindex'],
|
|
6386
|
-
componentName: componentName$
|
|
6377
|
+
componentName: componentName$I,
|
|
6387
6378
|
})
|
|
6388
6379
|
);
|
|
6389
6380
|
|
|
6390
|
-
const vars$
|
|
6381
|
+
const vars$C = PasscodeClass.cssVarList;
|
|
6391
6382
|
|
|
6392
6383
|
const passcode = {
|
|
6393
|
-
[vars$
|
|
6394
|
-
[vars$
|
|
6395
|
-
[vars$
|
|
6396
|
-
[vars$
|
|
6397
|
-
[vars$
|
|
6398
|
-
[vars$
|
|
6399
|
-
[vars$
|
|
6400
|
-
[vars$
|
|
6401
|
-
[vars$
|
|
6402
|
-
[vars$
|
|
6403
|
-
[vars$
|
|
6404
|
-
[vars$
|
|
6405
|
-
[vars$
|
|
6406
|
-
[vars$
|
|
6407
|
-
[vars$
|
|
6384
|
+
[vars$C.hostDirection]: refs.direction,
|
|
6385
|
+
[vars$C.fontFamily]: refs.fontFamily,
|
|
6386
|
+
[vars$C.fontSize]: refs.fontSize,
|
|
6387
|
+
[vars$C.labelTextColor]: refs.labelTextColor,
|
|
6388
|
+
[vars$C.labelRequiredIndicator]: refs.requiredIndicator,
|
|
6389
|
+
[vars$C.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
6390
|
+
[vars$C.digitValueTextColor]: refs.valueTextColor,
|
|
6391
|
+
[vars$C.digitPadding]: '0',
|
|
6392
|
+
[vars$C.digitTextAlign]: 'center',
|
|
6393
|
+
[vars$C.digitSpacing]: '4px',
|
|
6394
|
+
[vars$C.hostWidth]: refs.width,
|
|
6395
|
+
[vars$C.digitOutlineColor]: 'transparent',
|
|
6396
|
+
[vars$C.digitOutlineWidth]: refs.outlineWidth,
|
|
6397
|
+
[vars$C.focusedDigitFieldOutlineColor]: refs.outlineColor,
|
|
6398
|
+
[vars$C.digitSize]: refs.inputHeight,
|
|
6408
6399
|
|
|
6409
6400
|
// error message icon
|
|
6410
|
-
[vars$
|
|
6411
|
-
[vars$
|
|
6412
|
-
[vars$
|
|
6413
|
-
[vars$
|
|
6414
|
-
[vars$
|
|
6401
|
+
[vars$C.errorMessageIcon]: refs.errorMessageIcon,
|
|
6402
|
+
[vars$C.errorMessageIconSize]: refs.errorMessageIconSize,
|
|
6403
|
+
[vars$C.errorMessageIconPadding]: refs.errorMessageIconPadding,
|
|
6404
|
+
[vars$C.errorMessageIconRepeat]: refs.errorMessageIconRepeat,
|
|
6405
|
+
[vars$C.errorMessageIconPosition]: refs.errorMessageIconPosition,
|
|
6415
6406
|
|
|
6416
6407
|
size: {
|
|
6417
|
-
xs: { [vars$
|
|
6418
|
-
sm: { [vars$
|
|
6419
|
-
md: { [vars$
|
|
6420
|
-
lg: { [vars$
|
|
6408
|
+
xs: { [vars$C.spinnerSize]: '15px' },
|
|
6409
|
+
sm: { [vars$C.spinnerSize]: '20px' },
|
|
6410
|
+
md: { [vars$C.spinnerSize]: '20px' },
|
|
6411
|
+
lg: { [vars$C.spinnerSize]: '20px' },
|
|
6421
6412
|
},
|
|
6422
6413
|
|
|
6423
6414
|
_hideCursor: {
|
|
6424
|
-
[vars$
|
|
6415
|
+
[vars$C.digitCaretTextColor]: 'transparent',
|
|
6425
6416
|
},
|
|
6426
6417
|
|
|
6427
6418
|
_loading: {
|
|
6428
|
-
[vars$
|
|
6419
|
+
[vars$C.overlayOpacity]: refs.overlayOpacity,
|
|
6429
6420
|
},
|
|
6430
6421
|
};
|
|
6431
6422
|
|
|
6432
6423
|
var passcode$1 = /*#__PURE__*/Object.freeze({
|
|
6433
6424
|
__proto__: null,
|
|
6434
6425
|
default: passcode,
|
|
6435
|
-
vars: vars$
|
|
6426
|
+
vars: vars$C
|
|
6436
6427
|
});
|
|
6437
6428
|
|
|
6438
|
-
const componentName$
|
|
6429
|
+
const componentName$H = getComponentName('loader-linear');
|
|
6439
6430
|
|
|
6440
|
-
class RawLoaderLinear extends createBaseClass({ componentName: componentName$
|
|
6431
|
+
class RawLoaderLinear extends createBaseClass({ componentName: componentName$H, baseSelector: ':host > div' }) {
|
|
6441
6432
|
static get componentName() {
|
|
6442
|
-
return componentName$
|
|
6433
|
+
return componentName$H;
|
|
6443
6434
|
}
|
|
6444
6435
|
|
|
6445
6436
|
constructor() {
|
|
@@ -6500,67 +6491,67 @@ const LoaderLinearClass = compose(
|
|
|
6500
6491
|
componentNameValidationMixin
|
|
6501
6492
|
)(RawLoaderLinear);
|
|
6502
6493
|
|
|
6503
|
-
const globalRefs$
|
|
6504
|
-
const vars$
|
|
6494
|
+
const globalRefs$p = getThemeRefs(globals);
|
|
6495
|
+
const vars$B = LoaderLinearClass.cssVarList;
|
|
6505
6496
|
|
|
6506
6497
|
const loaderLinear = {
|
|
6507
|
-
[vars$
|
|
6508
|
-
[vars$
|
|
6498
|
+
[vars$B.hostDisplay]: 'inline-block',
|
|
6499
|
+
[vars$B.hostWidth]: '100%',
|
|
6509
6500
|
|
|
6510
|
-
[vars$
|
|
6511
|
-
[vars$
|
|
6501
|
+
[vars$B.barColor]: globalRefs$p.colors.surface.contrast,
|
|
6502
|
+
[vars$B.barWidth]: '20%',
|
|
6512
6503
|
|
|
6513
|
-
[vars$
|
|
6514
|
-
[vars$
|
|
6504
|
+
[vars$B.barBackgroundColor]: globalRefs$p.colors.surface.light,
|
|
6505
|
+
[vars$B.barBorderRadius]: '4px',
|
|
6515
6506
|
|
|
6516
|
-
[vars$
|
|
6517
|
-
[vars$
|
|
6518
|
-
[vars$
|
|
6519
|
-
[vars$
|
|
6507
|
+
[vars$B.animationDuration]: '2s',
|
|
6508
|
+
[vars$B.animationTimingFunction]: 'linear',
|
|
6509
|
+
[vars$B.animationIterationCount]: 'infinite',
|
|
6510
|
+
[vars$B.verticalPadding]: '0.25em',
|
|
6520
6511
|
|
|
6521
6512
|
size: {
|
|
6522
|
-
xs: { [vars$
|
|
6523
|
-
sm: { [vars$
|
|
6524
|
-
md: { [vars$
|
|
6525
|
-
lg: { [vars$
|
|
6513
|
+
xs: { [vars$B.barHeight]: '2px' },
|
|
6514
|
+
sm: { [vars$B.barHeight]: '4px' },
|
|
6515
|
+
md: { [vars$B.barHeight]: '6px' },
|
|
6516
|
+
lg: { [vars$B.barHeight]: '8px' },
|
|
6526
6517
|
},
|
|
6527
6518
|
|
|
6528
6519
|
mode: {
|
|
6529
6520
|
primary: {
|
|
6530
|
-
[vars$
|
|
6521
|
+
[vars$B.barColor]: globalRefs$p.colors.primary.main,
|
|
6531
6522
|
},
|
|
6532
6523
|
secondary: {
|
|
6533
|
-
[vars$
|
|
6524
|
+
[vars$B.barColor]: globalRefs$p.colors.secondary.main,
|
|
6534
6525
|
},
|
|
6535
6526
|
},
|
|
6536
6527
|
|
|
6537
6528
|
_hidden: {
|
|
6538
|
-
[vars$
|
|
6529
|
+
[vars$B.hostDisplay]: 'none',
|
|
6539
6530
|
},
|
|
6540
6531
|
};
|
|
6541
6532
|
|
|
6542
6533
|
var loaderLinear$1 = /*#__PURE__*/Object.freeze({
|
|
6543
6534
|
__proto__: null,
|
|
6544
6535
|
default: loaderLinear,
|
|
6545
|
-
vars: vars$
|
|
6536
|
+
vars: vars$B
|
|
6546
6537
|
});
|
|
6547
6538
|
|
|
6548
|
-
const globalRefs$
|
|
6539
|
+
const globalRefs$o = getThemeRefs(globals);
|
|
6549
6540
|
const compVars$3 = LoaderRadialClass.cssVarList;
|
|
6550
6541
|
|
|
6551
6542
|
const [helperTheme$1, helperRefs$1, helperVars$1] = createHelperVars(
|
|
6552
6543
|
{
|
|
6553
|
-
spinnerColor: globalRefs$
|
|
6544
|
+
spinnerColor: globalRefs$o.colors.surface.contrast,
|
|
6554
6545
|
mode: {
|
|
6555
6546
|
primary: {
|
|
6556
|
-
spinnerColor: globalRefs$
|
|
6547
|
+
spinnerColor: globalRefs$o.colors.primary.main,
|
|
6557
6548
|
},
|
|
6558
6549
|
secondary: {
|
|
6559
|
-
spinnerColor: globalRefs$
|
|
6550
|
+
spinnerColor: globalRefs$o.colors.secondary.main,
|
|
6560
6551
|
},
|
|
6561
6552
|
},
|
|
6562
6553
|
},
|
|
6563
|
-
componentName$
|
|
6554
|
+
componentName$J
|
|
6564
6555
|
);
|
|
6565
6556
|
|
|
6566
6557
|
const loaderRadial = {
|
|
@@ -6589,7 +6580,7 @@ const loaderRadial = {
|
|
|
6589
6580
|
[compVars$3.hostDisplay]: 'none',
|
|
6590
6581
|
},
|
|
6591
6582
|
};
|
|
6592
|
-
const vars$
|
|
6583
|
+
const vars$A = {
|
|
6593
6584
|
...compVars$3,
|
|
6594
6585
|
...helperVars$1,
|
|
6595
6586
|
};
|
|
@@ -6597,10 +6588,10 @@ const vars$z = {
|
|
|
6597
6588
|
var loaderRadial$1 = /*#__PURE__*/Object.freeze({
|
|
6598
6589
|
__proto__: null,
|
|
6599
6590
|
default: loaderRadial,
|
|
6600
|
-
vars: vars$
|
|
6591
|
+
vars: vars$A
|
|
6601
6592
|
});
|
|
6602
6593
|
|
|
6603
|
-
const componentName$
|
|
6594
|
+
const componentName$G = getComponentName('combo-box');
|
|
6604
6595
|
|
|
6605
6596
|
const ComboBoxMixin = (superclass) =>
|
|
6606
6597
|
class ComboBoxMixinClass extends superclass {
|
|
@@ -7116,94 +7107,94 @@ const ComboBoxClass = compose(
|
|
|
7116
7107
|
// and reset items to an empty array, and opening the list box with no items
|
|
7117
7108
|
// to display.
|
|
7118
7109
|
excludeAttrsSync: ['tabindex', 'size', 'data', 'loading'],
|
|
7119
|
-
componentName: componentName$
|
|
7110
|
+
componentName: componentName$G,
|
|
7120
7111
|
includeForwardProps: ['items', 'renderer', 'selectedItem'],
|
|
7121
7112
|
})
|
|
7122
7113
|
);
|
|
7123
7114
|
|
|
7124
|
-
const globalRefs$
|
|
7125
|
-
const vars$
|
|
7115
|
+
const globalRefs$n = getThemeRefs(globals);
|
|
7116
|
+
const vars$z = ComboBoxClass.cssVarList;
|
|
7126
7117
|
|
|
7127
7118
|
const comboBox = {
|
|
7128
|
-
[vars$
|
|
7129
|
-
[vars$
|
|
7130
|
-
[vars$
|
|
7131
|
-
[vars$
|
|
7132
|
-
[vars$
|
|
7133
|
-
[vars$
|
|
7134
|
-
[vars$
|
|
7135
|
-
[vars$
|
|
7136
|
-
[vars$
|
|
7137
|
-
[vars$
|
|
7138
|
-
[vars$
|
|
7139
|
-
[vars$
|
|
7140
|
-
[vars$
|
|
7141
|
-
[vars$
|
|
7142
|
-
[vars$
|
|
7143
|
-
[vars$
|
|
7144
|
-
[vars$
|
|
7145
|
-
[vars$
|
|
7146
|
-
[vars$
|
|
7147
|
-
[vars$
|
|
7148
|
-
[vars$
|
|
7149
|
-
[vars$
|
|
7150
|
-
[vars$
|
|
7151
|
-
[vars$
|
|
7152
|
-
[vars$
|
|
7153
|
-
[vars$
|
|
7154
|
-
[vars$
|
|
7155
|
-
[vars$
|
|
7156
|
-
[vars$
|
|
7157
|
-
[vars$
|
|
7158
|
-
[vars$
|
|
7159
|
-
[vars$
|
|
7160
|
-
[vars$
|
|
7161
|
-
[vars$
|
|
7162
|
-
[vars$
|
|
7163
|
-
[vars$
|
|
7164
|
-
[vars$
|
|
7165
|
-
[vars$
|
|
7119
|
+
[vars$z.hostWidth]: refs.width,
|
|
7120
|
+
[vars$z.hostDirection]: refs.direction,
|
|
7121
|
+
[vars$z.fontSize]: refs.fontSize,
|
|
7122
|
+
[vars$z.fontFamily]: refs.fontFamily,
|
|
7123
|
+
[vars$z.labelFontSize]: refs.labelFontSize,
|
|
7124
|
+
[vars$z.labelFontWeight]: refs.labelFontWeight,
|
|
7125
|
+
[vars$z.labelTextColor]: refs.labelTextColor,
|
|
7126
|
+
[vars$z.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
7127
|
+
[vars$z.inputBorderColor]: refs.borderColor,
|
|
7128
|
+
[vars$z.inputBorderWidth]: refs.borderWidth,
|
|
7129
|
+
[vars$z.inputBorderStyle]: refs.borderStyle,
|
|
7130
|
+
[vars$z.inputBorderRadius]: refs.borderRadius,
|
|
7131
|
+
[vars$z.inputOutlineColor]: refs.outlineColor,
|
|
7132
|
+
[vars$z.inputOutlineOffset]: refs.outlineOffset,
|
|
7133
|
+
[vars$z.inputOutlineWidth]: refs.outlineWidth,
|
|
7134
|
+
[vars$z.inputOutlineStyle]: refs.outlineStyle,
|
|
7135
|
+
[vars$z.labelRequiredIndicator]: refs.requiredIndicator,
|
|
7136
|
+
[vars$z.inputValueTextColor]: refs.valueTextColor,
|
|
7137
|
+
[vars$z.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
7138
|
+
[vars$z.inputBackgroundColor]: refs.backgroundColor,
|
|
7139
|
+
[vars$z.inputHorizontalPadding]: refs.horizontalPadding,
|
|
7140
|
+
[vars$z.inputHeight]: refs.inputHeight,
|
|
7141
|
+
[vars$z.inputDropdownButtonColor]: globalRefs$n.colors.surface.dark,
|
|
7142
|
+
[vars$z.inputDropdownButtonCursor]: 'pointer',
|
|
7143
|
+
[vars$z.inputDropdownButtonSize]: refs.toggleButtonSize,
|
|
7144
|
+
[vars$z.inputDropdownButtonOffset]: globalRefs$n.spacing.xs,
|
|
7145
|
+
[vars$z.overlayItemPaddingInlineStart]: globalRefs$n.spacing.xs,
|
|
7146
|
+
[vars$z.overlayItemPaddingInlineEnd]: globalRefs$n.spacing.lg,
|
|
7147
|
+
[vars$z.labelPosition]: refs.labelPosition,
|
|
7148
|
+
[vars$z.labelTopPosition]: refs.labelTopPosition,
|
|
7149
|
+
[vars$z.labelHorizontalPosition]: refs.labelHorizontalPosition,
|
|
7150
|
+
[vars$z.inputTransformY]: refs.inputTransformY,
|
|
7151
|
+
[vars$z.inputTransition]: refs.inputTransition,
|
|
7152
|
+
[vars$z.marginInlineStart]: refs.marginInlineStart,
|
|
7153
|
+
[vars$z.placeholderOpacity]: refs.placeholderOpacity,
|
|
7154
|
+
[vars$z.inputVerticalAlignment]: refs.inputVerticalAlignment,
|
|
7155
|
+
[vars$z.valueInputHeight]: refs.valueInputHeight,
|
|
7156
|
+
[vars$z.valueInputMarginBottom]: refs.valueInputMarginBottom,
|
|
7166
7157
|
|
|
7167
7158
|
// error message icon
|
|
7168
|
-
[vars$
|
|
7169
|
-
[vars$
|
|
7170
|
-
[vars$
|
|
7171
|
-
[vars$
|
|
7172
|
-
[vars$
|
|
7159
|
+
[vars$z.errorMessageIcon]: refs.errorMessageIcon,
|
|
7160
|
+
[vars$z.errorMessageIconSize]: refs.errorMessageIconSize,
|
|
7161
|
+
[vars$z.errorMessageIconPadding]: refs.errorMessageIconPadding,
|
|
7162
|
+
[vars$z.errorMessageIconRepeat]: refs.errorMessageIconRepeat,
|
|
7163
|
+
[vars$z.errorMessageIconPosition]: refs.errorMessageIconPosition,
|
|
7173
7164
|
|
|
7174
7165
|
_readonly: {
|
|
7175
|
-
[vars$
|
|
7166
|
+
[vars$z.inputDropdownButtonCursor]: 'default',
|
|
7176
7167
|
},
|
|
7177
7168
|
|
|
7178
7169
|
// Overlay theme exposed via the component:
|
|
7179
|
-
[vars$
|
|
7180
|
-
[vars$
|
|
7181
|
-
[vars$
|
|
7182
|
-
[vars$
|
|
7183
|
-
[vars$
|
|
7184
|
-
[vars$
|
|
7170
|
+
[vars$z.overlayFontSize]: refs.fontSize,
|
|
7171
|
+
[vars$z.overlayFontFamily]: refs.fontFamily,
|
|
7172
|
+
[vars$z.overlayCursor]: 'pointer',
|
|
7173
|
+
[vars$z.overlayItemBoxShadow]: 'none',
|
|
7174
|
+
[vars$z.overlayBackground]: refs.backgroundColor,
|
|
7175
|
+
[vars$z.overlayTextColor]: refs.valueTextColor,
|
|
7185
7176
|
|
|
7186
7177
|
// Overlay direct theme:
|
|
7187
|
-
[vars$
|
|
7188
|
-
[vars$
|
|
7178
|
+
[vars$z.overlay.minHeight]: '400px',
|
|
7179
|
+
[vars$z.overlay.margin]: '0',
|
|
7189
7180
|
|
|
7190
|
-
[vars$
|
|
7191
|
-
[vars$
|
|
7181
|
+
[vars$z.overlay.contentHeight]: '100%',
|
|
7182
|
+
[vars$z.overlay.contentOpacity]: '1',
|
|
7192
7183
|
_loading: {
|
|
7193
|
-
[vars$
|
|
7194
|
-
[vars$
|
|
7195
|
-
[vars$
|
|
7184
|
+
[vars$z.overlay.loaderTop]: '50%',
|
|
7185
|
+
[vars$z.overlay.loaderLeft]: '50%',
|
|
7186
|
+
[vars$z.overlay.loaderRight]: 'auto',
|
|
7196
7187
|
// Margin has to be negative to center the loader, "transform" can't be used because the animation uses it
|
|
7197
7188
|
// Margin has to be half of the width/height of the loader to center it
|
|
7198
|
-
[vars$
|
|
7199
|
-
[vars$
|
|
7200
|
-
[vars$
|
|
7201
|
-
[vars$
|
|
7202
|
-
[vars$
|
|
7203
|
-
.loaderBorderColor]: `${globalRefs$
|
|
7204
|
-
[vars$
|
|
7205
|
-
[vars$
|
|
7206
|
-
[vars$
|
|
7189
|
+
[vars$z.overlay.loaderMargin]: '-15px 0 0 -15px',
|
|
7190
|
+
[vars$z.overlay.loaderWidth]: '30px',
|
|
7191
|
+
[vars$z.overlay.loaderHeight]: '30px',
|
|
7192
|
+
[vars$z.overlay.loaderBorder]: '2px solid transparent',
|
|
7193
|
+
[vars$z.overlay
|
|
7194
|
+
.loaderBorderColor]: `${globalRefs$n.colors.primary.highlight} ${globalRefs$n.colors.primary.highlight} ${globalRefs$n.colors.primary.main} ${globalRefs$n.colors.primary.main}`,
|
|
7195
|
+
[vars$z.overlay.loaderBorderRadius]: '50%',
|
|
7196
|
+
[vars$z.overlay.contentHeight]: '100px',
|
|
7197
|
+
[vars$z.overlay.contentOpacity]: '0',
|
|
7207
7198
|
},
|
|
7208
7199
|
};
|
|
7209
7200
|
|
|
@@ -7211,14 +7202,14 @@ var comboBox$1 = /*#__PURE__*/Object.freeze({
|
|
|
7211
7202
|
__proto__: null,
|
|
7212
7203
|
comboBox: comboBox,
|
|
7213
7204
|
default: comboBox,
|
|
7214
|
-
vars: vars$
|
|
7205
|
+
vars: vars$z
|
|
7215
7206
|
});
|
|
7216
7207
|
|
|
7217
7208
|
const observedAttributes$2 = ['src', 'alt'];
|
|
7218
7209
|
|
|
7219
|
-
const componentName$
|
|
7210
|
+
const componentName$F = getComponentName('image');
|
|
7220
7211
|
|
|
7221
|
-
const BaseClass$2 = createBaseClass({ componentName: componentName$
|
|
7212
|
+
const BaseClass$2 = createBaseClass({ componentName: componentName$F, baseSelector: ':host > img' });
|
|
7222
7213
|
class RawImage extends BaseClass$2 {
|
|
7223
7214
|
static get observedAttributes() {
|
|
7224
7215
|
return observedAttributes$2.concat(BaseClass$2.observedAttributes || []);
|
|
@@ -7258,14 +7249,14 @@ const ImageClass = compose(
|
|
|
7258
7249
|
draggableMixin
|
|
7259
7250
|
)(RawImage);
|
|
7260
7251
|
|
|
7261
|
-
const vars$
|
|
7252
|
+
const vars$y = ImageClass.cssVarList;
|
|
7262
7253
|
|
|
7263
7254
|
const image = {};
|
|
7264
7255
|
|
|
7265
7256
|
var image$1 = /*#__PURE__*/Object.freeze({
|
|
7266
7257
|
__proto__: null,
|
|
7267
7258
|
default: image,
|
|
7268
|
-
vars: vars$
|
|
7259
|
+
vars: vars$y
|
|
7269
7260
|
});
|
|
7270
7261
|
|
|
7271
7262
|
var CountryCodes = [
|
|
@@ -8484,14 +8475,14 @@ var CountryCodes = [
|
|
|
8484
8475
|
].sort((a, b) => (a.name < b.name ? -1 : 1)),
|
|
8485
8476
|
];
|
|
8486
8477
|
|
|
8487
|
-
const componentName$
|
|
8478
|
+
const componentName$E = getComponentName('phone-field-internal');
|
|
8488
8479
|
|
|
8489
|
-
createBaseInputClass({ componentName: componentName$
|
|
8480
|
+
createBaseInputClass({ componentName: componentName$E, baseSelector: 'div' });
|
|
8490
8481
|
|
|
8491
8482
|
const textVars$2 = TextFieldClass.cssVarList;
|
|
8492
8483
|
const comboVars = ComboBoxClass.cssVarList;
|
|
8493
8484
|
|
|
8494
|
-
const componentName$
|
|
8485
|
+
const componentName$D = getComponentName('phone-field');
|
|
8495
8486
|
|
|
8496
8487
|
const customMixin$8 = (superclass) =>
|
|
8497
8488
|
class PhoneFieldMixinClass extends superclass {
|
|
@@ -8505,15 +8496,15 @@ const customMixin$8 = (superclass) =>
|
|
|
8505
8496
|
const template = document.createElement('template');
|
|
8506
8497
|
|
|
8507
8498
|
template.innerHTML = `
|
|
8508
|
-
<${componentName$
|
|
8499
|
+
<${componentName$E}
|
|
8509
8500
|
tabindex="-1"
|
|
8510
8501
|
slot="input"
|
|
8511
|
-
></${componentName$
|
|
8502
|
+
></${componentName$E}>
|
|
8512
8503
|
`;
|
|
8513
8504
|
|
|
8514
8505
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
|
8515
8506
|
|
|
8516
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
|
8507
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$E);
|
|
8517
8508
|
|
|
8518
8509
|
forwardAttrs(this.shadowRoot.host, this.inputElement, {
|
|
8519
8510
|
includeAttrs: [
|
|
@@ -8781,43 +8772,43 @@ const PhoneFieldClass = compose(
|
|
|
8781
8772
|
${resetInputLabelPosition('vaadin-text-field')}
|
|
8782
8773
|
`,
|
|
8783
8774
|
excludeAttrsSync: ['tabindex'],
|
|
8784
|
-
componentName: componentName$
|
|
8775
|
+
componentName: componentName$D,
|
|
8785
8776
|
})
|
|
8786
8777
|
);
|
|
8787
8778
|
|
|
8788
|
-
const vars$
|
|
8779
|
+
const vars$x = PhoneFieldClass.cssVarList;
|
|
8789
8780
|
|
|
8790
8781
|
const phoneField = {
|
|
8791
|
-
[vars$
|
|
8792
|
-
[vars$
|
|
8793
|
-
[vars$
|
|
8794
|
-
[vars$
|
|
8795
|
-
[vars$
|
|
8796
|
-
[vars$
|
|
8797
|
-
[vars$
|
|
8798
|
-
[vars$
|
|
8799
|
-
[vars$
|
|
8800
|
-
[vars$
|
|
8801
|
-
[vars$
|
|
8802
|
-
[vars$
|
|
8803
|
-
[vars$
|
|
8804
|
-
[vars$
|
|
8805
|
-
[vars$
|
|
8806
|
-
[vars$
|
|
8807
|
-
[vars$
|
|
8808
|
-
[vars$
|
|
8809
|
-
[vars$
|
|
8810
|
-
[vars$
|
|
8811
|
-
[vars$
|
|
8812
|
-
[vars$
|
|
8813
|
-
[vars$
|
|
8782
|
+
[vars$x.hostWidth]: refs.width,
|
|
8783
|
+
[vars$x.hostDirection]: refs.direction,
|
|
8784
|
+
[vars$x.fontSize]: refs.fontSize,
|
|
8785
|
+
[vars$x.fontFamily]: refs.fontFamily,
|
|
8786
|
+
[vars$x.labelTextColor]: refs.labelTextColor,
|
|
8787
|
+
[vars$x.labelRequiredIndicator]: refs.requiredIndicator,
|
|
8788
|
+
[vars$x.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
8789
|
+
[vars$x.inputValueTextColor]: refs.valueTextColor,
|
|
8790
|
+
[vars$x.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
8791
|
+
[vars$x.inputBorderStyle]: refs.borderStyle,
|
|
8792
|
+
[vars$x.inputBorderWidth]: refs.borderWidth,
|
|
8793
|
+
[vars$x.inputBorderColor]: refs.borderColor,
|
|
8794
|
+
[vars$x.inputBorderRadius]: refs.borderRadius,
|
|
8795
|
+
[vars$x.inputOutlineStyle]: refs.outlineStyle,
|
|
8796
|
+
[vars$x.inputOutlineWidth]: refs.outlineWidth,
|
|
8797
|
+
[vars$x.inputOutlineColor]: refs.outlineColor,
|
|
8798
|
+
[vars$x.inputOutlineOffset]: refs.outlineOffset,
|
|
8799
|
+
[vars$x.phoneInputWidth]: refs.minWidth,
|
|
8800
|
+
[vars$x.countryCodeInputWidth]: '5em',
|
|
8801
|
+
[vars$x.countryCodeDropdownWidth]: '20em',
|
|
8802
|
+
[vars$x.marginInlineStart]: '-0.25em',
|
|
8803
|
+
[vars$x.valueInputHeight]: refs.valueInputHeight,
|
|
8804
|
+
[vars$x.valueInputMarginBottom]: refs.valueInputMarginBottom,
|
|
8814
8805
|
|
|
8815
8806
|
// error message icon
|
|
8816
|
-
[vars$
|
|
8817
|
-
[vars$
|
|
8818
|
-
[vars$
|
|
8819
|
-
[vars$
|
|
8820
|
-
[vars$
|
|
8807
|
+
[vars$x.errorMessageIcon]: refs.errorMessageIcon,
|
|
8808
|
+
[vars$x.errorMessageIconSize]: refs.errorMessageIconSize,
|
|
8809
|
+
[vars$x.errorMessageIconPadding]: refs.errorMessageIconPadding,
|
|
8810
|
+
[vars$x.errorMessageIconRepeat]: refs.errorMessageIconRepeat,
|
|
8811
|
+
[vars$x.errorMessageIconPosition]: refs.errorMessageIconPosition,
|
|
8821
8812
|
|
|
8822
8813
|
// '@overlay': {
|
|
8823
8814
|
// overlayItemBackgroundColor: 'red'
|
|
@@ -8827,16 +8818,16 @@ const phoneField = {
|
|
|
8827
8818
|
var phoneField$1 = /*#__PURE__*/Object.freeze({
|
|
8828
8819
|
__proto__: null,
|
|
8829
8820
|
default: phoneField,
|
|
8830
|
-
vars: vars$
|
|
8821
|
+
vars: vars$x
|
|
8831
8822
|
});
|
|
8832
8823
|
|
|
8833
|
-
const componentName$
|
|
8824
|
+
const componentName$C = getComponentName('phone-field-internal-input-box');
|
|
8834
8825
|
|
|
8835
|
-
createBaseInputClass({ componentName: componentName$
|
|
8826
|
+
createBaseInputClass({ componentName: componentName$C, baseSelector: 'div' });
|
|
8836
8827
|
|
|
8837
8828
|
const textVars$1 = TextFieldClass.cssVarList;
|
|
8838
8829
|
|
|
8839
|
-
const componentName$
|
|
8830
|
+
const componentName$B = getComponentName('phone-input-box-field');
|
|
8840
8831
|
|
|
8841
8832
|
const customMixin$7 = (superclass) =>
|
|
8842
8833
|
class PhoneInputBoxFieldMixinClass extends superclass {
|
|
@@ -8850,15 +8841,15 @@ const customMixin$7 = (superclass) =>
|
|
|
8850
8841
|
const template = document.createElement('template');
|
|
8851
8842
|
|
|
8852
8843
|
template.innerHTML = `
|
|
8853
|
-
<${componentName$
|
|
8844
|
+
<${componentName$C}
|
|
8854
8845
|
tabindex="-1"
|
|
8855
8846
|
slot="input"
|
|
8856
|
-
></${componentName$
|
|
8847
|
+
></${componentName$C}>
|
|
8857
8848
|
`;
|
|
8858
8849
|
|
|
8859
8850
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
|
8860
8851
|
|
|
8861
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
|
8852
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$C);
|
|
8862
8853
|
|
|
8863
8854
|
forwardAttrs(this.shadowRoot.host, this.inputElement, {
|
|
8864
8855
|
includeAttrs: [
|
|
@@ -9050,75 +9041,75 @@ const PhoneFieldInputBoxClass = compose(
|
|
|
9050
9041
|
${inputFloatingLabelStyle()}
|
|
9051
9042
|
`,
|
|
9052
9043
|
excludeAttrsSync: ['tabindex'],
|
|
9053
|
-
componentName: componentName$
|
|
9044
|
+
componentName: componentName$B,
|
|
9054
9045
|
})
|
|
9055
9046
|
);
|
|
9056
9047
|
|
|
9057
|
-
const vars$
|
|
9048
|
+
const vars$w = PhoneFieldInputBoxClass.cssVarList;
|
|
9058
9049
|
|
|
9059
9050
|
const phoneInputBoxField = {
|
|
9060
|
-
[vars$
|
|
9061
|
-
[vars$
|
|
9062
|
-
[vars$
|
|
9063
|
-
[vars$
|
|
9064
|
-
[vars$
|
|
9065
|
-
[vars$
|
|
9066
|
-
[vars$
|
|
9067
|
-
[vars$
|
|
9068
|
-
[vars$
|
|
9069
|
-
[vars$
|
|
9070
|
-
[vars$
|
|
9071
|
-
[vars$
|
|
9072
|
-
[vars$
|
|
9073
|
-
[vars$
|
|
9074
|
-
[vars$
|
|
9075
|
-
[vars$
|
|
9076
|
-
[vars$
|
|
9077
|
-
[vars$
|
|
9078
|
-
[vars$
|
|
9079
|
-
[vars$
|
|
9080
|
-
[vars$
|
|
9081
|
-
[vars$
|
|
9082
|
-
[vars$
|
|
9083
|
-
[vars$
|
|
9084
|
-
[vars$
|
|
9085
|
-
[vars$
|
|
9086
|
-
[vars$
|
|
9087
|
-
[vars$
|
|
9088
|
-
[vars$
|
|
9051
|
+
[vars$w.hostWidth]: '16em',
|
|
9052
|
+
[vars$w.hostMinWidth]: refs.minWidth,
|
|
9053
|
+
[vars$w.hostDirection]: refs.direction,
|
|
9054
|
+
[vars$w.fontSize]: refs.fontSize,
|
|
9055
|
+
[vars$w.fontFamily]: refs.fontFamily,
|
|
9056
|
+
[vars$w.labelFontSize]: refs.labelFontSize,
|
|
9057
|
+
[vars$w.labelFontWeight]: refs.labelFontWeight,
|
|
9058
|
+
[vars$w.labelTextColor]: refs.labelTextColor,
|
|
9059
|
+
[vars$w.labelRequiredIndicator]: refs.requiredIndicator,
|
|
9060
|
+
[vars$w.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
9061
|
+
[vars$w.inputValueTextColor]: refs.valueTextColor,
|
|
9062
|
+
[vars$w.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
9063
|
+
[vars$w.inputBorderStyle]: refs.borderStyle,
|
|
9064
|
+
[vars$w.inputBorderWidth]: refs.borderWidth,
|
|
9065
|
+
[vars$w.inputBorderColor]: refs.borderColor,
|
|
9066
|
+
[vars$w.inputBorderRadius]: refs.borderRadius,
|
|
9067
|
+
[vars$w.inputOutlineStyle]: refs.outlineStyle,
|
|
9068
|
+
[vars$w.inputOutlineWidth]: refs.outlineWidth,
|
|
9069
|
+
[vars$w.inputOutlineColor]: refs.outlineColor,
|
|
9070
|
+
[vars$w.inputOutlineOffset]: refs.outlineOffset,
|
|
9071
|
+
[vars$w.labelPosition]: refs.labelPosition,
|
|
9072
|
+
[vars$w.labelTopPosition]: refs.labelTopPosition,
|
|
9073
|
+
[vars$w.labelHorizontalPosition]: refs.labelHorizontalPosition,
|
|
9074
|
+
[vars$w.inputTransformY]: refs.inputTransformY,
|
|
9075
|
+
[vars$w.inputTransition]: refs.inputTransition,
|
|
9076
|
+
[vars$w.marginInlineStart]: refs.marginInlineStart,
|
|
9077
|
+
[vars$w.valueInputHeight]: refs.valueInputHeight,
|
|
9078
|
+
[vars$w.valueInputMarginBottom]: refs.valueInputMarginBottom,
|
|
9079
|
+
[vars$w.inputHorizontalPadding]: '0',
|
|
9089
9080
|
|
|
9090
9081
|
// error message icon
|
|
9091
|
-
[vars$
|
|
9092
|
-
[vars$
|
|
9093
|
-
[vars$
|
|
9094
|
-
[vars$
|
|
9095
|
-
[vars$
|
|
9082
|
+
[vars$w.errorMessageIcon]: refs.errorMessageIcon,
|
|
9083
|
+
[vars$w.errorMessageIconSize]: refs.errorMessageIconSize,
|
|
9084
|
+
[vars$w.errorMessageIconPadding]: refs.errorMessageIconPadding,
|
|
9085
|
+
[vars$w.errorMessageIconRepeat]: refs.errorMessageIconRepeat,
|
|
9086
|
+
[vars$w.errorMessageIconPosition]: refs.errorMessageIconPosition,
|
|
9096
9087
|
|
|
9097
9088
|
_fullWidth: {
|
|
9098
|
-
[vars$
|
|
9089
|
+
[vars$w.hostWidth]: refs.width,
|
|
9099
9090
|
},
|
|
9100
9091
|
};
|
|
9101
9092
|
|
|
9102
9093
|
var phoneInputBoxField$1 = /*#__PURE__*/Object.freeze({
|
|
9103
9094
|
__proto__: null,
|
|
9104
9095
|
default: phoneInputBoxField,
|
|
9105
|
-
vars: vars$
|
|
9096
|
+
vars: vars$w
|
|
9106
9097
|
});
|
|
9107
9098
|
|
|
9108
|
-
const componentName$
|
|
9099
|
+
const componentName$A = getComponentName('new-password-internal');
|
|
9109
9100
|
|
|
9110
9101
|
const interpolateString = (template, values) =>
|
|
9111
9102
|
template.replace(/{{(\w+)+}}/g, (match, key) => values?.[key] || match);
|
|
9112
9103
|
|
|
9113
9104
|
// eslint-disable-next-line max-classes-per-file
|
|
9114
9105
|
|
|
9115
|
-
const componentName$
|
|
9106
|
+
const componentName$z = getComponentName('policy-validation');
|
|
9116
9107
|
|
|
9117
9108
|
const overrideAttrs = ['data-password-policy-value-minlength'];
|
|
9118
9109
|
const dataAttrs = ['data', 'active-policies', 'overrides', ...overrideAttrs];
|
|
9119
9110
|
const policyAttrs = ['label', 'value', ...dataAttrs];
|
|
9120
9111
|
|
|
9121
|
-
class RawPolicyValidation extends createBaseClass({ componentName: componentName$
|
|
9112
|
+
class RawPolicyValidation extends createBaseClass({ componentName: componentName$z, baseSelector: ':host > div' }) {
|
|
9122
9113
|
#availablePolicies;
|
|
9123
9114
|
|
|
9124
9115
|
#activePolicies = [];
|
|
@@ -9326,7 +9317,7 @@ const PolicyValidationClass = compose(
|
|
|
9326
9317
|
componentNameValidationMixin
|
|
9327
9318
|
)(RawPolicyValidation);
|
|
9328
9319
|
|
|
9329
|
-
const componentName$
|
|
9320
|
+
const componentName$y = getComponentName('new-password');
|
|
9330
9321
|
|
|
9331
9322
|
const policyPreviewVars = PolicyValidationClass.cssVarList;
|
|
9332
9323
|
|
|
@@ -9340,18 +9331,18 @@ const customMixin$6 = (superclass) =>
|
|
|
9340
9331
|
const externalInputAttr = this.getAttribute('external-input');
|
|
9341
9332
|
|
|
9342
9333
|
template.innerHTML = `
|
|
9343
|
-
<${componentName$
|
|
9334
|
+
<${componentName$A}
|
|
9344
9335
|
name="new-password"
|
|
9345
9336
|
tabindex="-1"
|
|
9346
9337
|
slot="input"
|
|
9347
9338
|
external-input="${externalInputAttr}"
|
|
9348
9339
|
>
|
|
9349
|
-
</${componentName$
|
|
9340
|
+
</${componentName$A}>
|
|
9350
9341
|
`;
|
|
9351
9342
|
|
|
9352
9343
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
|
9353
9344
|
|
|
9354
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
|
9345
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$A);
|
|
9355
9346
|
|
|
9356
9347
|
if (this.getAttribute('external-input') === 'true') {
|
|
9357
9348
|
this.initExternalInput();
|
|
@@ -9533,47 +9524,47 @@ const NewPasswordClass = compose(
|
|
|
9533
9524
|
}
|
|
9534
9525
|
`,
|
|
9535
9526
|
excludeAttrsSync: ['tabindex'],
|
|
9536
|
-
componentName: componentName$
|
|
9527
|
+
componentName: componentName$y,
|
|
9537
9528
|
})
|
|
9538
9529
|
);
|
|
9539
9530
|
|
|
9540
|
-
const globalRefs$
|
|
9541
|
-
const vars$
|
|
9531
|
+
const globalRefs$m = getThemeRefs(globals);
|
|
9532
|
+
const vars$v = NewPasswordClass.cssVarList;
|
|
9542
9533
|
|
|
9543
9534
|
const newPassword = {
|
|
9544
|
-
[vars$
|
|
9545
|
-
[vars$
|
|
9546
|
-
[vars$
|
|
9547
|
-
[vars$
|
|
9548
|
-
[vars$
|
|
9549
|
-
[vars$
|
|
9550
|
-
[vars$
|
|
9551
|
-
[vars$
|
|
9552
|
-
[vars$
|
|
9553
|
-
[vars$
|
|
9554
|
-
[vars$
|
|
9555
|
-
[vars$
|
|
9556
|
-
[vars$
|
|
9535
|
+
[vars$v.hostWidth]: refs.width,
|
|
9536
|
+
[vars$v.hostMinWidth]: refs.minWidth,
|
|
9537
|
+
[vars$v.hostDirection]: refs.direction,
|
|
9538
|
+
[vars$v.fontSize]: refs.fontSize,
|
|
9539
|
+
[vars$v.fontFamily]: refs.fontFamily,
|
|
9540
|
+
[vars$v.labelFontSize]: refs.labelFontSize,
|
|
9541
|
+
[vars$v.labelFontWeight]: refs.labelFontWeight,
|
|
9542
|
+
[vars$v.labelTextColor]: refs.labelTextColor,
|
|
9543
|
+
[vars$v.spaceBetweenInputs]: '1em',
|
|
9544
|
+
[vars$v.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
9545
|
+
[vars$v.policyPreviewBackgroundColor]: 'none',
|
|
9546
|
+
[vars$v.policyPreviewPadding]: globalRefs$m.spacing.lg,
|
|
9547
|
+
[vars$v.valueInputHeight]: refs.valueInputHeight,
|
|
9557
9548
|
|
|
9558
9549
|
// error message icon
|
|
9559
|
-
[vars$
|
|
9560
|
-
[vars$
|
|
9561
|
-
[vars$
|
|
9562
|
-
[vars$
|
|
9563
|
-
[vars$
|
|
9550
|
+
[vars$v.errorMessageIcon]: refs.errorMessageIcon,
|
|
9551
|
+
[vars$v.errorMessageIconSize]: refs.errorMessageIconSize,
|
|
9552
|
+
[vars$v.errorMessageIconPadding]: refs.errorMessageIconPadding,
|
|
9553
|
+
[vars$v.errorMessageIconRepeat]: refs.errorMessageIconRepeat,
|
|
9554
|
+
[vars$v.errorMessageIconPosition]: refs.errorMessageIconPosition,
|
|
9564
9555
|
|
|
9565
9556
|
_required: {
|
|
9566
9557
|
// NewPassword doesn't pass `required` attribute to its Password components.
|
|
9567
9558
|
// That's why we fake the required indicator on each input.
|
|
9568
9559
|
// We do that by injecting `::after` element, and populating it with requiredIndicator content.
|
|
9569
|
-
[vars$
|
|
9560
|
+
[vars$v.inputsRequiredIndicator]: refs.requiredIndicator, // used to populate required content for NewPassword input fields outside the theme
|
|
9570
9561
|
},
|
|
9571
9562
|
};
|
|
9572
9563
|
|
|
9573
9564
|
var newPassword$1 = /*#__PURE__*/Object.freeze({
|
|
9574
9565
|
__proto__: null,
|
|
9575
9566
|
default: newPassword,
|
|
9576
|
-
vars: vars$
|
|
9567
|
+
vars: vars$v
|
|
9577
9568
|
});
|
|
9578
9569
|
|
|
9579
9570
|
const getFileBase64 = (fileObj) => {
|
|
@@ -9588,7 +9579,7 @@ const getFilename = (fileObj) => {
|
|
|
9588
9579
|
return fileObj.name.replace(/^.*\\/, '');
|
|
9589
9580
|
};
|
|
9590
9581
|
|
|
9591
|
-
const componentName$
|
|
9582
|
+
const componentName$x = getComponentName('upload-file');
|
|
9592
9583
|
|
|
9593
9584
|
const observedAttributes$1 = [
|
|
9594
9585
|
'title',
|
|
@@ -9603,7 +9594,7 @@ const observedAttributes$1 = [
|
|
|
9603
9594
|
'icon',
|
|
9604
9595
|
];
|
|
9605
9596
|
|
|
9606
|
-
const BaseInputClass$2 = createBaseInputClass({ componentName: componentName$
|
|
9597
|
+
const BaseInputClass$2 = createBaseInputClass({ componentName: componentName$x, baseSelector: ':host > div' });
|
|
9607
9598
|
|
|
9608
9599
|
class RawUploadFile extends BaseInputClass$2 {
|
|
9609
9600
|
static get observedAttributes() {
|
|
@@ -9775,7 +9766,7 @@ class RawUploadFile extends BaseInputClass$2 {
|
|
|
9775
9766
|
}
|
|
9776
9767
|
|
|
9777
9768
|
const buttonVars = ButtonClass.cssVarList;
|
|
9778
|
-
const { host: host$9, wrapper, icon: icon$
|
|
9769
|
+
const { host: host$9, wrapper, icon: icon$3, title: title$1, description, requiredIndicator: requiredIndicator$2 } = {
|
|
9779
9770
|
host: { selector: () => ':host' },
|
|
9780
9771
|
wrapper: { selector: () => ':host > div' },
|
|
9781
9772
|
icon: { selector: () => '::slotted(*)' },
|
|
@@ -9810,7 +9801,7 @@ const UploadFileClass = compose(
|
|
|
9810
9801
|
{ ...title$1, property: 'color' },
|
|
9811
9802
|
{ ...description, property: 'color' },
|
|
9812
9803
|
],
|
|
9813
|
-
iconSize: { ...icon$
|
|
9804
|
+
iconSize: { ...icon$3, property: 'width' },
|
|
9814
9805
|
requiredIndicator: { ...requiredIndicator$2, property: 'content' },
|
|
9815
9806
|
},
|
|
9816
9807
|
}),
|
|
@@ -9818,77 +9809,77 @@ const UploadFileClass = compose(
|
|
|
9818
9809
|
componentNameValidationMixin
|
|
9819
9810
|
)(RawUploadFile);
|
|
9820
9811
|
|
|
9821
|
-
const vars$
|
|
9812
|
+
const vars$u = UploadFileClass.cssVarList;
|
|
9822
9813
|
|
|
9823
9814
|
const uploadFile = {
|
|
9824
|
-
[vars$
|
|
9825
|
-
[vars$
|
|
9826
|
-
[vars$
|
|
9815
|
+
[vars$u.hostDirection]: refs.direction,
|
|
9816
|
+
[vars$u.labelTextColor]: refs.labelTextColor,
|
|
9817
|
+
[vars$u.fontFamily]: refs.fontFamily,
|
|
9827
9818
|
|
|
9828
|
-
[vars$
|
|
9819
|
+
[vars$u.iconSize]: '2em',
|
|
9829
9820
|
|
|
9830
|
-
[vars$
|
|
9831
|
-
[vars$
|
|
9821
|
+
[vars$u.hostPadding]: '0.75em',
|
|
9822
|
+
[vars$u.gap]: '0.5em',
|
|
9832
9823
|
|
|
9833
|
-
[vars$
|
|
9834
|
-
[vars$
|
|
9835
|
-
[vars$
|
|
9824
|
+
[vars$u.fontSize]: '16px',
|
|
9825
|
+
[vars$u.titleFontWeight]: '500',
|
|
9826
|
+
[vars$u.lineHeight]: '1em',
|
|
9836
9827
|
|
|
9837
|
-
[vars$
|
|
9838
|
-
[vars$
|
|
9839
|
-
[vars$
|
|
9840
|
-
[vars$
|
|
9828
|
+
[vars$u.borderWidth]: refs.borderWidth,
|
|
9829
|
+
[vars$u.borderColor]: refs.borderColor,
|
|
9830
|
+
[vars$u.borderRadius]: refs.borderRadius,
|
|
9831
|
+
[vars$u.borderStyle]: 'dashed',
|
|
9841
9832
|
|
|
9842
9833
|
_required: {
|
|
9843
|
-
[vars$
|
|
9834
|
+
[vars$u.requiredIndicator]: refs.requiredIndicator,
|
|
9844
9835
|
},
|
|
9845
9836
|
|
|
9846
9837
|
size: {
|
|
9847
9838
|
xs: {
|
|
9848
|
-
[vars$
|
|
9849
|
-
[vars$
|
|
9850
|
-
[vars$
|
|
9851
|
-
[vars$
|
|
9852
|
-
[vars$
|
|
9839
|
+
[vars$u.hostHeight]: '196px',
|
|
9840
|
+
[vars$u.hostWidth]: '200px',
|
|
9841
|
+
[vars$u.titleFontSize]: '0.875em',
|
|
9842
|
+
[vars$u.descriptionFontSize]: '0.875em',
|
|
9843
|
+
[vars$u.lineHeight]: '1.25em',
|
|
9853
9844
|
},
|
|
9854
9845
|
sm: {
|
|
9855
|
-
[vars$
|
|
9856
|
-
[vars$
|
|
9857
|
-
[vars$
|
|
9858
|
-
[vars$
|
|
9859
|
-
[vars$
|
|
9846
|
+
[vars$u.hostHeight]: '216px',
|
|
9847
|
+
[vars$u.hostWidth]: '230px',
|
|
9848
|
+
[vars$u.titleFontSize]: '1em',
|
|
9849
|
+
[vars$u.descriptionFontSize]: '0.875em',
|
|
9850
|
+
[vars$u.lineHeight]: '1.25em',
|
|
9860
9851
|
},
|
|
9861
9852
|
md: {
|
|
9862
|
-
[vars$
|
|
9863
|
-
[vars$
|
|
9864
|
-
[vars$
|
|
9865
|
-
[vars$
|
|
9866
|
-
[vars$
|
|
9853
|
+
[vars$u.hostHeight]: '256px',
|
|
9854
|
+
[vars$u.hostWidth]: '312px',
|
|
9855
|
+
[vars$u.titleFontSize]: '1.125em',
|
|
9856
|
+
[vars$u.descriptionFontSize]: '1em',
|
|
9857
|
+
[vars$u.lineHeight]: '1.5em',
|
|
9867
9858
|
},
|
|
9868
9859
|
lg: {
|
|
9869
|
-
[vars$
|
|
9870
|
-
[vars$
|
|
9871
|
-
[vars$
|
|
9872
|
-
[vars$
|
|
9873
|
-
[vars$
|
|
9860
|
+
[vars$u.hostHeight]: '280px',
|
|
9861
|
+
[vars$u.hostWidth]: '336px',
|
|
9862
|
+
[vars$u.titleFontSize]: '1.125em',
|
|
9863
|
+
[vars$u.descriptionFontSize]: '1.125em',
|
|
9864
|
+
[vars$u.lineHeight]: '1.75em',
|
|
9874
9865
|
},
|
|
9875
9866
|
},
|
|
9876
9867
|
|
|
9877
9868
|
_fullWidth: {
|
|
9878
|
-
[vars$
|
|
9869
|
+
[vars$u.hostWidth]: refs.width,
|
|
9879
9870
|
},
|
|
9880
9871
|
};
|
|
9881
9872
|
|
|
9882
9873
|
var uploadFile$1 = /*#__PURE__*/Object.freeze({
|
|
9883
9874
|
__proto__: null,
|
|
9884
9875
|
default: uploadFile,
|
|
9885
|
-
vars: vars$
|
|
9876
|
+
vars: vars$u
|
|
9886
9877
|
});
|
|
9887
9878
|
|
|
9888
|
-
const componentName$
|
|
9879
|
+
const componentName$w = getComponentName('button-selection-group-item');
|
|
9889
9880
|
|
|
9890
9881
|
class RawSelectItem extends createBaseClass({
|
|
9891
|
-
componentName: componentName$
|
|
9882
|
+
componentName: componentName$w,
|
|
9892
9883
|
baseSelector: ':host > descope-button',
|
|
9893
9884
|
}) {
|
|
9894
9885
|
get size() {
|
|
@@ -9995,39 +9986,39 @@ const ButtonSelectionGroupItemClass = compose(
|
|
|
9995
9986
|
componentNameValidationMixin
|
|
9996
9987
|
)(RawSelectItem);
|
|
9997
9988
|
|
|
9998
|
-
const globalRefs$
|
|
9989
|
+
const globalRefs$l = getThemeRefs(globals);
|
|
9999
9990
|
|
|
10000
|
-
const vars$
|
|
9991
|
+
const vars$t = ButtonSelectionGroupItemClass.cssVarList;
|
|
10001
9992
|
|
|
10002
9993
|
const buttonSelectionGroupItem = {
|
|
10003
|
-
[vars$
|
|
10004
|
-
[vars$
|
|
10005
|
-
[vars$
|
|
10006
|
-
[vars$
|
|
10007
|
-
[vars$
|
|
10008
|
-
[vars$
|
|
10009
|
-
[vars$
|
|
10010
|
-
[vars$
|
|
9994
|
+
[vars$t.hostDirection]: 'inherit',
|
|
9995
|
+
[vars$t.backgroundColor]: globalRefs$l.colors.surface.main,
|
|
9996
|
+
[vars$t.labelTextColor]: globalRefs$l.colors.surface.contrast,
|
|
9997
|
+
[vars$t.borderColor]: globalRefs$l.colors.surface.light,
|
|
9998
|
+
[vars$t.borderStyle]: 'solid',
|
|
9999
|
+
[vars$t.borderRadius]: globalRefs$l.radius.sm,
|
|
10000
|
+
[vars$t.outlineColor]: 'transparent',
|
|
10001
|
+
[vars$t.borderWidth]: globalRefs$l.border.xs,
|
|
10011
10002
|
|
|
10012
10003
|
_hover: {
|
|
10013
|
-
[vars$
|
|
10004
|
+
[vars$t.backgroundColor]: globalRefs$l.colors.surface.highlight,
|
|
10014
10005
|
},
|
|
10015
10006
|
|
|
10016
10007
|
_focused: {
|
|
10017
|
-
[vars$
|
|
10008
|
+
[vars$t.outlineColor]: globalRefs$l.colors.surface.light,
|
|
10018
10009
|
},
|
|
10019
10010
|
|
|
10020
10011
|
_selected: {
|
|
10021
|
-
[vars$
|
|
10022
|
-
[vars$
|
|
10023
|
-
[vars$
|
|
10012
|
+
[vars$t.borderColor]: globalRefs$l.colors.surface.contrast,
|
|
10013
|
+
[vars$t.backgroundColor]: globalRefs$l.colors.surface.contrast,
|
|
10014
|
+
[vars$t.labelTextColor]: globalRefs$l.colors.surface.main,
|
|
10024
10015
|
},
|
|
10025
10016
|
};
|
|
10026
10017
|
|
|
10027
10018
|
var buttonSelectionGroupItem$1 = /*#__PURE__*/Object.freeze({
|
|
10028
10019
|
__proto__: null,
|
|
10029
10020
|
default: buttonSelectionGroupItem,
|
|
10030
|
-
vars: vars$
|
|
10021
|
+
vars: vars$t
|
|
10031
10022
|
});
|
|
10032
10023
|
|
|
10033
10024
|
const createBaseButtonSelectionGroupInternalClass = (componentName) => {
|
|
@@ -10126,10 +10117,10 @@ const createBaseButtonSelectionGroupInternalClass = (componentName) => {
|
|
|
10126
10117
|
return BaseButtonSelectionGroupInternalClass;
|
|
10127
10118
|
};
|
|
10128
10119
|
|
|
10129
|
-
const componentName$
|
|
10120
|
+
const componentName$v = getComponentName('button-selection-group-internal');
|
|
10130
10121
|
|
|
10131
10122
|
class ButtonSelectionGroupInternalClass extends createBaseButtonSelectionGroupInternalClass(
|
|
10132
|
-
componentName$
|
|
10123
|
+
componentName$v
|
|
10133
10124
|
) {
|
|
10134
10125
|
getSelectedNode() {
|
|
10135
10126
|
return this.items.find((item) => item.hasAttribute('selected'));
|
|
@@ -10366,7 +10357,7 @@ const buttonSelectionGroupStyles = `
|
|
|
10366
10357
|
${resetInputCursor('vaadin-text-field')}
|
|
10367
10358
|
`;
|
|
10368
10359
|
|
|
10369
|
-
const componentName$
|
|
10360
|
+
const componentName$u = getComponentName('button-selection-group');
|
|
10370
10361
|
|
|
10371
10362
|
const buttonSelectionGroupMixin = (superclass) =>
|
|
10372
10363
|
class ButtonMultiSelectionGroupMixinClass extends superclass {
|
|
@@ -10375,19 +10366,19 @@ const buttonSelectionGroupMixin = (superclass) =>
|
|
|
10375
10366
|
const template = document.createElement('template');
|
|
10376
10367
|
|
|
10377
10368
|
template.innerHTML = `
|
|
10378
|
-
<${componentName$
|
|
10369
|
+
<${componentName$v}
|
|
10379
10370
|
name="button-selection-group"
|
|
10380
10371
|
slot="input"
|
|
10381
10372
|
tabindex="-1"
|
|
10382
10373
|
part="internal-component"
|
|
10383
10374
|
>
|
|
10384
10375
|
<slot></slot>
|
|
10385
|
-
</${componentName$
|
|
10376
|
+
</${componentName$v}>
|
|
10386
10377
|
`;
|
|
10387
10378
|
|
|
10388
10379
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
|
10389
10380
|
|
|
10390
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
|
10381
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$v);
|
|
10391
10382
|
|
|
10392
10383
|
forwardAttrs(this, this.inputElement, {
|
|
10393
10384
|
includeAttrs: ['size', 'default-value', 'allow-deselect'],
|
|
@@ -10412,18 +10403,18 @@ const ButtonSelectionGroupClass = compose(
|
|
|
10412
10403
|
wrappedEleName: 'vaadin-text-field',
|
|
10413
10404
|
style: () => buttonSelectionGroupStyles,
|
|
10414
10405
|
excludeAttrsSync: ['tabindex'],
|
|
10415
|
-
componentName: componentName$
|
|
10406
|
+
componentName: componentName$u,
|
|
10416
10407
|
})
|
|
10417
10408
|
);
|
|
10418
10409
|
|
|
10419
|
-
const globalRefs$
|
|
10410
|
+
const globalRefs$k = getThemeRefs(globals);
|
|
10420
10411
|
|
|
10421
10412
|
const createBaseButtonSelectionGroupMappings = (vars) => ({
|
|
10422
10413
|
[vars.hostDirection]: refs.direction,
|
|
10423
10414
|
[vars.fontFamily]: refs.fontFamily,
|
|
10424
10415
|
[vars.labelTextColor]: refs.labelTextColor,
|
|
10425
10416
|
[vars.labelRequiredIndicator]: refs.requiredIndicator,
|
|
10426
|
-
[vars.itemsSpacing]: globalRefs$
|
|
10417
|
+
[vars.itemsSpacing]: globalRefs$k.spacing.sm,
|
|
10427
10418
|
[vars.hostWidth]: refs.width,
|
|
10428
10419
|
|
|
10429
10420
|
[vars.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
@@ -10436,22 +10427,22 @@ const createBaseButtonSelectionGroupMappings = (vars) => ({
|
|
|
10436
10427
|
[vars.errorMessageIconPosition]: refs.errorMessageIconPosition,
|
|
10437
10428
|
});
|
|
10438
10429
|
|
|
10439
|
-
const vars$
|
|
10430
|
+
const vars$s = ButtonSelectionGroupClass.cssVarList;
|
|
10440
10431
|
|
|
10441
10432
|
const buttonSelectionGroup = {
|
|
10442
|
-
...createBaseButtonSelectionGroupMappings(vars$
|
|
10433
|
+
...createBaseButtonSelectionGroupMappings(vars$s),
|
|
10443
10434
|
};
|
|
10444
10435
|
|
|
10445
10436
|
var buttonSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
|
10446
10437
|
__proto__: null,
|
|
10447
10438
|
default: buttonSelectionGroup,
|
|
10448
|
-
vars: vars$
|
|
10439
|
+
vars: vars$s
|
|
10449
10440
|
});
|
|
10450
10441
|
|
|
10451
|
-
const componentName$
|
|
10442
|
+
const componentName$t = getComponentName('button-multi-selection-group-internal');
|
|
10452
10443
|
|
|
10453
10444
|
class ButtonMultiSelectionGroupInternalClass extends createBaseButtonSelectionGroupInternalClass(
|
|
10454
|
-
componentName$
|
|
10445
|
+
componentName$t
|
|
10455
10446
|
) {
|
|
10456
10447
|
#getSelectedNodes() {
|
|
10457
10448
|
return this.items.filter((item) => item.hasAttribute('selected'));
|
|
@@ -10554,7 +10545,7 @@ class ButtonMultiSelectionGroupInternalClass extends createBaseButtonSelectionGr
|
|
|
10554
10545
|
}
|
|
10555
10546
|
}
|
|
10556
10547
|
|
|
10557
|
-
const componentName$
|
|
10548
|
+
const componentName$s = getComponentName('button-multi-selection-group');
|
|
10558
10549
|
|
|
10559
10550
|
const buttonMultiSelectionGroupMixin = (superclass) =>
|
|
10560
10551
|
class ButtonMultiSelectionGroupMixinClass extends superclass {
|
|
@@ -10563,19 +10554,19 @@ const buttonMultiSelectionGroupMixin = (superclass) =>
|
|
|
10563
10554
|
const template = document.createElement('template');
|
|
10564
10555
|
|
|
10565
10556
|
template.innerHTML = `
|
|
10566
|
-
<${componentName$
|
|
10557
|
+
<${componentName$t}
|
|
10567
10558
|
name="button-selection-group"
|
|
10568
10559
|
slot="input"
|
|
10569
10560
|
tabindex="-1"
|
|
10570
10561
|
part="internal-component"
|
|
10571
10562
|
>
|
|
10572
10563
|
<slot></slot>
|
|
10573
|
-
</${componentName$
|
|
10564
|
+
</${componentName$t}>
|
|
10574
10565
|
`;
|
|
10575
10566
|
|
|
10576
10567
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
|
10577
10568
|
|
|
10578
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
|
10569
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$t);
|
|
10579
10570
|
|
|
10580
10571
|
forwardAttrs(this, this.inputElement, {
|
|
10581
10572
|
includeAttrs: ['size', 'default-values', 'min-items-selection', 'max-items-selection'],
|
|
@@ -10600,23 +10591,23 @@ const ButtonMultiSelectionGroupClass = compose(
|
|
|
10600
10591
|
wrappedEleName: 'vaadin-text-field',
|
|
10601
10592
|
style: () => buttonSelectionGroupStyles,
|
|
10602
10593
|
excludeAttrsSync: ['tabindex'],
|
|
10603
|
-
componentName: componentName$
|
|
10594
|
+
componentName: componentName$s,
|
|
10604
10595
|
})
|
|
10605
10596
|
);
|
|
10606
10597
|
|
|
10607
|
-
const vars$
|
|
10598
|
+
const vars$r = ButtonMultiSelectionGroupClass.cssVarList;
|
|
10608
10599
|
|
|
10609
10600
|
const buttonMultiSelectionGroup = {
|
|
10610
|
-
...createBaseButtonSelectionGroupMappings(vars$
|
|
10601
|
+
...createBaseButtonSelectionGroupMappings(vars$r),
|
|
10611
10602
|
};
|
|
10612
10603
|
|
|
10613
10604
|
var buttonMultiSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
|
10614
10605
|
__proto__: null,
|
|
10615
10606
|
default: buttonMultiSelectionGroup,
|
|
10616
|
-
vars: vars$
|
|
10607
|
+
vars: vars$r
|
|
10617
10608
|
});
|
|
10618
10609
|
|
|
10619
|
-
const componentName$
|
|
10610
|
+
const componentName$r = getComponentName('modal');
|
|
10620
10611
|
|
|
10621
10612
|
const customMixin$5 = (superclass) =>
|
|
10622
10613
|
class ModalMixinClass extends superclass {
|
|
@@ -10715,28 +10706,28 @@ const ModalClass = compose(
|
|
|
10715
10706
|
wrappedEleName: 'vaadin-dialog',
|
|
10716
10707
|
style: () => ``,
|
|
10717
10708
|
excludeAttrsSync: ['tabindex', 'opened'],
|
|
10718
|
-
componentName: componentName$
|
|
10709
|
+
componentName: componentName$r,
|
|
10719
10710
|
})
|
|
10720
10711
|
);
|
|
10721
10712
|
|
|
10722
|
-
const globalRefs$
|
|
10713
|
+
const globalRefs$j = getThemeRefs(globals);
|
|
10723
10714
|
|
|
10724
10715
|
const compVars$2 = ModalClass.cssVarList;
|
|
10725
10716
|
|
|
10726
10717
|
const modal = {
|
|
10727
|
-
[compVars$2.overlayBackgroundColor]: globalRefs$
|
|
10728
|
-
[compVars$2.overlayShadow]: globalRefs$
|
|
10718
|
+
[compVars$2.overlayBackgroundColor]: globalRefs$j.colors.surface.main,
|
|
10719
|
+
[compVars$2.overlayShadow]: globalRefs$j.shadow.wide['2xl'],
|
|
10729
10720
|
[compVars$2.overlayWidth]: '540px',
|
|
10730
10721
|
};
|
|
10731
10722
|
|
|
10732
|
-
const vars$
|
|
10723
|
+
const vars$q = {
|
|
10733
10724
|
...compVars$2,
|
|
10734
10725
|
};
|
|
10735
10726
|
|
|
10736
10727
|
var modal$1 = /*#__PURE__*/Object.freeze({
|
|
10737
10728
|
__proto__: null,
|
|
10738
10729
|
default: modal,
|
|
10739
|
-
vars: vars$
|
|
10730
|
+
vars: vars$q
|
|
10740
10731
|
});
|
|
10741
10732
|
|
|
10742
10733
|
const isValidDataType = (data) => {
|
|
@@ -10812,7 +10803,7 @@ const defaultRowDetailsRenderer = (item, itemLabelsMapping) => {
|
|
|
10812
10803
|
`;
|
|
10813
10804
|
};
|
|
10814
10805
|
|
|
10815
|
-
const componentName$
|
|
10806
|
+
const componentName$q = getComponentName('grid');
|
|
10816
10807
|
|
|
10817
10808
|
const GridMixin = (superclass) =>
|
|
10818
10809
|
class GridMixinClass extends superclass {
|
|
@@ -11166,52 +11157,52 @@ const GridClass = compose(
|
|
|
11166
11157
|
/*!css*/
|
|
11167
11158
|
`,
|
|
11168
11159
|
excludeAttrsSync: ['columns', 'tabindex'],
|
|
11169
|
-
componentName: componentName$
|
|
11160
|
+
componentName: componentName$q,
|
|
11170
11161
|
})
|
|
11171
11162
|
);
|
|
11172
11163
|
|
|
11173
|
-
const globalRefs$
|
|
11174
|
-
const vars$
|
|
11164
|
+
const globalRefs$i = getThemeRefs(globals);
|
|
11165
|
+
const vars$p = GridClass.cssVarList;
|
|
11175
11166
|
|
|
11176
11167
|
const grid = {
|
|
11177
|
-
[vars$
|
|
11178
|
-
[vars$
|
|
11179
|
-
[vars$
|
|
11180
|
-
[vars$
|
|
11181
|
-
[vars$
|
|
11182
|
-
|
|
11183
|
-
[vars$
|
|
11184
|
-
[vars$
|
|
11185
|
-
|
|
11186
|
-
[vars$
|
|
11187
|
-
[vars$
|
|
11188
|
-
[vars$
|
|
11189
|
-
|
|
11190
|
-
[vars$
|
|
11191
|
-
[vars$
|
|
11192
|
-
[vars$
|
|
11193
|
-
[vars$
|
|
11194
|
-
|
|
11195
|
-
[vars$
|
|
11196
|
-
[vars$
|
|
11197
|
-
|
|
11198
|
-
[vars$
|
|
11199
|
-
[vars$
|
|
11200
|
-
[vars$
|
|
11201
|
-
|
|
11202
|
-
[vars$
|
|
11203
|
-
[vars$
|
|
11204
|
-
[vars$
|
|
11205
|
-
[vars$
|
|
11206
|
-
[vars$
|
|
11207
|
-
[vars$
|
|
11208
|
-
[vars$
|
|
11209
|
-
[vars$
|
|
11210
|
-
[vars$
|
|
11211
|
-
[vars$
|
|
11168
|
+
[vars$p.hostWidth]: '100%',
|
|
11169
|
+
[vars$p.hostHeight]: '100%',
|
|
11170
|
+
[vars$p.hostMinHeight]: '400px',
|
|
11171
|
+
[vars$p.fontWeight]: '400',
|
|
11172
|
+
[vars$p.backgroundColor]: globalRefs$i.colors.surface.main,
|
|
11173
|
+
|
|
11174
|
+
[vars$p.fontSize]: refs.fontSize,
|
|
11175
|
+
[vars$p.fontFamily]: refs.fontFamily,
|
|
11176
|
+
|
|
11177
|
+
[vars$p.sortIndicatorsColor]: globalRefs$i.colors.surface.light,
|
|
11178
|
+
[vars$p.activeSortIndicator]: globalRefs$i.colors.surface.dark,
|
|
11179
|
+
[vars$p.resizeHandleColor]: globalRefs$i.colors.surface.light,
|
|
11180
|
+
|
|
11181
|
+
[vars$p.borderWidth]: refs.borderWidth,
|
|
11182
|
+
[vars$p.borderStyle]: refs.borderStyle,
|
|
11183
|
+
[vars$p.borderRadius]: refs.borderRadius,
|
|
11184
|
+
[vars$p.borderColor]: 'transparent',
|
|
11185
|
+
|
|
11186
|
+
[vars$p.headerRowTextColor]: globalRefs$i.colors.surface.dark,
|
|
11187
|
+
[vars$p.separatorColor]: globalRefs$i.colors.surface.light,
|
|
11188
|
+
|
|
11189
|
+
[vars$p.valueTextColor]: globalRefs$i.colors.surface.contrast,
|
|
11190
|
+
[vars$p.selectedBackgroundColor]: globalRefs$i.colors.surface.highlight,
|
|
11191
|
+
[vars$p.hostDirection]: globalRefs$i.direction,
|
|
11192
|
+
|
|
11193
|
+
[vars$p.toggleDetailsPanelButtonSize]: '1em',
|
|
11194
|
+
[vars$p.toggleDetailsPanelButtonOpenedColor]: globalRefs$i.colors.surface.contrast,
|
|
11195
|
+
[vars$p.toggleDetailsPanelButtonClosedColor]: globalRefs$i.colors.surface.light,
|
|
11196
|
+
[vars$p.toggleDetailsPanelButtonCursor]: 'pointer',
|
|
11197
|
+
[vars$p.detailsPanelBackgroundColor]: globalRefs$i.colors.surface.highlight,
|
|
11198
|
+
[vars$p.detailsPanelBorderTopColor]: globalRefs$i.colors.surface.light,
|
|
11199
|
+
[vars$p.detailsPanelLabelsColor]: globalRefs$i.colors.surface.dark,
|
|
11200
|
+
[vars$p.detailsPanelLabelsFontSize]: '0.8em',
|
|
11201
|
+
[vars$p.detailsPanelItemsGap]: '2em',
|
|
11202
|
+
[vars$p.detailsPanelPadding]: '12px 0',
|
|
11212
11203
|
|
|
11213
11204
|
_bordered: {
|
|
11214
|
-
[vars$
|
|
11205
|
+
[vars$p.borderColor]: refs.borderColor,
|
|
11215
11206
|
},
|
|
11216
11207
|
};
|
|
11217
11208
|
|
|
@@ -11219,10 +11210,10 @@ var grid$1 = /*#__PURE__*/Object.freeze({
|
|
|
11219
11210
|
__proto__: null,
|
|
11220
11211
|
default: grid,
|
|
11221
11212
|
grid: grid,
|
|
11222
|
-
vars: vars$
|
|
11213
|
+
vars: vars$p
|
|
11223
11214
|
});
|
|
11224
11215
|
|
|
11225
|
-
const componentName$
|
|
11216
|
+
const componentName$p = getComponentName('notification-card');
|
|
11226
11217
|
|
|
11227
11218
|
const notificationCardMixin = (superclass) =>
|
|
11228
11219
|
class NotificationCardMixinClass extends superclass {
|
|
@@ -11330,54 +11321,54 @@ const NotificationCardClass = compose(
|
|
|
11330
11321
|
}
|
|
11331
11322
|
`,
|
|
11332
11323
|
excludeAttrsSync: ['tabindex'],
|
|
11333
|
-
componentName: componentName$
|
|
11324
|
+
componentName: componentName$p,
|
|
11334
11325
|
})
|
|
11335
11326
|
);
|
|
11336
11327
|
|
|
11337
|
-
const globalRefs$
|
|
11338
|
-
const vars$
|
|
11328
|
+
const globalRefs$h = getThemeRefs(globals);
|
|
11329
|
+
const vars$o = NotificationCardClass.cssVarList;
|
|
11339
11330
|
|
|
11340
11331
|
const shadowColor$2 = '#00000020';
|
|
11341
11332
|
|
|
11342
11333
|
const notification = {
|
|
11343
|
-
[vars$
|
|
11344
|
-
[vars$
|
|
11345
|
-
[vars$
|
|
11346
|
-
[vars$
|
|
11347
|
-
[vars$
|
|
11348
|
-
[vars$
|
|
11349
|
-
[vars$
|
|
11350
|
-
[vars$
|
|
11351
|
-
[vars$
|
|
11334
|
+
[vars$o.hostMinWidth]: '415px',
|
|
11335
|
+
[vars$o.fontFamily]: globalRefs$h.fonts.font1.family,
|
|
11336
|
+
[vars$o.fontSize]: globalRefs$h.typography.body1.size,
|
|
11337
|
+
[vars$o.backgroundColor]: globalRefs$h.colors.surface.main,
|
|
11338
|
+
[vars$o.textColor]: globalRefs$h.colors.surface.contrast,
|
|
11339
|
+
[vars$o.boxShadow]: `${globalRefs$h.shadow.wide.xl} ${shadowColor$2}, ${globalRefs$h.shadow.narrow.xl} ${shadowColor$2}`,
|
|
11340
|
+
[vars$o.verticalPadding]: '0.625em',
|
|
11341
|
+
[vars$o.horizontalPadding]: '1.5em',
|
|
11342
|
+
[vars$o.borderRadius]: globalRefs$h.radius.xs,
|
|
11352
11343
|
|
|
11353
11344
|
_bordered: {
|
|
11354
|
-
[vars$
|
|
11355
|
-
[vars$
|
|
11356
|
-
[vars$
|
|
11345
|
+
[vars$o.borderWidth]: globalRefs$h.border.sm,
|
|
11346
|
+
[vars$o.borderStyle]: 'solid',
|
|
11347
|
+
[vars$o.borderColor]: 'transparent',
|
|
11357
11348
|
},
|
|
11358
11349
|
|
|
11359
11350
|
size: {
|
|
11360
|
-
xs: { [vars$
|
|
11361
|
-
sm: { [vars$
|
|
11362
|
-
md: { [vars$
|
|
11363
|
-
lg: { [vars$
|
|
11351
|
+
xs: { [vars$o.fontSize]: '12px' },
|
|
11352
|
+
sm: { [vars$o.fontSize]: '14px' },
|
|
11353
|
+
md: { [vars$o.fontSize]: '16px' },
|
|
11354
|
+
lg: { [vars$o.fontSize]: '18px' },
|
|
11364
11355
|
},
|
|
11365
11356
|
|
|
11366
11357
|
mode: {
|
|
11367
11358
|
primary: {
|
|
11368
|
-
[vars$
|
|
11369
|
-
[vars$
|
|
11370
|
-
[vars$
|
|
11359
|
+
[vars$o.backgroundColor]: globalRefs$h.colors.primary.main,
|
|
11360
|
+
[vars$o.textColor]: globalRefs$h.colors.primary.contrast,
|
|
11361
|
+
[vars$o.borderColor]: globalRefs$h.colors.primary.light,
|
|
11371
11362
|
},
|
|
11372
11363
|
success: {
|
|
11373
|
-
[vars$
|
|
11374
|
-
[vars$
|
|
11375
|
-
[vars$
|
|
11364
|
+
[vars$o.backgroundColor]: globalRefs$h.colors.success.main,
|
|
11365
|
+
[vars$o.textColor]: globalRefs$h.colors.success.contrast,
|
|
11366
|
+
[vars$o.borderColor]: globalRefs$h.colors.success.light,
|
|
11376
11367
|
},
|
|
11377
11368
|
error: {
|
|
11378
|
-
[vars$
|
|
11379
|
-
[vars$
|
|
11380
|
-
[vars$
|
|
11369
|
+
[vars$o.backgroundColor]: globalRefs$h.colors.error.main,
|
|
11370
|
+
[vars$o.textColor]: globalRefs$h.colors.error.contrast,
|
|
11371
|
+
[vars$o.borderColor]: globalRefs$h.colors.error.light,
|
|
11381
11372
|
},
|
|
11382
11373
|
},
|
|
11383
11374
|
};
|
|
@@ -11385,10 +11376,10 @@ const notification = {
|
|
|
11385
11376
|
var notificationCard = /*#__PURE__*/Object.freeze({
|
|
11386
11377
|
__proto__: null,
|
|
11387
11378
|
default: notification,
|
|
11388
|
-
vars: vars$
|
|
11379
|
+
vars: vars$o
|
|
11389
11380
|
});
|
|
11390
11381
|
|
|
11391
|
-
const componentName$
|
|
11382
|
+
const componentName$o = getComponentName('multi-select-combo-box');
|
|
11392
11383
|
|
|
11393
11384
|
const multiSelectComboBoxMixin = (superclass) =>
|
|
11394
11385
|
class MultiSelectComboBoxMixinClass extends superclass {
|
|
@@ -12035,100 +12026,100 @@ const MultiSelectComboBoxClass = compose(
|
|
|
12035
12026
|
// Note: we exclude `placeholder` because the vaadin component observes it and
|
|
12036
12027
|
// tries to override it, causing us to lose the user set placeholder.
|
|
12037
12028
|
excludeAttrsSync: ['tabindex', 'size', 'data', 'placeholder'],
|
|
12038
|
-
componentName: componentName$
|
|
12029
|
+
componentName: componentName$o,
|
|
12039
12030
|
includeForwardProps: ['items', 'renderer', 'selectedItems'],
|
|
12040
12031
|
})
|
|
12041
12032
|
);
|
|
12042
12033
|
|
|
12043
|
-
const globalRefs$
|
|
12044
|
-
const vars$
|
|
12034
|
+
const globalRefs$g = getThemeRefs(globals);
|
|
12035
|
+
const vars$n = MultiSelectComboBoxClass.cssVarList;
|
|
12045
12036
|
|
|
12046
12037
|
const multiSelectComboBox = {
|
|
12047
|
-
[vars$
|
|
12048
|
-
[vars$
|
|
12049
|
-
[vars$
|
|
12050
|
-
[vars$
|
|
12051
|
-
[vars$
|
|
12052
|
-
[vars$
|
|
12053
|
-
[vars$
|
|
12054
|
-
[vars$
|
|
12055
|
-
[vars$
|
|
12056
|
-
[vars$
|
|
12057
|
-
[vars$
|
|
12058
|
-
[vars$
|
|
12059
|
-
[vars$
|
|
12060
|
-
[vars$
|
|
12061
|
-
[vars$
|
|
12062
|
-
[vars$
|
|
12063
|
-
[vars$
|
|
12064
|
-
[vars$
|
|
12065
|
-
[vars$
|
|
12066
|
-
[vars$
|
|
12067
|
-
[vars$
|
|
12068
|
-
[vars$
|
|
12069
|
-
[vars$
|
|
12070
|
-
[vars$
|
|
12071
|
-
[vars$
|
|
12072
|
-
[vars$
|
|
12073
|
-
[vars$
|
|
12074
|
-
[vars$
|
|
12075
|
-
[vars$
|
|
12076
|
-
[vars$
|
|
12077
|
-
[vars$
|
|
12078
|
-
[vars$
|
|
12079
|
-
[vars$
|
|
12080
|
-
[vars$
|
|
12081
|
-
[vars$
|
|
12082
|
-
[vars$
|
|
12083
|
-
[vars$
|
|
12084
|
-
[vars$
|
|
12085
|
-
[vars$
|
|
12086
|
-
[vars$
|
|
12087
|
-
[vars$
|
|
12038
|
+
[vars$n.hostWidth]: refs.width,
|
|
12039
|
+
[vars$n.hostDirection]: refs.direction,
|
|
12040
|
+
[vars$n.fontSize]: refs.fontSize,
|
|
12041
|
+
[vars$n.fontFamily]: refs.fontFamily,
|
|
12042
|
+
[vars$n.labelFontSize]: refs.labelFontSize,
|
|
12043
|
+
[vars$n.labelFontWeight]: refs.labelFontWeight,
|
|
12044
|
+
[vars$n.labelTextColor]: refs.labelTextColor,
|
|
12045
|
+
[vars$n.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
12046
|
+
[vars$n.inputBorderColor]: refs.borderColor,
|
|
12047
|
+
[vars$n.inputBorderWidth]: refs.borderWidth,
|
|
12048
|
+
[vars$n.inputBorderStyle]: refs.borderStyle,
|
|
12049
|
+
[vars$n.inputBorderRadius]: refs.borderRadius,
|
|
12050
|
+
[vars$n.inputOutlineColor]: refs.outlineColor,
|
|
12051
|
+
[vars$n.inputOutlineOffset]: refs.outlineOffset,
|
|
12052
|
+
[vars$n.inputOutlineWidth]: refs.outlineWidth,
|
|
12053
|
+
[vars$n.inputOutlineStyle]: refs.outlineStyle,
|
|
12054
|
+
[vars$n.labelRequiredIndicator]: refs.requiredIndicator,
|
|
12055
|
+
[vars$n.inputValueTextColor]: refs.valueTextColor,
|
|
12056
|
+
[vars$n.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
12057
|
+
[vars$n.inputBackgroundColor]: refs.backgroundColor,
|
|
12058
|
+
[vars$n.inputHorizontalPadding]: refs.horizontalPadding,
|
|
12059
|
+
[vars$n.inputVerticalPadding]: refs.verticalPadding,
|
|
12060
|
+
[vars$n.inputHeight]: refs.inputHeight,
|
|
12061
|
+
[vars$n.inputDropdownButtonColor]: globalRefs$g.colors.surface.dark,
|
|
12062
|
+
[vars$n.inputDropdownButtonCursor]: 'pointer',
|
|
12063
|
+
[vars$n.inputDropdownButtonSize]: refs.toggleButtonSize,
|
|
12064
|
+
[vars$n.inputDropdownButtonOffset]: globalRefs$g.spacing.xs,
|
|
12065
|
+
[vars$n.overlayItemPaddingInlineStart]: globalRefs$g.spacing.xs,
|
|
12066
|
+
[vars$n.overlayItemPaddingInlineEnd]: globalRefs$g.spacing.lg,
|
|
12067
|
+
[vars$n.chipFontSize]: refs.chipFontSize,
|
|
12068
|
+
[vars$n.chipTextColor]: globalRefs$g.colors.surface.contrast,
|
|
12069
|
+
[vars$n.chipBackgroundColor]: globalRefs$g.colors.surface.light,
|
|
12070
|
+
[vars$n.labelPosition]: refs.labelPosition,
|
|
12071
|
+
[vars$n.labelTopPosition]: refs.labelTopPosition,
|
|
12072
|
+
[vars$n.labelLeftPosition]: refs.labelLeftPosition,
|
|
12073
|
+
[vars$n.labelHorizontalPosition]: refs.labelHorizontalPosition,
|
|
12074
|
+
[vars$n.inputTransformY]: refs.inputTransformY,
|
|
12075
|
+
[vars$n.inputTransition]: refs.inputTransition,
|
|
12076
|
+
[vars$n.marginInlineStart]: refs.marginInlineStart,
|
|
12077
|
+
[vars$n.placeholderOpacity]: refs.placeholderOpacity,
|
|
12078
|
+
[vars$n.inputVerticalAlignment]: refs.inputVerticalAlignment,
|
|
12088
12079
|
|
|
12089
12080
|
// error message icon
|
|
12090
|
-
[vars$
|
|
12091
|
-
[vars$
|
|
12092
|
-
[vars$
|
|
12093
|
-
[vars$
|
|
12094
|
-
[vars$
|
|
12081
|
+
[vars$n.errorMessageIcon]: refs.errorMessageIcon,
|
|
12082
|
+
[vars$n.errorMessageIconSize]: refs.errorMessageIconSize,
|
|
12083
|
+
[vars$n.errorMessageIconPadding]: refs.errorMessageIconPadding,
|
|
12084
|
+
[vars$n.errorMessageIconRepeat]: refs.errorMessageIconRepeat,
|
|
12085
|
+
[vars$n.errorMessageIconPosition]: refs.errorMessageIconPosition,
|
|
12095
12086
|
|
|
12096
12087
|
labelType: {
|
|
12097
12088
|
floating: {
|
|
12098
|
-
[vars$
|
|
12089
|
+
[vars$n.inputHorizontalPadding]: '0.25em',
|
|
12099
12090
|
_hasValue: {
|
|
12100
|
-
[vars$
|
|
12091
|
+
[vars$n.inputHorizontalPadding]: '0.45em',
|
|
12101
12092
|
},
|
|
12102
12093
|
},
|
|
12103
12094
|
},
|
|
12104
12095
|
|
|
12105
12096
|
_readonly: {
|
|
12106
|
-
[vars$
|
|
12097
|
+
[vars$n.inputDropdownButtonCursor]: 'default',
|
|
12107
12098
|
},
|
|
12108
12099
|
|
|
12109
12100
|
// Overlay theme exposed via the component:
|
|
12110
|
-
[vars$
|
|
12111
|
-
[vars$
|
|
12112
|
-
[vars$
|
|
12113
|
-
[vars$
|
|
12114
|
-
[vars$
|
|
12115
|
-
[vars$
|
|
12101
|
+
[vars$n.overlayFontSize]: refs.fontSize,
|
|
12102
|
+
[vars$n.overlayFontFamily]: refs.fontFamily,
|
|
12103
|
+
[vars$n.overlayCursor]: 'pointer',
|
|
12104
|
+
[vars$n.overlayItemBoxShadow]: 'none',
|
|
12105
|
+
[vars$n.overlayBackground]: refs.backgroundColor,
|
|
12106
|
+
[vars$n.overlayTextColor]: refs.valueTextColor,
|
|
12116
12107
|
|
|
12117
12108
|
// Overlay direct theme:
|
|
12118
|
-
[vars$
|
|
12119
|
-
[vars$
|
|
12109
|
+
[vars$n.overlay.minHeight]: '400px',
|
|
12110
|
+
[vars$n.overlay.margin]: '0',
|
|
12120
12111
|
};
|
|
12121
12112
|
|
|
12122
12113
|
var multiSelectComboBox$1 = /*#__PURE__*/Object.freeze({
|
|
12123
12114
|
__proto__: null,
|
|
12124
12115
|
default: multiSelectComboBox,
|
|
12125
12116
|
multiSelectComboBox: multiSelectComboBox,
|
|
12126
|
-
vars: vars$
|
|
12117
|
+
vars: vars$n
|
|
12127
12118
|
});
|
|
12128
12119
|
|
|
12129
|
-
const componentName$
|
|
12120
|
+
const componentName$n = getComponentName('badge');
|
|
12130
12121
|
|
|
12131
|
-
class RawBadge extends createBaseClass({ componentName: componentName$
|
|
12122
|
+
class RawBadge extends createBaseClass({ componentName: componentName$n, baseSelector: ':host > div' }) {
|
|
12132
12123
|
constructor() {
|
|
12133
12124
|
super();
|
|
12134
12125
|
|
|
@@ -12179,66 +12170,66 @@ const BadgeClass = compose(
|
|
|
12179
12170
|
componentNameValidationMixin
|
|
12180
12171
|
)(RawBadge);
|
|
12181
12172
|
|
|
12182
|
-
const globalRefs$
|
|
12183
|
-
const vars$
|
|
12173
|
+
const globalRefs$f = getThemeRefs(globals);
|
|
12174
|
+
const vars$m = BadgeClass.cssVarList;
|
|
12184
12175
|
|
|
12185
12176
|
const badge$2 = {
|
|
12186
|
-
[vars$
|
|
12187
|
-
[vars$
|
|
12177
|
+
[vars$m.hostWidth]: 'fit-content',
|
|
12178
|
+
[vars$m.hostDirection]: globalRefs$f.direction,
|
|
12188
12179
|
|
|
12189
|
-
[vars$
|
|
12180
|
+
[vars$m.textAlign]: 'center',
|
|
12190
12181
|
|
|
12191
|
-
[vars$
|
|
12192
|
-
[vars$
|
|
12182
|
+
[vars$m.fontFamily]: globalRefs$f.fonts.font1.family,
|
|
12183
|
+
[vars$m.fontWeight]: '400',
|
|
12193
12184
|
|
|
12194
|
-
[vars$
|
|
12195
|
-
[vars$
|
|
12185
|
+
[vars$m.verticalPadding]: '0.25em',
|
|
12186
|
+
[vars$m.horizontalPadding]: '0.5em',
|
|
12196
12187
|
|
|
12197
|
-
[vars$
|
|
12198
|
-
[vars$
|
|
12199
|
-
[vars$
|
|
12200
|
-
[vars$
|
|
12188
|
+
[vars$m.borderWidth]: globalRefs$f.border.xs,
|
|
12189
|
+
[vars$m.borderRadius]: globalRefs$f.radius.xs,
|
|
12190
|
+
[vars$m.borderColor]: 'transparent',
|
|
12191
|
+
[vars$m.borderStyle]: 'solid',
|
|
12201
12192
|
|
|
12202
12193
|
_fullWidth: {
|
|
12203
|
-
[vars$
|
|
12194
|
+
[vars$m.hostWidth]: '100%',
|
|
12204
12195
|
},
|
|
12205
12196
|
|
|
12206
12197
|
size: {
|
|
12207
|
-
xs: { [vars$
|
|
12208
|
-
sm: { [vars$
|
|
12209
|
-
md: { [vars$
|
|
12210
|
-
lg: { [vars$
|
|
12198
|
+
xs: { [vars$m.fontSize]: '12px' },
|
|
12199
|
+
sm: { [vars$m.fontSize]: '14px' },
|
|
12200
|
+
md: { [vars$m.fontSize]: '16px' },
|
|
12201
|
+
lg: { [vars$m.fontSize]: '18px' },
|
|
12211
12202
|
},
|
|
12212
12203
|
|
|
12213
12204
|
mode: {
|
|
12214
12205
|
default: {
|
|
12215
|
-
[vars$
|
|
12206
|
+
[vars$m.textColor]: globalRefs$f.colors.surface.dark,
|
|
12216
12207
|
_bordered: {
|
|
12217
|
-
[vars$
|
|
12208
|
+
[vars$m.borderColor]: globalRefs$f.colors.surface.light,
|
|
12218
12209
|
},
|
|
12219
12210
|
},
|
|
12220
12211
|
primary: {
|
|
12221
|
-
[vars$
|
|
12212
|
+
[vars$m.textColor]: globalRefs$f.colors.primary.main,
|
|
12222
12213
|
_bordered: {
|
|
12223
|
-
[vars$
|
|
12214
|
+
[vars$m.borderColor]: globalRefs$f.colors.primary.light,
|
|
12224
12215
|
},
|
|
12225
12216
|
},
|
|
12226
12217
|
secondary: {
|
|
12227
|
-
[vars$
|
|
12218
|
+
[vars$m.textColor]: globalRefs$f.colors.secondary.main,
|
|
12228
12219
|
_bordered: {
|
|
12229
|
-
[vars$
|
|
12220
|
+
[vars$m.borderColor]: globalRefs$f.colors.secondary.light,
|
|
12230
12221
|
},
|
|
12231
12222
|
},
|
|
12232
12223
|
error: {
|
|
12233
|
-
[vars$
|
|
12224
|
+
[vars$m.textColor]: globalRefs$f.colors.error.main,
|
|
12234
12225
|
_bordered: {
|
|
12235
|
-
[vars$
|
|
12226
|
+
[vars$m.borderColor]: globalRefs$f.colors.error.light,
|
|
12236
12227
|
},
|
|
12237
12228
|
},
|
|
12238
12229
|
success: {
|
|
12239
|
-
[vars$
|
|
12230
|
+
[vars$m.textColor]: globalRefs$f.colors.success.main,
|
|
12240
12231
|
_bordered: {
|
|
12241
|
-
[vars$
|
|
12232
|
+
[vars$m.borderColor]: globalRefs$f.colors.success.light,
|
|
12242
12233
|
},
|
|
12243
12234
|
},
|
|
12244
12235
|
},
|
|
@@ -12247,11 +12238,11 @@ const badge$2 = {
|
|
|
12247
12238
|
var badge$3 = /*#__PURE__*/Object.freeze({
|
|
12248
12239
|
__proto__: null,
|
|
12249
12240
|
default: badge$2,
|
|
12250
|
-
vars: vars$
|
|
12241
|
+
vars: vars$m
|
|
12251
12242
|
});
|
|
12252
12243
|
|
|
12253
|
-
const componentName$
|
|
12254
|
-
class RawAvatar extends createBaseClass({ componentName: componentName$
|
|
12244
|
+
const componentName$m = getComponentName('avatar');
|
|
12245
|
+
class RawAvatar extends createBaseClass({ componentName: componentName$m, baseSelector: ':host > .wrapper' }) {
|
|
12255
12246
|
constructor() {
|
|
12256
12247
|
super();
|
|
12257
12248
|
|
|
@@ -12355,16 +12346,16 @@ const AvatarClass = compose(
|
|
|
12355
12346
|
componentNameValidationMixin
|
|
12356
12347
|
)(RawAvatar);
|
|
12357
12348
|
|
|
12358
|
-
const globalRefs$
|
|
12349
|
+
const globalRefs$e = getThemeRefs(globals);
|
|
12359
12350
|
const compVars$1 = AvatarClass.cssVarList;
|
|
12360
12351
|
|
|
12361
12352
|
const avatar = {
|
|
12362
|
-
[compVars$1.hostDirection]: globalRefs$
|
|
12363
|
-
[compVars$1.editableIconColor]: globalRefs$
|
|
12364
|
-
[compVars$1.editableBorderColor]: globalRefs$
|
|
12365
|
-
[compVars$1.editableBackgroundColor]: globalRefs$
|
|
12366
|
-
[compVars$1.avatarTextColor]: globalRefs$
|
|
12367
|
-
[compVars$1.avatarBackgroundColor]: globalRefs$
|
|
12353
|
+
[compVars$1.hostDirection]: globalRefs$e.direction,
|
|
12354
|
+
[compVars$1.editableIconColor]: globalRefs$e.colors.surface.dark,
|
|
12355
|
+
[compVars$1.editableBorderColor]: globalRefs$e.colors.surface.dark,
|
|
12356
|
+
[compVars$1.editableBackgroundColor]: globalRefs$e.colors.surface.main,
|
|
12357
|
+
[compVars$1.avatarTextColor]: globalRefs$e.colors.surface.main,
|
|
12358
|
+
[compVars$1.avatarBackgroundColor]: globalRefs$e.colors.surface.dark,
|
|
12368
12359
|
|
|
12369
12360
|
_editable: {
|
|
12370
12361
|
[compVars$1.cursor]: 'pointer',
|
|
@@ -12390,21 +12381,21 @@ const avatar = {
|
|
|
12390
12381
|
},
|
|
12391
12382
|
};
|
|
12392
12383
|
|
|
12393
|
-
const vars$
|
|
12384
|
+
const vars$l = {
|
|
12394
12385
|
...compVars$1,
|
|
12395
12386
|
};
|
|
12396
12387
|
|
|
12397
12388
|
var avatar$1 = /*#__PURE__*/Object.freeze({
|
|
12398
12389
|
__proto__: null,
|
|
12399
12390
|
default: avatar,
|
|
12400
|
-
vars: vars$
|
|
12391
|
+
vars: vars$l
|
|
12401
12392
|
});
|
|
12402
12393
|
|
|
12403
|
-
const componentName$
|
|
12394
|
+
const componentName$l = getComponentName('mappings-field-internal');
|
|
12404
12395
|
|
|
12405
|
-
createBaseInputClass({ componentName: componentName$
|
|
12396
|
+
createBaseInputClass({ componentName: componentName$l, baseSelector: 'div' });
|
|
12406
12397
|
|
|
12407
|
-
const componentName$
|
|
12398
|
+
const componentName$k = getComponentName('mappings-field');
|
|
12408
12399
|
|
|
12409
12400
|
const customMixin$4 = (superclass) =>
|
|
12410
12401
|
class MappingsFieldMixinClass extends superclass {
|
|
@@ -12433,14 +12424,14 @@ const customMixin$4 = (superclass) =>
|
|
|
12433
12424
|
const template = document.createElement('template');
|
|
12434
12425
|
|
|
12435
12426
|
template.innerHTML = `
|
|
12436
|
-
<${componentName$
|
|
12427
|
+
<${componentName$l}
|
|
12437
12428
|
tabindex="-1"
|
|
12438
|
-
></${componentName$
|
|
12429
|
+
></${componentName$l}>
|
|
12439
12430
|
`;
|
|
12440
12431
|
|
|
12441
12432
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
|
12442
12433
|
|
|
12443
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
|
12434
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$l);
|
|
12444
12435
|
|
|
12445
12436
|
forwardAttrs(this, this.inputElement, {
|
|
12446
12437
|
includeAttrs: [
|
|
@@ -12575,47 +12566,47 @@ const MappingsFieldClass = compose(
|
|
|
12575
12566
|
'options',
|
|
12576
12567
|
'error-message',
|
|
12577
12568
|
],
|
|
12578
|
-
componentName: componentName$
|
|
12569
|
+
componentName: componentName$k,
|
|
12579
12570
|
})
|
|
12580
12571
|
);
|
|
12581
12572
|
|
|
12582
|
-
const globalRefs$
|
|
12573
|
+
const globalRefs$d = getThemeRefs(globals);
|
|
12583
12574
|
|
|
12584
|
-
const vars$
|
|
12575
|
+
const vars$k = MappingsFieldClass.cssVarList;
|
|
12585
12576
|
|
|
12586
12577
|
const mappingsField = {
|
|
12587
|
-
[vars$
|
|
12588
|
-
[vars$
|
|
12589
|
-
[vars$
|
|
12590
|
-
[vars$
|
|
12591
|
-
[vars$
|
|
12592
|
-
[vars$
|
|
12593
|
-
[vars$
|
|
12594
|
-
[vars$
|
|
12595
|
-
[vars$
|
|
12596
|
-
[vars$
|
|
12578
|
+
[vars$k.hostWidth]: refs.width,
|
|
12579
|
+
[vars$k.hostDirection]: refs.direction,
|
|
12580
|
+
[vars$k.fontSize]: refs.fontSize,
|
|
12581
|
+
[vars$k.fontFamily]: refs.fontFamily,
|
|
12582
|
+
[vars$k.separatorFontSize]: '14px',
|
|
12583
|
+
[vars$k.labelsFontSize]: '14px',
|
|
12584
|
+
[vars$k.labelsLineHeight]: '1',
|
|
12585
|
+
[vars$k.labelsMarginBottom]: '6px',
|
|
12586
|
+
[vars$k.labelTextColor]: refs.labelTextColor,
|
|
12587
|
+
[vars$k.itemMarginBottom]: '1em',
|
|
12597
12588
|
// To be positioned correctly, the min width has to match the text field min width
|
|
12598
|
-
[vars$
|
|
12589
|
+
[vars$k.valueLabelMinWidth]: refs.minWidth,
|
|
12599
12590
|
// To be positioned correctly, the min width has to match the combo box field min width
|
|
12600
|
-
[vars$
|
|
12601
|
-
[vars$
|
|
12602
|
-
[vars$
|
|
12591
|
+
[vars$k.attrLabelMinWidth]: `calc(12em + 2 * ${globalRefs$d.border.xs})`,
|
|
12592
|
+
[vars$k.separatorWidth]: '70px',
|
|
12593
|
+
[vars$k.removeButtonWidth]: '60px',
|
|
12603
12594
|
};
|
|
12604
12595
|
|
|
12605
12596
|
var mappingsField$1 = /*#__PURE__*/Object.freeze({
|
|
12606
12597
|
__proto__: null,
|
|
12607
12598
|
default: mappingsField,
|
|
12608
12599
|
mappingsField: mappingsField,
|
|
12609
|
-
vars: vars$
|
|
12600
|
+
vars: vars$k
|
|
12610
12601
|
});
|
|
12611
12602
|
|
|
12612
12603
|
var deleteIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPgo8L3N2Zz4K";
|
|
12613
12604
|
|
|
12614
12605
|
var editIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPgo8L3N2Zz4K";
|
|
12615
12606
|
|
|
12616
|
-
const componentName$
|
|
12607
|
+
const componentName$j = getComponentName('user-attribute');
|
|
12617
12608
|
class RawUserAttribute extends createBaseClass({
|
|
12618
|
-
componentName: componentName$
|
|
12609
|
+
componentName: componentName$j,
|
|
12619
12610
|
baseSelector: ':host > .root',
|
|
12620
12611
|
}) {
|
|
12621
12612
|
constructor() {
|
|
@@ -12849,32 +12840,32 @@ const UserAttributeClass = compose(
|
|
|
12849
12840
|
componentNameValidationMixin
|
|
12850
12841
|
)(RawUserAttribute);
|
|
12851
12842
|
|
|
12852
|
-
const globalRefs$
|
|
12853
|
-
const vars$
|
|
12843
|
+
const globalRefs$c = getThemeRefs(globals);
|
|
12844
|
+
const vars$j = UserAttributeClass.cssVarList;
|
|
12854
12845
|
|
|
12855
12846
|
const userAttribute = {
|
|
12856
|
-
[vars$
|
|
12857
|
-
[vars$
|
|
12858
|
-
[vars$
|
|
12859
|
-
[vars$
|
|
12860
|
-
[vars$
|
|
12861
|
-
[vars$
|
|
12847
|
+
[vars$j.hostDirection]: globalRefs$c.direction,
|
|
12848
|
+
[vars$j.labelTextWidth]: '150px',
|
|
12849
|
+
[vars$j.valueTextWidth]: '200px',
|
|
12850
|
+
[vars$j.badgeMaxWidth]: '85px',
|
|
12851
|
+
[vars$j.itemsGap]: '16px',
|
|
12852
|
+
[vars$j.hostMinWidth]: '530px',
|
|
12862
12853
|
_fullWidth: {
|
|
12863
|
-
[vars$
|
|
12854
|
+
[vars$j.hostWidth]: '100%',
|
|
12864
12855
|
},
|
|
12865
12856
|
};
|
|
12866
12857
|
|
|
12867
12858
|
var userAttribute$1 = /*#__PURE__*/Object.freeze({
|
|
12868
12859
|
__proto__: null,
|
|
12869
12860
|
default: userAttribute,
|
|
12870
|
-
vars: vars$
|
|
12861
|
+
vars: vars$j
|
|
12871
12862
|
});
|
|
12872
12863
|
|
|
12873
12864
|
var greenVIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4KPC9zdmc+Cg==";
|
|
12874
12865
|
|
|
12875
|
-
const componentName$
|
|
12866
|
+
const componentName$i = getComponentName('user-auth-method');
|
|
12876
12867
|
class RawUserAuthMethod extends createBaseClass({
|
|
12877
|
-
componentName: componentName$
|
|
12868
|
+
componentName: componentName$i,
|
|
12878
12869
|
baseSelector: ':host > .root',
|
|
12879
12870
|
}) {
|
|
12880
12871
|
constructor() {
|
|
@@ -13067,32 +13058,32 @@ const UserAuthMethodClass = compose(
|
|
|
13067
13058
|
componentNameValidationMixin
|
|
13068
13059
|
)(RawUserAuthMethod);
|
|
13069
13060
|
|
|
13070
|
-
const globalRefs$
|
|
13071
|
-
const vars$
|
|
13061
|
+
const globalRefs$b = getThemeRefs(globals);
|
|
13062
|
+
const vars$i = UserAuthMethodClass.cssVarList;
|
|
13072
13063
|
|
|
13073
13064
|
const userAuthMethod = {
|
|
13074
|
-
[vars$
|
|
13075
|
-
[vars$
|
|
13076
|
-
[vars$
|
|
13077
|
-
[vars$
|
|
13078
|
-
[vars$
|
|
13079
|
-
[vars$
|
|
13065
|
+
[vars$i.hostDirection]: globalRefs$b.direction,
|
|
13066
|
+
[vars$i.labelTextWidth]: '200px',
|
|
13067
|
+
[vars$i.itemsGap]: '16px',
|
|
13068
|
+
[vars$i.hostMinWidth]: '530px',
|
|
13069
|
+
[vars$i.iconSize]: '24px',
|
|
13070
|
+
[vars$i.iconColor]: 'currentcolor',
|
|
13080
13071
|
_fullWidth: {
|
|
13081
|
-
[vars$
|
|
13072
|
+
[vars$i.hostWidth]: '100%',
|
|
13082
13073
|
},
|
|
13083
13074
|
};
|
|
13084
13075
|
|
|
13085
13076
|
var userAuthMethod$1 = /*#__PURE__*/Object.freeze({
|
|
13086
13077
|
__proto__: null,
|
|
13087
13078
|
default: userAuthMethod,
|
|
13088
|
-
vars: vars$
|
|
13079
|
+
vars: vars$i
|
|
13089
13080
|
});
|
|
13090
13081
|
|
|
13091
|
-
const componentName$
|
|
13082
|
+
const componentName$h = getComponentName('saml-group-mappings-internal');
|
|
13092
13083
|
|
|
13093
|
-
createBaseInputClass({ componentName: componentName$
|
|
13084
|
+
createBaseInputClass({ componentName: componentName$h, baseSelector: '' });
|
|
13094
13085
|
|
|
13095
|
-
const componentName$
|
|
13086
|
+
const componentName$g = getComponentName('saml-group-mappings');
|
|
13096
13087
|
|
|
13097
13088
|
const customMixin$3 = (superclass) =>
|
|
13098
13089
|
class SamlGroupMappingsMixinClass extends superclass {
|
|
@@ -13102,14 +13093,14 @@ const customMixin$3 = (superclass) =>
|
|
|
13102
13093
|
const template = document.createElement('template');
|
|
13103
13094
|
|
|
13104
13095
|
template.innerHTML = `
|
|
13105
|
-
<${componentName$
|
|
13096
|
+
<${componentName$h}
|
|
13106
13097
|
tabindex="-1"
|
|
13107
|
-
></${componentName$
|
|
13098
|
+
></${componentName$h}>
|
|
13108
13099
|
`;
|
|
13109
13100
|
|
|
13110
13101
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
|
13111
13102
|
|
|
13112
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
|
13103
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$h);
|
|
13113
13104
|
|
|
13114
13105
|
forwardAttrs(this, this.inputElement, {
|
|
13115
13106
|
includeAttrs: [
|
|
@@ -13192,68 +13183,68 @@ const SamlGroupMappingsClass = compose(
|
|
|
13192
13183
|
'options',
|
|
13193
13184
|
'error-message',
|
|
13194
13185
|
],
|
|
13195
|
-
componentName: componentName$
|
|
13186
|
+
componentName: componentName$g,
|
|
13196
13187
|
})
|
|
13197
13188
|
);
|
|
13198
13189
|
|
|
13199
|
-
const vars$
|
|
13190
|
+
const vars$h = SamlGroupMappingsClass.cssVarList;
|
|
13200
13191
|
|
|
13201
13192
|
const samlGroupMappings = {
|
|
13202
|
-
[vars$
|
|
13203
|
-
[vars$
|
|
13204
|
-
[vars$
|
|
13193
|
+
[vars$h.hostWidth]: refs.width,
|
|
13194
|
+
[vars$h.hostDirection]: refs.direction,
|
|
13195
|
+
[vars$h.groupNameInputMarginBottom]: '1em',
|
|
13205
13196
|
|
|
13206
13197
|
// error message icon
|
|
13207
|
-
[vars$
|
|
13208
|
-
[vars$
|
|
13209
|
-
[vars$
|
|
13210
|
-
[vars$
|
|
13211
|
-
[vars$
|
|
13198
|
+
[vars$h.errorMessageIcon]: refs.errorMessageIcon,
|
|
13199
|
+
[vars$h.errorMessageIconSize]: refs.errorMessageIconSize,
|
|
13200
|
+
[vars$h.errorMessageIconPadding]: refs.errorMessageIconPadding,
|
|
13201
|
+
[vars$h.errorMessageIconRepeat]: refs.errorMessageIconRepeat,
|
|
13202
|
+
[vars$h.errorMessageIconPosition]: refs.errorMessageIconPosition,
|
|
13212
13203
|
};
|
|
13213
13204
|
|
|
13214
13205
|
var samlGroupMappings$1 = /*#__PURE__*/Object.freeze({
|
|
13215
13206
|
__proto__: null,
|
|
13216
13207
|
default: samlGroupMappings,
|
|
13217
13208
|
samlGroupMappings: samlGroupMappings,
|
|
13218
|
-
vars: vars$
|
|
13209
|
+
vars: vars$h
|
|
13219
13210
|
});
|
|
13220
13211
|
|
|
13221
|
-
const globalRefs$
|
|
13222
|
-
const vars$
|
|
13212
|
+
const globalRefs$a = getThemeRefs(globals);
|
|
13213
|
+
const vars$g = PolicyValidationClass.cssVarList;
|
|
13223
13214
|
|
|
13224
13215
|
const policyValidation = {
|
|
13225
|
-
[vars$
|
|
13226
|
-
[vars$
|
|
13227
|
-
[vars$
|
|
13228
|
-
[vars$
|
|
13229
|
-
[vars$
|
|
13230
|
-
[vars$
|
|
13231
|
-
[vars$
|
|
13232
|
-
[vars$
|
|
13233
|
-
[vars$
|
|
13234
|
-
[vars$
|
|
13235
|
-
[vars$
|
|
13236
|
-
[vars$
|
|
13237
|
-
[vars$
|
|
13238
|
-
[vars$
|
|
13239
|
-
[vars$
|
|
13240
|
-
[vars$
|
|
13216
|
+
[vars$g.fontFamily]: refs.fontFamily,
|
|
13217
|
+
[vars$g.fontSize]: refs.labelFontSize,
|
|
13218
|
+
[vars$g.textColor]: refs.labelTextColor,
|
|
13219
|
+
[vars$g.borderWidth]: refs.borderWidth,
|
|
13220
|
+
[vars$g.borderStyle]: refs.borderStyle,
|
|
13221
|
+
[vars$g.borderColor]: refs.borderColor,
|
|
13222
|
+
[vars$g.borderRadius]: globalRefs$a.radius.sm,
|
|
13223
|
+
[vars$g.backgroundColor]: 'none',
|
|
13224
|
+
[vars$g.padding]: '0px',
|
|
13225
|
+
[vars$g.labelMargin]: globalRefs$a.spacing.sm,
|
|
13226
|
+
[vars$g.itemsSpacing]: globalRefs$a.spacing.lg,
|
|
13227
|
+
[vars$g.itemSymbolDefault]: "'\\2022'", // "•"
|
|
13228
|
+
[vars$g.itemSymbolSuccess]: "'\\2713'", // "✓"
|
|
13229
|
+
[vars$g.itemSymbolError]: "'\\2A09'", // "⨉"
|
|
13230
|
+
[vars$g.itemSymbolSuccessColor]: globalRefs$a.colors.success.main,
|
|
13231
|
+
[vars$g.itemSymbolErrorColor]: globalRefs$a.colors.error.main,
|
|
13241
13232
|
};
|
|
13242
13233
|
|
|
13243
13234
|
var policyValidation$1 = /*#__PURE__*/Object.freeze({
|
|
13244
13235
|
__proto__: null,
|
|
13245
13236
|
default: policyValidation,
|
|
13246
|
-
vars: vars$
|
|
13237
|
+
vars: vars$g
|
|
13247
13238
|
});
|
|
13248
13239
|
|
|
13249
|
-
const vars$
|
|
13240
|
+
const vars$f = IconClass.cssVarList;
|
|
13250
13241
|
|
|
13251
|
-
const icon = {};
|
|
13242
|
+
const icon$1 = {};
|
|
13252
13243
|
|
|
13253
|
-
var icon$
|
|
13244
|
+
var icon$2 = /*#__PURE__*/Object.freeze({
|
|
13254
13245
|
__proto__: null,
|
|
13255
|
-
default: icon,
|
|
13256
|
-
vars: vars$
|
|
13246
|
+
default: icon$1,
|
|
13247
|
+
vars: vars$f
|
|
13257
13248
|
});
|
|
13258
13249
|
|
|
13259
13250
|
const decode = (input) => {
|
|
@@ -13266,9 +13257,9 @@ const tpl = (input, inline) => {
|
|
|
13266
13257
|
return inline ? input : `<pre>${input}</pre>`;
|
|
13267
13258
|
};
|
|
13268
13259
|
|
|
13269
|
-
const componentName$
|
|
13260
|
+
const componentName$f = getComponentName('code-snippet');
|
|
13270
13261
|
|
|
13271
|
-
let CodeSnippet$1 = class CodeSnippet extends createBaseClass({ componentName: componentName$
|
|
13262
|
+
let CodeSnippet$1 = class CodeSnippet extends createBaseClass({ componentName: componentName$f, baseSelector: ':host > code' }) {
|
|
13272
13263
|
static get observedAttributes() {
|
|
13273
13264
|
return ['lang', 'inline'];
|
|
13274
13265
|
}
|
|
@@ -13498,9 +13489,9 @@ const CodeSnippetClass = compose(
|
|
|
13498
13489
|
componentNameValidationMixin
|
|
13499
13490
|
)(CodeSnippet$1);
|
|
13500
13491
|
|
|
13501
|
-
const globalRefs$
|
|
13492
|
+
const globalRefs$9 = getThemeRefs(globals);
|
|
13502
13493
|
|
|
13503
|
-
const vars$
|
|
13494
|
+
const vars$e = CodeSnippetClass.cssVarList;
|
|
13504
13495
|
|
|
13505
13496
|
const light = {
|
|
13506
13497
|
color1: '#fa0',
|
|
@@ -13535,50 +13526,50 @@ const dark = {
|
|
|
13535
13526
|
};
|
|
13536
13527
|
|
|
13537
13528
|
const CodeSnippet = {
|
|
13538
|
-
[vars$
|
|
13539
|
-
[vars$
|
|
13540
|
-
[vars$
|
|
13541
|
-
[vars$
|
|
13542
|
-
[vars$
|
|
13543
|
-
[vars$
|
|
13544
|
-
[vars$
|
|
13545
|
-
[vars$
|
|
13546
|
-
[vars$
|
|
13547
|
-
[vars$
|
|
13548
|
-
[vars$
|
|
13549
|
-
[vars$
|
|
13550
|
-
[vars$
|
|
13551
|
-
[vars$
|
|
13552
|
-
[vars$
|
|
13553
|
-
[vars$
|
|
13554
|
-
[vars$
|
|
13555
|
-
[vars$
|
|
13556
|
-
[vars$
|
|
13557
|
-
[vars$
|
|
13558
|
-
[vars$
|
|
13559
|
-
[vars$
|
|
13560
|
-
[vars$
|
|
13561
|
-
[vars$
|
|
13562
|
-
[vars$
|
|
13563
|
-
[vars$
|
|
13564
|
-
[vars$
|
|
13565
|
-
[vars$
|
|
13566
|
-
[vars$
|
|
13567
|
-
[vars$
|
|
13568
|
-
[vars$
|
|
13569
|
-
[vars$
|
|
13570
|
-
[vars$
|
|
13571
|
-
[vars$
|
|
13572
|
-
[vars$
|
|
13573
|
-
[vars$
|
|
13574
|
-
[vars$
|
|
13575
|
-
[vars$
|
|
13576
|
-
[vars$
|
|
13577
|
-
[vars$
|
|
13578
|
-
[vars$
|
|
13579
|
-
[vars$
|
|
13580
|
-
[vars$
|
|
13581
|
-
[vars$
|
|
13529
|
+
[vars$e.rootBgColor]: globalRefs$9.colors.surface.main,
|
|
13530
|
+
[vars$e.rootTextColor]: globalRefs$9.colors.surface.contrast,
|
|
13531
|
+
[vars$e.docTagTextColor]: light.color2,
|
|
13532
|
+
[vars$e.keywordTextColor]: light.color2,
|
|
13533
|
+
[vars$e.metaKeywordTextColor]: light.color2,
|
|
13534
|
+
[vars$e.templateTagTextColor]: light.color2,
|
|
13535
|
+
[vars$e.templateVariableTextColor]: light.color2,
|
|
13536
|
+
[vars$e.typeTextColor]: light.color2,
|
|
13537
|
+
[vars$e.variableLanguageTextColor]: light.color2,
|
|
13538
|
+
[vars$e.titleTextColor]: light.color3,
|
|
13539
|
+
[vars$e.titleClassTextColor]: light.color3,
|
|
13540
|
+
[vars$e.titleClassInheritedTextColor]: light.color3,
|
|
13541
|
+
[vars$e.titleFunctionTextColor]: light.color3,
|
|
13542
|
+
[vars$e.attrTextColor]: light.color4,
|
|
13543
|
+
[vars$e.attributeTextColor]: light.color4,
|
|
13544
|
+
[vars$e.literalTextColor]: light.color4,
|
|
13545
|
+
[vars$e.metaTextColor]: light.color4,
|
|
13546
|
+
[vars$e.numberTextColor]: light.color4,
|
|
13547
|
+
[vars$e.operatorTextColor]: light.color4,
|
|
13548
|
+
[vars$e.variableTextColor]: light.color4,
|
|
13549
|
+
[vars$e.selectorAttrTextColor]: light.color4,
|
|
13550
|
+
[vars$e.selectorClassTextColor]: light.color4,
|
|
13551
|
+
[vars$e.selectorIdTextColor]: light.color4,
|
|
13552
|
+
[vars$e.regexpTextColor]: light.color13,
|
|
13553
|
+
[vars$e.stringTextColor]: light.color13,
|
|
13554
|
+
[vars$e.metaStringTextColor]: light.color13,
|
|
13555
|
+
[vars$e.builtInTextColor]: light.color5,
|
|
13556
|
+
[vars$e.symbolTextColor]: light.color5,
|
|
13557
|
+
[vars$e.commentTextColor]: light.color6,
|
|
13558
|
+
[vars$e.codeTextColor]: light.color6,
|
|
13559
|
+
[vars$e.formulaTextColor]: light.color6,
|
|
13560
|
+
[vars$e.nameTextColor]: light.color7,
|
|
13561
|
+
[vars$e.quoteTextColor]: light.color7,
|
|
13562
|
+
[vars$e.selectorTagTextColor]: light.color7,
|
|
13563
|
+
[vars$e.selectorPseudoTextColor]: light.color7,
|
|
13564
|
+
[vars$e.substTextColor]: light.color8,
|
|
13565
|
+
[vars$e.sectionTextColor]: light.color4,
|
|
13566
|
+
[vars$e.bulletTextColor]: light.color9,
|
|
13567
|
+
[vars$e.emphasisTextColor]: light.color8,
|
|
13568
|
+
[vars$e.strongTextColor]: light.color8,
|
|
13569
|
+
[vars$e.additionTextColor]: light.color7,
|
|
13570
|
+
[vars$e.additionBgColor]: light.color10,
|
|
13571
|
+
[vars$e.deletionTextColor]: light.color2,
|
|
13572
|
+
[vars$e.deletionBgColor]: light.color10,
|
|
13582
13573
|
/* purposely ignored */
|
|
13583
13574
|
// [vars.charEscapeTextColor]: '',
|
|
13584
13575
|
// [vars.linkTextColor]: '',
|
|
@@ -13590,50 +13581,50 @@ const CodeSnippet = {
|
|
|
13590
13581
|
|
|
13591
13582
|
const codeSnippetDarkThemeOverrides = {
|
|
13592
13583
|
codeSnippet: {
|
|
13593
|
-
[vars$
|
|
13594
|
-
[vars$
|
|
13595
|
-
[vars$
|
|
13596
|
-
[vars$
|
|
13597
|
-
[vars$
|
|
13598
|
-
[vars$
|
|
13599
|
-
[vars$
|
|
13600
|
-
[vars$
|
|
13601
|
-
[vars$
|
|
13602
|
-
[vars$
|
|
13603
|
-
[vars$
|
|
13604
|
-
[vars$
|
|
13605
|
-
[vars$
|
|
13606
|
-
[vars$
|
|
13607
|
-
[vars$
|
|
13608
|
-
[vars$
|
|
13609
|
-
[vars$
|
|
13610
|
-
[vars$
|
|
13611
|
-
[vars$
|
|
13612
|
-
[vars$
|
|
13613
|
-
[vars$
|
|
13614
|
-
[vars$
|
|
13615
|
-
[vars$
|
|
13616
|
-
[vars$
|
|
13617
|
-
[vars$
|
|
13618
|
-
[vars$
|
|
13619
|
-
[vars$
|
|
13620
|
-
[vars$
|
|
13621
|
-
[vars$
|
|
13622
|
-
[vars$
|
|
13623
|
-
[vars$
|
|
13624
|
-
[vars$
|
|
13625
|
-
[vars$
|
|
13626
|
-
[vars$
|
|
13627
|
-
[vars$
|
|
13628
|
-
[vars$
|
|
13629
|
-
[vars$
|
|
13630
|
-
[vars$
|
|
13631
|
-
[vars$
|
|
13632
|
-
[vars$
|
|
13633
|
-
[vars$
|
|
13634
|
-
[vars$
|
|
13635
|
-
[vars$
|
|
13636
|
-
[vars$
|
|
13584
|
+
[vars$e.rootBgColor]: globalRefs$9.colors.surface.main,
|
|
13585
|
+
[vars$e.rootTextColor]: globalRefs$9.colors.surface.contrast,
|
|
13586
|
+
[vars$e.docTagTextColor]: dark.color2,
|
|
13587
|
+
[vars$e.keywordTextColor]: dark.color2,
|
|
13588
|
+
[vars$e.metaKeywordTextColor]: dark.color2,
|
|
13589
|
+
[vars$e.templateTagTextColor]: dark.color2,
|
|
13590
|
+
[vars$e.templateVariableTextColor]: dark.color2,
|
|
13591
|
+
[vars$e.typeTextColor]: dark.color2,
|
|
13592
|
+
[vars$e.variableLanguageTextColor]: dark.color2,
|
|
13593
|
+
[vars$e.titleTextColor]: dark.color3,
|
|
13594
|
+
[vars$e.titleClassTextColor]: dark.color3,
|
|
13595
|
+
[vars$e.titleClassInheritedTextColor]: dark.color3,
|
|
13596
|
+
[vars$e.titleFunctionTextColor]: dark.color3,
|
|
13597
|
+
[vars$e.attrTextColor]: dark.color4,
|
|
13598
|
+
[vars$e.attributeTextColor]: dark.color4,
|
|
13599
|
+
[vars$e.literalTextColor]: dark.color4,
|
|
13600
|
+
[vars$e.metaTextColor]: dark.color4,
|
|
13601
|
+
[vars$e.numberTextColor]: dark.color4,
|
|
13602
|
+
[vars$e.operatorTextColor]: dark.color4,
|
|
13603
|
+
[vars$e.variableTextColor]: dark.color4,
|
|
13604
|
+
[vars$e.selectorAttrTextColor]: dark.color4,
|
|
13605
|
+
[vars$e.selectorClassTextColor]: dark.color4,
|
|
13606
|
+
[vars$e.selectorIdTextColor]: dark.color4,
|
|
13607
|
+
[vars$e.regexpTextColor]: dark.color13,
|
|
13608
|
+
[vars$e.stringTextColor]: dark.color13,
|
|
13609
|
+
[vars$e.metaStringTextColor]: dark.color13,
|
|
13610
|
+
[vars$e.builtInTextColor]: dark.color5,
|
|
13611
|
+
[vars$e.symbolTextColor]: dark.color5,
|
|
13612
|
+
[vars$e.commentTextColor]: dark.color6,
|
|
13613
|
+
[vars$e.codeTextColor]: dark.color6,
|
|
13614
|
+
[vars$e.formulaTextColor]: dark.color6,
|
|
13615
|
+
[vars$e.nameTextColor]: dark.color7,
|
|
13616
|
+
[vars$e.quoteTextColor]: dark.color7,
|
|
13617
|
+
[vars$e.selectorTagTextColor]: dark.color7,
|
|
13618
|
+
[vars$e.selectorPseudoTextColor]: dark.color7,
|
|
13619
|
+
[vars$e.substTextColor]: dark.color8,
|
|
13620
|
+
[vars$e.sectionTextColor]: dark.color4,
|
|
13621
|
+
[vars$e.bulletTextColor]: dark.color9,
|
|
13622
|
+
[vars$e.emphasisTextColor]: dark.color8,
|
|
13623
|
+
[vars$e.strongTextColor]: dark.color8,
|
|
13624
|
+
[vars$e.additionTextColor]: dark.color7,
|
|
13625
|
+
[vars$e.additionBgColor]: dark.color10,
|
|
13626
|
+
[vars$e.deletionTextColor]: dark.color2,
|
|
13627
|
+
[vars$e.deletionBgColor]: dark.color10,
|
|
13637
13628
|
},
|
|
13638
13629
|
};
|
|
13639
13630
|
|
|
@@ -13641,10 +13632,10 @@ var codeSnippet = /*#__PURE__*/Object.freeze({
|
|
|
13641
13632
|
__proto__: null,
|
|
13642
13633
|
codeSnippetDarkThemeOverrides: codeSnippetDarkThemeOverrides,
|
|
13643
13634
|
default: CodeSnippet,
|
|
13644
|
-
vars: vars$
|
|
13635
|
+
vars: vars$e
|
|
13645
13636
|
});
|
|
13646
13637
|
|
|
13647
|
-
const componentName$
|
|
13638
|
+
const componentName$e = getComponentName('radio-button');
|
|
13648
13639
|
|
|
13649
13640
|
const customMixin$2 = (superclass) =>
|
|
13650
13641
|
class CustomMixin extends superclass {
|
|
@@ -13709,11 +13700,11 @@ const RadioButtonClass = compose(
|
|
|
13709
13700
|
wrappedEleName: 'vaadin-radio-button',
|
|
13710
13701
|
excludeAttrsSync: ['tabindex', 'data'],
|
|
13711
13702
|
includeForwardProps: ['checked', 'name', 'disabled'],
|
|
13712
|
-
componentName: componentName$
|
|
13703
|
+
componentName: componentName$e,
|
|
13713
13704
|
})
|
|
13714
13705
|
);
|
|
13715
13706
|
|
|
13716
|
-
const componentName$
|
|
13707
|
+
const componentName$d = getComponentName('radio-group');
|
|
13717
13708
|
|
|
13718
13709
|
const RadioGroupMixin = (superclass) =>
|
|
13719
13710
|
class RadioGroupMixinClass extends superclass {
|
|
@@ -13728,12 +13719,12 @@ const RadioGroupMixin = (superclass) =>
|
|
|
13728
13719
|
|
|
13729
13720
|
// we are overriding vaadin children getter so it will run on our custom elements
|
|
13730
13721
|
Object.defineProperty(this.baseElement, 'children', {
|
|
13731
|
-
get: () => this.querySelectorAll(componentName$
|
|
13722
|
+
get: () => this.querySelectorAll(componentName$e),
|
|
13732
13723
|
});
|
|
13733
13724
|
|
|
13734
13725
|
// we are overriding vaadin __filterRadioButtons so it will run on our custom elements
|
|
13735
13726
|
this.baseElement.__filterRadioButtons = (nodes) => {
|
|
13736
|
-
return nodes.filter((node) => node.localName === componentName$
|
|
13727
|
+
return nodes.filter((node) => node.localName === componentName$e);
|
|
13737
13728
|
};
|
|
13738
13729
|
|
|
13739
13730
|
// vaadin radio group missing some input properties
|
|
@@ -13883,43 +13874,43 @@ const RadioGroupClass = compose(
|
|
|
13883
13874
|
`,
|
|
13884
13875
|
|
|
13885
13876
|
excludeAttrsSync: ['tabindex', 'size', 'data', 'direction'],
|
|
13886
|
-
componentName: componentName$
|
|
13877
|
+
componentName: componentName$d,
|
|
13887
13878
|
includeForwardProps: ['value'],
|
|
13888
13879
|
})
|
|
13889
13880
|
);
|
|
13890
13881
|
|
|
13891
|
-
const vars$
|
|
13892
|
-
const globalRefs$
|
|
13882
|
+
const vars$d = RadioGroupClass.cssVarList;
|
|
13883
|
+
const globalRefs$8 = getThemeRefs(globals);
|
|
13893
13884
|
|
|
13894
13885
|
const radioGroup = {
|
|
13895
|
-
[vars$
|
|
13896
|
-
[vars$
|
|
13897
|
-
[vars$
|
|
13898
|
-
[vars$
|
|
13899
|
-
[vars$
|
|
13900
|
-
[vars$
|
|
13901
|
-
[vars$
|
|
13902
|
-
[vars$
|
|
13903
|
-
[vars$
|
|
13904
|
-
[vars$
|
|
13905
|
-
[vars$
|
|
13906
|
-
[vars$
|
|
13907
|
-
[vars$
|
|
13908
|
-
[vars$
|
|
13909
|
-
[vars$
|
|
13886
|
+
[vars$d.buttonsRowGap]: '9px',
|
|
13887
|
+
[vars$d.hostWidth]: refs.width,
|
|
13888
|
+
[vars$d.hostDirection]: refs.direction,
|
|
13889
|
+
[vars$d.fontSize]: refs.fontSize,
|
|
13890
|
+
[vars$d.fontFamily]: refs.fontFamily,
|
|
13891
|
+
[vars$d.labelTextColor]: refs.labelTextColor,
|
|
13892
|
+
[vars$d.labelRequiredIndicator]: refs.requiredIndicator,
|
|
13893
|
+
[vars$d.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
13894
|
+
[vars$d.errorMessageIcon]: refs.errorMessageIcon,
|
|
13895
|
+
[vars$d.errorMessageIconSize]: refs.errorMessageIconSize,
|
|
13896
|
+
[vars$d.errorMessageIconPadding]: refs.errorMessageIconPadding,
|
|
13897
|
+
[vars$d.errorMessageIconRepeat]: refs.errorMessageIconRepeat,
|
|
13898
|
+
[vars$d.errorMessageIconPosition]: refs.errorMessageIconPosition,
|
|
13899
|
+
[vars$d.helperTextColor]: refs.helperTextColor,
|
|
13900
|
+
[vars$d.itemsLabelColor]: globalRefs$8.colors.surface.contrast,
|
|
13910
13901
|
|
|
13911
13902
|
textAlign: {
|
|
13912
|
-
right: { [vars$
|
|
13913
|
-
left: { [vars$
|
|
13914
|
-
center: { [vars$
|
|
13903
|
+
right: { [vars$d.inputTextAlign]: 'right' },
|
|
13904
|
+
left: { [vars$d.inputTextAlign]: 'left' },
|
|
13905
|
+
center: { [vars$d.inputTextAlign]: 'center' },
|
|
13915
13906
|
},
|
|
13916
13907
|
|
|
13917
13908
|
_fullWidth: {
|
|
13918
|
-
[vars$
|
|
13909
|
+
[vars$d.buttonsSpacing]: 'space-between',
|
|
13919
13910
|
},
|
|
13920
13911
|
|
|
13921
13912
|
_disabled: {
|
|
13922
|
-
[vars$
|
|
13913
|
+
[vars$d.itemsLabelColor]: globalRefs$8.colors.surface.light,
|
|
13923
13914
|
},
|
|
13924
13915
|
};
|
|
13925
13916
|
|
|
@@ -13927,24 +13918,24 @@ var radioGroup$1 = /*#__PURE__*/Object.freeze({
|
|
|
13927
13918
|
__proto__: null,
|
|
13928
13919
|
default: radioGroup,
|
|
13929
13920
|
radioGroup: radioGroup,
|
|
13930
|
-
vars: vars$
|
|
13921
|
+
vars: vars$d
|
|
13931
13922
|
});
|
|
13932
13923
|
|
|
13933
|
-
const vars$
|
|
13934
|
-
const globalRefs$
|
|
13924
|
+
const vars$c = RadioButtonClass.cssVarList;
|
|
13925
|
+
const globalRefs$7 = getThemeRefs(globals);
|
|
13935
13926
|
|
|
13936
13927
|
const radioButton = {
|
|
13937
|
-
[vars$
|
|
13938
|
-
[vars$
|
|
13939
|
-
[vars$
|
|
13940
|
-
[vars$
|
|
13941
|
-
[vars$
|
|
13942
|
-
[vars$
|
|
13943
|
-
[vars$
|
|
13944
|
-
[vars$
|
|
13928
|
+
[vars$c.fontFamily]: refs.fontFamily,
|
|
13929
|
+
[vars$c.radioSize]: 'calc(1em + 6px)',
|
|
13930
|
+
[vars$c.radioMargin]: 'auto 4px',
|
|
13931
|
+
[vars$c.radioCheckedSize]: `calc(var(${vars$c.radioSize})/5)`,
|
|
13932
|
+
[vars$c.radioCheckedColor]: globalRefs$7.colors.surface.light,
|
|
13933
|
+
[vars$c.radioBackgroundColor]: globalRefs$7.colors.surface.light,
|
|
13934
|
+
[vars$c.radioBorderColor]: 'none',
|
|
13935
|
+
[vars$c.radioBorderWidth]: 0,
|
|
13945
13936
|
|
|
13946
13937
|
_checked: {
|
|
13947
|
-
[vars$
|
|
13938
|
+
[vars$c.radioBackgroundColor]: globalRefs$7.colors.surface.contrast,
|
|
13948
13939
|
},
|
|
13949
13940
|
|
|
13950
13941
|
_hover: {
|
|
@@ -13953,16 +13944,16 @@ const radioButton = {
|
|
|
13953
13944
|
|
|
13954
13945
|
size: {
|
|
13955
13946
|
xs: {
|
|
13956
|
-
[vars$
|
|
13947
|
+
[vars$c.fontSize]: '12px',
|
|
13957
13948
|
},
|
|
13958
13949
|
sm: {
|
|
13959
|
-
[vars$
|
|
13950
|
+
[vars$c.fontSize]: '14px',
|
|
13960
13951
|
},
|
|
13961
13952
|
md: {
|
|
13962
|
-
[vars$
|
|
13953
|
+
[vars$c.fontSize]: '16px',
|
|
13963
13954
|
},
|
|
13964
13955
|
lg: {
|
|
13965
|
-
[vars$
|
|
13956
|
+
[vars$c.fontSize]: '18px',
|
|
13966
13957
|
},
|
|
13967
13958
|
},
|
|
13968
13959
|
};
|
|
@@ -13971,7 +13962,7 @@ var radioButton$1 = /*#__PURE__*/Object.freeze({
|
|
|
13971
13962
|
__proto__: null,
|
|
13972
13963
|
default: radioButton,
|
|
13973
13964
|
radioButton: radioButton,
|
|
13974
|
-
vars: vars$
|
|
13965
|
+
vars: vars$c
|
|
13975
13966
|
});
|
|
13976
13967
|
|
|
13977
13968
|
const SUPPORTED_FORMATS = ['MM/DD/YYYY', 'DD/MM/YYYY', 'YYYY/MM/DD'];
|
|
@@ -14289,7 +14280,7 @@ const nextMonth = (timestamp) => {
|
|
|
14289
14280
|
return date;
|
|
14290
14281
|
};
|
|
14291
14282
|
|
|
14292
|
-
const componentName$
|
|
14283
|
+
const componentName$c = getComponentName('calendar');
|
|
14293
14284
|
|
|
14294
14285
|
const observedAttrs$1 = [
|
|
14295
14286
|
'initial-value',
|
|
@@ -14306,7 +14297,7 @@ const observedAttrs$1 = [
|
|
|
14306
14297
|
|
|
14307
14298
|
const calendarUiAttrs = ['calendar-label-submit', 'calendar-label-cancel'];
|
|
14308
14299
|
|
|
14309
|
-
const BaseInputClass$1 = createBaseInputClass({ componentName: componentName$
|
|
14300
|
+
const BaseInputClass$1 = createBaseInputClass({ componentName: componentName$c, baseSelector: 'div' });
|
|
14310
14301
|
|
|
14311
14302
|
class RawCalendar extends BaseInputClass$1 {
|
|
14312
14303
|
static get observedAttributes() {
|
|
@@ -14920,94 +14911,94 @@ const CalendarClass = compose(
|
|
|
14920
14911
|
componentNameValidationMixin
|
|
14921
14912
|
)(RawCalendar);
|
|
14922
14913
|
|
|
14923
|
-
const globalRefs$
|
|
14914
|
+
const globalRefs$6 = getThemeRefs(globals);
|
|
14924
14915
|
|
|
14925
|
-
const vars$
|
|
14916
|
+
const vars$b = CalendarClass.cssVarList;
|
|
14926
14917
|
|
|
14927
14918
|
const calendar = {
|
|
14928
|
-
[vars$
|
|
14929
|
-
[vars$
|
|
14930
|
-
[vars$
|
|
14919
|
+
[vars$b.fontFamily]: refs.fontFamily,
|
|
14920
|
+
[vars$b.fontSize]: refs.fontSize,
|
|
14921
|
+
[vars$b.hostDirection]: refs.direction,
|
|
14931
14922
|
|
|
14932
|
-
[vars$
|
|
14923
|
+
[vars$b.calendarPadding]: '1em',
|
|
14933
14924
|
|
|
14934
|
-
[vars$
|
|
14935
|
-
[vars$
|
|
14936
|
-
[vars$
|
|
14937
|
-
[vars$
|
|
14925
|
+
[vars$b.topNavVerticalPadding]: '1em',
|
|
14926
|
+
[vars$b.topNavAlignment]: 'space-between',
|
|
14927
|
+
[vars$b.topNavGap]: '0',
|
|
14928
|
+
[vars$b.topNavSelectorsGap]: '0.5em',
|
|
14938
14929
|
|
|
14939
|
-
[vars$
|
|
14940
|
-
[vars$
|
|
14941
|
-
[vars$
|
|
14942
|
-
[vars$
|
|
14930
|
+
[vars$b.bottomNavVerticalPadding]: '0.75em',
|
|
14931
|
+
[vars$b.bottomNavHorizontalPadding]: '1.5em',
|
|
14932
|
+
[vars$b.bottomNavAlignment]: 'space-between',
|
|
14933
|
+
[vars$b.bottomNavGap]: '0.5em',
|
|
14943
14934
|
|
|
14944
|
-
[vars$
|
|
14945
|
-
[vars$
|
|
14946
|
-
[vars$
|
|
14947
|
-
[vars$
|
|
14935
|
+
[vars$b.navMarginBottom]: '0.75em',
|
|
14936
|
+
[vars$b.navBorderBottomWidth]: '1px',
|
|
14937
|
+
[vars$b.navBorderBottomColor]: globalRefs$6.colors.surface.highlight,
|
|
14938
|
+
[vars$b.navBorderBottomStyle]: 'solid',
|
|
14948
14939
|
|
|
14949
|
-
[vars$
|
|
14950
|
-
[vars$
|
|
14940
|
+
[vars$b.yearInputWidth]: '6em',
|
|
14941
|
+
[vars$b.monthInputWidth]: '8em',
|
|
14951
14942
|
|
|
14952
|
-
[vars$
|
|
14953
|
-
[vars$
|
|
14943
|
+
[vars$b.navButtonSize]: '24px',
|
|
14944
|
+
[vars$b.navButtonCursor]: 'pointer',
|
|
14954
14945
|
|
|
14955
|
-
[vars$
|
|
14956
|
-
[vars$
|
|
14946
|
+
[vars$b.weekdayFontSize]: '0.875em',
|
|
14947
|
+
[vars$b.weekdayFontWeight]: '500',
|
|
14957
14948
|
|
|
14958
14949
|
// day table cell
|
|
14959
|
-
[vars$
|
|
14950
|
+
[vars$b.dayHeight]: '3.125em',
|
|
14960
14951
|
|
|
14961
14952
|
// day value
|
|
14962
|
-
[vars$
|
|
14963
|
-
[vars$
|
|
14964
|
-
[vars$
|
|
14965
|
-
[vars$
|
|
14966
|
-
[vars$
|
|
14967
|
-
[vars$
|
|
14968
|
-
[vars$
|
|
14969
|
-
[vars$
|
|
14970
|
-
[vars$
|
|
14971
|
-
[vars$
|
|
14953
|
+
[vars$b.daySize]: '2.125em',
|
|
14954
|
+
[vars$b.dayFontSize]: '1em',
|
|
14955
|
+
[vars$b.dayRadius]: '50%',
|
|
14956
|
+
[vars$b.dayTextAlign]: 'center',
|
|
14957
|
+
[vars$b.dayPadding]: '0',
|
|
14958
|
+
[vars$b.dayTextColor]: globalRefs$6.colors.surface.contrast,
|
|
14959
|
+
[vars$b.dayFontWeight]: '500',
|
|
14960
|
+
[vars$b.dayBackgroundColor]: 'transparent',
|
|
14961
|
+
[vars$b.dayCursor]: 'pointer',
|
|
14962
|
+
[vars$b.dayBackgroundColorHover]: globalRefs$6.colors.primary.highlight,
|
|
14972
14963
|
|
|
14973
14964
|
// selected day
|
|
14974
|
-
[vars$
|
|
14975
|
-
[vars$
|
|
14965
|
+
[vars$b.daySelectedBackgroundColor]: globalRefs$6.colors.primary.main,
|
|
14966
|
+
[vars$b.daySelectedTextdColor]: globalRefs$6.colors.primary.contrast,
|
|
14976
14967
|
|
|
14977
14968
|
// disabled day (out of min/max range)
|
|
14978
|
-
[vars$
|
|
14969
|
+
[vars$b.dayDisabledTextdColor]: globalRefs$6.colors.surface.light,
|
|
14979
14970
|
|
|
14980
14971
|
// today
|
|
14981
|
-
[vars$
|
|
14982
|
-
[vars$
|
|
14983
|
-
[vars$
|
|
14972
|
+
[vars$b.currentDayBorderColor]: globalRefs$6.colors.surface.light,
|
|
14973
|
+
[vars$b.currentDayBorderWidth]: '1px',
|
|
14974
|
+
[vars$b.currentDayBorderStyle]: 'solid',
|
|
14984
14975
|
|
|
14985
14976
|
size: {
|
|
14986
|
-
xs: { [vars$
|
|
14987
|
-
sm: { [vars$
|
|
14988
|
-
md: { [vars$
|
|
14989
|
-
lg: { [vars$
|
|
14977
|
+
xs: { [vars$b.fontSize]: '12px' },
|
|
14978
|
+
sm: { [vars$b.fontSize]: '14px' },
|
|
14979
|
+
md: { [vars$b.fontSize]: '16px' },
|
|
14980
|
+
lg: { [vars$b.fontSize]: '18px' },
|
|
14990
14981
|
},
|
|
14991
14982
|
|
|
14992
|
-
[vars$
|
|
14983
|
+
[vars$b.navButtonRotation]: 'rotate(180deg)',
|
|
14993
14984
|
|
|
14994
14985
|
_disabled: {
|
|
14995
|
-
[vars$
|
|
14996
|
-
[vars$
|
|
14997
|
-
[vars$
|
|
14998
|
-
[vars$
|
|
14986
|
+
[vars$b.navButtonOpacity]: '0.5',
|
|
14987
|
+
[vars$b.dayBackgroundColorHover]: 'none',
|
|
14988
|
+
[vars$b.navButtonCursor]: 'default',
|
|
14989
|
+
[vars$b.dayCursor]: 'default',
|
|
14999
14990
|
},
|
|
15000
14991
|
|
|
15001
14992
|
_fullWidth: {
|
|
15002
|
-
[vars$
|
|
15003
|
-
[vars$
|
|
14993
|
+
[vars$b.hostWidth]: '100%',
|
|
14994
|
+
[vars$b.dayBlockAlign]: '0 auto',
|
|
15004
14995
|
},
|
|
15005
14996
|
};
|
|
15006
14997
|
|
|
15007
14998
|
var calendar$1 = /*#__PURE__*/Object.freeze({
|
|
15008
14999
|
__proto__: null,
|
|
15009
15000
|
default: calendar,
|
|
15010
|
-
vars: vars$
|
|
15001
|
+
vars: vars$b
|
|
15011
15002
|
});
|
|
15012
15003
|
|
|
15013
15004
|
const patterns = {
|
|
@@ -15141,12 +15132,12 @@ class DateCounter {
|
|
|
15141
15132
|
}
|
|
15142
15133
|
}
|
|
15143
15134
|
|
|
15144
|
-
const componentName$
|
|
15135
|
+
const componentName$b = getComponentName('date-field');
|
|
15145
15136
|
|
|
15146
15137
|
// we set baseSelector to `vaadin-popover` as a temporary hack, so our portalMixin will
|
|
15147
15138
|
// be able to process this component's overlay. The whole process needs refactoring as soon as possible.
|
|
15148
15139
|
const BASE_SELECTOR = 'vaadin-popover';
|
|
15149
|
-
const BaseInputClass = createBaseInputClass({ componentName: componentName$
|
|
15140
|
+
const BaseInputClass = createBaseInputClass({ componentName: componentName$b, baseSelector: BASE_SELECTOR });
|
|
15150
15141
|
|
|
15151
15142
|
const dateFieldAttrs = ['format', 'opened', 'initial-value', 'readonly'];
|
|
15152
15143
|
const calendarAttrs = ['years-range', 'calendar-months', 'calendar-weekdays'];
|
|
@@ -15817,35 +15808,35 @@ const DateFieldClass = compose(
|
|
|
15817
15808
|
componentNameValidationMixin
|
|
15818
15809
|
)(RawDateFieldClass);
|
|
15819
15810
|
|
|
15820
|
-
const globalRefs$
|
|
15811
|
+
const globalRefs$5 = getThemeRefs(globals);
|
|
15821
15812
|
const shadowColor$1 = '#00000020';
|
|
15822
|
-
const { shadow } = globalRefs$
|
|
15813
|
+
const { shadow } = globalRefs$5;
|
|
15823
15814
|
|
|
15824
|
-
const vars$
|
|
15815
|
+
const vars$a = DateFieldClass.cssVarList;
|
|
15825
15816
|
|
|
15826
15817
|
const dateField = {
|
|
15827
|
-
[vars$
|
|
15828
|
-
[vars$
|
|
15829
|
-
[vars$
|
|
15830
|
-
|
|
15831
|
-
[vars$
|
|
15832
|
-
[vars$
|
|
15833
|
-
[vars$
|
|
15834
|
-
[vars$
|
|
15835
|
-
[vars$
|
|
15836
|
-
[vars$
|
|
15837
|
-
[vars$
|
|
15838
|
-
[vars$
|
|
15839
|
-
[vars$
|
|
15840
|
-
|
|
15841
|
-
[vars$
|
|
15842
|
-
[vars$
|
|
15818
|
+
[vars$a.hostWidth]: refs.width,
|
|
15819
|
+
[vars$a.hostDirection]: refs.direction,
|
|
15820
|
+
[vars$a.iconMargin]: '0.375em',
|
|
15821
|
+
|
|
15822
|
+
[vars$a.overlay.marginTop]: `calc(${refs.outlineWidth} + 1px)`,
|
|
15823
|
+
[vars$a.overlay.backgroundColor]: refs.backgroundColor,
|
|
15824
|
+
[vars$a.overlay.backdropBackgroundColor]: 'transparent',
|
|
15825
|
+
[vars$a.overlay.backdropPointerEvents]: 'all',
|
|
15826
|
+
[vars$a.overlay.boxShadow]: `${shadow.wide.xl} ${shadowColor$1}, ${shadow.narrow.xl} ${shadowColor$1}`,
|
|
15827
|
+
[vars$a.overlay.outlineWidth]: '0',
|
|
15828
|
+
[vars$a.overlay.outlineColor]: 'transparent',
|
|
15829
|
+
[vars$a.overlay.outlineStyle]: 'none',
|
|
15830
|
+
[vars$a.overlay.padding]: '0',
|
|
15831
|
+
|
|
15832
|
+
[vars$a.rtlInputDirection]: 'ltr',
|
|
15833
|
+
[vars$a.rtlInputAlignment]: 'right',
|
|
15843
15834
|
};
|
|
15844
15835
|
|
|
15845
15836
|
var dateField$1 = /*#__PURE__*/Object.freeze({
|
|
15846
15837
|
__proto__: null,
|
|
15847
15838
|
default: dateField,
|
|
15848
|
-
vars: vars$
|
|
15839
|
+
vars: vars$a
|
|
15849
15840
|
});
|
|
15850
15841
|
|
|
15851
15842
|
const activeableMixin = (superclass) =>
|
|
@@ -15863,7 +15854,7 @@ const activeableMixin = (superclass) =>
|
|
|
15863
15854
|
}
|
|
15864
15855
|
};
|
|
15865
15856
|
|
|
15866
|
-
const componentName$
|
|
15857
|
+
const componentName$a = getComponentName('list-item');
|
|
15867
15858
|
|
|
15868
15859
|
const customMixin$1 = (superclass) =>
|
|
15869
15860
|
class ListItemMixinClass extends superclass {
|
|
@@ -15912,11 +15903,11 @@ const ListItemClass = compose(
|
|
|
15912
15903
|
componentNameValidationMixin,
|
|
15913
15904
|
customMixin$1,
|
|
15914
15905
|
activeableMixin
|
|
15915
|
-
)(createBaseClass({ componentName: componentName$
|
|
15906
|
+
)(createBaseClass({ componentName: componentName$a, baseSelector: 'slot' }));
|
|
15916
15907
|
|
|
15917
|
-
const componentName$
|
|
15908
|
+
const componentName$9 = getComponentName('list');
|
|
15918
15909
|
|
|
15919
|
-
class RawList extends createBaseClass({ componentName: componentName$
|
|
15910
|
+
class RawList extends createBaseClass({ componentName: componentName$9, baseSelector: '.wrapper' }) {
|
|
15920
15911
|
static get observedAttributes() {
|
|
15921
15912
|
return ['variant', 'readonly'];
|
|
15922
15913
|
}
|
|
@@ -16063,13 +16054,13 @@ const ListClass = compose(
|
|
|
16063
16054
|
componentNameValidationMixin
|
|
16064
16055
|
)(RawList);
|
|
16065
16056
|
|
|
16066
|
-
const globalRefs$
|
|
16057
|
+
const globalRefs$4 = getThemeRefs(globals);
|
|
16067
16058
|
|
|
16068
16059
|
const compVars = ListClass.cssVarList;
|
|
16069
16060
|
|
|
16070
16061
|
const [helperTheme, helperRefs, helperVars] = createHelperVars(
|
|
16071
16062
|
{ shadowColor: '#00000020' },
|
|
16072
|
-
componentName$
|
|
16063
|
+
componentName$9
|
|
16073
16064
|
);
|
|
16074
16065
|
|
|
16075
16066
|
const { shadowColor } = helperRefs;
|
|
@@ -16078,24 +16069,24 @@ const list$1 = {
|
|
|
16078
16069
|
...helperTheme,
|
|
16079
16070
|
|
|
16080
16071
|
[compVars.hostWidth]: '100%',
|
|
16081
|
-
[compVars.backgroundColor]: globalRefs$
|
|
16082
|
-
[compVars.fontFamily]: globalRefs$
|
|
16083
|
-
[compVars.borderColor]: globalRefs$
|
|
16072
|
+
[compVars.backgroundColor]: globalRefs$4.colors.surface.main,
|
|
16073
|
+
[compVars.fontFamily]: globalRefs$4.fonts.font1.family,
|
|
16074
|
+
[compVars.borderColor]: globalRefs$4.colors.surface.light,
|
|
16084
16075
|
[compVars.borderStyle]: 'solid',
|
|
16085
|
-
[compVars.borderWidth]: globalRefs$
|
|
16086
|
-
[compVars.borderRadius]: globalRefs$
|
|
16087
|
-
[compVars.gap]: globalRefs$
|
|
16088
|
-
[compVars.verticalPadding]: globalRefs$
|
|
16089
|
-
[compVars.horizontalPadding]: globalRefs$
|
|
16090
|
-
[compVars.boxShadow]: `${globalRefs$
|
|
16076
|
+
[compVars.borderWidth]: globalRefs$4.border.xs,
|
|
16077
|
+
[compVars.borderRadius]: globalRefs$4.radius.sm,
|
|
16078
|
+
[compVars.gap]: globalRefs$4.spacing.md,
|
|
16079
|
+
[compVars.verticalPadding]: globalRefs$4.spacing.lg,
|
|
16080
|
+
[compVars.horizontalPadding]: globalRefs$4.spacing.lg,
|
|
16081
|
+
[compVars.boxShadow]: `${globalRefs$4.shadow.wide.sm} ${shadowColor}, ${globalRefs$4.shadow.narrow.sm} ${shadowColor}`,
|
|
16091
16082
|
[compVars.maxHeight]: '100%',
|
|
16092
|
-
[compVars.hostDirection]: globalRefs$
|
|
16083
|
+
[compVars.hostDirection]: globalRefs$4.direction,
|
|
16093
16084
|
[compVars.minItemsWidth]: '150px',
|
|
16094
16085
|
|
|
16095
16086
|
_empty: {
|
|
16096
16087
|
[compVars.minHeight]: '150px',
|
|
16097
|
-
[compVars.emptyStateTextColor]: globalRefs$
|
|
16098
|
-
[compVars.emptyStateTextFontFamily]: globalRefs$
|
|
16088
|
+
[compVars.emptyStateTextColor]: globalRefs$4.colors.surface.dark,
|
|
16089
|
+
[compVars.emptyStateTextFontFamily]: globalRefs$4.fonts.font1.family,
|
|
16099
16090
|
},
|
|
16100
16091
|
|
|
16101
16092
|
variant: {
|
|
@@ -16109,7 +16100,7 @@ const list$1 = {
|
|
|
16109
16100
|
},
|
|
16110
16101
|
};
|
|
16111
16102
|
|
|
16112
|
-
const vars$
|
|
16103
|
+
const vars$9 = {
|
|
16113
16104
|
...compVars,
|
|
16114
16105
|
...helperVars,
|
|
16115
16106
|
};
|
|
@@ -16117,49 +16108,49 @@ const vars$8 = {
|
|
|
16117
16108
|
var list$2 = /*#__PURE__*/Object.freeze({
|
|
16118
16109
|
__proto__: null,
|
|
16119
16110
|
default: list$1,
|
|
16120
|
-
vars: vars$
|
|
16111
|
+
vars: vars$9
|
|
16121
16112
|
});
|
|
16122
16113
|
|
|
16123
|
-
const globalRefs$
|
|
16114
|
+
const globalRefs$3 = getThemeRefs(globals);
|
|
16124
16115
|
|
|
16125
|
-
const vars$
|
|
16116
|
+
const vars$8 = ListItemClass.cssVarList;
|
|
16126
16117
|
|
|
16127
16118
|
const list = {
|
|
16128
|
-
[vars$
|
|
16129
|
-
[vars$
|
|
16130
|
-
[vars$
|
|
16131
|
-
[vars$
|
|
16132
|
-
[vars$
|
|
16133
|
-
[vars$
|
|
16134
|
-
[vars$
|
|
16135
|
-
[vars$
|
|
16136
|
-
[vars$
|
|
16137
|
-
[vars$
|
|
16138
|
-
[vars$
|
|
16119
|
+
[vars$8.backgroundColor]: globalRefs$3.colors.surface.main,
|
|
16120
|
+
[vars$8.padding]: globalRefs$3.spacing.lg,
|
|
16121
|
+
[vars$8.gap]: globalRefs$3.spacing.md,
|
|
16122
|
+
[vars$8.borderStyle]: 'solid',
|
|
16123
|
+
[vars$8.borderWidth]: globalRefs$3.border.xs,
|
|
16124
|
+
[vars$8.borderColor]: globalRefs$3.colors.surface.main,
|
|
16125
|
+
[vars$8.borderRadius]: globalRefs$3.radius.sm,
|
|
16126
|
+
[vars$8.cursor]: 'pointer',
|
|
16127
|
+
[vars$8.alignItems]: 'center',
|
|
16128
|
+
[vars$8.flexDirection]: 'row',
|
|
16129
|
+
[vars$8.transition]: 'border-color 0.2s, background-color 0.2s',
|
|
16139
16130
|
|
|
16140
16131
|
variant: {
|
|
16141
16132
|
tile: {
|
|
16142
|
-
[vars$
|
|
16143
|
-
[vars$
|
|
16144
|
-
[vars$
|
|
16133
|
+
[vars$8.alignItems]: 'flex-start',
|
|
16134
|
+
[vars$8.flexDirection]: 'column',
|
|
16135
|
+
[vars$8.borderColor]: globalRefs$3.colors.surface.light,
|
|
16145
16136
|
},
|
|
16146
16137
|
},
|
|
16147
16138
|
|
|
16148
16139
|
_hover: {
|
|
16149
|
-
[vars$
|
|
16140
|
+
[vars$8.backgroundColor]: globalRefs$3.colors.surface.highlight,
|
|
16150
16141
|
},
|
|
16151
16142
|
|
|
16152
16143
|
_active: {
|
|
16153
|
-
[vars$
|
|
16154
|
-
[vars$
|
|
16155
|
-
[vars$
|
|
16144
|
+
[vars$8.backgroundColor]: globalRefs$3.colors.surface.main,
|
|
16145
|
+
[vars$8.borderColor]: globalRefs$3.colors.primary.light,
|
|
16146
|
+
[vars$8.outline]: `1px solid ${globalRefs$3.colors.primary.light}`,
|
|
16156
16147
|
},
|
|
16157
16148
|
};
|
|
16158
16149
|
|
|
16159
16150
|
var listItem = /*#__PURE__*/Object.freeze({
|
|
16160
16151
|
__proto__: null,
|
|
16161
16152
|
default: list,
|
|
16162
|
-
vars: vars$
|
|
16153
|
+
vars: vars$8
|
|
16163
16154
|
});
|
|
16164
16155
|
|
|
16165
16156
|
const defaultValidateSchema = () => true;
|
|
@@ -16261,7 +16252,7 @@ const createDynamicDataMixin =
|
|
|
16261
16252
|
}
|
|
16262
16253
|
};
|
|
16263
16254
|
|
|
16264
|
-
const componentName$
|
|
16255
|
+
const componentName$8 = getComponentName('apps-list');
|
|
16265
16256
|
|
|
16266
16257
|
const limitAbbreviation = (str, limit = 2) =>
|
|
16267
16258
|
str
|
|
@@ -16323,7 +16314,7 @@ const AppsListClass = compose(
|
|
|
16323
16314
|
slots: ['empty-state'],
|
|
16324
16315
|
wrappedEleName: 'descope-list',
|
|
16325
16316
|
excludeAttrsSync: ['tabindex', 'class', 'empty'],
|
|
16326
|
-
componentName: componentName$
|
|
16317
|
+
componentName: componentName$8,
|
|
16327
16318
|
style: () => `
|
|
16328
16319
|
:host {
|
|
16329
16320
|
width: 100%;
|
|
@@ -16348,33 +16339,33 @@ const AppsListClass = compose(
|
|
|
16348
16339
|
})
|
|
16349
16340
|
);
|
|
16350
16341
|
|
|
16351
|
-
const vars$
|
|
16352
|
-
const globalRefs$
|
|
16342
|
+
const vars$7 = AppsListClass.cssVarList;
|
|
16343
|
+
const globalRefs$2 = getThemeRefs(globals);
|
|
16353
16344
|
|
|
16354
16345
|
const defaultHeight = '400px';
|
|
16355
16346
|
|
|
16356
16347
|
const appsList = {
|
|
16357
|
-
[vars$
|
|
16358
|
-
[vars$
|
|
16359
|
-
[vars$
|
|
16360
|
-
[vars$
|
|
16348
|
+
[vars$7.itemsFontWeight]: 'normal',
|
|
16349
|
+
[vars$7.itemsTextAlign]: 'start',
|
|
16350
|
+
[vars$7.hostDirection]: globalRefs$2.direction,
|
|
16351
|
+
[vars$7.maxHeight]: defaultHeight,
|
|
16361
16352
|
|
|
16362
16353
|
_empty: {
|
|
16363
|
-
[vars$
|
|
16354
|
+
[vars$7.minHeight]: defaultHeight,
|
|
16364
16355
|
},
|
|
16365
16356
|
|
|
16366
16357
|
size: {
|
|
16367
16358
|
xs: {
|
|
16368
|
-
[vars$
|
|
16359
|
+
[vars$7.itemsFontSize]: '14px',
|
|
16369
16360
|
},
|
|
16370
16361
|
sm: {
|
|
16371
|
-
[vars$
|
|
16362
|
+
[vars$7.itemsFontSize]: '14px',
|
|
16372
16363
|
},
|
|
16373
16364
|
md: {
|
|
16374
|
-
[vars$
|
|
16365
|
+
[vars$7.itemsFontSize]: '16px',
|
|
16375
16366
|
},
|
|
16376
16367
|
lg: {
|
|
16377
|
-
[vars$
|
|
16368
|
+
[vars$7.itemsFontSize]: '20px',
|
|
16378
16369
|
},
|
|
16379
16370
|
},
|
|
16380
16371
|
};
|
|
@@ -16382,10 +16373,10 @@ const appsList = {
|
|
|
16382
16373
|
var appsList$1 = /*#__PURE__*/Object.freeze({
|
|
16383
16374
|
__proto__: null,
|
|
16384
16375
|
default: appsList,
|
|
16385
|
-
vars: vars$
|
|
16376
|
+
vars: vars$7
|
|
16386
16377
|
});
|
|
16387
16378
|
|
|
16388
|
-
const componentName$
|
|
16379
|
+
const componentName$7 = getComponentName('scopes-list');
|
|
16389
16380
|
const variants = ['checkbox', 'switch'];
|
|
16390
16381
|
|
|
16391
16382
|
const itemRenderer = ({ id, desc, required = false }, _, ref) => {
|
|
@@ -16404,7 +16395,7 @@ const itemRenderer = ({ id, desc, required = false }, _, ref) => {
|
|
|
16404
16395
|
`;
|
|
16405
16396
|
};
|
|
16406
16397
|
|
|
16407
|
-
class RawScopesList extends createBaseClass({ componentName: componentName$
|
|
16398
|
+
class RawScopesList extends createBaseClass({ componentName: componentName$7, baseSelector: 'div' }) {
|
|
16408
16399
|
constructor() {
|
|
16409
16400
|
super();
|
|
16410
16401
|
|
|
@@ -16509,28 +16500,28 @@ const ScopesListClass = compose(
|
|
|
16509
16500
|
componentNameValidationMixin
|
|
16510
16501
|
)(RawScopesList);
|
|
16511
16502
|
|
|
16512
|
-
const vars$
|
|
16503
|
+
const vars$6 = ScopesListClass.cssVarList;
|
|
16513
16504
|
|
|
16514
16505
|
const scopesList = {
|
|
16515
|
-
[vars$
|
|
16516
|
-
[vars$
|
|
16517
|
-
[vars$
|
|
16506
|
+
[vars$6.requiredInputBorderColor]: theme$1._disabled[vars$S.borderColor],
|
|
16507
|
+
[vars$6.requiredInputValueTextColor]: theme$1._disabled[vars$S.valueTextColor],
|
|
16508
|
+
[vars$6.hostWidth]: '280px',
|
|
16518
16509
|
_fullWidth: {
|
|
16519
|
-
[vars$
|
|
16510
|
+
[vars$6.hostWidth]: '100%',
|
|
16520
16511
|
},
|
|
16521
16512
|
};
|
|
16522
16513
|
|
|
16523
16514
|
var scopesList$1 = /*#__PURE__*/Object.freeze({
|
|
16524
16515
|
__proto__: null,
|
|
16525
16516
|
default: scopesList,
|
|
16526
|
-
vars: vars$
|
|
16517
|
+
vars: vars$6
|
|
16527
16518
|
});
|
|
16528
16519
|
|
|
16529
16520
|
var arrowsImg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMTQ0OTIgMTUuNjQ1TDcuNDk5OTIgMTRMMi44MzMyNSAxOC42NjY3TDcuNDk5OTIgMjMuMzMzM0w5LjE0NDkyIDIxLjY4ODNMNy4zMDE1OSAxOS44MzMzSDI0Ljk5OTlWMTcuNUg3LjMwMTU5TDkuMTQ0OTIgMTUuNjQ1WiIgZmlsbD0iIzYzNkM3NCIvPgo8cGF0aCBkPSJNMTkuODU1IDEyLjM1NTNMMjEuNSAxNC4wMDAzTDI2LjE2NjcgOS4zMzM2NkwyMS41IDQuNjY2OTlMMTkuODU1IDYuMzExOTlMMjEuNjk4MyA4LjE2Njk5SDRWMTAuNTAwM0gyMS42OTgzTDE5Ljg1NSAxMi4zNTUzWiIgZmlsbD0iIzYzNkM3NCIvPgo8L3N2Zz4K";
|
|
16530
16521
|
|
|
16531
|
-
const componentName$
|
|
16522
|
+
const componentName$6 = getComponentName('third-party-app-logo');
|
|
16532
16523
|
class RawThirdPartyAppLogoClass extends createBaseClass({
|
|
16533
|
-
componentName: componentName$
|
|
16524
|
+
componentName: componentName$6,
|
|
16534
16525
|
baseSelector: '.wrapper',
|
|
16535
16526
|
}) {
|
|
16536
16527
|
constructor() {
|
|
@@ -16624,32 +16615,32 @@ const ThirdPartyAppLogoClass = compose(
|
|
|
16624
16615
|
componentNameValidationMixin
|
|
16625
16616
|
)(RawThirdPartyAppLogoClass);
|
|
16626
16617
|
|
|
16627
|
-
const globalRefs = getThemeRefs(globals);
|
|
16628
|
-
const vars$
|
|
16618
|
+
const globalRefs$1 = getThemeRefs(globals);
|
|
16619
|
+
const vars$5 = ThirdPartyAppLogoClass.cssVarList;
|
|
16629
16620
|
|
|
16630
16621
|
const thirdPartyAppLogo = {
|
|
16631
|
-
[vars$
|
|
16632
|
-
[vars$
|
|
16633
|
-
[vars$
|
|
16622
|
+
[vars$5.gap]: globalRefs$1.spacing.lg,
|
|
16623
|
+
[vars$5.arrowsColor]: globalRefs$1.colors.surface.dark,
|
|
16624
|
+
[vars$5.thirdPartyAppLogoFallback]:
|
|
16634
16625
|
'url(https://imgs.descope.com/components/third-party-app-logo-placeholder.svg)',
|
|
16635
|
-
[vars$
|
|
16626
|
+
[vars$5.companyLogoFallback]:
|
|
16636
16627
|
'url(https://imgs.descope.com/components/project-logo-placeholder.svg)',
|
|
16637
16628
|
size: {
|
|
16638
16629
|
xs: {
|
|
16639
|
-
[vars$
|
|
16640
|
-
[vars$
|
|
16630
|
+
[vars$5.logoMaxHeight]: '30px',
|
|
16631
|
+
[vars$5.logoMaxWidth]: '120px',
|
|
16641
16632
|
},
|
|
16642
16633
|
sm: {
|
|
16643
|
-
[vars$
|
|
16644
|
-
[vars$
|
|
16634
|
+
[vars$5.logoMaxHeight]: '40px',
|
|
16635
|
+
[vars$5.logoMaxWidth]: '160px',
|
|
16645
16636
|
},
|
|
16646
16637
|
md: {
|
|
16647
|
-
[vars$
|
|
16648
|
-
[vars$
|
|
16638
|
+
[vars$5.logoMaxHeight]: '48px',
|
|
16639
|
+
[vars$5.logoMaxWidth]: '200px',
|
|
16649
16640
|
},
|
|
16650
16641
|
lg: {
|
|
16651
|
-
[vars$
|
|
16652
|
-
[vars$
|
|
16642
|
+
[vars$5.logoMaxHeight]: '60px',
|
|
16643
|
+
[vars$5.logoMaxWidth]: '240px',
|
|
16653
16644
|
},
|
|
16654
16645
|
},
|
|
16655
16646
|
};
|
|
@@ -16657,10 +16648,10 @@ const thirdPartyAppLogo = {
|
|
|
16657
16648
|
var thirdPartyAppLogo$1 = /*#__PURE__*/Object.freeze({
|
|
16658
16649
|
__proto__: null,
|
|
16659
16650
|
default: thirdPartyAppLogo,
|
|
16660
|
-
vars: vars$
|
|
16651
|
+
vars: vars$5
|
|
16661
16652
|
});
|
|
16662
16653
|
|
|
16663
|
-
const componentName$
|
|
16654
|
+
const componentName$5 = getComponentName('security-questions-setup');
|
|
16664
16655
|
|
|
16665
16656
|
const attrsToSync$1 = [
|
|
16666
16657
|
'full-width',
|
|
@@ -16679,7 +16670,7 @@ const attrsToSync$1 = [
|
|
|
16679
16670
|
];
|
|
16680
16671
|
|
|
16681
16672
|
const attrsToReRender$1 = ['count', 'questions'];
|
|
16682
|
-
class RawSecurityQuestionsSetup extends createBaseClass({ componentName: componentName$
|
|
16673
|
+
class RawSecurityQuestionsSetup extends createBaseClass({ componentName: componentName$5, baseSelector: 'div' }) {
|
|
16683
16674
|
constructor() {
|
|
16684
16675
|
super();
|
|
16685
16676
|
|
|
@@ -16786,7 +16777,7 @@ class RawSecurityQuestionsSetup extends createBaseClass({ componentName: compone
|
|
|
16786
16777
|
return JSON.parse(this.getAttribute('questions')) || [];
|
|
16787
16778
|
} catch (e) {
|
|
16788
16779
|
// eslint-disable-next-line no-console
|
|
16789
|
-
console.error(componentName$
|
|
16780
|
+
console.error(componentName$5, 'Error parsing questions attribute', e);
|
|
16790
16781
|
return [];
|
|
16791
16782
|
}
|
|
16792
16783
|
}
|
|
@@ -16894,22 +16885,22 @@ const SecurityQuestionsSetupClass = compose(
|
|
|
16894
16885
|
componentNameValidationMixin
|
|
16895
16886
|
)(RawSecurityQuestionsSetup);
|
|
16896
16887
|
|
|
16897
|
-
const vars$
|
|
16888
|
+
const vars$4 = SecurityQuestionsSetupClass.cssVarList;
|
|
16898
16889
|
|
|
16899
16890
|
const securityQuestionsSetup = {
|
|
16900
|
-
[vars$
|
|
16891
|
+
[vars$4.hostWidth]: 'fit-content',
|
|
16901
16892
|
_fullWidth: {
|
|
16902
|
-
[vars$
|
|
16893
|
+
[vars$4.hostWidth]: '100%',
|
|
16903
16894
|
},
|
|
16904
16895
|
};
|
|
16905
16896
|
|
|
16906
16897
|
var securityQuestionsSetup$1 = /*#__PURE__*/Object.freeze({
|
|
16907
16898
|
__proto__: null,
|
|
16908
16899
|
default: securityQuestionsSetup,
|
|
16909
|
-
vars: vars$
|
|
16900
|
+
vars: vars$4
|
|
16910
16901
|
});
|
|
16911
16902
|
|
|
16912
|
-
const componentName$
|
|
16903
|
+
const componentName$4 = getComponentName('security-questions-verify');
|
|
16913
16904
|
|
|
16914
16905
|
const textFieldsAttrs = [
|
|
16915
16906
|
'full-width',
|
|
@@ -16933,7 +16924,7 @@ const attrMappings = {
|
|
|
16933
16924
|
const attrsToSync = [...textFieldsAttrs, ...textsAttrs];
|
|
16934
16925
|
|
|
16935
16926
|
const attrsToReRender = ['questions'];
|
|
16936
|
-
class RawSecurityQuestionsVerify extends createBaseClass({ componentName: componentName$
|
|
16927
|
+
class RawSecurityQuestionsVerify extends createBaseClass({ componentName: componentName$4, baseSelector: 'div' }) {
|
|
16937
16928
|
constructor() {
|
|
16938
16929
|
super();
|
|
16939
16930
|
|
|
@@ -17004,7 +16995,7 @@ class RawSecurityQuestionsVerify extends createBaseClass({ componentName: compon
|
|
|
17004
16995
|
return JSON.parse(this.getAttribute('questions')) || [];
|
|
17005
16996
|
} catch (e) {
|
|
17006
16997
|
// eslint-disable-next-line no-console
|
|
17007
|
-
console.error(componentName$
|
|
16998
|
+
console.error(componentName$4, 'Error parsing questions attribute', e);
|
|
17008
16999
|
return [];
|
|
17009
17000
|
}
|
|
17010
17001
|
}
|
|
@@ -17135,22 +17126,22 @@ const SecurityQuestionsVerifyClass = compose(
|
|
|
17135
17126
|
componentNameValidationMixin
|
|
17136
17127
|
)(RawSecurityQuestionsVerify);
|
|
17137
17128
|
|
|
17138
|
-
const vars$
|
|
17129
|
+
const vars$3 = SecurityQuestionsVerifyClass.cssVarList;
|
|
17139
17130
|
|
|
17140
17131
|
const securityQuestionsVerify = {
|
|
17141
|
-
[vars$
|
|
17142
|
-
[vars$
|
|
17132
|
+
[vars$3.hostWidth]: 'min-content',
|
|
17133
|
+
[vars$3.questionCursor]: 'pointer',
|
|
17143
17134
|
_fullWidth: {
|
|
17144
|
-
[vars$
|
|
17135
|
+
[vars$3.hostWidth]: '100%',
|
|
17145
17136
|
},
|
|
17146
|
-
[vars$
|
|
17147
|
-
[vars$
|
|
17137
|
+
[vars$3.questionFontSize]: refs.fontSize,
|
|
17138
|
+
[vars$3.questionFontFamily]: refs.fontFamily,
|
|
17148
17139
|
};
|
|
17149
17140
|
|
|
17150
17141
|
var securityQuestionsVerify$1 = /*#__PURE__*/Object.freeze({
|
|
17151
17142
|
__proto__: null,
|
|
17152
17143
|
default: securityQuestionsVerify,
|
|
17153
|
-
vars: vars$
|
|
17144
|
+
vars: vars$3
|
|
17154
17145
|
});
|
|
17155
17146
|
|
|
17156
17147
|
const NUMERIC_RE = /^\d+$/;
|
|
@@ -17159,7 +17150,7 @@ const isNumericValue = (val) => NUMERIC_RE.test(val.replaceAll('+', '').replaceA
|
|
|
17159
17150
|
|
|
17160
17151
|
const sanitizeCountryCodePrefix = (val) => val.replace(/\+\d+-/, '');
|
|
17161
17152
|
|
|
17162
|
-
const componentName$
|
|
17153
|
+
const componentName$3 = getComponentName('hybrid-field');
|
|
17163
17154
|
|
|
17164
17155
|
const attrs = {
|
|
17165
17156
|
shared: [
|
|
@@ -17219,7 +17210,7 @@ const PHONE_FIELD = 'descope-phone-field';
|
|
|
17219
17210
|
const PHONE_INPUT_BOX_FIELD = 'descope-phone-input-box-field';
|
|
17220
17211
|
|
|
17221
17212
|
const BaseClass$1 = createBaseClass({
|
|
17222
|
-
componentName: componentName$
|
|
17213
|
+
componentName: componentName$3,
|
|
17223
17214
|
baseSelector: 'div',
|
|
17224
17215
|
});
|
|
17225
17216
|
|
|
@@ -17515,26 +17506,202 @@ const HybridFieldClass = compose(
|
|
|
17515
17506
|
componentNameValidationMixin
|
|
17516
17507
|
)(RawHybridField);
|
|
17517
17508
|
|
|
17518
|
-
const vars$
|
|
17509
|
+
const vars$2 = HybridFieldClass.cssVarList;
|
|
17519
17510
|
|
|
17520
17511
|
const hybridField = {
|
|
17521
|
-
[vars$
|
|
17512
|
+
[vars$2.hostDirection]: refs.direction,
|
|
17522
17513
|
|
|
17523
17514
|
// error message icon
|
|
17524
|
-
[vars$
|
|
17525
|
-
[vars$
|
|
17526
|
-
[vars$
|
|
17527
|
-
[vars$
|
|
17528
|
-
[vars$
|
|
17515
|
+
[vars$2.errorMessageIcon]: refs.errorMessageIcon,
|
|
17516
|
+
[vars$2.errorMessageIconSize]: refs.errorMessageIconSize,
|
|
17517
|
+
[vars$2.errorMessageIconPadding]: refs.errorMessageIconPadding,
|
|
17518
|
+
[vars$2.errorMessageIconRepeat]: refs.errorMessageIconRepeat,
|
|
17519
|
+
[vars$2.errorMessageIconPosition]: refs.errorMessageIconPosition,
|
|
17529
17520
|
|
|
17530
17521
|
_fullWidth: {
|
|
17531
|
-
[vars$
|
|
17522
|
+
[vars$2.hostWidth]: '100%',
|
|
17532
17523
|
},
|
|
17533
17524
|
};
|
|
17534
17525
|
|
|
17535
17526
|
var hybridField$1 = /*#__PURE__*/Object.freeze({
|
|
17536
17527
|
__proto__: null,
|
|
17537
17528
|
default: hybridField,
|
|
17529
|
+
vars: vars$2
|
|
17530
|
+
});
|
|
17531
|
+
|
|
17532
|
+
customElements.define(componentName$N, EnrichedTextClass);
|
|
17533
|
+
|
|
17534
|
+
const componentName$2 = getComponentName('alert');
|
|
17535
|
+
|
|
17536
|
+
class RawAlert extends createBaseClass({ componentName: componentName$2, baseSelector: ':host > div' }) {
|
|
17537
|
+
constructor() {
|
|
17538
|
+
super();
|
|
17539
|
+
|
|
17540
|
+
this.attachShadow({ mode: 'open' }).innerHTML = `
|
|
17541
|
+
<style>
|
|
17542
|
+
:host {
|
|
17543
|
+
display: inline-flex;
|
|
17544
|
+
}
|
|
17545
|
+
:host > div {
|
|
17546
|
+
display: flex;
|
|
17547
|
+
width: 100%;
|
|
17548
|
+
}
|
|
17549
|
+
.icon {
|
|
17550
|
+
flex-shrink: 0;
|
|
17551
|
+
}
|
|
17552
|
+
.content {
|
|
17553
|
+
display: flex;
|
|
17554
|
+
flex-wrap: wrap;
|
|
17555
|
+
white-space: normal;
|
|
17556
|
+
overflow-wrap: break-word;
|
|
17557
|
+
}
|
|
17558
|
+
</style>
|
|
17559
|
+
<div>
|
|
17560
|
+
<div class="icon"></div>
|
|
17561
|
+
<div class="content">
|
|
17562
|
+
<descope-enriched-text>
|
|
17563
|
+
<slot></slot>
|
|
17564
|
+
</descope-enriched-text>
|
|
17565
|
+
</div>
|
|
17566
|
+
</div>
|
|
17567
|
+
`;
|
|
17568
|
+
}
|
|
17569
|
+
|
|
17570
|
+
init() {
|
|
17571
|
+
super.init?.();
|
|
17572
|
+
|
|
17573
|
+
this.slotEle = this.shadowRoot.querySelector('slot');
|
|
17574
|
+
this.textComp = this.shadowRoot.querySelector('descope-enriched-text');
|
|
17575
|
+
|
|
17576
|
+
this.slotEle.addEventListener('slotchange', this.handleSlotChange.bind(this));
|
|
17577
|
+
|
|
17578
|
+
forwardAttrs(this, this.textComp, ['variant', 'full-width', 'link-target-blank']);
|
|
17579
|
+
}
|
|
17580
|
+
|
|
17581
|
+
handleSlotChange() {
|
|
17582
|
+
const assignedNodes = this.slotEle.assignedNodes({ flatten: true });
|
|
17583
|
+
if (!assignedNodes.length) return;
|
|
17584
|
+
this.textComp.textContent = assignedNodes[0]?.textContent || '';
|
|
17585
|
+
}
|
|
17586
|
+
}
|
|
17587
|
+
|
|
17588
|
+
const { icon } = {
|
|
17589
|
+
icon: { selector: () => '.icon' },
|
|
17590
|
+
};
|
|
17591
|
+
|
|
17592
|
+
const AlertClass = compose(
|
|
17593
|
+
createStyleMixin({
|
|
17594
|
+
mappings: {
|
|
17595
|
+
hostWidth: { selector: () => ':host', property: 'width' },
|
|
17596
|
+
hostDirection: { selector: () => ':host', property: 'direction' },
|
|
17597
|
+
textColor: {
|
|
17598
|
+
selector: EnrichedTextClass.componentName,
|
|
17599
|
+
property: EnrichedTextClass.cssVarList.textColor,
|
|
17600
|
+
},
|
|
17601
|
+
backgroundColor: {},
|
|
17602
|
+
borderColor: {},
|
|
17603
|
+
borderWidth: {},
|
|
17604
|
+
borderStyle: {},
|
|
17605
|
+
borderRadius: {},
|
|
17606
|
+
fontSize: [
|
|
17607
|
+
{},
|
|
17608
|
+
{
|
|
17609
|
+
selector: EnrichedTextClass.componentName,
|
|
17610
|
+
property: EnrichedTextClass.cssVarList.fontSize,
|
|
17611
|
+
},
|
|
17612
|
+
],
|
|
17613
|
+
gap: {},
|
|
17614
|
+
horizontalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],
|
|
17615
|
+
verticalPadding: [{ property: 'padding-right' }, { property: 'padding-left' }],
|
|
17616
|
+
alignItems: {},
|
|
17617
|
+
icon: [
|
|
17618
|
+
{ ...icon, property: 'content' },
|
|
17619
|
+
{ ...icon, property: 'display', fallback: 'none' },
|
|
17620
|
+
],
|
|
17621
|
+
iconSize: [
|
|
17622
|
+
{ ...icon, property: 'width' },
|
|
17623
|
+
{ ...icon, property: 'height' },
|
|
17624
|
+
],
|
|
17625
|
+
},
|
|
17626
|
+
}),
|
|
17627
|
+
createStyleMixin({ componentNameOverride: getComponentName('enriched-text') }),
|
|
17628
|
+
createStyleMixin({ componentNameOverride: getComponentName('text') }),
|
|
17629
|
+
draggableMixin,
|
|
17630
|
+
componentNameValidationMixin
|
|
17631
|
+
)(RawAlert);
|
|
17632
|
+
|
|
17633
|
+
const globalRefs = getThemeRefs(globals);
|
|
17634
|
+
const vars$1 = AlertClass.cssVarList;
|
|
17635
|
+
|
|
17636
|
+
const alert = {
|
|
17637
|
+
[vars$1.hostDirection]: globalRefs.direction,
|
|
17638
|
+
[vars$1.backgroundColor]: 'transparent',
|
|
17639
|
+
[vars$1.iconSize]: '1.35em',
|
|
17640
|
+
[vars$1.alignItems]: 'center',
|
|
17641
|
+
[vars$1.borderRadius]: globalRefs.radius.md,
|
|
17642
|
+
[vars$1.horizontalPadding]: '0',
|
|
17643
|
+
[vars$1.verticalPadding]: '0',
|
|
17644
|
+
[vars$1.gap]: `0.5em`,
|
|
17645
|
+
[vars$1.fontSize]: useVar(vars$G.fontSize),
|
|
17646
|
+
|
|
17647
|
+
mode: {
|
|
17648
|
+
error: {
|
|
17649
|
+
// Notice: If icon is empty, we need to remove it from the theme, to prevent it from rendering minimal layout
|
|
17650
|
+
// [vars.icon]: `url(${icon})`,
|
|
17651
|
+
[vars$1.textColor]: globalRefs.colors.error.main,
|
|
17652
|
+
_bordered: {
|
|
17653
|
+
[vars$1.borderColor]: globalRefs.colors.error.main,
|
|
17654
|
+
},
|
|
17655
|
+
},
|
|
17656
|
+
success: {
|
|
17657
|
+
// Notice: If icon is empty, we need to remove it from the theme, to prevent it from rendering minimal layout
|
|
17658
|
+
// [vars.icon]: '',
|
|
17659
|
+
[vars$1.textColor]: globalRefs.colors.success.main,
|
|
17660
|
+
_bordered: {
|
|
17661
|
+
[vars$1.borderColor]: globalRefs.colors.success.main,
|
|
17662
|
+
},
|
|
17663
|
+
},
|
|
17664
|
+
},
|
|
17665
|
+
|
|
17666
|
+
spacing: {
|
|
17667
|
+
xs: {
|
|
17668
|
+
[vars$1.horizontalPadding]: globalRefs.spacing.xs,
|
|
17669
|
+
[vars$1.verticalPadding]: globalRefs.spacing.xs,
|
|
17670
|
+
},
|
|
17671
|
+
sm: {
|
|
17672
|
+
[vars$1.horizontalPadding]: globalRefs.spacing.sm,
|
|
17673
|
+
[vars$1.verticalPadding]: globalRefs.spacing.sm,
|
|
17674
|
+
},
|
|
17675
|
+
md: {
|
|
17676
|
+
[vars$1.horizontalPadding]: globalRefs.spacing.md,
|
|
17677
|
+
[vars$1.verticalPadding]: globalRefs.spacing.md,
|
|
17678
|
+
},
|
|
17679
|
+
lg: {
|
|
17680
|
+
[vars$1.horizontalPadding]: globalRefs.spacing.lg,
|
|
17681
|
+
[vars$1.verticalPadding]: globalRefs.spacing.lg,
|
|
17682
|
+
},
|
|
17683
|
+
xl: {
|
|
17684
|
+
[vars$1.horizontalPadding]: globalRefs.spacing.xl,
|
|
17685
|
+
[vars$1.verticalPadding]: globalRefs.spacing.xl,
|
|
17686
|
+
},
|
|
17687
|
+
},
|
|
17688
|
+
|
|
17689
|
+
_bordered: {
|
|
17690
|
+
[vars$1.borderWidth]: globalRefs.border.xs,
|
|
17691
|
+
[vars$1.borderColor]: 'transparent',
|
|
17692
|
+
[vars$1.borderStyle]: 'solid',
|
|
17693
|
+
[vars$1.borderWidth]: globalRefs.border.xs,
|
|
17694
|
+
[vars$1.borderRadius]: globalRefs.radius.sm,
|
|
17695
|
+
},
|
|
17696
|
+
|
|
17697
|
+
_fullWidth: {
|
|
17698
|
+
[vars$1.hostWidth]: '100%',
|
|
17699
|
+
},
|
|
17700
|
+
};
|
|
17701
|
+
|
|
17702
|
+
var alert$1 = /*#__PURE__*/Object.freeze({
|
|
17703
|
+
__proto__: null,
|
|
17704
|
+
default: alert,
|
|
17538
17705
|
vars: vars$1
|
|
17539
17706
|
});
|
|
17540
17707
|
|
|
@@ -17579,7 +17746,7 @@ const components = {
|
|
|
17579
17746
|
userAuthMethod: userAuthMethod$1,
|
|
17580
17747
|
samlGroupMappings: samlGroupMappings$1,
|
|
17581
17748
|
policyValidation: policyValidation$1,
|
|
17582
|
-
icon: icon$
|
|
17749
|
+
icon: icon$2,
|
|
17583
17750
|
codeSnippet,
|
|
17584
17751
|
radioGroup: radioGroup$1,
|
|
17585
17752
|
radioButton: radioButton$1,
|
|
@@ -17593,6 +17760,7 @@ const components = {
|
|
|
17593
17760
|
securityQuestionsSetup: securityQuestionsSetup$1,
|
|
17594
17761
|
securityQuestionsVerify: securityQuestionsVerify$1,
|
|
17595
17762
|
hybridField: hybridField$1,
|
|
17763
|
+
alert: alert$1,
|
|
17596
17764
|
};
|
|
17597
17765
|
|
|
17598
17766
|
const theme = Object.keys(components).reduce(
|
|
@@ -17605,7 +17773,7 @@ const vars = Object.keys(components).reduce(
|
|
|
17605
17773
|
);
|
|
17606
17774
|
|
|
17607
17775
|
const defaultTheme = { globals, components: theme };
|
|
17608
|
-
const themeVars = { globals: vars$
|
|
17776
|
+
const themeVars = { globals: vars$U, components: vars };
|
|
17609
17777
|
|
|
17610
17778
|
const colors = {
|
|
17611
17779
|
surface: {
|
|
@@ -17979,6 +18147,7 @@ const NotificationClass = compose(
|
|
|
17979
18147
|
})
|
|
17980
18148
|
);
|
|
17981
18149
|
|
|
18150
|
+
exports.AlertClass = AlertClass;
|
|
17982
18151
|
exports.AppsListClass = AppsListClass;
|
|
17983
18152
|
exports.AvatarClass = AvatarClass;
|
|
17984
18153
|
exports.BadgeClass = BadgeClass;
|