@descope/web-components-ui 1.0.311 → 1.0.312
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +1300 -906
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.esm.js +1306 -911
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/1224.js +1 -1
- package/dist/umd/1438.js +11 -11
- package/dist/umd/1612.js +4 -4
- package/dist/umd/1621.js +8 -8
- package/dist/umd/2362.js +2 -2
- package/dist/umd/3830.js +1 -1
- package/dist/umd/3951.js +4 -4
- package/dist/umd/4024.js +4 -4
- package/dist/umd/4028.js +6 -6
- package/dist/umd/4052.js +4 -4
- package/dist/umd/4392.js +1 -1
- package/dist/umd/4569.js +1 -1
- package/dist/umd/4746.js +2 -2
- package/dist/umd/4978.js +1 -1
- package/dist/umd/5135.js +4 -4
- package/dist/umd/5517.js +1 -1
- package/dist/umd/5806.js +2 -2
- package/dist/umd/5910.js +1 -1
- package/dist/umd/63.js +7 -7
- package/dist/umd/637.js +1 -0
- package/dist/umd/6594.js +1 -1
- package/dist/umd/6770.js +2 -2
- package/dist/umd/7056.js +9 -9
- package/dist/umd/7164.js +7 -7
- package/dist/umd/7531.js +4 -4
- package/dist/umd/7911.js +4 -4
- package/dist/umd/8191.js +4 -4
- package/dist/umd/8866.js +5 -5
- package/dist/umd/9092.js +12 -12
- package/dist/umd/9314.js +5 -5
- package/dist/umd/9423.js +12 -12
- package/dist/umd/9562.js +4 -4
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/boolean-fields-descope-boolean-field-internal-index-js.js +1 -1
- package/dist/umd/boolean-fields-descope-checkbox-index-js.js +1 -1
- package/dist/umd/boolean-fields-descope-switch-toggle-index-js.js +1 -1
- package/dist/umd/button-selection-group-fields-descope-button-multi-selection-group-index-js.js +1 -1
- package/dist/umd/button-selection-group-fields-descope-button-multi-selection-group-internal-index-js.js +1 -1
- package/dist/umd/button-selection-group-fields-descope-button-selection-group-index-js.js +1 -1
- package/dist/umd/button-selection-group-fields-descope-button-selection-group-internal-index-js.js +1 -1
- package/dist/umd/button-selection-group-fields-descope-button-selection-group-item-index-js.js +1 -1
- package/dist/umd/descope-avatar-index-js.js +1 -1
- package/dist/umd/descope-badge-index-js.js +1 -1
- package/dist/umd/descope-button-index-js.js +4 -4
- package/dist/umd/descope-code-snippet-index-js.js +1 -0
- package/dist/umd/descope-combo-box-index-js.js +5 -5
- package/dist/umd/descope-container-index-js.js +1 -1
- package/dist/umd/descope-date-picker-index-js.js +1 -1
- package/dist/umd/descope-divider-index-js.js +1 -1
- package/dist/umd/descope-email-field-index-js.js +4 -4
- package/dist/umd/descope-enriched-text-index-js.js +1 -1
- package/dist/umd/descope-grid-descope-grid-custom-column-index-js.js +3 -3
- package/dist/umd/descope-grid-descope-grid-selection-column-index-js.js +1 -1
- package/dist/umd/descope-grid-descope-grid-text-column-index-js.js +3 -3
- package/dist/umd/descope-grid-index-js.js +1 -1
- package/dist/umd/descope-icon-index-js.js +1 -1
- package/dist/umd/descope-image-index-js.js +1 -1
- package/dist/umd/descope-link-index-js.js +1 -1
- package/dist/umd/descope-loader-linear-index-js.js +1 -1
- package/dist/umd/descope-loader-radial-index-js.js +1 -1
- package/dist/umd/descope-logo-index-js.js +1 -1
- package/dist/umd/descope-modal-index-js.js +1 -1
- package/dist/umd/descope-multi-select-combo-box-index-js.js +1 -1
- package/dist/umd/descope-new-password-descope-new-password-internal-index-js.js +1 -1
- package/dist/umd/descope-new-password-index-js.js +1 -1
- package/dist/umd/descope-notification-descope-notification-card-index-js.js +1 -1
- package/dist/umd/descope-notification-index-js.js +1 -1
- package/dist/umd/descope-notp-image-index-js.js +1 -1
- package/dist/umd/descope-number-field-index-js.js +1 -1
- package/dist/umd/descope-passcode-descope-passcode-internal-index-js.js +1 -1
- package/dist/umd/descope-passcode-index-js.js +2 -2
- package/dist/umd/descope-password-index-js.js +1 -1
- package/dist/umd/descope-policy-validation-index-js.js +1 -1
- package/dist/umd/descope-recaptcha-index-js.js +1 -1
- package/dist/umd/descope-text-area-index-js.js +1 -1
- package/dist/umd/descope-text-field-index-js.js +2 -2
- package/dist/umd/descope-text-index-js.js +1 -1
- package/dist/umd/descope-totp-image-index-js.js +1 -1
- package/dist/umd/descope-upload-file-index-js.js +1 -1
- package/dist/umd/descope-user-attribute-index-js.js +1 -1
- package/dist/umd/descope-user-auth-method-index-js.js +1 -1
- package/dist/umd/index.js +1 -1
- package/dist/umd/mapping-fields-descope-mappings-field-descope-mapping-item-index-js.js +1 -1
- package/dist/umd/mapping-fields-descope-mappings-field-descope-mappings-field-internal-index-js.js +1 -1
- package/dist/umd/mapping-fields-descope-mappings-field-index-js.js +1 -1
- package/dist/umd/mapping-fields-descope-saml-group-mappings-descope-saml-group-mappings-internal-index-js.js +1 -1
- package/dist/umd/mapping-fields-descope-saml-group-mappings-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-descope-phone-input-box-internal-index-js.js +2 -2
- package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js +1 -1
- package/package.json +2 -1
- package/src/components/descope-code-snippet/CodeSnippetClass.js +238 -0
- package/src/components/descope-code-snippet/helpers.js +9 -0
- package/src/components/descope-code-snippet/index.js +5 -0
- package/src/darkTheme.js +4 -0
- package/src/index.cjs.js +1 -0
- package/src/index.d.ts +1 -0
- package/src/index.js +1 -0
- package/src/theme/components/codeSnippet.js +145 -0
- package/src/theme/components/index.js +2 -0
package/dist/cjs/index.cjs.js
CHANGED
@@ -3,6 +3,7 @@
|
|
3
3
|
var merge = require('lodash.merge');
|
4
4
|
var Color = require('color');
|
5
5
|
var MarkdownIt = require('markdown-it');
|
6
|
+
var hljs = require('highlight.js');
|
6
7
|
|
7
8
|
const DESCOPE_PREFIX = 'descope';
|
8
9
|
const CSS_SELECTOR_SPECIFIER_MULTIPLY = 3;
|
@@ -631,7 +632,7 @@ const globals = {
|
|
631
632
|
fonts,
|
632
633
|
direction,
|
633
634
|
};
|
634
|
-
const vars$
|
635
|
+
const vars$H = getThemeVars(globals);
|
635
636
|
|
636
637
|
const createCssVar = (varName, fallback) => `var(${varName}${fallback ? `, ${fallback}` : ''})`;
|
637
638
|
|
@@ -2566,9 +2567,9 @@ const inputEventsDispatchingMixin = (superclass) =>
|
|
2566
2567
|
|
2567
2568
|
/* eslint-disable no-use-before-define */
|
2568
2569
|
|
2569
|
-
const componentName$
|
2570
|
+
const componentName$Q = getComponentName('icon');
|
2570
2571
|
|
2571
|
-
class RawIcon extends createBaseClass({ componentName: componentName$
|
2572
|
+
class RawIcon extends createBaseClass({ componentName: componentName$Q, baseSelector: 'slot' }) {
|
2572
2573
|
constructor() {
|
2573
2574
|
super();
|
2574
2575
|
|
@@ -2637,7 +2638,7 @@ const clickableMixin = (superclass) =>
|
|
2637
2638
|
}
|
2638
2639
|
};
|
2639
2640
|
|
2640
|
-
const componentName$
|
2641
|
+
const componentName$P = getComponentName('button');
|
2641
2642
|
|
2642
2643
|
const resetStyles = `
|
2643
2644
|
:host {
|
@@ -2743,7 +2744,7 @@ const ButtonClass = compose(
|
|
2743
2744
|
}
|
2744
2745
|
`,
|
2745
2746
|
excludeAttrsSync: ['tabindex'],
|
2746
|
-
componentName: componentName$
|
2747
|
+
componentName: componentName$P,
|
2747
2748
|
})
|
2748
2749
|
);
|
2749
2750
|
|
@@ -2780,31 +2781,31 @@ loadingIndicatorStyles = `
|
|
2780
2781
|
}
|
2781
2782
|
`;
|
2782
2783
|
|
2783
|
-
const globalRefs$
|
2784
|
+
const globalRefs$p = getThemeRefs(globals);
|
2784
2785
|
const compVars$5 = ButtonClass.cssVarList;
|
2785
2786
|
|
2786
2787
|
const mode = {
|
2787
|
-
primary: globalRefs$
|
2788
|
-
secondary: globalRefs$
|
2789
|
-
success: globalRefs$
|
2790
|
-
error: globalRefs$
|
2791
|
-
surface: globalRefs$
|
2788
|
+
primary: globalRefs$p.colors.primary,
|
2789
|
+
secondary: globalRefs$p.colors.secondary,
|
2790
|
+
success: globalRefs$p.colors.success,
|
2791
|
+
error: globalRefs$p.colors.error,
|
2792
|
+
surface: globalRefs$p.colors.surface,
|
2792
2793
|
};
|
2793
2794
|
|
2794
|
-
const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars({ mode }, componentName$
|
2795
|
+
const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars({ mode }, componentName$P);
|
2795
2796
|
|
2796
2797
|
const button = {
|
2797
2798
|
...helperTheme$3,
|
2798
2799
|
|
2799
|
-
[compVars$5.fontFamily]: globalRefs$
|
2800
|
+
[compVars$5.fontFamily]: globalRefs$p.fonts.font1.family,
|
2800
2801
|
|
2801
2802
|
[compVars$5.cursor]: 'pointer',
|
2802
2803
|
[compVars$5.hostHeight]: '3em',
|
2803
2804
|
[compVars$5.hostWidth]: 'auto',
|
2804
|
-
[compVars$5.hostDirection]: globalRefs$
|
2805
|
+
[compVars$5.hostDirection]: globalRefs$p.direction,
|
2805
2806
|
|
2806
|
-
[compVars$5.borderRadius]: globalRefs$
|
2807
|
-
[compVars$5.borderWidth]: globalRefs$
|
2807
|
+
[compVars$5.borderRadius]: globalRefs$p.radius.sm,
|
2808
|
+
[compVars$5.borderWidth]: globalRefs$p.border.xs,
|
2808
2809
|
[compVars$5.borderStyle]: 'solid',
|
2809
2810
|
[compVars$5.borderColor]: 'transparent',
|
2810
2811
|
|
@@ -2847,11 +2848,11 @@ const button = {
|
|
2847
2848
|
},
|
2848
2849
|
|
2849
2850
|
_disabled: {
|
2850
|
-
[helperVars$3.main]: globalRefs$
|
2851
|
-
[helperVars$3.dark]: globalRefs$
|
2852
|
-
[helperVars$3.light]: globalRefs$
|
2853
|
-
[helperVars$3.contrast]: globalRefs$
|
2854
|
-
[compVars$5.iconColor]: globalRefs$
|
2851
|
+
[helperVars$3.main]: globalRefs$p.colors.surface.light,
|
2852
|
+
[helperVars$3.dark]: globalRefs$p.colors.surface.dark,
|
2853
|
+
[helperVars$3.light]: globalRefs$p.colors.surface.light,
|
2854
|
+
[helperVars$3.contrast]: globalRefs$p.colors.surface.main,
|
2855
|
+
[compVars$5.iconColor]: globalRefs$p.colors.surface.main,
|
2855
2856
|
},
|
2856
2857
|
|
2857
2858
|
variant: {
|
@@ -2899,7 +2900,7 @@ const button = {
|
|
2899
2900
|
},
|
2900
2901
|
};
|
2901
2902
|
|
2902
|
-
const vars$
|
2903
|
+
const vars$G = {
|
2903
2904
|
...compVars$5,
|
2904
2905
|
...helperVars$3,
|
2905
2906
|
};
|
@@ -2907,7 +2908,7 @@ const vars$F = {
|
|
2907
2908
|
var button$1 = /*#__PURE__*/Object.freeze({
|
2908
2909
|
__proto__: null,
|
2909
2910
|
default: button,
|
2910
|
-
vars: vars$
|
2911
|
+
vars: vars$G
|
2911
2912
|
});
|
2912
2913
|
|
2913
2914
|
const {
|
@@ -3134,7 +3135,7 @@ const resetInputLabelPosition = (name) => `
|
|
3134
3135
|
}
|
3135
3136
|
`;
|
3136
3137
|
|
3137
|
-
const componentName$
|
3138
|
+
const componentName$O = getComponentName('text-field');
|
3138
3139
|
|
3139
3140
|
const observedAttrs = ['type'];
|
3140
3141
|
|
@@ -3209,29 +3210,29 @@ const TextFieldClass = compose(
|
|
3209
3210
|
${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}
|
3210
3211
|
`,
|
3211
3212
|
excludeAttrsSync: ['tabindex'],
|
3212
|
-
componentName: componentName$
|
3213
|
+
componentName: componentName$O,
|
3213
3214
|
})
|
3214
3215
|
);
|
3215
3216
|
|
3216
|
-
const componentName$
|
3217
|
-
const globalRefs$
|
3217
|
+
const componentName$N = getComponentName('input-wrapper');
|
3218
|
+
const globalRefs$o = getThemeRefs(globals);
|
3218
3219
|
|
3219
|
-
const [theme$1, refs, vars$
|
3220
|
+
const [theme$1, refs, vars$F] = createHelperVars(
|
3220
3221
|
{
|
3221
|
-
labelTextColor: globalRefs$
|
3222
|
+
labelTextColor: globalRefs$o.colors.surface.dark,
|
3222
3223
|
labelFontSize: '14px', // not taken from globals as it is fixed in all inputs
|
3223
|
-
valueTextColor: globalRefs$
|
3224
|
-
placeholderTextColor: globalRefs$
|
3224
|
+
valueTextColor: globalRefs$o.colors.surface.contrast,
|
3225
|
+
placeholderTextColor: globalRefs$o.colors.surface.dark,
|
3225
3226
|
requiredIndicator: "'*'",
|
3226
|
-
helperTextColor: globalRefs$
|
3227
|
-
errorMessageTextColor: globalRefs$
|
3228
|
-
successMessageTextColor: globalRefs$
|
3227
|
+
helperTextColor: globalRefs$o.colors.surface.dark,
|
3228
|
+
errorMessageTextColor: globalRefs$o.colors.error.main,
|
3229
|
+
successMessageTextColor: globalRefs$o.colors.success.main,
|
3229
3230
|
|
3230
|
-
borderWidth: globalRefs$
|
3231
|
-
borderRadius: globalRefs$
|
3231
|
+
borderWidth: globalRefs$o.border.xs,
|
3232
|
+
borderRadius: globalRefs$o.radius.xs,
|
3232
3233
|
borderColor: 'transparent',
|
3233
3234
|
|
3234
|
-
outlineWidth: globalRefs$
|
3235
|
+
outlineWidth: globalRefs$o.border.sm,
|
3235
3236
|
outlineStyle: 'solid',
|
3236
3237
|
outlineColor: 'transparent',
|
3237
3238
|
outlineOffset: '0px', // we need to keep the px unit even for 0 value, as this var is used for calc in different component classes
|
@@ -3242,11 +3243,11 @@ const [theme$1, refs, vars$E] = createHelperVars(
|
|
3242
3243
|
horizontalPadding: '0.5em',
|
3243
3244
|
verticalPadding: '0.5em',
|
3244
3245
|
|
3245
|
-
backgroundColor: globalRefs$
|
3246
|
+
backgroundColor: globalRefs$o.colors.surface.main,
|
3246
3247
|
|
3247
|
-
fontFamily: globalRefs$
|
3248
|
+
fontFamily: globalRefs$o.fonts.font1.family,
|
3248
3249
|
|
3249
|
-
direction: globalRefs$
|
3250
|
+
direction: globalRefs$o.direction,
|
3250
3251
|
|
3251
3252
|
overlayOpacity: '0.3',
|
3252
3253
|
|
@@ -3262,69 +3263,69 @@ const [theme$1, refs, vars$E] = createHelperVars(
|
|
3262
3263
|
},
|
3263
3264
|
|
3264
3265
|
_focused: {
|
3265
|
-
outlineColor: globalRefs$
|
3266
|
+
outlineColor: globalRefs$o.colors.surface.light,
|
3266
3267
|
_invalid: {
|
3267
|
-
outlineColor: globalRefs$
|
3268
|
+
outlineColor: globalRefs$o.colors.error.main,
|
3268
3269
|
},
|
3269
3270
|
},
|
3270
3271
|
|
3271
3272
|
_bordered: {
|
3272
|
-
outlineWidth: globalRefs$
|
3273
|
-
borderColor: globalRefs$
|
3273
|
+
outlineWidth: globalRefs$o.border.xs,
|
3274
|
+
borderColor: globalRefs$o.colors.surface.light,
|
3274
3275
|
borderStyle: 'solid',
|
3275
3276
|
_invalid: {
|
3276
|
-
borderColor: globalRefs$
|
3277
|
+
borderColor: globalRefs$o.colors.error.main,
|
3277
3278
|
},
|
3278
3279
|
},
|
3279
3280
|
|
3280
3281
|
_disabled: {
|
3281
|
-
labelTextColor: globalRefs$
|
3282
|
-
borderColor: globalRefs$
|
3283
|
-
valueTextColor: globalRefs$
|
3284
|
-
placeholderTextColor: globalRefs$
|
3285
|
-
helperTextColor: globalRefs$
|
3286
|
-
backgroundColor: globalRefs$
|
3282
|
+
labelTextColor: globalRefs$o.colors.surface.light,
|
3283
|
+
borderColor: globalRefs$o.colors.surface.light,
|
3284
|
+
valueTextColor: globalRefs$o.colors.surface.light,
|
3285
|
+
placeholderTextColor: globalRefs$o.colors.surface.light,
|
3286
|
+
helperTextColor: globalRefs$o.colors.surface.light,
|
3287
|
+
backgroundColor: globalRefs$o.colors.surface.main,
|
3287
3288
|
},
|
3288
3289
|
},
|
3289
|
-
componentName$
|
3290
|
+
componentName$N
|
3290
3291
|
);
|
3291
3292
|
|
3292
3293
|
var inputWrapper = /*#__PURE__*/Object.freeze({
|
3293
3294
|
__proto__: null,
|
3294
3295
|
default: theme$1,
|
3295
3296
|
refs: refs,
|
3296
|
-
vars: vars$
|
3297
|
+
vars: vars$F
|
3297
3298
|
});
|
3298
3299
|
|
3299
|
-
const vars$
|
3300
|
+
const vars$E = TextFieldClass.cssVarList;
|
3300
3301
|
|
3301
3302
|
const textField$1 = {
|
3302
|
-
[vars$
|
3303
|
-
[vars$
|
3304
|
-
[vars$
|
3305
|
-
[vars$
|
3306
|
-
[vars$
|
3307
|
-
[vars$
|
3308
|
-
[vars$
|
3309
|
-
[vars$
|
3310
|
-
[vars$
|
3311
|
-
[vars$
|
3312
|
-
[vars$
|
3313
|
-
[vars$
|
3314
|
-
[vars$
|
3315
|
-
[vars$
|
3316
|
-
[vars$
|
3317
|
-
[vars$
|
3318
|
-
[vars$
|
3319
|
-
[vars$
|
3320
|
-
[vars$
|
3321
|
-
[vars$
|
3322
|
-
[vars$
|
3323
|
-
[vars$
|
3303
|
+
[vars$E.hostWidth]: refs.width,
|
3304
|
+
[vars$E.hostMinWidth]: refs.minWidth,
|
3305
|
+
[vars$E.hostDirection]: refs.direction,
|
3306
|
+
[vars$E.fontSize]: refs.fontSize,
|
3307
|
+
[vars$E.fontFamily]: refs.fontFamily,
|
3308
|
+
[vars$E.labelTextColor]: refs.labelTextColor,
|
3309
|
+
[vars$E.labelRequiredIndicator]: refs.requiredIndicator,
|
3310
|
+
[vars$E.errorMessageTextColor]: refs.errorMessageTextColor,
|
3311
|
+
[vars$E.inputValueTextColor]: refs.valueTextColor,
|
3312
|
+
[vars$E.inputPlaceholderColor]: refs.placeholderTextColor,
|
3313
|
+
[vars$E.inputBorderWidth]: refs.borderWidth,
|
3314
|
+
[vars$E.inputBorderStyle]: refs.borderStyle,
|
3315
|
+
[vars$E.inputBorderColor]: refs.borderColor,
|
3316
|
+
[vars$E.inputBorderRadius]: refs.borderRadius,
|
3317
|
+
[vars$E.inputOutlineWidth]: refs.outlineWidth,
|
3318
|
+
[vars$E.inputOutlineStyle]: refs.outlineStyle,
|
3319
|
+
[vars$E.inputOutlineColor]: refs.outlineColor,
|
3320
|
+
[vars$E.inputOutlineOffset]: refs.outlineOffset,
|
3321
|
+
[vars$E.inputBackgroundColor]: refs.backgroundColor,
|
3322
|
+
[vars$E.inputHeight]: refs.inputHeight,
|
3323
|
+
[vars$E.inputHorizontalPadding]: refs.horizontalPadding,
|
3324
|
+
[vars$E.helperTextColor]: refs.helperTextColor,
|
3324
3325
|
textAlign: {
|
3325
|
-
right: { [vars$
|
3326
|
-
left: { [vars$
|
3327
|
-
center: { [vars$
|
3326
|
+
right: { [vars$E.inputTextAlign]: 'right' },
|
3327
|
+
left: { [vars$E.inputTextAlign]: 'left' },
|
3328
|
+
center: { [vars$E.inputTextAlign]: 'center' },
|
3328
3329
|
},
|
3329
3330
|
};
|
3330
3331
|
|
@@ -3332,7 +3333,7 @@ var textField$2 = /*#__PURE__*/Object.freeze({
|
|
3332
3333
|
__proto__: null,
|
3333
3334
|
default: textField$1,
|
3334
3335
|
textField: textField$1,
|
3335
|
-
vars: vars$
|
3336
|
+
vars: vars$E
|
3336
3337
|
});
|
3337
3338
|
|
3338
3339
|
const passwordDraggableMixin = (superclass) =>
|
@@ -3369,7 +3370,7 @@ const passwordDraggableMixin = (superclass) =>
|
|
3369
3370
|
}
|
3370
3371
|
};
|
3371
3372
|
|
3372
|
-
const componentName$
|
3373
|
+
const componentName$M = getComponentName('password');
|
3373
3374
|
|
3374
3375
|
const {
|
3375
3376
|
host: host$l,
|
@@ -3498,46 +3499,46 @@ const PasswordClass = compose(
|
|
3498
3499
|
}
|
3499
3500
|
`,
|
3500
3501
|
excludeAttrsSync: ['tabindex'],
|
3501
|
-
componentName: componentName$
|
3502
|
+
componentName: componentName$M,
|
3502
3503
|
})
|
3503
3504
|
);
|
3504
3505
|
|
3505
|
-
const globalRefs$
|
3506
|
-
const vars$
|
3506
|
+
const globalRefs$n = getThemeRefs(globals);
|
3507
|
+
const vars$D = PasswordClass.cssVarList;
|
3507
3508
|
|
3508
3509
|
const password = {
|
3509
|
-
[vars$
|
3510
|
-
[vars$
|
3511
|
-
[vars$
|
3512
|
-
[vars$
|
3513
|
-
[vars$
|
3514
|
-
[vars$
|
3515
|
-
[vars$
|
3516
|
-
[vars$
|
3517
|
-
[vars$
|
3518
|
-
[vars$
|
3519
|
-
[vars$
|
3520
|
-
[vars$
|
3521
|
-
[vars$
|
3522
|
-
[vars$
|
3523
|
-
[vars$
|
3524
|
-
[vars$
|
3525
|
-
[vars$
|
3526
|
-
[vars$
|
3527
|
-
[vars$
|
3528
|
-
[vars$
|
3529
|
-
[vars$
|
3530
|
-
[vars$
|
3531
|
-
[vars$
|
3510
|
+
[vars$D.hostWidth]: refs.width,
|
3511
|
+
[vars$D.hostDirection]: refs.direction,
|
3512
|
+
[vars$D.fontSize]: refs.fontSize,
|
3513
|
+
[vars$D.fontFamily]: refs.fontFamily,
|
3514
|
+
[vars$D.labelTextColor]: refs.labelTextColor,
|
3515
|
+
[vars$D.errorMessageTextColor]: refs.errorMessageTextColor,
|
3516
|
+
[vars$D.inputHorizontalPadding]: refs.horizontalPadding,
|
3517
|
+
[vars$D.inputHeight]: refs.inputHeight,
|
3518
|
+
[vars$D.inputBackgroundColor]: refs.backgroundColor,
|
3519
|
+
[vars$D.labelRequiredIndicator]: refs.requiredIndicator,
|
3520
|
+
[vars$D.inputValueTextColor]: refs.valueTextColor,
|
3521
|
+
[vars$D.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
3522
|
+
[vars$D.inputBorderWidth]: refs.borderWidth,
|
3523
|
+
[vars$D.inputBorderStyle]: refs.borderStyle,
|
3524
|
+
[vars$D.inputBorderColor]: refs.borderColor,
|
3525
|
+
[vars$D.inputBorderRadius]: refs.borderRadius,
|
3526
|
+
[vars$D.inputOutlineWidth]: refs.outlineWidth,
|
3527
|
+
[vars$D.inputOutlineStyle]: refs.outlineStyle,
|
3528
|
+
[vars$D.inputOutlineColor]: refs.outlineColor,
|
3529
|
+
[vars$D.inputOutlineOffset]: refs.outlineOffset,
|
3530
|
+
[vars$D.revealButtonOffset]: globalRefs$n.spacing.md,
|
3531
|
+
[vars$D.revealButtonSize]: refs.toggleButtonSize,
|
3532
|
+
[vars$D.revealButtonColor]: refs.placeholderTextColor,
|
3532
3533
|
};
|
3533
3534
|
|
3534
3535
|
var password$1 = /*#__PURE__*/Object.freeze({
|
3535
3536
|
__proto__: null,
|
3536
3537
|
default: password,
|
3537
|
-
vars: vars$
|
3538
|
+
vars: vars$D
|
3538
3539
|
});
|
3539
3540
|
|
3540
|
-
const componentName$
|
3541
|
+
const componentName$L = getComponentName('number-field');
|
3541
3542
|
|
3542
3543
|
const NumberFieldClass = compose(
|
3543
3544
|
createStyleMixin({
|
@@ -3563,43 +3564,43 @@ const NumberFieldClass = compose(
|
|
3563
3564
|
${resetInputOverrides('vaadin-number-field', NumberFieldClass.cssVarList)}
|
3564
3565
|
`,
|
3565
3566
|
excludeAttrsSync: ['tabindex'],
|
3566
|
-
componentName: componentName$
|
3567
|
+
componentName: componentName$L,
|
3567
3568
|
})
|
3568
3569
|
);
|
3569
3570
|
|
3570
|
-
const vars$
|
3571
|
+
const vars$C = NumberFieldClass.cssVarList;
|
3571
3572
|
|
3572
3573
|
const numberField = {
|
3573
|
-
[vars$
|
3574
|
-
[vars$
|
3575
|
-
[vars$
|
3576
|
-
[vars$
|
3577
|
-
[vars$
|
3578
|
-
[vars$
|
3579
|
-
[vars$
|
3580
|
-
[vars$
|
3581
|
-
[vars$
|
3582
|
-
[vars$
|
3583
|
-
[vars$
|
3584
|
-
[vars$
|
3585
|
-
[vars$
|
3586
|
-
[vars$
|
3587
|
-
[vars$
|
3588
|
-
[vars$
|
3589
|
-
[vars$
|
3590
|
-
[vars$
|
3591
|
-
[vars$
|
3592
|
-
[vars$
|
3593
|
-
[vars$
|
3574
|
+
[vars$C.hostWidth]: refs.width,
|
3575
|
+
[vars$C.hostMinWidth]: refs.minWidth,
|
3576
|
+
[vars$C.hostDirection]: refs.direction,
|
3577
|
+
[vars$C.fontSize]: refs.fontSize,
|
3578
|
+
[vars$C.fontFamily]: refs.fontFamily,
|
3579
|
+
[vars$C.labelTextColor]: refs.labelTextColor,
|
3580
|
+
[vars$C.errorMessageTextColor]: refs.errorMessageTextColor,
|
3581
|
+
[vars$C.inputValueTextColor]: refs.valueTextColor,
|
3582
|
+
[vars$C.inputPlaceholderColor]: refs.placeholderTextColor,
|
3583
|
+
[vars$C.inputBorderWidth]: refs.borderWidth,
|
3584
|
+
[vars$C.inputBorderStyle]: refs.borderStyle,
|
3585
|
+
[vars$C.inputBorderColor]: refs.borderColor,
|
3586
|
+
[vars$C.inputBorderRadius]: refs.borderRadius,
|
3587
|
+
[vars$C.inputOutlineWidth]: refs.outlineWidth,
|
3588
|
+
[vars$C.inputOutlineStyle]: refs.outlineStyle,
|
3589
|
+
[vars$C.inputOutlineColor]: refs.outlineColor,
|
3590
|
+
[vars$C.inputOutlineOffset]: refs.outlineOffset,
|
3591
|
+
[vars$C.inputBackgroundColor]: refs.backgroundColor,
|
3592
|
+
[vars$C.labelRequiredIndicator]: refs.requiredIndicator,
|
3593
|
+
[vars$C.inputHorizontalPadding]: refs.horizontalPadding,
|
3594
|
+
[vars$C.inputHeight]: refs.inputHeight,
|
3594
3595
|
};
|
3595
3596
|
|
3596
3597
|
var numberField$1 = /*#__PURE__*/Object.freeze({
|
3597
3598
|
__proto__: null,
|
3598
3599
|
default: numberField,
|
3599
|
-
vars: vars$
|
3600
|
+
vars: vars$C
|
3600
3601
|
});
|
3601
3602
|
|
3602
|
-
const componentName$
|
3603
|
+
const componentName$K = getComponentName('email-field');
|
3603
3604
|
|
3604
3605
|
const customMixin$7 = (superclass) =>
|
3605
3606
|
class EmailFieldMixinClass extends superclass {
|
@@ -3634,43 +3635,43 @@ const EmailFieldClass = compose(
|
|
3634
3635
|
${resetInputOverrides('vaadin-email-field', EmailFieldClass.cssVarList)}
|
3635
3636
|
`,
|
3636
3637
|
excludeAttrsSync: ['tabindex'],
|
3637
|
-
componentName: componentName$
|
3638
|
+
componentName: componentName$K,
|
3638
3639
|
})
|
3639
3640
|
);
|
3640
3641
|
|
3641
|
-
const vars$
|
3642
|
+
const vars$B = EmailFieldClass.cssVarList;
|
3642
3643
|
|
3643
3644
|
const emailField = {
|
3644
|
-
[vars$
|
3645
|
-
[vars$
|
3646
|
-
[vars$
|
3647
|
-
[vars$
|
3648
|
-
[vars$
|
3649
|
-
[vars$
|
3650
|
-
[vars$
|
3651
|
-
[vars$
|
3652
|
-
[vars$
|
3653
|
-
[vars$
|
3654
|
-
[vars$
|
3655
|
-
[vars$
|
3656
|
-
[vars$
|
3657
|
-
[vars$
|
3658
|
-
[vars$
|
3659
|
-
[vars$
|
3660
|
-
[vars$
|
3661
|
-
[vars$
|
3662
|
-
[vars$
|
3663
|
-
[vars$
|
3664
|
-
[vars$
|
3645
|
+
[vars$B.hostWidth]: refs.width,
|
3646
|
+
[vars$B.hostMinWidth]: refs.minWidth,
|
3647
|
+
[vars$B.hostDirection]: refs.direction,
|
3648
|
+
[vars$B.fontSize]: refs.fontSize,
|
3649
|
+
[vars$B.fontFamily]: refs.fontFamily,
|
3650
|
+
[vars$B.labelTextColor]: refs.labelTextColor,
|
3651
|
+
[vars$B.errorMessageTextColor]: refs.errorMessageTextColor,
|
3652
|
+
[vars$B.inputValueTextColor]: refs.valueTextColor,
|
3653
|
+
[vars$B.labelRequiredIndicator]: refs.requiredIndicator,
|
3654
|
+
[vars$B.inputPlaceholderColor]: refs.placeholderTextColor,
|
3655
|
+
[vars$B.inputBorderWidth]: refs.borderWidth,
|
3656
|
+
[vars$B.inputBorderStyle]: refs.borderStyle,
|
3657
|
+
[vars$B.inputBorderColor]: refs.borderColor,
|
3658
|
+
[vars$B.inputBorderRadius]: refs.borderRadius,
|
3659
|
+
[vars$B.inputOutlineWidth]: refs.outlineWidth,
|
3660
|
+
[vars$B.inputOutlineStyle]: refs.outlineStyle,
|
3661
|
+
[vars$B.inputOutlineColor]: refs.outlineColor,
|
3662
|
+
[vars$B.inputOutlineOffset]: refs.outlineOffset,
|
3663
|
+
[vars$B.inputBackgroundColor]: refs.backgroundColor,
|
3664
|
+
[vars$B.inputHorizontalPadding]: refs.horizontalPadding,
|
3665
|
+
[vars$B.inputHeight]: refs.inputHeight,
|
3665
3666
|
};
|
3666
3667
|
|
3667
3668
|
var emailField$1 = /*#__PURE__*/Object.freeze({
|
3668
3669
|
__proto__: null,
|
3669
3670
|
default: emailField,
|
3670
|
-
vars: vars$
|
3671
|
+
vars: vars$B
|
3671
3672
|
});
|
3672
3673
|
|
3673
|
-
const componentName$
|
3674
|
+
const componentName$J = getComponentName('text-area');
|
3674
3675
|
|
3675
3676
|
const {
|
3676
3677
|
host: host$k,
|
@@ -3746,49 +3747,49 @@ const TextAreaClass = compose(
|
|
3746
3747
|
${resetInputCursor('vaadin-text-area')}
|
3747
3748
|
`,
|
3748
3749
|
excludeAttrsSync: ['tabindex'],
|
3749
|
-
componentName: componentName$
|
3750
|
+
componentName: componentName$J,
|
3750
3751
|
})
|
3751
3752
|
);
|
3752
3753
|
|
3753
|
-
const vars$
|
3754
|
+
const vars$A = TextAreaClass.cssVarList;
|
3754
3755
|
|
3755
3756
|
const textArea = {
|
3756
|
-
[vars$
|
3757
|
-
[vars$
|
3758
|
-
[vars$
|
3759
|
-
[vars$
|
3760
|
-
[vars$
|
3761
|
-
[vars$
|
3762
|
-
[vars$
|
3763
|
-
[vars$
|
3764
|
-
[vars$
|
3765
|
-
[vars$
|
3766
|
-
[vars$
|
3767
|
-
[vars$
|
3768
|
-
[vars$
|
3769
|
-
[vars$
|
3770
|
-
[vars$
|
3771
|
-
[vars$
|
3772
|
-
[vars$
|
3773
|
-
[vars$
|
3774
|
-
[vars$
|
3775
|
-
[vars$
|
3776
|
-
[vars$
|
3757
|
+
[vars$A.hostWidth]: refs.width,
|
3758
|
+
[vars$A.hostMinWidth]: refs.minWidth,
|
3759
|
+
[vars$A.hostDirection]: refs.direction,
|
3760
|
+
[vars$A.fontSize]: refs.fontSize,
|
3761
|
+
[vars$A.fontFamily]: refs.fontFamily,
|
3762
|
+
[vars$A.labelTextColor]: refs.labelTextColor,
|
3763
|
+
[vars$A.labelRequiredIndicator]: refs.requiredIndicator,
|
3764
|
+
[vars$A.errorMessageTextColor]: refs.errorMessageTextColor,
|
3765
|
+
[vars$A.inputBackgroundColor]: refs.backgroundColor,
|
3766
|
+
[vars$A.inputValueTextColor]: refs.valueTextColor,
|
3767
|
+
[vars$A.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
3768
|
+
[vars$A.inputBorderRadius]: refs.borderRadius,
|
3769
|
+
[vars$A.inputBorderWidth]: refs.borderWidth,
|
3770
|
+
[vars$A.inputBorderStyle]: refs.borderStyle,
|
3771
|
+
[vars$A.inputBorderColor]: refs.borderColor,
|
3772
|
+
[vars$A.inputOutlineWidth]: refs.outlineWidth,
|
3773
|
+
[vars$A.inputOutlineStyle]: refs.outlineStyle,
|
3774
|
+
[vars$A.inputOutlineColor]: refs.outlineColor,
|
3775
|
+
[vars$A.inputOutlineOffset]: refs.outlineOffset,
|
3776
|
+
[vars$A.inputResizeType]: 'vertical',
|
3777
|
+
[vars$A.inputMinHeight]: '5em',
|
3777
3778
|
textAlign: {
|
3778
|
-
right: { [vars$
|
3779
|
-
left: { [vars$
|
3780
|
-
center: { [vars$
|
3779
|
+
right: { [vars$A.inputTextAlign]: 'right' },
|
3780
|
+
left: { [vars$A.inputTextAlign]: 'left' },
|
3781
|
+
center: { [vars$A.inputTextAlign]: 'center' },
|
3781
3782
|
},
|
3782
3783
|
|
3783
3784
|
_readonly: {
|
3784
|
-
[vars$
|
3785
|
+
[vars$A.inputResizeType]: 'none',
|
3785
3786
|
},
|
3786
3787
|
};
|
3787
3788
|
|
3788
3789
|
var textArea$1 = /*#__PURE__*/Object.freeze({
|
3789
3790
|
__proto__: null,
|
3790
3791
|
default: textArea,
|
3791
|
-
vars: vars$
|
3792
|
+
vars: vars$A
|
3792
3793
|
});
|
3793
3794
|
|
3794
3795
|
const createBaseInputClass = (...args) =>
|
@@ -3799,9 +3800,9 @@ const createBaseInputClass = (...args) =>
|
|
3799
3800
|
inputEventsDispatchingMixin
|
3800
3801
|
)(createBaseClass(...args));
|
3801
3802
|
|
3802
|
-
const componentName$
|
3803
|
+
const componentName$I = getComponentName('boolean-field-internal');
|
3803
3804
|
|
3804
|
-
createBaseInputClass({ componentName: componentName$
|
3805
|
+
createBaseInputClass({ componentName: componentName$I, baseSelector: 'div' });
|
3805
3806
|
|
3806
3807
|
const booleanFieldMixin = (superclass) =>
|
3807
3808
|
class BooleanFieldMixinClass extends superclass {
|
@@ -3810,14 +3811,14 @@ const booleanFieldMixin = (superclass) =>
|
|
3810
3811
|
|
3811
3812
|
const template = document.createElement('template');
|
3812
3813
|
template.innerHTML = `
|
3813
|
-
<${componentName$
|
3814
|
+
<${componentName$I}
|
3814
3815
|
tabindex="-1"
|
3815
3816
|
slot="input"
|
3816
|
-
></${componentName$
|
3817
|
+
></${componentName$I}>
|
3817
3818
|
`;
|
3818
3819
|
|
3819
3820
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
3820
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
3821
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$I);
|
3821
3822
|
this.checkbox = this.inputElement.querySelector('vaadin-checkbox');
|
3822
3823
|
|
3823
3824
|
forwardAttrs(this, this.inputElement, {
|
@@ -3887,7 +3888,7 @@ descope-boolean-field-internal {
|
|
3887
3888
|
}
|
3888
3889
|
`;
|
3889
3890
|
|
3890
|
-
const componentName$
|
3891
|
+
const componentName$H = getComponentName('checkbox');
|
3891
3892
|
|
3892
3893
|
const {
|
3893
3894
|
host: host$j,
|
@@ -3993,51 +3994,51 @@ const CheckboxClass = compose(
|
|
3993
3994
|
}
|
3994
3995
|
`,
|
3995
3996
|
excludeAttrsSync: ['label', 'tabindex'],
|
3996
|
-
componentName: componentName$
|
3997
|
+
componentName: componentName$H,
|
3997
3998
|
})
|
3998
3999
|
);
|
3999
4000
|
|
4000
|
-
const vars$
|
4001
|
+
const vars$z = CheckboxClass.cssVarList;
|
4001
4002
|
const checkboxSize = '1.35em';
|
4002
4003
|
|
4003
4004
|
const checkbox = {
|
4004
|
-
[vars$
|
4005
|
-
[vars$
|
4006
|
-
[vars$
|
4007
|
-
[vars$
|
4008
|
-
[vars$
|
4009
|
-
[vars$
|
4010
|
-
[vars$
|
4011
|
-
[vars$
|
4012
|
-
[vars$
|
4013
|
-
[vars$
|
4014
|
-
[vars$
|
4015
|
-
[vars$
|
4016
|
-
[vars$
|
4017
|
-
[vars$
|
4018
|
-
[vars$
|
4019
|
-
[vars$
|
4020
|
-
[vars$
|
4021
|
-
[vars$
|
4022
|
-
[vars$
|
4023
|
-
[vars$
|
4005
|
+
[vars$z.hostWidth]: refs.width,
|
4006
|
+
[vars$z.hostDirection]: refs.direction,
|
4007
|
+
[vars$z.fontSize]: refs.fontSize,
|
4008
|
+
[vars$z.fontFamily]: refs.fontFamily,
|
4009
|
+
[vars$z.labelTextColor]: refs.labelTextColor,
|
4010
|
+
[vars$z.labelRequiredIndicator]: refs.requiredIndicator,
|
4011
|
+
[vars$z.labelFontWeight]: '400',
|
4012
|
+
[vars$z.labelLineHeight]: checkboxSize,
|
4013
|
+
[vars$z.labelSpacing]: '1em',
|
4014
|
+
[vars$z.errorMessageTextColor]: refs.errorMessageTextColor,
|
4015
|
+
[vars$z.inputOutlineWidth]: refs.outlineWidth,
|
4016
|
+
[vars$z.inputOutlineOffset]: refs.outlineOffset,
|
4017
|
+
[vars$z.inputOutlineColor]: refs.outlineColor,
|
4018
|
+
[vars$z.inputOutlineStyle]: refs.outlineStyle,
|
4019
|
+
[vars$z.inputBorderRadius]: refs.borderRadius,
|
4020
|
+
[vars$z.inputBorderColor]: refs.borderColor,
|
4021
|
+
[vars$z.inputBorderWidth]: refs.borderWidth,
|
4022
|
+
[vars$z.inputBorderStyle]: refs.borderStyle,
|
4023
|
+
[vars$z.inputBackgroundColor]: refs.backgroundColor,
|
4024
|
+
[vars$z.inputSize]: checkboxSize,
|
4024
4025
|
|
4025
4026
|
_checked: {
|
4026
|
-
[vars$
|
4027
|
+
[vars$z.inputValueTextColor]: refs.valueTextColor,
|
4027
4028
|
},
|
4028
4029
|
|
4029
4030
|
_disabled: {
|
4030
|
-
[vars$
|
4031
|
+
[vars$z.labelTextColor]: refs.labelTextColor,
|
4031
4032
|
},
|
4032
4033
|
};
|
4033
4034
|
|
4034
4035
|
var checkbox$1 = /*#__PURE__*/Object.freeze({
|
4035
4036
|
__proto__: null,
|
4036
4037
|
default: checkbox,
|
4037
|
-
vars: vars$
|
4038
|
+
vars: vars$z
|
4038
4039
|
});
|
4039
4040
|
|
4040
|
-
const componentName$
|
4041
|
+
const componentName$G = getComponentName('switch-toggle');
|
4041
4042
|
|
4042
4043
|
const {
|
4043
4044
|
host: host$i,
|
@@ -4169,82 +4170,82 @@ const SwitchToggleClass = compose(
|
|
4169
4170
|
}
|
4170
4171
|
`,
|
4171
4172
|
excludeAttrsSync: ['label', 'tabindex'],
|
4172
|
-
componentName: componentName$
|
4173
|
+
componentName: componentName$G,
|
4173
4174
|
})
|
4174
4175
|
);
|
4175
4176
|
|
4176
4177
|
const knobMargin = '2px';
|
4177
4178
|
const checkboxHeight = '1.25em';
|
4178
4179
|
|
4179
|
-
const globalRefs$
|
4180
|
-
const vars$
|
4180
|
+
const globalRefs$m = getThemeRefs(globals);
|
4181
|
+
const vars$y = SwitchToggleClass.cssVarList;
|
4181
4182
|
|
4182
4183
|
const switchToggle = {
|
4183
|
-
[vars$
|
4184
|
-
[vars$
|
4185
|
-
[vars$
|
4186
|
-
[vars$
|
4187
|
-
|
4188
|
-
[vars$
|
4189
|
-
[vars$
|
4190
|
-
[vars$
|
4191
|
-
[vars$
|
4192
|
-
|
4193
|
-
[vars$
|
4194
|
-
[vars$
|
4195
|
-
[vars$
|
4196
|
-
[vars$
|
4197
|
-
[vars$
|
4198
|
-
[vars$
|
4199
|
-
[vars$
|
4200
|
-
|
4201
|
-
[vars$
|
4202
|
-
[vars$
|
4203
|
-
[vars$
|
4204
|
-
[vars$
|
4205
|
-
[vars$
|
4206
|
-
[vars$
|
4207
|
-
|
4208
|
-
[vars$
|
4209
|
-
[vars$
|
4210
|
-
[vars$
|
4211
|
-
[vars$
|
4212
|
-
[vars$
|
4213
|
-
[vars$
|
4184
|
+
[vars$y.hostWidth]: refs.width,
|
4185
|
+
[vars$y.hostDirection]: refs.direction,
|
4186
|
+
[vars$y.fontSize]: refs.fontSize,
|
4187
|
+
[vars$y.fontFamily]: refs.fontFamily,
|
4188
|
+
|
4189
|
+
[vars$y.inputOutlineWidth]: refs.outlineWidth,
|
4190
|
+
[vars$y.inputOutlineOffset]: refs.outlineOffset,
|
4191
|
+
[vars$y.inputOutlineColor]: refs.outlineColor,
|
4192
|
+
[vars$y.inputOutlineStyle]: refs.outlineStyle,
|
4193
|
+
|
4194
|
+
[vars$y.trackBorderStyle]: refs.borderStyle,
|
4195
|
+
[vars$y.trackBorderWidth]: refs.borderWidth, // var `trackBorderWidth` used outside the theme for `left` margin calculation
|
4196
|
+
[vars$y.trackBorderColor]: refs.borderColor,
|
4197
|
+
[vars$y.trackBackgroundColor]: refs.backgroundColor,
|
4198
|
+
[vars$y.trackBorderRadius]: globalRefs$m.radius.md,
|
4199
|
+
[vars$y.trackWidth]: '2.5em', // var `trackWidth` used outside the theme for `left` margin calculation
|
4200
|
+
[vars$y.trackHeight]: checkboxHeight,
|
4201
|
+
|
4202
|
+
[vars$y.knobSize]: `calc(1em - ${knobMargin})`,
|
4203
|
+
[vars$y.knobRadius]: '50%',
|
4204
|
+
[vars$y.knobTopOffset]: '1px',
|
4205
|
+
[vars$y.knobLeftOffset]: knobMargin,
|
4206
|
+
[vars$y.knobColor]: refs.labelTextColor,
|
4207
|
+
[vars$y.knobTransitionDuration]: '0.3s',
|
4208
|
+
|
4209
|
+
[vars$y.labelTextColor]: refs.labelTextColor,
|
4210
|
+
[vars$y.labelFontWeight]: '400',
|
4211
|
+
[vars$y.labelLineHeight]: '1.35em',
|
4212
|
+
[vars$y.labelSpacing]: '1em',
|
4213
|
+
[vars$y.labelRequiredIndicator]: refs.requiredIndicator,
|
4214
|
+
[vars$y.errorMessageTextColor]: refs.errorMessageTextColor,
|
4214
4215
|
|
4215
4216
|
_checked: {
|
4216
|
-
[vars$
|
4217
|
-
[vars$
|
4218
|
-
[vars$
|
4219
|
-
[vars$
|
4217
|
+
[vars$y.trackBorderColor]: refs.borderColor,
|
4218
|
+
[vars$y.knobLeftOffset]: `calc(100% - var(${vars$y.knobSize}) - ${knobMargin})`,
|
4219
|
+
[vars$y.knobColor]: refs.valueTextColor,
|
4220
|
+
[vars$y.knobTextColor]: refs.valueTextColor,
|
4220
4221
|
},
|
4221
4222
|
|
4222
4223
|
_disabled: {
|
4223
|
-
[vars$
|
4224
|
-
[vars$
|
4225
|
-
[vars$
|
4226
|
-
[vars$
|
4224
|
+
[vars$y.knobColor]: globalRefs$m.colors.surface.light,
|
4225
|
+
[vars$y.trackBorderColor]: globalRefs$m.colors.surface.light,
|
4226
|
+
[vars$y.trackBackgroundColor]: globalRefs$m.colors.surface.main,
|
4227
|
+
[vars$y.labelTextColor]: refs.labelTextColor,
|
4227
4228
|
_checked: {
|
4228
|
-
[vars$
|
4229
|
-
[vars$
|
4229
|
+
[vars$y.knobColor]: globalRefs$m.colors.surface.light,
|
4230
|
+
[vars$y.trackBackgroundColor]: globalRefs$m.colors.surface.main,
|
4230
4231
|
},
|
4231
4232
|
},
|
4232
4233
|
|
4233
4234
|
_invalid: {
|
4234
|
-
[vars$
|
4235
|
-
[vars$
|
4235
|
+
[vars$y.trackBorderColor]: globalRefs$m.colors.error.main,
|
4236
|
+
[vars$y.knobColor]: globalRefs$m.colors.error.main,
|
4236
4237
|
},
|
4237
4238
|
};
|
4238
4239
|
|
4239
4240
|
var switchToggle$1 = /*#__PURE__*/Object.freeze({
|
4240
4241
|
__proto__: null,
|
4241
4242
|
default: switchToggle,
|
4242
|
-
vars: vars$
|
4243
|
+
vars: vars$y
|
4243
4244
|
});
|
4244
4245
|
|
4245
|
-
const componentName$
|
4246
|
+
const componentName$F = getComponentName('container');
|
4246
4247
|
|
4247
|
-
class RawContainer extends createBaseClass({ componentName: componentName$
|
4248
|
+
class RawContainer extends createBaseClass({ componentName: componentName$F, baseSelector: 'slot' }) {
|
4248
4249
|
constructor() {
|
4249
4250
|
super();
|
4250
4251
|
|
@@ -4297,7 +4298,7 @@ const ContainerClass = compose(
|
|
4297
4298
|
componentNameValidationMixin
|
4298
4299
|
)(RawContainer);
|
4299
4300
|
|
4300
|
-
const globalRefs$
|
4301
|
+
const globalRefs$l = getThemeRefs(globals);
|
4301
4302
|
|
4302
4303
|
const compVars$4 = ContainerClass.cssVarList;
|
4303
4304
|
|
@@ -4319,7 +4320,7 @@ const [helperTheme$2, helperRefs$2, helperVars$2] = createHelperVars(
|
|
4319
4320
|
horizontalAlignment,
|
4320
4321
|
shadowColor: '#00000020', // if we want to support transparency vars, we should use different color format
|
4321
4322
|
},
|
4322
|
-
componentName$
|
4323
|
+
componentName$F
|
4323
4324
|
);
|
4324
4325
|
|
4325
4326
|
const { shadowColor: shadowColor$1 } = helperRefs$2;
|
@@ -4329,10 +4330,10 @@ const container = {
|
|
4329
4330
|
|
4330
4331
|
[compVars$4.hostWidth]: '100%',
|
4331
4332
|
[compVars$4.boxShadow]: 'none',
|
4332
|
-
[compVars$4.backgroundColor]: globalRefs$
|
4333
|
-
[compVars$4.color]: globalRefs$
|
4333
|
+
[compVars$4.backgroundColor]: globalRefs$l.colors.surface.main,
|
4334
|
+
[compVars$4.color]: globalRefs$l.colors.surface.contrast,
|
4334
4335
|
[compVars$4.borderRadius]: '0px',
|
4335
|
-
[compVars$4.hostDirection]: globalRefs$
|
4336
|
+
[compVars$4.hostDirection]: globalRefs$l.direction,
|
4336
4337
|
|
4337
4338
|
verticalPadding: {
|
4338
4339
|
sm: { [compVars$4.verticalPadding]: '5px' },
|
@@ -4378,34 +4379,34 @@ const container = {
|
|
4378
4379
|
|
4379
4380
|
shadow: {
|
4380
4381
|
sm: {
|
4381
|
-
[compVars$4.boxShadow]: `${globalRefs$
|
4382
|
+
[compVars$4.boxShadow]: `${globalRefs$l.shadow.wide.sm} ${shadowColor$1}, ${globalRefs$l.shadow.narrow.sm} ${shadowColor$1}`,
|
4382
4383
|
},
|
4383
4384
|
md: {
|
4384
|
-
[compVars$4.boxShadow]: `${globalRefs$
|
4385
|
+
[compVars$4.boxShadow]: `${globalRefs$l.shadow.wide.md} ${shadowColor$1}, ${globalRefs$l.shadow.narrow.md} ${shadowColor$1}`,
|
4385
4386
|
},
|
4386
4387
|
lg: {
|
4387
|
-
[compVars$4.boxShadow]: `${globalRefs$
|
4388
|
+
[compVars$4.boxShadow]: `${globalRefs$l.shadow.wide.lg} ${shadowColor$1}, ${globalRefs$l.shadow.narrow.lg} ${shadowColor$1}`,
|
4388
4389
|
},
|
4389
4390
|
xl: {
|
4390
|
-
[compVars$4.boxShadow]: `${globalRefs$
|
4391
|
+
[compVars$4.boxShadow]: `${globalRefs$l.shadow.wide.xl} ${shadowColor$1}, ${globalRefs$l.shadow.narrow.xl} ${shadowColor$1}`,
|
4391
4392
|
},
|
4392
4393
|
'2xl': {
|
4393
4394
|
[helperVars$2.shadowColor]: '#00000050', // mimic daisyUI shadow settings
|
4394
|
-
[compVars$4.boxShadow]: `${globalRefs$
|
4395
|
+
[compVars$4.boxShadow]: `${globalRefs$l.shadow.wide['2xl']} ${shadowColor$1}`,
|
4395
4396
|
},
|
4396
4397
|
},
|
4397
4398
|
|
4398
4399
|
borderRadius: {
|
4399
|
-
sm: { [compVars$4.borderRadius]: globalRefs$
|
4400
|
-
md: { [compVars$4.borderRadius]: globalRefs$
|
4401
|
-
lg: { [compVars$4.borderRadius]: globalRefs$
|
4402
|
-
xl: { [compVars$4.borderRadius]: globalRefs$
|
4403
|
-
'2xl': { [compVars$4.borderRadius]: globalRefs$
|
4404
|
-
'3xl': { [compVars$4.borderRadius]: globalRefs$
|
4400
|
+
sm: { [compVars$4.borderRadius]: globalRefs$l.radius.sm },
|
4401
|
+
md: { [compVars$4.borderRadius]: globalRefs$l.radius.md },
|
4402
|
+
lg: { [compVars$4.borderRadius]: globalRefs$l.radius.lg },
|
4403
|
+
xl: { [compVars$4.borderRadius]: globalRefs$l.radius.xl },
|
4404
|
+
'2xl': { [compVars$4.borderRadius]: globalRefs$l.radius['2xl'] },
|
4405
|
+
'3xl': { [compVars$4.borderRadius]: globalRefs$l.radius['3xl'] },
|
4405
4406
|
},
|
4406
4407
|
};
|
4407
4408
|
|
4408
|
-
const vars$
|
4409
|
+
const vars$x = {
|
4409
4410
|
...compVars$4,
|
4410
4411
|
...helperVars$2,
|
4411
4412
|
};
|
@@ -4413,7 +4414,7 @@ const vars$w = {
|
|
4413
4414
|
var container$1 = /*#__PURE__*/Object.freeze({
|
4414
4415
|
__proto__: null,
|
4415
4416
|
default: container,
|
4416
|
-
vars: vars$
|
4417
|
+
vars: vars$x
|
4417
4418
|
});
|
4418
4419
|
|
4419
4420
|
const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) => {
|
@@ -4466,69 +4467,69 @@ const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) =>
|
|
4466
4467
|
return CssVarImageClass;
|
4467
4468
|
};
|
4468
4469
|
|
4469
|
-
const componentName$
|
4470
|
+
const componentName$E = getComponentName('logo');
|
4470
4471
|
|
4471
4472
|
const LogoClass = createCssVarImageClass({
|
4472
|
-
componentName: componentName$
|
4473
|
+
componentName: componentName$E,
|
4473
4474
|
varName: 'url',
|
4474
4475
|
fallbackVarName: 'fallbackUrl',
|
4475
4476
|
});
|
4476
4477
|
|
4477
|
-
const vars$
|
4478
|
+
const vars$w = LogoClass.cssVarList;
|
4478
4479
|
|
4479
4480
|
const logo$2 = {
|
4480
|
-
[vars$
|
4481
|
+
[vars$w.fallbackUrl]: 'url(https://imgs.descope.com/components/no-logo-placeholder.svg)',
|
4481
4482
|
};
|
4482
4483
|
|
4483
4484
|
var logo$3 = /*#__PURE__*/Object.freeze({
|
4484
4485
|
__proto__: null,
|
4485
4486
|
default: logo$2,
|
4486
|
-
vars: vars$
|
4487
|
+
vars: vars$w
|
4487
4488
|
});
|
4488
4489
|
|
4489
|
-
const componentName$
|
4490
|
+
const componentName$D = getComponentName('totp-image');
|
4490
4491
|
|
4491
4492
|
const TotpImageClass = createCssVarImageClass({
|
4492
|
-
componentName: componentName$
|
4493
|
+
componentName: componentName$D,
|
4493
4494
|
varName: 'url',
|
4494
4495
|
fallbackVarName: 'fallbackUrl',
|
4495
4496
|
});
|
4496
4497
|
|
4497
|
-
const vars$
|
4498
|
+
const vars$v = TotpImageClass.cssVarList;
|
4498
4499
|
|
4499
4500
|
const logo$1 = {
|
4500
|
-
[vars$
|
4501
|
+
[vars$v.fallbackUrl]: 'url(https://imgs.descope.com/components/totp-placeholder.svg)',
|
4501
4502
|
};
|
4502
4503
|
|
4503
4504
|
var totpImage = /*#__PURE__*/Object.freeze({
|
4504
4505
|
__proto__: null,
|
4505
4506
|
default: logo$1,
|
4506
|
-
vars: vars$
|
4507
|
+
vars: vars$v
|
4507
4508
|
});
|
4508
4509
|
|
4509
|
-
const componentName$
|
4510
|
+
const componentName$C = getComponentName('notp-image');
|
4510
4511
|
|
4511
4512
|
const NotpImageClass = createCssVarImageClass({
|
4512
|
-
componentName: componentName$
|
4513
|
+
componentName: componentName$C,
|
4513
4514
|
varName: 'url',
|
4514
4515
|
fallbackVarName: 'fallbackUrl',
|
4515
4516
|
});
|
4516
4517
|
|
4517
|
-
const vars$
|
4518
|
+
const vars$u = NotpImageClass.cssVarList;
|
4518
4519
|
|
4519
4520
|
const logo = {
|
4520
|
-
[vars$
|
4521
|
+
[vars$u.fallbackUrl]: 'url(https://imgs.descope.com/components/notp-placeholder.svg)',
|
4521
4522
|
};
|
4522
4523
|
|
4523
4524
|
var notpImage = /*#__PURE__*/Object.freeze({
|
4524
4525
|
__proto__: null,
|
4525
4526
|
default: logo,
|
4526
|
-
vars: vars$
|
4527
|
+
vars: vars$u
|
4527
4528
|
});
|
4528
4529
|
|
4529
|
-
const componentName$
|
4530
|
+
const componentName$B = getComponentName('text');
|
4530
4531
|
|
4531
|
-
class RawText extends createBaseClass({ componentName: componentName$
|
4532
|
+
class RawText extends createBaseClass({ componentName: componentName$B, baseSelector: ':host > slot' }) {
|
4532
4533
|
constructor() {
|
4533
4534
|
super();
|
4534
4535
|
|
@@ -4584,94 +4585,94 @@ const TextClass = compose(
|
|
4584
4585
|
componentNameValidationMixin
|
4585
4586
|
)(RawText);
|
4586
4587
|
|
4587
|
-
const globalRefs$
|
4588
|
-
const vars$
|
4588
|
+
const globalRefs$k = getThemeRefs(globals);
|
4589
|
+
const vars$t = TextClass.cssVarList;
|
4589
4590
|
|
4590
4591
|
const text$2 = {
|
4591
|
-
[vars$
|
4592
|
-
[vars$
|
4593
|
-
[vars$
|
4594
|
-
[vars$
|
4592
|
+
[vars$t.hostDirection]: globalRefs$k.direction,
|
4593
|
+
[vars$t.textLineHeight]: '1.35em',
|
4594
|
+
[vars$t.textAlign]: 'left',
|
4595
|
+
[vars$t.textColor]: globalRefs$k.colors.surface.dark,
|
4595
4596
|
variant: {
|
4596
4597
|
h1: {
|
4597
|
-
[vars$
|
4598
|
-
[vars$
|
4599
|
-
[vars$
|
4598
|
+
[vars$t.fontSize]: globalRefs$k.typography.h1.size,
|
4599
|
+
[vars$t.fontWeight]: globalRefs$k.typography.h1.weight,
|
4600
|
+
[vars$t.fontFamily]: globalRefs$k.typography.h1.font,
|
4600
4601
|
},
|
4601
4602
|
h2: {
|
4602
|
-
[vars$
|
4603
|
-
[vars$
|
4604
|
-
[vars$
|
4603
|
+
[vars$t.fontSize]: globalRefs$k.typography.h2.size,
|
4604
|
+
[vars$t.fontWeight]: globalRefs$k.typography.h2.weight,
|
4605
|
+
[vars$t.fontFamily]: globalRefs$k.typography.h2.font,
|
4605
4606
|
},
|
4606
4607
|
h3: {
|
4607
|
-
[vars$
|
4608
|
-
[vars$
|
4609
|
-
[vars$
|
4608
|
+
[vars$t.fontSize]: globalRefs$k.typography.h3.size,
|
4609
|
+
[vars$t.fontWeight]: globalRefs$k.typography.h3.weight,
|
4610
|
+
[vars$t.fontFamily]: globalRefs$k.typography.h3.font,
|
4610
4611
|
},
|
4611
4612
|
subtitle1: {
|
4612
|
-
[vars$
|
4613
|
-
[vars$
|
4614
|
-
[vars$
|
4613
|
+
[vars$t.fontSize]: globalRefs$k.typography.subtitle1.size,
|
4614
|
+
[vars$t.fontWeight]: globalRefs$k.typography.subtitle1.weight,
|
4615
|
+
[vars$t.fontFamily]: globalRefs$k.typography.subtitle1.font,
|
4615
4616
|
},
|
4616
4617
|
subtitle2: {
|
4617
|
-
[vars$
|
4618
|
-
[vars$
|
4619
|
-
[vars$
|
4618
|
+
[vars$t.fontSize]: globalRefs$k.typography.subtitle2.size,
|
4619
|
+
[vars$t.fontWeight]: globalRefs$k.typography.subtitle2.weight,
|
4620
|
+
[vars$t.fontFamily]: globalRefs$k.typography.subtitle2.font,
|
4620
4621
|
},
|
4621
4622
|
body1: {
|
4622
|
-
[vars$
|
4623
|
-
[vars$
|
4624
|
-
[vars$
|
4623
|
+
[vars$t.fontSize]: globalRefs$k.typography.body1.size,
|
4624
|
+
[vars$t.fontWeight]: globalRefs$k.typography.body1.weight,
|
4625
|
+
[vars$t.fontFamily]: globalRefs$k.typography.body1.font,
|
4625
4626
|
},
|
4626
4627
|
body2: {
|
4627
|
-
[vars$
|
4628
|
-
[vars$
|
4629
|
-
[vars$
|
4628
|
+
[vars$t.fontSize]: globalRefs$k.typography.body2.size,
|
4629
|
+
[vars$t.fontWeight]: globalRefs$k.typography.body2.weight,
|
4630
|
+
[vars$t.fontFamily]: globalRefs$k.typography.body2.font,
|
4630
4631
|
},
|
4631
4632
|
},
|
4632
4633
|
|
4633
4634
|
mode: {
|
4634
4635
|
primary: {
|
4635
|
-
[vars$
|
4636
|
+
[vars$t.textColor]: globalRefs$k.colors.surface.contrast,
|
4636
4637
|
},
|
4637
4638
|
secondary: {
|
4638
|
-
[vars$
|
4639
|
+
[vars$t.textColor]: globalRefs$k.colors.surface.dark,
|
4639
4640
|
},
|
4640
4641
|
error: {
|
4641
|
-
[vars$
|
4642
|
+
[vars$t.textColor]: globalRefs$k.colors.error.main,
|
4642
4643
|
},
|
4643
4644
|
success: {
|
4644
|
-
[vars$
|
4645
|
+
[vars$t.textColor]: globalRefs$k.colors.success.main,
|
4645
4646
|
},
|
4646
4647
|
},
|
4647
4648
|
|
4648
4649
|
textAlign: {
|
4649
|
-
right: { [vars$
|
4650
|
-
left: { [vars$
|
4651
|
-
center: { [vars$
|
4650
|
+
right: { [vars$t.textAlign]: 'right' },
|
4651
|
+
left: { [vars$t.textAlign]: 'left' },
|
4652
|
+
center: { [vars$t.textAlign]: 'center' },
|
4652
4653
|
},
|
4653
4654
|
|
4654
4655
|
_fullWidth: {
|
4655
|
-
[vars$
|
4656
|
+
[vars$t.hostWidth]: '100%',
|
4656
4657
|
},
|
4657
4658
|
|
4658
4659
|
_italic: {
|
4659
|
-
[vars$
|
4660
|
+
[vars$t.fontStyle]: 'italic',
|
4660
4661
|
},
|
4661
4662
|
|
4662
4663
|
_uppercase: {
|
4663
|
-
[vars$
|
4664
|
+
[vars$t.textTransform]: 'uppercase',
|
4664
4665
|
},
|
4665
4666
|
|
4666
4667
|
_lowercase: {
|
4667
|
-
[vars$
|
4668
|
+
[vars$t.textTransform]: 'lowercase',
|
4668
4669
|
},
|
4669
4670
|
};
|
4670
4671
|
|
4671
4672
|
var text$3 = /*#__PURE__*/Object.freeze({
|
4672
4673
|
__proto__: null,
|
4673
4674
|
default: text$2,
|
4674
|
-
vars: vars$
|
4675
|
+
vars: vars$t
|
4675
4676
|
});
|
4676
4677
|
|
4677
4678
|
const textRuleSet = {
|
@@ -4688,9 +4689,9 @@ const textRuleSet = {
|
|
4688
4689
|
},
|
4689
4690
|
};
|
4690
4691
|
|
4691
|
-
const componentName$
|
4692
|
+
const componentName$A = getComponentName('enriched-text');
|
4692
4693
|
|
4693
|
-
let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName: componentName$
|
4694
|
+
let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName: componentName$A, baseSelector: ':host > div' }) {
|
4694
4695
|
#origLinkRenderer;
|
4695
4696
|
|
4696
4697
|
constructor() {
|
@@ -4850,9 +4851,9 @@ const EnrichedTextClass = compose(
|
|
4850
4851
|
componentNameValidationMixin
|
4851
4852
|
)(EnrichedText$2);
|
4852
4853
|
|
4853
|
-
const componentName$
|
4854
|
+
const componentName$z = getComponentName('link');
|
4854
4855
|
|
4855
|
-
class RawLink extends createBaseClass({ componentName: componentName$
|
4856
|
+
class RawLink extends createBaseClass({ componentName: componentName$z, baseSelector: ':host a' }) {
|
4856
4857
|
constructor() {
|
4857
4858
|
super();
|
4858
4859
|
|
@@ -4917,135 +4918,135 @@ const LinkClass = compose(
|
|
4917
4918
|
componentNameValidationMixin
|
4918
4919
|
)(RawLink);
|
4919
4920
|
|
4920
|
-
const globalRefs$
|
4921
|
-
const vars$
|
4921
|
+
const globalRefs$j = getThemeRefs(globals);
|
4922
|
+
const vars$s = EnrichedTextClass.cssVarList;
|
4922
4923
|
|
4923
4924
|
const EnrichedText = {
|
4924
|
-
[vars$
|
4925
|
+
[vars$s.hostDirection]: globalRefs$j.direction,
|
4925
4926
|
|
4926
|
-
[vars$
|
4927
|
-
[vars$
|
4928
|
-
[vars$
|
4927
|
+
[vars$s.fontSize]: globalRefs$j.typography.body1.size,
|
4928
|
+
[vars$s.fontWeight]: globalRefs$j.typography.body1.weight,
|
4929
|
+
[vars$s.fontFamily]: globalRefs$j.typography.body1.font,
|
4929
4930
|
|
4930
|
-
[vars$
|
4931
|
-
[vars$
|
4932
|
-
[vars$
|
4931
|
+
[vars$s.textLineHeight]: '1.35em',
|
4932
|
+
[vars$s.textAlign]: 'left',
|
4933
|
+
[vars$s.textColor]: globalRefs$j.colors.surface.dark,
|
4933
4934
|
|
4934
|
-
[vars$
|
4935
|
+
[vars$s.linkColor]: `var(${LinkClass.cssVarList.textColor})`,
|
4935
4936
|
|
4936
4937
|
mode: {
|
4937
4938
|
primary: {
|
4938
|
-
[vars$
|
4939
|
+
[vars$s.textColor]: globalRefs$j.colors.surface.contrast,
|
4939
4940
|
},
|
4940
4941
|
secondary: {
|
4941
|
-
[vars$
|
4942
|
+
[vars$s.textColor]: globalRefs$j.colors.surface.dark,
|
4942
4943
|
},
|
4943
4944
|
error: {
|
4944
|
-
[vars$
|
4945
|
+
[vars$s.textColor]: globalRefs$j.colors.error.main,
|
4945
4946
|
},
|
4946
4947
|
success: {
|
4947
|
-
[vars$
|
4948
|
+
[vars$s.textColor]: globalRefs$j.colors.success.main,
|
4948
4949
|
},
|
4949
4950
|
},
|
4950
4951
|
|
4951
4952
|
variant: {
|
4952
4953
|
h1: {
|
4953
|
-
[vars$
|
4954
|
-
[vars$
|
4955
|
-
[vars$
|
4954
|
+
[vars$s.fontSize]: globalRefs$j.typography.h1.size,
|
4955
|
+
[vars$s.fontWeight]: globalRefs$j.typography.h1.weight,
|
4956
|
+
[vars$s.fontFamily]: globalRefs$j.typography.h1.font,
|
4956
4957
|
},
|
4957
4958
|
h2: {
|
4958
|
-
[vars$
|
4959
|
-
[vars$
|
4960
|
-
[vars$
|
4959
|
+
[vars$s.fontSize]: globalRefs$j.typography.h2.size,
|
4960
|
+
[vars$s.fontWeight]: globalRefs$j.typography.h2.weight,
|
4961
|
+
[vars$s.fontFamily]: globalRefs$j.typography.h2.font,
|
4961
4962
|
},
|
4962
4963
|
h3: {
|
4963
|
-
[vars$
|
4964
|
-
[vars$
|
4965
|
-
[vars$
|
4964
|
+
[vars$s.fontSize]: globalRefs$j.typography.h3.size,
|
4965
|
+
[vars$s.fontWeight]: globalRefs$j.typography.h3.weight,
|
4966
|
+
[vars$s.fontFamily]: globalRefs$j.typography.h3.font,
|
4966
4967
|
},
|
4967
4968
|
subtitle1: {
|
4968
|
-
[vars$
|
4969
|
-
[vars$
|
4970
|
-
[vars$
|
4969
|
+
[vars$s.fontSize]: globalRefs$j.typography.subtitle1.size,
|
4970
|
+
[vars$s.fontWeight]: globalRefs$j.typography.subtitle1.weight,
|
4971
|
+
[vars$s.fontFamily]: globalRefs$j.typography.subtitle1.font,
|
4971
4972
|
},
|
4972
4973
|
subtitle2: {
|
4973
|
-
[vars$
|
4974
|
-
[vars$
|
4975
|
-
[vars$
|
4974
|
+
[vars$s.fontSize]: globalRefs$j.typography.subtitle2.size,
|
4975
|
+
[vars$s.fontWeight]: globalRefs$j.typography.subtitle2.weight,
|
4976
|
+
[vars$s.fontFamily]: globalRefs$j.typography.subtitle2.font,
|
4976
4977
|
},
|
4977
4978
|
body1: {
|
4978
|
-
[vars$
|
4979
|
-
[vars$
|
4980
|
-
[vars$
|
4979
|
+
[vars$s.fontSize]: globalRefs$j.typography.body1.size,
|
4980
|
+
[vars$s.fontWeight]: globalRefs$j.typography.body1.weight,
|
4981
|
+
[vars$s.fontFamily]: globalRefs$j.typography.body1.font,
|
4981
4982
|
},
|
4982
4983
|
body2: {
|
4983
|
-
[vars$
|
4984
|
-
[vars$
|
4985
|
-
[vars$
|
4984
|
+
[vars$s.fontSize]: globalRefs$j.typography.body2.size,
|
4985
|
+
[vars$s.fontWeight]: globalRefs$j.typography.body2.weight,
|
4986
|
+
[vars$s.fontFamily]: globalRefs$j.typography.body2.font,
|
4986
4987
|
},
|
4987
4988
|
},
|
4988
4989
|
|
4989
4990
|
textAlign: {
|
4990
|
-
right: { [vars$
|
4991
|
-
left: { [vars$
|
4992
|
-
center: { [vars$
|
4991
|
+
right: { [vars$s.textAlign]: 'right' },
|
4992
|
+
left: { [vars$s.textAlign]: 'left' },
|
4993
|
+
center: { [vars$s.textAlign]: 'center' },
|
4993
4994
|
},
|
4994
4995
|
|
4995
4996
|
_fullWidth: {
|
4996
|
-
[vars$
|
4997
|
+
[vars$s.hostWidth]: '100%',
|
4997
4998
|
},
|
4998
4999
|
};
|
4999
5000
|
|
5000
5001
|
var EnrichedText$1 = /*#__PURE__*/Object.freeze({
|
5001
5002
|
__proto__: null,
|
5002
5003
|
default: EnrichedText,
|
5003
|
-
vars: vars$
|
5004
|
+
vars: vars$s
|
5004
5005
|
});
|
5005
5006
|
|
5006
|
-
const globalRefs$
|
5007
|
-
const vars$
|
5007
|
+
const globalRefs$i = getThemeRefs(globals);
|
5008
|
+
const vars$r = LinkClass.cssVarList;
|
5008
5009
|
|
5009
|
-
const link = {
|
5010
|
-
[vars$
|
5011
|
-
[vars$
|
5010
|
+
const link$1 = {
|
5011
|
+
[vars$r.hostDirection]: globalRefs$i.direction,
|
5012
|
+
[vars$r.cursor]: 'pointer',
|
5012
5013
|
|
5013
|
-
[vars$
|
5014
|
+
[vars$r.textColor]: globalRefs$i.colors.primary.main,
|
5014
5015
|
|
5015
5016
|
textAlign: {
|
5016
|
-
right: { [vars$
|
5017
|
-
left: { [vars$
|
5018
|
-
center: { [vars$
|
5017
|
+
right: { [vars$r.textAlign]: 'right' },
|
5018
|
+
left: { [vars$r.textAlign]: 'left' },
|
5019
|
+
center: { [vars$r.textAlign]: 'center' },
|
5019
5020
|
},
|
5020
5021
|
|
5021
5022
|
_fullWidth: {
|
5022
|
-
[vars$
|
5023
|
+
[vars$r.hostWidth]: '100%',
|
5023
5024
|
},
|
5024
5025
|
|
5025
5026
|
mode: {
|
5026
5027
|
primary: {
|
5027
|
-
[vars$
|
5028
|
+
[vars$r.textColor]: globalRefs$i.colors.primary.main,
|
5028
5029
|
},
|
5029
5030
|
secondary: {
|
5030
|
-
[vars$
|
5031
|
+
[vars$r.textColor]: globalRefs$i.colors.secondary.main,
|
5031
5032
|
},
|
5032
5033
|
error: {
|
5033
|
-
[vars$
|
5034
|
+
[vars$r.textColor]: globalRefs$i.colors.error.main,
|
5034
5035
|
},
|
5035
5036
|
success: {
|
5036
|
-
[vars$
|
5037
|
+
[vars$r.textColor]: globalRefs$i.colors.success.main,
|
5037
5038
|
},
|
5038
5039
|
},
|
5039
5040
|
};
|
5040
5041
|
|
5041
|
-
var link$
|
5042
|
+
var link$2 = /*#__PURE__*/Object.freeze({
|
5042
5043
|
__proto__: null,
|
5043
|
-
default: link,
|
5044
|
-
vars: vars$
|
5044
|
+
default: link$1,
|
5045
|
+
vars: vars$r
|
5045
5046
|
});
|
5046
5047
|
|
5047
|
-
const componentName$
|
5048
|
-
class RawDivider extends createBaseClass({ componentName: componentName$
|
5048
|
+
const componentName$y = getComponentName('divider');
|
5049
|
+
class RawDivider extends createBaseClass({ componentName: componentName$y, baseSelector: ':host > div' }) {
|
5049
5050
|
constructor() {
|
5050
5051
|
super();
|
5051
5052
|
|
@@ -5144,7 +5145,7 @@ const DividerClass = compose(
|
|
5144
5145
|
componentNameValidationMixin
|
5145
5146
|
)(RawDivider);
|
5146
5147
|
|
5147
|
-
const globalRefs$
|
5148
|
+
const globalRefs$h = getThemeRefs(globals);
|
5148
5149
|
const compVars$3 = DividerClass.cssVarList;
|
5149
5150
|
|
5150
5151
|
const [helperTheme$1, helperRefs$1, helperVars$1] = createHelperVars(
|
@@ -5152,18 +5153,18 @@ const [helperTheme$1, helperRefs$1, helperVars$1] = createHelperVars(
|
|
5152
5153
|
thickness: '2px',
|
5153
5154
|
spacing: '10px',
|
5154
5155
|
},
|
5155
|
-
componentName$
|
5156
|
+
componentName$y
|
5156
5157
|
);
|
5157
5158
|
|
5158
5159
|
const divider = {
|
5159
5160
|
...helperTheme$1,
|
5160
5161
|
|
5161
|
-
[compVars$3.hostDirection]: globalRefs$
|
5162
|
+
[compVars$3.hostDirection]: globalRefs$h.direction,
|
5162
5163
|
[compVars$3.alignItems]: 'center',
|
5163
5164
|
[compVars$3.flexDirection]: 'row',
|
5164
5165
|
[compVars$3.alignSelf]: 'stretch',
|
5165
5166
|
[compVars$3.hostWidth]: '100%',
|
5166
|
-
[compVars$3.stripeColor]: globalRefs$
|
5167
|
+
[compVars$3.stripeColor]: globalRefs$h.colors.surface.light,
|
5167
5168
|
[compVars$3.stripeColorOpacity]: '0.5',
|
5168
5169
|
[compVars$3.stripeHorizontalThickness]: helperRefs$1.thickness,
|
5169
5170
|
[compVars$3.labelTextWidth]: 'fit-content',
|
@@ -5183,7 +5184,7 @@ const divider = {
|
|
5183
5184
|
},
|
5184
5185
|
};
|
5185
5186
|
|
5186
|
-
const vars$
|
5187
|
+
const vars$q = {
|
5187
5188
|
...compVars$3,
|
5188
5189
|
...helperVars$1,
|
5189
5190
|
};
|
@@ -5191,18 +5192,18 @@ const vars$p = {
|
|
5191
5192
|
var divider$1 = /*#__PURE__*/Object.freeze({
|
5192
5193
|
__proto__: null,
|
5193
5194
|
default: divider,
|
5194
|
-
vars: vars$
|
5195
|
+
vars: vars$q
|
5195
5196
|
});
|
5196
5197
|
|
5197
5198
|
/* eslint-disable no-param-reassign */
|
5198
5199
|
|
5199
|
-
const componentName$
|
5200
|
+
const componentName$x = getComponentName('passcode-internal');
|
5200
5201
|
|
5201
|
-
createBaseInputClass({ componentName: componentName$
|
5202
|
+
createBaseInputClass({ componentName: componentName$x, baseSelector: 'div' });
|
5202
5203
|
|
5203
|
-
const componentName$
|
5204
|
+
const componentName$w = getComponentName('loader-radial');
|
5204
5205
|
|
5205
|
-
class RawLoaderRadial extends createBaseClass({ componentName: componentName$
|
5206
|
+
class RawLoaderRadial extends createBaseClass({ componentName: componentName$w, baseSelector: ':host > div' }) {
|
5206
5207
|
constructor() {
|
5207
5208
|
super();
|
5208
5209
|
|
@@ -5246,7 +5247,7 @@ const LoaderRadialClass = compose(
|
|
5246
5247
|
componentNameValidationMixin
|
5247
5248
|
)(RawLoaderRadial);
|
5248
5249
|
|
5249
|
-
const componentName$
|
5250
|
+
const componentName$v = getComponentName('passcode');
|
5250
5251
|
|
5251
5252
|
const observedAttributes$3 = ['digits'];
|
5252
5253
|
|
@@ -5265,17 +5266,17 @@ const customMixin$6 = (superclass) =>
|
|
5265
5266
|
const template = document.createElement('template');
|
5266
5267
|
|
5267
5268
|
template.innerHTML = `
|
5268
|
-
<${componentName$
|
5269
|
+
<${componentName$x}
|
5269
5270
|
bordered="true"
|
5270
5271
|
name="code"
|
5271
5272
|
tabindex="-1"
|
5272
5273
|
slot="input"
|
5273
|
-
><slot></slot></${componentName$
|
5274
|
+
><slot></slot></${componentName$x}>
|
5274
5275
|
`;
|
5275
5276
|
|
5276
5277
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
5277
5278
|
|
5278
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
5279
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$x);
|
5279
5280
|
|
5280
5281
|
forwardAttrs(this, this.inputElement, { includeAttrs: ['digits', 'size', 'loading'] });
|
5281
5282
|
}
|
@@ -5422,56 +5423,56 @@ const PasscodeClass = compose(
|
|
5422
5423
|
${resetInputCursor('vaadin-text-field')}
|
5423
5424
|
`,
|
5424
5425
|
excludeAttrsSync: ['tabindex'],
|
5425
|
-
componentName: componentName$
|
5426
|
+
componentName: componentName$v,
|
5426
5427
|
})
|
5427
5428
|
);
|
5428
5429
|
|
5429
|
-
const vars$
|
5430
|
+
const vars$p = PasscodeClass.cssVarList;
|
5430
5431
|
|
5431
5432
|
const passcode = {
|
5432
|
-
[vars$
|
5433
|
-
[vars$
|
5434
|
-
[vars$
|
5435
|
-
[vars$
|
5436
|
-
[vars$
|
5437
|
-
[vars$
|
5438
|
-
[vars$
|
5439
|
-
[vars$
|
5440
|
-
[vars$
|
5441
|
-
[vars$
|
5442
|
-
[vars$
|
5443
|
-
[vars$
|
5444
|
-
[vars$
|
5445
|
-
[vars$
|
5446
|
-
[vars$
|
5433
|
+
[vars$p.hostDirection]: refs.direction,
|
5434
|
+
[vars$p.fontFamily]: refs.fontFamily,
|
5435
|
+
[vars$p.fontSize]: refs.fontSize,
|
5436
|
+
[vars$p.labelTextColor]: refs.labelTextColor,
|
5437
|
+
[vars$p.labelRequiredIndicator]: refs.requiredIndicator,
|
5438
|
+
[vars$p.errorMessageTextColor]: refs.errorMessageTextColor,
|
5439
|
+
[vars$p.digitValueTextColor]: refs.valueTextColor,
|
5440
|
+
[vars$p.digitPadding]: '0',
|
5441
|
+
[vars$p.digitTextAlign]: 'center',
|
5442
|
+
[vars$p.digitSpacing]: '4px',
|
5443
|
+
[vars$p.hostWidth]: refs.width,
|
5444
|
+
[vars$p.digitOutlineColor]: 'transparent',
|
5445
|
+
[vars$p.digitOutlineWidth]: refs.outlineWidth,
|
5446
|
+
[vars$p.focusedDigitFieldOutlineColor]: refs.outlineColor,
|
5447
|
+
[vars$p.digitSize]: refs.inputHeight,
|
5447
5448
|
|
5448
5449
|
size: {
|
5449
|
-
xs: { [vars$
|
5450
|
-
sm: { [vars$
|
5451
|
-
md: { [vars$
|
5452
|
-
lg: { [vars$
|
5450
|
+
xs: { [vars$p.spinnerSize]: '15px' },
|
5451
|
+
sm: { [vars$p.spinnerSize]: '20px' },
|
5452
|
+
md: { [vars$p.spinnerSize]: '20px' },
|
5453
|
+
lg: { [vars$p.spinnerSize]: '20px' },
|
5453
5454
|
},
|
5454
5455
|
|
5455
5456
|
_hideCursor: {
|
5456
|
-
[vars$
|
5457
|
+
[vars$p.digitCaretTextColor]: 'transparent',
|
5457
5458
|
},
|
5458
5459
|
|
5459
5460
|
_loading: {
|
5460
|
-
[vars$
|
5461
|
+
[vars$p.overlayOpacity]: refs.overlayOpacity,
|
5461
5462
|
},
|
5462
5463
|
};
|
5463
5464
|
|
5464
5465
|
var passcode$1 = /*#__PURE__*/Object.freeze({
|
5465
5466
|
__proto__: null,
|
5466
5467
|
default: passcode,
|
5467
|
-
vars: vars$
|
5468
|
+
vars: vars$p
|
5468
5469
|
});
|
5469
5470
|
|
5470
|
-
const componentName$
|
5471
|
+
const componentName$u = getComponentName('loader-linear');
|
5471
5472
|
|
5472
|
-
class RawLoaderLinear extends createBaseClass({ componentName: componentName$
|
5473
|
+
class RawLoaderLinear extends createBaseClass({ componentName: componentName$u, baseSelector: ':host > div' }) {
|
5473
5474
|
static get componentName() {
|
5474
|
-
return componentName$
|
5475
|
+
return componentName$u;
|
5475
5476
|
}
|
5476
5477
|
|
5477
5478
|
constructor() {
|
@@ -5532,67 +5533,67 @@ const LoaderLinearClass = compose(
|
|
5532
5533
|
componentNameValidationMixin
|
5533
5534
|
)(RawLoaderLinear);
|
5534
5535
|
|
5535
|
-
const globalRefs$
|
5536
|
-
const vars$
|
5536
|
+
const globalRefs$g = getThemeRefs(globals);
|
5537
|
+
const vars$o = LoaderLinearClass.cssVarList;
|
5537
5538
|
|
5538
5539
|
const loaderLinear = {
|
5539
|
-
[vars$
|
5540
|
-
[vars$
|
5540
|
+
[vars$o.hostDisplay]: 'inline-block',
|
5541
|
+
[vars$o.hostWidth]: '100%',
|
5541
5542
|
|
5542
|
-
[vars$
|
5543
|
-
[vars$
|
5543
|
+
[vars$o.barColor]: globalRefs$g.colors.surface.contrast,
|
5544
|
+
[vars$o.barWidth]: '20%',
|
5544
5545
|
|
5545
|
-
[vars$
|
5546
|
-
[vars$
|
5546
|
+
[vars$o.barBackgroundColor]: globalRefs$g.colors.surface.light,
|
5547
|
+
[vars$o.barBorderRadius]: '4px',
|
5547
5548
|
|
5548
|
-
[vars$
|
5549
|
-
[vars$
|
5550
|
-
[vars$
|
5551
|
-
[vars$
|
5549
|
+
[vars$o.animationDuration]: '2s',
|
5550
|
+
[vars$o.animationTimingFunction]: 'linear',
|
5551
|
+
[vars$o.animationIterationCount]: 'infinite',
|
5552
|
+
[vars$o.verticalPadding]: '0.25em',
|
5552
5553
|
|
5553
5554
|
size: {
|
5554
|
-
xs: { [vars$
|
5555
|
-
sm: { [vars$
|
5556
|
-
md: { [vars$
|
5557
|
-
lg: { [vars$
|
5555
|
+
xs: { [vars$o.barHeight]: '2px' },
|
5556
|
+
sm: { [vars$o.barHeight]: '4px' },
|
5557
|
+
md: { [vars$o.barHeight]: '6px' },
|
5558
|
+
lg: { [vars$o.barHeight]: '8px' },
|
5558
5559
|
},
|
5559
5560
|
|
5560
5561
|
mode: {
|
5561
5562
|
primary: {
|
5562
|
-
[vars$
|
5563
|
+
[vars$o.barColor]: globalRefs$g.colors.primary.main,
|
5563
5564
|
},
|
5564
5565
|
secondary: {
|
5565
|
-
[vars$
|
5566
|
+
[vars$o.barColor]: globalRefs$g.colors.secondary.main,
|
5566
5567
|
},
|
5567
5568
|
},
|
5568
5569
|
|
5569
5570
|
_hidden: {
|
5570
|
-
[vars$
|
5571
|
+
[vars$o.hostDisplay]: 'none',
|
5571
5572
|
},
|
5572
5573
|
};
|
5573
5574
|
|
5574
5575
|
var loaderLinear$1 = /*#__PURE__*/Object.freeze({
|
5575
5576
|
__proto__: null,
|
5576
5577
|
default: loaderLinear,
|
5577
|
-
vars: vars$
|
5578
|
+
vars: vars$o
|
5578
5579
|
});
|
5579
5580
|
|
5580
|
-
const globalRefs$
|
5581
|
+
const globalRefs$f = getThemeRefs(globals);
|
5581
5582
|
const compVars$2 = LoaderRadialClass.cssVarList;
|
5582
5583
|
|
5583
5584
|
const [helperTheme, helperRefs, helperVars] = createHelperVars(
|
5584
5585
|
{
|
5585
|
-
spinnerColor: globalRefs$
|
5586
|
+
spinnerColor: globalRefs$f.colors.surface.contrast,
|
5586
5587
|
mode: {
|
5587
5588
|
primary: {
|
5588
|
-
spinnerColor: globalRefs$
|
5589
|
+
spinnerColor: globalRefs$f.colors.primary.main,
|
5589
5590
|
},
|
5590
5591
|
secondary: {
|
5591
|
-
spinnerColor: globalRefs$
|
5592
|
+
spinnerColor: globalRefs$f.colors.secondary.main,
|
5592
5593
|
},
|
5593
5594
|
},
|
5594
5595
|
},
|
5595
|
-
componentName$
|
5596
|
+
componentName$w
|
5596
5597
|
);
|
5597
5598
|
|
5598
5599
|
const loaderRadial = {
|
@@ -5621,7 +5622,7 @@ const loaderRadial = {
|
|
5621
5622
|
[compVars$2.hostDisplay]: 'none',
|
5622
5623
|
},
|
5623
5624
|
};
|
5624
|
-
const vars$
|
5625
|
+
const vars$n = {
|
5625
5626
|
...compVars$2,
|
5626
5627
|
...helperVars,
|
5627
5628
|
};
|
@@ -5629,10 +5630,10 @@ const vars$m = {
|
|
5629
5630
|
var loaderRadial$1 = /*#__PURE__*/Object.freeze({
|
5630
5631
|
__proto__: null,
|
5631
5632
|
default: loaderRadial,
|
5632
|
-
vars: vars$
|
5633
|
+
vars: vars$n
|
5633
5634
|
});
|
5634
5635
|
|
5635
|
-
const componentName$
|
5636
|
+
const componentName$t = getComponentName('combo-box');
|
5636
5637
|
|
5637
5638
|
const ComboBoxMixin = (superclass) =>
|
5638
5639
|
class ComboBoxMixinClass extends superclass {
|
@@ -6015,71 +6016,71 @@ const ComboBoxClass = compose(
|
|
6015
6016
|
// and reset items to an empty array, and opening the list box with no items
|
6016
6017
|
// to display.
|
6017
6018
|
excludeAttrsSync: ['tabindex', 'size', 'data'],
|
6018
|
-
componentName: componentName$
|
6019
|
+
componentName: componentName$t,
|
6019
6020
|
includeForwardProps: ['items', 'renderer', 'selectedItem'],
|
6020
6021
|
})
|
6021
6022
|
);
|
6022
6023
|
|
6023
|
-
const globalRefs$
|
6024
|
-
const vars$
|
6024
|
+
const globalRefs$e = getThemeRefs(globals);
|
6025
|
+
const vars$m = ComboBoxClass.cssVarList;
|
6025
6026
|
|
6026
6027
|
const comboBox = {
|
6027
|
-
[vars$
|
6028
|
-
[vars$
|
6029
|
-
[vars$
|
6030
|
-
[vars$
|
6031
|
-
[vars$
|
6032
|
-
[vars$
|
6033
|
-
[vars$
|
6034
|
-
[vars$
|
6035
|
-
[vars$
|
6036
|
-
[vars$
|
6037
|
-
[vars$
|
6038
|
-
[vars$
|
6039
|
-
[vars$
|
6040
|
-
[vars$
|
6041
|
-
[vars$
|
6042
|
-
[vars$
|
6043
|
-
[vars$
|
6044
|
-
[vars$
|
6045
|
-
[vars$
|
6046
|
-
[vars$
|
6047
|
-
[vars$
|
6048
|
-
[vars$
|
6049
|
-
[vars$
|
6050
|
-
[vars$
|
6051
|
-
[vars$
|
6052
|
-
[vars$
|
6028
|
+
[vars$m.hostWidth]: refs.width,
|
6029
|
+
[vars$m.hostDirection]: refs.direction,
|
6030
|
+
[vars$m.fontSize]: refs.fontSize,
|
6031
|
+
[vars$m.fontFamily]: refs.fontFamily,
|
6032
|
+
[vars$m.labelTextColor]: refs.labelTextColor,
|
6033
|
+
[vars$m.errorMessageTextColor]: refs.errorMessageTextColor,
|
6034
|
+
[vars$m.inputBorderColor]: refs.borderColor,
|
6035
|
+
[vars$m.inputBorderWidth]: refs.borderWidth,
|
6036
|
+
[vars$m.inputBorderStyle]: refs.borderStyle,
|
6037
|
+
[vars$m.inputBorderRadius]: refs.borderRadius,
|
6038
|
+
[vars$m.inputOutlineColor]: refs.outlineColor,
|
6039
|
+
[vars$m.inputOutlineOffset]: refs.outlineOffset,
|
6040
|
+
[vars$m.inputOutlineWidth]: refs.outlineWidth,
|
6041
|
+
[vars$m.inputOutlineStyle]: refs.outlineStyle,
|
6042
|
+
[vars$m.labelRequiredIndicator]: refs.requiredIndicator,
|
6043
|
+
[vars$m.inputValueTextColor]: refs.valueTextColor,
|
6044
|
+
[vars$m.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
6045
|
+
[vars$m.inputBackgroundColor]: refs.backgroundColor,
|
6046
|
+
[vars$m.inputHorizontalPadding]: refs.horizontalPadding,
|
6047
|
+
[vars$m.inputHeight]: refs.inputHeight,
|
6048
|
+
[vars$m.inputDropdownButtonColor]: globalRefs$e.colors.surface.dark,
|
6049
|
+
[vars$m.inputDropdownButtonCursor]: 'pointer',
|
6050
|
+
[vars$m.inputDropdownButtonSize]: refs.toggleButtonSize,
|
6051
|
+
[vars$m.inputDropdownButtonOffset]: globalRefs$e.spacing.xs,
|
6052
|
+
[vars$m.overlayItemPaddingInlineStart]: globalRefs$e.spacing.xs,
|
6053
|
+
[vars$m.overlayItemPaddingInlineEnd]: globalRefs$e.spacing.lg,
|
6053
6054
|
|
6054
6055
|
_readonly: {
|
6055
|
-
[vars$
|
6056
|
+
[vars$m.inputDropdownButtonCursor]: 'default',
|
6056
6057
|
},
|
6057
6058
|
|
6058
6059
|
// Overlay theme exposed via the component:
|
6059
|
-
[vars$
|
6060
|
-
[vars$
|
6061
|
-
[vars$
|
6062
|
-
[vars$
|
6063
|
-
[vars$
|
6064
|
-
[vars$
|
6060
|
+
[vars$m.overlayFontSize]: refs.fontSize,
|
6061
|
+
[vars$m.overlayFontFamily]: refs.fontFamily,
|
6062
|
+
[vars$m.overlayCursor]: 'pointer',
|
6063
|
+
[vars$m.overlayItemBoxShadow]: 'none',
|
6064
|
+
[vars$m.overlayBackground]: refs.backgroundColor,
|
6065
|
+
[vars$m.overlayTextColor]: refs.valueTextColor,
|
6065
6066
|
|
6066
6067
|
// Overlay direct theme:
|
6067
|
-
[vars$
|
6068
|
-
[vars$
|
6068
|
+
[vars$m.overlay.minHeight]: '400px',
|
6069
|
+
[vars$m.overlay.margin]: '0',
|
6069
6070
|
};
|
6070
6071
|
|
6071
6072
|
var comboBox$1 = /*#__PURE__*/Object.freeze({
|
6072
6073
|
__proto__: null,
|
6073
6074
|
comboBox: comboBox,
|
6074
6075
|
default: comboBox,
|
6075
|
-
vars: vars$
|
6076
|
+
vars: vars$m
|
6076
6077
|
});
|
6077
6078
|
|
6078
6079
|
const observedAttributes$2 = ['src', 'alt'];
|
6079
6080
|
|
6080
|
-
const componentName$
|
6081
|
+
const componentName$s = getComponentName('image');
|
6081
6082
|
|
6082
|
-
const BaseClass$1 = createBaseClass({ componentName: componentName$
|
6083
|
+
const BaseClass$1 = createBaseClass({ componentName: componentName$s, baseSelector: ':host > img' });
|
6083
6084
|
class RawImage extends BaseClass$1 {
|
6084
6085
|
static get observedAttributes() {
|
6085
6086
|
return observedAttributes$2.concat(BaseClass$1.observedAttributes || []);
|
@@ -6119,14 +6120,14 @@ const ImageClass = compose(
|
|
6119
6120
|
draggableMixin
|
6120
6121
|
)(RawImage);
|
6121
6122
|
|
6122
|
-
const vars$
|
6123
|
+
const vars$l = ImageClass.cssVarList;
|
6123
6124
|
|
6124
6125
|
const image = {};
|
6125
6126
|
|
6126
6127
|
var image$1 = /*#__PURE__*/Object.freeze({
|
6127
6128
|
__proto__: null,
|
6128
6129
|
default: image,
|
6129
|
-
vars: vars$
|
6130
|
+
vars: vars$l
|
6130
6131
|
});
|
6131
6132
|
|
6132
6133
|
var CountryCodes = [
|
@@ -7345,14 +7346,14 @@ var CountryCodes = [
|
|
7345
7346
|
].sort((a, b) => (a.name < b.name ? -1 : 1)),
|
7346
7347
|
];
|
7347
7348
|
|
7348
|
-
const componentName$
|
7349
|
+
const componentName$r = getComponentName('phone-field-internal');
|
7349
7350
|
|
7350
|
-
createBaseInputClass({ componentName: componentName$
|
7351
|
+
createBaseInputClass({ componentName: componentName$r, baseSelector: 'div' });
|
7351
7352
|
|
7352
7353
|
const textVars$1 = TextFieldClass.cssVarList;
|
7353
7354
|
const comboVars = ComboBoxClass.cssVarList;
|
7354
7355
|
|
7355
|
-
const componentName$
|
7356
|
+
const componentName$q = getComponentName('phone-field');
|
7356
7357
|
|
7357
7358
|
const customMixin$5 = (superclass) =>
|
7358
7359
|
class PhoneFieldMixinClass extends superclass {
|
@@ -7366,15 +7367,15 @@ const customMixin$5 = (superclass) =>
|
|
7366
7367
|
const template = document.createElement('template');
|
7367
7368
|
|
7368
7369
|
template.innerHTML = `
|
7369
|
-
<${componentName$
|
7370
|
+
<${componentName$r}
|
7370
7371
|
tabindex="-1"
|
7371
7372
|
slot="input"
|
7372
|
-
></${componentName$
|
7373
|
+
></${componentName$r}>
|
7373
7374
|
`;
|
7374
7375
|
|
7375
7376
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
7376
7377
|
|
7377
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
7378
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$r);
|
7378
7379
|
|
7379
7380
|
forwardAttrs(this.shadowRoot.host, this.inputElement, {
|
7380
7381
|
includeAttrs: [
|
@@ -7570,33 +7571,33 @@ const PhoneFieldClass = compose(
|
|
7570
7571
|
${resetInputLabelPosition('vaadin-text-field')}
|
7571
7572
|
`,
|
7572
7573
|
excludeAttrsSync: ['tabindex'],
|
7573
|
-
componentName: componentName$
|
7574
|
+
componentName: componentName$q,
|
7574
7575
|
})
|
7575
7576
|
);
|
7576
7577
|
|
7577
|
-
const vars$
|
7578
|
+
const vars$k = PhoneFieldClass.cssVarList;
|
7578
7579
|
|
7579
7580
|
const phoneField = {
|
7580
|
-
[vars$
|
7581
|
-
[vars$
|
7582
|
-
[vars$
|
7583
|
-
[vars$
|
7584
|
-
[vars$
|
7585
|
-
[vars$
|
7586
|
-
[vars$
|
7587
|
-
[vars$
|
7588
|
-
[vars$
|
7589
|
-
[vars$
|
7590
|
-
[vars$
|
7591
|
-
[vars$
|
7592
|
-
[vars$
|
7593
|
-
[vars$
|
7594
|
-
[vars$
|
7595
|
-
[vars$
|
7596
|
-
[vars$
|
7597
|
-
[vars$
|
7598
|
-
[vars$
|
7599
|
-
[vars$
|
7581
|
+
[vars$k.hostWidth]: refs.width,
|
7582
|
+
[vars$k.hostDirection]: refs.direction,
|
7583
|
+
[vars$k.fontSize]: refs.fontSize,
|
7584
|
+
[vars$k.fontFamily]: refs.fontFamily,
|
7585
|
+
[vars$k.labelTextColor]: refs.labelTextColor,
|
7586
|
+
[vars$k.labelRequiredIndicator]: refs.requiredIndicator,
|
7587
|
+
[vars$k.errorMessageTextColor]: refs.errorMessageTextColor,
|
7588
|
+
[vars$k.inputValueTextColor]: refs.valueTextColor,
|
7589
|
+
[vars$k.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
7590
|
+
[vars$k.inputBorderStyle]: refs.borderStyle,
|
7591
|
+
[vars$k.inputBorderWidth]: refs.borderWidth,
|
7592
|
+
[vars$k.inputBorderColor]: refs.borderColor,
|
7593
|
+
[vars$k.inputBorderRadius]: refs.borderRadius,
|
7594
|
+
[vars$k.inputOutlineStyle]: refs.outlineStyle,
|
7595
|
+
[vars$k.inputOutlineWidth]: refs.outlineWidth,
|
7596
|
+
[vars$k.inputOutlineColor]: refs.outlineColor,
|
7597
|
+
[vars$k.inputOutlineOffset]: refs.outlineOffset,
|
7598
|
+
[vars$k.phoneInputWidth]: refs.minWidth,
|
7599
|
+
[vars$k.countryCodeInputWidth]: '5em',
|
7600
|
+
[vars$k.countryCodeDropdownWidth]: '20em',
|
7600
7601
|
|
7601
7602
|
// '@overlay': {
|
7602
7603
|
// overlayItemBackgroundColor: 'red'
|
@@ -7606,16 +7607,16 @@ const phoneField = {
|
|
7606
7607
|
var phoneField$1 = /*#__PURE__*/Object.freeze({
|
7607
7608
|
__proto__: null,
|
7608
7609
|
default: phoneField,
|
7609
|
-
vars: vars$
|
7610
|
+
vars: vars$k
|
7610
7611
|
});
|
7611
7612
|
|
7612
|
-
const componentName$
|
7613
|
+
const componentName$p = getComponentName('phone-field-internal-input-box');
|
7613
7614
|
|
7614
|
-
createBaseInputClass({ componentName: componentName$
|
7615
|
+
createBaseInputClass({ componentName: componentName$p, baseSelector: 'div' });
|
7615
7616
|
|
7616
7617
|
const textVars = TextFieldClass.cssVarList;
|
7617
7618
|
|
7618
|
-
const componentName$
|
7619
|
+
const componentName$o = getComponentName('phone-input-box-field');
|
7619
7620
|
|
7620
7621
|
const customMixin$4 = (superclass) =>
|
7621
7622
|
class PhoneInputBoxFieldMixinClass extends superclass {
|
@@ -7629,15 +7630,15 @@ const customMixin$4 = (superclass) =>
|
|
7629
7630
|
const template = document.createElement('template');
|
7630
7631
|
|
7631
7632
|
template.innerHTML = `
|
7632
|
-
<${componentName$
|
7633
|
+
<${componentName$p}
|
7633
7634
|
tabindex="-1"
|
7634
7635
|
slot="input"
|
7635
|
-
></${componentName$
|
7636
|
+
></${componentName$p}>
|
7636
7637
|
`;
|
7637
7638
|
|
7638
7639
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
7639
7640
|
|
7640
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
7641
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$p);
|
7641
7642
|
|
7642
7643
|
forwardAttrs(this.shadowRoot.host, this.inputElement, {
|
7643
7644
|
includeAttrs: [
|
@@ -7770,56 +7771,56 @@ const PhoneFieldInputBoxClass = compose(
|
|
7770
7771
|
${resetInputLabelPosition('vaadin-text-field')}
|
7771
7772
|
`,
|
7772
7773
|
excludeAttrsSync: ['tabindex'],
|
7773
|
-
componentName: componentName$
|
7774
|
+
componentName: componentName$o,
|
7774
7775
|
})
|
7775
7776
|
);
|
7776
7777
|
|
7777
|
-
const vars$
|
7778
|
+
const vars$j = PhoneFieldInputBoxClass.cssVarList;
|
7778
7779
|
|
7779
7780
|
const phoneInputBoxField = {
|
7780
|
-
[vars$
|
7781
|
-
[vars$
|
7782
|
-
[vars$
|
7783
|
-
[vars$
|
7784
|
-
[vars$
|
7785
|
-
[vars$
|
7786
|
-
[vars$
|
7787
|
-
[vars$
|
7788
|
-
[vars$
|
7789
|
-
[vars$
|
7790
|
-
[vars$
|
7791
|
-
[vars$
|
7792
|
-
[vars$
|
7793
|
-
[vars$
|
7794
|
-
[vars$
|
7795
|
-
[vars$
|
7796
|
-
[vars$
|
7797
|
-
[vars$
|
7781
|
+
[vars$j.hostWidth]: '16em',
|
7782
|
+
[vars$j.hostMinWidth]: refs.minWidth,
|
7783
|
+
[vars$j.hostDirection]: refs.direction,
|
7784
|
+
[vars$j.fontSize]: refs.fontSize,
|
7785
|
+
[vars$j.fontFamily]: refs.fontFamily,
|
7786
|
+
[vars$j.labelTextColor]: refs.labelTextColor,
|
7787
|
+
[vars$j.labelRequiredIndicator]: refs.requiredIndicator,
|
7788
|
+
[vars$j.errorMessageTextColor]: refs.errorMessageTextColor,
|
7789
|
+
[vars$j.inputValueTextColor]: refs.valueTextColor,
|
7790
|
+
[vars$j.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
7791
|
+
[vars$j.inputBorderStyle]: refs.borderStyle,
|
7792
|
+
[vars$j.inputBorderWidth]: refs.borderWidth,
|
7793
|
+
[vars$j.inputBorderColor]: refs.borderColor,
|
7794
|
+
[vars$j.inputBorderRadius]: refs.borderRadius,
|
7795
|
+
[vars$j.inputOutlineStyle]: refs.outlineStyle,
|
7796
|
+
[vars$j.inputOutlineWidth]: refs.outlineWidth,
|
7797
|
+
[vars$j.inputOutlineColor]: refs.outlineColor,
|
7798
|
+
[vars$j.inputOutlineOffset]: refs.outlineOffset,
|
7798
7799
|
_fullWidth: {
|
7799
|
-
[vars$
|
7800
|
+
[vars$j.hostWidth]: refs.width,
|
7800
7801
|
},
|
7801
7802
|
};
|
7802
7803
|
|
7803
7804
|
var phoneInputBoxField$1 = /*#__PURE__*/Object.freeze({
|
7804
7805
|
__proto__: null,
|
7805
7806
|
default: phoneInputBoxField,
|
7806
|
-
vars: vars$
|
7807
|
+
vars: vars$j
|
7807
7808
|
});
|
7808
7809
|
|
7809
|
-
const componentName$
|
7810
|
+
const componentName$n = getComponentName('new-password-internal');
|
7810
7811
|
|
7811
7812
|
const interpolateString = (template, values) =>
|
7812
7813
|
template.replace(/{{(\w+)+}}/g, (match, key) => values?.[key] || match);
|
7813
7814
|
|
7814
7815
|
// eslint-disable-next-line max-classes-per-file
|
7815
7816
|
|
7816
|
-
const componentName$
|
7817
|
+
const componentName$m = getComponentName('policy-validation');
|
7817
7818
|
|
7818
7819
|
const overrideAttrs = ['data-password-policy-value-minlength'];
|
7819
7820
|
const dataAttrs = ['data', 'active-policies', 'overrides', ...overrideAttrs];
|
7820
7821
|
const policyAttrs = ['label', 'value', ...dataAttrs];
|
7821
7822
|
|
7822
|
-
class RawPolicyValidation extends createBaseClass({ componentName: componentName$
|
7823
|
+
class RawPolicyValidation extends createBaseClass({ componentName: componentName$m, baseSelector: ':host > div' }) {
|
7823
7824
|
#availablePolicies;
|
7824
7825
|
|
7825
7826
|
#activePolicies = [];
|
@@ -8027,7 +8028,7 @@ const PolicyValidationClass = compose(
|
|
8027
8028
|
componentNameValidationMixin
|
8028
8029
|
)(RawPolicyValidation);
|
8029
8030
|
|
8030
|
-
const componentName$
|
8031
|
+
const componentName$l = getComponentName('new-password');
|
8031
8032
|
|
8032
8033
|
const policyPreviewVars = PolicyValidationClass.cssVarList;
|
8033
8034
|
|
@@ -8039,16 +8040,16 @@ const customMixin$3 = (superclass) =>
|
|
8039
8040
|
const template = document.createElement('template');
|
8040
8041
|
|
8041
8042
|
template.innerHTML = `
|
8042
|
-
<${componentName$
|
8043
|
+
<${componentName$n}
|
8043
8044
|
name="new-password"
|
8044
8045
|
tabindex="-1"
|
8045
8046
|
slot="input"
|
8046
|
-
></${componentName$
|
8047
|
+
></${componentName$n}>
|
8047
8048
|
`;
|
8048
8049
|
|
8049
8050
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
8050
8051
|
|
8051
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
8052
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$n);
|
8052
8053
|
|
8053
8054
|
forwardAttrs(this, this.inputElement, {
|
8054
8055
|
includeAttrs: [
|
@@ -8180,36 +8181,36 @@ const NewPasswordClass = compose(
|
|
8180
8181
|
}
|
8181
8182
|
`,
|
8182
8183
|
excludeAttrsSync: ['tabindex'],
|
8183
|
-
componentName: componentName$
|
8184
|
+
componentName: componentName$l,
|
8184
8185
|
})
|
8185
8186
|
);
|
8186
8187
|
|
8187
|
-
const globalRefs$
|
8188
|
-
const vars$
|
8188
|
+
const globalRefs$d = getThemeRefs(globals);
|
8189
|
+
const vars$i = NewPasswordClass.cssVarList;
|
8189
8190
|
|
8190
8191
|
const newPassword = {
|
8191
|
-
[vars$
|
8192
|
-
[vars$
|
8193
|
-
[vars$
|
8194
|
-
[vars$
|
8195
|
-
[vars$
|
8196
|
-
[vars$
|
8197
|
-
[vars$
|
8198
|
-
[vars$
|
8199
|
-
[vars$
|
8192
|
+
[vars$i.hostWidth]: refs.width,
|
8193
|
+
[vars$i.hostMinWidth]: refs.minWidth,
|
8194
|
+
[vars$i.hostDirection]: refs.direction,
|
8195
|
+
[vars$i.fontSize]: refs.fontSize,
|
8196
|
+
[vars$i.fontFamily]: refs.fontFamily,
|
8197
|
+
[vars$i.spaceBetweenInputs]: '1em',
|
8198
|
+
[vars$i.errorMessageTextColor]: refs.errorMessageTextColor,
|
8199
|
+
[vars$i.policyPreviewBackgroundColor]: 'none',
|
8200
|
+
[vars$i.policyPreviewPadding]: globalRefs$d.spacing.lg,
|
8200
8201
|
|
8201
8202
|
_required: {
|
8202
8203
|
// NewPassword doesn't pass `required` attribute to its Password components.
|
8203
8204
|
// That's why we fake the required indicator on each input.
|
8204
8205
|
// We do that by injecting `::after` element, and populating it with requiredIndicator content.
|
8205
|
-
[vars$
|
8206
|
+
[vars$i.inputsRequiredIndicator]: refs.requiredIndicator, // used to populate required content for NewPassword input fields outside the theme
|
8206
8207
|
},
|
8207
8208
|
};
|
8208
8209
|
|
8209
8210
|
var newPassword$1 = /*#__PURE__*/Object.freeze({
|
8210
8211
|
__proto__: null,
|
8211
8212
|
default: newPassword,
|
8212
|
-
vars: vars$
|
8213
|
+
vars: vars$i
|
8213
8214
|
});
|
8214
8215
|
|
8215
8216
|
const getFileBase64 = (fileObj) => {
|
@@ -8224,7 +8225,7 @@ const getFilename = (fileObj) => {
|
|
8224
8225
|
return fileObj.name.replace(/^.*\\/, '');
|
8225
8226
|
};
|
8226
8227
|
|
8227
|
-
const componentName$
|
8228
|
+
const componentName$k = getComponentName('upload-file');
|
8228
8229
|
|
8229
8230
|
const observedAttributes$1 = [
|
8230
8231
|
'title',
|
@@ -8239,7 +8240,7 @@ const observedAttributes$1 = [
|
|
8239
8240
|
'icon',
|
8240
8241
|
];
|
8241
8242
|
|
8242
|
-
const BaseInputClass = createBaseInputClass({ componentName: componentName$
|
8243
|
+
const BaseInputClass = createBaseInputClass({ componentName: componentName$k, baseSelector: ':host > div' });
|
8243
8244
|
|
8244
8245
|
class RawUploadFile extends BaseInputClass {
|
8245
8246
|
static get observedAttributes() {
|
@@ -8411,7 +8412,7 @@ class RawUploadFile extends BaseInputClass {
|
|
8411
8412
|
}
|
8412
8413
|
|
8413
8414
|
const buttonVars = ButtonClass.cssVarList;
|
8414
|
-
const { host: host$8, wrapper, icon: icon$2, title, description, requiredIndicator: requiredIndicator$2 } = {
|
8415
|
+
const { host: host$8, wrapper, icon: icon$2, title: title$1, description, requiredIndicator: requiredIndicator$2 } = {
|
8415
8416
|
host: { selector: () => ':host' },
|
8416
8417
|
wrapper: { selector: () => ':host > div' },
|
8417
8418
|
icon: { selector: () => '::slotted(*)' },
|
@@ -8439,11 +8440,11 @@ const UploadFileClass = compose(
|
|
8439
8440
|
],
|
8440
8441
|
gap: { ...wrapper },
|
8441
8442
|
lineHeight: { ...wrapper, property: 'line-height' },
|
8442
|
-
titleFontSize: { ...title, property: 'font-size' },
|
8443
|
-
titleFontWeight: { ...title, property: 'font-weight' },
|
8443
|
+
titleFontSize: { ...title$1, property: 'font-size' },
|
8444
|
+
titleFontWeight: { ...title$1, property: 'font-weight' },
|
8444
8445
|
descriptionFontSize: { ...description, property: 'font-size' },
|
8445
8446
|
labelTextColor: [
|
8446
|
-
{ ...title, property: 'color' },
|
8447
|
+
{ ...title$1, property: 'color' },
|
8447
8448
|
{ ...description, property: 'color' },
|
8448
8449
|
],
|
8449
8450
|
iconSize: { ...icon$2, property: 'width' },
|
@@ -8454,77 +8455,77 @@ const UploadFileClass = compose(
|
|
8454
8455
|
componentNameValidationMixin
|
8455
8456
|
)(RawUploadFile);
|
8456
8457
|
|
8457
|
-
const vars$
|
8458
|
+
const vars$h = UploadFileClass.cssVarList;
|
8458
8459
|
|
8459
8460
|
const uploadFile = {
|
8460
|
-
[vars$
|
8461
|
-
[vars$
|
8462
|
-
[vars$
|
8461
|
+
[vars$h.hostDirection]: refs.direction,
|
8462
|
+
[vars$h.labelTextColor]: refs.labelTextColor,
|
8463
|
+
[vars$h.fontFamily]: refs.fontFamily,
|
8463
8464
|
|
8464
|
-
[vars$
|
8465
|
+
[vars$h.iconSize]: '2em',
|
8465
8466
|
|
8466
|
-
[vars$
|
8467
|
-
[vars$
|
8467
|
+
[vars$h.hostPadding]: '0.75em',
|
8468
|
+
[vars$h.gap]: '0.5em',
|
8468
8469
|
|
8469
|
-
[vars$
|
8470
|
-
[vars$
|
8471
|
-
[vars$
|
8470
|
+
[vars$h.fontSize]: '16px',
|
8471
|
+
[vars$h.titleFontWeight]: '500',
|
8472
|
+
[vars$h.lineHeight]: '1em',
|
8472
8473
|
|
8473
|
-
[vars$
|
8474
|
-
[vars$
|
8475
|
-
[vars$
|
8476
|
-
[vars$
|
8474
|
+
[vars$h.borderWidth]: refs.borderWidth,
|
8475
|
+
[vars$h.borderColor]: refs.borderColor,
|
8476
|
+
[vars$h.borderRadius]: refs.borderRadius,
|
8477
|
+
[vars$h.borderStyle]: 'dashed',
|
8477
8478
|
|
8478
8479
|
_required: {
|
8479
|
-
[vars$
|
8480
|
+
[vars$h.requiredIndicator]: refs.requiredIndicator,
|
8480
8481
|
},
|
8481
8482
|
|
8482
8483
|
size: {
|
8483
8484
|
xs: {
|
8484
|
-
[vars$
|
8485
|
-
[vars$
|
8486
|
-
[vars$
|
8487
|
-
[vars$
|
8488
|
-
[vars$
|
8485
|
+
[vars$h.hostHeight]: '196px',
|
8486
|
+
[vars$h.hostWidth]: '200px',
|
8487
|
+
[vars$h.titleFontSize]: '0.875em',
|
8488
|
+
[vars$h.descriptionFontSize]: '0.875em',
|
8489
|
+
[vars$h.lineHeight]: '1.25em',
|
8489
8490
|
},
|
8490
8491
|
sm: {
|
8491
|
-
[vars$
|
8492
|
-
[vars$
|
8493
|
-
[vars$
|
8494
|
-
[vars$
|
8495
|
-
[vars$
|
8492
|
+
[vars$h.hostHeight]: '216px',
|
8493
|
+
[vars$h.hostWidth]: '230px',
|
8494
|
+
[vars$h.titleFontSize]: '1em',
|
8495
|
+
[vars$h.descriptionFontSize]: '0.875em',
|
8496
|
+
[vars$h.lineHeight]: '1.25em',
|
8496
8497
|
},
|
8497
8498
|
md: {
|
8498
|
-
[vars$
|
8499
|
-
[vars$
|
8500
|
-
[vars$
|
8501
|
-
[vars$
|
8502
|
-
[vars$
|
8499
|
+
[vars$h.hostHeight]: '256px',
|
8500
|
+
[vars$h.hostWidth]: '312px',
|
8501
|
+
[vars$h.titleFontSize]: '1.125em',
|
8502
|
+
[vars$h.descriptionFontSize]: '1em',
|
8503
|
+
[vars$h.lineHeight]: '1.5em',
|
8503
8504
|
},
|
8504
8505
|
lg: {
|
8505
|
-
[vars$
|
8506
|
-
[vars$
|
8507
|
-
[vars$
|
8508
|
-
[vars$
|
8509
|
-
[vars$
|
8506
|
+
[vars$h.hostHeight]: '280px',
|
8507
|
+
[vars$h.hostWidth]: '336px',
|
8508
|
+
[vars$h.titleFontSize]: '1.125em',
|
8509
|
+
[vars$h.descriptionFontSize]: '1.125em',
|
8510
|
+
[vars$h.lineHeight]: '1.75em',
|
8510
8511
|
},
|
8511
8512
|
},
|
8512
8513
|
|
8513
8514
|
_fullWidth: {
|
8514
|
-
[vars$
|
8515
|
+
[vars$h.hostWidth]: refs.width,
|
8515
8516
|
},
|
8516
8517
|
};
|
8517
8518
|
|
8518
8519
|
var uploadFile$1 = /*#__PURE__*/Object.freeze({
|
8519
8520
|
__proto__: null,
|
8520
8521
|
default: uploadFile,
|
8521
|
-
vars: vars$
|
8522
|
+
vars: vars$h
|
8522
8523
|
});
|
8523
8524
|
|
8524
|
-
const componentName$
|
8525
|
+
const componentName$j = getComponentName('button-selection-group-item');
|
8525
8526
|
|
8526
8527
|
class RawSelectItem extends createBaseClass({
|
8527
|
-
componentName: componentName$
|
8528
|
+
componentName: componentName$j,
|
8528
8529
|
baseSelector: ':host > descope-button',
|
8529
8530
|
}) {
|
8530
8531
|
get size() {
|
@@ -8631,39 +8632,39 @@ const ButtonSelectionGroupItemClass = compose(
|
|
8631
8632
|
componentNameValidationMixin
|
8632
8633
|
)(RawSelectItem);
|
8633
8634
|
|
8634
|
-
const globalRefs$
|
8635
|
+
const globalRefs$c = getThemeRefs(globals);
|
8635
8636
|
|
8636
|
-
const vars$
|
8637
|
+
const vars$g = ButtonSelectionGroupItemClass.cssVarList;
|
8637
8638
|
|
8638
8639
|
const buttonSelectionGroupItem = {
|
8639
|
-
[vars$
|
8640
|
-
[vars$
|
8641
|
-
[vars$
|
8642
|
-
[vars$
|
8643
|
-
[vars$
|
8644
|
-
[vars$
|
8645
|
-
[vars$
|
8646
|
-
[vars$
|
8640
|
+
[vars$g.hostDirection]: 'inherit',
|
8641
|
+
[vars$g.backgroundColor]: globalRefs$c.colors.surface.main,
|
8642
|
+
[vars$g.labelTextColor]: globalRefs$c.colors.surface.contrast,
|
8643
|
+
[vars$g.borderColor]: globalRefs$c.colors.surface.light,
|
8644
|
+
[vars$g.borderStyle]: 'solid',
|
8645
|
+
[vars$g.borderRadius]: globalRefs$c.radius.sm,
|
8646
|
+
[vars$g.outlineColor]: 'transparent',
|
8647
|
+
[vars$g.borderWidth]: globalRefs$c.border.xs,
|
8647
8648
|
|
8648
8649
|
_hover: {
|
8649
|
-
[vars$
|
8650
|
+
[vars$g.backgroundColor]: globalRefs$c.colors.surface.highlight,
|
8650
8651
|
},
|
8651
8652
|
|
8652
8653
|
_focused: {
|
8653
|
-
[vars$
|
8654
|
+
[vars$g.outlineColor]: globalRefs$c.colors.surface.light,
|
8654
8655
|
},
|
8655
8656
|
|
8656
8657
|
_selected: {
|
8657
|
-
[vars$
|
8658
|
-
[vars$
|
8659
|
-
[vars$
|
8658
|
+
[vars$g.borderColor]: globalRefs$c.colors.surface.contrast,
|
8659
|
+
[vars$g.backgroundColor]: globalRefs$c.colors.surface.contrast,
|
8660
|
+
[vars$g.labelTextColor]: globalRefs$c.colors.surface.main,
|
8660
8661
|
},
|
8661
8662
|
};
|
8662
8663
|
|
8663
8664
|
var buttonSelectionGroupItem$1 = /*#__PURE__*/Object.freeze({
|
8664
8665
|
__proto__: null,
|
8665
8666
|
default: buttonSelectionGroupItem,
|
8666
|
-
vars: vars$
|
8667
|
+
vars: vars$g
|
8667
8668
|
});
|
8668
8669
|
|
8669
8670
|
const createBaseButtonSelectionGroupInternalClass = (componentName) => {
|
@@ -8762,10 +8763,10 @@ const createBaseButtonSelectionGroupInternalClass = (componentName) => {
|
|
8762
8763
|
return BaseButtonSelectionGroupInternalClass;
|
8763
8764
|
};
|
8764
8765
|
|
8765
|
-
const componentName$
|
8766
|
+
const componentName$i = getComponentName('button-selection-group-internal');
|
8766
8767
|
|
8767
8768
|
class ButtonSelectionGroupInternalClass extends createBaseButtonSelectionGroupInternalClass(
|
8768
|
-
componentName$
|
8769
|
+
componentName$i
|
8769
8770
|
) {
|
8770
8771
|
getSelectedNode() {
|
8771
8772
|
return this.items.find((item) => item.hasAttribute('selected'));
|
@@ -8997,7 +8998,7 @@ const buttonSelectionGroupStyles = `
|
|
8997
8998
|
${resetInputCursor('vaadin-text-field')}
|
8998
8999
|
`;
|
8999
9000
|
|
9000
|
-
const componentName$
|
9001
|
+
const componentName$h = getComponentName('button-selection-group');
|
9001
9002
|
|
9002
9003
|
const buttonSelectionGroupMixin = (superclass) =>
|
9003
9004
|
class ButtonMultiSelectionGroupMixinClass extends superclass {
|
@@ -9006,19 +9007,19 @@ const buttonSelectionGroupMixin = (superclass) =>
|
|
9006
9007
|
const template = document.createElement('template');
|
9007
9008
|
|
9008
9009
|
template.innerHTML = `
|
9009
|
-
<${componentName$
|
9010
|
+
<${componentName$i}
|
9010
9011
|
name="button-selection-group"
|
9011
9012
|
slot="input"
|
9012
9013
|
tabindex="-1"
|
9013
9014
|
part="internal-component"
|
9014
9015
|
>
|
9015
9016
|
<slot></slot>
|
9016
|
-
</${componentName$
|
9017
|
+
</${componentName$i}>
|
9017
9018
|
`;
|
9018
9019
|
|
9019
9020
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
9020
9021
|
|
9021
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
9022
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$i);
|
9022
9023
|
|
9023
9024
|
forwardAttrs(this, this.inputElement, {
|
9024
9025
|
includeAttrs: ['size', 'default-value', 'allow-deselect'],
|
@@ -9043,11 +9044,11 @@ const ButtonSelectionGroupClass = compose(
|
|
9043
9044
|
wrappedEleName: 'vaadin-text-field',
|
9044
9045
|
style: () => buttonSelectionGroupStyles,
|
9045
9046
|
excludeAttrsSync: ['tabindex'],
|
9046
|
-
componentName: componentName$
|
9047
|
+
componentName: componentName$h,
|
9047
9048
|
})
|
9048
9049
|
);
|
9049
9050
|
|
9050
|
-
const globalRefs$
|
9051
|
+
const globalRefs$b = getThemeRefs(globals);
|
9051
9052
|
|
9052
9053
|
const createBaseButtonSelectionGroupMappings = (vars) => ({
|
9053
9054
|
[vars.hostDirection]: refs.direction,
|
@@ -9055,26 +9056,26 @@ const createBaseButtonSelectionGroupMappings = (vars) => ({
|
|
9055
9056
|
[vars.labelTextColor]: refs.labelTextColor,
|
9056
9057
|
[vars.labelRequiredIndicator]: refs.requiredIndicator,
|
9057
9058
|
[vars.errorMessageTextColor]: refs.errorMessageTextColor,
|
9058
|
-
[vars.itemsSpacing]: globalRefs$
|
9059
|
+
[vars.itemsSpacing]: globalRefs$b.spacing.sm,
|
9059
9060
|
[vars.hostWidth]: refs.width,
|
9060
9061
|
});
|
9061
9062
|
|
9062
|
-
const vars$
|
9063
|
+
const vars$f = ButtonSelectionGroupClass.cssVarList;
|
9063
9064
|
|
9064
9065
|
const buttonSelectionGroup = {
|
9065
|
-
...createBaseButtonSelectionGroupMappings(vars$
|
9066
|
+
...createBaseButtonSelectionGroupMappings(vars$f),
|
9066
9067
|
};
|
9067
9068
|
|
9068
9069
|
var buttonSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
9069
9070
|
__proto__: null,
|
9070
9071
|
default: buttonSelectionGroup,
|
9071
|
-
vars: vars$
|
9072
|
+
vars: vars$f
|
9072
9073
|
});
|
9073
9074
|
|
9074
|
-
const componentName$
|
9075
|
+
const componentName$g = getComponentName('button-multi-selection-group-internal');
|
9075
9076
|
|
9076
9077
|
class ButtonMultiSelectionGroupInternalClass extends createBaseButtonSelectionGroupInternalClass(
|
9077
|
-
componentName$
|
9078
|
+
componentName$g
|
9078
9079
|
) {
|
9079
9080
|
#getSelectedNodes() {
|
9080
9081
|
return this.items.filter((item) => item.hasAttribute('selected'));
|
@@ -9177,7 +9178,7 @@ class ButtonMultiSelectionGroupInternalClass extends createBaseButtonSelectionGr
|
|
9177
9178
|
}
|
9178
9179
|
}
|
9179
9180
|
|
9180
|
-
const componentName$
|
9181
|
+
const componentName$f = getComponentName('button-multi-selection-group');
|
9181
9182
|
|
9182
9183
|
const buttonMultiSelectionGroupMixin = (superclass) =>
|
9183
9184
|
class ButtonMultiSelectionGroupMixinClass extends superclass {
|
@@ -9186,19 +9187,19 @@ const buttonMultiSelectionGroupMixin = (superclass) =>
|
|
9186
9187
|
const template = document.createElement('template');
|
9187
9188
|
|
9188
9189
|
template.innerHTML = `
|
9189
|
-
<${componentName$
|
9190
|
+
<${componentName$g}
|
9190
9191
|
name="button-selection-group"
|
9191
9192
|
slot="input"
|
9192
9193
|
tabindex="-1"
|
9193
9194
|
part="internal-component"
|
9194
9195
|
>
|
9195
9196
|
<slot></slot>
|
9196
|
-
</${componentName$
|
9197
|
+
</${componentName$g}>
|
9197
9198
|
`;
|
9198
9199
|
|
9199
9200
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
9200
9201
|
|
9201
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
9202
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$g);
|
9202
9203
|
|
9203
9204
|
forwardAttrs(this, this.inputElement, {
|
9204
9205
|
includeAttrs: ['size', 'default-values', 'min-items-selection', 'max-items-selection'],
|
@@ -9223,23 +9224,23 @@ const ButtonMultiSelectionGroupClass = compose(
|
|
9223
9224
|
wrappedEleName: 'vaadin-text-field',
|
9224
9225
|
style: () => buttonSelectionGroupStyles,
|
9225
9226
|
excludeAttrsSync: ['tabindex'],
|
9226
|
-
componentName: componentName$
|
9227
|
+
componentName: componentName$f,
|
9227
9228
|
})
|
9228
9229
|
);
|
9229
9230
|
|
9230
|
-
const vars$
|
9231
|
+
const vars$e = ButtonMultiSelectionGroupClass.cssVarList;
|
9231
9232
|
|
9232
9233
|
const buttonMultiSelectionGroup = {
|
9233
|
-
...createBaseButtonSelectionGroupMappings(vars$
|
9234
|
+
...createBaseButtonSelectionGroupMappings(vars$e),
|
9234
9235
|
};
|
9235
9236
|
|
9236
9237
|
var buttonMultiSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
9237
9238
|
__proto__: null,
|
9238
9239
|
default: buttonMultiSelectionGroup,
|
9239
|
-
vars: vars$
|
9240
|
+
vars: vars$e
|
9240
9241
|
});
|
9241
9242
|
|
9242
|
-
const componentName$
|
9243
|
+
const componentName$e = getComponentName('modal');
|
9243
9244
|
|
9244
9245
|
const customMixin$2 = (superclass) =>
|
9245
9246
|
class ModalMixinClass extends superclass {
|
@@ -9338,28 +9339,28 @@ const ModalClass = compose(
|
|
9338
9339
|
wrappedEleName: 'vaadin-dialog',
|
9339
9340
|
style: () => ``,
|
9340
9341
|
excludeAttrsSync: ['tabindex', 'opened'],
|
9341
|
-
componentName: componentName$
|
9342
|
+
componentName: componentName$e,
|
9342
9343
|
})
|
9343
9344
|
);
|
9344
9345
|
|
9345
|
-
const globalRefs$
|
9346
|
+
const globalRefs$a = getThemeRefs(globals);
|
9346
9347
|
|
9347
9348
|
const compVars$1 = ModalClass.cssVarList;
|
9348
9349
|
|
9349
9350
|
const modal = {
|
9350
|
-
[compVars$1.overlayBackgroundColor]: globalRefs$
|
9351
|
-
[compVars$1.overlayShadow]: globalRefs$
|
9351
|
+
[compVars$1.overlayBackgroundColor]: globalRefs$a.colors.surface.main,
|
9352
|
+
[compVars$1.overlayShadow]: globalRefs$a.shadow.wide['2xl'],
|
9352
9353
|
[compVars$1.overlayWidth]: '540px',
|
9353
9354
|
};
|
9354
9355
|
|
9355
|
-
const vars$
|
9356
|
+
const vars$d = {
|
9356
9357
|
...compVars$1,
|
9357
9358
|
};
|
9358
9359
|
|
9359
9360
|
var modal$1 = /*#__PURE__*/Object.freeze({
|
9360
9361
|
__proto__: null,
|
9361
9362
|
default: modal,
|
9362
|
-
vars: vars$
|
9363
|
+
vars: vars$d
|
9363
9364
|
});
|
9364
9365
|
|
9365
9366
|
const isValidDataType = (data) => {
|
@@ -9372,7 +9373,7 @@ const isValidDataType = (data) => {
|
|
9372
9373
|
return isValid;
|
9373
9374
|
};
|
9374
9375
|
|
9375
|
-
const componentName$
|
9376
|
+
const componentName$d = getComponentName('grid');
|
9376
9377
|
|
9377
9378
|
const GridMixin = (superclass) =>
|
9378
9379
|
class GridMixinClass extends superclass {
|
@@ -9608,40 +9609,40 @@ const GridClass = compose(
|
|
9608
9609
|
}
|
9609
9610
|
`,
|
9610
9611
|
excludeAttrsSync: ['columns', 'tabindex'],
|
9611
|
-
componentName: componentName$
|
9612
|
+
componentName: componentName$d,
|
9612
9613
|
})
|
9613
9614
|
);
|
9614
9615
|
|
9615
|
-
const globalRefs$
|
9616
|
-
const vars$
|
9616
|
+
const globalRefs$9 = getThemeRefs(globals);
|
9617
|
+
const vars$c = GridClass.cssVarList;
|
9617
9618
|
|
9618
9619
|
const grid = {
|
9619
|
-
[vars$
|
9620
|
-
[vars$
|
9621
|
-
[vars$
|
9622
|
-
[vars$
|
9623
|
-
[vars$
|
9620
|
+
[vars$c.hostWidth]: '100%',
|
9621
|
+
[vars$c.hostHeight]: '100%',
|
9622
|
+
[vars$c.hostMinHeight]: '400px',
|
9623
|
+
[vars$c.fontWeight]: '400',
|
9624
|
+
[vars$c.backgroundColor]: globalRefs$9.colors.surface.main,
|
9624
9625
|
|
9625
|
-
[vars$
|
9626
|
-
[vars$
|
9626
|
+
[vars$c.fontSize]: refs.fontSize,
|
9627
|
+
[vars$c.fontFamily]: refs.fontFamily,
|
9627
9628
|
|
9628
|
-
[vars$
|
9629
|
-
[vars$
|
9630
|
-
[vars$
|
9629
|
+
[vars$c.sortIndicatorsColor]: globalRefs$9.colors.surface.light,
|
9630
|
+
[vars$c.activeSortIndicator]: globalRefs$9.colors.surface.dark,
|
9631
|
+
[vars$c.resizeHandleColor]: globalRefs$9.colors.surface.light,
|
9631
9632
|
|
9632
|
-
[vars$
|
9633
|
-
[vars$
|
9634
|
-
[vars$
|
9635
|
-
[vars$
|
9633
|
+
[vars$c.borderWidth]: refs.borderWidth,
|
9634
|
+
[vars$c.borderStyle]: refs.borderStyle,
|
9635
|
+
[vars$c.borderRadius]: refs.borderRadius,
|
9636
|
+
[vars$c.borderColor]: 'transparent',
|
9636
9637
|
|
9637
|
-
[vars$
|
9638
|
-
[vars$
|
9638
|
+
[vars$c.headerRowTextColor]: globalRefs$9.colors.surface.dark,
|
9639
|
+
[vars$c.separatorColor]: globalRefs$9.colors.surface.light,
|
9639
9640
|
|
9640
|
-
[vars$
|
9641
|
-
[vars$
|
9641
|
+
[vars$c.valueTextColor]: globalRefs$9.colors.surface.contrast,
|
9642
|
+
[vars$c.selectedBackgroundColor]: globalRefs$9.colors.surface.highlight,
|
9642
9643
|
|
9643
9644
|
_bordered: {
|
9644
|
-
[vars$
|
9645
|
+
[vars$c.borderColor]: refs.borderColor,
|
9645
9646
|
},
|
9646
9647
|
};
|
9647
9648
|
|
@@ -9649,10 +9650,10 @@ var grid$1 = /*#__PURE__*/Object.freeze({
|
|
9649
9650
|
__proto__: null,
|
9650
9651
|
default: grid,
|
9651
9652
|
grid: grid,
|
9652
|
-
vars: vars$
|
9653
|
+
vars: vars$c
|
9653
9654
|
});
|
9654
9655
|
|
9655
|
-
const componentName$
|
9656
|
+
const componentName$c = getComponentName('notification-card');
|
9656
9657
|
|
9657
9658
|
const notificationCardMixin = (superclass) =>
|
9658
9659
|
class NotificationCardMixinClass extends superclass {
|
@@ -9760,54 +9761,54 @@ const NotificationCardClass = compose(
|
|
9760
9761
|
}
|
9761
9762
|
`,
|
9762
9763
|
excludeAttrsSync: ['tabindex'],
|
9763
|
-
componentName: componentName$
|
9764
|
+
componentName: componentName$c,
|
9764
9765
|
})
|
9765
9766
|
);
|
9766
9767
|
|
9767
|
-
const globalRefs$
|
9768
|
-
const vars$
|
9768
|
+
const globalRefs$8 = getThemeRefs(globals);
|
9769
|
+
const vars$b = NotificationCardClass.cssVarList;
|
9769
9770
|
|
9770
9771
|
const shadowColor = '#00000020';
|
9771
9772
|
|
9772
9773
|
const notification = {
|
9773
|
-
[vars$
|
9774
|
-
[vars$
|
9775
|
-
[vars$
|
9776
|
-
[vars$
|
9777
|
-
[vars$
|
9778
|
-
[vars$
|
9779
|
-
[vars$
|
9780
|
-
[vars$
|
9781
|
-
[vars$
|
9774
|
+
[vars$b.hostMinWidth]: '415px',
|
9775
|
+
[vars$b.fontFamily]: globalRefs$8.fonts.font1.family,
|
9776
|
+
[vars$b.fontSize]: globalRefs$8.typography.body1.size,
|
9777
|
+
[vars$b.backgroundColor]: globalRefs$8.colors.surface.main,
|
9778
|
+
[vars$b.textColor]: globalRefs$8.colors.surface.contrast,
|
9779
|
+
[vars$b.boxShadow]: `${globalRefs$8.shadow.wide.xl} ${shadowColor}, ${globalRefs$8.shadow.narrow.xl} ${shadowColor}`,
|
9780
|
+
[vars$b.verticalPadding]: '0.625em',
|
9781
|
+
[vars$b.horizontalPadding]: '1.5em',
|
9782
|
+
[vars$b.borderRadius]: globalRefs$8.radius.xs,
|
9782
9783
|
|
9783
9784
|
_bordered: {
|
9784
|
-
[vars$
|
9785
|
-
[vars$
|
9786
|
-
[vars$
|
9785
|
+
[vars$b.borderWidth]: globalRefs$8.border.sm,
|
9786
|
+
[vars$b.borderStyle]: 'solid',
|
9787
|
+
[vars$b.borderColor]: 'transparent',
|
9787
9788
|
},
|
9788
9789
|
|
9789
9790
|
size: {
|
9790
|
-
xs: { [vars$
|
9791
|
-
sm: { [vars$
|
9792
|
-
md: { [vars$
|
9793
|
-
lg: { [vars$
|
9791
|
+
xs: { [vars$b.fontSize]: '12px' },
|
9792
|
+
sm: { [vars$b.fontSize]: '14px' },
|
9793
|
+
md: { [vars$b.fontSize]: '16px' },
|
9794
|
+
lg: { [vars$b.fontSize]: '18px' },
|
9794
9795
|
},
|
9795
9796
|
|
9796
9797
|
mode: {
|
9797
9798
|
primary: {
|
9798
|
-
[vars$
|
9799
|
-
[vars$
|
9800
|
-
[vars$
|
9799
|
+
[vars$b.backgroundColor]: globalRefs$8.colors.primary.main,
|
9800
|
+
[vars$b.textColor]: globalRefs$8.colors.primary.contrast,
|
9801
|
+
[vars$b.borderColor]: globalRefs$8.colors.primary.light,
|
9801
9802
|
},
|
9802
9803
|
success: {
|
9803
|
-
[vars$
|
9804
|
-
[vars$
|
9805
|
-
[vars$
|
9804
|
+
[vars$b.backgroundColor]: globalRefs$8.colors.success.main,
|
9805
|
+
[vars$b.textColor]: globalRefs$8.colors.success.contrast,
|
9806
|
+
[vars$b.borderColor]: globalRefs$8.colors.success.light,
|
9806
9807
|
},
|
9807
9808
|
error: {
|
9808
|
-
[vars$
|
9809
|
-
[vars$
|
9810
|
-
[vars$
|
9809
|
+
[vars$b.backgroundColor]: globalRefs$8.colors.error.main,
|
9810
|
+
[vars$b.textColor]: globalRefs$8.colors.error.contrast,
|
9811
|
+
[vars$b.borderColor]: globalRefs$8.colors.error.light,
|
9811
9812
|
},
|
9812
9813
|
},
|
9813
9814
|
};
|
@@ -9815,10 +9816,10 @@ const notification = {
|
|
9815
9816
|
var notificationCard = /*#__PURE__*/Object.freeze({
|
9816
9817
|
__proto__: null,
|
9817
9818
|
default: notification,
|
9818
|
-
vars: vars$
|
9819
|
+
vars: vars$b
|
9819
9820
|
});
|
9820
9821
|
|
9821
|
-
const componentName$
|
9822
|
+
const componentName$b = getComponentName('multi-select-combo-box');
|
9822
9823
|
|
9823
9824
|
const multiSelectComboBoxMixin = (superclass) =>
|
9824
9825
|
class MultiSelectComboBoxMixinClass extends superclass {
|
@@ -10422,73 +10423,73 @@ const MultiSelectComboBoxClass = compose(
|
|
10422
10423
|
// Note: we exclude `placeholder` because the vaadin component observes it and
|
10423
10424
|
// tries to override it, causing us to lose the user set placeholder.
|
10424
10425
|
excludeAttrsSync: ['tabindex', 'size', 'data', 'placeholder'],
|
10425
|
-
componentName: componentName$
|
10426
|
+
componentName: componentName$b,
|
10426
10427
|
includeForwardProps: ['items', 'renderer', 'selectedItems'],
|
10427
10428
|
})
|
10428
10429
|
);
|
10429
10430
|
|
10430
|
-
const globalRefs$
|
10431
|
-
const vars$
|
10431
|
+
const globalRefs$7 = getThemeRefs(globals);
|
10432
|
+
const vars$a = MultiSelectComboBoxClass.cssVarList;
|
10432
10433
|
|
10433
10434
|
const multiSelectComboBox = {
|
10434
|
-
[vars$
|
10435
|
-
[vars$
|
10436
|
-
[vars$
|
10437
|
-
[vars$
|
10438
|
-
[vars$
|
10439
|
-
[vars$
|
10440
|
-
[vars$
|
10441
|
-
[vars$
|
10442
|
-
[vars$
|
10443
|
-
[vars$
|
10444
|
-
[vars$
|
10445
|
-
[vars$
|
10446
|
-
[vars$
|
10447
|
-
[vars$
|
10448
|
-
[vars$
|
10449
|
-
[vars$
|
10450
|
-
[vars$
|
10451
|
-
[vars$
|
10452
|
-
[vars$
|
10453
|
-
[vars$
|
10454
|
-
[vars$
|
10455
|
-
[vars$
|
10456
|
-
[vars$
|
10457
|
-
[vars$
|
10458
|
-
[vars$
|
10459
|
-
[vars$
|
10460
|
-
[vars$
|
10461
|
-
[vars$
|
10462
|
-
[vars$
|
10463
|
-
[vars$
|
10435
|
+
[vars$a.hostWidth]: refs.width,
|
10436
|
+
[vars$a.hostDirection]: refs.direction,
|
10437
|
+
[vars$a.fontSize]: refs.fontSize,
|
10438
|
+
[vars$a.fontFamily]: refs.fontFamily,
|
10439
|
+
[vars$a.labelTextColor]: refs.labelTextColor,
|
10440
|
+
[vars$a.errorMessageTextColor]: refs.errorMessageTextColor,
|
10441
|
+
[vars$a.inputBorderColor]: refs.borderColor,
|
10442
|
+
[vars$a.inputBorderWidth]: refs.borderWidth,
|
10443
|
+
[vars$a.inputBorderStyle]: refs.borderStyle,
|
10444
|
+
[vars$a.inputBorderRadius]: refs.borderRadius,
|
10445
|
+
[vars$a.inputOutlineColor]: refs.outlineColor,
|
10446
|
+
[vars$a.inputOutlineOffset]: refs.outlineOffset,
|
10447
|
+
[vars$a.inputOutlineWidth]: refs.outlineWidth,
|
10448
|
+
[vars$a.inputOutlineStyle]: refs.outlineStyle,
|
10449
|
+
[vars$a.labelRequiredIndicator]: refs.requiredIndicator,
|
10450
|
+
[vars$a.inputValueTextColor]: refs.valueTextColor,
|
10451
|
+
[vars$a.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
10452
|
+
[vars$a.inputBackgroundColor]: refs.backgroundColor,
|
10453
|
+
[vars$a.inputHorizontalPadding]: refs.horizontalPadding,
|
10454
|
+
[vars$a.inputVerticalPadding]: refs.verticalPadding,
|
10455
|
+
[vars$a.inputHeight]: refs.inputHeight,
|
10456
|
+
[vars$a.inputDropdownButtonColor]: globalRefs$7.colors.surface.dark,
|
10457
|
+
[vars$a.inputDropdownButtonCursor]: 'pointer',
|
10458
|
+
[vars$a.inputDropdownButtonSize]: refs.toggleButtonSize,
|
10459
|
+
[vars$a.inputDropdownButtonOffset]: globalRefs$7.spacing.xs,
|
10460
|
+
[vars$a.overlayItemPaddingInlineStart]: globalRefs$7.spacing.xs,
|
10461
|
+
[vars$a.overlayItemPaddingInlineEnd]: globalRefs$7.spacing.lg,
|
10462
|
+
[vars$a.chipFontSize]: refs.chipFontSize,
|
10463
|
+
[vars$a.chipTextColor]: globalRefs$7.colors.surface.contrast,
|
10464
|
+
[vars$a.chipBackgroundColor]: globalRefs$7.colors.surface.light,
|
10464
10465
|
|
10465
10466
|
_readonly: {
|
10466
|
-
[vars$
|
10467
|
+
[vars$a.inputDropdownButtonCursor]: 'default',
|
10467
10468
|
},
|
10468
10469
|
|
10469
10470
|
// Overlay theme exposed via the component:
|
10470
|
-
[vars$
|
10471
|
-
[vars$
|
10472
|
-
[vars$
|
10473
|
-
[vars$
|
10474
|
-
[vars$
|
10475
|
-
[vars$
|
10471
|
+
[vars$a.overlayFontSize]: refs.fontSize,
|
10472
|
+
[vars$a.overlayFontFamily]: refs.fontFamily,
|
10473
|
+
[vars$a.overlayCursor]: 'pointer',
|
10474
|
+
[vars$a.overlayItemBoxShadow]: 'none',
|
10475
|
+
[vars$a.overlayBackground]: refs.backgroundColor,
|
10476
|
+
[vars$a.overlayTextColor]: refs.valueTextColor,
|
10476
10477
|
|
10477
10478
|
// Overlay direct theme:
|
10478
|
-
[vars$
|
10479
|
-
[vars$
|
10479
|
+
[vars$a.overlay.minHeight]: '400px',
|
10480
|
+
[vars$a.overlay.margin]: '0',
|
10480
10481
|
};
|
10481
10482
|
|
10482
10483
|
var multiSelectComboBox$1 = /*#__PURE__*/Object.freeze({
|
10483
10484
|
__proto__: null,
|
10484
10485
|
default: multiSelectComboBox,
|
10485
10486
|
multiSelectComboBox: multiSelectComboBox,
|
10486
|
-
vars: vars$
|
10487
|
+
vars: vars$a
|
10487
10488
|
});
|
10488
10489
|
|
10489
|
-
const componentName$
|
10490
|
+
const componentName$a = getComponentName('badge');
|
10490
10491
|
|
10491
|
-
class RawBadge extends createBaseClass({ componentName: componentName$
|
10492
|
+
class RawBadge extends createBaseClass({ componentName: componentName$a, baseSelector: ':host > div' }) {
|
10492
10493
|
constructor() {
|
10493
10494
|
super();
|
10494
10495
|
|
@@ -10539,66 +10540,66 @@ const BadgeClass = compose(
|
|
10539
10540
|
componentNameValidationMixin
|
10540
10541
|
)(RawBadge);
|
10541
10542
|
|
10542
|
-
const globalRefs$
|
10543
|
-
const vars$
|
10543
|
+
const globalRefs$6 = getThemeRefs(globals);
|
10544
|
+
const vars$9 = BadgeClass.cssVarList;
|
10544
10545
|
|
10545
10546
|
const badge$2 = {
|
10546
|
-
[vars$
|
10547
|
-
[vars$
|
10547
|
+
[vars$9.hostWidth]: 'fit-content',
|
10548
|
+
[vars$9.hostDirection]: globalRefs$6.direction,
|
10548
10549
|
|
10549
|
-
[vars$
|
10550
|
+
[vars$9.textAlign]: 'center',
|
10550
10551
|
|
10551
|
-
[vars$
|
10552
|
-
[vars$
|
10552
|
+
[vars$9.fontFamily]: globalRefs$6.fonts.font1.family,
|
10553
|
+
[vars$9.fontWeight]: '400',
|
10553
10554
|
|
10554
|
-
[vars$
|
10555
|
-
[vars$
|
10555
|
+
[vars$9.verticalPadding]: '0.25em',
|
10556
|
+
[vars$9.horizontalPadding]: '0.5em',
|
10556
10557
|
|
10557
|
-
[vars$
|
10558
|
-
[vars$
|
10559
|
-
[vars$
|
10560
|
-
[vars$
|
10558
|
+
[vars$9.borderWidth]: globalRefs$6.border.xs,
|
10559
|
+
[vars$9.borderRadius]: globalRefs$6.radius.xs,
|
10560
|
+
[vars$9.borderColor]: 'transparent',
|
10561
|
+
[vars$9.borderStyle]: 'solid',
|
10561
10562
|
|
10562
10563
|
_fullWidth: {
|
10563
|
-
[vars$
|
10564
|
+
[vars$9.hostWidth]: '100%',
|
10564
10565
|
},
|
10565
10566
|
|
10566
10567
|
size: {
|
10567
|
-
xs: { [vars$
|
10568
|
-
sm: { [vars$
|
10569
|
-
md: { [vars$
|
10570
|
-
lg: { [vars$
|
10568
|
+
xs: { [vars$9.fontSize]: '12px' },
|
10569
|
+
sm: { [vars$9.fontSize]: '14px' },
|
10570
|
+
md: { [vars$9.fontSize]: '16px' },
|
10571
|
+
lg: { [vars$9.fontSize]: '18px' },
|
10571
10572
|
},
|
10572
10573
|
|
10573
10574
|
mode: {
|
10574
10575
|
default: {
|
10575
|
-
[vars$
|
10576
|
+
[vars$9.textColor]: globalRefs$6.colors.surface.dark,
|
10576
10577
|
_bordered: {
|
10577
|
-
[vars$
|
10578
|
+
[vars$9.borderColor]: globalRefs$6.colors.surface.light,
|
10578
10579
|
},
|
10579
10580
|
},
|
10580
10581
|
primary: {
|
10581
|
-
[vars$
|
10582
|
+
[vars$9.textColor]: globalRefs$6.colors.primary.main,
|
10582
10583
|
_bordered: {
|
10583
|
-
[vars$
|
10584
|
+
[vars$9.borderColor]: globalRefs$6.colors.primary.light,
|
10584
10585
|
},
|
10585
10586
|
},
|
10586
10587
|
secondary: {
|
10587
|
-
[vars$
|
10588
|
+
[vars$9.textColor]: globalRefs$6.colors.secondary.main,
|
10588
10589
|
_bordered: {
|
10589
|
-
[vars$
|
10590
|
+
[vars$9.borderColor]: globalRefs$6.colors.secondary.light,
|
10590
10591
|
},
|
10591
10592
|
},
|
10592
10593
|
error: {
|
10593
|
-
[vars$
|
10594
|
+
[vars$9.textColor]: globalRefs$6.colors.error.main,
|
10594
10595
|
_bordered: {
|
10595
|
-
[vars$
|
10596
|
+
[vars$9.borderColor]: globalRefs$6.colors.error.light,
|
10596
10597
|
},
|
10597
10598
|
},
|
10598
10599
|
success: {
|
10599
|
-
[vars$
|
10600
|
+
[vars$9.textColor]: globalRefs$6.colors.success.main,
|
10600
10601
|
_bordered: {
|
10601
|
-
[vars$
|
10602
|
+
[vars$9.borderColor]: globalRefs$6.colors.success.light,
|
10602
10603
|
},
|
10603
10604
|
},
|
10604
10605
|
},
|
@@ -10607,11 +10608,11 @@ const badge$2 = {
|
|
10607
10608
|
var badge$3 = /*#__PURE__*/Object.freeze({
|
10608
10609
|
__proto__: null,
|
10609
10610
|
default: badge$2,
|
10610
|
-
vars: vars$
|
10611
|
+
vars: vars$9
|
10611
10612
|
});
|
10612
10613
|
|
10613
|
-
const componentName$
|
10614
|
-
class RawAvatar extends createBaseClass({ componentName: componentName$
|
10614
|
+
const componentName$9 = getComponentName('avatar');
|
10615
|
+
class RawAvatar extends createBaseClass({ componentName: componentName$9, baseSelector: ':host > .wrapper' }) {
|
10615
10616
|
constructor() {
|
10616
10617
|
super();
|
10617
10618
|
|
@@ -10712,16 +10713,16 @@ const AvatarClass = compose(
|
|
10712
10713
|
componentNameValidationMixin
|
10713
10714
|
)(RawAvatar);
|
10714
10715
|
|
10715
|
-
const globalRefs$
|
10716
|
+
const globalRefs$5 = getThemeRefs(globals);
|
10716
10717
|
const compVars = AvatarClass.cssVarList;
|
10717
10718
|
|
10718
10719
|
const avatar = {
|
10719
|
-
[compVars.hostDirection]: globalRefs$
|
10720
|
-
[compVars.editableIconColor]: globalRefs$
|
10721
|
-
[compVars.editableBorderColor]: globalRefs$
|
10722
|
-
[compVars.editableBackgroundColor]: globalRefs$
|
10723
|
-
[compVars.avatarTextColor]: globalRefs$
|
10724
|
-
[compVars.avatarBackgroundColor]: globalRefs$
|
10720
|
+
[compVars.hostDirection]: globalRefs$5.direction,
|
10721
|
+
[compVars.editableIconColor]: globalRefs$5.colors.surface.dark,
|
10722
|
+
[compVars.editableBorderColor]: globalRefs$5.colors.surface.dark,
|
10723
|
+
[compVars.editableBackgroundColor]: globalRefs$5.colors.surface.main,
|
10724
|
+
[compVars.avatarTextColor]: globalRefs$5.colors.surface.main,
|
10725
|
+
[compVars.avatarBackgroundColor]: globalRefs$5.colors.surface.dark,
|
10725
10726
|
|
10726
10727
|
_editable: {
|
10727
10728
|
[compVars.cursor]: 'pointer',
|
@@ -10747,21 +10748,21 @@ const avatar = {
|
|
10747
10748
|
},
|
10748
10749
|
};
|
10749
10750
|
|
10750
|
-
const vars$
|
10751
|
+
const vars$8 = {
|
10751
10752
|
...compVars,
|
10752
10753
|
};
|
10753
10754
|
|
10754
10755
|
var avatar$1 = /*#__PURE__*/Object.freeze({
|
10755
10756
|
__proto__: null,
|
10756
10757
|
default: avatar,
|
10757
|
-
vars: vars$
|
10758
|
+
vars: vars$8
|
10758
10759
|
});
|
10759
10760
|
|
10760
|
-
const componentName$
|
10761
|
+
const componentName$8 = getComponentName('mappings-field-internal');
|
10761
10762
|
|
10762
|
-
createBaseInputClass({ componentName: componentName$
|
10763
|
+
createBaseInputClass({ componentName: componentName$8, baseSelector: 'div' });
|
10763
10764
|
|
10764
|
-
const componentName$
|
10765
|
+
const componentName$7 = getComponentName('mappings-field');
|
10765
10766
|
|
10766
10767
|
const customMixin$1 = (superclass) =>
|
10767
10768
|
class MappingsFieldMixinClass extends superclass {
|
@@ -10790,14 +10791,14 @@ const customMixin$1 = (superclass) =>
|
|
10790
10791
|
const template = document.createElement('template');
|
10791
10792
|
|
10792
10793
|
template.innerHTML = `
|
10793
|
-
<${componentName$
|
10794
|
+
<${componentName$8}
|
10794
10795
|
tabindex="-1"
|
10795
|
-
></${componentName$
|
10796
|
+
></${componentName$8}>
|
10796
10797
|
`;
|
10797
10798
|
|
10798
10799
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
10799
10800
|
|
10800
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
10801
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$8);
|
10801
10802
|
|
10802
10803
|
forwardAttrs(this, this.inputElement, {
|
10803
10804
|
includeAttrs: [
|
@@ -10926,47 +10927,47 @@ const MappingsFieldClass = compose(
|
|
10926
10927
|
'options',
|
10927
10928
|
'error-message',
|
10928
10929
|
],
|
10929
|
-
componentName: componentName$
|
10930
|
+
componentName: componentName$7,
|
10930
10931
|
})
|
10931
10932
|
);
|
10932
10933
|
|
10933
|
-
const globalRefs$
|
10934
|
+
const globalRefs$4 = getThemeRefs(globals);
|
10934
10935
|
|
10935
|
-
const vars$
|
10936
|
+
const vars$7 = MappingsFieldClass.cssVarList;
|
10936
10937
|
|
10937
10938
|
const mappingsField = {
|
10938
|
-
[vars$
|
10939
|
-
[vars$
|
10940
|
-
[vars$
|
10941
|
-
[vars$
|
10942
|
-
[vars$
|
10943
|
-
[vars$
|
10944
|
-
[vars$
|
10945
|
-
[vars$
|
10946
|
-
[vars$
|
10947
|
-
[vars$
|
10939
|
+
[vars$7.hostWidth]: refs.width,
|
10940
|
+
[vars$7.hostDirection]: refs.direction,
|
10941
|
+
[vars$7.fontSize]: refs.fontSize,
|
10942
|
+
[vars$7.fontFamily]: refs.fontFamily,
|
10943
|
+
[vars$7.separatorFontSize]: '14px',
|
10944
|
+
[vars$7.labelsFontSize]: '14px',
|
10945
|
+
[vars$7.labelsLineHeight]: '1',
|
10946
|
+
[vars$7.labelsMarginBottom]: '6px',
|
10947
|
+
[vars$7.labelTextColor]: refs.labelTextColor,
|
10948
|
+
[vars$7.itemMarginBottom]: '1em',
|
10948
10949
|
// To be positioned correctly, the min width has to match the text field min width
|
10949
|
-
[vars$
|
10950
|
+
[vars$7.valueLabelMinWidth]: refs.minWidth,
|
10950
10951
|
// To be positioned correctly, the min width has to match the combo box field min width
|
10951
|
-
[vars$
|
10952
|
-
[vars$
|
10953
|
-
[vars$
|
10952
|
+
[vars$7.attrLabelMinWidth]: `calc(12em + 2 * ${globalRefs$4.border.xs})`,
|
10953
|
+
[vars$7.separatorWidth]: '70px',
|
10954
|
+
[vars$7.removeButtonWidth]: '60px',
|
10954
10955
|
};
|
10955
10956
|
|
10956
10957
|
var mappingsField$1 = /*#__PURE__*/Object.freeze({
|
10957
10958
|
__proto__: null,
|
10958
10959
|
default: mappingsField,
|
10959
10960
|
mappingsField: mappingsField,
|
10960
|
-
vars: vars$
|
10961
|
+
vars: vars$7
|
10961
10962
|
});
|
10962
10963
|
|
10963
10964
|
var deleteIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPgo8L3N2Zz4K";
|
10964
10965
|
|
10965
10966
|
var editIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPgo8L3N2Zz4K";
|
10966
10967
|
|
10967
|
-
const componentName$
|
10968
|
+
const componentName$6 = getComponentName('user-attribute');
|
10968
10969
|
class RawUserAttribute extends createBaseClass({
|
10969
|
-
componentName: componentName$
|
10970
|
+
componentName: componentName$6,
|
10970
10971
|
baseSelector: ':host > .root',
|
10971
10972
|
}) {
|
10972
10973
|
constructor() {
|
@@ -11196,32 +11197,32 @@ const UserAttributeClass = compose(
|
|
11196
11197
|
componentNameValidationMixin
|
11197
11198
|
)(RawUserAttribute);
|
11198
11199
|
|
11199
|
-
const globalRefs$
|
11200
|
-
const vars$
|
11200
|
+
const globalRefs$3 = getThemeRefs(globals);
|
11201
|
+
const vars$6 = UserAttributeClass.cssVarList;
|
11201
11202
|
|
11202
11203
|
const userAttribute = {
|
11203
|
-
[vars$
|
11204
|
-
[vars$
|
11205
|
-
[vars$
|
11206
|
-
[vars$
|
11207
|
-
[vars$
|
11208
|
-
[vars$
|
11204
|
+
[vars$6.hostDirection]: globalRefs$3.direction,
|
11205
|
+
[vars$6.labelTextWidth]: '150px',
|
11206
|
+
[vars$6.valueTextWidth]: '200px',
|
11207
|
+
[vars$6.badgeMaxWidth]: '85px',
|
11208
|
+
[vars$6.itemsGap]: '16px',
|
11209
|
+
[vars$6.hostMinWidth]: '530px',
|
11209
11210
|
_fullWidth: {
|
11210
|
-
[vars$
|
11211
|
+
[vars$6.hostWidth]: '100%',
|
11211
11212
|
},
|
11212
11213
|
};
|
11213
11214
|
|
11214
11215
|
var userAttribute$1 = /*#__PURE__*/Object.freeze({
|
11215
11216
|
__proto__: null,
|
11216
11217
|
default: userAttribute,
|
11217
|
-
vars: vars$
|
11218
|
+
vars: vars$6
|
11218
11219
|
});
|
11219
11220
|
|
11220
11221
|
var greenVIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4KPC9zdmc+Cg==";
|
11221
11222
|
|
11222
|
-
const componentName$
|
11223
|
+
const componentName$5 = getComponentName('user-auth-method');
|
11223
11224
|
class RawUserAuthMethod extends createBaseClass({
|
11224
|
-
componentName: componentName$
|
11225
|
+
componentName: componentName$5,
|
11225
11226
|
baseSelector: ':host > .root',
|
11226
11227
|
}) {
|
11227
11228
|
constructor() {
|
@@ -11413,31 +11414,31 @@ const UserAuthMethodClass = compose(
|
|
11413
11414
|
componentNameValidationMixin
|
11414
11415
|
)(RawUserAuthMethod);
|
11415
11416
|
|
11416
|
-
const globalRefs$
|
11417
|
-
const vars$
|
11417
|
+
const globalRefs$2 = getThemeRefs(globals);
|
11418
|
+
const vars$5 = UserAuthMethodClass.cssVarList;
|
11418
11419
|
|
11419
11420
|
const userAuthMethod = {
|
11420
|
-
[vars$
|
11421
|
-
[vars$
|
11422
|
-
[vars$
|
11423
|
-
[vars$
|
11424
|
-
[vars$
|
11421
|
+
[vars$5.hostDirection]: globalRefs$2.direction,
|
11422
|
+
[vars$5.labelTextWidth]: '200px',
|
11423
|
+
[vars$5.itemsGap]: '16px',
|
11424
|
+
[vars$5.hostMinWidth]: '530px',
|
11425
|
+
[vars$5.iconSize]: '24px',
|
11425
11426
|
_fullWidth: {
|
11426
|
-
[vars$
|
11427
|
+
[vars$5.hostWidth]: '100%',
|
11427
11428
|
},
|
11428
11429
|
};
|
11429
11430
|
|
11430
11431
|
var userAuthMethod$1 = /*#__PURE__*/Object.freeze({
|
11431
11432
|
__proto__: null,
|
11432
11433
|
default: userAuthMethod,
|
11433
|
-
vars: vars$
|
11434
|
+
vars: vars$5
|
11434
11435
|
});
|
11435
11436
|
|
11436
|
-
const componentName$
|
11437
|
+
const componentName$4 = getComponentName('saml-group-mappings-internal');
|
11437
11438
|
|
11438
|
-
createBaseInputClass({ componentName: componentName$
|
11439
|
+
createBaseInputClass({ componentName: componentName$4, baseSelector: '' });
|
11439
11440
|
|
11440
|
-
const componentName$
|
11441
|
+
const componentName$3 = getComponentName('saml-group-mappings');
|
11441
11442
|
|
11442
11443
|
const customMixin = (superclass) =>
|
11443
11444
|
class SamlGroupMappingsMixinClass extends superclass {
|
@@ -11447,14 +11448,14 @@ const customMixin = (superclass) =>
|
|
11447
11448
|
const template = document.createElement('template');
|
11448
11449
|
|
11449
11450
|
template.innerHTML = `
|
11450
|
-
<${componentName$
|
11451
|
+
<${componentName$4}
|
11451
11452
|
tabindex="-1"
|
11452
|
-
></${componentName$
|
11453
|
+
></${componentName$4}>
|
11453
11454
|
`;
|
11454
11455
|
|
11455
11456
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
11456
11457
|
|
11457
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
11458
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$4);
|
11458
11459
|
|
11459
11460
|
forwardAttrs(this, this.inputElement, {
|
11460
11461
|
includeAttrs: [
|
@@ -11531,60 +11532,448 @@ const SamlGroupMappingsClass = compose(
|
|
11531
11532
|
'options',
|
11532
11533
|
'error-message',
|
11533
11534
|
],
|
11534
|
-
componentName: componentName$
|
11535
|
+
componentName: componentName$3,
|
11535
11536
|
})
|
11536
11537
|
);
|
11537
11538
|
|
11538
|
-
const vars$
|
11539
|
+
const vars$4 = SamlGroupMappingsClass.cssVarList;
|
11539
11540
|
|
11540
11541
|
const samlGroupMappings = {
|
11541
|
-
[vars$
|
11542
|
-
[vars$
|
11543
|
-
[vars$
|
11542
|
+
[vars$4.hostWidth]: refs.width,
|
11543
|
+
[vars$4.hostDirection]: refs.direction,
|
11544
|
+
[vars$4.groupNameInputMarginBottom]: '1em',
|
11544
11545
|
};
|
11545
11546
|
|
11546
11547
|
var samlGroupMappings$1 = /*#__PURE__*/Object.freeze({
|
11547
11548
|
__proto__: null,
|
11548
11549
|
default: samlGroupMappings,
|
11549
11550
|
samlGroupMappings: samlGroupMappings,
|
11550
|
-
vars: vars$
|
11551
|
+
vars: vars$4
|
11551
11552
|
});
|
11552
11553
|
|
11553
|
-
const globalRefs = getThemeRefs(globals);
|
11554
|
-
const vars$
|
11554
|
+
const globalRefs$1 = getThemeRefs(globals);
|
11555
|
+
const vars$3 = PolicyValidationClass.cssVarList;
|
11555
11556
|
|
11556
11557
|
const policyValidation = {
|
11557
|
-
[vars$
|
11558
|
-
[vars$
|
11559
|
-
[vars$
|
11560
|
-
[vars$
|
11561
|
-
[vars$
|
11562
|
-
[vars$
|
11563
|
-
[vars$
|
11564
|
-
[vars$
|
11565
|
-
[vars$
|
11566
|
-
[vars$
|
11567
|
-
[vars$
|
11568
|
-
[vars$
|
11569
|
-
[vars$
|
11570
|
-
[vars$
|
11571
|
-
[vars$
|
11572
|
-
[vars$
|
11558
|
+
[vars$3.fontFamily]: refs.fontFamily,
|
11559
|
+
[vars$3.fontSize]: refs.labelFontSize,
|
11560
|
+
[vars$3.textColor]: refs.labelTextColor,
|
11561
|
+
[vars$3.borderWidth]: refs.borderWidth,
|
11562
|
+
[vars$3.borderStyle]: refs.borderStyle,
|
11563
|
+
[vars$3.borderColor]: refs.borderColor,
|
11564
|
+
[vars$3.borderRadius]: globalRefs$1.radius.sm,
|
11565
|
+
[vars$3.backgroundColor]: 'none',
|
11566
|
+
[vars$3.padding]: '0px',
|
11567
|
+
[vars$3.labelMargin]: globalRefs$1.spacing.sm,
|
11568
|
+
[vars$3.itemsSpacing]: globalRefs$1.spacing.lg,
|
11569
|
+
[vars$3.itemSymbolDefault]: "'\\2022'", // "•"
|
11570
|
+
[vars$3.itemSymbolSuccess]: "'\\2713'", // "✓"
|
11571
|
+
[vars$3.itemSymbolError]: "'\\2A09'", // "⨉"
|
11572
|
+
[vars$3.itemSymbolSuccessColor]: globalRefs$1.colors.success.main,
|
11573
|
+
[vars$3.itemSymbolErrorColor]: globalRefs$1.colors.error.main,
|
11573
11574
|
};
|
11574
11575
|
|
11575
11576
|
var policyValidation$1 = /*#__PURE__*/Object.freeze({
|
11576
11577
|
__proto__: null,
|
11577
11578
|
default: policyValidation,
|
11578
|
-
vars: vars$
|
11579
|
+
vars: vars$3
|
11579
11580
|
});
|
11580
11581
|
|
11581
|
-
const vars$
|
11582
|
+
const vars$2 = IconClass.cssVarList;
|
11582
11583
|
|
11583
11584
|
const icon = {};
|
11584
11585
|
|
11585
11586
|
var icon$1 = /*#__PURE__*/Object.freeze({
|
11586
11587
|
__proto__: null,
|
11587
11588
|
default: icon,
|
11589
|
+
vars: vars$2
|
11590
|
+
});
|
11591
|
+
|
11592
|
+
const decode = (input) => {
|
11593
|
+
const txt = document.createElement('textarea');
|
11594
|
+
txt.innerHTML = input;
|
11595
|
+
return txt.value;
|
11596
|
+
};
|
11597
|
+
|
11598
|
+
const tpl = (input, inline) => {
|
11599
|
+
return inline ? input : `<pre>${input}</pre>`;
|
11600
|
+
};
|
11601
|
+
|
11602
|
+
const componentName$2 = getComponentName('code-snippet');
|
11603
|
+
|
11604
|
+
let CodeSnippet$1 = class CodeSnippet extends createBaseClass({ componentName: componentName$2, baseSelector: ':host > code' }) {
|
11605
|
+
static get observedAttributes() {
|
11606
|
+
return ['lang', 'inline'];
|
11607
|
+
}
|
11608
|
+
|
11609
|
+
constructor() {
|
11610
|
+
super();
|
11611
|
+
|
11612
|
+
this.attachShadow({ mode: 'open' }).innerHTML = `
|
11613
|
+
<style>
|
11614
|
+
:host {
|
11615
|
+
display: inline-block;
|
11616
|
+
width: 100%;
|
11617
|
+
}
|
11618
|
+
code {
|
11619
|
+
display: block;
|
11620
|
+
width: 100%;
|
11621
|
+
min-height: 1em;
|
11622
|
+
overflow-x: scroll;
|
11623
|
+
overflow-y: scroll;
|
11624
|
+
}
|
11625
|
+
pre {
|
11626
|
+
margin: 0;
|
11627
|
+
}
|
11628
|
+
</style>
|
11629
|
+
<code class="hljs"></code>
|
11630
|
+
`;
|
11631
|
+
}
|
11632
|
+
|
11633
|
+
init() {
|
11634
|
+
super.init?.();
|
11635
|
+
|
11636
|
+
this.lang = this.getAttribute('lang');
|
11637
|
+
this.isInline = this.getAttribute('inline') === 'true';
|
11638
|
+
|
11639
|
+
observeChildren(this, this.#renderSnippet.bind(this));
|
11640
|
+
}
|
11641
|
+
|
11642
|
+
get contentNode() {
|
11643
|
+
return this.shadowRoot.querySelector(this.baseSelector);
|
11644
|
+
}
|
11645
|
+
|
11646
|
+
attributeChangedCallback(attrName, oldValue, newValue) {
|
11647
|
+
super.attributeChangedCallback?.(attrName, oldValue, newValue);
|
11648
|
+
|
11649
|
+
if (oldValue !== newValue) {
|
11650
|
+
if (attrName === 'inline') {
|
11651
|
+
this.isInline = newValue;
|
11652
|
+
}
|
11653
|
+
|
11654
|
+
if (attrName === 'lang') {
|
11655
|
+
this.lang = newValue;
|
11656
|
+
}
|
11657
|
+
|
11658
|
+
this.#renderSnippet();
|
11659
|
+
}
|
11660
|
+
}
|
11661
|
+
|
11662
|
+
#renderSnippet() {
|
11663
|
+
const sanitized = decode(this.textContent);
|
11664
|
+
const language = this.lang;
|
11665
|
+
|
11666
|
+
if (!language) {
|
11667
|
+
this.contentNode.textContent = sanitized;
|
11668
|
+
return;
|
11669
|
+
}
|
11670
|
+
|
11671
|
+
const { value: highlighted } = hljs.highlight(sanitized, { language });
|
11672
|
+
|
11673
|
+
this.contentNode.innerHTML = tpl(highlighted, this.isInline);
|
11674
|
+
}
|
11675
|
+
};
|
11676
|
+
|
11677
|
+
const {
|
11678
|
+
root,
|
11679
|
+
docTag,
|
11680
|
+
keyword,
|
11681
|
+
metaKeyword,
|
11682
|
+
templateTag,
|
11683
|
+
templateVariable,
|
11684
|
+
type,
|
11685
|
+
variableLanguage,
|
11686
|
+
title,
|
11687
|
+
titleClass,
|
11688
|
+
titleClassInherited,
|
11689
|
+
titleFunction,
|
11690
|
+
attr,
|
11691
|
+
attribute,
|
11692
|
+
literal,
|
11693
|
+
meta,
|
11694
|
+
number,
|
11695
|
+
operator,
|
11696
|
+
variable,
|
11697
|
+
selectorAttr,
|
11698
|
+
selectorClass,
|
11699
|
+
selectorId,
|
11700
|
+
regexp,
|
11701
|
+
string,
|
11702
|
+
metaString,
|
11703
|
+
builtIn,
|
11704
|
+
symbol,
|
11705
|
+
comment,
|
11706
|
+
code,
|
11707
|
+
formula,
|
11708
|
+
name,
|
11709
|
+
quote,
|
11710
|
+
selectorTag,
|
11711
|
+
selectorPseudo,
|
11712
|
+
subst,
|
11713
|
+
section,
|
11714
|
+
bullet,
|
11715
|
+
emphasis,
|
11716
|
+
strong,
|
11717
|
+
addition,
|
11718
|
+
deletion,
|
11719
|
+
charEscape,
|
11720
|
+
link,
|
11721
|
+
params,
|
11722
|
+
property,
|
11723
|
+
punctuation,
|
11724
|
+
tag,
|
11725
|
+
} = {
|
11726
|
+
root: { selector: () => '.hljs' },
|
11727
|
+
docTag: { selector: () => '.hljs-doctag' },
|
11728
|
+
keyword: { selector: () => '.hljs-keyword' },
|
11729
|
+
metaKeyword: { selector: () => '.hljs-meta .hljs-keyword' },
|
11730
|
+
templateTag: { selector: () => '.hljs-template-tag' },
|
11731
|
+
templateVariable: { selector: () => '.hljs-template-variable' },
|
11732
|
+
type: { selector: () => '.hljs-type' },
|
11733
|
+
variableLanguage: { selector: () => '.hljs-variable.language' },
|
11734
|
+
title: { selector: () => '.hljs-title' },
|
11735
|
+
titleClass: { selector: () => '.hljs-title.class_' },
|
11736
|
+
titleClassInherited: { selector: () => '.hljs-title.class_.inherited__' },
|
11737
|
+
titleFunction: { selector: () => '.hljs-title.function_' },
|
11738
|
+
attr: { selector: () => '.hljs-attr' },
|
11739
|
+
attribute: { selector: () => '.hljs-attribute' },
|
11740
|
+
literal: { selector: () => '.hljs-literal' },
|
11741
|
+
meta: { selector: () => '.hljs-meta' },
|
11742
|
+
number: { selector: () => '.hljs-number' },
|
11743
|
+
operator: { selector: () => '.hljs-operator' },
|
11744
|
+
variable: { selector: () => '.hljs-variable' },
|
11745
|
+
selectorAttr: { selector: () => '.hljs-selector-attr' },
|
11746
|
+
selectorClass: { selector: () => '.hljs-selector-class' },
|
11747
|
+
selectorId: { selector: () => '.hljs-selector-id' },
|
11748
|
+
regexp: { selector: () => '.hljs-regexp' },
|
11749
|
+
string: { selector: () => '.hljs-string' },
|
11750
|
+
metaString: { selector: () => '.hljs-meta .hljs-string' },
|
11751
|
+
builtIn: { selector: () => '.hljs-built_in' },
|
11752
|
+
symbol: { selector: () => '.hljs-symbol' },
|
11753
|
+
comment: { selector: () => '.hljs-comment' },
|
11754
|
+
code: { selector: () => '.hljs-code' },
|
11755
|
+
formula: { selector: () => '.hljs-formula' },
|
11756
|
+
name: { selector: () => '.hljs-name' },
|
11757
|
+
quote: { selector: () => '.hljs-quote' },
|
11758
|
+
selectorTag: { selector: () => '.hljs-selector-tag' },
|
11759
|
+
selectorPseudo: { selector: () => '.hljs-selector-pseudo' },
|
11760
|
+
subst: { selector: () => '.hljs-subst' },
|
11761
|
+
section: { selector: () => '.hljs-section' },
|
11762
|
+
bullet: { selector: () => '.hljs-bullet' },
|
11763
|
+
emphasis: { selector: () => '.hljs-emphasis' },
|
11764
|
+
strong: { selector: () => '.hljs-strong' },
|
11765
|
+
addition: { selector: () => '.hljs-addition' },
|
11766
|
+
deletion: { selector: () => '.hljs-deletion' },
|
11767
|
+
charEscape: { selector: () => '.hljs-char.escape' },
|
11768
|
+
link: { selector: () => '.hljs-link' },
|
11769
|
+
params: { selector: () => '.hljs-params' },
|
11770
|
+
property: { selector: () => '.hljs-property' },
|
11771
|
+
punctuation: { selector: () => '.hljs-punctuation' },
|
11772
|
+
tag: { selector: () => '.hljs-tag' },
|
11773
|
+
};
|
11774
|
+
|
11775
|
+
const CodeSnippetClass = compose(
|
11776
|
+
createStyleMixin({
|
11777
|
+
mappings: {
|
11778
|
+
rootBgColor: { ...root, property: 'background-color' },
|
11779
|
+
rootTextColor: { ...root, property: 'color' },
|
11780
|
+
docTagTextColor: { ...docTag, property: 'color' },
|
11781
|
+
keywordTextColor: { ...keyword, property: 'color' },
|
11782
|
+
metaKeywordTextColor: { ...metaKeyword, property: 'color' },
|
11783
|
+
templateTagTextColor: { ...templateTag, property: 'color' },
|
11784
|
+
templateVariableTextColor: { ...templateVariable, property: 'color' },
|
11785
|
+
typeTextColor: { ...type, property: 'color' },
|
11786
|
+
variableLanguageTextColor: { ...variableLanguage, property: 'color' },
|
11787
|
+
titleTextColor: { ...title, property: 'color' },
|
11788
|
+
titleClassTextColor: { ...titleClass, property: 'color' },
|
11789
|
+
titleClassInheritedTextColor: { ...titleClassInherited, property: 'color' },
|
11790
|
+
titleFunctionTextColor: { ...titleFunction, property: 'color' },
|
11791
|
+
attrTextColor: { ...attr, property: 'color' },
|
11792
|
+
attributeTextColor: { ...attribute, property: 'color' },
|
11793
|
+
literalTextColor: { ...literal, property: 'color' },
|
11794
|
+
metaTextColor: { ...meta, property: 'color' },
|
11795
|
+
numberTextColor: { ...number, property: 'color' },
|
11796
|
+
operatorTextColor: { ...operator, property: 'color' },
|
11797
|
+
variableTextColor: { ...variable, property: 'color' },
|
11798
|
+
selectorAttrTextColor: { ...selectorAttr, property: 'color' },
|
11799
|
+
selectorClassTextColor: { ...selectorClass, property: 'color' },
|
11800
|
+
selectorIdTextColor: { ...selectorId, property: 'color' },
|
11801
|
+
regexpTextColor: { ...regexp, property: 'color' },
|
11802
|
+
stringTextColor: { ...string, property: 'color' },
|
11803
|
+
metaStringTextColor: { ...metaString, property: 'color' },
|
11804
|
+
builtInTextColor: { ...builtIn, property: 'color' },
|
11805
|
+
symbolTextColor: { ...symbol, property: 'color' },
|
11806
|
+
commentTextColor: { ...comment, property: 'color' },
|
11807
|
+
codeTextColor: { ...code, property: 'color' },
|
11808
|
+
formulaTextColor: { ...formula, property: 'color' },
|
11809
|
+
nameTextColor: { ...name, property: 'color' },
|
11810
|
+
quoteTextColor: { ...quote, property: 'color' },
|
11811
|
+
selectorTagTextColor: { ...selectorTag, property: 'color' },
|
11812
|
+
selectorPseudoTextColor: { ...selectorPseudo, property: 'color' },
|
11813
|
+
substTextColor: { ...subst, property: 'color' },
|
11814
|
+
sectionTextColor: { ...section, property: 'color' },
|
11815
|
+
bulletTextColor: { ...bullet, property: 'color' },
|
11816
|
+
emphasisTextColor: { ...emphasis, property: 'color' },
|
11817
|
+
strongTextColor: { ...strong, property: 'color' },
|
11818
|
+
additionTextColor: { ...addition, property: 'color' },
|
11819
|
+
additionBgColor: { ...addition, property: 'background-color' },
|
11820
|
+
deletionTextColor: { ...deletion, property: 'color' },
|
11821
|
+
deletionBgColor: { ...deletion, property: 'background-color' },
|
11822
|
+
charEscapeTextColor: { ...charEscape, property: 'color' },
|
11823
|
+
linkTextColor: { ...link, property: 'color' },
|
11824
|
+
paramsTextColor: { ...params, property: 'color' },
|
11825
|
+
propertyTextColor: { ...property, property: 'color' },
|
11826
|
+
punctuationTextColor: { ...punctuation, property: 'color' },
|
11827
|
+
tagTextColor: { ...tag, property: 'color' },
|
11828
|
+
},
|
11829
|
+
}),
|
11830
|
+
draggableMixin,
|
11831
|
+
componentNameValidationMixin
|
11832
|
+
)(CodeSnippet$1);
|
11833
|
+
|
11834
|
+
const globalRefs = getThemeRefs(globals);
|
11835
|
+
|
11836
|
+
const vars$1 = CodeSnippetClass.cssVarList;
|
11837
|
+
|
11838
|
+
const light = {
|
11839
|
+
color1: '#fa0',
|
11840
|
+
color2: '#d73a49',
|
11841
|
+
color3: '#6f42c1',
|
11842
|
+
color4: '#005cc5',
|
11843
|
+
color5: '#e36209',
|
11844
|
+
color6: '#6a737d',
|
11845
|
+
color7: '#22863a',
|
11846
|
+
color8: '#24292e',
|
11847
|
+
color9: '#735c0f',
|
11848
|
+
color10: '#f0fff4',
|
11849
|
+
color11: '#b31d28',
|
11850
|
+
color12: '#ffeef0',
|
11851
|
+
color13: '#032f62',
|
11852
|
+
};
|
11853
|
+
|
11854
|
+
const dark = {
|
11855
|
+
color1: '#c9d1d9',
|
11856
|
+
color2: '#ff7b72',
|
11857
|
+
color3: '#d2a8ff',
|
11858
|
+
color4: '#79c0ff',
|
11859
|
+
color5: '#ffa657',
|
11860
|
+
color6: '#8b949e',
|
11861
|
+
color7: '#7ee787',
|
11862
|
+
color8: '#c9d1d9',
|
11863
|
+
color9: '#735c0f',
|
11864
|
+
color10: '#f0fff4',
|
11865
|
+
color11: '#67060c',
|
11866
|
+
color12: '#ffeef0',
|
11867
|
+
color13: '#a5d6ff',
|
11868
|
+
};
|
11869
|
+
|
11870
|
+
const CodeSnippet = {
|
11871
|
+
[vars$1.rootBgColor]: globalRefs.colors.surface.main,
|
11872
|
+
[vars$1.rootTextColor]: globalRefs.colors.surface.contrast,
|
11873
|
+
[vars$1.docTagTextColor]: light.color2,
|
11874
|
+
[vars$1.keywordTextColor]: light.color2,
|
11875
|
+
[vars$1.metaKeywordTextColor]: light.color2,
|
11876
|
+
[vars$1.templateTagTextColor]: light.color2,
|
11877
|
+
[vars$1.templateVariableTextColor]: light.color2,
|
11878
|
+
[vars$1.typeTextColor]: light.color2,
|
11879
|
+
[vars$1.variableLanguageTextColor]: light.color2,
|
11880
|
+
[vars$1.titleTextColor]: light.color3,
|
11881
|
+
[vars$1.titleClassTextColor]: light.color3,
|
11882
|
+
[vars$1.titleClassInheritedTextColor]: light.color3,
|
11883
|
+
[vars$1.titleFunctionTextColor]: light.color3,
|
11884
|
+
[vars$1.attrTextColor]: light.color4,
|
11885
|
+
[vars$1.attributeTextColor]: light.color4,
|
11886
|
+
[vars$1.literalTextColor]: light.color4,
|
11887
|
+
[vars$1.metaTextColor]: light.color4,
|
11888
|
+
[vars$1.numberTextColor]: light.color4,
|
11889
|
+
[vars$1.operatorTextColor]: light.color4,
|
11890
|
+
[vars$1.variableTextColor]: light.color4,
|
11891
|
+
[vars$1.selectorAttrTextColor]: light.color4,
|
11892
|
+
[vars$1.selectorClassTextColor]: light.color4,
|
11893
|
+
[vars$1.selectorIdTextColor]: light.color4,
|
11894
|
+
[vars$1.regexpTextColor]: light.color13,
|
11895
|
+
[vars$1.stringTextColor]: light.color13,
|
11896
|
+
[vars$1.metaStringTextColor]: light.color13,
|
11897
|
+
[vars$1.builtInTextColor]: light.color5,
|
11898
|
+
[vars$1.symbolTextColor]: light.color5,
|
11899
|
+
[vars$1.commentTextColor]: light.color6,
|
11900
|
+
[vars$1.codeTextColor]: light.color6,
|
11901
|
+
[vars$1.formulaTextColor]: light.color6,
|
11902
|
+
[vars$1.nameTextColor]: light.color7,
|
11903
|
+
[vars$1.quoteTextColor]: light.color7,
|
11904
|
+
[vars$1.selectorTagTextColor]: light.color7,
|
11905
|
+
[vars$1.selectorPseudoTextColor]: light.color7,
|
11906
|
+
[vars$1.substTextColor]: light.color8,
|
11907
|
+
[vars$1.sectionTextColor]: light.color4,
|
11908
|
+
[vars$1.bulletTextColor]: light.color9,
|
11909
|
+
[vars$1.emphasisTextColor]: light.color8,
|
11910
|
+
[vars$1.strongTextColor]: light.color8,
|
11911
|
+
[vars$1.additionTextColor]: light.color7,
|
11912
|
+
[vars$1.additionBgColor]: light.color10,
|
11913
|
+
[vars$1.deletionTextColor]: light.color2,
|
11914
|
+
[vars$1.deletionBgColor]: light.color10,
|
11915
|
+
/* purposely ignored */
|
11916
|
+
// [vars.charEscapeTextColor]: '',
|
11917
|
+
// [vars.linkTextColor]: '',
|
11918
|
+
// [vars.paramsTextColor]: '',
|
11919
|
+
// [vars.propertyTextColor]: '',
|
11920
|
+
// [vars.punctuationTextColor]: '',
|
11921
|
+
// [vars.tagTextColor ]: '',
|
11922
|
+
};
|
11923
|
+
|
11924
|
+
const codeSnippetDarkThemeOverrides = {
|
11925
|
+
codeSnippet: {
|
11926
|
+
[vars$1.rootBgColor]: globalRefs.colors.surface.main,
|
11927
|
+
[vars$1.rootTextColor]: globalRefs.colors.surface.contrast,
|
11928
|
+
[vars$1.docTagTextColor]: dark.color2,
|
11929
|
+
[vars$1.keywordTextColor]: dark.color2,
|
11930
|
+
[vars$1.metaKeywordTextColor]: dark.color2,
|
11931
|
+
[vars$1.templateTagTextColor]: dark.color2,
|
11932
|
+
[vars$1.templateVariableTextColor]: dark.color2,
|
11933
|
+
[vars$1.typeTextColor]: dark.color2,
|
11934
|
+
[vars$1.variableLanguageTextColor]: dark.color2,
|
11935
|
+
[vars$1.titleTextColor]: dark.color3,
|
11936
|
+
[vars$1.titleClassTextColor]: dark.color3,
|
11937
|
+
[vars$1.titleClassInheritedTextColor]: dark.color3,
|
11938
|
+
[vars$1.titleFunctionTextColor]: dark.color3,
|
11939
|
+
[vars$1.attrTextColor]: dark.color4,
|
11940
|
+
[vars$1.attributeTextColor]: dark.color4,
|
11941
|
+
[vars$1.literalTextColor]: dark.color4,
|
11942
|
+
[vars$1.metaTextColor]: dark.color4,
|
11943
|
+
[vars$1.numberTextColor]: dark.color4,
|
11944
|
+
[vars$1.operatorTextColor]: dark.color4,
|
11945
|
+
[vars$1.variableTextColor]: dark.color4,
|
11946
|
+
[vars$1.selectorAttrTextColor]: dark.color4,
|
11947
|
+
[vars$1.selectorClassTextColor]: dark.color4,
|
11948
|
+
[vars$1.selectorIdTextColor]: dark.color4,
|
11949
|
+
[vars$1.regexpTextColor]: dark.color13,
|
11950
|
+
[vars$1.stringTextColor]: dark.color13,
|
11951
|
+
[vars$1.metaStringTextColor]: dark.color13,
|
11952
|
+
[vars$1.builtInTextColor]: dark.color5,
|
11953
|
+
[vars$1.symbolTextColor]: dark.color5,
|
11954
|
+
[vars$1.commentTextColor]: dark.color6,
|
11955
|
+
[vars$1.codeTextColor]: dark.color6,
|
11956
|
+
[vars$1.formulaTextColor]: dark.color6,
|
11957
|
+
[vars$1.nameTextColor]: dark.color7,
|
11958
|
+
[vars$1.quoteTextColor]: dark.color7,
|
11959
|
+
[vars$1.selectorTagTextColor]: dark.color7,
|
11960
|
+
[vars$1.selectorPseudoTextColor]: dark.color7,
|
11961
|
+
[vars$1.substTextColor]: dark.color8,
|
11962
|
+
[vars$1.sectionTextColor]: dark.color4,
|
11963
|
+
[vars$1.bulletTextColor]: dark.color9,
|
11964
|
+
[vars$1.emphasisTextColor]: dark.color8,
|
11965
|
+
[vars$1.strongTextColor]: dark.color8,
|
11966
|
+
[vars$1.additionTextColor]: dark.color7,
|
11967
|
+
[vars$1.additionBgColor]: dark.color10,
|
11968
|
+
[vars$1.deletionTextColor]: dark.color2,
|
11969
|
+
[vars$1.deletionBgColor]: dark.color10,
|
11970
|
+
},
|
11971
|
+
};
|
11972
|
+
|
11973
|
+
var codeSnippet = /*#__PURE__*/Object.freeze({
|
11974
|
+
__proto__: null,
|
11975
|
+
codeSnippetDarkThemeOverrides: codeSnippetDarkThemeOverrides,
|
11976
|
+
default: CodeSnippet,
|
11588
11977
|
vars: vars$1
|
11589
11978
|
});
|
11590
11979
|
|
@@ -11603,7 +11992,7 @@ const components = {
|
|
11603
11992
|
notpImage,
|
11604
11993
|
text: text$3,
|
11605
11994
|
EnrichedText: EnrichedText$1,
|
11606
|
-
link: link$
|
11995
|
+
link: link$2,
|
11607
11996
|
divider: divider$1,
|
11608
11997
|
passcode: passcode$1,
|
11609
11998
|
loaderRadial: loaderRadial$1,
|
@@ -11630,6 +12019,7 @@ const components = {
|
|
11630
12019
|
samlGroupMappings: samlGroupMappings$1,
|
11631
12020
|
policyValidation: policyValidation$1,
|
11632
12021
|
icon: icon$1,
|
12022
|
+
codeSnippet,
|
11633
12023
|
};
|
11634
12024
|
|
11635
12025
|
const theme = Object.keys(components).reduce(
|
@@ -11642,7 +12032,7 @@ const vars = Object.keys(components).reduce(
|
|
11642
12032
|
);
|
11643
12033
|
|
11644
12034
|
const defaultTheme = { globals, components: theme };
|
11645
|
-
const themeVars = { globals: vars$
|
12035
|
+
const themeVars = { globals: vars$H, components: vars };
|
11646
12036
|
|
11647
12037
|
const colors = {
|
11648
12038
|
surface: {
|
@@ -11686,6 +12076,9 @@ const darkTheme = merge({}, defaultTheme, {
|
|
11686
12076
|
globals: {
|
11687
12077
|
colors,
|
11688
12078
|
},
|
12079
|
+
components: {
|
12080
|
+
...codeSnippetDarkThemeOverrides,
|
12081
|
+
},
|
11689
12082
|
});
|
11690
12083
|
|
11691
12084
|
const componentName$1 = getComponentName('recaptcha');
|
@@ -11969,6 +12362,7 @@ exports.ButtonMultiSelectionGroupClass = ButtonMultiSelectionGroupClass;
|
|
11969
12362
|
exports.ButtonSelectionGroupClass = ButtonSelectionGroupClass;
|
11970
12363
|
exports.ButtonSelectionGroupItemClass = ButtonSelectionGroupItemClass;
|
11971
12364
|
exports.CheckboxClass = CheckboxClass;
|
12365
|
+
exports.CodeSnippetClass = CodeSnippetClass;
|
11972
12366
|
exports.ContainerClass = ContainerClass;
|
11973
12367
|
exports.DividerClass = DividerClass;
|
11974
12368
|
exports.EmailFieldClass = EmailFieldClass;
|