@descope/web-components-ui 1.0.392 → 1.0.394
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 +1428 -1171
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +1408 -1150
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/descope-combo-box-index-js.js +1 -1
- package/dist/umd/descope-date-field-descope-calendar-index-js.js +1 -1
- package/dist/umd/descope-security-questions-setup-index-js.js +2 -0
- package/dist/umd/descope-security-questions-setup-index-js.js.LICENSE.txt +5 -0
- package/dist/umd/descope-third-party-app-logo-index-js.js +1 -1
- package/dist/umd/index.js +1 -1
- package/dist/umd/mapping-fields-descope-mappings-field-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-field-descope-phone-field-internal-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-field-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-combo-box/ComboBoxClass.js +1 -1
- package/src/components/descope-security-questions-setup/SecurityQuestionsSetupClass.js +245 -0
- package/src/components/descope-security-questions-setup/index.js +7 -0
- package/src/components/descope-third-party-app-logo/ThirdPartyAppLogoClass.js +1 -0
- package/src/index.cjs.js +1 -0
- package/src/index.js +1 -0
- package/src/theme/components/index.js +2 -0
- package/src/theme/components/securityQuestionsSetup.js +12 -0
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -651,7 +651,7 @@ const globals = {
|
|
|
651
651
|
fonts,
|
|
652
652
|
direction,
|
|
653
653
|
};
|
|
654
|
-
const vars$
|
|
654
|
+
const vars$R = getThemeVars(globals);
|
|
655
655
|
|
|
656
656
|
const createCssVar = (varName, fallback) => `var(${varName}${fallback ? `, ${fallback}` : ''})`;
|
|
657
657
|
|
|
@@ -2969,9 +2969,9 @@ const createIcon = async (src) => {
|
|
|
2969
2969
|
|
|
2970
2970
|
/* eslint-disable no-use-before-define */
|
|
2971
2971
|
|
|
2972
|
-
const componentName$
|
|
2972
|
+
const componentName$_ = getComponentName('icon');
|
|
2973
2973
|
|
|
2974
|
-
class RawIcon extends createBaseClass({ componentName: componentName$
|
|
2974
|
+
class RawIcon extends createBaseClass({ componentName: componentName$_, baseSelector: 'slot' }) {
|
|
2975
2975
|
static get observedAttributes() {
|
|
2976
2976
|
return ['src'];
|
|
2977
2977
|
}
|
|
@@ -3056,7 +3056,7 @@ const clickableMixin = (superclass) =>
|
|
|
3056
3056
|
}
|
|
3057
3057
|
};
|
|
3058
3058
|
|
|
3059
|
-
const componentName$
|
|
3059
|
+
const componentName$Z = getComponentName('button');
|
|
3060
3060
|
|
|
3061
3061
|
const resetStyles = `
|
|
3062
3062
|
:host {
|
|
@@ -3172,7 +3172,7 @@ const ButtonClass = compose(
|
|
|
3172
3172
|
}
|
|
3173
3173
|
`,
|
|
3174
3174
|
excludeAttrsSync: ['tabindex'],
|
|
3175
|
-
componentName: componentName$
|
|
3175
|
+
componentName: componentName$Z,
|
|
3176
3176
|
})
|
|
3177
3177
|
);
|
|
3178
3178
|
|
|
@@ -3220,7 +3220,7 @@ const mode = {
|
|
|
3220
3220
|
surface: globalRefs$y.colors.surface,
|
|
3221
3221
|
};
|
|
3222
3222
|
|
|
3223
|
-
const [helperTheme$4, helperRefs$4, helperVars$4] = createHelperVars({ mode }, componentName$
|
|
3223
|
+
const [helperTheme$4, helperRefs$4, helperVars$4] = createHelperVars({ mode }, componentName$Z);
|
|
3224
3224
|
|
|
3225
3225
|
const button = {
|
|
3226
3226
|
...helperTheme$4,
|
|
@@ -3332,7 +3332,7 @@ const button = {
|
|
|
3332
3332
|
},
|
|
3333
3333
|
};
|
|
3334
3334
|
|
|
3335
|
-
const vars$
|
|
3335
|
+
const vars$Q = {
|
|
3336
3336
|
...compVars$6,
|
|
3337
3337
|
...helperVars$4,
|
|
3338
3338
|
};
|
|
@@ -3340,7 +3340,7 @@ const vars$P = {
|
|
|
3340
3340
|
var button$1 = /*#__PURE__*/Object.freeze({
|
|
3341
3341
|
__proto__: null,
|
|
3342
3342
|
default: button,
|
|
3343
|
-
vars: vars$
|
|
3343
|
+
vars: vars$Q
|
|
3344
3344
|
});
|
|
3345
3345
|
|
|
3346
3346
|
const {
|
|
@@ -3634,7 +3634,7 @@ const inputFloatingLabelStyle = () => {
|
|
|
3634
3634
|
`;
|
|
3635
3635
|
};
|
|
3636
3636
|
|
|
3637
|
-
const componentName$
|
|
3637
|
+
const componentName$Y = getComponentName('text-field');
|
|
3638
3638
|
|
|
3639
3639
|
const observedAttrs$2 = ['type', 'label-type', 'copy-to-clipboard'];
|
|
3640
3640
|
|
|
@@ -3756,14 +3756,14 @@ const TextFieldClass = compose(
|
|
|
3756
3756
|
}
|
|
3757
3757
|
`,
|
|
3758
3758
|
excludeAttrsSync: ['tabindex'],
|
|
3759
|
-
componentName: componentName$
|
|
3759
|
+
componentName: componentName$Y,
|
|
3760
3760
|
})
|
|
3761
3761
|
);
|
|
3762
3762
|
|
|
3763
|
-
const componentName$
|
|
3763
|
+
const componentName$X = getComponentName('input-wrapper');
|
|
3764
3764
|
const globalRefs$x = getThemeRefs(globals);
|
|
3765
3765
|
|
|
3766
|
-
const [theme$1, refs, vars$
|
|
3766
|
+
const [theme$1, refs, vars$P] = createHelperVars(
|
|
3767
3767
|
{
|
|
3768
3768
|
labelTextColor: globalRefs$x.colors.surface.dark,
|
|
3769
3769
|
labelFontSize: '14px', // not taken from globals as it is fixed in all inputs
|
|
@@ -3875,70 +3875,70 @@ const [theme$1, refs, vars$O] = createHelperVars(
|
|
|
3875
3875
|
backgroundColor: globalRefs$x.colors.surface.main,
|
|
3876
3876
|
},
|
|
3877
3877
|
},
|
|
3878
|
-
componentName$
|
|
3878
|
+
componentName$X
|
|
3879
3879
|
);
|
|
3880
3880
|
|
|
3881
3881
|
var inputWrapper = /*#__PURE__*/Object.freeze({
|
|
3882
3882
|
__proto__: null,
|
|
3883
3883
|
default: theme$1,
|
|
3884
3884
|
refs: refs,
|
|
3885
|
-
vars: vars$
|
|
3885
|
+
vars: vars$P
|
|
3886
3886
|
});
|
|
3887
3887
|
|
|
3888
3888
|
const globalRefs$w = getThemeRefs(globals);
|
|
3889
|
-
const vars$
|
|
3889
|
+
const vars$O = TextFieldClass.cssVarList;
|
|
3890
3890
|
|
|
3891
3891
|
const textField$1 = {
|
|
3892
|
-
[vars$
|
|
3893
|
-
[vars$
|
|
3894
|
-
[vars$
|
|
3895
|
-
[vars$
|
|
3896
|
-
[vars$
|
|
3897
|
-
[vars$
|
|
3898
|
-
[vars$
|
|
3899
|
-
[vars$
|
|
3900
|
-
[vars$
|
|
3901
|
-
[vars$
|
|
3902
|
-
[vars$
|
|
3903
|
-
[vars$
|
|
3904
|
-
[vars$
|
|
3905
|
-
[vars$
|
|
3906
|
-
[vars$
|
|
3907
|
-
[vars$
|
|
3908
|
-
[vars$
|
|
3909
|
-
[vars$
|
|
3910
|
-
[vars$
|
|
3911
|
-
[vars$
|
|
3912
|
-
[vars$
|
|
3913
|
-
[vars$
|
|
3914
|
-
[vars$
|
|
3915
|
-
[vars$
|
|
3916
|
-
[vars$
|
|
3892
|
+
[vars$O.hostWidth]: refs.width,
|
|
3893
|
+
[vars$O.hostMinWidth]: refs.minWidth,
|
|
3894
|
+
[vars$O.hostDirection]: refs.direction,
|
|
3895
|
+
[vars$O.fontSize]: refs.fontSize,
|
|
3896
|
+
[vars$O.fontFamily]: refs.fontFamily,
|
|
3897
|
+
[vars$O.labelFontSize]: refs.labelFontSize,
|
|
3898
|
+
[vars$O.labelFontWeight]: refs.labelFontWeight,
|
|
3899
|
+
[vars$O.labelTextColor]: refs.labelTextColor,
|
|
3900
|
+
[vars$O.labelRequiredIndicator]: refs.requiredIndicator,
|
|
3901
|
+
[vars$O.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
3902
|
+
[vars$O.inputValueTextColor]: refs.valueTextColor,
|
|
3903
|
+
[vars$O.inputPlaceholderColor]: refs.placeholderTextColor,
|
|
3904
|
+
[vars$O.inputBorderWidth]: refs.borderWidth,
|
|
3905
|
+
[vars$O.inputBorderStyle]: refs.borderStyle,
|
|
3906
|
+
[vars$O.inputBorderColor]: refs.borderColor,
|
|
3907
|
+
[vars$O.inputBorderRadius]: refs.borderRadius,
|
|
3908
|
+
[vars$O.inputOutlineWidth]: refs.outlineWidth,
|
|
3909
|
+
[vars$O.inputOutlineStyle]: refs.outlineStyle,
|
|
3910
|
+
[vars$O.inputOutlineColor]: refs.outlineColor,
|
|
3911
|
+
[vars$O.inputOutlineOffset]: refs.outlineOffset,
|
|
3912
|
+
[vars$O.inputBackgroundColor]: refs.backgroundColor,
|
|
3913
|
+
[vars$O.inputHeight]: refs.inputHeight,
|
|
3914
|
+
[vars$O.inputHorizontalPadding]: refs.horizontalPadding,
|
|
3915
|
+
[vars$O.helperTextColor]: refs.helperTextColor,
|
|
3916
|
+
[vars$O.textAlign]: refs.textAlign,
|
|
3917
3917
|
textAlign: {
|
|
3918
|
-
right: { [vars$
|
|
3919
|
-
left: { [vars$
|
|
3920
|
-
center: { [vars$
|
|
3918
|
+
right: { [vars$O.inputTextAlign]: 'right' },
|
|
3919
|
+
left: { [vars$O.inputTextAlign]: 'left' },
|
|
3920
|
+
center: { [vars$O.inputTextAlign]: 'center' },
|
|
3921
3921
|
},
|
|
3922
|
-
[vars$
|
|
3923
|
-
[vars$
|
|
3924
|
-
[vars$
|
|
3925
|
-
[vars$
|
|
3926
|
-
[vars$
|
|
3927
|
-
[vars$
|
|
3928
|
-
[vars$
|
|
3929
|
-
[vars$
|
|
3930
|
-
[vars$
|
|
3931
|
-
[vars$
|
|
3932
|
-
[vars$
|
|
3933
|
-
[vars$
|
|
3934
|
-
[vars$
|
|
3922
|
+
[vars$O.labelPosition]: refs.labelPosition,
|
|
3923
|
+
[vars$O.labelTopPosition]: refs.labelTopPosition,
|
|
3924
|
+
[vars$O.labelHorizontalPosition]: refs.labelHorizontalPosition,
|
|
3925
|
+
[vars$O.inputTransformY]: refs.inputTransformY,
|
|
3926
|
+
[vars$O.inputTransition]: refs.inputTransition,
|
|
3927
|
+
[vars$O.marginInlineStart]: refs.marginInlineStart,
|
|
3928
|
+
[vars$O.placeholderOpacity]: refs.placeholderOpacity,
|
|
3929
|
+
[vars$O.inputVerticalAlignment]: refs.inputVerticalAlignment,
|
|
3930
|
+
[vars$O.valueInputHeight]: refs.valueInputHeight,
|
|
3931
|
+
[vars$O.valueInputMarginBottom]: refs.valueInputMarginBottom,
|
|
3932
|
+
[vars$O.inputIconOffset]: globalRefs$w.spacing.md,
|
|
3933
|
+
[vars$O.inputIconSize]: refs.inputIconSize,
|
|
3934
|
+
[vars$O.inputIconColor]: refs.placeholderTextColor,
|
|
3935
3935
|
};
|
|
3936
3936
|
|
|
3937
3937
|
var textField$2 = /*#__PURE__*/Object.freeze({
|
|
3938
3938
|
__proto__: null,
|
|
3939
3939
|
default: textField$1,
|
|
3940
3940
|
textField: textField$1,
|
|
3941
|
-
vars: vars$
|
|
3941
|
+
vars: vars$O
|
|
3942
3942
|
});
|
|
3943
3943
|
|
|
3944
3944
|
const passwordDraggableMixin = (superclass) =>
|
|
@@ -3980,7 +3980,7 @@ const passwordDraggableMixin = (superclass) =>
|
|
|
3980
3980
|
}
|
|
3981
3981
|
};
|
|
3982
3982
|
|
|
3983
|
-
const componentName$
|
|
3983
|
+
const componentName$W = getComponentName('password');
|
|
3984
3984
|
|
|
3985
3985
|
const customMixin$b = (superclass) =>
|
|
3986
3986
|
class PasswordFieldMixinClass extends superclass {
|
|
@@ -4255,58 +4255,58 @@ const PasswordClass = compose(
|
|
|
4255
4255
|
}
|
|
4256
4256
|
`,
|
|
4257
4257
|
excludeAttrsSync: ['tabindex'],
|
|
4258
|
-
componentName: componentName$
|
|
4258
|
+
componentName: componentName$W,
|
|
4259
4259
|
})
|
|
4260
4260
|
);
|
|
4261
4261
|
|
|
4262
4262
|
const globalRefs$v = getThemeRefs(globals);
|
|
4263
|
-
const vars$
|
|
4263
|
+
const vars$N = PasswordClass.cssVarList;
|
|
4264
4264
|
|
|
4265
4265
|
const password = {
|
|
4266
|
-
[vars$
|
|
4267
|
-
[vars$
|
|
4268
|
-
[vars$
|
|
4269
|
-
[vars$
|
|
4270
|
-
[vars$
|
|
4271
|
-
[vars$
|
|
4272
|
-
[vars$
|
|
4273
|
-
[vars$
|
|
4274
|
-
[vars$
|
|
4275
|
-
[vars$
|
|
4276
|
-
[vars$
|
|
4277
|
-
[vars$
|
|
4278
|
-
[vars$
|
|
4279
|
-
[vars$
|
|
4280
|
-
[vars$
|
|
4281
|
-
[vars$
|
|
4282
|
-
[vars$
|
|
4283
|
-
[vars$
|
|
4284
|
-
[vars$
|
|
4285
|
-
[vars$
|
|
4286
|
-
[vars$
|
|
4287
|
-
[vars$
|
|
4288
|
-
[vars$
|
|
4289
|
-
[vars$
|
|
4290
|
-
[vars$
|
|
4291
|
-
[vars$
|
|
4292
|
-
[vars$
|
|
4293
|
-
[vars$
|
|
4294
|
-
[vars$
|
|
4295
|
-
[vars$
|
|
4296
|
-
[vars$
|
|
4297
|
-
[vars$
|
|
4298
|
-
[vars$
|
|
4299
|
-
[vars$
|
|
4300
|
-
[vars$
|
|
4266
|
+
[vars$N.hostWidth]: refs.width,
|
|
4267
|
+
[vars$N.hostMinWidth]: refs.minWidth,
|
|
4268
|
+
[vars$N.hostDirection]: refs.direction,
|
|
4269
|
+
[vars$N.fontSize]: refs.fontSize,
|
|
4270
|
+
[vars$N.fontFamily]: refs.fontFamily,
|
|
4271
|
+
[vars$N.labelFontSize]: refs.labelFontSize,
|
|
4272
|
+
[vars$N.labelFontWeight]: refs.labelFontWeight,
|
|
4273
|
+
[vars$N.labelTextColor]: refs.labelTextColor,
|
|
4274
|
+
[vars$N.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
4275
|
+
[vars$N.inputHorizontalPadding]: refs.horizontalPadding,
|
|
4276
|
+
[vars$N.inputHeight]: refs.inputHeight,
|
|
4277
|
+
[vars$N.inputBackgroundColor]: refs.backgroundColor,
|
|
4278
|
+
[vars$N.labelRequiredIndicator]: refs.requiredIndicator,
|
|
4279
|
+
[vars$N.inputValueTextColor]: refs.valueTextColor,
|
|
4280
|
+
[vars$N.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
4281
|
+
[vars$N.inputBorderWidth]: refs.borderWidth,
|
|
4282
|
+
[vars$N.inputBorderStyle]: refs.borderStyle,
|
|
4283
|
+
[vars$N.inputBorderColor]: refs.borderColor,
|
|
4284
|
+
[vars$N.inputBorderRadius]: refs.borderRadius,
|
|
4285
|
+
[vars$N.inputOutlineWidth]: refs.outlineWidth,
|
|
4286
|
+
[vars$N.inputOutlineStyle]: refs.outlineStyle,
|
|
4287
|
+
[vars$N.inputOutlineColor]: refs.outlineColor,
|
|
4288
|
+
[vars$N.inputOutlineOffset]: refs.outlineOffset,
|
|
4289
|
+
[vars$N.revealButtonOffset]: globalRefs$v.spacing.md,
|
|
4290
|
+
[vars$N.revealButtonSize]: refs.toggleButtonSize,
|
|
4291
|
+
[vars$N.revealButtonColor]: refs.placeholderTextColor,
|
|
4292
|
+
[vars$N.labelPosition]: refs.labelPosition,
|
|
4293
|
+
[vars$N.labelTopPosition]: refs.labelTopPosition,
|
|
4294
|
+
[vars$N.labelHorizontalPosition]: refs.labelHorizontalPosition,
|
|
4295
|
+
[vars$N.inputTransformY]: refs.inputTransformY,
|
|
4296
|
+
[vars$N.inputTransition]: refs.inputTransition,
|
|
4297
|
+
[vars$N.marginInlineStart]: refs.marginInlineStart,
|
|
4298
|
+
[vars$N.placeholderOpacity]: refs.placeholderOpacity,
|
|
4299
|
+
[vars$N.inputVerticalAlignment]: refs.inputVerticalAlignment,
|
|
4300
|
+
[vars$N.valueInputHeight]: refs.valueInputHeight,
|
|
4301
4301
|
};
|
|
4302
4302
|
|
|
4303
4303
|
var password$1 = /*#__PURE__*/Object.freeze({
|
|
4304
4304
|
__proto__: null,
|
|
4305
4305
|
default: password,
|
|
4306
|
-
vars: vars$
|
|
4306
|
+
vars: vars$N
|
|
4307
4307
|
});
|
|
4308
4308
|
|
|
4309
|
-
const componentName$
|
|
4309
|
+
const componentName$V = getComponentName('number-field');
|
|
4310
4310
|
|
|
4311
4311
|
const NumberFieldClass = compose(
|
|
4312
4312
|
createStyleMixin({
|
|
@@ -4340,55 +4340,55 @@ const NumberFieldClass = compose(
|
|
|
4340
4340
|
}
|
|
4341
4341
|
`,
|
|
4342
4342
|
excludeAttrsSync: ['tabindex'],
|
|
4343
|
-
componentName: componentName$
|
|
4343
|
+
componentName: componentName$V,
|
|
4344
4344
|
})
|
|
4345
4345
|
);
|
|
4346
4346
|
|
|
4347
|
-
const vars$
|
|
4347
|
+
const vars$M = NumberFieldClass.cssVarList;
|
|
4348
4348
|
|
|
4349
4349
|
const numberField = {
|
|
4350
|
-
[vars$
|
|
4351
|
-
[vars$
|
|
4352
|
-
[vars$
|
|
4353
|
-
[vars$
|
|
4354
|
-
[vars$
|
|
4355
|
-
[vars$
|
|
4356
|
-
[vars$
|
|
4357
|
-
[vars$
|
|
4358
|
-
[vars$
|
|
4359
|
-
[vars$
|
|
4360
|
-
[vars$
|
|
4361
|
-
[vars$
|
|
4362
|
-
[vars$
|
|
4363
|
-
[vars$
|
|
4364
|
-
[vars$
|
|
4365
|
-
[vars$
|
|
4366
|
-
[vars$
|
|
4367
|
-
[vars$
|
|
4368
|
-
[vars$
|
|
4369
|
-
[vars$
|
|
4370
|
-
[vars$
|
|
4371
|
-
[vars$
|
|
4372
|
-
[vars$
|
|
4373
|
-
[vars$
|
|
4374
|
-
[vars$
|
|
4375
|
-
[vars$
|
|
4376
|
-
[vars$
|
|
4377
|
-
[vars$
|
|
4378
|
-
[vars$
|
|
4379
|
-
[vars$
|
|
4380
|
-
[vars$
|
|
4381
|
-
[vars$
|
|
4382
|
-
[vars$
|
|
4350
|
+
[vars$M.hostWidth]: refs.width,
|
|
4351
|
+
[vars$M.hostMinWidth]: refs.minWidth,
|
|
4352
|
+
[vars$M.hostDirection]: refs.direction,
|
|
4353
|
+
[vars$M.fontSize]: refs.fontSize,
|
|
4354
|
+
[vars$M.fontFamily]: refs.fontFamily,
|
|
4355
|
+
[vars$M.labelFontSize]: refs.labelFontSize,
|
|
4356
|
+
[vars$M.labelFontWeight]: refs.labelFontWeight,
|
|
4357
|
+
[vars$M.labelTextColor]: refs.labelTextColor,
|
|
4358
|
+
[vars$M.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
4359
|
+
[vars$M.inputValueTextColor]: refs.valueTextColor,
|
|
4360
|
+
[vars$M.inputPlaceholderColor]: refs.placeholderTextColor,
|
|
4361
|
+
[vars$M.inputBorderWidth]: refs.borderWidth,
|
|
4362
|
+
[vars$M.inputBorderStyle]: refs.borderStyle,
|
|
4363
|
+
[vars$M.inputBorderColor]: refs.borderColor,
|
|
4364
|
+
[vars$M.inputBorderRadius]: refs.borderRadius,
|
|
4365
|
+
[vars$M.inputOutlineWidth]: refs.outlineWidth,
|
|
4366
|
+
[vars$M.inputOutlineStyle]: refs.outlineStyle,
|
|
4367
|
+
[vars$M.inputOutlineColor]: refs.outlineColor,
|
|
4368
|
+
[vars$M.inputOutlineOffset]: refs.outlineOffset,
|
|
4369
|
+
[vars$M.inputBackgroundColor]: refs.backgroundColor,
|
|
4370
|
+
[vars$M.labelRequiredIndicator]: refs.requiredIndicator,
|
|
4371
|
+
[vars$M.inputHorizontalPadding]: refs.horizontalPadding,
|
|
4372
|
+
[vars$M.inputHeight]: refs.inputHeight,
|
|
4373
|
+
[vars$M.labelPosition]: refs.labelPosition,
|
|
4374
|
+
[vars$M.labelTopPosition]: refs.labelTopPosition,
|
|
4375
|
+
[vars$M.labelHorizontalPosition]: refs.labelHorizontalPosition,
|
|
4376
|
+
[vars$M.inputTransformY]: refs.inputTransformY,
|
|
4377
|
+
[vars$M.inputTransition]: refs.inputTransition,
|
|
4378
|
+
[vars$M.marginInlineStart]: refs.marginInlineStart,
|
|
4379
|
+
[vars$M.placeholderOpacity]: refs.placeholderOpacity,
|
|
4380
|
+
[vars$M.inputVerticalAlignment]: refs.inputVerticalAlignment,
|
|
4381
|
+
[vars$M.valueInputHeight]: refs.valueInputHeight,
|
|
4382
|
+
[vars$M.valueInputMarginBottom]: refs.valueInputMarginBottom,
|
|
4383
4383
|
};
|
|
4384
4384
|
|
|
4385
4385
|
var numberField$1 = /*#__PURE__*/Object.freeze({
|
|
4386
4386
|
__proto__: null,
|
|
4387
4387
|
default: numberField,
|
|
4388
|
-
vars: vars$
|
|
4388
|
+
vars: vars$M
|
|
4389
4389
|
});
|
|
4390
4390
|
|
|
4391
|
-
const componentName$
|
|
4391
|
+
const componentName$U = getComponentName('email-field');
|
|
4392
4392
|
|
|
4393
4393
|
const defaultPattern = "^[\\w\\.\\%\\+\\-']+@[\\w\\.\\-]+\\.[A-Za-z]{2,}$";
|
|
4394
4394
|
const defaultAutocomplete = 'username';
|
|
@@ -4456,55 +4456,55 @@ const EmailFieldClass = compose(
|
|
|
4456
4456
|
}
|
|
4457
4457
|
`,
|
|
4458
4458
|
excludeAttrsSync: ['tabindex'],
|
|
4459
|
-
componentName: componentName$
|
|
4459
|
+
componentName: componentName$U,
|
|
4460
4460
|
})
|
|
4461
4461
|
);
|
|
4462
4462
|
|
|
4463
|
-
const vars$
|
|
4463
|
+
const vars$L = EmailFieldClass.cssVarList;
|
|
4464
4464
|
|
|
4465
4465
|
const emailField = {
|
|
4466
|
-
[vars$
|
|
4467
|
-
[vars$
|
|
4468
|
-
[vars$
|
|
4469
|
-
[vars$
|
|
4470
|
-
[vars$
|
|
4471
|
-
[vars$
|
|
4472
|
-
[vars$
|
|
4473
|
-
[vars$
|
|
4474
|
-
[vars$
|
|
4475
|
-
[vars$
|
|
4476
|
-
[vars$
|
|
4477
|
-
[vars$
|
|
4478
|
-
[vars$
|
|
4479
|
-
[vars$
|
|
4480
|
-
[vars$
|
|
4481
|
-
[vars$
|
|
4482
|
-
[vars$
|
|
4483
|
-
[vars$
|
|
4484
|
-
[vars$
|
|
4485
|
-
[vars$
|
|
4486
|
-
[vars$
|
|
4487
|
-
[vars$
|
|
4488
|
-
[vars$
|
|
4489
|
-
[vars$
|
|
4490
|
-
[vars$
|
|
4491
|
-
[vars$
|
|
4492
|
-
[vars$
|
|
4493
|
-
[vars$
|
|
4494
|
-
[vars$
|
|
4495
|
-
[vars$
|
|
4496
|
-
[vars$
|
|
4497
|
-
[vars$
|
|
4498
|
-
[vars$
|
|
4466
|
+
[vars$L.hostWidth]: refs.width,
|
|
4467
|
+
[vars$L.hostMinWidth]: refs.minWidth,
|
|
4468
|
+
[vars$L.hostDirection]: refs.direction,
|
|
4469
|
+
[vars$L.fontSize]: refs.fontSize,
|
|
4470
|
+
[vars$L.fontFamily]: refs.fontFamily,
|
|
4471
|
+
[vars$L.labelFontSize]: refs.labelFontSize,
|
|
4472
|
+
[vars$L.labelFontWeight]: refs.labelFontWeight,
|
|
4473
|
+
[vars$L.labelTextColor]: refs.labelTextColor,
|
|
4474
|
+
[vars$L.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
4475
|
+
[vars$L.inputValueTextColor]: refs.valueTextColor,
|
|
4476
|
+
[vars$L.labelRequiredIndicator]: refs.requiredIndicator,
|
|
4477
|
+
[vars$L.inputPlaceholderColor]: refs.placeholderTextColor,
|
|
4478
|
+
[vars$L.inputBorderWidth]: refs.borderWidth,
|
|
4479
|
+
[vars$L.inputBorderStyle]: refs.borderStyle,
|
|
4480
|
+
[vars$L.inputBorderColor]: refs.borderColor,
|
|
4481
|
+
[vars$L.inputBorderRadius]: refs.borderRadius,
|
|
4482
|
+
[vars$L.inputOutlineWidth]: refs.outlineWidth,
|
|
4483
|
+
[vars$L.inputOutlineStyle]: refs.outlineStyle,
|
|
4484
|
+
[vars$L.inputOutlineColor]: refs.outlineColor,
|
|
4485
|
+
[vars$L.inputOutlineOffset]: refs.outlineOffset,
|
|
4486
|
+
[vars$L.inputBackgroundColor]: refs.backgroundColor,
|
|
4487
|
+
[vars$L.inputHorizontalPadding]: refs.horizontalPadding,
|
|
4488
|
+
[vars$L.inputHeight]: refs.inputHeight,
|
|
4489
|
+
[vars$L.labelPosition]: refs.labelPosition,
|
|
4490
|
+
[vars$L.labelTopPosition]: refs.labelTopPosition,
|
|
4491
|
+
[vars$L.labelHorizontalPosition]: refs.labelHorizontalPosition,
|
|
4492
|
+
[vars$L.inputTransformY]: refs.inputTransformY,
|
|
4493
|
+
[vars$L.inputTransition]: refs.inputTransition,
|
|
4494
|
+
[vars$L.marginInlineStart]: refs.marginInlineStart,
|
|
4495
|
+
[vars$L.placeholderOpacity]: refs.placeholderOpacity,
|
|
4496
|
+
[vars$L.inputVerticalAlignment]: refs.inputVerticalAlignment,
|
|
4497
|
+
[vars$L.valueInputHeight]: refs.valueInputHeight,
|
|
4498
|
+
[vars$L.valueInputMarginBottom]: refs.valueInputMarginBottom,
|
|
4499
4499
|
};
|
|
4500
4500
|
|
|
4501
4501
|
var emailField$1 = /*#__PURE__*/Object.freeze({
|
|
4502
4502
|
__proto__: null,
|
|
4503
4503
|
default: emailField,
|
|
4504
|
-
vars: vars$
|
|
4504
|
+
vars: vars$L
|
|
4505
4505
|
});
|
|
4506
4506
|
|
|
4507
|
-
const componentName$
|
|
4507
|
+
const componentName$T = getComponentName('text-area');
|
|
4508
4508
|
|
|
4509
4509
|
const {
|
|
4510
4510
|
host: host$l,
|
|
@@ -4580,49 +4580,49 @@ const TextAreaClass = compose(
|
|
|
4580
4580
|
${resetInputCursor('vaadin-text-area')}
|
|
4581
4581
|
`,
|
|
4582
4582
|
excludeAttrsSync: ['tabindex'],
|
|
4583
|
-
componentName: componentName$
|
|
4583
|
+
componentName: componentName$T,
|
|
4584
4584
|
})
|
|
4585
4585
|
);
|
|
4586
4586
|
|
|
4587
|
-
const vars$
|
|
4587
|
+
const vars$K = TextAreaClass.cssVarList;
|
|
4588
4588
|
|
|
4589
4589
|
const textArea = {
|
|
4590
|
-
[vars$
|
|
4591
|
-
[vars$
|
|
4592
|
-
[vars$
|
|
4593
|
-
[vars$
|
|
4594
|
-
[vars$
|
|
4595
|
-
[vars$
|
|
4596
|
-
[vars$
|
|
4597
|
-
[vars$
|
|
4598
|
-
[vars$
|
|
4599
|
-
[vars$
|
|
4600
|
-
[vars$
|
|
4601
|
-
[vars$
|
|
4602
|
-
[vars$
|
|
4603
|
-
[vars$
|
|
4604
|
-
[vars$
|
|
4605
|
-
[vars$
|
|
4606
|
-
[vars$
|
|
4607
|
-
[vars$
|
|
4608
|
-
[vars$
|
|
4609
|
-
[vars$
|
|
4610
|
-
[vars$
|
|
4590
|
+
[vars$K.hostWidth]: refs.width,
|
|
4591
|
+
[vars$K.hostMinWidth]: refs.minWidth,
|
|
4592
|
+
[vars$K.hostDirection]: refs.direction,
|
|
4593
|
+
[vars$K.fontSize]: refs.fontSize,
|
|
4594
|
+
[vars$K.fontFamily]: refs.fontFamily,
|
|
4595
|
+
[vars$K.labelTextColor]: refs.labelTextColor,
|
|
4596
|
+
[vars$K.labelRequiredIndicator]: refs.requiredIndicator,
|
|
4597
|
+
[vars$K.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
4598
|
+
[vars$K.inputBackgroundColor]: refs.backgroundColor,
|
|
4599
|
+
[vars$K.inputValueTextColor]: refs.valueTextColor,
|
|
4600
|
+
[vars$K.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
4601
|
+
[vars$K.inputBorderRadius]: refs.borderRadius,
|
|
4602
|
+
[vars$K.inputBorderWidth]: refs.borderWidth,
|
|
4603
|
+
[vars$K.inputBorderStyle]: refs.borderStyle,
|
|
4604
|
+
[vars$K.inputBorderColor]: refs.borderColor,
|
|
4605
|
+
[vars$K.inputOutlineWidth]: refs.outlineWidth,
|
|
4606
|
+
[vars$K.inputOutlineStyle]: refs.outlineStyle,
|
|
4607
|
+
[vars$K.inputOutlineColor]: refs.outlineColor,
|
|
4608
|
+
[vars$K.inputOutlineOffset]: refs.outlineOffset,
|
|
4609
|
+
[vars$K.inputResizeType]: 'vertical',
|
|
4610
|
+
[vars$K.inputMinHeight]: '5em',
|
|
4611
4611
|
textAlign: {
|
|
4612
|
-
right: { [vars$
|
|
4613
|
-
left: { [vars$
|
|
4614
|
-
center: { [vars$
|
|
4612
|
+
right: { [vars$K.inputTextAlign]: 'right' },
|
|
4613
|
+
left: { [vars$K.inputTextAlign]: 'left' },
|
|
4614
|
+
center: { [vars$K.inputTextAlign]: 'center' },
|
|
4615
4615
|
},
|
|
4616
4616
|
|
|
4617
4617
|
_readonly: {
|
|
4618
|
-
[vars$
|
|
4618
|
+
[vars$K.inputResizeType]: 'none',
|
|
4619
4619
|
},
|
|
4620
4620
|
};
|
|
4621
4621
|
|
|
4622
4622
|
var textArea$1 = /*#__PURE__*/Object.freeze({
|
|
4623
4623
|
__proto__: null,
|
|
4624
4624
|
default: textArea,
|
|
4625
|
-
vars: vars$
|
|
4625
|
+
vars: vars$K
|
|
4626
4626
|
});
|
|
4627
4627
|
|
|
4628
4628
|
const createBaseInputClass = (...args) =>
|
|
@@ -4633,9 +4633,9 @@ const createBaseInputClass = (...args) =>
|
|
|
4633
4633
|
inputEventsDispatchingMixin
|
|
4634
4634
|
)(createBaseClass(...args));
|
|
4635
4635
|
|
|
4636
|
-
const componentName$
|
|
4636
|
+
const componentName$S = getComponentName('boolean-field-internal');
|
|
4637
4637
|
|
|
4638
|
-
createBaseInputClass({ componentName: componentName$
|
|
4638
|
+
createBaseInputClass({ componentName: componentName$S, baseSelector: 'div' });
|
|
4639
4639
|
|
|
4640
4640
|
const booleanFieldMixin = (superclass) =>
|
|
4641
4641
|
class BooleanFieldMixinClass extends superclass {
|
|
@@ -4644,14 +4644,14 @@ const booleanFieldMixin = (superclass) =>
|
|
|
4644
4644
|
|
|
4645
4645
|
const template = document.createElement('template');
|
|
4646
4646
|
template.innerHTML = `
|
|
4647
|
-
<${componentName$
|
|
4647
|
+
<${componentName$S}
|
|
4648
4648
|
tabindex="-1"
|
|
4649
4649
|
slot="input"
|
|
4650
|
-
></${componentName$
|
|
4650
|
+
></${componentName$S}>
|
|
4651
4651
|
`;
|
|
4652
4652
|
|
|
4653
4653
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
|
4654
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
|
4654
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$S);
|
|
4655
4655
|
this.checkbox = this.inputElement.querySelector('vaadin-checkbox');
|
|
4656
4656
|
|
|
4657
4657
|
forwardAttrs(this, this.inputElement, {
|
|
@@ -4720,7 +4720,7 @@ descope-boolean-field-internal {
|
|
|
4720
4720
|
}
|
|
4721
4721
|
`;
|
|
4722
4722
|
|
|
4723
|
-
const componentName$
|
|
4723
|
+
const componentName$R = getComponentName('checkbox');
|
|
4724
4724
|
|
|
4725
4725
|
const {
|
|
4726
4726
|
host: host$k,
|
|
@@ -4832,44 +4832,44 @@ const CheckboxClass = compose(
|
|
|
4832
4832
|
}
|
|
4833
4833
|
`,
|
|
4834
4834
|
excludeAttrsSync: ['label', 'tabindex'],
|
|
4835
|
-
componentName: componentName$
|
|
4835
|
+
componentName: componentName$R,
|
|
4836
4836
|
})
|
|
4837
4837
|
);
|
|
4838
4838
|
|
|
4839
|
-
const vars$
|
|
4839
|
+
const vars$J = CheckboxClass.cssVarList;
|
|
4840
4840
|
const checkboxSize = '1.35em';
|
|
4841
4841
|
|
|
4842
4842
|
const checkbox = {
|
|
4843
|
-
[vars$
|
|
4844
|
-
[vars$
|
|
4845
|
-
[vars$
|
|
4846
|
-
[vars$
|
|
4847
|
-
[vars$
|
|
4848
|
-
[vars$
|
|
4849
|
-
[vars$
|
|
4850
|
-
[vars$
|
|
4851
|
-
[vars$
|
|
4852
|
-
[vars$
|
|
4853
|
-
[vars$
|
|
4854
|
-
[vars$
|
|
4855
|
-
[vars$
|
|
4856
|
-
[vars$
|
|
4857
|
-
[vars$
|
|
4858
|
-
[vars$
|
|
4859
|
-
[vars$
|
|
4860
|
-
[vars$
|
|
4861
|
-
[vars$
|
|
4862
|
-
[vars$
|
|
4863
|
-
[vars$
|
|
4843
|
+
[vars$J.hostWidth]: refs.width,
|
|
4844
|
+
[vars$J.hostDirection]: refs.direction,
|
|
4845
|
+
[vars$J.fontSize]: refs.fontSize,
|
|
4846
|
+
[vars$J.fontFamily]: refs.fontFamily,
|
|
4847
|
+
[vars$J.labelTextColor]: refs.labelTextColor,
|
|
4848
|
+
[vars$J.labelRequiredIndicator]: refs.requiredIndicator,
|
|
4849
|
+
[vars$J.labelFontWeight]: '400',
|
|
4850
|
+
[vars$J.labelLineHeight]: checkboxSize,
|
|
4851
|
+
[vars$J.labelSpacing]: '1em',
|
|
4852
|
+
[vars$J.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
4853
|
+
[vars$J.inputOutlineWidth]: refs.outlineWidth,
|
|
4854
|
+
[vars$J.inputOutlineOffset]: refs.outlineOffset,
|
|
4855
|
+
[vars$J.inputOutlineColor]: refs.outlineColor,
|
|
4856
|
+
[vars$J.inputOutlineStyle]: refs.outlineStyle,
|
|
4857
|
+
[vars$J.inputBorderRadius]: refs.borderRadius,
|
|
4858
|
+
[vars$J.inputBorderColor]: refs.borderColor,
|
|
4859
|
+
[vars$J.inputBorderWidth]: refs.borderWidth,
|
|
4860
|
+
[vars$J.inputBorderStyle]: refs.borderStyle,
|
|
4861
|
+
[vars$J.inputBackgroundColor]: refs.backgroundColor,
|
|
4862
|
+
[vars$J.inputSize]: checkboxSize,
|
|
4863
|
+
[vars$J.inputValueTextColor]: refs.valueTextColor,
|
|
4864
4864
|
};
|
|
4865
4865
|
|
|
4866
4866
|
var checkbox$1 = /*#__PURE__*/Object.freeze({
|
|
4867
4867
|
__proto__: null,
|
|
4868
4868
|
default: checkbox,
|
|
4869
|
-
vars: vars$
|
|
4869
|
+
vars: vars$J
|
|
4870
4870
|
});
|
|
4871
4871
|
|
|
4872
|
-
const componentName$
|
|
4872
|
+
const componentName$Q = getComponentName('switch-toggle');
|
|
4873
4873
|
|
|
4874
4874
|
const {
|
|
4875
4875
|
host: host$j,
|
|
@@ -5001,7 +5001,7 @@ const SwitchToggleClass = compose(
|
|
|
5001
5001
|
}
|
|
5002
5002
|
`,
|
|
5003
5003
|
excludeAttrsSync: ['label', 'tabindex'],
|
|
5004
|
-
componentName: componentName$
|
|
5004
|
+
componentName: componentName$Q,
|
|
5005
5005
|
})
|
|
5006
5006
|
);
|
|
5007
5007
|
|
|
@@ -5009,74 +5009,74 @@ const knobMargin = '2px';
|
|
|
5009
5009
|
const checkboxHeight = '1.25em';
|
|
5010
5010
|
|
|
5011
5011
|
const globalRefs$u = getThemeRefs(globals);
|
|
5012
|
-
const vars$
|
|
5012
|
+
const vars$I = SwitchToggleClass.cssVarList;
|
|
5013
5013
|
|
|
5014
5014
|
const switchToggle = {
|
|
5015
|
-
[vars$
|
|
5016
|
-
[vars$
|
|
5017
|
-
[vars$
|
|
5018
|
-
[vars$
|
|
5019
|
-
|
|
5020
|
-
[vars$
|
|
5021
|
-
[vars$
|
|
5022
|
-
[vars$
|
|
5023
|
-
[vars$
|
|
5024
|
-
|
|
5025
|
-
[vars$
|
|
5026
|
-
[vars$
|
|
5027
|
-
[vars$
|
|
5028
|
-
[vars$
|
|
5029
|
-
[vars$
|
|
5030
|
-
[vars$
|
|
5031
|
-
[vars$
|
|
5032
|
-
|
|
5033
|
-
[vars$
|
|
5034
|
-
[vars$
|
|
5035
|
-
[vars$
|
|
5036
|
-
[vars$
|
|
5037
|
-
[vars$
|
|
5038
|
-
[vars$
|
|
5039
|
-
|
|
5040
|
-
[vars$
|
|
5041
|
-
[vars$
|
|
5042
|
-
[vars$
|
|
5043
|
-
[vars$
|
|
5044
|
-
[vars$
|
|
5045
|
-
[vars$
|
|
5015
|
+
[vars$I.hostWidth]: refs.width,
|
|
5016
|
+
[vars$I.hostDirection]: refs.direction,
|
|
5017
|
+
[vars$I.fontSize]: refs.fontSize,
|
|
5018
|
+
[vars$I.fontFamily]: refs.fontFamily,
|
|
5019
|
+
|
|
5020
|
+
[vars$I.inputOutlineWidth]: refs.outlineWidth,
|
|
5021
|
+
[vars$I.inputOutlineOffset]: refs.outlineOffset,
|
|
5022
|
+
[vars$I.inputOutlineColor]: refs.outlineColor,
|
|
5023
|
+
[vars$I.inputOutlineStyle]: refs.outlineStyle,
|
|
5024
|
+
|
|
5025
|
+
[vars$I.trackBorderStyle]: refs.borderStyle,
|
|
5026
|
+
[vars$I.trackBorderWidth]: refs.borderWidth, // var `trackBorderWidth` used outside the theme for `left` margin calculation
|
|
5027
|
+
[vars$I.trackBorderColor]: refs.borderColor,
|
|
5028
|
+
[vars$I.trackBackgroundColor]: refs.backgroundColor,
|
|
5029
|
+
[vars$I.trackBorderRadius]: globalRefs$u.radius.md,
|
|
5030
|
+
[vars$I.trackWidth]: '2.5em', // var `trackWidth` used outside the theme for `left` margin calculation
|
|
5031
|
+
[vars$I.trackHeight]: checkboxHeight,
|
|
5032
|
+
|
|
5033
|
+
[vars$I.knobSize]: `calc(1em - ${knobMargin})`,
|
|
5034
|
+
[vars$I.knobRadius]: '50%',
|
|
5035
|
+
[vars$I.knobTopOffset]: '1px',
|
|
5036
|
+
[vars$I.knobLeftOffset]: knobMargin,
|
|
5037
|
+
[vars$I.knobColor]: refs.labelTextColor,
|
|
5038
|
+
[vars$I.knobTransitionDuration]: '0.3s',
|
|
5039
|
+
|
|
5040
|
+
[vars$I.labelTextColor]: refs.labelTextColor,
|
|
5041
|
+
[vars$I.labelFontWeight]: '400',
|
|
5042
|
+
[vars$I.labelLineHeight]: '1.35em',
|
|
5043
|
+
[vars$I.labelSpacing]: '1em',
|
|
5044
|
+
[vars$I.labelRequiredIndicator]: refs.requiredIndicator,
|
|
5045
|
+
[vars$I.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
5046
5046
|
|
|
5047
5047
|
_checked: {
|
|
5048
|
-
[vars$
|
|
5049
|
-
[vars$
|
|
5050
|
-
[vars$
|
|
5051
|
-
[vars$
|
|
5048
|
+
[vars$I.trackBorderColor]: refs.borderColor,
|
|
5049
|
+
[vars$I.knobLeftOffset]: `calc(100% - var(${vars$I.knobSize}) - ${knobMargin})`,
|
|
5050
|
+
[vars$I.knobColor]: refs.valueTextColor,
|
|
5051
|
+
[vars$I.knobTextColor]: refs.valueTextColor,
|
|
5052
5052
|
},
|
|
5053
5053
|
|
|
5054
5054
|
_disabled: {
|
|
5055
|
-
[vars$
|
|
5056
|
-
[vars$
|
|
5057
|
-
[vars$
|
|
5058
|
-
[vars$
|
|
5055
|
+
[vars$I.knobColor]: globalRefs$u.colors.surface.light,
|
|
5056
|
+
[vars$I.trackBorderColor]: globalRefs$u.colors.surface.light,
|
|
5057
|
+
[vars$I.trackBackgroundColor]: globalRefs$u.colors.surface.main,
|
|
5058
|
+
[vars$I.labelTextColor]: refs.labelTextColor,
|
|
5059
5059
|
_checked: {
|
|
5060
|
-
[vars$
|
|
5061
|
-
[vars$
|
|
5060
|
+
[vars$I.knobColor]: globalRefs$u.colors.surface.light,
|
|
5061
|
+
[vars$I.trackBackgroundColor]: globalRefs$u.colors.surface.main,
|
|
5062
5062
|
},
|
|
5063
5063
|
},
|
|
5064
5064
|
|
|
5065
5065
|
_invalid: {
|
|
5066
|
-
[vars$
|
|
5067
|
-
[vars$
|
|
5066
|
+
[vars$I.trackBorderColor]: globalRefs$u.colors.error.main,
|
|
5067
|
+
[vars$I.knobColor]: globalRefs$u.colors.error.main,
|
|
5068
5068
|
},
|
|
5069
5069
|
};
|
|
5070
5070
|
|
|
5071
5071
|
var switchToggle$1 = /*#__PURE__*/Object.freeze({
|
|
5072
5072
|
__proto__: null,
|
|
5073
5073
|
default: switchToggle,
|
|
5074
|
-
vars: vars$
|
|
5074
|
+
vars: vars$I
|
|
5075
5075
|
});
|
|
5076
5076
|
|
|
5077
|
-
const componentName$
|
|
5077
|
+
const componentName$P = getComponentName('container');
|
|
5078
5078
|
|
|
5079
|
-
class RawContainer extends createBaseClass({ componentName: componentName$
|
|
5079
|
+
class RawContainer extends createBaseClass({ componentName: componentName$P, baseSelector: 'slot' }) {
|
|
5080
5080
|
constructor() {
|
|
5081
5081
|
super();
|
|
5082
5082
|
|
|
@@ -5151,7 +5151,7 @@ const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars(
|
|
|
5151
5151
|
horizontalAlignment,
|
|
5152
5152
|
shadowColor: '#00000020', // if we want to support transparency vars, we should use different color format
|
|
5153
5153
|
},
|
|
5154
|
-
componentName$
|
|
5154
|
+
componentName$P
|
|
5155
5155
|
);
|
|
5156
5156
|
|
|
5157
5157
|
const { shadowColor: shadowColor$3 } = helperRefs$3;
|
|
@@ -5238,7 +5238,7 @@ const container = {
|
|
|
5238
5238
|
},
|
|
5239
5239
|
};
|
|
5240
5240
|
|
|
5241
|
-
const vars$
|
|
5241
|
+
const vars$H = {
|
|
5242
5242
|
...compVars$5,
|
|
5243
5243
|
...helperVars$3,
|
|
5244
5244
|
};
|
|
@@ -5246,7 +5246,7 @@ const vars$G = {
|
|
|
5246
5246
|
var container$1 = /*#__PURE__*/Object.freeze({
|
|
5247
5247
|
__proto__: null,
|
|
5248
5248
|
default: container,
|
|
5249
|
-
vars: vars$
|
|
5249
|
+
vars: vars$H
|
|
5250
5250
|
});
|
|
5251
5251
|
|
|
5252
5252
|
const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) => {
|
|
@@ -5299,69 +5299,69 @@ const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) =>
|
|
|
5299
5299
|
return CssVarImageClass;
|
|
5300
5300
|
};
|
|
5301
5301
|
|
|
5302
|
-
const componentName$
|
|
5302
|
+
const componentName$O = getComponentName('logo');
|
|
5303
5303
|
|
|
5304
5304
|
const LogoClass = createCssVarImageClass({
|
|
5305
|
-
componentName: componentName$
|
|
5305
|
+
componentName: componentName$O,
|
|
5306
5306
|
varName: 'url',
|
|
5307
5307
|
fallbackVarName: 'fallbackUrl',
|
|
5308
5308
|
});
|
|
5309
5309
|
|
|
5310
|
-
const vars$
|
|
5310
|
+
const vars$G = LogoClass.cssVarList;
|
|
5311
5311
|
|
|
5312
5312
|
const logo$2 = {
|
|
5313
|
-
[vars$
|
|
5313
|
+
[vars$G.fallbackUrl]: 'url(https://imgs.descope.com/components/no-logo-placeholder.svg)',
|
|
5314
5314
|
};
|
|
5315
5315
|
|
|
5316
5316
|
var logo$3 = /*#__PURE__*/Object.freeze({
|
|
5317
5317
|
__proto__: null,
|
|
5318
5318
|
default: logo$2,
|
|
5319
|
-
vars: vars$
|
|
5319
|
+
vars: vars$G
|
|
5320
5320
|
});
|
|
5321
5321
|
|
|
5322
|
-
const componentName$
|
|
5322
|
+
const componentName$N = getComponentName('totp-image');
|
|
5323
5323
|
|
|
5324
5324
|
const TotpImageClass = createCssVarImageClass({
|
|
5325
|
-
componentName: componentName$
|
|
5325
|
+
componentName: componentName$N,
|
|
5326
5326
|
varName: 'url',
|
|
5327
5327
|
fallbackVarName: 'fallbackUrl',
|
|
5328
5328
|
});
|
|
5329
5329
|
|
|
5330
|
-
const vars$
|
|
5330
|
+
const vars$F = TotpImageClass.cssVarList;
|
|
5331
5331
|
|
|
5332
5332
|
const logo$1 = {
|
|
5333
|
-
[vars$
|
|
5333
|
+
[vars$F.fallbackUrl]: 'url(https://imgs.descope.com/components/totp-placeholder.svg)',
|
|
5334
5334
|
};
|
|
5335
5335
|
|
|
5336
5336
|
var totpImage = /*#__PURE__*/Object.freeze({
|
|
5337
5337
|
__proto__: null,
|
|
5338
5338
|
default: logo$1,
|
|
5339
|
-
vars: vars$
|
|
5339
|
+
vars: vars$F
|
|
5340
5340
|
});
|
|
5341
5341
|
|
|
5342
|
-
const componentName$
|
|
5342
|
+
const componentName$M = getComponentName('notp-image');
|
|
5343
5343
|
|
|
5344
5344
|
const NotpImageClass = createCssVarImageClass({
|
|
5345
|
-
componentName: componentName$
|
|
5345
|
+
componentName: componentName$M,
|
|
5346
5346
|
varName: 'url',
|
|
5347
5347
|
fallbackVarName: 'fallbackUrl',
|
|
5348
5348
|
});
|
|
5349
5349
|
|
|
5350
|
-
const vars$
|
|
5350
|
+
const vars$E = NotpImageClass.cssVarList;
|
|
5351
5351
|
|
|
5352
5352
|
const logo = {
|
|
5353
|
-
[vars$
|
|
5353
|
+
[vars$E.fallbackUrl]: 'url(https://imgs.descope.com/components/notp-placeholder.svg)',
|
|
5354
5354
|
};
|
|
5355
5355
|
|
|
5356
5356
|
var notpImage = /*#__PURE__*/Object.freeze({
|
|
5357
5357
|
__proto__: null,
|
|
5358
5358
|
default: logo,
|
|
5359
|
-
vars: vars$
|
|
5359
|
+
vars: vars$E
|
|
5360
5360
|
});
|
|
5361
5361
|
|
|
5362
|
-
const componentName$
|
|
5362
|
+
const componentName$L = getComponentName('text');
|
|
5363
5363
|
|
|
5364
|
-
class RawText extends createBaseClass({ componentName: componentName$
|
|
5364
|
+
class RawText extends createBaseClass({ componentName: componentName$L, baseSelector: ':host > slot' }) {
|
|
5365
5365
|
constructor() {
|
|
5366
5366
|
super();
|
|
5367
5367
|
|
|
@@ -5419,94 +5419,94 @@ const TextClass = compose(
|
|
|
5419
5419
|
)(RawText);
|
|
5420
5420
|
|
|
5421
5421
|
const globalRefs$s = getThemeRefs(globals);
|
|
5422
|
-
const vars$
|
|
5422
|
+
const vars$D = TextClass.cssVarList;
|
|
5423
5423
|
|
|
5424
5424
|
const text$2 = {
|
|
5425
|
-
[vars$
|
|
5426
|
-
[vars$
|
|
5427
|
-
[vars$
|
|
5428
|
-
[vars$
|
|
5425
|
+
[vars$D.hostDirection]: globalRefs$s.direction,
|
|
5426
|
+
[vars$D.textLineHeight]: '1.35em',
|
|
5427
|
+
[vars$D.textAlign]: 'left',
|
|
5428
|
+
[vars$D.textColor]: globalRefs$s.colors.surface.dark,
|
|
5429
5429
|
|
|
5430
5430
|
variant: {
|
|
5431
5431
|
h1: {
|
|
5432
|
-
[vars$
|
|
5433
|
-
[vars$
|
|
5434
|
-
[vars$
|
|
5432
|
+
[vars$D.fontSize]: globalRefs$s.typography.h1.size,
|
|
5433
|
+
[vars$D.fontWeight]: globalRefs$s.typography.h1.weight,
|
|
5434
|
+
[vars$D.fontFamily]: globalRefs$s.typography.h1.font,
|
|
5435
5435
|
},
|
|
5436
5436
|
h2: {
|
|
5437
|
-
[vars$
|
|
5438
|
-
[vars$
|
|
5439
|
-
[vars$
|
|
5437
|
+
[vars$D.fontSize]: globalRefs$s.typography.h2.size,
|
|
5438
|
+
[vars$D.fontWeight]: globalRefs$s.typography.h2.weight,
|
|
5439
|
+
[vars$D.fontFamily]: globalRefs$s.typography.h2.font,
|
|
5440
5440
|
},
|
|
5441
5441
|
h3: {
|
|
5442
|
-
[vars$
|
|
5443
|
-
[vars$
|
|
5444
|
-
[vars$
|
|
5442
|
+
[vars$D.fontSize]: globalRefs$s.typography.h3.size,
|
|
5443
|
+
[vars$D.fontWeight]: globalRefs$s.typography.h3.weight,
|
|
5444
|
+
[vars$D.fontFamily]: globalRefs$s.typography.h3.font,
|
|
5445
5445
|
},
|
|
5446
5446
|
subtitle1: {
|
|
5447
|
-
[vars$
|
|
5448
|
-
[vars$
|
|
5449
|
-
[vars$
|
|
5447
|
+
[vars$D.fontSize]: globalRefs$s.typography.subtitle1.size,
|
|
5448
|
+
[vars$D.fontWeight]: globalRefs$s.typography.subtitle1.weight,
|
|
5449
|
+
[vars$D.fontFamily]: globalRefs$s.typography.subtitle1.font,
|
|
5450
5450
|
},
|
|
5451
5451
|
subtitle2: {
|
|
5452
|
-
[vars$
|
|
5453
|
-
[vars$
|
|
5454
|
-
[vars$
|
|
5452
|
+
[vars$D.fontSize]: globalRefs$s.typography.subtitle2.size,
|
|
5453
|
+
[vars$D.fontWeight]: globalRefs$s.typography.subtitle2.weight,
|
|
5454
|
+
[vars$D.fontFamily]: globalRefs$s.typography.subtitle2.font,
|
|
5455
5455
|
},
|
|
5456
5456
|
body1: {
|
|
5457
|
-
[vars$
|
|
5458
|
-
[vars$
|
|
5459
|
-
[vars$
|
|
5457
|
+
[vars$D.fontSize]: globalRefs$s.typography.body1.size,
|
|
5458
|
+
[vars$D.fontWeight]: globalRefs$s.typography.body1.weight,
|
|
5459
|
+
[vars$D.fontFamily]: globalRefs$s.typography.body1.font,
|
|
5460
5460
|
},
|
|
5461
5461
|
body2: {
|
|
5462
|
-
[vars$
|
|
5463
|
-
[vars$
|
|
5464
|
-
[vars$
|
|
5462
|
+
[vars$D.fontSize]: globalRefs$s.typography.body2.size,
|
|
5463
|
+
[vars$D.fontWeight]: globalRefs$s.typography.body2.weight,
|
|
5464
|
+
[vars$D.fontFamily]: globalRefs$s.typography.body2.font,
|
|
5465
5465
|
},
|
|
5466
5466
|
},
|
|
5467
5467
|
|
|
5468
5468
|
mode: {
|
|
5469
5469
|
primary: {
|
|
5470
|
-
[vars$
|
|
5470
|
+
[vars$D.textColor]: globalRefs$s.colors.surface.contrast,
|
|
5471
5471
|
},
|
|
5472
5472
|
secondary: {
|
|
5473
|
-
[vars$
|
|
5473
|
+
[vars$D.textColor]: globalRefs$s.colors.surface.dark,
|
|
5474
5474
|
},
|
|
5475
5475
|
error: {
|
|
5476
|
-
[vars$
|
|
5476
|
+
[vars$D.textColor]: globalRefs$s.colors.error.main,
|
|
5477
5477
|
},
|
|
5478
5478
|
success: {
|
|
5479
|
-
[vars$
|
|
5479
|
+
[vars$D.textColor]: globalRefs$s.colors.success.main,
|
|
5480
5480
|
},
|
|
5481
5481
|
},
|
|
5482
5482
|
|
|
5483
5483
|
textAlign: {
|
|
5484
|
-
right: { [vars$
|
|
5485
|
-
left: { [vars$
|
|
5486
|
-
center: { [vars$
|
|
5484
|
+
right: { [vars$D.textAlign]: 'right' },
|
|
5485
|
+
left: { [vars$D.textAlign]: 'left' },
|
|
5486
|
+
center: { [vars$D.textAlign]: 'center' },
|
|
5487
5487
|
},
|
|
5488
5488
|
|
|
5489
5489
|
_fullWidth: {
|
|
5490
|
-
[vars$
|
|
5490
|
+
[vars$D.hostWidth]: '100%',
|
|
5491
5491
|
},
|
|
5492
5492
|
|
|
5493
5493
|
_italic: {
|
|
5494
|
-
[vars$
|
|
5494
|
+
[vars$D.fontStyle]: 'italic',
|
|
5495
5495
|
},
|
|
5496
5496
|
|
|
5497
5497
|
_uppercase: {
|
|
5498
|
-
[vars$
|
|
5498
|
+
[vars$D.textTransform]: 'uppercase',
|
|
5499
5499
|
},
|
|
5500
5500
|
|
|
5501
5501
|
_lowercase: {
|
|
5502
|
-
[vars$
|
|
5502
|
+
[vars$D.textTransform]: 'lowercase',
|
|
5503
5503
|
},
|
|
5504
5504
|
};
|
|
5505
5505
|
|
|
5506
5506
|
var text$3 = /*#__PURE__*/Object.freeze({
|
|
5507
5507
|
__proto__: null,
|
|
5508
5508
|
default: text$2,
|
|
5509
|
-
vars: vars$
|
|
5509
|
+
vars: vars$D
|
|
5510
5510
|
});
|
|
5511
5511
|
|
|
5512
5512
|
const disableRules = [
|
|
@@ -5533,9 +5533,9 @@ const decodeHTML = (html) => {
|
|
|
5533
5533
|
/* eslint-disable no-param-reassign */
|
|
5534
5534
|
|
|
5535
5535
|
|
|
5536
|
-
const componentName$
|
|
5536
|
+
const componentName$K = getComponentName('enriched-text');
|
|
5537
5537
|
|
|
5538
|
-
class EnrichedText extends createBaseClass({ componentName: componentName$
|
|
5538
|
+
class EnrichedText extends createBaseClass({ componentName: componentName$K, baseSelector: ':host > div' }) {
|
|
5539
5539
|
#origLinkRenderer;
|
|
5540
5540
|
|
|
5541
5541
|
#origEmRenderer;
|
|
@@ -5731,9 +5731,9 @@ const EnrichedTextClass = compose(
|
|
|
5731
5731
|
componentNameValidationMixin
|
|
5732
5732
|
)(EnrichedText);
|
|
5733
5733
|
|
|
5734
|
-
const componentName$
|
|
5734
|
+
const componentName$J = getComponentName('link');
|
|
5735
5735
|
|
|
5736
|
-
class RawLink extends createBaseClass({ componentName: componentName$
|
|
5736
|
+
class RawLink extends createBaseClass({ componentName: componentName$J, baseSelector: ':host a' }) {
|
|
5737
5737
|
constructor() {
|
|
5738
5738
|
super();
|
|
5739
5739
|
|
|
@@ -5798,37 +5798,37 @@ const LinkClass = compose(
|
|
|
5798
5798
|
)(RawLink);
|
|
5799
5799
|
|
|
5800
5800
|
const globalRefs$r = getThemeRefs(globals);
|
|
5801
|
-
const vars$
|
|
5801
|
+
const vars$C = LinkClass.cssVarList;
|
|
5802
5802
|
|
|
5803
5803
|
const link$1 = {
|
|
5804
|
-
[vars$
|
|
5805
|
-
[vars$
|
|
5804
|
+
[vars$C.hostDirection]: globalRefs$r.direction,
|
|
5805
|
+
[vars$C.cursor]: 'pointer',
|
|
5806
5806
|
|
|
5807
|
-
[vars$
|
|
5807
|
+
[vars$C.textColor]: globalRefs$r.colors.primary.main,
|
|
5808
5808
|
|
|
5809
5809
|
textAlign: {
|
|
5810
|
-
right: { [vars$
|
|
5811
|
-
left: { [vars$
|
|
5812
|
-
center: { [vars$
|
|
5810
|
+
right: { [vars$C.textAlign]: 'right' },
|
|
5811
|
+
left: { [vars$C.textAlign]: 'left' },
|
|
5812
|
+
center: { [vars$C.textAlign]: 'center' },
|
|
5813
5813
|
},
|
|
5814
5814
|
|
|
5815
5815
|
_fullWidth: {
|
|
5816
|
-
[vars$
|
|
5816
|
+
[vars$C.hostWidth]: '100%',
|
|
5817
5817
|
},
|
|
5818
5818
|
|
|
5819
5819
|
_hover: {
|
|
5820
|
-
[vars$
|
|
5820
|
+
[vars$C.textDecoration]: 'underline',
|
|
5821
5821
|
},
|
|
5822
5822
|
|
|
5823
5823
|
mode: {
|
|
5824
5824
|
secondary: {
|
|
5825
|
-
[vars$
|
|
5825
|
+
[vars$C.textColor]: globalRefs$r.colors.secondary.main,
|
|
5826
5826
|
},
|
|
5827
5827
|
error: {
|
|
5828
|
-
[vars$
|
|
5828
|
+
[vars$C.textColor]: globalRefs$r.colors.error.main,
|
|
5829
5829
|
},
|
|
5830
5830
|
success: {
|
|
5831
|
-
[vars$
|
|
5831
|
+
[vars$C.textColor]: globalRefs$r.colors.success.main,
|
|
5832
5832
|
},
|
|
5833
5833
|
},
|
|
5834
5834
|
};
|
|
@@ -5836,37 +5836,37 @@ const link$1 = {
|
|
|
5836
5836
|
var link$2 = /*#__PURE__*/Object.freeze({
|
|
5837
5837
|
__proto__: null,
|
|
5838
5838
|
default: link$1,
|
|
5839
|
-
vars: vars$
|
|
5839
|
+
vars: vars$C
|
|
5840
5840
|
});
|
|
5841
5841
|
|
|
5842
5842
|
const globalRefs$q = getThemeRefs(globals);
|
|
5843
|
-
const vars$
|
|
5843
|
+
const vars$B = EnrichedTextClass.cssVarList;
|
|
5844
5844
|
|
|
5845
5845
|
const enrichedText = {
|
|
5846
|
-
[vars$
|
|
5847
|
-
[vars$
|
|
5846
|
+
[vars$B.hostDirection]: globalRefs$q.direction,
|
|
5847
|
+
[vars$B.hostWidth]: useVar(vars$D.hostWidth),
|
|
5848
5848
|
|
|
5849
|
-
[vars$
|
|
5850
|
-
[vars$
|
|
5851
|
-
[vars$
|
|
5849
|
+
[vars$B.textLineHeight]: useVar(vars$D.textLineHeight),
|
|
5850
|
+
[vars$B.textColor]: useVar(vars$D.textColor),
|
|
5851
|
+
[vars$B.textAlign]: useVar(vars$D.textAlign),
|
|
5852
5852
|
|
|
5853
|
-
[vars$
|
|
5854
|
-
[vars$
|
|
5855
|
-
[vars$
|
|
5853
|
+
[vars$B.fontSize]: useVar(vars$D.fontSize),
|
|
5854
|
+
[vars$B.fontWeight]: useVar(vars$D.fontWeight),
|
|
5855
|
+
[vars$B.fontFamily]: useVar(vars$D.fontFamily),
|
|
5856
5856
|
|
|
5857
|
-
[vars$
|
|
5858
|
-
[vars$
|
|
5859
|
-
[vars$
|
|
5857
|
+
[vars$B.linkColor]: useVar(vars$C.textColor),
|
|
5858
|
+
[vars$B.linkTextDecoration]: 'none',
|
|
5859
|
+
[vars$B.linkHoverTextDecoration]: 'underline',
|
|
5860
5860
|
|
|
5861
|
-
[vars$
|
|
5862
|
-
[vars$
|
|
5863
|
-
[vars$
|
|
5861
|
+
[vars$B.fontWeightBold]: '900',
|
|
5862
|
+
[vars$B.minWidth]: '0.25em',
|
|
5863
|
+
[vars$B.minHeight]: '1.35em',
|
|
5864
5864
|
|
|
5865
|
-
[vars$
|
|
5865
|
+
[vars$B.hostDisplay]: 'inline-block',
|
|
5866
5866
|
|
|
5867
5867
|
_empty: {
|
|
5868
5868
|
_hideWhenEmpty: {
|
|
5869
|
-
[vars$
|
|
5869
|
+
[vars$B.hostDisplay]: 'none',
|
|
5870
5870
|
},
|
|
5871
5871
|
},
|
|
5872
5872
|
};
|
|
@@ -5874,11 +5874,11 @@ const enrichedText = {
|
|
|
5874
5874
|
var enrichedText$1 = /*#__PURE__*/Object.freeze({
|
|
5875
5875
|
__proto__: null,
|
|
5876
5876
|
default: enrichedText,
|
|
5877
|
-
vars: vars$
|
|
5877
|
+
vars: vars$B
|
|
5878
5878
|
});
|
|
5879
5879
|
|
|
5880
|
-
const componentName$
|
|
5881
|
-
class RawDivider extends createBaseClass({ componentName: componentName$
|
|
5880
|
+
const componentName$I = getComponentName('divider');
|
|
5881
|
+
class RawDivider extends createBaseClass({ componentName: componentName$I, baseSelector: ':host > div' }) {
|
|
5882
5882
|
constructor() {
|
|
5883
5883
|
super();
|
|
5884
5884
|
|
|
@@ -5985,7 +5985,7 @@ const [helperTheme$2, helperRefs$2, helperVars$2] = createHelperVars(
|
|
|
5985
5985
|
thickness: '2px',
|
|
5986
5986
|
spacing: '10px',
|
|
5987
5987
|
},
|
|
5988
|
-
componentName$
|
|
5988
|
+
componentName$I
|
|
5989
5989
|
);
|
|
5990
5990
|
|
|
5991
5991
|
const divider = {
|
|
@@ -6016,7 +6016,7 @@ const divider = {
|
|
|
6016
6016
|
},
|
|
6017
6017
|
};
|
|
6018
6018
|
|
|
6019
|
-
const vars$
|
|
6019
|
+
const vars$A = {
|
|
6020
6020
|
...compVars$4,
|
|
6021
6021
|
...helperVars$2,
|
|
6022
6022
|
};
|
|
@@ -6024,18 +6024,18 @@ const vars$z = {
|
|
|
6024
6024
|
var divider$1 = /*#__PURE__*/Object.freeze({
|
|
6025
6025
|
__proto__: null,
|
|
6026
6026
|
default: divider,
|
|
6027
|
-
vars: vars$
|
|
6027
|
+
vars: vars$A
|
|
6028
6028
|
});
|
|
6029
6029
|
|
|
6030
6030
|
/* eslint-disable no-param-reassign */
|
|
6031
6031
|
|
|
6032
|
-
const componentName$
|
|
6032
|
+
const componentName$H = getComponentName('passcode-internal');
|
|
6033
6033
|
|
|
6034
|
-
createBaseInputClass({ componentName: componentName$
|
|
6034
|
+
createBaseInputClass({ componentName: componentName$H, baseSelector: 'div' });
|
|
6035
6035
|
|
|
6036
|
-
const componentName$
|
|
6036
|
+
const componentName$G = getComponentName('loader-radial');
|
|
6037
6037
|
|
|
6038
|
-
class RawLoaderRadial extends createBaseClass({ componentName: componentName$
|
|
6038
|
+
class RawLoaderRadial extends createBaseClass({ componentName: componentName$G, baseSelector: ':host > div' }) {
|
|
6039
6039
|
constructor() {
|
|
6040
6040
|
super();
|
|
6041
6041
|
|
|
@@ -6079,7 +6079,7 @@ const LoaderRadialClass = compose(
|
|
|
6079
6079
|
componentNameValidationMixin
|
|
6080
6080
|
)(RawLoaderRadial);
|
|
6081
6081
|
|
|
6082
|
-
const componentName$
|
|
6082
|
+
const componentName$F = getComponentName('passcode');
|
|
6083
6083
|
|
|
6084
6084
|
const observedAttributes$3 = ['digits'];
|
|
6085
6085
|
|
|
@@ -6098,17 +6098,17 @@ const customMixin$9 = (superclass) =>
|
|
|
6098
6098
|
const template = document.createElement('template');
|
|
6099
6099
|
|
|
6100
6100
|
template.innerHTML = `
|
|
6101
|
-
<${componentName$
|
|
6101
|
+
<${componentName$H}
|
|
6102
6102
|
bordered="true"
|
|
6103
6103
|
name="code"
|
|
6104
6104
|
tabindex="-1"
|
|
6105
6105
|
slot="input"
|
|
6106
|
-
><slot></slot></${componentName$
|
|
6106
|
+
><slot></slot></${componentName$H}>
|
|
6107
6107
|
`;
|
|
6108
6108
|
|
|
6109
6109
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
|
6110
6110
|
|
|
6111
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
|
6111
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$H);
|
|
6112
6112
|
|
|
6113
6113
|
forwardAttrs(this, this.inputElement, { includeAttrs: ['digits', 'size', 'loading'] });
|
|
6114
6114
|
}
|
|
@@ -6260,56 +6260,56 @@ const PasscodeClass = compose(
|
|
|
6260
6260
|
${resetInputCursor('vaadin-text-field')}
|
|
6261
6261
|
`,
|
|
6262
6262
|
excludeAttrsSync: ['tabindex'],
|
|
6263
|
-
componentName: componentName$
|
|
6263
|
+
componentName: componentName$F,
|
|
6264
6264
|
})
|
|
6265
6265
|
);
|
|
6266
6266
|
|
|
6267
|
-
const vars$
|
|
6267
|
+
const vars$z = PasscodeClass.cssVarList;
|
|
6268
6268
|
|
|
6269
6269
|
const passcode = {
|
|
6270
|
-
[vars$
|
|
6271
|
-
[vars$
|
|
6272
|
-
[vars$
|
|
6273
|
-
[vars$
|
|
6274
|
-
[vars$
|
|
6275
|
-
[vars$
|
|
6276
|
-
[vars$
|
|
6277
|
-
[vars$
|
|
6278
|
-
[vars$
|
|
6279
|
-
[vars$
|
|
6280
|
-
[vars$
|
|
6281
|
-
[vars$
|
|
6282
|
-
[vars$
|
|
6283
|
-
[vars$
|
|
6284
|
-
[vars$
|
|
6270
|
+
[vars$z.hostDirection]: refs.direction,
|
|
6271
|
+
[vars$z.fontFamily]: refs.fontFamily,
|
|
6272
|
+
[vars$z.fontSize]: refs.fontSize,
|
|
6273
|
+
[vars$z.labelTextColor]: refs.labelTextColor,
|
|
6274
|
+
[vars$z.labelRequiredIndicator]: refs.requiredIndicator,
|
|
6275
|
+
[vars$z.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
6276
|
+
[vars$z.digitValueTextColor]: refs.valueTextColor,
|
|
6277
|
+
[vars$z.digitPadding]: '0',
|
|
6278
|
+
[vars$z.digitTextAlign]: 'center',
|
|
6279
|
+
[vars$z.digitSpacing]: '4px',
|
|
6280
|
+
[vars$z.hostWidth]: refs.width,
|
|
6281
|
+
[vars$z.digitOutlineColor]: 'transparent',
|
|
6282
|
+
[vars$z.digitOutlineWidth]: refs.outlineWidth,
|
|
6283
|
+
[vars$z.focusedDigitFieldOutlineColor]: refs.outlineColor,
|
|
6284
|
+
[vars$z.digitSize]: refs.inputHeight,
|
|
6285
6285
|
|
|
6286
6286
|
size: {
|
|
6287
|
-
xs: { [vars$
|
|
6288
|
-
sm: { [vars$
|
|
6289
|
-
md: { [vars$
|
|
6290
|
-
lg: { [vars$
|
|
6287
|
+
xs: { [vars$z.spinnerSize]: '15px' },
|
|
6288
|
+
sm: { [vars$z.spinnerSize]: '20px' },
|
|
6289
|
+
md: { [vars$z.spinnerSize]: '20px' },
|
|
6290
|
+
lg: { [vars$z.spinnerSize]: '20px' },
|
|
6291
6291
|
},
|
|
6292
6292
|
|
|
6293
6293
|
_hideCursor: {
|
|
6294
|
-
[vars$
|
|
6294
|
+
[vars$z.digitCaretTextColor]: 'transparent',
|
|
6295
6295
|
},
|
|
6296
6296
|
|
|
6297
6297
|
_loading: {
|
|
6298
|
-
[vars$
|
|
6298
|
+
[vars$z.overlayOpacity]: refs.overlayOpacity,
|
|
6299
6299
|
},
|
|
6300
6300
|
};
|
|
6301
6301
|
|
|
6302
6302
|
var passcode$1 = /*#__PURE__*/Object.freeze({
|
|
6303
6303
|
__proto__: null,
|
|
6304
6304
|
default: passcode,
|
|
6305
|
-
vars: vars$
|
|
6305
|
+
vars: vars$z
|
|
6306
6306
|
});
|
|
6307
6307
|
|
|
6308
|
-
const componentName$
|
|
6308
|
+
const componentName$E = getComponentName('loader-linear');
|
|
6309
6309
|
|
|
6310
|
-
class RawLoaderLinear extends createBaseClass({ componentName: componentName$
|
|
6310
|
+
class RawLoaderLinear extends createBaseClass({ componentName: componentName$E, baseSelector: ':host > div' }) {
|
|
6311
6311
|
static get componentName() {
|
|
6312
|
-
return componentName$
|
|
6312
|
+
return componentName$E;
|
|
6313
6313
|
}
|
|
6314
6314
|
|
|
6315
6315
|
constructor() {
|
|
@@ -6371,48 +6371,48 @@ const LoaderLinearClass = compose(
|
|
|
6371
6371
|
)(RawLoaderLinear);
|
|
6372
6372
|
|
|
6373
6373
|
const globalRefs$o = getThemeRefs(globals);
|
|
6374
|
-
const vars$
|
|
6374
|
+
const vars$y = LoaderLinearClass.cssVarList;
|
|
6375
6375
|
|
|
6376
6376
|
const loaderLinear = {
|
|
6377
|
-
[vars$
|
|
6378
|
-
[vars$
|
|
6377
|
+
[vars$y.hostDisplay]: 'inline-block',
|
|
6378
|
+
[vars$y.hostWidth]: '100%',
|
|
6379
6379
|
|
|
6380
|
-
[vars$
|
|
6381
|
-
[vars$
|
|
6380
|
+
[vars$y.barColor]: globalRefs$o.colors.surface.contrast,
|
|
6381
|
+
[vars$y.barWidth]: '20%',
|
|
6382
6382
|
|
|
6383
|
-
[vars$
|
|
6384
|
-
[vars$
|
|
6383
|
+
[vars$y.barBackgroundColor]: globalRefs$o.colors.surface.light,
|
|
6384
|
+
[vars$y.barBorderRadius]: '4px',
|
|
6385
6385
|
|
|
6386
|
-
[vars$
|
|
6387
|
-
[vars$
|
|
6388
|
-
[vars$
|
|
6389
|
-
[vars$
|
|
6386
|
+
[vars$y.animationDuration]: '2s',
|
|
6387
|
+
[vars$y.animationTimingFunction]: 'linear',
|
|
6388
|
+
[vars$y.animationIterationCount]: 'infinite',
|
|
6389
|
+
[vars$y.verticalPadding]: '0.25em',
|
|
6390
6390
|
|
|
6391
6391
|
size: {
|
|
6392
|
-
xs: { [vars$
|
|
6393
|
-
sm: { [vars$
|
|
6394
|
-
md: { [vars$
|
|
6395
|
-
lg: { [vars$
|
|
6392
|
+
xs: { [vars$y.barHeight]: '2px' },
|
|
6393
|
+
sm: { [vars$y.barHeight]: '4px' },
|
|
6394
|
+
md: { [vars$y.barHeight]: '6px' },
|
|
6395
|
+
lg: { [vars$y.barHeight]: '8px' },
|
|
6396
6396
|
},
|
|
6397
6397
|
|
|
6398
6398
|
mode: {
|
|
6399
6399
|
primary: {
|
|
6400
|
-
[vars$
|
|
6400
|
+
[vars$y.barColor]: globalRefs$o.colors.primary.main,
|
|
6401
6401
|
},
|
|
6402
6402
|
secondary: {
|
|
6403
|
-
[vars$
|
|
6403
|
+
[vars$y.barColor]: globalRefs$o.colors.secondary.main,
|
|
6404
6404
|
},
|
|
6405
6405
|
},
|
|
6406
6406
|
|
|
6407
6407
|
_hidden: {
|
|
6408
|
-
[vars$
|
|
6408
|
+
[vars$y.hostDisplay]: 'none',
|
|
6409
6409
|
},
|
|
6410
6410
|
};
|
|
6411
6411
|
|
|
6412
6412
|
var loaderLinear$1 = /*#__PURE__*/Object.freeze({
|
|
6413
6413
|
__proto__: null,
|
|
6414
6414
|
default: loaderLinear,
|
|
6415
|
-
vars: vars$
|
|
6415
|
+
vars: vars$y
|
|
6416
6416
|
});
|
|
6417
6417
|
|
|
6418
6418
|
const globalRefs$n = getThemeRefs(globals);
|
|
@@ -6430,7 +6430,7 @@ const [helperTheme$1, helperRefs$1, helperVars$1] = createHelperVars(
|
|
|
6430
6430
|
},
|
|
6431
6431
|
},
|
|
6432
6432
|
},
|
|
6433
|
-
componentName$
|
|
6433
|
+
componentName$G
|
|
6434
6434
|
);
|
|
6435
6435
|
|
|
6436
6436
|
const loaderRadial = {
|
|
@@ -6459,7 +6459,7 @@ const loaderRadial = {
|
|
|
6459
6459
|
[compVars$3.hostDisplay]: 'none',
|
|
6460
6460
|
},
|
|
6461
6461
|
};
|
|
6462
|
-
const vars$
|
|
6462
|
+
const vars$x = {
|
|
6463
6463
|
...compVars$3,
|
|
6464
6464
|
...helperVars$1,
|
|
6465
6465
|
};
|
|
@@ -6467,10 +6467,10 @@ const vars$w = {
|
|
|
6467
6467
|
var loaderRadial$1 = /*#__PURE__*/Object.freeze({
|
|
6468
6468
|
__proto__: null,
|
|
6469
6469
|
default: loaderRadial,
|
|
6470
|
-
vars: vars$
|
|
6470
|
+
vars: vars$x
|
|
6471
6471
|
});
|
|
6472
6472
|
|
|
6473
|
-
const componentName$
|
|
6473
|
+
const componentName$D = getComponentName('combo-box');
|
|
6474
6474
|
|
|
6475
6475
|
const ComboBoxMixin = (superclass) =>
|
|
6476
6476
|
class ComboBoxMixinClass extends superclass {
|
|
@@ -6906,7 +6906,7 @@ const ComboBoxClass = compose(
|
|
|
6906
6906
|
vaadin-combo-box[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {
|
|
6907
6907
|
opacity: 0;
|
|
6908
6908
|
}
|
|
6909
|
-
|
|
6909
|
+
|
|
6910
6910
|
${resetInputLabelPosition('vaadin-combo-box')}
|
|
6911
6911
|
${inputFloatingLabelStyle()}
|
|
6912
6912
|
`,
|
|
@@ -6915,83 +6915,83 @@ const ComboBoxClass = compose(
|
|
|
6915
6915
|
// and reset items to an empty array, and opening the list box with no items
|
|
6916
6916
|
// to display.
|
|
6917
6917
|
excludeAttrsSync: ['tabindex', 'size', 'data'],
|
|
6918
|
-
componentName: componentName$
|
|
6918
|
+
componentName: componentName$D,
|
|
6919
6919
|
includeForwardProps: ['items', 'renderer', 'selectedItem'],
|
|
6920
6920
|
})
|
|
6921
6921
|
);
|
|
6922
6922
|
|
|
6923
6923
|
const globalRefs$m = getThemeRefs(globals);
|
|
6924
|
-
const vars$
|
|
6924
|
+
const vars$w = ComboBoxClass.cssVarList;
|
|
6925
6925
|
|
|
6926
6926
|
const comboBox = {
|
|
6927
|
-
[vars$
|
|
6928
|
-
[vars$
|
|
6929
|
-
[vars$
|
|
6930
|
-
[vars$
|
|
6931
|
-
[vars$
|
|
6932
|
-
[vars$
|
|
6933
|
-
[vars$
|
|
6934
|
-
[vars$
|
|
6935
|
-
[vars$
|
|
6936
|
-
[vars$
|
|
6937
|
-
[vars$
|
|
6938
|
-
[vars$
|
|
6939
|
-
[vars$
|
|
6940
|
-
[vars$
|
|
6941
|
-
[vars$
|
|
6942
|
-
[vars$
|
|
6943
|
-
[vars$
|
|
6944
|
-
[vars$
|
|
6945
|
-
[vars$
|
|
6946
|
-
[vars$
|
|
6947
|
-
[vars$
|
|
6948
|
-
[vars$
|
|
6949
|
-
[vars$
|
|
6950
|
-
[vars$
|
|
6951
|
-
[vars$
|
|
6952
|
-
[vars$
|
|
6953
|
-
[vars$
|
|
6954
|
-
[vars$
|
|
6955
|
-
[vars$
|
|
6956
|
-
[vars$
|
|
6957
|
-
[vars$
|
|
6958
|
-
[vars$
|
|
6959
|
-
[vars$
|
|
6960
|
-
[vars$
|
|
6961
|
-
[vars$
|
|
6962
|
-
[vars$
|
|
6963
|
-
[vars$
|
|
6964
|
-
[vars$
|
|
6927
|
+
[vars$w.hostWidth]: refs.width,
|
|
6928
|
+
[vars$w.hostDirection]: refs.direction,
|
|
6929
|
+
[vars$w.fontSize]: refs.fontSize,
|
|
6930
|
+
[vars$w.fontFamily]: refs.fontFamily,
|
|
6931
|
+
[vars$w.labelFontSize]: refs.labelFontSize,
|
|
6932
|
+
[vars$w.labelFontWeight]: refs.labelFontWeight,
|
|
6933
|
+
[vars$w.labelTextColor]: refs.labelTextColor,
|
|
6934
|
+
[vars$w.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
6935
|
+
[vars$w.inputBorderColor]: refs.borderColor,
|
|
6936
|
+
[vars$w.inputBorderWidth]: refs.borderWidth,
|
|
6937
|
+
[vars$w.inputBorderStyle]: refs.borderStyle,
|
|
6938
|
+
[vars$w.inputBorderRadius]: refs.borderRadius,
|
|
6939
|
+
[vars$w.inputOutlineColor]: refs.outlineColor,
|
|
6940
|
+
[vars$w.inputOutlineOffset]: refs.outlineOffset,
|
|
6941
|
+
[vars$w.inputOutlineWidth]: refs.outlineWidth,
|
|
6942
|
+
[vars$w.inputOutlineStyle]: refs.outlineStyle,
|
|
6943
|
+
[vars$w.labelRequiredIndicator]: refs.requiredIndicator,
|
|
6944
|
+
[vars$w.inputValueTextColor]: refs.valueTextColor,
|
|
6945
|
+
[vars$w.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
6946
|
+
[vars$w.inputBackgroundColor]: refs.backgroundColor,
|
|
6947
|
+
[vars$w.inputHorizontalPadding]: refs.horizontalPadding,
|
|
6948
|
+
[vars$w.inputHeight]: refs.inputHeight,
|
|
6949
|
+
[vars$w.inputDropdownButtonColor]: globalRefs$m.colors.surface.dark,
|
|
6950
|
+
[vars$w.inputDropdownButtonCursor]: 'pointer',
|
|
6951
|
+
[vars$w.inputDropdownButtonSize]: refs.toggleButtonSize,
|
|
6952
|
+
[vars$w.inputDropdownButtonOffset]: globalRefs$m.spacing.xs,
|
|
6953
|
+
[vars$w.overlayItemPaddingInlineStart]: globalRefs$m.spacing.xs,
|
|
6954
|
+
[vars$w.overlayItemPaddingInlineEnd]: globalRefs$m.spacing.lg,
|
|
6955
|
+
[vars$w.labelPosition]: refs.labelPosition,
|
|
6956
|
+
[vars$w.labelTopPosition]: refs.labelTopPosition,
|
|
6957
|
+
[vars$w.labelHorizontalPosition]: refs.labelHorizontalPosition,
|
|
6958
|
+
[vars$w.inputTransformY]: refs.inputTransformY,
|
|
6959
|
+
[vars$w.inputTransition]: refs.inputTransition,
|
|
6960
|
+
[vars$w.marginInlineStart]: refs.marginInlineStart,
|
|
6961
|
+
[vars$w.placeholderOpacity]: refs.placeholderOpacity,
|
|
6962
|
+
[vars$w.inputVerticalAlignment]: refs.inputVerticalAlignment,
|
|
6963
|
+
[vars$w.valueInputHeight]: refs.valueInputHeight,
|
|
6964
|
+
[vars$w.valueInputMarginBottom]: refs.valueInputMarginBottom,
|
|
6965
6965
|
|
|
6966
6966
|
_readonly: {
|
|
6967
|
-
[vars$
|
|
6967
|
+
[vars$w.inputDropdownButtonCursor]: 'default',
|
|
6968
6968
|
},
|
|
6969
6969
|
|
|
6970
6970
|
// Overlay theme exposed via the component:
|
|
6971
|
-
[vars$
|
|
6972
|
-
[vars$
|
|
6973
|
-
[vars$
|
|
6974
|
-
[vars$
|
|
6975
|
-
[vars$
|
|
6976
|
-
[vars$
|
|
6971
|
+
[vars$w.overlayFontSize]: refs.fontSize,
|
|
6972
|
+
[vars$w.overlayFontFamily]: refs.fontFamily,
|
|
6973
|
+
[vars$w.overlayCursor]: 'pointer',
|
|
6974
|
+
[vars$w.overlayItemBoxShadow]: 'none',
|
|
6975
|
+
[vars$w.overlayBackground]: refs.backgroundColor,
|
|
6976
|
+
[vars$w.overlayTextColor]: refs.valueTextColor,
|
|
6977
6977
|
|
|
6978
6978
|
// Overlay direct theme:
|
|
6979
|
-
[vars$
|
|
6980
|
-
[vars$
|
|
6979
|
+
[vars$w.overlay.minHeight]: '400px',
|
|
6980
|
+
[vars$w.overlay.margin]: '0',
|
|
6981
6981
|
};
|
|
6982
6982
|
|
|
6983
6983
|
var comboBox$1 = /*#__PURE__*/Object.freeze({
|
|
6984
6984
|
__proto__: null,
|
|
6985
6985
|
comboBox: comboBox,
|
|
6986
6986
|
default: comboBox,
|
|
6987
|
-
vars: vars$
|
|
6987
|
+
vars: vars$w
|
|
6988
6988
|
});
|
|
6989
6989
|
|
|
6990
6990
|
const observedAttributes$2 = ['src', 'alt'];
|
|
6991
6991
|
|
|
6992
|
-
const componentName$
|
|
6992
|
+
const componentName$C = getComponentName('image');
|
|
6993
6993
|
|
|
6994
|
-
const BaseClass$1 = createBaseClass({ componentName: componentName$
|
|
6994
|
+
const BaseClass$1 = createBaseClass({ componentName: componentName$C, baseSelector: ':host > img' });
|
|
6995
6995
|
class RawImage extends BaseClass$1 {
|
|
6996
6996
|
static get observedAttributes() {
|
|
6997
6997
|
return observedAttributes$2.concat(BaseClass$1.observedAttributes || []);
|
|
@@ -7031,14 +7031,14 @@ const ImageClass = compose(
|
|
|
7031
7031
|
draggableMixin
|
|
7032
7032
|
)(RawImage);
|
|
7033
7033
|
|
|
7034
|
-
const vars$
|
|
7034
|
+
const vars$v = ImageClass.cssVarList;
|
|
7035
7035
|
|
|
7036
7036
|
const image = {};
|
|
7037
7037
|
|
|
7038
7038
|
var image$1 = /*#__PURE__*/Object.freeze({
|
|
7039
7039
|
__proto__: null,
|
|
7040
7040
|
default: image,
|
|
7041
|
-
vars: vars$
|
|
7041
|
+
vars: vars$v
|
|
7042
7042
|
});
|
|
7043
7043
|
|
|
7044
7044
|
var CountryCodes = [
|
|
@@ -8257,14 +8257,14 @@ var CountryCodes = [
|
|
|
8257
8257
|
].sort((a, b) => (a.name < b.name ? -1 : 1)),
|
|
8258
8258
|
];
|
|
8259
8259
|
|
|
8260
|
-
const componentName$
|
|
8260
|
+
const componentName$B = getComponentName('phone-field-internal');
|
|
8261
8261
|
|
|
8262
|
-
createBaseInputClass({ componentName: componentName$
|
|
8262
|
+
createBaseInputClass({ componentName: componentName$B, baseSelector: 'div' });
|
|
8263
8263
|
|
|
8264
8264
|
const textVars$2 = TextFieldClass.cssVarList;
|
|
8265
8265
|
const comboVars = ComboBoxClass.cssVarList;
|
|
8266
8266
|
|
|
8267
|
-
const componentName$
|
|
8267
|
+
const componentName$A = getComponentName('phone-field');
|
|
8268
8268
|
|
|
8269
8269
|
const customMixin$8 = (superclass) =>
|
|
8270
8270
|
class PhoneFieldMixinClass extends superclass {
|
|
@@ -8278,15 +8278,15 @@ const customMixin$8 = (superclass) =>
|
|
|
8278
8278
|
const template = document.createElement('template');
|
|
8279
8279
|
|
|
8280
8280
|
template.innerHTML = `
|
|
8281
|
-
<${componentName$
|
|
8281
|
+
<${componentName$B}
|
|
8282
8282
|
tabindex="-1"
|
|
8283
8283
|
slot="input"
|
|
8284
|
-
></${componentName$
|
|
8284
|
+
></${componentName$B}>
|
|
8285
8285
|
`;
|
|
8286
8286
|
|
|
8287
8287
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
|
8288
8288
|
|
|
8289
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
|
8289
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$B);
|
|
8290
8290
|
|
|
8291
8291
|
forwardAttrs(this.shadowRoot.host, this.inputElement, {
|
|
8292
8292
|
includeAttrs: [
|
|
@@ -8508,36 +8508,36 @@ const PhoneFieldClass = compose(
|
|
|
8508
8508
|
${resetInputLabelPosition('vaadin-text-field')}
|
|
8509
8509
|
`,
|
|
8510
8510
|
excludeAttrsSync: ['tabindex'],
|
|
8511
|
-
componentName: componentName$
|
|
8511
|
+
componentName: componentName$A,
|
|
8512
8512
|
})
|
|
8513
8513
|
);
|
|
8514
8514
|
|
|
8515
|
-
const vars$
|
|
8515
|
+
const vars$u = PhoneFieldClass.cssVarList;
|
|
8516
8516
|
|
|
8517
8517
|
const phoneField = {
|
|
8518
|
-
[vars$
|
|
8519
|
-
[vars$
|
|
8520
|
-
[vars$
|
|
8521
|
-
[vars$
|
|
8522
|
-
[vars$
|
|
8523
|
-
[vars$
|
|
8524
|
-
[vars$
|
|
8525
|
-
[vars$
|
|
8526
|
-
[vars$
|
|
8527
|
-
[vars$
|
|
8528
|
-
[vars$
|
|
8529
|
-
[vars$
|
|
8530
|
-
[vars$
|
|
8531
|
-
[vars$
|
|
8532
|
-
[vars$
|
|
8533
|
-
[vars$
|
|
8534
|
-
[vars$
|
|
8535
|
-
[vars$
|
|
8536
|
-
[vars$
|
|
8537
|
-
[vars$
|
|
8538
|
-
[vars$
|
|
8539
|
-
[vars$
|
|
8540
|
-
[vars$
|
|
8518
|
+
[vars$u.hostWidth]: refs.width,
|
|
8519
|
+
[vars$u.hostDirection]: refs.direction,
|
|
8520
|
+
[vars$u.fontSize]: refs.fontSize,
|
|
8521
|
+
[vars$u.fontFamily]: refs.fontFamily,
|
|
8522
|
+
[vars$u.labelTextColor]: refs.labelTextColor,
|
|
8523
|
+
[vars$u.labelRequiredIndicator]: refs.requiredIndicator,
|
|
8524
|
+
[vars$u.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
8525
|
+
[vars$u.inputValueTextColor]: refs.valueTextColor,
|
|
8526
|
+
[vars$u.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
8527
|
+
[vars$u.inputBorderStyle]: refs.borderStyle,
|
|
8528
|
+
[vars$u.inputBorderWidth]: refs.borderWidth,
|
|
8529
|
+
[vars$u.inputBorderColor]: refs.borderColor,
|
|
8530
|
+
[vars$u.inputBorderRadius]: refs.borderRadius,
|
|
8531
|
+
[vars$u.inputOutlineStyle]: refs.outlineStyle,
|
|
8532
|
+
[vars$u.inputOutlineWidth]: refs.outlineWidth,
|
|
8533
|
+
[vars$u.inputOutlineColor]: refs.outlineColor,
|
|
8534
|
+
[vars$u.inputOutlineOffset]: refs.outlineOffset,
|
|
8535
|
+
[vars$u.phoneInputWidth]: refs.minWidth,
|
|
8536
|
+
[vars$u.countryCodeInputWidth]: '5em',
|
|
8537
|
+
[vars$u.countryCodeDropdownWidth]: '20em',
|
|
8538
|
+
[vars$u.marginInlineStart]: '-0.25em',
|
|
8539
|
+
[vars$u.valueInputHeight]: refs.valueInputHeight,
|
|
8540
|
+
[vars$u.valueInputMarginBottom]: refs.valueInputMarginBottom,
|
|
8541
8541
|
|
|
8542
8542
|
// '@overlay': {
|
|
8543
8543
|
// overlayItemBackgroundColor: 'red'
|
|
@@ -8547,16 +8547,16 @@ const phoneField = {
|
|
|
8547
8547
|
var phoneField$1 = /*#__PURE__*/Object.freeze({
|
|
8548
8548
|
__proto__: null,
|
|
8549
8549
|
default: phoneField,
|
|
8550
|
-
vars: vars$
|
|
8550
|
+
vars: vars$u
|
|
8551
8551
|
});
|
|
8552
8552
|
|
|
8553
|
-
const componentName$
|
|
8553
|
+
const componentName$z = getComponentName('phone-field-internal-input-box');
|
|
8554
8554
|
|
|
8555
|
-
createBaseInputClass({ componentName: componentName$
|
|
8555
|
+
createBaseInputClass({ componentName: componentName$z, baseSelector: 'div' });
|
|
8556
8556
|
|
|
8557
8557
|
const textVars$1 = TextFieldClass.cssVarList;
|
|
8558
8558
|
|
|
8559
|
-
const componentName$
|
|
8559
|
+
const componentName$y = getComponentName('phone-input-box-field');
|
|
8560
8560
|
|
|
8561
8561
|
const customMixin$7 = (superclass) =>
|
|
8562
8562
|
class PhoneInputBoxFieldMixinClass extends superclass {
|
|
@@ -8570,15 +8570,15 @@ const customMixin$7 = (superclass) =>
|
|
|
8570
8570
|
const template = document.createElement('template');
|
|
8571
8571
|
|
|
8572
8572
|
template.innerHTML = `
|
|
8573
|
-
<${componentName$
|
|
8573
|
+
<${componentName$z}
|
|
8574
8574
|
tabindex="-1"
|
|
8575
8575
|
slot="input"
|
|
8576
|
-
></${componentName$
|
|
8576
|
+
></${componentName$z}>
|
|
8577
8577
|
`;
|
|
8578
8578
|
|
|
8579
8579
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
|
8580
8580
|
|
|
8581
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
|
8581
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$z);
|
|
8582
8582
|
|
|
8583
8583
|
forwardAttrs(this.shadowRoot.host, this.inputElement, {
|
|
8584
8584
|
includeAttrs: [
|
|
@@ -8755,68 +8755,68 @@ const PhoneFieldInputBoxClass = compose(
|
|
|
8755
8755
|
${inputFloatingLabelStyle()}
|
|
8756
8756
|
`,
|
|
8757
8757
|
excludeAttrsSync: ['tabindex'],
|
|
8758
|
-
componentName: componentName$
|
|
8758
|
+
componentName: componentName$y,
|
|
8759
8759
|
})
|
|
8760
8760
|
);
|
|
8761
8761
|
|
|
8762
|
-
const vars$
|
|
8762
|
+
const vars$t = PhoneFieldInputBoxClass.cssVarList;
|
|
8763
8763
|
|
|
8764
8764
|
const phoneInputBoxField = {
|
|
8765
|
-
[vars$
|
|
8766
|
-
[vars$
|
|
8767
|
-
[vars$
|
|
8768
|
-
[vars$
|
|
8769
|
-
[vars$
|
|
8770
|
-
[vars$
|
|
8771
|
-
[vars$
|
|
8772
|
-
[vars$
|
|
8773
|
-
[vars$
|
|
8774
|
-
[vars$
|
|
8775
|
-
[vars$
|
|
8776
|
-
[vars$
|
|
8777
|
-
[vars$
|
|
8778
|
-
[vars$
|
|
8779
|
-
[vars$
|
|
8780
|
-
[vars$
|
|
8781
|
-
[vars$
|
|
8782
|
-
[vars$
|
|
8783
|
-
[vars$
|
|
8784
|
-
[vars$
|
|
8785
|
-
[vars$
|
|
8786
|
-
[vars$
|
|
8787
|
-
[vars$
|
|
8788
|
-
[vars$
|
|
8789
|
-
[vars$
|
|
8790
|
-
[vars$
|
|
8791
|
-
[vars$
|
|
8792
|
-
[vars$
|
|
8793
|
-
[vars$
|
|
8765
|
+
[vars$t.hostWidth]: '16em',
|
|
8766
|
+
[vars$t.hostMinWidth]: refs.minWidth,
|
|
8767
|
+
[vars$t.hostDirection]: refs.direction,
|
|
8768
|
+
[vars$t.fontSize]: refs.fontSize,
|
|
8769
|
+
[vars$t.fontFamily]: refs.fontFamily,
|
|
8770
|
+
[vars$t.labelFontSize]: refs.labelFontSize,
|
|
8771
|
+
[vars$t.labelFontWeight]: refs.labelFontWeight,
|
|
8772
|
+
[vars$t.labelTextColor]: refs.labelTextColor,
|
|
8773
|
+
[vars$t.labelRequiredIndicator]: refs.requiredIndicator,
|
|
8774
|
+
[vars$t.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
8775
|
+
[vars$t.inputValueTextColor]: refs.valueTextColor,
|
|
8776
|
+
[vars$t.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
8777
|
+
[vars$t.inputBorderStyle]: refs.borderStyle,
|
|
8778
|
+
[vars$t.inputBorderWidth]: refs.borderWidth,
|
|
8779
|
+
[vars$t.inputBorderColor]: refs.borderColor,
|
|
8780
|
+
[vars$t.inputBorderRadius]: refs.borderRadius,
|
|
8781
|
+
[vars$t.inputOutlineStyle]: refs.outlineStyle,
|
|
8782
|
+
[vars$t.inputOutlineWidth]: refs.outlineWidth,
|
|
8783
|
+
[vars$t.inputOutlineColor]: refs.outlineColor,
|
|
8784
|
+
[vars$t.inputOutlineOffset]: refs.outlineOffset,
|
|
8785
|
+
[vars$t.labelPosition]: refs.labelPosition,
|
|
8786
|
+
[vars$t.labelTopPosition]: refs.labelTopPosition,
|
|
8787
|
+
[vars$t.labelHorizontalPosition]: refs.labelHorizontalPosition,
|
|
8788
|
+
[vars$t.inputTransformY]: refs.inputTransformY,
|
|
8789
|
+
[vars$t.inputTransition]: refs.inputTransition,
|
|
8790
|
+
[vars$t.marginInlineStart]: refs.marginInlineStart,
|
|
8791
|
+
[vars$t.valueInputHeight]: refs.valueInputHeight,
|
|
8792
|
+
[vars$t.valueInputMarginBottom]: refs.valueInputMarginBottom,
|
|
8793
|
+
[vars$t.inputHorizontalPadding]: '0',
|
|
8794
8794
|
|
|
8795
8795
|
_fullWidth: {
|
|
8796
|
-
[vars$
|
|
8796
|
+
[vars$t.hostWidth]: refs.width,
|
|
8797
8797
|
},
|
|
8798
8798
|
};
|
|
8799
8799
|
|
|
8800
8800
|
var phoneInputBoxField$1 = /*#__PURE__*/Object.freeze({
|
|
8801
8801
|
__proto__: null,
|
|
8802
8802
|
default: phoneInputBoxField,
|
|
8803
|
-
vars: vars$
|
|
8803
|
+
vars: vars$t
|
|
8804
8804
|
});
|
|
8805
8805
|
|
|
8806
|
-
const componentName$
|
|
8806
|
+
const componentName$x = getComponentName('new-password-internal');
|
|
8807
8807
|
|
|
8808
8808
|
const interpolateString = (template, values) =>
|
|
8809
8809
|
template.replace(/{{(\w+)+}}/g, (match, key) => values?.[key] || match);
|
|
8810
8810
|
|
|
8811
8811
|
// eslint-disable-next-line max-classes-per-file
|
|
8812
8812
|
|
|
8813
|
-
const componentName$
|
|
8813
|
+
const componentName$w = getComponentName('policy-validation');
|
|
8814
8814
|
|
|
8815
8815
|
const overrideAttrs = ['data-password-policy-value-minlength'];
|
|
8816
8816
|
const dataAttrs = ['data', 'active-policies', 'overrides', ...overrideAttrs];
|
|
8817
8817
|
const policyAttrs = ['label', 'value', ...dataAttrs];
|
|
8818
8818
|
|
|
8819
|
-
class RawPolicyValidation extends createBaseClass({ componentName: componentName$
|
|
8819
|
+
class RawPolicyValidation extends createBaseClass({ componentName: componentName$w, baseSelector: ':host > div' }) {
|
|
8820
8820
|
#availablePolicies;
|
|
8821
8821
|
|
|
8822
8822
|
#activePolicies = [];
|
|
@@ -9024,7 +9024,7 @@ const PolicyValidationClass = compose(
|
|
|
9024
9024
|
componentNameValidationMixin
|
|
9025
9025
|
)(RawPolicyValidation);
|
|
9026
9026
|
|
|
9027
|
-
const componentName$
|
|
9027
|
+
const componentName$v = getComponentName('new-password');
|
|
9028
9028
|
|
|
9029
9029
|
const policyPreviewVars = PolicyValidationClass.cssVarList;
|
|
9030
9030
|
|
|
@@ -9038,18 +9038,18 @@ const customMixin$6 = (superclass) =>
|
|
|
9038
9038
|
const externalInputAttr = this.getAttribute('external-input');
|
|
9039
9039
|
|
|
9040
9040
|
template.innerHTML = `
|
|
9041
|
-
<${componentName$
|
|
9041
|
+
<${componentName$x}
|
|
9042
9042
|
name="new-password"
|
|
9043
9043
|
tabindex="-1"
|
|
9044
9044
|
slot="input"
|
|
9045
9045
|
external-input="${externalInputAttr}"
|
|
9046
9046
|
>
|
|
9047
|
-
</${componentName$
|
|
9047
|
+
</${componentName$x}>
|
|
9048
9048
|
`;
|
|
9049
9049
|
|
|
9050
9050
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
|
9051
9051
|
|
|
9052
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
|
9052
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$x);
|
|
9053
9053
|
|
|
9054
9054
|
if (this.getAttribute('external-input') === 'true') {
|
|
9055
9055
|
this.initExternalInput();
|
|
@@ -9225,40 +9225,40 @@ const NewPasswordClass = compose(
|
|
|
9225
9225
|
}
|
|
9226
9226
|
`,
|
|
9227
9227
|
excludeAttrsSync: ['tabindex'],
|
|
9228
|
-
componentName: componentName$
|
|
9228
|
+
componentName: componentName$v,
|
|
9229
9229
|
})
|
|
9230
9230
|
);
|
|
9231
9231
|
|
|
9232
9232
|
const globalRefs$l = getThemeRefs(globals);
|
|
9233
|
-
const vars$
|
|
9233
|
+
const vars$s = NewPasswordClass.cssVarList;
|
|
9234
9234
|
|
|
9235
9235
|
const newPassword = {
|
|
9236
|
-
[vars$
|
|
9237
|
-
[vars$
|
|
9238
|
-
[vars$
|
|
9239
|
-
[vars$
|
|
9240
|
-
[vars$
|
|
9241
|
-
[vars$
|
|
9242
|
-
[vars$
|
|
9243
|
-
[vars$
|
|
9244
|
-
[vars$
|
|
9245
|
-
[vars$
|
|
9246
|
-
[vars$
|
|
9247
|
-
[vars$
|
|
9248
|
-
[vars$
|
|
9236
|
+
[vars$s.hostWidth]: refs.width,
|
|
9237
|
+
[vars$s.hostMinWidth]: refs.minWidth,
|
|
9238
|
+
[vars$s.hostDirection]: refs.direction,
|
|
9239
|
+
[vars$s.fontSize]: refs.fontSize,
|
|
9240
|
+
[vars$s.fontFamily]: refs.fontFamily,
|
|
9241
|
+
[vars$s.labelFontSize]: refs.labelFontSize,
|
|
9242
|
+
[vars$s.labelFontWeight]: refs.labelFontWeight,
|
|
9243
|
+
[vars$s.labelTextColor]: refs.labelTextColor,
|
|
9244
|
+
[vars$s.spaceBetweenInputs]: '1em',
|
|
9245
|
+
[vars$s.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
9246
|
+
[vars$s.policyPreviewBackgroundColor]: 'none',
|
|
9247
|
+
[vars$s.policyPreviewPadding]: globalRefs$l.spacing.lg,
|
|
9248
|
+
[vars$s.valueInputHeight]: refs.valueInputHeight,
|
|
9249
9249
|
|
|
9250
9250
|
_required: {
|
|
9251
9251
|
// NewPassword doesn't pass `required` attribute to its Password components.
|
|
9252
9252
|
// That's why we fake the required indicator on each input.
|
|
9253
9253
|
// We do that by injecting `::after` element, and populating it with requiredIndicator content.
|
|
9254
|
-
[vars$
|
|
9254
|
+
[vars$s.inputsRequiredIndicator]: refs.requiredIndicator, // used to populate required content for NewPassword input fields outside the theme
|
|
9255
9255
|
},
|
|
9256
9256
|
};
|
|
9257
9257
|
|
|
9258
9258
|
var newPassword$1 = /*#__PURE__*/Object.freeze({
|
|
9259
9259
|
__proto__: null,
|
|
9260
9260
|
default: newPassword,
|
|
9261
|
-
vars: vars$
|
|
9261
|
+
vars: vars$s
|
|
9262
9262
|
});
|
|
9263
9263
|
|
|
9264
9264
|
const getFileBase64 = (fileObj) => {
|
|
@@ -9273,7 +9273,7 @@ const getFilename = (fileObj) => {
|
|
|
9273
9273
|
return fileObj.name.replace(/^.*\\/, '');
|
|
9274
9274
|
};
|
|
9275
9275
|
|
|
9276
|
-
const componentName$
|
|
9276
|
+
const componentName$u = getComponentName('upload-file');
|
|
9277
9277
|
|
|
9278
9278
|
const observedAttributes$1 = [
|
|
9279
9279
|
'title',
|
|
@@ -9288,7 +9288,7 @@ const observedAttributes$1 = [
|
|
|
9288
9288
|
'icon',
|
|
9289
9289
|
];
|
|
9290
9290
|
|
|
9291
|
-
const BaseInputClass$2 = createBaseInputClass({ componentName: componentName$
|
|
9291
|
+
const BaseInputClass$2 = createBaseInputClass({ componentName: componentName$u, baseSelector: ':host > div' });
|
|
9292
9292
|
|
|
9293
9293
|
class RawUploadFile extends BaseInputClass$2 {
|
|
9294
9294
|
static get observedAttributes() {
|
|
@@ -9503,77 +9503,77 @@ const UploadFileClass = compose(
|
|
|
9503
9503
|
componentNameValidationMixin
|
|
9504
9504
|
)(RawUploadFile);
|
|
9505
9505
|
|
|
9506
|
-
const vars$
|
|
9506
|
+
const vars$r = UploadFileClass.cssVarList;
|
|
9507
9507
|
|
|
9508
9508
|
const uploadFile = {
|
|
9509
|
-
[vars$
|
|
9510
|
-
[vars$
|
|
9511
|
-
[vars$
|
|
9509
|
+
[vars$r.hostDirection]: refs.direction,
|
|
9510
|
+
[vars$r.labelTextColor]: refs.labelTextColor,
|
|
9511
|
+
[vars$r.fontFamily]: refs.fontFamily,
|
|
9512
9512
|
|
|
9513
|
-
[vars$
|
|
9513
|
+
[vars$r.iconSize]: '2em',
|
|
9514
9514
|
|
|
9515
|
-
[vars$
|
|
9516
|
-
[vars$
|
|
9515
|
+
[vars$r.hostPadding]: '0.75em',
|
|
9516
|
+
[vars$r.gap]: '0.5em',
|
|
9517
9517
|
|
|
9518
|
-
[vars$
|
|
9519
|
-
[vars$
|
|
9520
|
-
[vars$
|
|
9518
|
+
[vars$r.fontSize]: '16px',
|
|
9519
|
+
[vars$r.titleFontWeight]: '500',
|
|
9520
|
+
[vars$r.lineHeight]: '1em',
|
|
9521
9521
|
|
|
9522
|
-
[vars$
|
|
9523
|
-
[vars$
|
|
9524
|
-
[vars$
|
|
9525
|
-
[vars$
|
|
9522
|
+
[vars$r.borderWidth]: refs.borderWidth,
|
|
9523
|
+
[vars$r.borderColor]: refs.borderColor,
|
|
9524
|
+
[vars$r.borderRadius]: refs.borderRadius,
|
|
9525
|
+
[vars$r.borderStyle]: 'dashed',
|
|
9526
9526
|
|
|
9527
9527
|
_required: {
|
|
9528
|
-
[vars$
|
|
9528
|
+
[vars$r.requiredIndicator]: refs.requiredIndicator,
|
|
9529
9529
|
},
|
|
9530
9530
|
|
|
9531
9531
|
size: {
|
|
9532
9532
|
xs: {
|
|
9533
|
-
[vars$
|
|
9534
|
-
[vars$
|
|
9535
|
-
[vars$
|
|
9536
|
-
[vars$
|
|
9537
|
-
[vars$
|
|
9533
|
+
[vars$r.hostHeight]: '196px',
|
|
9534
|
+
[vars$r.hostWidth]: '200px',
|
|
9535
|
+
[vars$r.titleFontSize]: '0.875em',
|
|
9536
|
+
[vars$r.descriptionFontSize]: '0.875em',
|
|
9537
|
+
[vars$r.lineHeight]: '1.25em',
|
|
9538
9538
|
},
|
|
9539
9539
|
sm: {
|
|
9540
|
-
[vars$
|
|
9541
|
-
[vars$
|
|
9542
|
-
[vars$
|
|
9543
|
-
[vars$
|
|
9544
|
-
[vars$
|
|
9540
|
+
[vars$r.hostHeight]: '216px',
|
|
9541
|
+
[vars$r.hostWidth]: '230px',
|
|
9542
|
+
[vars$r.titleFontSize]: '1em',
|
|
9543
|
+
[vars$r.descriptionFontSize]: '0.875em',
|
|
9544
|
+
[vars$r.lineHeight]: '1.25em',
|
|
9545
9545
|
},
|
|
9546
9546
|
md: {
|
|
9547
|
-
[vars$
|
|
9548
|
-
[vars$
|
|
9549
|
-
[vars$
|
|
9550
|
-
[vars$
|
|
9551
|
-
[vars$
|
|
9547
|
+
[vars$r.hostHeight]: '256px',
|
|
9548
|
+
[vars$r.hostWidth]: '312px',
|
|
9549
|
+
[vars$r.titleFontSize]: '1.125em',
|
|
9550
|
+
[vars$r.descriptionFontSize]: '1em',
|
|
9551
|
+
[vars$r.lineHeight]: '1.5em',
|
|
9552
9552
|
},
|
|
9553
9553
|
lg: {
|
|
9554
|
-
[vars$
|
|
9555
|
-
[vars$
|
|
9556
|
-
[vars$
|
|
9557
|
-
[vars$
|
|
9558
|
-
[vars$
|
|
9554
|
+
[vars$r.hostHeight]: '280px',
|
|
9555
|
+
[vars$r.hostWidth]: '336px',
|
|
9556
|
+
[vars$r.titleFontSize]: '1.125em',
|
|
9557
|
+
[vars$r.descriptionFontSize]: '1.125em',
|
|
9558
|
+
[vars$r.lineHeight]: '1.75em',
|
|
9559
9559
|
},
|
|
9560
9560
|
},
|
|
9561
9561
|
|
|
9562
9562
|
_fullWidth: {
|
|
9563
|
-
[vars$
|
|
9563
|
+
[vars$r.hostWidth]: refs.width,
|
|
9564
9564
|
},
|
|
9565
9565
|
};
|
|
9566
9566
|
|
|
9567
9567
|
var uploadFile$1 = /*#__PURE__*/Object.freeze({
|
|
9568
9568
|
__proto__: null,
|
|
9569
9569
|
default: uploadFile,
|
|
9570
|
-
vars: vars$
|
|
9570
|
+
vars: vars$r
|
|
9571
9571
|
});
|
|
9572
9572
|
|
|
9573
|
-
const componentName$
|
|
9573
|
+
const componentName$t = getComponentName('button-selection-group-item');
|
|
9574
9574
|
|
|
9575
9575
|
class RawSelectItem extends createBaseClass({
|
|
9576
|
-
componentName: componentName$
|
|
9576
|
+
componentName: componentName$t,
|
|
9577
9577
|
baseSelector: ':host > descope-button',
|
|
9578
9578
|
}) {
|
|
9579
9579
|
get size() {
|
|
@@ -9682,37 +9682,37 @@ const ButtonSelectionGroupItemClass = compose(
|
|
|
9682
9682
|
|
|
9683
9683
|
const globalRefs$k = getThemeRefs(globals);
|
|
9684
9684
|
|
|
9685
|
-
const vars$
|
|
9685
|
+
const vars$q = ButtonSelectionGroupItemClass.cssVarList;
|
|
9686
9686
|
|
|
9687
9687
|
const buttonSelectionGroupItem = {
|
|
9688
|
-
[vars$
|
|
9689
|
-
[vars$
|
|
9690
|
-
[vars$
|
|
9691
|
-
[vars$
|
|
9692
|
-
[vars$
|
|
9693
|
-
[vars$
|
|
9694
|
-
[vars$
|
|
9695
|
-
[vars$
|
|
9688
|
+
[vars$q.hostDirection]: 'inherit',
|
|
9689
|
+
[vars$q.backgroundColor]: globalRefs$k.colors.surface.main,
|
|
9690
|
+
[vars$q.labelTextColor]: globalRefs$k.colors.surface.contrast,
|
|
9691
|
+
[vars$q.borderColor]: globalRefs$k.colors.surface.light,
|
|
9692
|
+
[vars$q.borderStyle]: 'solid',
|
|
9693
|
+
[vars$q.borderRadius]: globalRefs$k.radius.sm,
|
|
9694
|
+
[vars$q.outlineColor]: 'transparent',
|
|
9695
|
+
[vars$q.borderWidth]: globalRefs$k.border.xs,
|
|
9696
9696
|
|
|
9697
9697
|
_hover: {
|
|
9698
|
-
[vars$
|
|
9698
|
+
[vars$q.backgroundColor]: globalRefs$k.colors.surface.highlight,
|
|
9699
9699
|
},
|
|
9700
9700
|
|
|
9701
9701
|
_focused: {
|
|
9702
|
-
[vars$
|
|
9702
|
+
[vars$q.outlineColor]: globalRefs$k.colors.surface.light,
|
|
9703
9703
|
},
|
|
9704
9704
|
|
|
9705
9705
|
_selected: {
|
|
9706
|
-
[vars$
|
|
9707
|
-
[vars$
|
|
9708
|
-
[vars$
|
|
9706
|
+
[vars$q.borderColor]: globalRefs$k.colors.surface.contrast,
|
|
9707
|
+
[vars$q.backgroundColor]: globalRefs$k.colors.surface.contrast,
|
|
9708
|
+
[vars$q.labelTextColor]: globalRefs$k.colors.surface.main,
|
|
9709
9709
|
},
|
|
9710
9710
|
};
|
|
9711
9711
|
|
|
9712
9712
|
var buttonSelectionGroupItem$1 = /*#__PURE__*/Object.freeze({
|
|
9713
9713
|
__proto__: null,
|
|
9714
9714
|
default: buttonSelectionGroupItem,
|
|
9715
|
-
vars: vars$
|
|
9715
|
+
vars: vars$q
|
|
9716
9716
|
});
|
|
9717
9717
|
|
|
9718
9718
|
const createBaseButtonSelectionGroupInternalClass = (componentName) => {
|
|
@@ -9811,10 +9811,10 @@ const createBaseButtonSelectionGroupInternalClass = (componentName) => {
|
|
|
9811
9811
|
return BaseButtonSelectionGroupInternalClass;
|
|
9812
9812
|
};
|
|
9813
9813
|
|
|
9814
|
-
const componentName$
|
|
9814
|
+
const componentName$s = getComponentName('button-selection-group-internal');
|
|
9815
9815
|
|
|
9816
9816
|
class ButtonSelectionGroupInternalClass extends createBaseButtonSelectionGroupInternalClass(
|
|
9817
|
-
componentName$
|
|
9817
|
+
componentName$s
|
|
9818
9818
|
) {
|
|
9819
9819
|
getSelectedNode() {
|
|
9820
9820
|
return this.items.find((item) => item.hasAttribute('selected'));
|
|
@@ -10046,7 +10046,7 @@ const buttonSelectionGroupStyles = `
|
|
|
10046
10046
|
${resetInputCursor('vaadin-text-field')}
|
|
10047
10047
|
`;
|
|
10048
10048
|
|
|
10049
|
-
const componentName$
|
|
10049
|
+
const componentName$r = getComponentName('button-selection-group');
|
|
10050
10050
|
|
|
10051
10051
|
const buttonSelectionGroupMixin = (superclass) =>
|
|
10052
10052
|
class ButtonMultiSelectionGroupMixinClass extends superclass {
|
|
@@ -10055,19 +10055,19 @@ const buttonSelectionGroupMixin = (superclass) =>
|
|
|
10055
10055
|
const template = document.createElement('template');
|
|
10056
10056
|
|
|
10057
10057
|
template.innerHTML = `
|
|
10058
|
-
<${componentName$
|
|
10058
|
+
<${componentName$s}
|
|
10059
10059
|
name="button-selection-group"
|
|
10060
10060
|
slot="input"
|
|
10061
10061
|
tabindex="-1"
|
|
10062
10062
|
part="internal-component"
|
|
10063
10063
|
>
|
|
10064
10064
|
<slot></slot>
|
|
10065
|
-
</${componentName$
|
|
10065
|
+
</${componentName$s}>
|
|
10066
10066
|
`;
|
|
10067
10067
|
|
|
10068
10068
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
|
10069
10069
|
|
|
10070
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
|
10070
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$s);
|
|
10071
10071
|
|
|
10072
10072
|
forwardAttrs(this, this.inputElement, {
|
|
10073
10073
|
includeAttrs: ['size', 'default-value', 'allow-deselect'],
|
|
@@ -10092,7 +10092,7 @@ const ButtonSelectionGroupClass = compose(
|
|
|
10092
10092
|
wrappedEleName: 'vaadin-text-field',
|
|
10093
10093
|
style: () => buttonSelectionGroupStyles,
|
|
10094
10094
|
excludeAttrsSync: ['tabindex'],
|
|
10095
|
-
componentName: componentName$
|
|
10095
|
+
componentName: componentName$r,
|
|
10096
10096
|
})
|
|
10097
10097
|
);
|
|
10098
10098
|
|
|
@@ -10108,22 +10108,22 @@ const createBaseButtonSelectionGroupMappings = (vars) => ({
|
|
|
10108
10108
|
[vars.hostWidth]: refs.width,
|
|
10109
10109
|
});
|
|
10110
10110
|
|
|
10111
|
-
const vars$
|
|
10111
|
+
const vars$p = ButtonSelectionGroupClass.cssVarList;
|
|
10112
10112
|
|
|
10113
10113
|
const buttonSelectionGroup = {
|
|
10114
|
-
...createBaseButtonSelectionGroupMappings(vars$
|
|
10114
|
+
...createBaseButtonSelectionGroupMappings(vars$p),
|
|
10115
10115
|
};
|
|
10116
10116
|
|
|
10117
10117
|
var buttonSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
|
10118
10118
|
__proto__: null,
|
|
10119
10119
|
default: buttonSelectionGroup,
|
|
10120
|
-
vars: vars$
|
|
10120
|
+
vars: vars$p
|
|
10121
10121
|
});
|
|
10122
10122
|
|
|
10123
|
-
const componentName$
|
|
10123
|
+
const componentName$q = getComponentName('button-multi-selection-group-internal');
|
|
10124
10124
|
|
|
10125
10125
|
class ButtonMultiSelectionGroupInternalClass extends createBaseButtonSelectionGroupInternalClass(
|
|
10126
|
-
componentName$
|
|
10126
|
+
componentName$q
|
|
10127
10127
|
) {
|
|
10128
10128
|
#getSelectedNodes() {
|
|
10129
10129
|
return this.items.filter((item) => item.hasAttribute('selected'));
|
|
@@ -10226,7 +10226,7 @@ class ButtonMultiSelectionGroupInternalClass extends createBaseButtonSelectionGr
|
|
|
10226
10226
|
}
|
|
10227
10227
|
}
|
|
10228
10228
|
|
|
10229
|
-
const componentName$
|
|
10229
|
+
const componentName$p = getComponentName('button-multi-selection-group');
|
|
10230
10230
|
|
|
10231
10231
|
const buttonMultiSelectionGroupMixin = (superclass) =>
|
|
10232
10232
|
class ButtonMultiSelectionGroupMixinClass extends superclass {
|
|
@@ -10235,19 +10235,19 @@ const buttonMultiSelectionGroupMixin = (superclass) =>
|
|
|
10235
10235
|
const template = document.createElement('template');
|
|
10236
10236
|
|
|
10237
10237
|
template.innerHTML = `
|
|
10238
|
-
<${componentName$
|
|
10238
|
+
<${componentName$q}
|
|
10239
10239
|
name="button-selection-group"
|
|
10240
10240
|
slot="input"
|
|
10241
10241
|
tabindex="-1"
|
|
10242
10242
|
part="internal-component"
|
|
10243
10243
|
>
|
|
10244
10244
|
<slot></slot>
|
|
10245
|
-
</${componentName$
|
|
10245
|
+
</${componentName$q}>
|
|
10246
10246
|
`;
|
|
10247
10247
|
|
|
10248
10248
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
|
10249
10249
|
|
|
10250
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
|
10250
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$q);
|
|
10251
10251
|
|
|
10252
10252
|
forwardAttrs(this, this.inputElement, {
|
|
10253
10253
|
includeAttrs: ['size', 'default-values', 'min-items-selection', 'max-items-selection'],
|
|
@@ -10272,23 +10272,23 @@ const ButtonMultiSelectionGroupClass = compose(
|
|
|
10272
10272
|
wrappedEleName: 'vaadin-text-field',
|
|
10273
10273
|
style: () => buttonSelectionGroupStyles,
|
|
10274
10274
|
excludeAttrsSync: ['tabindex'],
|
|
10275
|
-
componentName: componentName$
|
|
10275
|
+
componentName: componentName$p,
|
|
10276
10276
|
})
|
|
10277
10277
|
);
|
|
10278
10278
|
|
|
10279
|
-
const vars$
|
|
10279
|
+
const vars$o = ButtonMultiSelectionGroupClass.cssVarList;
|
|
10280
10280
|
|
|
10281
10281
|
const buttonMultiSelectionGroup = {
|
|
10282
|
-
...createBaseButtonSelectionGroupMappings(vars$
|
|
10282
|
+
...createBaseButtonSelectionGroupMappings(vars$o),
|
|
10283
10283
|
};
|
|
10284
10284
|
|
|
10285
10285
|
var buttonMultiSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
|
10286
10286
|
__proto__: null,
|
|
10287
10287
|
default: buttonMultiSelectionGroup,
|
|
10288
|
-
vars: vars$
|
|
10288
|
+
vars: vars$o
|
|
10289
10289
|
});
|
|
10290
10290
|
|
|
10291
|
-
const componentName$
|
|
10291
|
+
const componentName$o = getComponentName('modal');
|
|
10292
10292
|
|
|
10293
10293
|
const customMixin$5 = (superclass) =>
|
|
10294
10294
|
class ModalMixinClass extends superclass {
|
|
@@ -10387,7 +10387,7 @@ const ModalClass = compose(
|
|
|
10387
10387
|
wrappedEleName: 'vaadin-dialog',
|
|
10388
10388
|
style: () => ``,
|
|
10389
10389
|
excludeAttrsSync: ['tabindex', 'opened'],
|
|
10390
|
-
componentName: componentName$
|
|
10390
|
+
componentName: componentName$o,
|
|
10391
10391
|
})
|
|
10392
10392
|
);
|
|
10393
10393
|
|
|
@@ -10401,14 +10401,14 @@ const modal = {
|
|
|
10401
10401
|
[compVars$2.overlayWidth]: '540px',
|
|
10402
10402
|
};
|
|
10403
10403
|
|
|
10404
|
-
const vars$
|
|
10404
|
+
const vars$n = {
|
|
10405
10405
|
...compVars$2,
|
|
10406
10406
|
};
|
|
10407
10407
|
|
|
10408
10408
|
var modal$1 = /*#__PURE__*/Object.freeze({
|
|
10409
10409
|
__proto__: null,
|
|
10410
10410
|
default: modal,
|
|
10411
|
-
vars: vars$
|
|
10411
|
+
vars: vars$n
|
|
10412
10412
|
});
|
|
10413
10413
|
|
|
10414
10414
|
const isValidDataType = (data) => {
|
|
@@ -10484,7 +10484,7 @@ const defaultRowDetailsRenderer = (item, itemLabelsMapping) => {
|
|
|
10484
10484
|
`;
|
|
10485
10485
|
};
|
|
10486
10486
|
|
|
10487
|
-
const componentName$
|
|
10487
|
+
const componentName$n = getComponentName('grid');
|
|
10488
10488
|
|
|
10489
10489
|
const GridMixin = (superclass) =>
|
|
10490
10490
|
class GridMixinClass extends superclass {
|
|
@@ -10838,52 +10838,52 @@ const GridClass = compose(
|
|
|
10838
10838
|
/*!css*/
|
|
10839
10839
|
`,
|
|
10840
10840
|
excludeAttrsSync: ['columns', 'tabindex'],
|
|
10841
|
-
componentName: componentName$
|
|
10841
|
+
componentName: componentName$n,
|
|
10842
10842
|
})
|
|
10843
10843
|
);
|
|
10844
10844
|
|
|
10845
10845
|
const globalRefs$h = getThemeRefs(globals);
|
|
10846
|
-
const vars$
|
|
10846
|
+
const vars$m = GridClass.cssVarList;
|
|
10847
10847
|
|
|
10848
10848
|
const grid = {
|
|
10849
|
-
[vars$
|
|
10850
|
-
[vars$
|
|
10851
|
-
[vars$
|
|
10852
|
-
[vars$
|
|
10853
|
-
[vars$
|
|
10854
|
-
|
|
10855
|
-
[vars$
|
|
10856
|
-
[vars$
|
|
10857
|
-
|
|
10858
|
-
[vars$
|
|
10859
|
-
[vars$
|
|
10860
|
-
[vars$
|
|
10861
|
-
|
|
10862
|
-
[vars$
|
|
10863
|
-
[vars$
|
|
10864
|
-
[vars$
|
|
10865
|
-
[vars$
|
|
10866
|
-
|
|
10867
|
-
[vars$
|
|
10868
|
-
[vars$
|
|
10869
|
-
|
|
10870
|
-
[vars$
|
|
10871
|
-
[vars$
|
|
10872
|
-
[vars$
|
|
10873
|
-
|
|
10874
|
-
[vars$
|
|
10875
|
-
[vars$
|
|
10876
|
-
[vars$
|
|
10877
|
-
[vars$
|
|
10878
|
-
[vars$
|
|
10879
|
-
[vars$
|
|
10880
|
-
[vars$
|
|
10881
|
-
[vars$
|
|
10882
|
-
[vars$
|
|
10883
|
-
[vars$
|
|
10849
|
+
[vars$m.hostWidth]: '100%',
|
|
10850
|
+
[vars$m.hostHeight]: '100%',
|
|
10851
|
+
[vars$m.hostMinHeight]: '400px',
|
|
10852
|
+
[vars$m.fontWeight]: '400',
|
|
10853
|
+
[vars$m.backgroundColor]: globalRefs$h.colors.surface.main,
|
|
10854
|
+
|
|
10855
|
+
[vars$m.fontSize]: refs.fontSize,
|
|
10856
|
+
[vars$m.fontFamily]: refs.fontFamily,
|
|
10857
|
+
|
|
10858
|
+
[vars$m.sortIndicatorsColor]: globalRefs$h.colors.surface.light,
|
|
10859
|
+
[vars$m.activeSortIndicator]: globalRefs$h.colors.surface.dark,
|
|
10860
|
+
[vars$m.resizeHandleColor]: globalRefs$h.colors.surface.light,
|
|
10861
|
+
|
|
10862
|
+
[vars$m.borderWidth]: refs.borderWidth,
|
|
10863
|
+
[vars$m.borderStyle]: refs.borderStyle,
|
|
10864
|
+
[vars$m.borderRadius]: refs.borderRadius,
|
|
10865
|
+
[vars$m.borderColor]: 'transparent',
|
|
10866
|
+
|
|
10867
|
+
[vars$m.headerRowTextColor]: globalRefs$h.colors.surface.dark,
|
|
10868
|
+
[vars$m.separatorColor]: globalRefs$h.colors.surface.light,
|
|
10869
|
+
|
|
10870
|
+
[vars$m.valueTextColor]: globalRefs$h.colors.surface.contrast,
|
|
10871
|
+
[vars$m.selectedBackgroundColor]: globalRefs$h.colors.surface.highlight,
|
|
10872
|
+
[vars$m.hostDirection]: globalRefs$h.direction,
|
|
10873
|
+
|
|
10874
|
+
[vars$m.toggleDetailsPanelButtonSize]: '1em',
|
|
10875
|
+
[vars$m.toggleDetailsPanelButtonOpenedColor]: globalRefs$h.colors.surface.contrast,
|
|
10876
|
+
[vars$m.toggleDetailsPanelButtonClosedColor]: globalRefs$h.colors.surface.light,
|
|
10877
|
+
[vars$m.toggleDetailsPanelButtonCursor]: 'pointer',
|
|
10878
|
+
[vars$m.detailsPanelBackgroundColor]: globalRefs$h.colors.surface.highlight,
|
|
10879
|
+
[vars$m.detailsPanelBorderTopColor]: globalRefs$h.colors.surface.light,
|
|
10880
|
+
[vars$m.detailsPanelLabelsColor]: globalRefs$h.colors.surface.dark,
|
|
10881
|
+
[vars$m.detailsPanelLabelsFontSize]: '0.8em',
|
|
10882
|
+
[vars$m.detailsPanelItemsGap]: '2em',
|
|
10883
|
+
[vars$m.detailsPanelPadding]: '12px 0',
|
|
10884
10884
|
|
|
10885
10885
|
_bordered: {
|
|
10886
|
-
[vars$
|
|
10886
|
+
[vars$m.borderColor]: refs.borderColor,
|
|
10887
10887
|
},
|
|
10888
10888
|
};
|
|
10889
10889
|
|
|
@@ -10891,10 +10891,10 @@ var grid$1 = /*#__PURE__*/Object.freeze({
|
|
|
10891
10891
|
__proto__: null,
|
|
10892
10892
|
default: grid,
|
|
10893
10893
|
grid: grid,
|
|
10894
|
-
vars: vars$
|
|
10894
|
+
vars: vars$m
|
|
10895
10895
|
});
|
|
10896
10896
|
|
|
10897
|
-
const componentName$
|
|
10897
|
+
const componentName$m = getComponentName('notification-card');
|
|
10898
10898
|
|
|
10899
10899
|
const notificationCardMixin = (superclass) =>
|
|
10900
10900
|
class NotificationCardMixinClass extends superclass {
|
|
@@ -11002,54 +11002,54 @@ const NotificationCardClass = compose(
|
|
|
11002
11002
|
}
|
|
11003
11003
|
`,
|
|
11004
11004
|
excludeAttrsSync: ['tabindex'],
|
|
11005
|
-
componentName: componentName$
|
|
11005
|
+
componentName: componentName$m,
|
|
11006
11006
|
})
|
|
11007
11007
|
);
|
|
11008
11008
|
|
|
11009
11009
|
const globalRefs$g = getThemeRefs(globals);
|
|
11010
|
-
const vars$
|
|
11010
|
+
const vars$l = NotificationCardClass.cssVarList;
|
|
11011
11011
|
|
|
11012
11012
|
const shadowColor$2 = '#00000020';
|
|
11013
11013
|
|
|
11014
11014
|
const notification = {
|
|
11015
|
-
[vars$
|
|
11016
|
-
[vars$
|
|
11017
|
-
[vars$
|
|
11018
|
-
[vars$
|
|
11019
|
-
[vars$
|
|
11020
|
-
[vars$
|
|
11021
|
-
[vars$
|
|
11022
|
-
[vars$
|
|
11023
|
-
[vars$
|
|
11015
|
+
[vars$l.hostMinWidth]: '415px',
|
|
11016
|
+
[vars$l.fontFamily]: globalRefs$g.fonts.font1.family,
|
|
11017
|
+
[vars$l.fontSize]: globalRefs$g.typography.body1.size,
|
|
11018
|
+
[vars$l.backgroundColor]: globalRefs$g.colors.surface.main,
|
|
11019
|
+
[vars$l.textColor]: globalRefs$g.colors.surface.contrast,
|
|
11020
|
+
[vars$l.boxShadow]: `${globalRefs$g.shadow.wide.xl} ${shadowColor$2}, ${globalRefs$g.shadow.narrow.xl} ${shadowColor$2}`,
|
|
11021
|
+
[vars$l.verticalPadding]: '0.625em',
|
|
11022
|
+
[vars$l.horizontalPadding]: '1.5em',
|
|
11023
|
+
[vars$l.borderRadius]: globalRefs$g.radius.xs,
|
|
11024
11024
|
|
|
11025
11025
|
_bordered: {
|
|
11026
|
-
[vars$
|
|
11027
|
-
[vars$
|
|
11028
|
-
[vars$
|
|
11026
|
+
[vars$l.borderWidth]: globalRefs$g.border.sm,
|
|
11027
|
+
[vars$l.borderStyle]: 'solid',
|
|
11028
|
+
[vars$l.borderColor]: 'transparent',
|
|
11029
11029
|
},
|
|
11030
11030
|
|
|
11031
11031
|
size: {
|
|
11032
|
-
xs: { [vars$
|
|
11033
|
-
sm: { [vars$
|
|
11034
|
-
md: { [vars$
|
|
11035
|
-
lg: { [vars$
|
|
11032
|
+
xs: { [vars$l.fontSize]: '12px' },
|
|
11033
|
+
sm: { [vars$l.fontSize]: '14px' },
|
|
11034
|
+
md: { [vars$l.fontSize]: '16px' },
|
|
11035
|
+
lg: { [vars$l.fontSize]: '18px' },
|
|
11036
11036
|
},
|
|
11037
11037
|
|
|
11038
11038
|
mode: {
|
|
11039
11039
|
primary: {
|
|
11040
|
-
[vars$
|
|
11041
|
-
[vars$
|
|
11042
|
-
[vars$
|
|
11040
|
+
[vars$l.backgroundColor]: globalRefs$g.colors.primary.main,
|
|
11041
|
+
[vars$l.textColor]: globalRefs$g.colors.primary.contrast,
|
|
11042
|
+
[vars$l.borderColor]: globalRefs$g.colors.primary.light,
|
|
11043
11043
|
},
|
|
11044
11044
|
success: {
|
|
11045
|
-
[vars$
|
|
11046
|
-
[vars$
|
|
11047
|
-
[vars$
|
|
11045
|
+
[vars$l.backgroundColor]: globalRefs$g.colors.success.main,
|
|
11046
|
+
[vars$l.textColor]: globalRefs$g.colors.success.contrast,
|
|
11047
|
+
[vars$l.borderColor]: globalRefs$g.colors.success.light,
|
|
11048
11048
|
},
|
|
11049
11049
|
error: {
|
|
11050
|
-
[vars$
|
|
11051
|
-
[vars$
|
|
11052
|
-
[vars$
|
|
11050
|
+
[vars$l.backgroundColor]: globalRefs$g.colors.error.main,
|
|
11051
|
+
[vars$l.textColor]: globalRefs$g.colors.error.contrast,
|
|
11052
|
+
[vars$l.borderColor]: globalRefs$g.colors.error.light,
|
|
11053
11053
|
},
|
|
11054
11054
|
},
|
|
11055
11055
|
};
|
|
@@ -11057,10 +11057,10 @@ const notification = {
|
|
|
11057
11057
|
var notificationCard = /*#__PURE__*/Object.freeze({
|
|
11058
11058
|
__proto__: null,
|
|
11059
11059
|
default: notification,
|
|
11060
|
-
vars: vars$
|
|
11060
|
+
vars: vars$l
|
|
11061
11061
|
});
|
|
11062
11062
|
|
|
11063
|
-
const componentName$
|
|
11063
|
+
const componentName$l = getComponentName('multi-select-combo-box');
|
|
11064
11064
|
|
|
11065
11065
|
const multiSelectComboBoxMixin = (superclass) =>
|
|
11066
11066
|
class MultiSelectComboBoxMixinClass extends superclass {
|
|
@@ -11694,93 +11694,93 @@ const MultiSelectComboBoxClass = compose(
|
|
|
11694
11694
|
// Note: we exclude `placeholder` because the vaadin component observes it and
|
|
11695
11695
|
// tries to override it, causing us to lose the user set placeholder.
|
|
11696
11696
|
excludeAttrsSync: ['tabindex', 'size', 'data', 'placeholder'],
|
|
11697
|
-
componentName: componentName$
|
|
11697
|
+
componentName: componentName$l,
|
|
11698
11698
|
includeForwardProps: ['items', 'renderer', 'selectedItems'],
|
|
11699
11699
|
})
|
|
11700
11700
|
);
|
|
11701
11701
|
|
|
11702
11702
|
const globalRefs$f = getThemeRefs(globals);
|
|
11703
|
-
const vars$
|
|
11703
|
+
const vars$k = MultiSelectComboBoxClass.cssVarList;
|
|
11704
11704
|
|
|
11705
11705
|
const multiSelectComboBox = {
|
|
11706
|
-
[vars$
|
|
11707
|
-
[vars$
|
|
11708
|
-
[vars$
|
|
11709
|
-
[vars$
|
|
11710
|
-
[vars$
|
|
11711
|
-
[vars$
|
|
11712
|
-
[vars$
|
|
11713
|
-
[vars$
|
|
11714
|
-
[vars$
|
|
11715
|
-
[vars$
|
|
11716
|
-
[vars$
|
|
11717
|
-
[vars$
|
|
11718
|
-
[vars$
|
|
11719
|
-
[vars$
|
|
11720
|
-
[vars$
|
|
11721
|
-
[vars$
|
|
11722
|
-
[vars$
|
|
11723
|
-
[vars$
|
|
11724
|
-
[vars$
|
|
11725
|
-
[vars$
|
|
11726
|
-
[vars$
|
|
11727
|
-
[vars$
|
|
11728
|
-
[vars$
|
|
11729
|
-
[vars$
|
|
11730
|
-
[vars$
|
|
11731
|
-
[vars$
|
|
11732
|
-
[vars$
|
|
11733
|
-
[vars$
|
|
11734
|
-
[vars$
|
|
11735
|
-
[vars$
|
|
11736
|
-
[vars$
|
|
11737
|
-
[vars$
|
|
11738
|
-
[vars$
|
|
11739
|
-
[vars$
|
|
11740
|
-
[vars$
|
|
11741
|
-
[vars$
|
|
11742
|
-
[vars$
|
|
11743
|
-
[vars$
|
|
11744
|
-
[vars$
|
|
11745
|
-
[vars$
|
|
11746
|
-
[vars$
|
|
11706
|
+
[vars$k.hostWidth]: refs.width,
|
|
11707
|
+
[vars$k.hostDirection]: refs.direction,
|
|
11708
|
+
[vars$k.fontSize]: refs.fontSize,
|
|
11709
|
+
[vars$k.fontFamily]: refs.fontFamily,
|
|
11710
|
+
[vars$k.labelFontSize]: refs.labelFontSize,
|
|
11711
|
+
[vars$k.labelFontWeight]: refs.labelFontWeight,
|
|
11712
|
+
[vars$k.labelTextColor]: refs.labelTextColor,
|
|
11713
|
+
[vars$k.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
11714
|
+
[vars$k.inputBorderColor]: refs.borderColor,
|
|
11715
|
+
[vars$k.inputBorderWidth]: refs.borderWidth,
|
|
11716
|
+
[vars$k.inputBorderStyle]: refs.borderStyle,
|
|
11717
|
+
[vars$k.inputBorderRadius]: refs.borderRadius,
|
|
11718
|
+
[vars$k.inputOutlineColor]: refs.outlineColor,
|
|
11719
|
+
[vars$k.inputOutlineOffset]: refs.outlineOffset,
|
|
11720
|
+
[vars$k.inputOutlineWidth]: refs.outlineWidth,
|
|
11721
|
+
[vars$k.inputOutlineStyle]: refs.outlineStyle,
|
|
11722
|
+
[vars$k.labelRequiredIndicator]: refs.requiredIndicator,
|
|
11723
|
+
[vars$k.inputValueTextColor]: refs.valueTextColor,
|
|
11724
|
+
[vars$k.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
|
11725
|
+
[vars$k.inputBackgroundColor]: refs.backgroundColor,
|
|
11726
|
+
[vars$k.inputHorizontalPadding]: refs.horizontalPadding,
|
|
11727
|
+
[vars$k.inputVerticalPadding]: refs.verticalPadding,
|
|
11728
|
+
[vars$k.inputHeight]: refs.inputHeight,
|
|
11729
|
+
[vars$k.inputDropdownButtonColor]: globalRefs$f.colors.surface.dark,
|
|
11730
|
+
[vars$k.inputDropdownButtonCursor]: 'pointer',
|
|
11731
|
+
[vars$k.inputDropdownButtonSize]: refs.toggleButtonSize,
|
|
11732
|
+
[vars$k.inputDropdownButtonOffset]: globalRefs$f.spacing.xs,
|
|
11733
|
+
[vars$k.overlayItemPaddingInlineStart]: globalRefs$f.spacing.xs,
|
|
11734
|
+
[vars$k.overlayItemPaddingInlineEnd]: globalRefs$f.spacing.lg,
|
|
11735
|
+
[vars$k.chipFontSize]: refs.chipFontSize,
|
|
11736
|
+
[vars$k.chipTextColor]: globalRefs$f.colors.surface.contrast,
|
|
11737
|
+
[vars$k.chipBackgroundColor]: globalRefs$f.colors.surface.light,
|
|
11738
|
+
[vars$k.labelPosition]: refs.labelPosition,
|
|
11739
|
+
[vars$k.labelTopPosition]: refs.labelTopPosition,
|
|
11740
|
+
[vars$k.labelLeftPosition]: refs.labelLeftPosition,
|
|
11741
|
+
[vars$k.labelHorizontalPosition]: refs.labelHorizontalPosition,
|
|
11742
|
+
[vars$k.inputTransformY]: refs.inputTransformY,
|
|
11743
|
+
[vars$k.inputTransition]: refs.inputTransition,
|
|
11744
|
+
[vars$k.marginInlineStart]: refs.marginInlineStart,
|
|
11745
|
+
[vars$k.placeholderOpacity]: refs.placeholderOpacity,
|
|
11746
|
+
[vars$k.inputVerticalAlignment]: refs.inputVerticalAlignment,
|
|
11747
11747
|
|
|
11748
11748
|
labelType: {
|
|
11749
11749
|
floating: {
|
|
11750
|
-
[vars$
|
|
11750
|
+
[vars$k.inputHorizontalPadding]: '0.25em',
|
|
11751
11751
|
_hasValue: {
|
|
11752
|
-
[vars$
|
|
11752
|
+
[vars$k.inputHorizontalPadding]: '0.45em',
|
|
11753
11753
|
},
|
|
11754
11754
|
},
|
|
11755
11755
|
},
|
|
11756
11756
|
|
|
11757
11757
|
_readonly: {
|
|
11758
|
-
[vars$
|
|
11758
|
+
[vars$k.inputDropdownButtonCursor]: 'default',
|
|
11759
11759
|
},
|
|
11760
11760
|
|
|
11761
11761
|
// Overlay theme exposed via the component:
|
|
11762
|
-
[vars$
|
|
11763
|
-
[vars$
|
|
11764
|
-
[vars$
|
|
11765
|
-
[vars$
|
|
11766
|
-
[vars$
|
|
11767
|
-
[vars$
|
|
11762
|
+
[vars$k.overlayFontSize]: refs.fontSize,
|
|
11763
|
+
[vars$k.overlayFontFamily]: refs.fontFamily,
|
|
11764
|
+
[vars$k.overlayCursor]: 'pointer',
|
|
11765
|
+
[vars$k.overlayItemBoxShadow]: 'none',
|
|
11766
|
+
[vars$k.overlayBackground]: refs.backgroundColor,
|
|
11767
|
+
[vars$k.overlayTextColor]: refs.valueTextColor,
|
|
11768
11768
|
|
|
11769
11769
|
// Overlay direct theme:
|
|
11770
|
-
[vars$
|
|
11771
|
-
[vars$
|
|
11770
|
+
[vars$k.overlay.minHeight]: '400px',
|
|
11771
|
+
[vars$k.overlay.margin]: '0',
|
|
11772
11772
|
};
|
|
11773
11773
|
|
|
11774
11774
|
var multiSelectComboBox$1 = /*#__PURE__*/Object.freeze({
|
|
11775
11775
|
__proto__: null,
|
|
11776
11776
|
default: multiSelectComboBox,
|
|
11777
11777
|
multiSelectComboBox: multiSelectComboBox,
|
|
11778
|
-
vars: vars$
|
|
11778
|
+
vars: vars$k
|
|
11779
11779
|
});
|
|
11780
11780
|
|
|
11781
|
-
const componentName$
|
|
11781
|
+
const componentName$k = getComponentName('badge');
|
|
11782
11782
|
|
|
11783
|
-
class RawBadge extends createBaseClass({ componentName: componentName$
|
|
11783
|
+
class RawBadge extends createBaseClass({ componentName: componentName$k, baseSelector: ':host > div' }) {
|
|
11784
11784
|
constructor() {
|
|
11785
11785
|
super();
|
|
11786
11786
|
|
|
@@ -11832,65 +11832,65 @@ const BadgeClass = compose(
|
|
|
11832
11832
|
)(RawBadge);
|
|
11833
11833
|
|
|
11834
11834
|
const globalRefs$e = getThemeRefs(globals);
|
|
11835
|
-
const vars$
|
|
11835
|
+
const vars$j = BadgeClass.cssVarList;
|
|
11836
11836
|
|
|
11837
11837
|
const badge$2 = {
|
|
11838
|
-
[vars$
|
|
11839
|
-
[vars$
|
|
11838
|
+
[vars$j.hostWidth]: 'fit-content',
|
|
11839
|
+
[vars$j.hostDirection]: globalRefs$e.direction,
|
|
11840
11840
|
|
|
11841
|
-
[vars$
|
|
11841
|
+
[vars$j.textAlign]: 'center',
|
|
11842
11842
|
|
|
11843
|
-
[vars$
|
|
11844
|
-
[vars$
|
|
11843
|
+
[vars$j.fontFamily]: globalRefs$e.fonts.font1.family,
|
|
11844
|
+
[vars$j.fontWeight]: '400',
|
|
11845
11845
|
|
|
11846
|
-
[vars$
|
|
11847
|
-
[vars$
|
|
11846
|
+
[vars$j.verticalPadding]: '0.25em',
|
|
11847
|
+
[vars$j.horizontalPadding]: '0.5em',
|
|
11848
11848
|
|
|
11849
|
-
[vars$
|
|
11850
|
-
[vars$
|
|
11851
|
-
[vars$
|
|
11852
|
-
[vars$
|
|
11849
|
+
[vars$j.borderWidth]: globalRefs$e.border.xs,
|
|
11850
|
+
[vars$j.borderRadius]: globalRefs$e.radius.xs,
|
|
11851
|
+
[vars$j.borderColor]: 'transparent',
|
|
11852
|
+
[vars$j.borderStyle]: 'solid',
|
|
11853
11853
|
|
|
11854
11854
|
_fullWidth: {
|
|
11855
|
-
[vars$
|
|
11855
|
+
[vars$j.hostWidth]: '100%',
|
|
11856
11856
|
},
|
|
11857
11857
|
|
|
11858
11858
|
size: {
|
|
11859
|
-
xs: { [vars$
|
|
11860
|
-
sm: { [vars$
|
|
11861
|
-
md: { [vars$
|
|
11862
|
-
lg: { [vars$
|
|
11859
|
+
xs: { [vars$j.fontSize]: '12px' },
|
|
11860
|
+
sm: { [vars$j.fontSize]: '14px' },
|
|
11861
|
+
md: { [vars$j.fontSize]: '16px' },
|
|
11862
|
+
lg: { [vars$j.fontSize]: '18px' },
|
|
11863
11863
|
},
|
|
11864
11864
|
|
|
11865
11865
|
mode: {
|
|
11866
11866
|
default: {
|
|
11867
|
-
[vars$
|
|
11867
|
+
[vars$j.textColor]: globalRefs$e.colors.surface.dark,
|
|
11868
11868
|
_bordered: {
|
|
11869
|
-
[vars$
|
|
11869
|
+
[vars$j.borderColor]: globalRefs$e.colors.surface.light,
|
|
11870
11870
|
},
|
|
11871
11871
|
},
|
|
11872
11872
|
primary: {
|
|
11873
|
-
[vars$
|
|
11873
|
+
[vars$j.textColor]: globalRefs$e.colors.primary.main,
|
|
11874
11874
|
_bordered: {
|
|
11875
|
-
[vars$
|
|
11875
|
+
[vars$j.borderColor]: globalRefs$e.colors.primary.light,
|
|
11876
11876
|
},
|
|
11877
11877
|
},
|
|
11878
11878
|
secondary: {
|
|
11879
|
-
[vars$
|
|
11879
|
+
[vars$j.textColor]: globalRefs$e.colors.secondary.main,
|
|
11880
11880
|
_bordered: {
|
|
11881
|
-
[vars$
|
|
11881
|
+
[vars$j.borderColor]: globalRefs$e.colors.secondary.light,
|
|
11882
11882
|
},
|
|
11883
11883
|
},
|
|
11884
11884
|
error: {
|
|
11885
|
-
[vars$
|
|
11885
|
+
[vars$j.textColor]: globalRefs$e.colors.error.main,
|
|
11886
11886
|
_bordered: {
|
|
11887
|
-
[vars$
|
|
11887
|
+
[vars$j.borderColor]: globalRefs$e.colors.error.light,
|
|
11888
11888
|
},
|
|
11889
11889
|
},
|
|
11890
11890
|
success: {
|
|
11891
|
-
[vars$
|
|
11891
|
+
[vars$j.textColor]: globalRefs$e.colors.success.main,
|
|
11892
11892
|
_bordered: {
|
|
11893
|
-
[vars$
|
|
11893
|
+
[vars$j.borderColor]: globalRefs$e.colors.success.light,
|
|
11894
11894
|
},
|
|
11895
11895
|
},
|
|
11896
11896
|
},
|
|
@@ -11899,11 +11899,11 @@ const badge$2 = {
|
|
|
11899
11899
|
var badge$3 = /*#__PURE__*/Object.freeze({
|
|
11900
11900
|
__proto__: null,
|
|
11901
11901
|
default: badge$2,
|
|
11902
|
-
vars: vars$
|
|
11902
|
+
vars: vars$j
|
|
11903
11903
|
});
|
|
11904
11904
|
|
|
11905
|
-
const componentName$
|
|
11906
|
-
class RawAvatar extends createBaseClass({ componentName: componentName$
|
|
11905
|
+
const componentName$j = getComponentName('avatar');
|
|
11906
|
+
class RawAvatar extends createBaseClass({ componentName: componentName$j, baseSelector: ':host > .wrapper' }) {
|
|
11907
11907
|
constructor() {
|
|
11908
11908
|
super();
|
|
11909
11909
|
|
|
@@ -12042,21 +12042,21 @@ const avatar = {
|
|
|
12042
12042
|
},
|
|
12043
12043
|
};
|
|
12044
12044
|
|
|
12045
|
-
const vars$
|
|
12045
|
+
const vars$i = {
|
|
12046
12046
|
...compVars$1,
|
|
12047
12047
|
};
|
|
12048
12048
|
|
|
12049
12049
|
var avatar$1 = /*#__PURE__*/Object.freeze({
|
|
12050
12050
|
__proto__: null,
|
|
12051
12051
|
default: avatar,
|
|
12052
|
-
vars: vars$
|
|
12052
|
+
vars: vars$i
|
|
12053
12053
|
});
|
|
12054
12054
|
|
|
12055
|
-
const componentName$
|
|
12055
|
+
const componentName$i = getComponentName('mappings-field-internal');
|
|
12056
12056
|
|
|
12057
|
-
createBaseInputClass({ componentName: componentName$
|
|
12057
|
+
createBaseInputClass({ componentName: componentName$i, baseSelector: 'div' });
|
|
12058
12058
|
|
|
12059
|
-
const componentName$
|
|
12059
|
+
const componentName$h = getComponentName('mappings-field');
|
|
12060
12060
|
|
|
12061
12061
|
const customMixin$4 = (superclass) =>
|
|
12062
12062
|
class MappingsFieldMixinClass extends superclass {
|
|
@@ -12085,14 +12085,14 @@ const customMixin$4 = (superclass) =>
|
|
|
12085
12085
|
const template = document.createElement('template');
|
|
12086
12086
|
|
|
12087
12087
|
template.innerHTML = `
|
|
12088
|
-
<${componentName$
|
|
12088
|
+
<${componentName$i}
|
|
12089
12089
|
tabindex="-1"
|
|
12090
|
-
></${componentName$
|
|
12090
|
+
></${componentName$i}>
|
|
12091
12091
|
`;
|
|
12092
12092
|
|
|
12093
12093
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
|
12094
12094
|
|
|
12095
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
|
12095
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$i);
|
|
12096
12096
|
|
|
12097
12097
|
forwardAttrs(this, this.inputElement, {
|
|
12098
12098
|
includeAttrs: [
|
|
@@ -12224,47 +12224,47 @@ const MappingsFieldClass = compose(
|
|
|
12224
12224
|
'options',
|
|
12225
12225
|
'error-message',
|
|
12226
12226
|
],
|
|
12227
|
-
componentName: componentName$
|
|
12227
|
+
componentName: componentName$h,
|
|
12228
12228
|
})
|
|
12229
12229
|
);
|
|
12230
12230
|
|
|
12231
12231
|
const globalRefs$c = getThemeRefs(globals);
|
|
12232
12232
|
|
|
12233
|
-
const vars$
|
|
12233
|
+
const vars$h = MappingsFieldClass.cssVarList;
|
|
12234
12234
|
|
|
12235
12235
|
const mappingsField = {
|
|
12236
|
-
[vars$
|
|
12237
|
-
[vars$
|
|
12238
|
-
[vars$
|
|
12239
|
-
[vars$
|
|
12240
|
-
[vars$
|
|
12241
|
-
[vars$
|
|
12242
|
-
[vars$
|
|
12243
|
-
[vars$
|
|
12244
|
-
[vars$
|
|
12245
|
-
[vars$
|
|
12236
|
+
[vars$h.hostWidth]: refs.width,
|
|
12237
|
+
[vars$h.hostDirection]: refs.direction,
|
|
12238
|
+
[vars$h.fontSize]: refs.fontSize,
|
|
12239
|
+
[vars$h.fontFamily]: refs.fontFamily,
|
|
12240
|
+
[vars$h.separatorFontSize]: '14px',
|
|
12241
|
+
[vars$h.labelsFontSize]: '14px',
|
|
12242
|
+
[vars$h.labelsLineHeight]: '1',
|
|
12243
|
+
[vars$h.labelsMarginBottom]: '6px',
|
|
12244
|
+
[vars$h.labelTextColor]: refs.labelTextColor,
|
|
12245
|
+
[vars$h.itemMarginBottom]: '1em',
|
|
12246
12246
|
// To be positioned correctly, the min width has to match the text field min width
|
|
12247
|
-
[vars$
|
|
12247
|
+
[vars$h.valueLabelMinWidth]: refs.minWidth,
|
|
12248
12248
|
// To be positioned correctly, the min width has to match the combo box field min width
|
|
12249
|
-
[vars$
|
|
12250
|
-
[vars$
|
|
12251
|
-
[vars$
|
|
12249
|
+
[vars$h.attrLabelMinWidth]: `calc(12em + 2 * ${globalRefs$c.border.xs})`,
|
|
12250
|
+
[vars$h.separatorWidth]: '70px',
|
|
12251
|
+
[vars$h.removeButtonWidth]: '60px',
|
|
12252
12252
|
};
|
|
12253
12253
|
|
|
12254
12254
|
var mappingsField$1 = /*#__PURE__*/Object.freeze({
|
|
12255
12255
|
__proto__: null,
|
|
12256
12256
|
default: mappingsField,
|
|
12257
12257
|
mappingsField: mappingsField,
|
|
12258
|
-
vars: vars$
|
|
12258
|
+
vars: vars$h
|
|
12259
12259
|
});
|
|
12260
12260
|
|
|
12261
12261
|
var deleteIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPgo8L3N2Zz4K";
|
|
12262
12262
|
|
|
12263
12263
|
var editIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPgo8L3N2Zz4K";
|
|
12264
12264
|
|
|
12265
|
-
const componentName$
|
|
12265
|
+
const componentName$g = getComponentName('user-attribute');
|
|
12266
12266
|
class RawUserAttribute extends createBaseClass({
|
|
12267
|
-
componentName: componentName$
|
|
12267
|
+
componentName: componentName$g,
|
|
12268
12268
|
baseSelector: ':host > .root',
|
|
12269
12269
|
}) {
|
|
12270
12270
|
constructor() {
|
|
@@ -12499,31 +12499,31 @@ const UserAttributeClass = compose(
|
|
|
12499
12499
|
)(RawUserAttribute);
|
|
12500
12500
|
|
|
12501
12501
|
const globalRefs$b = getThemeRefs(globals);
|
|
12502
|
-
const vars$
|
|
12502
|
+
const vars$g = UserAttributeClass.cssVarList;
|
|
12503
12503
|
|
|
12504
12504
|
const userAttribute = {
|
|
12505
|
-
[vars$
|
|
12506
|
-
[vars$
|
|
12507
|
-
[vars$
|
|
12508
|
-
[vars$
|
|
12509
|
-
[vars$
|
|
12510
|
-
[vars$
|
|
12505
|
+
[vars$g.hostDirection]: globalRefs$b.direction,
|
|
12506
|
+
[vars$g.labelTextWidth]: '150px',
|
|
12507
|
+
[vars$g.valueTextWidth]: '200px',
|
|
12508
|
+
[vars$g.badgeMaxWidth]: '85px',
|
|
12509
|
+
[vars$g.itemsGap]: '16px',
|
|
12510
|
+
[vars$g.hostMinWidth]: '530px',
|
|
12511
12511
|
_fullWidth: {
|
|
12512
|
-
[vars$
|
|
12512
|
+
[vars$g.hostWidth]: '100%',
|
|
12513
12513
|
},
|
|
12514
12514
|
};
|
|
12515
12515
|
|
|
12516
12516
|
var userAttribute$1 = /*#__PURE__*/Object.freeze({
|
|
12517
12517
|
__proto__: null,
|
|
12518
12518
|
default: userAttribute,
|
|
12519
|
-
vars: vars$
|
|
12519
|
+
vars: vars$g
|
|
12520
12520
|
});
|
|
12521
12521
|
|
|
12522
12522
|
var greenVIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4KPC9zdmc+Cg==";
|
|
12523
12523
|
|
|
12524
|
-
const componentName$
|
|
12524
|
+
const componentName$f = getComponentName('user-auth-method');
|
|
12525
12525
|
class RawUserAuthMethod extends createBaseClass({
|
|
12526
|
-
componentName: componentName$
|
|
12526
|
+
componentName: componentName$f,
|
|
12527
12527
|
baseSelector: ':host > .root',
|
|
12528
12528
|
}) {
|
|
12529
12529
|
constructor() {
|
|
@@ -12716,30 +12716,30 @@ const UserAuthMethodClass = compose(
|
|
|
12716
12716
|
)(RawUserAuthMethod);
|
|
12717
12717
|
|
|
12718
12718
|
const globalRefs$a = getThemeRefs(globals);
|
|
12719
|
-
const vars$
|
|
12719
|
+
const vars$f = UserAuthMethodClass.cssVarList;
|
|
12720
12720
|
|
|
12721
12721
|
const userAuthMethod = {
|
|
12722
|
-
[vars$
|
|
12723
|
-
[vars$
|
|
12724
|
-
[vars$
|
|
12725
|
-
[vars$
|
|
12726
|
-
[vars$
|
|
12722
|
+
[vars$f.hostDirection]: globalRefs$a.direction,
|
|
12723
|
+
[vars$f.labelTextWidth]: '200px',
|
|
12724
|
+
[vars$f.itemsGap]: '16px',
|
|
12725
|
+
[vars$f.hostMinWidth]: '530px',
|
|
12726
|
+
[vars$f.iconSize]: '24px',
|
|
12727
12727
|
_fullWidth: {
|
|
12728
|
-
[vars$
|
|
12728
|
+
[vars$f.hostWidth]: '100%',
|
|
12729
12729
|
},
|
|
12730
12730
|
};
|
|
12731
12731
|
|
|
12732
12732
|
var userAuthMethod$1 = /*#__PURE__*/Object.freeze({
|
|
12733
12733
|
__proto__: null,
|
|
12734
12734
|
default: userAuthMethod,
|
|
12735
|
-
vars: vars$
|
|
12735
|
+
vars: vars$f
|
|
12736
12736
|
});
|
|
12737
12737
|
|
|
12738
|
-
const componentName$
|
|
12738
|
+
const componentName$e = getComponentName('saml-group-mappings-internal');
|
|
12739
12739
|
|
|
12740
|
-
createBaseInputClass({ componentName: componentName$
|
|
12740
|
+
createBaseInputClass({ componentName: componentName$e, baseSelector: '' });
|
|
12741
12741
|
|
|
12742
|
-
const componentName$
|
|
12742
|
+
const componentName$d = getComponentName('saml-group-mappings');
|
|
12743
12743
|
|
|
12744
12744
|
const customMixin$3 = (superclass) =>
|
|
12745
12745
|
class SamlGroupMappingsMixinClass extends superclass {
|
|
@@ -12749,14 +12749,14 @@ const customMixin$3 = (superclass) =>
|
|
|
12749
12749
|
const template = document.createElement('template');
|
|
12750
12750
|
|
|
12751
12751
|
template.innerHTML = `
|
|
12752
|
-
<${componentName$
|
|
12752
|
+
<${componentName$e}
|
|
12753
12753
|
tabindex="-1"
|
|
12754
|
-
></${componentName$
|
|
12754
|
+
></${componentName$e}>
|
|
12755
12755
|
`;
|
|
12756
12756
|
|
|
12757
12757
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
|
12758
12758
|
|
|
12759
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
|
12759
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$e);
|
|
12760
12760
|
|
|
12761
12761
|
forwardAttrs(this, this.inputElement, {
|
|
12762
12762
|
includeAttrs: [
|
|
@@ -12833,61 +12833,61 @@ const SamlGroupMappingsClass = compose(
|
|
|
12833
12833
|
'options',
|
|
12834
12834
|
'error-message',
|
|
12835
12835
|
],
|
|
12836
|
-
componentName: componentName$
|
|
12836
|
+
componentName: componentName$d,
|
|
12837
12837
|
})
|
|
12838
12838
|
);
|
|
12839
12839
|
|
|
12840
|
-
const vars$
|
|
12840
|
+
const vars$e = SamlGroupMappingsClass.cssVarList;
|
|
12841
12841
|
|
|
12842
12842
|
const samlGroupMappings = {
|
|
12843
|
-
[vars$
|
|
12844
|
-
[vars$
|
|
12845
|
-
[vars$
|
|
12843
|
+
[vars$e.hostWidth]: refs.width,
|
|
12844
|
+
[vars$e.hostDirection]: refs.direction,
|
|
12845
|
+
[vars$e.groupNameInputMarginBottom]: '1em',
|
|
12846
12846
|
};
|
|
12847
12847
|
|
|
12848
12848
|
var samlGroupMappings$1 = /*#__PURE__*/Object.freeze({
|
|
12849
12849
|
__proto__: null,
|
|
12850
12850
|
default: samlGroupMappings,
|
|
12851
12851
|
samlGroupMappings: samlGroupMappings,
|
|
12852
|
-
vars: vars$
|
|
12852
|
+
vars: vars$e
|
|
12853
12853
|
});
|
|
12854
12854
|
|
|
12855
12855
|
const globalRefs$9 = getThemeRefs(globals);
|
|
12856
|
-
const vars$
|
|
12856
|
+
const vars$d = PolicyValidationClass.cssVarList;
|
|
12857
12857
|
|
|
12858
12858
|
const policyValidation = {
|
|
12859
|
-
[vars$
|
|
12860
|
-
[vars$
|
|
12861
|
-
[vars$
|
|
12862
|
-
[vars$
|
|
12863
|
-
[vars$
|
|
12864
|
-
[vars$
|
|
12865
|
-
[vars$
|
|
12866
|
-
[vars$
|
|
12867
|
-
[vars$
|
|
12868
|
-
[vars$
|
|
12869
|
-
[vars$
|
|
12870
|
-
[vars$
|
|
12871
|
-
[vars$
|
|
12872
|
-
[vars$
|
|
12873
|
-
[vars$
|
|
12874
|
-
[vars$
|
|
12859
|
+
[vars$d.fontFamily]: refs.fontFamily,
|
|
12860
|
+
[vars$d.fontSize]: refs.labelFontSize,
|
|
12861
|
+
[vars$d.textColor]: refs.labelTextColor,
|
|
12862
|
+
[vars$d.borderWidth]: refs.borderWidth,
|
|
12863
|
+
[vars$d.borderStyle]: refs.borderStyle,
|
|
12864
|
+
[vars$d.borderColor]: refs.borderColor,
|
|
12865
|
+
[vars$d.borderRadius]: globalRefs$9.radius.sm,
|
|
12866
|
+
[vars$d.backgroundColor]: 'none',
|
|
12867
|
+
[vars$d.padding]: '0px',
|
|
12868
|
+
[vars$d.labelMargin]: globalRefs$9.spacing.sm,
|
|
12869
|
+
[vars$d.itemsSpacing]: globalRefs$9.spacing.lg,
|
|
12870
|
+
[vars$d.itemSymbolDefault]: "'\\2022'", // "•"
|
|
12871
|
+
[vars$d.itemSymbolSuccess]: "'\\2713'", // "✓"
|
|
12872
|
+
[vars$d.itemSymbolError]: "'\\2A09'", // "⨉"
|
|
12873
|
+
[vars$d.itemSymbolSuccessColor]: globalRefs$9.colors.success.main,
|
|
12874
|
+
[vars$d.itemSymbolErrorColor]: globalRefs$9.colors.error.main,
|
|
12875
12875
|
};
|
|
12876
12876
|
|
|
12877
12877
|
var policyValidation$1 = /*#__PURE__*/Object.freeze({
|
|
12878
12878
|
__proto__: null,
|
|
12879
12879
|
default: policyValidation,
|
|
12880
|
-
vars: vars$
|
|
12880
|
+
vars: vars$d
|
|
12881
12881
|
});
|
|
12882
12882
|
|
|
12883
|
-
const vars$
|
|
12883
|
+
const vars$c = IconClass.cssVarList;
|
|
12884
12884
|
|
|
12885
12885
|
const icon = {};
|
|
12886
12886
|
|
|
12887
12887
|
var icon$1 = /*#__PURE__*/Object.freeze({
|
|
12888
12888
|
__proto__: null,
|
|
12889
12889
|
default: icon,
|
|
12890
|
-
vars: vars$
|
|
12890
|
+
vars: vars$c
|
|
12891
12891
|
});
|
|
12892
12892
|
|
|
12893
12893
|
const decode = (input) => {
|
|
@@ -12900,9 +12900,9 @@ const tpl = (input, inline) => {
|
|
|
12900
12900
|
return inline ? input : `<pre>${input}</pre>`;
|
|
12901
12901
|
};
|
|
12902
12902
|
|
|
12903
|
-
const componentName$
|
|
12903
|
+
const componentName$c = getComponentName('code-snippet');
|
|
12904
12904
|
|
|
12905
|
-
let CodeSnippet$1 = class CodeSnippet extends createBaseClass({ componentName: componentName$
|
|
12905
|
+
let CodeSnippet$1 = class CodeSnippet extends createBaseClass({ componentName: componentName$c, baseSelector: ':host > code' }) {
|
|
12906
12906
|
static get observedAttributes() {
|
|
12907
12907
|
return ['lang', 'inline'];
|
|
12908
12908
|
}
|
|
@@ -13134,7 +13134,7 @@ const CodeSnippetClass = compose(
|
|
|
13134
13134
|
|
|
13135
13135
|
const globalRefs$8 = getThemeRefs(globals);
|
|
13136
13136
|
|
|
13137
|
-
const vars$
|
|
13137
|
+
const vars$b = CodeSnippetClass.cssVarList;
|
|
13138
13138
|
|
|
13139
13139
|
const light = {
|
|
13140
13140
|
color1: '#fa0',
|
|
@@ -13169,50 +13169,50 @@ const dark = {
|
|
|
13169
13169
|
};
|
|
13170
13170
|
|
|
13171
13171
|
const CodeSnippet = {
|
|
13172
|
-
[vars$
|
|
13173
|
-
[vars$
|
|
13174
|
-
[vars$
|
|
13175
|
-
[vars$
|
|
13176
|
-
[vars$
|
|
13177
|
-
[vars$
|
|
13178
|
-
[vars$
|
|
13179
|
-
[vars$
|
|
13180
|
-
[vars$
|
|
13181
|
-
[vars$
|
|
13182
|
-
[vars$
|
|
13183
|
-
[vars$
|
|
13184
|
-
[vars$
|
|
13185
|
-
[vars$
|
|
13186
|
-
[vars$
|
|
13187
|
-
[vars$
|
|
13188
|
-
[vars$
|
|
13189
|
-
[vars$
|
|
13190
|
-
[vars$
|
|
13191
|
-
[vars$
|
|
13192
|
-
[vars$
|
|
13193
|
-
[vars$
|
|
13194
|
-
[vars$
|
|
13195
|
-
[vars$
|
|
13196
|
-
[vars$
|
|
13197
|
-
[vars$
|
|
13198
|
-
[vars$
|
|
13199
|
-
[vars$
|
|
13200
|
-
[vars$
|
|
13201
|
-
[vars$
|
|
13202
|
-
[vars$
|
|
13203
|
-
[vars$
|
|
13204
|
-
[vars$
|
|
13205
|
-
[vars$
|
|
13206
|
-
[vars$
|
|
13207
|
-
[vars$
|
|
13208
|
-
[vars$
|
|
13209
|
-
[vars$
|
|
13210
|
-
[vars$
|
|
13211
|
-
[vars$
|
|
13212
|
-
[vars$
|
|
13213
|
-
[vars$
|
|
13214
|
-
[vars$
|
|
13215
|
-
[vars$
|
|
13172
|
+
[vars$b.rootBgColor]: globalRefs$8.colors.surface.main,
|
|
13173
|
+
[vars$b.rootTextColor]: globalRefs$8.colors.surface.contrast,
|
|
13174
|
+
[vars$b.docTagTextColor]: light.color2,
|
|
13175
|
+
[vars$b.keywordTextColor]: light.color2,
|
|
13176
|
+
[vars$b.metaKeywordTextColor]: light.color2,
|
|
13177
|
+
[vars$b.templateTagTextColor]: light.color2,
|
|
13178
|
+
[vars$b.templateVariableTextColor]: light.color2,
|
|
13179
|
+
[vars$b.typeTextColor]: light.color2,
|
|
13180
|
+
[vars$b.variableLanguageTextColor]: light.color2,
|
|
13181
|
+
[vars$b.titleTextColor]: light.color3,
|
|
13182
|
+
[vars$b.titleClassTextColor]: light.color3,
|
|
13183
|
+
[vars$b.titleClassInheritedTextColor]: light.color3,
|
|
13184
|
+
[vars$b.titleFunctionTextColor]: light.color3,
|
|
13185
|
+
[vars$b.attrTextColor]: light.color4,
|
|
13186
|
+
[vars$b.attributeTextColor]: light.color4,
|
|
13187
|
+
[vars$b.literalTextColor]: light.color4,
|
|
13188
|
+
[vars$b.metaTextColor]: light.color4,
|
|
13189
|
+
[vars$b.numberTextColor]: light.color4,
|
|
13190
|
+
[vars$b.operatorTextColor]: light.color4,
|
|
13191
|
+
[vars$b.variableTextColor]: light.color4,
|
|
13192
|
+
[vars$b.selectorAttrTextColor]: light.color4,
|
|
13193
|
+
[vars$b.selectorClassTextColor]: light.color4,
|
|
13194
|
+
[vars$b.selectorIdTextColor]: light.color4,
|
|
13195
|
+
[vars$b.regexpTextColor]: light.color13,
|
|
13196
|
+
[vars$b.stringTextColor]: light.color13,
|
|
13197
|
+
[vars$b.metaStringTextColor]: light.color13,
|
|
13198
|
+
[vars$b.builtInTextColor]: light.color5,
|
|
13199
|
+
[vars$b.symbolTextColor]: light.color5,
|
|
13200
|
+
[vars$b.commentTextColor]: light.color6,
|
|
13201
|
+
[vars$b.codeTextColor]: light.color6,
|
|
13202
|
+
[vars$b.formulaTextColor]: light.color6,
|
|
13203
|
+
[vars$b.nameTextColor]: light.color7,
|
|
13204
|
+
[vars$b.quoteTextColor]: light.color7,
|
|
13205
|
+
[vars$b.selectorTagTextColor]: light.color7,
|
|
13206
|
+
[vars$b.selectorPseudoTextColor]: light.color7,
|
|
13207
|
+
[vars$b.substTextColor]: light.color8,
|
|
13208
|
+
[vars$b.sectionTextColor]: light.color4,
|
|
13209
|
+
[vars$b.bulletTextColor]: light.color9,
|
|
13210
|
+
[vars$b.emphasisTextColor]: light.color8,
|
|
13211
|
+
[vars$b.strongTextColor]: light.color8,
|
|
13212
|
+
[vars$b.additionTextColor]: light.color7,
|
|
13213
|
+
[vars$b.additionBgColor]: light.color10,
|
|
13214
|
+
[vars$b.deletionTextColor]: light.color2,
|
|
13215
|
+
[vars$b.deletionBgColor]: light.color10,
|
|
13216
13216
|
/* purposely ignored */
|
|
13217
13217
|
// [vars.charEscapeTextColor]: '',
|
|
13218
13218
|
// [vars.linkTextColor]: '',
|
|
@@ -13224,50 +13224,50 @@ const CodeSnippet = {
|
|
|
13224
13224
|
|
|
13225
13225
|
const codeSnippetDarkThemeOverrides = {
|
|
13226
13226
|
codeSnippet: {
|
|
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$
|
|
13241
|
-
[vars$
|
|
13242
|
-
[vars$
|
|
13243
|
-
[vars$
|
|
13244
|
-
[vars$
|
|
13245
|
-
[vars$
|
|
13246
|
-
[vars$
|
|
13247
|
-
[vars$
|
|
13248
|
-
[vars$
|
|
13249
|
-
[vars$
|
|
13250
|
-
[vars$
|
|
13251
|
-
[vars$
|
|
13252
|
-
[vars$
|
|
13253
|
-
[vars$
|
|
13254
|
-
[vars$
|
|
13255
|
-
[vars$
|
|
13256
|
-
[vars$
|
|
13257
|
-
[vars$
|
|
13258
|
-
[vars$
|
|
13259
|
-
[vars$
|
|
13260
|
-
[vars$
|
|
13261
|
-
[vars$
|
|
13262
|
-
[vars$
|
|
13263
|
-
[vars$
|
|
13264
|
-
[vars$
|
|
13265
|
-
[vars$
|
|
13266
|
-
[vars$
|
|
13267
|
-
[vars$
|
|
13268
|
-
[vars$
|
|
13269
|
-
[vars$
|
|
13270
|
-
[vars$
|
|
13227
|
+
[vars$b.rootBgColor]: globalRefs$8.colors.surface.main,
|
|
13228
|
+
[vars$b.rootTextColor]: globalRefs$8.colors.surface.contrast,
|
|
13229
|
+
[vars$b.docTagTextColor]: dark.color2,
|
|
13230
|
+
[vars$b.keywordTextColor]: dark.color2,
|
|
13231
|
+
[vars$b.metaKeywordTextColor]: dark.color2,
|
|
13232
|
+
[vars$b.templateTagTextColor]: dark.color2,
|
|
13233
|
+
[vars$b.templateVariableTextColor]: dark.color2,
|
|
13234
|
+
[vars$b.typeTextColor]: dark.color2,
|
|
13235
|
+
[vars$b.variableLanguageTextColor]: dark.color2,
|
|
13236
|
+
[vars$b.titleTextColor]: dark.color3,
|
|
13237
|
+
[vars$b.titleClassTextColor]: dark.color3,
|
|
13238
|
+
[vars$b.titleClassInheritedTextColor]: dark.color3,
|
|
13239
|
+
[vars$b.titleFunctionTextColor]: dark.color3,
|
|
13240
|
+
[vars$b.attrTextColor]: dark.color4,
|
|
13241
|
+
[vars$b.attributeTextColor]: dark.color4,
|
|
13242
|
+
[vars$b.literalTextColor]: dark.color4,
|
|
13243
|
+
[vars$b.metaTextColor]: dark.color4,
|
|
13244
|
+
[vars$b.numberTextColor]: dark.color4,
|
|
13245
|
+
[vars$b.operatorTextColor]: dark.color4,
|
|
13246
|
+
[vars$b.variableTextColor]: dark.color4,
|
|
13247
|
+
[vars$b.selectorAttrTextColor]: dark.color4,
|
|
13248
|
+
[vars$b.selectorClassTextColor]: dark.color4,
|
|
13249
|
+
[vars$b.selectorIdTextColor]: dark.color4,
|
|
13250
|
+
[vars$b.regexpTextColor]: dark.color13,
|
|
13251
|
+
[vars$b.stringTextColor]: dark.color13,
|
|
13252
|
+
[vars$b.metaStringTextColor]: dark.color13,
|
|
13253
|
+
[vars$b.builtInTextColor]: dark.color5,
|
|
13254
|
+
[vars$b.symbolTextColor]: dark.color5,
|
|
13255
|
+
[vars$b.commentTextColor]: dark.color6,
|
|
13256
|
+
[vars$b.codeTextColor]: dark.color6,
|
|
13257
|
+
[vars$b.formulaTextColor]: dark.color6,
|
|
13258
|
+
[vars$b.nameTextColor]: dark.color7,
|
|
13259
|
+
[vars$b.quoteTextColor]: dark.color7,
|
|
13260
|
+
[vars$b.selectorTagTextColor]: dark.color7,
|
|
13261
|
+
[vars$b.selectorPseudoTextColor]: dark.color7,
|
|
13262
|
+
[vars$b.substTextColor]: dark.color8,
|
|
13263
|
+
[vars$b.sectionTextColor]: dark.color4,
|
|
13264
|
+
[vars$b.bulletTextColor]: dark.color9,
|
|
13265
|
+
[vars$b.emphasisTextColor]: dark.color8,
|
|
13266
|
+
[vars$b.strongTextColor]: dark.color8,
|
|
13267
|
+
[vars$b.additionTextColor]: dark.color7,
|
|
13268
|
+
[vars$b.additionBgColor]: dark.color10,
|
|
13269
|
+
[vars$b.deletionTextColor]: dark.color2,
|
|
13270
|
+
[vars$b.deletionBgColor]: dark.color10,
|
|
13271
13271
|
},
|
|
13272
13272
|
};
|
|
13273
13273
|
|
|
@@ -13275,10 +13275,10 @@ var codeSnippet = /*#__PURE__*/Object.freeze({
|
|
|
13275
13275
|
__proto__: null,
|
|
13276
13276
|
codeSnippetDarkThemeOverrides: codeSnippetDarkThemeOverrides,
|
|
13277
13277
|
default: CodeSnippet,
|
|
13278
|
-
vars: vars$
|
|
13278
|
+
vars: vars$b
|
|
13279
13279
|
});
|
|
13280
13280
|
|
|
13281
|
-
const componentName$
|
|
13281
|
+
const componentName$b = getComponentName('radio-button');
|
|
13282
13282
|
|
|
13283
13283
|
const customMixin$2 = (superclass) =>
|
|
13284
13284
|
class CustomMixin extends superclass {
|
|
@@ -13343,11 +13343,11 @@ const RadioButtonClass = compose(
|
|
|
13343
13343
|
wrappedEleName: 'vaadin-radio-button',
|
|
13344
13344
|
excludeAttrsSync: ['tabindex', 'data'],
|
|
13345
13345
|
includeForwardProps: ['checked', 'name', 'disabled'],
|
|
13346
|
-
componentName: componentName$
|
|
13346
|
+
componentName: componentName$b,
|
|
13347
13347
|
})
|
|
13348
13348
|
);
|
|
13349
13349
|
|
|
13350
|
-
const componentName$
|
|
13350
|
+
const componentName$a = getComponentName('radio-group');
|
|
13351
13351
|
|
|
13352
13352
|
const RadioGroupMixin = (superclass) =>
|
|
13353
13353
|
class RadioGroupMixinClass extends superclass {
|
|
@@ -13362,12 +13362,12 @@ const RadioGroupMixin = (superclass) =>
|
|
|
13362
13362
|
|
|
13363
13363
|
// we are overriding vaadin children getter so it will run on our custom elements
|
|
13364
13364
|
Object.defineProperty(this.baseElement, 'children', {
|
|
13365
|
-
get: () => this.querySelectorAll(componentName$
|
|
13365
|
+
get: () => this.querySelectorAll(componentName$b),
|
|
13366
13366
|
});
|
|
13367
13367
|
|
|
13368
13368
|
// we are overriding vaadin __filterRadioButtons so it will run on our custom elements
|
|
13369
13369
|
this.baseElement.__filterRadioButtons = (nodes) => {
|
|
13370
|
-
return nodes.filter((node) => node.localName === componentName$
|
|
13370
|
+
return nodes.filter((node) => node.localName === componentName$b);
|
|
13371
13371
|
};
|
|
13372
13372
|
|
|
13373
13373
|
// vaadin radio group missing some input properties
|
|
@@ -13517,38 +13517,38 @@ const RadioGroupClass = compose(
|
|
|
13517
13517
|
`,
|
|
13518
13518
|
|
|
13519
13519
|
excludeAttrsSync: ['tabindex', 'size', 'data', 'direction'],
|
|
13520
|
-
componentName: componentName$
|
|
13520
|
+
componentName: componentName$a,
|
|
13521
13521
|
includeForwardProps: ['value'],
|
|
13522
13522
|
})
|
|
13523
13523
|
);
|
|
13524
13524
|
|
|
13525
|
-
const vars$
|
|
13525
|
+
const vars$a = RadioGroupClass.cssVarList;
|
|
13526
13526
|
const globalRefs$7 = getThemeRefs(globals);
|
|
13527
13527
|
|
|
13528
13528
|
const radioGroup = {
|
|
13529
|
-
[vars$
|
|
13530
|
-
[vars$
|
|
13531
|
-
[vars$
|
|
13532
|
-
[vars$
|
|
13533
|
-
[vars$
|
|
13534
|
-
[vars$
|
|
13535
|
-
[vars$
|
|
13536
|
-
[vars$
|
|
13537
|
-
[vars$
|
|
13538
|
-
[vars$
|
|
13529
|
+
[vars$a.buttonsRowGap]: '9px',
|
|
13530
|
+
[vars$a.hostWidth]: refs.width,
|
|
13531
|
+
[vars$a.hostDirection]: refs.direction,
|
|
13532
|
+
[vars$a.fontSize]: refs.fontSize,
|
|
13533
|
+
[vars$a.fontFamily]: refs.fontFamily,
|
|
13534
|
+
[vars$a.labelTextColor]: refs.labelTextColor,
|
|
13535
|
+
[vars$a.labelRequiredIndicator]: refs.requiredIndicator,
|
|
13536
|
+
[vars$a.errorMessageTextColor]: refs.errorMessageTextColor,
|
|
13537
|
+
[vars$a.helperTextColor]: refs.helperTextColor,
|
|
13538
|
+
[vars$a.itemsLabelColor]: globalRefs$7.colors.surface.contrast,
|
|
13539
13539
|
|
|
13540
13540
|
textAlign: {
|
|
13541
|
-
right: { [vars$
|
|
13542
|
-
left: { [vars$
|
|
13543
|
-
center: { [vars$
|
|
13541
|
+
right: { [vars$a.inputTextAlign]: 'right' },
|
|
13542
|
+
left: { [vars$a.inputTextAlign]: 'left' },
|
|
13543
|
+
center: { [vars$a.inputTextAlign]: 'center' },
|
|
13544
13544
|
},
|
|
13545
13545
|
|
|
13546
13546
|
_fullWidth: {
|
|
13547
|
-
[vars$
|
|
13547
|
+
[vars$a.buttonsSpacing]: 'space-between',
|
|
13548
13548
|
},
|
|
13549
13549
|
|
|
13550
13550
|
_disabled: {
|
|
13551
|
-
[vars$
|
|
13551
|
+
[vars$a.itemsLabelColor]: globalRefs$7.colors.surface.light,
|
|
13552
13552
|
},
|
|
13553
13553
|
};
|
|
13554
13554
|
|
|
@@ -13556,24 +13556,24 @@ var radioGroup$1 = /*#__PURE__*/Object.freeze({
|
|
|
13556
13556
|
__proto__: null,
|
|
13557
13557
|
default: radioGroup,
|
|
13558
13558
|
radioGroup: radioGroup,
|
|
13559
|
-
vars: vars$
|
|
13559
|
+
vars: vars$a
|
|
13560
13560
|
});
|
|
13561
13561
|
|
|
13562
|
-
const vars$
|
|
13562
|
+
const vars$9 = RadioButtonClass.cssVarList;
|
|
13563
13563
|
const globalRefs$6 = getThemeRefs(globals);
|
|
13564
13564
|
|
|
13565
13565
|
const radioButton = {
|
|
13566
|
-
[vars$
|
|
13567
|
-
[vars$
|
|
13568
|
-
[vars$
|
|
13569
|
-
[vars$
|
|
13570
|
-
[vars$
|
|
13571
|
-
[vars$
|
|
13572
|
-
[vars$
|
|
13573
|
-
[vars$
|
|
13566
|
+
[vars$9.fontFamily]: refs.fontFamily,
|
|
13567
|
+
[vars$9.radioSize]: 'calc(1em + 6px)',
|
|
13568
|
+
[vars$9.radioMargin]: 'auto 4px',
|
|
13569
|
+
[vars$9.radioCheckedSize]: `calc(var(${vars$9.radioSize})/5)`,
|
|
13570
|
+
[vars$9.radioCheckedColor]: globalRefs$6.colors.surface.light,
|
|
13571
|
+
[vars$9.radioBackgroundColor]: globalRefs$6.colors.surface.light,
|
|
13572
|
+
[vars$9.radioBorderColor]: 'none',
|
|
13573
|
+
[vars$9.radioBorderWidth]: 0,
|
|
13574
13574
|
|
|
13575
13575
|
_checked: {
|
|
13576
|
-
[vars$
|
|
13576
|
+
[vars$9.radioBackgroundColor]: globalRefs$6.colors.surface.contrast,
|
|
13577
13577
|
},
|
|
13578
13578
|
|
|
13579
13579
|
_hover: {
|
|
@@ -13582,16 +13582,16 @@ const radioButton = {
|
|
|
13582
13582
|
|
|
13583
13583
|
size: {
|
|
13584
13584
|
xs: {
|
|
13585
|
-
[vars$
|
|
13585
|
+
[vars$9.fontSize]: '12px',
|
|
13586
13586
|
},
|
|
13587
13587
|
sm: {
|
|
13588
|
-
[vars$
|
|
13588
|
+
[vars$9.fontSize]: '14px',
|
|
13589
13589
|
},
|
|
13590
13590
|
md: {
|
|
13591
|
-
[vars$
|
|
13591
|
+
[vars$9.fontSize]: '16px',
|
|
13592
13592
|
},
|
|
13593
13593
|
lg: {
|
|
13594
|
-
[vars$
|
|
13594
|
+
[vars$9.fontSize]: '18px',
|
|
13595
13595
|
},
|
|
13596
13596
|
},
|
|
13597
13597
|
};
|
|
@@ -13600,7 +13600,7 @@ var radioButton$1 = /*#__PURE__*/Object.freeze({
|
|
|
13600
13600
|
__proto__: null,
|
|
13601
13601
|
default: radioButton,
|
|
13602
13602
|
radioButton: radioButton,
|
|
13603
|
-
vars: vars$
|
|
13603
|
+
vars: vars$9
|
|
13604
13604
|
});
|
|
13605
13605
|
|
|
13606
13606
|
const SUPPORTED_FORMATS = ['MM/DD/YYYY', 'DD/MM/YYYY', 'YYYY/MM/DD'];
|
|
@@ -13918,7 +13918,7 @@ const nextMonth = (timestamp) => {
|
|
|
13918
13918
|
return date;
|
|
13919
13919
|
};
|
|
13920
13920
|
|
|
13921
|
-
const componentName$
|
|
13921
|
+
const componentName$9 = getComponentName('calendar');
|
|
13922
13922
|
|
|
13923
13923
|
const observedAttrs$1 = [
|
|
13924
13924
|
'initial-value',
|
|
@@ -13935,7 +13935,7 @@ const observedAttrs$1 = [
|
|
|
13935
13935
|
|
|
13936
13936
|
const calendarUiAttrs = ['calendar-label-submit', 'calendar-label-cancel'];
|
|
13937
13937
|
|
|
13938
|
-
const BaseInputClass$1 = createBaseInputClass({ componentName: componentName$
|
|
13938
|
+
const BaseInputClass$1 = createBaseInputClass({ componentName: componentName$9, baseSelector: 'div' });
|
|
13939
13939
|
|
|
13940
13940
|
class RawCalendar extends BaseInputClass$1 {
|
|
13941
13941
|
static get observedAttributes() {
|
|
@@ -14550,92 +14550,92 @@ const CalendarClass = compose(
|
|
|
14550
14550
|
|
|
14551
14551
|
const globalRefs$5 = getThemeRefs(globals);
|
|
14552
14552
|
|
|
14553
|
-
const vars$
|
|
14553
|
+
const vars$8 = CalendarClass.cssVarList;
|
|
14554
14554
|
|
|
14555
14555
|
const calendar = {
|
|
14556
|
-
[vars$
|
|
14557
|
-
[vars$
|
|
14558
|
-
[vars$
|
|
14556
|
+
[vars$8.fontFamily]: refs.fontFamily,
|
|
14557
|
+
[vars$8.fontSize]: refs.fontSize,
|
|
14558
|
+
[vars$8.hostDirection]: refs.direction,
|
|
14559
14559
|
|
|
14560
|
-
[vars$
|
|
14560
|
+
[vars$8.calendarPadding]: '1em',
|
|
14561
14561
|
|
|
14562
|
-
[vars$
|
|
14563
|
-
[vars$
|
|
14564
|
-
[vars$
|
|
14565
|
-
[vars$
|
|
14562
|
+
[vars$8.topNavVerticalPadding]: '1em',
|
|
14563
|
+
[vars$8.topNavAlignment]: 'space-between',
|
|
14564
|
+
[vars$8.topNavGap]: '0',
|
|
14565
|
+
[vars$8.topNavSelectorsGap]: '0.5em',
|
|
14566
14566
|
|
|
14567
|
-
[vars$
|
|
14568
|
-
[vars$
|
|
14569
|
-
[vars$
|
|
14570
|
-
[vars$
|
|
14567
|
+
[vars$8.bottomNavVerticalPadding]: '0.75em',
|
|
14568
|
+
[vars$8.bottomNavHorizontalPadding]: '1.5em',
|
|
14569
|
+
[vars$8.bottomNavAlignment]: 'space-between',
|
|
14570
|
+
[vars$8.bottomNavGap]: '0.5em',
|
|
14571
14571
|
|
|
14572
|
-
[vars$
|
|
14573
|
-
[vars$
|
|
14574
|
-
[vars$
|
|
14575
|
-
[vars$
|
|
14572
|
+
[vars$8.navMarginBottom]: '0.75em',
|
|
14573
|
+
[vars$8.navBorderBottomWidth]: '1px',
|
|
14574
|
+
[vars$8.navBorderBottomColor]: globalRefs$5.colors.surface.highlight,
|
|
14575
|
+
[vars$8.navBorderBottomStyle]: 'solid',
|
|
14576
14576
|
|
|
14577
|
-
[vars$
|
|
14578
|
-
[vars$
|
|
14577
|
+
[vars$8.yearInputWidth]: '6em',
|
|
14578
|
+
[vars$8.monthInputWidth]: '8em',
|
|
14579
14579
|
|
|
14580
|
-
[vars$
|
|
14581
|
-
[vars$
|
|
14580
|
+
[vars$8.navButtonSize]: '24px',
|
|
14581
|
+
[vars$8.navButtonCursor]: 'pointer',
|
|
14582
14582
|
|
|
14583
|
-
[vars$
|
|
14584
|
-
[vars$
|
|
14583
|
+
[vars$8.weekdayFontSize]: '0.875em',
|
|
14584
|
+
[vars$8.weekdayFontWeight]: '500',
|
|
14585
14585
|
|
|
14586
14586
|
// day table cell
|
|
14587
|
-
[vars$
|
|
14587
|
+
[vars$8.dayHeight]: '3.125em',
|
|
14588
14588
|
|
|
14589
14589
|
// day value
|
|
14590
|
-
[vars$
|
|
14591
|
-
[vars$
|
|
14592
|
-
[vars$
|
|
14593
|
-
[vars$
|
|
14594
|
-
[vars$
|
|
14595
|
-
[vars$
|
|
14596
|
-
[vars$
|
|
14597
|
-
[vars$
|
|
14598
|
-
[vars$
|
|
14599
|
-
[vars$
|
|
14590
|
+
[vars$8.daySize]: '2.125em',
|
|
14591
|
+
[vars$8.dayFontSize]: '1em',
|
|
14592
|
+
[vars$8.dayRadius]: '50%',
|
|
14593
|
+
[vars$8.dayTextAlign]: 'center',
|
|
14594
|
+
[vars$8.dayPadding]: '0',
|
|
14595
|
+
[vars$8.dayTextColor]: globalRefs$5.colors.surface.contrast,
|
|
14596
|
+
[vars$8.dayFontWeight]: '500',
|
|
14597
|
+
[vars$8.dayBackgroundColor]: 'transparent',
|
|
14598
|
+
[vars$8.dayCursor]: 'pointer',
|
|
14599
|
+
[vars$8.dayBackgroundColorHover]: globalRefs$5.colors.primary.highlight,
|
|
14600
14600
|
|
|
14601
14601
|
// selected day
|
|
14602
|
-
[vars$
|
|
14603
|
-
[vars$
|
|
14602
|
+
[vars$8.daySelectedBackgroundColor]: globalRefs$5.colors.primary.main,
|
|
14603
|
+
[vars$8.daySelectedTextdColor]: globalRefs$5.colors.primary.contrast,
|
|
14604
14604
|
|
|
14605
14605
|
// disabled day (out of min/max range)
|
|
14606
|
-
[vars$
|
|
14606
|
+
[vars$8.dayDisabledTextdColor]: globalRefs$5.colors.surface.light,
|
|
14607
14607
|
|
|
14608
14608
|
// today
|
|
14609
|
-
[vars$
|
|
14610
|
-
[vars$
|
|
14611
|
-
[vars$
|
|
14609
|
+
[vars$8.currentDayBorderColor]: globalRefs$5.colors.surface.light,
|
|
14610
|
+
[vars$8.currentDayBorderWidth]: '1px',
|
|
14611
|
+
[vars$8.currentDayBorderStyle]: 'solid',
|
|
14612
14612
|
|
|
14613
14613
|
size: {
|
|
14614
|
-
xs: { [vars$
|
|
14615
|
-
sm: { [vars$
|
|
14616
|
-
md: { [vars$
|
|
14617
|
-
lg: { [vars$
|
|
14614
|
+
xs: { [vars$8.fontSize]: '12px' },
|
|
14615
|
+
sm: { [vars$8.fontSize]: '14px' },
|
|
14616
|
+
md: { [vars$8.fontSize]: '16px' },
|
|
14617
|
+
lg: { [vars$8.fontSize]: '18px' },
|
|
14618
14618
|
},
|
|
14619
14619
|
|
|
14620
|
-
[vars$
|
|
14620
|
+
[vars$8.navButtonRotation]: 'rotate(180deg)',
|
|
14621
14621
|
|
|
14622
14622
|
_disabled: {
|
|
14623
|
-
[vars$
|
|
14624
|
-
[vars$
|
|
14625
|
-
[vars$
|
|
14626
|
-
[vars$
|
|
14623
|
+
[vars$8.navButtonOpacity]: '0.5',
|
|
14624
|
+
[vars$8.dayBackgroundColorHover]: 'none',
|
|
14625
|
+
[vars$8.navButtonCursor]: 'default',
|
|
14626
|
+
[vars$8.dayCursor]: 'default',
|
|
14627
14627
|
},
|
|
14628
14628
|
|
|
14629
14629
|
_fullWidth: {
|
|
14630
|
-
[vars$
|
|
14631
|
-
[vars$
|
|
14630
|
+
[vars$8.hostWidth]: '100%',
|
|
14631
|
+
[vars$8.dayBlockAlign]: '0 auto',
|
|
14632
14632
|
},
|
|
14633
14633
|
};
|
|
14634
14634
|
|
|
14635
14635
|
var calendar$1 = /*#__PURE__*/Object.freeze({
|
|
14636
14636
|
__proto__: null,
|
|
14637
14637
|
default: calendar,
|
|
14638
|
-
vars: vars$
|
|
14638
|
+
vars: vars$8
|
|
14639
14639
|
});
|
|
14640
14640
|
|
|
14641
14641
|
const patterns = {
|
|
@@ -14769,12 +14769,12 @@ class DateCounter {
|
|
|
14769
14769
|
}
|
|
14770
14770
|
}
|
|
14771
14771
|
|
|
14772
|
-
const componentName$
|
|
14772
|
+
const componentName$8 = getComponentName('date-field');
|
|
14773
14773
|
|
|
14774
14774
|
// we set baseSelector to `vaadin-popover` as a temporary hack, so our portalMixin will
|
|
14775
14775
|
// be able to process this component's overlay. The whole process needs refactoring as soon as possible.
|
|
14776
14776
|
const BASE_SELECTOR = 'vaadin-popover';
|
|
14777
|
-
const BaseInputClass = createBaseInputClass({ componentName: componentName$
|
|
14777
|
+
const BaseInputClass = createBaseInputClass({ componentName: componentName$8, baseSelector: BASE_SELECTOR });
|
|
14778
14778
|
|
|
14779
14779
|
const dateFieldAttrs = ['format', 'opened', 'initial-value', 'readonly'];
|
|
14780
14780
|
const calendarAttrs = ['years-range', 'calendar-months', 'calendar-weekdays'];
|
|
@@ -15449,31 +15449,31 @@ const globalRefs$4 = getThemeRefs(globals);
|
|
|
15449
15449
|
const shadowColor$1 = '#00000020';
|
|
15450
15450
|
const { shadow } = globalRefs$4;
|
|
15451
15451
|
|
|
15452
|
-
const vars$
|
|
15452
|
+
const vars$7 = DateFieldClass.cssVarList;
|
|
15453
15453
|
|
|
15454
15454
|
const dateField = {
|
|
15455
|
-
[vars$
|
|
15456
|
-
[vars$
|
|
15457
|
-
[vars$
|
|
15458
|
-
|
|
15459
|
-
[vars$
|
|
15460
|
-
[vars$
|
|
15461
|
-
[vars$
|
|
15462
|
-
[vars$
|
|
15463
|
-
[vars$
|
|
15464
|
-
[vars$
|
|
15465
|
-
[vars$
|
|
15466
|
-
[vars$
|
|
15467
|
-
[vars$
|
|
15468
|
-
|
|
15469
|
-
[vars$
|
|
15470
|
-
[vars$
|
|
15455
|
+
[vars$7.hostWidth]: refs.width,
|
|
15456
|
+
[vars$7.hostDirection]: refs.direction,
|
|
15457
|
+
[vars$7.iconMargin]: '0.375em',
|
|
15458
|
+
|
|
15459
|
+
[vars$7.overlay.marginTop]: `calc(${refs.outlineWidth} + 1px)`,
|
|
15460
|
+
[vars$7.overlay.backgroundColor]: refs.backgroundColor,
|
|
15461
|
+
[vars$7.overlay.backdropBackgroundColor]: 'transparent',
|
|
15462
|
+
[vars$7.overlay.backdropPointerEvents]: 'all',
|
|
15463
|
+
[vars$7.overlay.boxShadow]: `${shadow.wide.xl} ${shadowColor$1}, ${shadow.narrow.xl} ${shadowColor$1}`,
|
|
15464
|
+
[vars$7.overlay.outlineWidth]: '0',
|
|
15465
|
+
[vars$7.overlay.outlineColor]: 'transparent',
|
|
15466
|
+
[vars$7.overlay.outlineStyle]: 'none',
|
|
15467
|
+
[vars$7.overlay.padding]: '0',
|
|
15468
|
+
|
|
15469
|
+
[vars$7.rtlInputDirection]: 'ltr',
|
|
15470
|
+
[vars$7.rtlInputAlignment]: 'right',
|
|
15471
15471
|
};
|
|
15472
15472
|
|
|
15473
15473
|
var dateField$1 = /*#__PURE__*/Object.freeze({
|
|
15474
15474
|
__proto__: null,
|
|
15475
15475
|
default: dateField,
|
|
15476
|
-
vars: vars$
|
|
15476
|
+
vars: vars$7
|
|
15477
15477
|
});
|
|
15478
15478
|
|
|
15479
15479
|
const activeableMixin = (superclass) =>
|
|
@@ -15491,7 +15491,7 @@ const activeableMixin = (superclass) =>
|
|
|
15491
15491
|
}
|
|
15492
15492
|
};
|
|
15493
15493
|
|
|
15494
|
-
const componentName$
|
|
15494
|
+
const componentName$7 = getComponentName('list-item');
|
|
15495
15495
|
|
|
15496
15496
|
const customMixin$1 = (superclass) =>
|
|
15497
15497
|
class ListItemMixinClass extends superclass {
|
|
@@ -15540,11 +15540,11 @@ const ListItemClass = compose(
|
|
|
15540
15540
|
componentNameValidationMixin,
|
|
15541
15541
|
customMixin$1,
|
|
15542
15542
|
activeableMixin
|
|
15543
|
-
)(createBaseClass({ componentName: componentName$
|
|
15543
|
+
)(createBaseClass({ componentName: componentName$7, baseSelector: 'slot' }));
|
|
15544
15544
|
|
|
15545
|
-
const componentName$
|
|
15545
|
+
const componentName$6 = getComponentName('list');
|
|
15546
15546
|
|
|
15547
|
-
class RawList extends createBaseClass({ componentName: componentName$
|
|
15547
|
+
class RawList extends createBaseClass({ componentName: componentName$6, baseSelector: '.wrapper' }) {
|
|
15548
15548
|
static get observedAttributes() {
|
|
15549
15549
|
return ['variant', 'readonly'];
|
|
15550
15550
|
}
|
|
@@ -15697,7 +15697,7 @@ const compVars = ListClass.cssVarList;
|
|
|
15697
15697
|
|
|
15698
15698
|
const [helperTheme, helperRefs, helperVars] = createHelperVars(
|
|
15699
15699
|
{ shadowColor: '#00000020' },
|
|
15700
|
-
componentName$
|
|
15700
|
+
componentName$6
|
|
15701
15701
|
);
|
|
15702
15702
|
|
|
15703
15703
|
const { shadowColor } = helperRefs;
|
|
@@ -15737,7 +15737,7 @@ const list$1 = {
|
|
|
15737
15737
|
},
|
|
15738
15738
|
};
|
|
15739
15739
|
|
|
15740
|
-
const vars$
|
|
15740
|
+
const vars$6 = {
|
|
15741
15741
|
...compVars,
|
|
15742
15742
|
...helperVars,
|
|
15743
15743
|
};
|
|
@@ -15745,49 +15745,49 @@ const vars$5 = {
|
|
|
15745
15745
|
var list$2 = /*#__PURE__*/Object.freeze({
|
|
15746
15746
|
__proto__: null,
|
|
15747
15747
|
default: list$1,
|
|
15748
|
-
vars: vars$
|
|
15748
|
+
vars: vars$6
|
|
15749
15749
|
});
|
|
15750
15750
|
|
|
15751
15751
|
const globalRefs$2 = getThemeRefs(globals);
|
|
15752
15752
|
|
|
15753
|
-
const vars$
|
|
15753
|
+
const vars$5 = ListItemClass.cssVarList;
|
|
15754
15754
|
|
|
15755
15755
|
const list = {
|
|
15756
|
-
[vars$
|
|
15757
|
-
[vars$
|
|
15758
|
-
[vars$
|
|
15759
|
-
[vars$
|
|
15760
|
-
[vars$
|
|
15761
|
-
[vars$
|
|
15762
|
-
[vars$
|
|
15763
|
-
[vars$
|
|
15764
|
-
[vars$
|
|
15765
|
-
[vars$
|
|
15766
|
-
[vars$
|
|
15756
|
+
[vars$5.backgroundColor]: globalRefs$2.colors.surface.main,
|
|
15757
|
+
[vars$5.padding]: globalRefs$2.spacing.lg,
|
|
15758
|
+
[vars$5.gap]: globalRefs$2.spacing.md,
|
|
15759
|
+
[vars$5.borderStyle]: 'solid',
|
|
15760
|
+
[vars$5.borderWidth]: globalRefs$2.border.xs,
|
|
15761
|
+
[vars$5.borderColor]: globalRefs$2.colors.surface.main,
|
|
15762
|
+
[vars$5.borderRadius]: globalRefs$2.radius.sm,
|
|
15763
|
+
[vars$5.cursor]: 'pointer',
|
|
15764
|
+
[vars$5.alignItems]: 'center',
|
|
15765
|
+
[vars$5.flexDirection]: 'row',
|
|
15766
|
+
[vars$5.transition]: 'border-color 0.2s, background-color 0.2s',
|
|
15767
15767
|
|
|
15768
15768
|
variant: {
|
|
15769
15769
|
tile: {
|
|
15770
|
-
[vars$
|
|
15771
|
-
[vars$
|
|
15772
|
-
[vars$
|
|
15770
|
+
[vars$5.alignItems]: 'flex-start',
|
|
15771
|
+
[vars$5.flexDirection]: 'column',
|
|
15772
|
+
[vars$5.borderColor]: globalRefs$2.colors.surface.light,
|
|
15773
15773
|
},
|
|
15774
15774
|
},
|
|
15775
15775
|
|
|
15776
15776
|
_hover: {
|
|
15777
|
-
[vars$
|
|
15777
|
+
[vars$5.backgroundColor]: globalRefs$2.colors.surface.highlight,
|
|
15778
15778
|
},
|
|
15779
15779
|
|
|
15780
15780
|
_active: {
|
|
15781
|
-
[vars$
|
|
15782
|
-
[vars$
|
|
15783
|
-
[vars$
|
|
15781
|
+
[vars$5.backgroundColor]: globalRefs$2.colors.surface.main,
|
|
15782
|
+
[vars$5.borderColor]: globalRefs$2.colors.primary.light,
|
|
15783
|
+
[vars$5.outline]: `1px solid ${globalRefs$2.colors.primary.light}`,
|
|
15784
15784
|
},
|
|
15785
15785
|
};
|
|
15786
15786
|
|
|
15787
15787
|
var listItem = /*#__PURE__*/Object.freeze({
|
|
15788
15788
|
__proto__: null,
|
|
15789
15789
|
default: list,
|
|
15790
|
-
vars: vars$
|
|
15790
|
+
vars: vars$5
|
|
15791
15791
|
});
|
|
15792
15792
|
|
|
15793
15793
|
const defaultValidateSchema = () => true;
|
|
@@ -15889,7 +15889,7 @@ const createDynamicDataMixin =
|
|
|
15889
15889
|
}
|
|
15890
15890
|
};
|
|
15891
15891
|
|
|
15892
|
-
const componentName$
|
|
15892
|
+
const componentName$5 = getComponentName('apps-list');
|
|
15893
15893
|
|
|
15894
15894
|
const limitAbbreviation = (str, limit = 2) =>
|
|
15895
15895
|
str
|
|
@@ -15951,7 +15951,7 @@ const AppsListClass = compose(
|
|
|
15951
15951
|
slots: ['empty-state'],
|
|
15952
15952
|
wrappedEleName: 'descope-list',
|
|
15953
15953
|
excludeAttrsSync: ['tabindex', 'class', 'empty'],
|
|
15954
|
-
componentName: componentName$
|
|
15954
|
+
componentName: componentName$5,
|
|
15955
15955
|
style: () => `
|
|
15956
15956
|
:host {
|
|
15957
15957
|
width: 100%;
|
|
@@ -15976,33 +15976,33 @@ const AppsListClass = compose(
|
|
|
15976
15976
|
})
|
|
15977
15977
|
);
|
|
15978
15978
|
|
|
15979
|
-
const vars$
|
|
15979
|
+
const vars$4 = AppsListClass.cssVarList;
|
|
15980
15980
|
const globalRefs$1 = getThemeRefs(globals);
|
|
15981
15981
|
|
|
15982
15982
|
const defaultHeight = '400px';
|
|
15983
15983
|
|
|
15984
15984
|
const appsList = {
|
|
15985
|
-
[vars$
|
|
15986
|
-
[vars$
|
|
15987
|
-
[vars$
|
|
15988
|
-
[vars$
|
|
15985
|
+
[vars$4.itemsFontWeight]: 'normal',
|
|
15986
|
+
[vars$4.itemsTextAlign]: 'start',
|
|
15987
|
+
[vars$4.hostDirection]: globalRefs$1.direction,
|
|
15988
|
+
[vars$4.maxHeight]: defaultHeight,
|
|
15989
15989
|
|
|
15990
15990
|
_empty: {
|
|
15991
|
-
[vars$
|
|
15991
|
+
[vars$4.minHeight]: defaultHeight,
|
|
15992
15992
|
},
|
|
15993
15993
|
|
|
15994
15994
|
size: {
|
|
15995
15995
|
xs: {
|
|
15996
|
-
[vars$
|
|
15996
|
+
[vars$4.itemsFontSize]: '14px',
|
|
15997
15997
|
},
|
|
15998
15998
|
sm: {
|
|
15999
|
-
[vars$
|
|
15999
|
+
[vars$4.itemsFontSize]: '14px',
|
|
16000
16000
|
},
|
|
16001
16001
|
md: {
|
|
16002
|
-
[vars$
|
|
16002
|
+
[vars$4.itemsFontSize]: '16px',
|
|
16003
16003
|
},
|
|
16004
16004
|
lg: {
|
|
16005
|
-
[vars$
|
|
16005
|
+
[vars$4.itemsFontSize]: '20px',
|
|
16006
16006
|
},
|
|
16007
16007
|
},
|
|
16008
16008
|
};
|
|
@@ -16010,10 +16010,10 @@ const appsList = {
|
|
|
16010
16010
|
var appsList$1 = /*#__PURE__*/Object.freeze({
|
|
16011
16011
|
__proto__: null,
|
|
16012
16012
|
default: appsList,
|
|
16013
|
-
vars: vars$
|
|
16013
|
+
vars: vars$4
|
|
16014
16014
|
});
|
|
16015
16015
|
|
|
16016
|
-
const componentName$
|
|
16016
|
+
const componentName$4 = getComponentName('scopes-list');
|
|
16017
16017
|
const variants = ['checkbox', 'switch'];
|
|
16018
16018
|
|
|
16019
16019
|
const itemRenderer = ({ id, desc, required = false }, _, ref) => {
|
|
@@ -16032,7 +16032,7 @@ const itemRenderer = ({ id, desc, required = false }, _, ref) => {
|
|
|
16032
16032
|
`;
|
|
16033
16033
|
};
|
|
16034
16034
|
|
|
16035
|
-
class RawScopesList extends createBaseClass({ componentName: componentName$
|
|
16035
|
+
class RawScopesList extends createBaseClass({ componentName: componentName$4, baseSelector: 'div' }) {
|
|
16036
16036
|
constructor() {
|
|
16037
16037
|
super();
|
|
16038
16038
|
|
|
@@ -16137,28 +16137,28 @@ const ScopesListClass = compose(
|
|
|
16137
16137
|
componentNameValidationMixin
|
|
16138
16138
|
)(RawScopesList);
|
|
16139
16139
|
|
|
16140
|
-
const vars$
|
|
16140
|
+
const vars$3 = ScopesListClass.cssVarList;
|
|
16141
16141
|
|
|
16142
|
-
const scopesList = {
|
|
16143
|
-
[vars$
|
|
16144
|
-
[vars$
|
|
16145
|
-
[vars$
|
|
16142
|
+
const scopesList$1 = {
|
|
16143
|
+
[vars$3.requiredInputBorderColor]: theme$1._disabled[vars$P.borderColor],
|
|
16144
|
+
[vars$3.requiredInputValueTextColor]: theme$1._disabled[vars$P.valueTextColor],
|
|
16145
|
+
[vars$3.hostWidth]: '280px',
|
|
16146
16146
|
_fullWidth: {
|
|
16147
|
-
[vars$
|
|
16147
|
+
[vars$3.hostWidth]: '100%',
|
|
16148
16148
|
},
|
|
16149
16149
|
};
|
|
16150
16150
|
|
|
16151
|
-
var scopesList$
|
|
16151
|
+
var scopesList$2 = /*#__PURE__*/Object.freeze({
|
|
16152
16152
|
__proto__: null,
|
|
16153
|
-
default: scopesList,
|
|
16154
|
-
vars: vars$
|
|
16153
|
+
default: scopesList$1,
|
|
16154
|
+
vars: vars$3
|
|
16155
16155
|
});
|
|
16156
16156
|
|
|
16157
16157
|
var arrowsImg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMTQ0OTIgMTUuNjQ1TDcuNDk5OTIgMTRMMi44MzMyNSAxOC42NjY3TDcuNDk5OTIgMjMuMzMzM0w5LjE0NDkyIDIxLjY4ODNMNy4zMDE1OSAxOS44MzMzSDI0Ljk5OTlWMTcuNUg3LjMwMTU5TDkuMTQ0OTIgMTUuNjQ1WiIgZmlsbD0iIzYzNkM3NCIvPgo8cGF0aCBkPSJNMTkuODU1IDEyLjM1NTNMMjEuNSAxNC4wMDAzTDI2LjE2NjcgOS4zMzM2NkwyMS41IDQuNjY2OTlMMTkuODU1IDYuMzExOTlMMjEuNjk4MyA4LjE2Njk5SDRWMTAuNTAwM0gyMS42OTgzTDE5Ljg1NSAxMi4zNTUzWiIgZmlsbD0iIzYzNkM3NCIvPgo8L3N2Zz4K";
|
|
16158
16158
|
|
|
16159
|
-
const componentName$
|
|
16159
|
+
const componentName$3 = getComponentName('third-party-app-logo');
|
|
16160
16160
|
class RawThirdPartyAppLogoClass extends createBaseClass({
|
|
16161
|
-
componentName: componentName$
|
|
16161
|
+
componentName: componentName$3,
|
|
16162
16162
|
baseSelector: '.wrapper',
|
|
16163
16163
|
}) {
|
|
16164
16164
|
constructor() {
|
|
@@ -16176,6 +16176,7 @@ class RawThirdPartyAppLogoClass extends createBaseClass({
|
|
|
16176
16176
|
display: flex;
|
|
16177
16177
|
justify-content: center;
|
|
16178
16178
|
align-items: center;
|
|
16179
|
+
min-width: max-content;
|
|
16179
16180
|
}
|
|
16180
16181
|
|
|
16181
16182
|
.third-party-app-logo {
|
|
@@ -16252,31 +16253,31 @@ const ThirdPartyAppLogoClass = compose(
|
|
|
16252
16253
|
)(RawThirdPartyAppLogoClass);
|
|
16253
16254
|
|
|
16254
16255
|
const globalRefs = getThemeRefs(globals);
|
|
16255
|
-
const vars$
|
|
16256
|
+
const vars$2 = ThirdPartyAppLogoClass.cssVarList;
|
|
16256
16257
|
|
|
16257
16258
|
const thirdPartyAppLogo = {
|
|
16258
|
-
[vars$
|
|
16259
|
-
[vars$
|
|
16260
|
-
[vars$
|
|
16259
|
+
[vars$2.gap]: globalRefs.spacing.lg,
|
|
16260
|
+
[vars$2.arrowsColor]: globalRefs.colors.surface.dark,
|
|
16261
|
+
[vars$2.thirdPartyAppLogoFallback]:
|
|
16261
16262
|
'url(https://imgs.descope.com/components/third-party-app-logo-placeholder.svg)',
|
|
16262
|
-
[vars$
|
|
16263
|
+
[vars$2.companyLogoFallback]:
|
|
16263
16264
|
'url(https://imgs.descope.com/components/project-logo-placeholder.svg)',
|
|
16264
16265
|
size: {
|
|
16265
16266
|
xs: {
|
|
16266
|
-
[vars$
|
|
16267
|
-
[vars$
|
|
16267
|
+
[vars$2.logoMaxHeight]: '30px',
|
|
16268
|
+
[vars$2.logoMaxWidth]: '120px',
|
|
16268
16269
|
},
|
|
16269
16270
|
sm: {
|
|
16270
|
-
[vars$
|
|
16271
|
-
[vars$
|
|
16271
|
+
[vars$2.logoMaxHeight]: '40px',
|
|
16272
|
+
[vars$2.logoMaxWidth]: '160px',
|
|
16272
16273
|
},
|
|
16273
16274
|
md: {
|
|
16274
|
-
[vars$
|
|
16275
|
-
[vars$
|
|
16275
|
+
[vars$2.logoMaxHeight]: '48px',
|
|
16276
|
+
[vars$2.logoMaxWidth]: '200px',
|
|
16276
16277
|
},
|
|
16277
16278
|
lg: {
|
|
16278
|
-
[vars$
|
|
16279
|
-
[vars$
|
|
16279
|
+
[vars$2.logoMaxHeight]: '60px',
|
|
16280
|
+
[vars$2.logoMaxWidth]: '240px',
|
|
16280
16281
|
},
|
|
16281
16282
|
},
|
|
16282
16283
|
};
|
|
@@ -16284,6 +16285,260 @@ const thirdPartyAppLogo = {
|
|
|
16284
16285
|
var thirdPartyAppLogo$1 = /*#__PURE__*/Object.freeze({
|
|
16285
16286
|
__proto__: null,
|
|
16286
16287
|
default: thirdPartyAppLogo,
|
|
16288
|
+
vars: vars$2
|
|
16289
|
+
});
|
|
16290
|
+
|
|
16291
|
+
const componentName$2 = getComponentName('security-questions-setup');
|
|
16292
|
+
|
|
16293
|
+
const attrsToSync = [
|
|
16294
|
+
'full-width',
|
|
16295
|
+
'readonly',
|
|
16296
|
+
'size',
|
|
16297
|
+
'label-type',
|
|
16298
|
+
'question-label',
|
|
16299
|
+
'question-placeholder',
|
|
16300
|
+
'question-data-errormessage-value-missing',
|
|
16301
|
+
'answer-label',
|
|
16302
|
+
'answer-placeholder',
|
|
16303
|
+
'answer-data-errormessage-value-missing',
|
|
16304
|
+
];
|
|
16305
|
+
|
|
16306
|
+
const attrsToReRender = ['count', 'questions'];
|
|
16307
|
+
class RawSecurityQuestionsSetup extends createBaseClass({ componentName: componentName$2, baseSelector: 'div' }) {
|
|
16308
|
+
constructor() {
|
|
16309
|
+
super();
|
|
16310
|
+
|
|
16311
|
+
this.attachShadow({ mode: 'open' }).innerHTML = `
|
|
16312
|
+
<style>
|
|
16313
|
+
:host {
|
|
16314
|
+
display: inline-flex;
|
|
16315
|
+
}
|
|
16316
|
+
|
|
16317
|
+
div {
|
|
16318
|
+
display: flex;
|
|
16319
|
+
flex-direction: column;
|
|
16320
|
+
}
|
|
16321
|
+
|
|
16322
|
+
</style>
|
|
16323
|
+
<div></div>
|
|
16324
|
+
`;
|
|
16325
|
+
}
|
|
16326
|
+
|
|
16327
|
+
get isReadOnly() {
|
|
16328
|
+
return this.getAttribute('readonly') === 'true';
|
|
16329
|
+
}
|
|
16330
|
+
|
|
16331
|
+
get size() {
|
|
16332
|
+
return this.getAttribute('size') || 'sm';
|
|
16333
|
+
}
|
|
16334
|
+
|
|
16335
|
+
get count() {
|
|
16336
|
+
return Number(this.getAttribute('count')) || 0;
|
|
16337
|
+
}
|
|
16338
|
+
|
|
16339
|
+
#renderQuestions() {
|
|
16340
|
+
const res = Array.from({ length: this.count }).map(
|
|
16341
|
+
(_, index) =>
|
|
16342
|
+
// <!--html-->
|
|
16343
|
+
`
|
|
16344
|
+
<div class="question-wrapper">
|
|
16345
|
+
<descope-combo-box
|
|
16346
|
+
data-id="${index}"
|
|
16347
|
+
item-label-path="data-name"
|
|
16348
|
+
item-value-path="data-id"
|
|
16349
|
+
bordered="true"
|
|
16350
|
+
required="true"
|
|
16351
|
+
clear-button-visible="true"
|
|
16352
|
+
></descope-combo-box>
|
|
16353
|
+
|
|
16354
|
+
<descope-text-field
|
|
16355
|
+
data-id="${index}"
|
|
16356
|
+
required="true"
|
|
16357
|
+
bordered="true"
|
|
16358
|
+
minlength="2"
|
|
16359
|
+
></descope-text-field>
|
|
16360
|
+
</div>
|
|
16361
|
+
`
|
|
16362
|
+
// <!--!html-->
|
|
16363
|
+
);
|
|
16364
|
+
|
|
16365
|
+
this.baseElement.innerHTML = res.join(
|
|
16366
|
+
'<spacer></spacer><descope-divider></descope-divider><spacer></spacer>'
|
|
16367
|
+
);
|
|
16368
|
+
|
|
16369
|
+
this.comboBoxes.forEach((el) => {
|
|
16370
|
+
el.addEventListener('change', (e) => {
|
|
16371
|
+
this.updateRemainingCombosData(e.target);
|
|
16372
|
+
const AttachedTextField = this.getAttachedTextField(e.target);
|
|
16373
|
+
|
|
16374
|
+
AttachedTextField.value = '';
|
|
16375
|
+
});
|
|
16376
|
+
|
|
16377
|
+
// eslint-disable-next-line no-param-reassign
|
|
16378
|
+
el.data = this.data;
|
|
16379
|
+
});
|
|
16380
|
+
|
|
16381
|
+
this.#syncAttrs(attrsToSync);
|
|
16382
|
+
}
|
|
16383
|
+
|
|
16384
|
+
getAttachedTextField(combo) {
|
|
16385
|
+
const selector = `descope-text-field[data-id="${combo.getAttribute('data-id')}"]`;
|
|
16386
|
+
|
|
16387
|
+
return this.baseElement.querySelector(selector);
|
|
16388
|
+
}
|
|
16389
|
+
|
|
16390
|
+
filterData(comboValue) {
|
|
16391
|
+
const res = this.data.filter((item) => {
|
|
16392
|
+
return item.value === comboValue || !this.selectedQuestionIds.includes(item.value);
|
|
16393
|
+
});
|
|
16394
|
+
|
|
16395
|
+
return res;
|
|
16396
|
+
}
|
|
16397
|
+
|
|
16398
|
+
reportValidity() {
|
|
16399
|
+
this.inputs.reverse().forEach((el) => el.reportValidity());
|
|
16400
|
+
|
|
16401
|
+
return this.checkValidity();
|
|
16402
|
+
}
|
|
16403
|
+
|
|
16404
|
+
checkValidity() {
|
|
16405
|
+
return [...this.comboBoxes, ...this.textFields].every((el) => el.checkValidity());
|
|
16406
|
+
}
|
|
16407
|
+
|
|
16408
|
+
updateRemainingCombosData(sourceCombo) {
|
|
16409
|
+
this.comboBoxes
|
|
16410
|
+
.filter((combo) => combo !== sourceCombo)
|
|
16411
|
+
.forEach((combo) => {
|
|
16412
|
+
// eslint-disable-next-line no-param-reassign
|
|
16413
|
+
combo.data = this.filterData(combo.value);
|
|
16414
|
+
});
|
|
16415
|
+
}
|
|
16416
|
+
|
|
16417
|
+
get questions() {
|
|
16418
|
+
try {
|
|
16419
|
+
return JSON.parse(this.getAttribute('questions')) || [];
|
|
16420
|
+
} catch (e) {
|
|
16421
|
+
// eslint-disable-next-line no-console
|
|
16422
|
+
console.error(componentName$2, 'Error parsing data attribute', e);
|
|
16423
|
+
return [];
|
|
16424
|
+
}
|
|
16425
|
+
}
|
|
16426
|
+
|
|
16427
|
+
// this returns the structure expected by the combo box
|
|
16428
|
+
get data() {
|
|
16429
|
+
return this.questions.map(({ id, text }) => ({ value: id, label: text }));
|
|
16430
|
+
}
|
|
16431
|
+
|
|
16432
|
+
get comboBoxes() {
|
|
16433
|
+
return Array.from(this.baseElement.querySelectorAll('descope-combo-box'));
|
|
16434
|
+
}
|
|
16435
|
+
|
|
16436
|
+
get textFields() {
|
|
16437
|
+
return Array.from(this.baseElement.querySelectorAll('descope-text-field'));
|
|
16438
|
+
}
|
|
16439
|
+
|
|
16440
|
+
get inputs() {
|
|
16441
|
+
return Array.from(this.baseElement.querySelectorAll('descope-combo-box, descope-text-field'));
|
|
16442
|
+
}
|
|
16443
|
+
|
|
16444
|
+
get selectedQuestionIds() {
|
|
16445
|
+
return this.comboBoxes.map((el) => el.value);
|
|
16446
|
+
}
|
|
16447
|
+
|
|
16448
|
+
get value() {
|
|
16449
|
+
return this.comboBoxes.map((combo) => {
|
|
16450
|
+
const id = combo.value;
|
|
16451
|
+
const answer = this.getAttachedTextField(combo).value;
|
|
16452
|
+
|
|
16453
|
+
return { id, answer };
|
|
16454
|
+
});
|
|
16455
|
+
}
|
|
16456
|
+
|
|
16457
|
+
set value(val = []) {
|
|
16458
|
+
val.forEach((item, index) => {
|
|
16459
|
+
const combo = this.comboBoxes[index];
|
|
16460
|
+
const textField = this.getAttachedTextField(combo);
|
|
16461
|
+
|
|
16462
|
+
combo.value = item.id;
|
|
16463
|
+
textField.value = item.answer;
|
|
16464
|
+
});
|
|
16465
|
+
}
|
|
16466
|
+
|
|
16467
|
+
// eslint-disable-next-line class-methods-use-this
|
|
16468
|
+
#updateAttribute(ele, attrName, value) {
|
|
16469
|
+
if (value === null) ele.removeAttribute(attrName);
|
|
16470
|
+
else ele.setAttribute(attrName, value);
|
|
16471
|
+
}
|
|
16472
|
+
|
|
16473
|
+
#syncAttrs(attrs) {
|
|
16474
|
+
const componentMap = {
|
|
16475
|
+
question: this.comboBoxes,
|
|
16476
|
+
answer: this.textFields,
|
|
16477
|
+
};
|
|
16478
|
+
|
|
16479
|
+
attrs.forEach((attr) => {
|
|
16480
|
+
const [maybeComponentType, ...rest] = attr.split('-');
|
|
16481
|
+
const elements = componentMap[maybeComponentType] || this.inputs;
|
|
16482
|
+
const attrName = componentMap[maybeComponentType] ? rest.join('-') : attr;
|
|
16483
|
+
|
|
16484
|
+
elements.forEach((el) => {
|
|
16485
|
+
this.#updateAttribute(el, attrName, this.getAttribute(attr));
|
|
16486
|
+
});
|
|
16487
|
+
});
|
|
16488
|
+
}
|
|
16489
|
+
|
|
16490
|
+
init() {
|
|
16491
|
+
super.init?.();
|
|
16492
|
+
// render new components
|
|
16493
|
+
observeAttributes(
|
|
16494
|
+
this,
|
|
16495
|
+
() => {
|
|
16496
|
+
this.#renderQuestions();
|
|
16497
|
+
},
|
|
16498
|
+
{ includeAttrs: attrsToReRender }
|
|
16499
|
+
);
|
|
16500
|
+
|
|
16501
|
+
// update existing components
|
|
16502
|
+
observeAttributes(this, this.#syncAttrs.bind(this), {
|
|
16503
|
+
includeAttrs: attrsToSync,
|
|
16504
|
+
});
|
|
16505
|
+
}
|
|
16506
|
+
}
|
|
16507
|
+
|
|
16508
|
+
const SecurityQuestionsSetupClass = compose(
|
|
16509
|
+
createStyleMixin({
|
|
16510
|
+
mappings: {
|
|
16511
|
+
hostWidth: [{ selector: () => ':host', property: 'width' }, { property: 'width' }],
|
|
16512
|
+
hostDirection: [
|
|
16513
|
+
{ selector: () => ':host', property: 'direction' },
|
|
16514
|
+
{
|
|
16515
|
+
selector: () => ComboBoxClass.componentName,
|
|
16516
|
+
property: ComboBoxClass.cssVarList.hostDirection,
|
|
16517
|
+
},
|
|
16518
|
+
{
|
|
16519
|
+
selector: () => TextFieldClass.componentName,
|
|
16520
|
+
property: TextFieldClass.cssVarList.hostDirection,
|
|
16521
|
+
},
|
|
16522
|
+
],
|
|
16523
|
+
gap: { selector: () => 'div', property: 'gap' },
|
|
16524
|
+
},
|
|
16525
|
+
}),
|
|
16526
|
+
draggableMixin,
|
|
16527
|
+
componentNameValidationMixin
|
|
16528
|
+
)(RawSecurityQuestionsSetup);
|
|
16529
|
+
|
|
16530
|
+
const vars$1 = SecurityQuestionsSetupClass.cssVarList;
|
|
16531
|
+
|
|
16532
|
+
const scopesList = {
|
|
16533
|
+
[vars$1.hostWidth]: 'fit-content',
|
|
16534
|
+
_fullWidth: {
|
|
16535
|
+
[vars$1.hostWidth]: '100%',
|
|
16536
|
+
},
|
|
16537
|
+
};
|
|
16538
|
+
|
|
16539
|
+
var securityQuestionsSetup = /*#__PURE__*/Object.freeze({
|
|
16540
|
+
__proto__: null,
|
|
16541
|
+
default: scopesList,
|
|
16287
16542
|
vars: vars$1
|
|
16288
16543
|
});
|
|
16289
16544
|
|
|
@@ -16337,8 +16592,9 @@ const components = {
|
|
|
16337
16592
|
list: list$2,
|
|
16338
16593
|
listItem,
|
|
16339
16594
|
appsList: appsList$1,
|
|
16340
|
-
scopesList: scopesList$
|
|
16595
|
+
scopesList: scopesList$2,
|
|
16341
16596
|
thirdPartyAppLogo: thirdPartyAppLogo$1,
|
|
16597
|
+
securityQuestionsSetup,
|
|
16342
16598
|
};
|
|
16343
16599
|
|
|
16344
16600
|
const theme = Object.keys(components).reduce(
|
|
@@ -16351,7 +16607,7 @@ const vars = Object.keys(components).reduce(
|
|
|
16351
16607
|
);
|
|
16352
16608
|
|
|
16353
16609
|
const defaultTheme = { globals, components: theme };
|
|
16354
|
-
const themeVars = { globals: vars$
|
|
16610
|
+
const themeVars = { globals: vars$R, components: vars };
|
|
16355
16611
|
|
|
16356
16612
|
const colors = {
|
|
16357
16613
|
surface: {
|
|
@@ -16731,6 +16987,7 @@ exports.RadioGroupClass = RadioGroupClass;
|
|
|
16731
16987
|
exports.RecaptchaClass = RecaptchaClass;
|
|
16732
16988
|
exports.SamlGroupMappingsClass = SamlGroupMappingsClass;
|
|
16733
16989
|
exports.ScopesListClass = ScopesListClass;
|
|
16990
|
+
exports.SecurityQuestionsSetupClass = SecurityQuestionsSetupClass;
|
|
16734
16991
|
exports.SwitchToggleClass = SwitchToggleClass;
|
|
16735
16992
|
exports.TextAreaClass = TextAreaClass;
|
|
16736
16993
|
exports.TextClass = TextClass;
|