@descope/web-components-ui 1.0.318 → 1.0.320
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +1334 -1010
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +1390 -1064
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/1438.js +1 -1
- package/dist/umd/2362.js +1 -1
- package/dist/umd/3830.js +1 -1
- package/dist/umd/4028.js +1 -1
- package/dist/umd/5135.js +1 -1
- package/dist/umd/5806.js +1 -1
- package/dist/umd/602.js +170 -0
- package/dist/umd/{1621.js.LICENSE.txt → 602.js.LICENSE.txt} +0 -6
- package/dist/umd/6770.js +1 -1
- package/dist/umd/7056.js +2 -2
- package/dist/umd/7284.js +303 -0
- package/dist/umd/7284.js.LICENSE.txt +11 -0
- package/dist/umd/8137.js +452 -0
- package/dist/umd/8137.js.LICENSE.txt +17 -0
- package/dist/umd/8191.js +4 -4
- package/dist/umd/9092.js +2 -2
- package/dist/umd/DescopeDev.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/descope-email-field-index-js.js +1 -1
- package/dist/umd/descope-grid-descope-grid-selection-column-index-js.js +1 -1
- package/dist/umd/descope-passcode-index-js.js +1 -1
- package/dist/umd/descope-radio-group-index-js.js +1 -0
- package/dist/umd/descope-text-field-index-js.js +1 -1
- package/dist/umd/index.js +1 -1
- package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js +1 -1
- package/package.json +3 -2
- package/src/components/descope-radio-group/RadioButtonClass.js +74 -0
- package/src/components/descope-radio-group/RadioGroupClass.js +192 -0
- package/src/components/descope-radio-group/index.js +8 -0
- package/src/index.cjs.js +2 -0
- package/src/index.js +1 -0
- package/src/theme/components/index.js +4 -0
- package/src/theme/components/radioGroup/radioButton.js +42 -0
- package/src/theme/components/radioGroup/radioGroup.js +37 -0
- package/dist/umd/1621.js +0 -620
package/dist/index.esm.js
CHANGED
@@ -19,6 +19,7 @@ import '@vaadin/icon';
|
|
19
19
|
import '@vaadin/icons';
|
20
20
|
import '@vaadin/custom-field';
|
21
21
|
import hljs from 'highlight.js';
|
22
|
+
import '@vaadin/radio-group';
|
22
23
|
import merge from 'lodash.merge';
|
23
24
|
import Color from 'color';
|
24
25
|
|
@@ -1356,9 +1357,9 @@ const inputEventsDispatchingMixin = (superclass) =>
|
|
1356
1357
|
|
1357
1358
|
/* eslint-disable no-use-before-define */
|
1358
1359
|
|
1359
|
-
const componentName$
|
1360
|
+
const componentName$W = getComponentName('icon');
|
1360
1361
|
|
1361
|
-
class RawIcon extends createBaseClass({ componentName: componentName$
|
1362
|
+
class RawIcon extends createBaseClass({ componentName: componentName$W, baseSelector: 'slot' }) {
|
1362
1363
|
constructor() {
|
1363
1364
|
super();
|
1364
1365
|
|
@@ -1427,7 +1428,7 @@ const clickableMixin = (superclass) =>
|
|
1427
1428
|
}
|
1428
1429
|
};
|
1429
1430
|
|
1430
|
-
const componentName$
|
1431
|
+
const componentName$V = getComponentName('button');
|
1431
1432
|
|
1432
1433
|
const resetStyles = `
|
1433
1434
|
:host {
|
@@ -1533,7 +1534,7 @@ const ButtonClass = compose(
|
|
1533
1534
|
}
|
1534
1535
|
`,
|
1535
1536
|
excludeAttrsSync: ['tabindex'],
|
1536
|
-
componentName: componentName$
|
1537
|
+
componentName: componentName$V,
|
1537
1538
|
})
|
1538
1539
|
);
|
1539
1540
|
|
@@ -1570,7 +1571,7 @@ loadingIndicatorStyles = `
|
|
1570
1571
|
}
|
1571
1572
|
`;
|
1572
1573
|
|
1573
|
-
customElements.define(componentName$
|
1574
|
+
customElements.define(componentName$V, ButtonClass);
|
1574
1575
|
|
1575
1576
|
const createBaseInputClass = (...args) =>
|
1576
1577
|
compose(
|
@@ -1580,11 +1581,11 @@ const createBaseInputClass = (...args) =>
|
|
1580
1581
|
inputEventsDispatchingMixin
|
1581
1582
|
)(createBaseClass(...args));
|
1582
1583
|
|
1583
|
-
const componentName$
|
1584
|
+
const componentName$U = getComponentName('boolean-field-internal');
|
1584
1585
|
|
1585
1586
|
const forwardAttributes$1 = ['disabled', 'label', 'invalid', 'readonly'];
|
1586
1587
|
|
1587
|
-
const BaseInputClass$8 = createBaseInputClass({ componentName: componentName$
|
1588
|
+
const BaseInputClass$8 = createBaseInputClass({ componentName: componentName$U, baseSelector: 'div' });
|
1588
1589
|
|
1589
1590
|
class BooleanInputInternal extends BaseInputClass$8 {
|
1590
1591
|
static get observedAttributes() {
|
@@ -1660,14 +1661,14 @@ const booleanFieldMixin = (superclass) =>
|
|
1660
1661
|
|
1661
1662
|
const template = document.createElement('template');
|
1662
1663
|
template.innerHTML = `
|
1663
|
-
<${componentName$
|
1664
|
+
<${componentName$U}
|
1664
1665
|
tabindex="-1"
|
1665
1666
|
slot="input"
|
1666
|
-
></${componentName$
|
1667
|
+
></${componentName$U}>
|
1667
1668
|
`;
|
1668
1669
|
|
1669
1670
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
1670
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
1671
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$U);
|
1671
1672
|
this.checkbox = this.inputElement.querySelector('vaadin-checkbox');
|
1672
1673
|
|
1673
1674
|
forwardAttrs(this, this.inputElement, {
|
@@ -1866,7 +1867,7 @@ descope-boolean-field-internal {
|
|
1866
1867
|
}
|
1867
1868
|
`;
|
1868
1869
|
|
1869
|
-
const componentName$
|
1870
|
+
const componentName$T = getComponentName('checkbox');
|
1870
1871
|
|
1871
1872
|
const {
|
1872
1873
|
host: host$m,
|
@@ -1972,15 +1973,15 @@ const CheckboxClass = compose(
|
|
1972
1973
|
}
|
1973
1974
|
`,
|
1974
1975
|
excludeAttrsSync: ['label', 'tabindex'],
|
1975
|
-
componentName: componentName$
|
1976
|
+
componentName: componentName$T,
|
1976
1977
|
})
|
1977
1978
|
);
|
1978
1979
|
|
1979
|
-
customElements.define(componentName$
|
1980
|
+
customElements.define(componentName$U, BooleanInputInternal);
|
1980
1981
|
|
1981
|
-
customElements.define(componentName$
|
1982
|
+
customElements.define(componentName$T, CheckboxClass);
|
1982
1983
|
|
1983
|
-
const componentName$
|
1984
|
+
const componentName$S = getComponentName('switch-toggle');
|
1984
1985
|
|
1985
1986
|
const {
|
1986
1987
|
host: host$l,
|
@@ -2112,17 +2113,17 @@ const SwitchToggleClass = compose(
|
|
2112
2113
|
}
|
2113
2114
|
`,
|
2114
2115
|
excludeAttrsSync: ['label', 'tabindex'],
|
2115
|
-
componentName: componentName$
|
2116
|
+
componentName: componentName$S,
|
2116
2117
|
})
|
2117
2118
|
);
|
2118
2119
|
|
2119
|
-
customElements.define(componentName$
|
2120
|
+
customElements.define(componentName$S, SwitchToggleClass);
|
2120
2121
|
|
2121
|
-
const componentName$
|
2122
|
+
const componentName$R = getComponentName('loader-linear');
|
2122
2123
|
|
2123
|
-
class RawLoaderLinear extends createBaseClass({ componentName: componentName$
|
2124
|
+
class RawLoaderLinear extends createBaseClass({ componentName: componentName$R, baseSelector: ':host > div' }) {
|
2124
2125
|
static get componentName() {
|
2125
|
-
return componentName$
|
2126
|
+
return componentName$R;
|
2126
2127
|
}
|
2127
2128
|
|
2128
2129
|
constructor() {
|
@@ -2183,11 +2184,11 @@ const LoaderLinearClass = compose(
|
|
2183
2184
|
componentNameValidationMixin
|
2184
2185
|
)(RawLoaderLinear);
|
2185
2186
|
|
2186
|
-
customElements.define(componentName$
|
2187
|
+
customElements.define(componentName$R, LoaderLinearClass);
|
2187
2188
|
|
2188
|
-
const componentName$
|
2189
|
+
const componentName$Q = getComponentName('loader-radial');
|
2189
2190
|
|
2190
|
-
class RawLoaderRadial extends createBaseClass({ componentName: componentName$
|
2191
|
+
class RawLoaderRadial extends createBaseClass({ componentName: componentName$Q, baseSelector: ':host > div' }) {
|
2191
2192
|
constructor() {
|
2192
2193
|
super();
|
2193
2194
|
|
@@ -2231,11 +2232,11 @@ const LoaderRadialClass = compose(
|
|
2231
2232
|
componentNameValidationMixin
|
2232
2233
|
)(RawLoaderRadial);
|
2233
2234
|
|
2234
|
-
customElements.define(componentName$
|
2235
|
+
customElements.define(componentName$Q, LoaderRadialClass);
|
2235
2236
|
|
2236
|
-
const componentName$
|
2237
|
+
const componentName$P = getComponentName('container');
|
2237
2238
|
|
2238
|
-
class RawContainer extends createBaseClass({ componentName: componentName$
|
2239
|
+
class RawContainer extends createBaseClass({ componentName: componentName$P, baseSelector: 'slot' }) {
|
2239
2240
|
constructor() {
|
2240
2241
|
super();
|
2241
2242
|
|
@@ -2288,11 +2289,11 @@ const ContainerClass = compose(
|
|
2288
2289
|
componentNameValidationMixin
|
2289
2290
|
)(RawContainer);
|
2290
2291
|
|
2291
|
-
customElements.define(componentName$
|
2292
|
+
customElements.define(componentName$P, ContainerClass);
|
2292
2293
|
|
2293
|
-
const componentName$
|
2294
|
+
const componentName$O = getComponentName('text');
|
2294
2295
|
|
2295
|
-
class RawText extends createBaseClass({ componentName: componentName$
|
2296
|
+
class RawText extends createBaseClass({ componentName: componentName$O, baseSelector: ':host > slot' }) {
|
2296
2297
|
constructor() {
|
2297
2298
|
super();
|
2298
2299
|
|
@@ -2349,8 +2350,8 @@ const TextClass = compose(
|
|
2349
2350
|
componentNameValidationMixin
|
2350
2351
|
)(RawText);
|
2351
2352
|
|
2352
|
-
const componentName$
|
2353
|
-
class RawDivider extends createBaseClass({ componentName: componentName$
|
2353
|
+
const componentName$N = getComponentName('divider');
|
2354
|
+
class RawDivider extends createBaseClass({ componentName: componentName$N, baseSelector: ':host > div' }) {
|
2354
2355
|
constructor() {
|
2355
2356
|
super();
|
2356
2357
|
|
@@ -2449,9 +2450,9 @@ const DividerClass = compose(
|
|
2449
2450
|
componentNameValidationMixin
|
2450
2451
|
)(RawDivider);
|
2451
2452
|
|
2452
|
-
customElements.define(componentName$
|
2453
|
+
customElements.define(componentName$O, TextClass);
|
2453
2454
|
|
2454
|
-
customElements.define(componentName$
|
2455
|
+
customElements.define(componentName$N, DividerClass);
|
2455
2456
|
|
2456
2457
|
const {
|
2457
2458
|
host: host$i,
|
@@ -2548,9 +2549,9 @@ var textFieldMappings = {
|
|
2548
2549
|
],
|
2549
2550
|
};
|
2550
2551
|
|
2551
|
-
const componentName$
|
2552
|
+
const componentName$M = getComponentName('email-field');
|
2552
2553
|
|
2553
|
-
const customMixin$
|
2554
|
+
const customMixin$a = (superclass) =>
|
2554
2555
|
class EmailFieldMixinClass extends superclass {
|
2555
2556
|
init() {
|
2556
2557
|
super.init?.();
|
@@ -2564,7 +2565,7 @@ const EmailFieldClass = compose(
|
|
2564
2565
|
draggableMixin,
|
2565
2566
|
composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),
|
2566
2567
|
componentNameValidationMixin,
|
2567
|
-
customMixin$
|
2568
|
+
customMixin$a
|
2568
2569
|
)(
|
2569
2570
|
createProxy({
|
2570
2571
|
slots: ['', 'suffix'],
|
@@ -2583,15 +2584,15 @@ const EmailFieldClass = compose(
|
|
2583
2584
|
${resetInputOverrides('vaadin-email-field', EmailFieldClass.cssVarList)}
|
2584
2585
|
`,
|
2585
2586
|
excludeAttrsSync: ['tabindex'],
|
2586
|
-
componentName: componentName$
|
2587
|
+
componentName: componentName$M,
|
2587
2588
|
})
|
2588
2589
|
);
|
2589
2590
|
|
2590
|
-
customElements.define(componentName$
|
2591
|
+
customElements.define(componentName$M, EmailFieldClass);
|
2591
2592
|
|
2592
|
-
const componentName$
|
2593
|
+
const componentName$L = getComponentName('link');
|
2593
2594
|
|
2594
|
-
class RawLink extends createBaseClass({ componentName: componentName$
|
2595
|
+
class RawLink extends createBaseClass({ componentName: componentName$L, baseSelector: ':host a' }) {
|
2595
2596
|
constructor() {
|
2596
2597
|
super();
|
2597
2598
|
|
@@ -2657,7 +2658,7 @@ const LinkClass = compose(
|
|
2657
2658
|
componentNameValidationMixin
|
2658
2659
|
)(RawLink);
|
2659
2660
|
|
2660
|
-
customElements.define(componentName$
|
2661
|
+
customElements.define(componentName$L, LinkClass);
|
2661
2662
|
|
2662
2663
|
const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) => {
|
2663
2664
|
let style;
|
@@ -2709,37 +2710,37 @@ const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) =>
|
|
2709
2710
|
return CssVarImageClass;
|
2710
2711
|
};
|
2711
2712
|
|
2712
|
-
const componentName$
|
2713
|
+
const componentName$K = getComponentName('logo');
|
2713
2714
|
|
2714
2715
|
const LogoClass = createCssVarImageClass({
|
2715
|
-
componentName: componentName$
|
2716
|
+
componentName: componentName$K,
|
2716
2717
|
varName: 'url',
|
2717
2718
|
fallbackVarName: 'fallbackUrl',
|
2718
2719
|
});
|
2719
2720
|
|
2720
|
-
customElements.define(componentName$
|
2721
|
+
customElements.define(componentName$K, LogoClass);
|
2721
2722
|
|
2722
|
-
const componentName$
|
2723
|
+
const componentName$J = getComponentName('totp-image');
|
2723
2724
|
|
2724
2725
|
const TotpImageClass = createCssVarImageClass({
|
2725
|
-
componentName: componentName$
|
2726
|
+
componentName: componentName$J,
|
2726
2727
|
varName: 'url',
|
2727
2728
|
fallbackVarName: 'fallbackUrl',
|
2728
2729
|
});
|
2729
2730
|
|
2730
|
-
customElements.define(componentName$
|
2731
|
+
customElements.define(componentName$J, TotpImageClass);
|
2731
2732
|
|
2732
|
-
const componentName$
|
2733
|
+
const componentName$I = getComponentName('notp-image');
|
2733
2734
|
|
2734
2735
|
const NotpImageClass = createCssVarImageClass({
|
2735
|
-
componentName: componentName$
|
2736
|
+
componentName: componentName$I,
|
2736
2737
|
varName: 'url',
|
2737
2738
|
fallbackVarName: 'fallbackUrl',
|
2738
2739
|
});
|
2739
2740
|
|
2740
|
-
customElements.define(componentName$
|
2741
|
+
customElements.define(componentName$I, NotpImageClass);
|
2741
2742
|
|
2742
|
-
const componentName$
|
2743
|
+
const componentName$H = getComponentName('number-field');
|
2743
2744
|
|
2744
2745
|
const NumberFieldClass = compose(
|
2745
2746
|
createStyleMixin({
|
@@ -2765,11 +2766,11 @@ const NumberFieldClass = compose(
|
|
2765
2766
|
${resetInputOverrides('vaadin-number-field', NumberFieldClass.cssVarList)}
|
2766
2767
|
`,
|
2767
2768
|
excludeAttrsSync: ['tabindex'],
|
2768
|
-
componentName: componentName$
|
2769
|
+
componentName: componentName$H,
|
2769
2770
|
})
|
2770
2771
|
);
|
2771
2772
|
|
2772
|
-
customElements.define(componentName$
|
2773
|
+
customElements.define(componentName$H, NumberFieldClass);
|
2773
2774
|
|
2774
2775
|
const focusElement = (ele) => {
|
2775
2776
|
ele?.focus();
|
@@ -2787,13 +2788,13 @@ const getSanitizedCharacters = (str) => {
|
|
2787
2788
|
|
2788
2789
|
/* eslint-disable no-param-reassign */
|
2789
2790
|
|
2790
|
-
const componentName$
|
2791
|
+
const componentName$G = getComponentName('passcode-internal');
|
2791
2792
|
|
2792
2793
|
const observedAttributes$5 = ['digits', 'loading'];
|
2793
2794
|
|
2794
2795
|
const forwardAttributes = ['disabled', 'bordered', 'size', 'invalid', 'readonly'];
|
2795
2796
|
|
2796
|
-
const BaseInputClass$7 = createBaseInputClass({ componentName: componentName$
|
2797
|
+
const BaseInputClass$7 = createBaseInputClass({ componentName: componentName$G, baseSelector: 'div' });
|
2797
2798
|
|
2798
2799
|
class PasscodeInternal extends BaseInputClass$7 {
|
2799
2800
|
static get observedAttributes() {
|
@@ -3019,11 +3020,11 @@ class PasscodeInternal extends BaseInputClass$7 {
|
|
3019
3020
|
}
|
3020
3021
|
}
|
3021
3022
|
|
3022
|
-
const componentName$
|
3023
|
+
const componentName$F = getComponentName('text-field');
|
3023
3024
|
|
3024
3025
|
const observedAttrs = ['type'];
|
3025
3026
|
|
3026
|
-
const customMixin$
|
3027
|
+
const customMixin$9 = (superclass) =>
|
3027
3028
|
class TextFieldClass extends superclass {
|
3028
3029
|
static get observedAttributes() {
|
3029
3030
|
return observedAttrs.concat(superclass.observedAttributes || []);
|
@@ -3075,7 +3076,7 @@ const TextFieldClass = compose(
|
|
3075
3076
|
draggableMixin,
|
3076
3077
|
composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),
|
3077
3078
|
componentNameValidationMixin,
|
3078
|
-
customMixin$
|
3079
|
+
customMixin$9
|
3079
3080
|
)(
|
3080
3081
|
createProxy({
|
3081
3082
|
slots: ['prefix', 'suffix'],
|
@@ -3097,15 +3098,15 @@ const TextFieldClass = compose(
|
|
3097
3098
|
${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}
|
3098
3099
|
`,
|
3099
3100
|
excludeAttrsSync: ['tabindex'],
|
3100
|
-
componentName: componentName$
|
3101
|
+
componentName: componentName$F,
|
3101
3102
|
})
|
3102
3103
|
);
|
3103
3104
|
|
3104
|
-
const componentName$
|
3105
|
+
const componentName$E = getComponentName('passcode');
|
3105
3106
|
|
3106
3107
|
const observedAttributes$4 = ['digits'];
|
3107
3108
|
|
3108
|
-
const customMixin$
|
3109
|
+
const customMixin$8 = (superclass) =>
|
3109
3110
|
class PasscodeMixinClass extends superclass {
|
3110
3111
|
static get observedAttributes() {
|
3111
3112
|
return observedAttributes$4.concat(superclass.observedAttributes || []);
|
@@ -3120,17 +3121,17 @@ const customMixin$7 = (superclass) =>
|
|
3120
3121
|
const template = document.createElement('template');
|
3121
3122
|
|
3122
3123
|
template.innerHTML = `
|
3123
|
-
<${componentName$
|
3124
|
+
<${componentName$G}
|
3124
3125
|
bordered="true"
|
3125
3126
|
name="code"
|
3126
3127
|
tabindex="-1"
|
3127
3128
|
slot="input"
|
3128
|
-
><slot></slot></${componentName$
|
3129
|
+
><slot></slot></${componentName$G}>
|
3129
3130
|
`;
|
3130
3131
|
|
3131
3132
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
3132
3133
|
|
3133
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
3134
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$G);
|
3134
3135
|
|
3135
3136
|
forwardAttrs(this, this.inputElement, { includeAttrs: ['digits', 'size', 'loading'] });
|
3136
3137
|
}
|
@@ -3201,7 +3202,7 @@ const PasscodeClass = compose(
|
|
3201
3202
|
draggableMixin,
|
3202
3203
|
composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),
|
3203
3204
|
componentNameValidationMixin,
|
3204
|
-
customMixin$
|
3205
|
+
customMixin$8
|
3205
3206
|
)(
|
3206
3207
|
createProxy({
|
3207
3208
|
slots: [],
|
@@ -3277,15 +3278,15 @@ const PasscodeClass = compose(
|
|
3277
3278
|
${resetInputCursor('vaadin-text-field')}
|
3278
3279
|
`,
|
3279
3280
|
excludeAttrsSync: ['tabindex'],
|
3280
|
-
componentName: componentName$
|
3281
|
+
componentName: componentName$E,
|
3281
3282
|
})
|
3282
3283
|
);
|
3283
3284
|
|
3284
|
-
customElements.define(componentName$
|
3285
|
+
customElements.define(componentName$F, TextFieldClass);
|
3285
3286
|
|
3286
|
-
customElements.define(componentName$
|
3287
|
+
customElements.define(componentName$G, PasscodeInternal);
|
3287
3288
|
|
3288
|
-
customElements.define(componentName$
|
3289
|
+
customElements.define(componentName$E, PasscodeClass);
|
3289
3290
|
|
3290
3291
|
const passwordDraggableMixin = (superclass) =>
|
3291
3292
|
class PasswordDraggableMixinClass extends superclass {
|
@@ -3389,9 +3390,9 @@ const applyExternalInputStyles = (sourceInputEle, targetInputEle) => {
|
|
3389
3390
|
`;
|
3390
3391
|
};
|
3391
3392
|
|
3392
|
-
const componentName$
|
3393
|
+
const componentName$D = getComponentName('password');
|
3393
3394
|
|
3394
|
-
const customMixin$
|
3395
|
+
const customMixin$7 = (superclass) =>
|
3395
3396
|
class PasswordFieldMixinClass extends superclass {
|
3396
3397
|
init() {
|
3397
3398
|
super.init?.();
|
@@ -3533,7 +3534,7 @@ const PasswordClass = compose(
|
|
3533
3534
|
composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),
|
3534
3535
|
componentNameValidationMixin,
|
3535
3536
|
passwordDraggableMixin,
|
3536
|
-
customMixin$
|
3537
|
+
customMixin$7
|
3537
3538
|
)(
|
3538
3539
|
createProxy({
|
3539
3540
|
slots: ['', 'suffix'],
|
@@ -3590,11 +3591,11 @@ const PasswordClass = compose(
|
|
3590
3591
|
}
|
3591
3592
|
`,
|
3592
3593
|
excludeAttrsSync: ['tabindex'],
|
3593
|
-
componentName: componentName$
|
3594
|
+
componentName: componentName$D,
|
3594
3595
|
})
|
3595
3596
|
);
|
3596
3597
|
|
3597
|
-
customElements.define(componentName$
|
3598
|
+
customElements.define(componentName$D, PasswordClass);
|
3598
3599
|
|
3599
3600
|
const textRuleSet = {
|
3600
3601
|
components: {
|
@@ -3610,9 +3611,9 @@ const textRuleSet = {
|
|
3610
3611
|
},
|
3611
3612
|
};
|
3612
3613
|
|
3613
|
-
const componentName$
|
3614
|
+
const componentName$C = getComponentName('enriched-text');
|
3614
3615
|
|
3615
|
-
let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName: componentName$
|
3616
|
+
let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName: componentName$C, baseSelector: ':host > div' }) {
|
3616
3617
|
#origLinkRenderer;
|
3617
3618
|
|
3618
3619
|
constructor() {
|
@@ -3773,9 +3774,9 @@ const EnrichedTextClass = compose(
|
|
3773
3774
|
componentNameValidationMixin
|
3774
3775
|
)(EnrichedText$2);
|
3775
3776
|
|
3776
|
-
customElements.define(componentName$
|
3777
|
+
customElements.define(componentName$C, EnrichedTextClass);
|
3777
3778
|
|
3778
|
-
const componentName$
|
3779
|
+
const componentName$B = getComponentName('text-area');
|
3779
3780
|
|
3780
3781
|
const {
|
3781
3782
|
host: host$e,
|
@@ -3851,17 +3852,17 @@ const TextAreaClass = compose(
|
|
3851
3852
|
${resetInputCursor('vaadin-text-area')}
|
3852
3853
|
`,
|
3853
3854
|
excludeAttrsSync: ['tabindex'],
|
3854
|
-
componentName: componentName$
|
3855
|
+
componentName: componentName$B,
|
3855
3856
|
})
|
3856
3857
|
);
|
3857
3858
|
|
3858
|
-
customElements.define(componentName$
|
3859
|
+
customElements.define(componentName$B, TextAreaClass);
|
3859
3860
|
|
3860
3861
|
const observedAttributes$3 = ['src', 'alt'];
|
3861
3862
|
|
3862
|
-
const componentName$
|
3863
|
+
const componentName$A = getComponentName('image');
|
3863
3864
|
|
3864
|
-
const BaseClass$1 = createBaseClass({ componentName: componentName$
|
3865
|
+
const BaseClass$1 = createBaseClass({ componentName: componentName$A, baseSelector: ':host > img' });
|
3865
3866
|
class RawImage extends BaseClass$1 {
|
3866
3867
|
static get observedAttributes() {
|
3867
3868
|
return observedAttributes$3.concat(BaseClass$1.observedAttributes || []);
|
@@ -3901,9 +3902,9 @@ const ImageClass = compose(
|
|
3901
3902
|
draggableMixin
|
3902
3903
|
)(RawImage);
|
3903
3904
|
|
3904
|
-
customElements.define(componentName$
|
3905
|
+
customElements.define(componentName$A, ImageClass);
|
3905
3906
|
|
3906
|
-
const componentName$
|
3907
|
+
const componentName$z = getComponentName('combo-box');
|
3907
3908
|
|
3908
3909
|
const ComboBoxMixin = (superclass) =>
|
3909
3910
|
class ComboBoxMixinClass extends superclass {
|
@@ -4286,12 +4287,12 @@ const ComboBoxClass = compose(
|
|
4286
4287
|
// and reset items to an empty array, and opening the list box with no items
|
4287
4288
|
// to display.
|
4288
4289
|
excludeAttrsSync: ['tabindex', 'size', 'data'],
|
4289
|
-
componentName: componentName$
|
4290
|
+
componentName: componentName$z,
|
4290
4291
|
includeForwardProps: ['items', 'renderer', 'selectedItem'],
|
4291
4292
|
})
|
4292
4293
|
);
|
4293
4294
|
|
4294
|
-
customElements.define(componentName$
|
4295
|
+
customElements.define(componentName$z, ComboBoxClass);
|
4295
4296
|
|
4296
4297
|
var CountryCodes = [
|
4297
4298
|
// United States should be the first option
|
@@ -5534,7 +5535,7 @@ const comboBoxItem = ({ code, dialCode, name: country }) => `
|
|
5534
5535
|
</div>
|
5535
5536
|
`;
|
5536
5537
|
|
5537
|
-
const componentName$
|
5538
|
+
const componentName$y = getComponentName('phone-field-internal');
|
5538
5539
|
|
5539
5540
|
const commonAttrs$1 = ['disabled', 'size', 'bordered', 'invalid', 'readonly'];
|
5540
5541
|
const countryAttrs = ['country-input-placeholder', 'default-code', 'restrict-countries'];
|
@@ -5546,7 +5547,7 @@ const mapAttrs$1 = {
|
|
5546
5547
|
|
5547
5548
|
const inputRelatedAttrs$1 = [].concat(commonAttrs$1, countryAttrs, phoneAttrs);
|
5548
5549
|
|
5549
|
-
const BaseInputClass$6 = createBaseInputClass({ componentName: componentName$
|
5550
|
+
const BaseInputClass$6 = createBaseInputClass({ componentName: componentName$y, baseSelector: 'div' });
|
5550
5551
|
|
5551
5552
|
let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
|
5552
5553
|
static get observedAttributes() {
|
@@ -5718,14 +5719,14 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
|
|
5718
5719
|
}
|
5719
5720
|
};
|
5720
5721
|
|
5721
|
-
customElements.define(componentName$
|
5722
|
+
customElements.define(componentName$y, PhoneFieldInternal$1);
|
5722
5723
|
|
5723
5724
|
const textVars$1 = TextFieldClass.cssVarList;
|
5724
5725
|
const comboVars = ComboBoxClass.cssVarList;
|
5725
5726
|
|
5726
|
-
const componentName$
|
5727
|
+
const componentName$x = getComponentName('phone-field');
|
5727
5728
|
|
5728
|
-
const customMixin$
|
5729
|
+
const customMixin$6 = (superclass) =>
|
5729
5730
|
class PhoneFieldMixinClass extends superclass {
|
5730
5731
|
static get CountryCodes() {
|
5731
5732
|
return CountryCodes;
|
@@ -5737,15 +5738,15 @@ const customMixin$5 = (superclass) =>
|
|
5737
5738
|
const template = document.createElement('template');
|
5738
5739
|
|
5739
5740
|
template.innerHTML = `
|
5740
|
-
<${componentName$
|
5741
|
+
<${componentName$y}
|
5741
5742
|
tabindex="-1"
|
5742
5743
|
slot="input"
|
5743
|
-
></${componentName$
|
5744
|
+
></${componentName$y}>
|
5744
5745
|
`;
|
5745
5746
|
|
5746
5747
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
5747
5748
|
|
5748
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
5749
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$y);
|
5749
5750
|
|
5750
5751
|
forwardAttrs(this.shadowRoot.host, this.inputElement, {
|
5751
5752
|
includeAttrs: [
|
@@ -5865,7 +5866,7 @@ const PhoneFieldClass = compose(
|
|
5865
5866
|
}),
|
5866
5867
|
draggableMixin,
|
5867
5868
|
composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),
|
5868
|
-
customMixin$
|
5869
|
+
customMixin$6
|
5869
5870
|
)(
|
5870
5871
|
createProxy({
|
5871
5872
|
slots: [],
|
@@ -5941,17 +5942,17 @@ const PhoneFieldClass = compose(
|
|
5941
5942
|
${resetInputLabelPosition('vaadin-text-field')}
|
5942
5943
|
`,
|
5943
5944
|
excludeAttrsSync: ['tabindex'],
|
5944
|
-
componentName: componentName$
|
5945
|
+
componentName: componentName$x,
|
5945
5946
|
})
|
5946
5947
|
);
|
5947
5948
|
|
5948
|
-
customElements.define(componentName$
|
5949
|
+
customElements.define(componentName$x, PhoneFieldClass);
|
5949
5950
|
|
5950
5951
|
const getCountryByCodeId = (countryCode) => {
|
5951
5952
|
return CountryCodes.find((c) => c.code === countryCode)?.dialCode;
|
5952
5953
|
};
|
5953
5954
|
|
5954
|
-
const componentName$
|
5955
|
+
const componentName$w = getComponentName('phone-field-internal-input-box');
|
5955
5956
|
|
5956
5957
|
const observedAttributes$2 = [
|
5957
5958
|
'disabled',
|
@@ -5967,7 +5968,7 @@ const mapAttrs = {
|
|
5967
5968
|
'phone-input-placeholder': 'placeholder',
|
5968
5969
|
};
|
5969
5970
|
|
5970
|
-
const BaseInputClass$5 = createBaseInputClass({ componentName: componentName$
|
5971
|
+
const BaseInputClass$5 = createBaseInputClass({ componentName: componentName$w, baseSelector: 'div' });
|
5971
5972
|
|
5972
5973
|
class PhoneFieldInternal extends BaseInputClass$5 {
|
5973
5974
|
static get observedAttributes() {
|
@@ -6106,13 +6107,13 @@ class PhoneFieldInternal extends BaseInputClass$5 {
|
|
6106
6107
|
}
|
6107
6108
|
}
|
6108
6109
|
|
6109
|
-
customElements.define(componentName$
|
6110
|
+
customElements.define(componentName$w, PhoneFieldInternal);
|
6110
6111
|
|
6111
6112
|
const textVars = TextFieldClass.cssVarList;
|
6112
6113
|
|
6113
|
-
const componentName$
|
6114
|
+
const componentName$v = getComponentName('phone-input-box-field');
|
6114
6115
|
|
6115
|
-
const customMixin$
|
6116
|
+
const customMixin$5 = (superclass) =>
|
6116
6117
|
class PhoneInputBoxFieldMixinClass extends superclass {
|
6117
6118
|
static get CountryCodes() {
|
6118
6119
|
return CountryCodes;
|
@@ -6124,15 +6125,15 @@ const customMixin$4 = (superclass) =>
|
|
6124
6125
|
const template = document.createElement('template');
|
6125
6126
|
|
6126
6127
|
template.innerHTML = `
|
6127
|
-
<${componentName$
|
6128
|
+
<${componentName$w}
|
6128
6129
|
tabindex="-1"
|
6129
6130
|
slot="input"
|
6130
|
-
></${componentName$
|
6131
|
+
></${componentName$w}>
|
6131
6132
|
`;
|
6132
6133
|
|
6133
6134
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
6134
6135
|
|
6135
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
6136
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$w);
|
6136
6137
|
|
6137
6138
|
forwardAttrs(this.shadowRoot.host, this.inputElement, {
|
6138
6139
|
includeAttrs: [
|
@@ -6199,7 +6200,7 @@ const PhoneFieldInputBoxClass = compose(
|
|
6199
6200
|
}),
|
6200
6201
|
draggableMixin,
|
6201
6202
|
composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),
|
6202
|
-
customMixin$
|
6203
|
+
customMixin$5
|
6203
6204
|
)(
|
6204
6205
|
createProxy({
|
6205
6206
|
slots: [],
|
@@ -6265,26 +6266,26 @@ const PhoneFieldInputBoxClass = compose(
|
|
6265
6266
|
${resetInputLabelPosition('vaadin-text-field')}
|
6266
6267
|
`,
|
6267
6268
|
excludeAttrsSync: ['tabindex'],
|
6268
|
-
componentName: componentName$
|
6269
|
+
componentName: componentName$v,
|
6269
6270
|
})
|
6270
6271
|
);
|
6271
6272
|
|
6272
|
-
customElements.define(componentName$
|
6273
|
+
customElements.define(componentName$v, PhoneFieldInputBoxClass);
|
6273
6274
|
|
6274
|
-
const componentName$
|
6275
|
+
const componentName$u = getComponentName('new-password-internal');
|
6275
6276
|
|
6276
6277
|
const interpolateString = (template, values) =>
|
6277
6278
|
template.replace(/{{(\w+)+}}/g, (match, key) => values?.[key] || match);
|
6278
6279
|
|
6279
6280
|
// eslint-disable-next-line max-classes-per-file
|
6280
6281
|
|
6281
|
-
const componentName$
|
6282
|
+
const componentName$t = getComponentName('policy-validation');
|
6282
6283
|
|
6283
6284
|
const overrideAttrs = ['data-password-policy-value-minlength'];
|
6284
6285
|
const dataAttrs = ['data', 'active-policies', 'overrides', ...overrideAttrs];
|
6285
6286
|
const policyAttrs = ['label', 'value', ...dataAttrs];
|
6286
6287
|
|
6287
|
-
class RawPolicyValidation extends createBaseClass({ componentName: componentName$
|
6288
|
+
class RawPolicyValidation extends createBaseClass({ componentName: componentName$t, baseSelector: ':host > div' }) {
|
6288
6289
|
#availablePolicies;
|
6289
6290
|
|
6290
6291
|
#activePolicies = [];
|
@@ -6492,11 +6493,11 @@ const PolicyValidationClass = compose(
|
|
6492
6493
|
componentNameValidationMixin
|
6493
6494
|
)(RawPolicyValidation);
|
6494
6495
|
|
6495
|
-
const componentName$
|
6496
|
+
const componentName$s = getComponentName('new-password');
|
6496
6497
|
|
6497
6498
|
const policyPreviewVars = PolicyValidationClass.cssVarList;
|
6498
6499
|
|
6499
|
-
const customMixin$
|
6500
|
+
const customMixin$4 = (superclass) =>
|
6500
6501
|
class NewPasswordMixinClass extends superclass {
|
6501
6502
|
init() {
|
6502
6503
|
super.init?.();
|
@@ -6504,19 +6505,19 @@ const customMixin$3 = (superclass) =>
|
|
6504
6505
|
const template = document.createElement('template');
|
6505
6506
|
|
6506
6507
|
template.innerHTML = `
|
6507
|
-
<${componentName$
|
6508
|
+
<${componentName$u}
|
6508
6509
|
name="new-password"
|
6509
6510
|
tabindex="-1"
|
6510
6511
|
slot="input"
|
6511
6512
|
>
|
6512
|
-
</${componentName$
|
6513
|
+
</${componentName$u}>
|
6513
6514
|
`;
|
6514
6515
|
|
6515
6516
|
this.setAttribute('external-input', 'true');
|
6516
6517
|
|
6517
6518
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
6518
6519
|
|
6519
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
6520
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$u);
|
6520
6521
|
|
6521
6522
|
// get descope input components
|
6522
6523
|
this.passwordInput = this.inputElement.querySelector('[data-id="password"]');
|
@@ -6612,7 +6613,7 @@ const NewPasswordClass = compose(
|
|
6612
6613
|
}),
|
6613
6614
|
draggableMixin,
|
6614
6615
|
composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),
|
6615
|
-
customMixin$
|
6616
|
+
customMixin$4
|
6616
6617
|
)(
|
6617
6618
|
createProxy({
|
6618
6619
|
slots: [],
|
@@ -6671,11 +6672,11 @@ const NewPasswordClass = compose(
|
|
6671
6672
|
}
|
6672
6673
|
`,
|
6673
6674
|
excludeAttrsSync: ['tabindex'],
|
6674
|
-
componentName: componentName$
|
6675
|
+
componentName: componentName$s,
|
6675
6676
|
})
|
6676
6677
|
);
|
6677
6678
|
|
6678
|
-
customElements.define(componentName$
|
6679
|
+
customElements.define(componentName$t, PolicyValidationClass);
|
6679
6680
|
|
6680
6681
|
const passwordAttrPrefixRegex = /^password-/;
|
6681
6682
|
const confirmAttrPrefixRegex = /^confirm-/;
|
@@ -6705,7 +6706,7 @@ const inputRelatedAttrs = [].concat(
|
|
6705
6706
|
policyPanelAttrs
|
6706
6707
|
);
|
6707
6708
|
|
6708
|
-
const BaseInputClass$4 = createBaseInputClass({ componentName: componentName$
|
6709
|
+
const BaseInputClass$4 = createBaseInputClass({ componentName: componentName$u, baseSelector: 'div' });
|
6709
6710
|
|
6710
6711
|
class NewPasswordInternal extends BaseInputClass$4 {
|
6711
6712
|
static get observedAttributes() {
|
@@ -6903,16 +6904,16 @@ class NewPasswordInternal extends BaseInputClass$4 {
|
|
6903
6904
|
}
|
6904
6905
|
}
|
6905
6906
|
|
6906
|
-
customElements.define(componentName$
|
6907
|
+
customElements.define(componentName$u, NewPasswordInternal);
|
6907
6908
|
|
6908
|
-
customElements.define(componentName$
|
6909
|
+
customElements.define(componentName$s, NewPasswordClass);
|
6909
6910
|
|
6910
|
-
const componentName$
|
6911
|
+
const componentName$r = getComponentName('recaptcha');
|
6911
6912
|
|
6912
6913
|
const observedAttributes$1 = ['enabled', 'site-key', 'action', 'enterprise'];
|
6913
6914
|
|
6914
6915
|
const BaseClass = createBaseClass({
|
6915
|
-
componentName: componentName$
|
6916
|
+
componentName: componentName$r,
|
6916
6917
|
baseSelector: ':host > div',
|
6917
6918
|
});
|
6918
6919
|
class RawRecaptcha extends BaseClass {
|
@@ -7082,7 +7083,7 @@ class RawRecaptcha extends BaseClass {
|
|
7082
7083
|
|
7083
7084
|
const RecaptchaClass = compose(draggableMixin)(RawRecaptcha);
|
7084
7085
|
|
7085
|
-
customElements.define(componentName$
|
7086
|
+
customElements.define(componentName$r, RecaptchaClass);
|
7086
7087
|
|
7087
7088
|
const getFileBase64 = (fileObj) => {
|
7088
7089
|
return new Promise((resolve) => {
|
@@ -7096,7 +7097,7 @@ const getFilename = (fileObj) => {
|
|
7096
7097
|
return fileObj.name.replace(/^.*\\/, '');
|
7097
7098
|
};
|
7098
7099
|
|
7099
|
-
const componentName$
|
7100
|
+
const componentName$q = getComponentName('upload-file');
|
7100
7101
|
|
7101
7102
|
const observedAttributes = [
|
7102
7103
|
'title',
|
@@ -7111,7 +7112,7 @@ const observedAttributes = [
|
|
7111
7112
|
'icon',
|
7112
7113
|
];
|
7113
7114
|
|
7114
|
-
const BaseInputClass$3 = createBaseInputClass({ componentName: componentName$
|
7115
|
+
const BaseInputClass$3 = createBaseInputClass({ componentName: componentName$q, baseSelector: ':host > div' });
|
7115
7116
|
|
7116
7117
|
class RawUploadFile extends BaseInputClass$3 {
|
7117
7118
|
static get observedAttributes() {
|
@@ -7326,7 +7327,7 @@ const UploadFileClass = compose(
|
|
7326
7327
|
componentNameValidationMixin
|
7327
7328
|
)(RawUploadFile);
|
7328
7329
|
|
7329
|
-
customElements.define(componentName$
|
7330
|
+
customElements.define(componentName$q, UploadFileClass);
|
7330
7331
|
|
7331
7332
|
const createBaseButtonSelectionGroupInternalClass = (componentName) => {
|
7332
7333
|
class BaseButtonSelectionGroupInternalClass extends createBaseInputClass({
|
@@ -7424,10 +7425,10 @@ const createBaseButtonSelectionGroupInternalClass = (componentName) => {
|
|
7424
7425
|
return BaseButtonSelectionGroupInternalClass;
|
7425
7426
|
};
|
7426
7427
|
|
7427
|
-
const componentName$
|
7428
|
+
const componentName$p = getComponentName('button-selection-group-internal');
|
7428
7429
|
|
7429
7430
|
class ButtonSelectionGroupInternalClass extends createBaseButtonSelectionGroupInternalClass(
|
7430
|
-
componentName$
|
7431
|
+
componentName$p
|
7431
7432
|
) {
|
7432
7433
|
getSelectedNode() {
|
7433
7434
|
return this.items.find((item) => item.hasAttribute('selected'));
|
@@ -7659,7 +7660,7 @@ const buttonSelectionGroupStyles = `
|
|
7659
7660
|
${resetInputCursor('vaadin-text-field')}
|
7660
7661
|
`;
|
7661
7662
|
|
7662
|
-
const componentName$
|
7663
|
+
const componentName$o = getComponentName('button-selection-group');
|
7663
7664
|
|
7664
7665
|
const buttonSelectionGroupMixin = (superclass) =>
|
7665
7666
|
class ButtonMultiSelectionGroupMixinClass extends superclass {
|
@@ -7668,19 +7669,19 @@ const buttonSelectionGroupMixin = (superclass) =>
|
|
7668
7669
|
const template = document.createElement('template');
|
7669
7670
|
|
7670
7671
|
template.innerHTML = `
|
7671
|
-
<${componentName$
|
7672
|
+
<${componentName$p}
|
7672
7673
|
name="button-selection-group"
|
7673
7674
|
slot="input"
|
7674
7675
|
tabindex="-1"
|
7675
7676
|
part="internal-component"
|
7676
7677
|
>
|
7677
7678
|
<slot></slot>
|
7678
|
-
</${componentName$
|
7679
|
+
</${componentName$p}>
|
7679
7680
|
`;
|
7680
7681
|
|
7681
7682
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
7682
7683
|
|
7683
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
7684
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$p);
|
7684
7685
|
|
7685
7686
|
forwardAttrs(this, this.inputElement, {
|
7686
7687
|
includeAttrs: ['size', 'default-value', 'allow-deselect'],
|
@@ -7705,16 +7706,16 @@ const ButtonSelectionGroupClass = compose(
|
|
7705
7706
|
wrappedEleName: 'vaadin-text-field',
|
7706
7707
|
style: () => buttonSelectionGroupStyles,
|
7707
7708
|
excludeAttrsSync: ['tabindex'],
|
7708
|
-
componentName: componentName$
|
7709
|
+
componentName: componentName$o,
|
7709
7710
|
})
|
7710
7711
|
);
|
7711
7712
|
|
7712
|
-
customElements.define(componentName$
|
7713
|
+
customElements.define(componentName$p, ButtonSelectionGroupInternalClass);
|
7713
7714
|
|
7714
|
-
const componentName$
|
7715
|
+
const componentName$n = getComponentName('button-selection-group-item');
|
7715
7716
|
|
7716
7717
|
class RawSelectItem extends createBaseClass({
|
7717
|
-
componentName: componentName$
|
7718
|
+
componentName: componentName$n,
|
7718
7719
|
baseSelector: ':host > descope-button',
|
7719
7720
|
}) {
|
7720
7721
|
get size() {
|
@@ -7821,14 +7822,14 @@ const ButtonSelectionGroupItemClass = compose(
|
|
7821
7822
|
componentNameValidationMixin
|
7822
7823
|
)(RawSelectItem);
|
7823
7824
|
|
7824
|
-
customElements.define(componentName$
|
7825
|
+
customElements.define(componentName$n, ButtonSelectionGroupItemClass);
|
7825
7826
|
|
7826
|
-
customElements.define(componentName$
|
7827
|
+
customElements.define(componentName$o, ButtonSelectionGroupClass);
|
7827
7828
|
|
7828
|
-
const componentName$
|
7829
|
+
const componentName$m = getComponentName('button-multi-selection-group-internal');
|
7829
7830
|
|
7830
7831
|
class ButtonMultiSelectionGroupInternalClass extends createBaseButtonSelectionGroupInternalClass(
|
7831
|
-
componentName$
|
7832
|
+
componentName$m
|
7832
7833
|
) {
|
7833
7834
|
#getSelectedNodes() {
|
7834
7835
|
return this.items.filter((item) => item.hasAttribute('selected'));
|
@@ -7931,7 +7932,7 @@ class ButtonMultiSelectionGroupInternalClass extends createBaseButtonSelectionGr
|
|
7931
7932
|
}
|
7932
7933
|
}
|
7933
7934
|
|
7934
|
-
const componentName$
|
7935
|
+
const componentName$l = getComponentName('button-multi-selection-group');
|
7935
7936
|
|
7936
7937
|
const buttonMultiSelectionGroupMixin = (superclass) =>
|
7937
7938
|
class ButtonMultiSelectionGroupMixinClass extends superclass {
|
@@ -7940,19 +7941,19 @@ const buttonMultiSelectionGroupMixin = (superclass) =>
|
|
7940
7941
|
const template = document.createElement('template');
|
7941
7942
|
|
7942
7943
|
template.innerHTML = `
|
7943
|
-
<${componentName$
|
7944
|
+
<${componentName$m}
|
7944
7945
|
name="button-selection-group"
|
7945
7946
|
slot="input"
|
7946
7947
|
tabindex="-1"
|
7947
7948
|
part="internal-component"
|
7948
7949
|
>
|
7949
7950
|
<slot></slot>
|
7950
|
-
</${componentName$
|
7951
|
+
</${componentName$m}>
|
7951
7952
|
`;
|
7952
7953
|
|
7953
7954
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
7954
7955
|
|
7955
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
7956
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$m);
|
7956
7957
|
|
7957
7958
|
forwardAttrs(this, this.inputElement, {
|
7958
7959
|
includeAttrs: ['size', 'default-values', 'min-items-selection', 'max-items-selection'],
|
@@ -7977,13 +7978,13 @@ const ButtonMultiSelectionGroupClass = compose(
|
|
7977
7978
|
wrappedEleName: 'vaadin-text-field',
|
7978
7979
|
style: () => buttonSelectionGroupStyles,
|
7979
7980
|
excludeAttrsSync: ['tabindex'],
|
7980
|
-
componentName: componentName$
|
7981
|
+
componentName: componentName$l,
|
7981
7982
|
})
|
7982
7983
|
);
|
7983
7984
|
|
7984
|
-
customElements.define(componentName$
|
7985
|
+
customElements.define(componentName$m, ButtonMultiSelectionGroupInternalClass);
|
7985
7986
|
|
7986
|
-
customElements.define(componentName$
|
7987
|
+
customElements.define(componentName$l, ButtonMultiSelectionGroupClass);
|
7987
7988
|
|
7988
7989
|
/* eslint-disable no-param-reassign */
|
7989
7990
|
|
@@ -8011,9 +8012,9 @@ class GridTextColumnClass extends GridSortColumn {
|
|
8011
8012
|
}
|
8012
8013
|
}
|
8013
8014
|
|
8014
|
-
const componentName$
|
8015
|
+
const componentName$k = getComponentName('grid-text-column');
|
8015
8016
|
|
8016
|
-
customElements.define(componentName$
|
8017
|
+
customElements.define(componentName$k, GridTextColumnClass);
|
8017
8018
|
|
8018
8019
|
/* eslint-disable no-param-reassign */
|
8019
8020
|
|
@@ -8048,9 +8049,9 @@ class GridCustomColumnClass extends GridTextColumnClass {
|
|
8048
8049
|
|
8049
8050
|
/* eslint-disable no-param-reassign */
|
8050
8051
|
|
8051
|
-
const componentName$
|
8052
|
+
const componentName$j = getComponentName('grid-custom-column');
|
8052
8053
|
|
8053
|
-
customElements.define(componentName$
|
8054
|
+
customElements.define(componentName$j, GridCustomColumnClass);
|
8054
8055
|
|
8055
8056
|
const createCheckboxEle = () => {
|
8056
8057
|
const checkbox = document.createElement('descope-checkbox');
|
@@ -8109,9 +8110,9 @@ class GridSelectionColumnClass extends GridSelectionColumn {
|
|
8109
8110
|
}
|
8110
8111
|
}
|
8111
8112
|
|
8112
|
-
const componentName$
|
8113
|
+
const componentName$i = getComponentName('grid-selection-column');
|
8113
8114
|
|
8114
|
-
customElements.define(componentName$
|
8115
|
+
customElements.define(componentName$i, GridSelectionColumnClass);
|
8115
8116
|
|
8116
8117
|
const isValidDataType = (data) => {
|
8117
8118
|
const isValid = Array.isArray(data);
|
@@ -8123,7 +8124,7 @@ const isValidDataType = (data) => {
|
|
8123
8124
|
return isValid;
|
8124
8125
|
};
|
8125
8126
|
|
8126
|
-
const componentName$
|
8127
|
+
const componentName$h = getComponentName('grid');
|
8127
8128
|
|
8128
8129
|
const GridMixin = (superclass) =>
|
8129
8130
|
class GridMixinClass extends superclass {
|
@@ -8359,13 +8360,13 @@ const GridClass = compose(
|
|
8359
8360
|
}
|
8360
8361
|
`,
|
8361
8362
|
excludeAttrsSync: ['columns', 'tabindex'],
|
8362
|
-
componentName: componentName$
|
8363
|
+
componentName: componentName$h,
|
8363
8364
|
})
|
8364
8365
|
);
|
8365
8366
|
|
8366
|
-
customElements.define(componentName$
|
8367
|
+
customElements.define(componentName$h, GridClass);
|
8367
8368
|
|
8368
|
-
const componentName$
|
8369
|
+
const componentName$g = getComponentName('multi-select-combo-box');
|
8369
8370
|
|
8370
8371
|
const multiSelectComboBoxMixin = (superclass) =>
|
8371
8372
|
class MultiSelectComboBoxMixinClass extends superclass {
|
@@ -8969,16 +8970,16 @@ const MultiSelectComboBoxClass = compose(
|
|
8969
8970
|
// Note: we exclude `placeholder` because the vaadin component observes it and
|
8970
8971
|
// tries to override it, causing us to lose the user set placeholder.
|
8971
8972
|
excludeAttrsSync: ['tabindex', 'size', 'data', 'placeholder'],
|
8972
|
-
componentName: componentName$
|
8973
|
+
componentName: componentName$g,
|
8973
8974
|
includeForwardProps: ['items', 'renderer', 'selectedItems'],
|
8974
8975
|
})
|
8975
8976
|
);
|
8976
8977
|
|
8977
|
-
customElements.define(componentName$
|
8978
|
+
customElements.define(componentName$g, MultiSelectComboBoxClass);
|
8978
8979
|
|
8979
|
-
const componentName$
|
8980
|
+
const componentName$f = getComponentName('badge');
|
8980
8981
|
|
8981
|
-
class RawBadge extends createBaseClass({ componentName: componentName$
|
8982
|
+
class RawBadge extends createBaseClass({ componentName: componentName$f, baseSelector: ':host > div' }) {
|
8982
8983
|
constructor() {
|
8983
8984
|
super();
|
8984
8985
|
|
@@ -9029,11 +9030,11 @@ const BadgeClass = compose(
|
|
9029
9030
|
componentNameValidationMixin
|
9030
9031
|
)(RawBadge);
|
9031
9032
|
|
9032
|
-
customElements.define(componentName$
|
9033
|
+
customElements.define(componentName$f, BadgeClass);
|
9033
9034
|
|
9034
|
-
const componentName$
|
9035
|
+
const componentName$e = getComponentName('modal');
|
9035
9036
|
|
9036
|
-
const customMixin$
|
9037
|
+
const customMixin$3 = (superclass) =>
|
9037
9038
|
class ModalMixinClass extends superclass {
|
9038
9039
|
get opened() {
|
9039
9040
|
return this.getAttribute('opened') === 'true';
|
@@ -9123,18 +9124,18 @@ const ModalClass = compose(
|
|
9123
9124
|
}),
|
9124
9125
|
draggableMixin,
|
9125
9126
|
componentNameValidationMixin,
|
9126
|
-
customMixin$
|
9127
|
+
customMixin$3
|
9127
9128
|
)(
|
9128
9129
|
createProxy({
|
9129
9130
|
slots: [''],
|
9130
9131
|
wrappedEleName: 'vaadin-dialog',
|
9131
9132
|
style: () => ``,
|
9132
9133
|
excludeAttrsSync: ['tabindex', 'opened'],
|
9133
|
-
componentName: componentName$
|
9134
|
+
componentName: componentName$e,
|
9134
9135
|
})
|
9135
9136
|
);
|
9136
9137
|
|
9137
|
-
customElements.define(componentName$
|
9138
|
+
customElements.define(componentName$e, ModalClass);
|
9138
9139
|
|
9139
9140
|
const vaadinContainerClass = window.customElements.get('vaadin-notification-container');
|
9140
9141
|
|
@@ -9145,7 +9146,7 @@ if (!vaadinContainerClass) {
|
|
9145
9146
|
class NotificationContainerClass extends vaadinContainerClass {}
|
9146
9147
|
customElements.define(getComponentName('notification-container'), NotificationContainerClass);
|
9147
9148
|
|
9148
|
-
const componentName$
|
9149
|
+
const componentName$d = getComponentName('notification-card');
|
9149
9150
|
|
9150
9151
|
const notificationCardMixin = (superclass) =>
|
9151
9152
|
class NotificationCardMixinClass extends superclass {
|
@@ -9253,13 +9254,13 @@ const NotificationCardClass = compose(
|
|
9253
9254
|
}
|
9254
9255
|
`,
|
9255
9256
|
excludeAttrsSync: ['tabindex'],
|
9256
|
-
componentName: componentName$
|
9257
|
+
componentName: componentName$d,
|
9257
9258
|
})
|
9258
9259
|
);
|
9259
9260
|
|
9260
|
-
customElements.define(componentName$
|
9261
|
+
customElements.define(componentName$d, NotificationCardClass);
|
9261
9262
|
|
9262
|
-
const componentName$
|
9263
|
+
const componentName$c = getComponentName('notification');
|
9263
9264
|
|
9264
9265
|
const NotificationMixin = (superclass) =>
|
9265
9266
|
class NotificationMixinClass extends superclass {
|
@@ -9354,14 +9355,14 @@ const NotificationClass = compose(
|
|
9354
9355
|
createProxy({
|
9355
9356
|
wrappedEleName: 'vaadin-notification',
|
9356
9357
|
excludeAttrsSync: ['tabindex'],
|
9357
|
-
componentName: componentName$
|
9358
|
+
componentName: componentName$c,
|
9358
9359
|
})
|
9359
9360
|
);
|
9360
9361
|
|
9361
|
-
customElements.define(componentName$
|
9362
|
+
customElements.define(componentName$c, NotificationClass);
|
9362
9363
|
|
9363
|
-
const componentName$
|
9364
|
-
class RawAvatar extends createBaseClass({ componentName: componentName$
|
9364
|
+
const componentName$b = getComponentName('avatar');
|
9365
|
+
class RawAvatar extends createBaseClass({ componentName: componentName$b, baseSelector: ':host > .wrapper' }) {
|
9365
9366
|
constructor() {
|
9366
9367
|
super();
|
9367
9368
|
|
@@ -9462,13 +9463,13 @@ const AvatarClass = compose(
|
|
9462
9463
|
componentNameValidationMixin
|
9463
9464
|
)(RawAvatar);
|
9464
9465
|
|
9465
|
-
customElements.define(componentName$
|
9466
|
+
customElements.define(componentName$b, AvatarClass);
|
9466
9467
|
|
9467
|
-
customElements.define(componentName$
|
9468
|
+
customElements.define(componentName$W, IconClass);
|
9468
9469
|
|
9469
|
-
const componentName$
|
9470
|
+
const componentName$a = getComponentName('mappings-field-internal');
|
9470
9471
|
|
9471
|
-
const BaseInputClass$2 = createBaseInputClass({ componentName: componentName$
|
9472
|
+
const BaseInputClass$2 = createBaseInputClass({ componentName: componentName$a, baseSelector: 'div' });
|
9472
9473
|
|
9473
9474
|
class MappingsFieldInternal extends BaseInputClass$2 {
|
9474
9475
|
#errorItem;
|
@@ -9703,9 +9704,9 @@ class MappingsFieldInternal extends BaseInputClass$2 {
|
|
9703
9704
|
}
|
9704
9705
|
}
|
9705
9706
|
|
9706
|
-
const componentName$
|
9707
|
+
const componentName$9 = getComponentName('mappings-field');
|
9707
9708
|
|
9708
|
-
const customMixin$
|
9709
|
+
const customMixin$2 = (superclass) =>
|
9709
9710
|
class MappingsFieldMixinClass extends superclass {
|
9710
9711
|
get defaultValues() {
|
9711
9712
|
const defaultValuesAttr = this.getAttribute('default-values');
|
@@ -9732,14 +9733,14 @@ const customMixin$1 = (superclass) =>
|
|
9732
9733
|
const template = document.createElement('template');
|
9733
9734
|
|
9734
9735
|
template.innerHTML = `
|
9735
|
-
<${componentName$
|
9736
|
+
<${componentName$a}
|
9736
9737
|
tabindex="-1"
|
9737
|
-
></${componentName$
|
9738
|
+
></${componentName$a}>
|
9738
9739
|
`;
|
9739
9740
|
|
9740
9741
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
9741
9742
|
|
9742
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
9743
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$a);
|
9743
9744
|
|
9744
9745
|
forwardAttrs(this, this.inputElement, {
|
9745
9746
|
includeAttrs: [
|
@@ -9821,7 +9822,7 @@ const MappingsFieldClass = compose(
|
|
9821
9822
|
proxyParentValidation: true,
|
9822
9823
|
}),
|
9823
9824
|
componentNameValidationMixin,
|
9824
|
-
customMixin$
|
9825
|
+
customMixin$2
|
9825
9826
|
)(
|
9826
9827
|
createProxy({
|
9827
9828
|
slots: [],
|
@@ -9868,17 +9869,17 @@ const MappingsFieldClass = compose(
|
|
9868
9869
|
'options',
|
9869
9870
|
'error-message',
|
9870
9871
|
],
|
9871
|
-
componentName: componentName$
|
9872
|
+
componentName: componentName$9,
|
9872
9873
|
})
|
9873
9874
|
);
|
9874
9875
|
|
9875
|
-
customElements.define(componentName$
|
9876
|
+
customElements.define(componentName$a, MappingsFieldInternal);
|
9876
9877
|
|
9877
|
-
const componentName$
|
9878
|
+
const componentName$8 = getComponentName('mapping-item');
|
9878
9879
|
|
9879
9880
|
const inputAttrs = ['size', 'bordered', 'readonly', 'full-width', 'disabled'];
|
9880
9881
|
|
9881
|
-
const BaseInputClass$1 = createBaseInputClass({ componentName: componentName$
|
9882
|
+
const BaseInputClass$1 = createBaseInputClass({ componentName: componentName$8, baseSelector: 'div' });
|
9882
9883
|
|
9883
9884
|
class MappingItem extends BaseInputClass$1 {
|
9884
9885
|
static get observedAttributes() {
|
@@ -10028,17 +10029,17 @@ class MappingItem extends BaseInputClass$1 {
|
|
10028
10029
|
}
|
10029
10030
|
}
|
10030
10031
|
|
10031
|
-
customElements.define(componentName$
|
10032
|
+
customElements.define(componentName$8, MappingItem);
|
10032
10033
|
|
10033
|
-
customElements.define(componentName$
|
10034
|
+
customElements.define(componentName$9, MappingsFieldClass);
|
10034
10035
|
|
10035
10036
|
var deleteIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPgo8L3N2Zz4K";
|
10036
10037
|
|
10037
10038
|
var editIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPgo8L3N2Zz4K";
|
10038
10039
|
|
10039
|
-
const componentName$
|
10040
|
+
const componentName$7 = getComponentName('user-attribute');
|
10040
10041
|
class RawUserAttribute extends createBaseClass({
|
10041
|
-
componentName: componentName$
|
10042
|
+
componentName: componentName$7,
|
10042
10043
|
baseSelector: ':host > .root',
|
10043
10044
|
}) {
|
10044
10045
|
constructor() {
|
@@ -10268,13 +10269,13 @@ const UserAttributeClass = compose(
|
|
10268
10269
|
componentNameValidationMixin
|
10269
10270
|
)(RawUserAttribute);
|
10270
10271
|
|
10271
|
-
customElements.define(componentName$
|
10272
|
+
customElements.define(componentName$7, UserAttributeClass);
|
10272
10273
|
|
10273
10274
|
var greenVIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4KPC9zdmc+Cg==";
|
10274
10275
|
|
10275
|
-
const componentName$
|
10276
|
+
const componentName$6 = getComponentName('user-auth-method');
|
10276
10277
|
class RawUserAuthMethod extends createBaseClass({
|
10277
|
-
componentName: componentName$
|
10278
|
+
componentName: componentName$6,
|
10278
10279
|
baseSelector: ':host > .root',
|
10279
10280
|
}) {
|
10280
10281
|
constructor() {
|
@@ -10466,11 +10467,11 @@ const UserAuthMethodClass = compose(
|
|
10466
10467
|
componentNameValidationMixin
|
10467
10468
|
)(RawUserAuthMethod);
|
10468
10469
|
|
10469
|
-
customElements.define(componentName$
|
10470
|
+
customElements.define(componentName$6, UserAuthMethodClass);
|
10470
10471
|
|
10471
|
-
const componentName$
|
10472
|
+
const componentName$5 = getComponentName('saml-group-mappings-internal');
|
10472
10473
|
|
10473
|
-
const BaseInputClass = createBaseInputClass({ componentName: componentName$
|
10474
|
+
const BaseInputClass = createBaseInputClass({ componentName: componentName$5, baseSelector: '' });
|
10474
10475
|
|
10475
10476
|
class SamlGroupMappingsInternal extends BaseInputClass {
|
10476
10477
|
static get observedAttributes() {
|
@@ -10596,9 +10597,9 @@ class SamlGroupMappingsInternal extends BaseInputClass {
|
|
10596
10597
|
}
|
10597
10598
|
}
|
10598
10599
|
|
10599
|
-
const componentName$
|
10600
|
+
const componentName$4 = getComponentName('saml-group-mappings');
|
10600
10601
|
|
10601
|
-
const customMixin = (superclass) =>
|
10602
|
+
const customMixin$1 = (superclass) =>
|
10602
10603
|
class SamlGroupMappingsMixinClass extends superclass {
|
10603
10604
|
init() {
|
10604
10605
|
super.init?.();
|
@@ -10606,14 +10607,14 @@ const customMixin = (superclass) =>
|
|
10606
10607
|
const template = document.createElement('template');
|
10607
10608
|
|
10608
10609
|
template.innerHTML = `
|
10609
|
-
<${componentName$
|
10610
|
+
<${componentName$5}
|
10610
10611
|
tabindex="-1"
|
10611
|
-
></${componentName$
|
10612
|
+
></${componentName$5}>
|
10612
10613
|
`;
|
10613
10614
|
|
10614
10615
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
10615
10616
|
|
10616
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
10617
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$5);
|
10617
10618
|
|
10618
10619
|
forwardAttrs(this, this.inputElement, {
|
10619
10620
|
includeAttrs: [
|
@@ -10655,7 +10656,7 @@ const SamlGroupMappingsClass = compose(
|
|
10655
10656
|
proxyParentValidation: true,
|
10656
10657
|
}),
|
10657
10658
|
componentNameValidationMixin,
|
10658
|
-
customMixin
|
10659
|
+
customMixin$1
|
10659
10660
|
)(
|
10660
10661
|
createProxy({
|
10661
10662
|
slots: [],
|
@@ -10690,13 +10691,13 @@ const SamlGroupMappingsClass = compose(
|
|
10690
10691
|
'options',
|
10691
10692
|
'error-message',
|
10692
10693
|
],
|
10693
|
-
componentName: componentName$
|
10694
|
+
componentName: componentName$4,
|
10694
10695
|
})
|
10695
10696
|
);
|
10696
10697
|
|
10697
|
-
customElements.define(componentName$
|
10698
|
+
customElements.define(componentName$5, SamlGroupMappingsInternal);
|
10698
10699
|
|
10699
|
-
customElements.define(componentName$
|
10700
|
+
customElements.define(componentName$4, SamlGroupMappingsClass);
|
10700
10701
|
|
10701
10702
|
const decode = (input) => {
|
10702
10703
|
const txt = document.createElement('textarea');
|
@@ -10708,9 +10709,9 @@ const tpl = (input, inline) => {
|
|
10708
10709
|
return inline ? input : `<pre>${input}</pre>`;
|
10709
10710
|
};
|
10710
10711
|
|
10711
|
-
const componentName$
|
10712
|
+
const componentName$3 = getComponentName('code-snippet');
|
10712
10713
|
|
10713
|
-
let CodeSnippet$1 = class CodeSnippet extends createBaseClass({ componentName: componentName$
|
10714
|
+
let CodeSnippet$1 = class CodeSnippet extends createBaseClass({ componentName: componentName$3, baseSelector: ':host > code' }) {
|
10714
10715
|
static get observedAttributes() {
|
10715
10716
|
return ['lang', 'inline'];
|
10716
10717
|
}
|
@@ -10940,7 +10941,251 @@ const CodeSnippetClass = compose(
|
|
10940
10941
|
componentNameValidationMixin
|
10941
10942
|
)(CodeSnippet$1);
|
10942
10943
|
|
10943
|
-
customElements.define(componentName$
|
10944
|
+
customElements.define(componentName$3, CodeSnippetClass);
|
10945
|
+
|
10946
|
+
const componentName$2 = getComponentName('radio-button');
|
10947
|
+
|
10948
|
+
const customMixin = (superclass) =>
|
10949
|
+
class CustomMixin extends superclass {
|
10950
|
+
constructor() {
|
10951
|
+
super();
|
10952
|
+
|
10953
|
+
this.baseElement.checkValidity = () => {};
|
10954
|
+
}
|
10955
|
+
|
10956
|
+
init() {
|
10957
|
+
// we are forwarding vaadin checked-changed event
|
10958
|
+
this.baseElement.addEventListener('checked-changed', (e) => {
|
10959
|
+
this.dispatchEvent(
|
10960
|
+
new CustomEvent(
|
10961
|
+
'checked-changed',
|
10962
|
+
{ detail: e.detail },
|
10963
|
+
{ bubbles: true, composed: true }
|
10964
|
+
)
|
10965
|
+
);
|
10966
|
+
});
|
10967
|
+
|
10968
|
+
super.init?.();
|
10969
|
+
|
10970
|
+
observeChildren(this, this.renderLabel.bind(this));
|
10971
|
+
}
|
10972
|
+
|
10973
|
+
renderLabel() {
|
10974
|
+
this.baseElement.setAttribute('label', this.textContent);
|
10975
|
+
}
|
10976
|
+
|
10977
|
+
get value() {
|
10978
|
+
return this.getAttribute('value');
|
10979
|
+
}
|
10980
|
+
};
|
10981
|
+
|
10982
|
+
const RadioButtonClass = compose(
|
10983
|
+
createStyleMixin({
|
10984
|
+
mappings: {
|
10985
|
+
cursor: [{}, { selector: 'label' }],
|
10986
|
+
fontSize: [{ selector: 'label' }, {}],
|
10987
|
+
labelTextColor: { selector: 'label', property: 'color' },
|
10988
|
+
fontFamily: { selector: 'label' },
|
10989
|
+
radioSize: [
|
10990
|
+
{ selector: '::part(radio)', property: 'height' },
|
10991
|
+
{ selector: '::part(radio)', property: 'width' },
|
10992
|
+
],
|
10993
|
+
radioBackgroundColor: { selector: '::part(radio)', property: 'background-color' },
|
10994
|
+
radioMargin: { selector: '::part(radio)', property: 'margin' },
|
10995
|
+
radioCheckedSize: { selector: '::part(radio)::after', property: 'border-width' },
|
10996
|
+
radioCheckedColor: { selector: '::part(radio)::after', property: 'border-color' },
|
10997
|
+
},
|
10998
|
+
}),
|
10999
|
+
composedProxyInputMixin({ proxyProps: ['setSelectionRange'] }),
|
11000
|
+
componentNameValidationMixin,
|
11001
|
+
customMixin
|
11002
|
+
)(
|
11003
|
+
createProxy({
|
11004
|
+
slots: [''],
|
11005
|
+
wrappedEleName: 'vaadin-radio-button',
|
11006
|
+
excludeAttrsSync: ['tabindex', 'data'],
|
11007
|
+
includeForwardProps: ['checked', 'name', 'disabled'],
|
11008
|
+
componentName: componentName$2,
|
11009
|
+
})
|
11010
|
+
);
|
11011
|
+
|
11012
|
+
const componentName$1 = getComponentName('radio-group');
|
11013
|
+
|
11014
|
+
const RadioGroupMixin = (superclass) =>
|
11015
|
+
class RadioGroupMixinClass extends superclass {
|
11016
|
+
// eslint-disable-next-line class-methods-use-this
|
11017
|
+
#renderItem = ({ value, label }) =>
|
11018
|
+
`<descope-radio-button value="${value}">${label}</descope-radio-button>`;
|
11019
|
+
|
11020
|
+
#data;
|
11021
|
+
|
11022
|
+
constructor() {
|
11023
|
+
super();
|
11024
|
+
|
11025
|
+
// we are overriding vaadin children getter so it will run on our custom elements
|
11026
|
+
Object.defineProperty(this.baseElement, 'children', {
|
11027
|
+
get: () => this.querySelectorAll(componentName$2),
|
11028
|
+
});
|
11029
|
+
|
11030
|
+
// we are overriding vaadin __filterRadioButtons so it will run on our custom elements
|
11031
|
+
this.baseElement.__filterRadioButtons = (nodes) => {
|
11032
|
+
return nodes.filter((node) => node.localName === componentName$2);
|
11033
|
+
};
|
11034
|
+
|
11035
|
+
// vaadin radio group missing some input properties
|
11036
|
+
this.baseElement.setCustomValidity = () => {};
|
11037
|
+
}
|
11038
|
+
|
11039
|
+
get items() {
|
11040
|
+
return this.shadowRoot.querySelector('slot').assignedElements();
|
11041
|
+
}
|
11042
|
+
|
11043
|
+
get size() {
|
11044
|
+
return this.getAttribute('size');
|
11045
|
+
}
|
11046
|
+
|
11047
|
+
get data() {
|
11048
|
+
if (this.#data) return this.#data;
|
11049
|
+
|
11050
|
+
const dataAttr = this.getAttribute('data');
|
11051
|
+
|
11052
|
+
if (dataAttr) {
|
11053
|
+
try {
|
11054
|
+
const data = JSON.parse(dataAttr);
|
11055
|
+
if (this.isValidDataType(data)) {
|
11056
|
+
return data;
|
11057
|
+
}
|
11058
|
+
} catch (e) {
|
11059
|
+
// eslint-disable-next-line no-console
|
11060
|
+
console.error('could not parse data string from attribute "data" - ', e.message);
|
11061
|
+
}
|
11062
|
+
}
|
11063
|
+
|
11064
|
+
return [];
|
11065
|
+
}
|
11066
|
+
|
11067
|
+
set data(data) {
|
11068
|
+
if (this.isValidDataType(data)) {
|
11069
|
+
this.#data = data;
|
11070
|
+
this.renderItems();
|
11071
|
+
}
|
11072
|
+
}
|
11073
|
+
|
11074
|
+
get defaultValue() {
|
11075
|
+
return this.getAttribute('default-value');
|
11076
|
+
}
|
11077
|
+
|
11078
|
+
// eslint-disable-next-line class-methods-use-this
|
11079
|
+
isValidDataType(data) {
|
11080
|
+
const isValid = Array.isArray(data);
|
11081
|
+
if (!isValid) {
|
11082
|
+
// eslint-disable-next-line no-console
|
11083
|
+
console.error('data must be an array, received:', data);
|
11084
|
+
}
|
11085
|
+
|
11086
|
+
return isValid;
|
11087
|
+
}
|
11088
|
+
|
11089
|
+
getItemsTemplate() {
|
11090
|
+
return this.data?.reduce?.((acc, item) => acc + (this.#renderItem?.(item || {}) || ''), '');
|
11091
|
+
}
|
11092
|
+
|
11093
|
+
renderItems() {
|
11094
|
+
const template = this.getItemsTemplate();
|
11095
|
+
if (template) this.innerHTML = template;
|
11096
|
+
}
|
11097
|
+
|
11098
|
+
init() {
|
11099
|
+
super.init?.();
|
11100
|
+
|
11101
|
+
this.inputElement = this.baseElement;
|
11102
|
+
|
11103
|
+
this.renderItems();
|
11104
|
+
|
11105
|
+
observeAttributes(this, this.renderItems.bind(this), { includeAttrs: ['data'] });
|
11106
|
+
|
11107
|
+
Object.defineProperty(this.baseElement, 'validity', {
|
11108
|
+
get: () => {
|
11109
|
+
return { valueMissing: !this.baseElement.checkValidity() };
|
11110
|
+
},
|
11111
|
+
});
|
11112
|
+
|
11113
|
+
forwardAttrs(this, this.baseElement, {
|
11114
|
+
includeAttrs: ['layout'],
|
11115
|
+
mapAttrs: { layout: 'theme' },
|
11116
|
+
});
|
11117
|
+
|
11118
|
+
setTimeout(() => {
|
11119
|
+
if (this.defaultValue) {
|
11120
|
+
this.value = this.defaultValue;
|
11121
|
+
}
|
11122
|
+
});
|
11123
|
+
|
11124
|
+
// we want new items to get the size
|
11125
|
+
observeChildren(this, ({ addedNodes }) => {
|
11126
|
+
addedNodes.forEach((node) => {
|
11127
|
+
node.setAttribute('size', this.size);
|
11128
|
+
});
|
11129
|
+
});
|
11130
|
+
|
11131
|
+
observeAttributes(
|
11132
|
+
this,
|
11133
|
+
() => {
|
11134
|
+
this.items.forEach((item) => {
|
11135
|
+
item.setAttribute('size', this.size);
|
11136
|
+
});
|
11137
|
+
},
|
11138
|
+
{
|
11139
|
+
includeAttrs: ['size'],
|
11140
|
+
}
|
11141
|
+
);
|
11142
|
+
}
|
11143
|
+
};
|
11144
|
+
|
11145
|
+
const RadioGroupClass = compose(
|
11146
|
+
createStyleMixin({
|
11147
|
+
mappings: {
|
11148
|
+
...textFieldMappings,
|
11149
|
+
buttonsSpacing: { selector: '::part(group-field)', property: 'justify-content' },
|
11150
|
+
buttonsRowGap: { selector: '::part(group-field)', property: 'row-gap' },
|
11151
|
+
buttonsColumnGap: { selector: '::part(group-field)', property: 'column-gap' },
|
11152
|
+
itemsLabelColor: {
|
11153
|
+
selector: () => `::slotted(${RadioButtonClass.componentName})`,
|
11154
|
+
property: RadioButtonClass.cssVarList.labelTextColor,
|
11155
|
+
},
|
11156
|
+
},
|
11157
|
+
}),
|
11158
|
+
draggableMixin,
|
11159
|
+
composedProxyInputMixin({ proxyProps: ['setSelectionRange'] }),
|
11160
|
+
componentNameValidationMixin,
|
11161
|
+
RadioGroupMixin
|
11162
|
+
)(
|
11163
|
+
createProxy({
|
11164
|
+
slots: ['', 'prefix'],
|
11165
|
+
wrappedEleName: 'vaadin-radio-group',
|
11166
|
+
style: () => `
|
11167
|
+
:host {
|
11168
|
+
display: inline-block;
|
11169
|
+
max-width: 100%;
|
11170
|
+
box-sizing: border-box;
|
11171
|
+
}
|
11172
|
+
|
11173
|
+
vaadin-radio-group {
|
11174
|
+
padding: 0;
|
11175
|
+
width: 100%;
|
11176
|
+
}
|
11177
|
+
|
11178
|
+
${resetInputLabelPosition('vaadin-radio-group')}
|
11179
|
+
`,
|
11180
|
+
|
11181
|
+
excludeAttrsSync: ['tabindex', 'size', 'data', 'direction'],
|
11182
|
+
componentName: componentName$1,
|
11183
|
+
includeForwardProps: ['value'],
|
11184
|
+
})
|
11185
|
+
);
|
11186
|
+
|
11187
|
+
customElements.define(componentName$1, RadioGroupClass);
|
11188
|
+
customElements.define(componentName$2, RadioButtonClass);
|
10944
11189
|
|
10945
11190
|
const getVarName = (path) => getCssVarName(DESCOPE_PREFIX, ...path);
|
10946
11191
|
|
@@ -11372,33 +11617,33 @@ const globals = {
|
|
11372
11617
|
fonts,
|
11373
11618
|
direction,
|
11374
11619
|
};
|
11375
|
-
const vars$
|
11620
|
+
const vars$J = getThemeVars(globals);
|
11376
11621
|
|
11377
|
-
const globalRefs$
|
11622
|
+
const globalRefs$r = getThemeRefs(globals);
|
11378
11623
|
const compVars$5 = ButtonClass.cssVarList;
|
11379
11624
|
|
11380
11625
|
const mode = {
|
11381
|
-
primary: globalRefs$
|
11382
|
-
secondary: globalRefs$
|
11383
|
-
success: globalRefs$
|
11384
|
-
error: globalRefs$
|
11385
|
-
surface: globalRefs$
|
11626
|
+
primary: globalRefs$r.colors.primary,
|
11627
|
+
secondary: globalRefs$r.colors.secondary,
|
11628
|
+
success: globalRefs$r.colors.success,
|
11629
|
+
error: globalRefs$r.colors.error,
|
11630
|
+
surface: globalRefs$r.colors.surface,
|
11386
11631
|
};
|
11387
11632
|
|
11388
|
-
const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars({ mode }, componentName$
|
11633
|
+
const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars({ mode }, componentName$V);
|
11389
11634
|
|
11390
11635
|
const button = {
|
11391
11636
|
...helperTheme$3,
|
11392
11637
|
|
11393
|
-
[compVars$5.fontFamily]: globalRefs$
|
11638
|
+
[compVars$5.fontFamily]: globalRefs$r.fonts.font1.family,
|
11394
11639
|
|
11395
11640
|
[compVars$5.cursor]: 'pointer',
|
11396
11641
|
[compVars$5.hostHeight]: '3em',
|
11397
11642
|
[compVars$5.hostWidth]: 'auto',
|
11398
|
-
[compVars$5.hostDirection]: globalRefs$
|
11643
|
+
[compVars$5.hostDirection]: globalRefs$r.direction,
|
11399
11644
|
|
11400
|
-
[compVars$5.borderRadius]: globalRefs$
|
11401
|
-
[compVars$5.borderWidth]: globalRefs$
|
11645
|
+
[compVars$5.borderRadius]: globalRefs$r.radius.sm,
|
11646
|
+
[compVars$5.borderWidth]: globalRefs$r.border.xs,
|
11402
11647
|
[compVars$5.borderStyle]: 'solid',
|
11403
11648
|
[compVars$5.borderColor]: 'transparent',
|
11404
11649
|
|
@@ -11441,11 +11686,11 @@ const button = {
|
|
11441
11686
|
},
|
11442
11687
|
|
11443
11688
|
_disabled: {
|
11444
|
-
[helperVars$3.main]: globalRefs$
|
11445
|
-
[helperVars$3.dark]: globalRefs$
|
11446
|
-
[helperVars$3.light]: globalRefs$
|
11447
|
-
[helperVars$3.contrast]: globalRefs$
|
11448
|
-
[compVars$5.iconColor]: globalRefs$
|
11689
|
+
[helperVars$3.main]: globalRefs$r.colors.surface.light,
|
11690
|
+
[helperVars$3.dark]: globalRefs$r.colors.surface.dark,
|
11691
|
+
[helperVars$3.light]: globalRefs$r.colors.surface.light,
|
11692
|
+
[helperVars$3.contrast]: globalRefs$r.colors.surface.main,
|
11693
|
+
[compVars$5.iconColor]: globalRefs$r.colors.surface.main,
|
11449
11694
|
},
|
11450
11695
|
|
11451
11696
|
variant: {
|
@@ -11493,7 +11738,7 @@ const button = {
|
|
11493
11738
|
},
|
11494
11739
|
};
|
11495
11740
|
|
11496
|
-
const vars$
|
11741
|
+
const vars$I = {
|
11497
11742
|
...compVars$5,
|
11498
11743
|
...helperVars$3,
|
11499
11744
|
};
|
@@ -11501,28 +11746,28 @@ const vars$G = {
|
|
11501
11746
|
var button$1 = /*#__PURE__*/Object.freeze({
|
11502
11747
|
__proto__: null,
|
11503
11748
|
default: button,
|
11504
|
-
vars: vars$
|
11749
|
+
vars: vars$I
|
11505
11750
|
});
|
11506
11751
|
|
11507
11752
|
const componentName = getComponentName('input-wrapper');
|
11508
|
-
const globalRefs$
|
11753
|
+
const globalRefs$q = getThemeRefs(globals);
|
11509
11754
|
|
11510
|
-
const [theme$1, refs, vars$
|
11755
|
+
const [theme$1, refs, vars$H] = createHelperVars(
|
11511
11756
|
{
|
11512
|
-
labelTextColor: globalRefs$
|
11757
|
+
labelTextColor: globalRefs$q.colors.surface.dark,
|
11513
11758
|
labelFontSize: '14px', // not taken from globals as it is fixed in all inputs
|
11514
|
-
valueTextColor: globalRefs$
|
11515
|
-
placeholderTextColor: globalRefs$
|
11759
|
+
valueTextColor: globalRefs$q.colors.surface.contrast,
|
11760
|
+
placeholderTextColor: globalRefs$q.colors.surface.dark,
|
11516
11761
|
requiredIndicator: "'*'",
|
11517
|
-
helperTextColor: globalRefs$
|
11518
|
-
errorMessageTextColor: globalRefs$
|
11519
|
-
successMessageTextColor: globalRefs$
|
11762
|
+
helperTextColor: globalRefs$q.colors.surface.dark,
|
11763
|
+
errorMessageTextColor: globalRefs$q.colors.error.main,
|
11764
|
+
successMessageTextColor: globalRefs$q.colors.success.main,
|
11520
11765
|
|
11521
|
-
borderWidth: globalRefs$
|
11522
|
-
borderRadius: globalRefs$
|
11766
|
+
borderWidth: globalRefs$q.border.xs,
|
11767
|
+
borderRadius: globalRefs$q.radius.xs,
|
11523
11768
|
borderColor: 'transparent',
|
11524
11769
|
|
11525
|
-
outlineWidth: globalRefs$
|
11770
|
+
outlineWidth: globalRefs$q.border.sm,
|
11526
11771
|
outlineStyle: 'solid',
|
11527
11772
|
outlineColor: 'transparent',
|
11528
11773
|
outlineOffset: '0px', // we need to keep the px unit even for 0 value, as this var is used for calc in different component classes
|
@@ -11533,11 +11778,11 @@ const [theme$1, refs, vars$F] = createHelperVars(
|
|
11533
11778
|
horizontalPadding: '0.5em',
|
11534
11779
|
verticalPadding: '0.5em',
|
11535
11780
|
|
11536
|
-
backgroundColor: globalRefs$
|
11781
|
+
backgroundColor: globalRefs$q.colors.surface.main,
|
11537
11782
|
|
11538
|
-
fontFamily: globalRefs$
|
11783
|
+
fontFamily: globalRefs$q.fonts.font1.family,
|
11539
11784
|
|
11540
|
-
direction: globalRefs$
|
11785
|
+
direction: globalRefs$q.direction,
|
11541
11786
|
|
11542
11787
|
overlayOpacity: '0.3',
|
11543
11788
|
|
@@ -11553,28 +11798,28 @@ const [theme$1, refs, vars$F] = createHelperVars(
|
|
11553
11798
|
},
|
11554
11799
|
|
11555
11800
|
_focused: {
|
11556
|
-
outlineColor: globalRefs$
|
11801
|
+
outlineColor: globalRefs$q.colors.surface.light,
|
11557
11802
|
_invalid: {
|
11558
|
-
outlineColor: globalRefs$
|
11803
|
+
outlineColor: globalRefs$q.colors.error.main,
|
11559
11804
|
},
|
11560
11805
|
},
|
11561
11806
|
|
11562
11807
|
_bordered: {
|
11563
|
-
outlineWidth: globalRefs$
|
11564
|
-
borderColor: globalRefs$
|
11808
|
+
outlineWidth: globalRefs$q.border.xs,
|
11809
|
+
borderColor: globalRefs$q.colors.surface.light,
|
11565
11810
|
borderStyle: 'solid',
|
11566
11811
|
_invalid: {
|
11567
|
-
borderColor: globalRefs$
|
11812
|
+
borderColor: globalRefs$q.colors.error.main,
|
11568
11813
|
},
|
11569
11814
|
},
|
11570
11815
|
|
11571
11816
|
_disabled: {
|
11572
|
-
labelTextColor: globalRefs$
|
11573
|
-
borderColor: globalRefs$
|
11574
|
-
valueTextColor: globalRefs$
|
11575
|
-
placeholderTextColor: globalRefs$
|
11576
|
-
helperTextColor: globalRefs$
|
11577
|
-
backgroundColor: globalRefs$
|
11817
|
+
labelTextColor: globalRefs$q.colors.surface.light,
|
11818
|
+
borderColor: globalRefs$q.colors.surface.light,
|
11819
|
+
valueTextColor: globalRefs$q.colors.surface.light,
|
11820
|
+
placeholderTextColor: globalRefs$q.colors.surface.light,
|
11821
|
+
helperTextColor: globalRefs$q.colors.surface.light,
|
11822
|
+
backgroundColor: globalRefs$q.colors.surface.main,
|
11578
11823
|
},
|
11579
11824
|
},
|
11580
11825
|
componentName
|
@@ -11584,38 +11829,38 @@ var inputWrapper = /*#__PURE__*/Object.freeze({
|
|
11584
11829
|
__proto__: null,
|
11585
11830
|
default: theme$1,
|
11586
11831
|
refs: refs,
|
11587
|
-
vars: vars$
|
11832
|
+
vars: vars$H
|
11588
11833
|
});
|
11589
11834
|
|
11590
|
-
const vars$
|
11835
|
+
const vars$G = TextFieldClass.cssVarList;
|
11591
11836
|
|
11592
11837
|
const textField = {
|
11593
|
-
[vars$
|
11594
|
-
[vars$
|
11595
|
-
[vars$
|
11596
|
-
[vars$
|
11597
|
-
[vars$
|
11598
|
-
[vars$
|
11599
|
-
[vars$
|
11600
|
-
[vars$
|
11601
|
-
[vars$
|
11602
|
-
[vars$
|
11603
|
-
[vars$
|
11604
|
-
[vars$
|
11605
|
-
[vars$
|
11606
|
-
[vars$
|
11607
|
-
[vars$
|
11608
|
-
[vars$
|
11609
|
-
[vars$
|
11610
|
-
[vars$
|
11611
|
-
[vars$
|
11612
|
-
[vars$
|
11613
|
-
[vars$
|
11614
|
-
[vars$
|
11838
|
+
[vars$G.hostWidth]: refs.width,
|
11839
|
+
[vars$G.hostMinWidth]: refs.minWidth,
|
11840
|
+
[vars$G.hostDirection]: refs.direction,
|
11841
|
+
[vars$G.fontSize]: refs.fontSize,
|
11842
|
+
[vars$G.fontFamily]: refs.fontFamily,
|
11843
|
+
[vars$G.labelTextColor]: refs.labelTextColor,
|
11844
|
+
[vars$G.labelRequiredIndicator]: refs.requiredIndicator,
|
11845
|
+
[vars$G.errorMessageTextColor]: refs.errorMessageTextColor,
|
11846
|
+
[vars$G.inputValueTextColor]: refs.valueTextColor,
|
11847
|
+
[vars$G.inputPlaceholderColor]: refs.placeholderTextColor,
|
11848
|
+
[vars$G.inputBorderWidth]: refs.borderWidth,
|
11849
|
+
[vars$G.inputBorderStyle]: refs.borderStyle,
|
11850
|
+
[vars$G.inputBorderColor]: refs.borderColor,
|
11851
|
+
[vars$G.inputBorderRadius]: refs.borderRadius,
|
11852
|
+
[vars$G.inputOutlineWidth]: refs.outlineWidth,
|
11853
|
+
[vars$G.inputOutlineStyle]: refs.outlineStyle,
|
11854
|
+
[vars$G.inputOutlineColor]: refs.outlineColor,
|
11855
|
+
[vars$G.inputOutlineOffset]: refs.outlineOffset,
|
11856
|
+
[vars$G.inputBackgroundColor]: refs.backgroundColor,
|
11857
|
+
[vars$G.inputHeight]: refs.inputHeight,
|
11858
|
+
[vars$G.inputHorizontalPadding]: refs.horizontalPadding,
|
11859
|
+
[vars$G.helperTextColor]: refs.helperTextColor,
|
11615
11860
|
textAlign: {
|
11616
|
-
right: { [vars$
|
11617
|
-
left: { [vars$
|
11618
|
-
center: { [vars$
|
11861
|
+
right: { [vars$G.inputTextAlign]: 'right' },
|
11862
|
+
left: { [vars$G.inputTextAlign]: 'left' },
|
11863
|
+
center: { [vars$G.inputTextAlign]: 'center' },
|
11619
11864
|
},
|
11620
11865
|
};
|
11621
11866
|
|
@@ -11623,25 +11868,89 @@ var textField$1 = /*#__PURE__*/Object.freeze({
|
|
11623
11868
|
__proto__: null,
|
11624
11869
|
default: textField,
|
11625
11870
|
textField: textField,
|
11626
|
-
vars: vars$
|
11871
|
+
vars: vars$G
|
11627
11872
|
});
|
11628
11873
|
|
11629
|
-
const globalRefs$
|
11630
|
-
const vars$
|
11874
|
+
const globalRefs$p = getThemeRefs(globals);
|
11875
|
+
const vars$F = PasswordClass.cssVarList;
|
11631
11876
|
|
11632
11877
|
const password = {
|
11878
|
+
[vars$F.hostWidth]: refs.width,
|
11879
|
+
[vars$F.hostDirection]: refs.direction,
|
11880
|
+
[vars$F.fontSize]: refs.fontSize,
|
11881
|
+
[vars$F.fontFamily]: refs.fontFamily,
|
11882
|
+
[vars$F.labelTextColor]: refs.labelTextColor,
|
11883
|
+
[vars$F.errorMessageTextColor]: refs.errorMessageTextColor,
|
11884
|
+
[vars$F.inputHorizontalPadding]: refs.horizontalPadding,
|
11885
|
+
[vars$F.inputHeight]: refs.inputHeight,
|
11886
|
+
[vars$F.inputBackgroundColor]: refs.backgroundColor,
|
11887
|
+
[vars$F.labelRequiredIndicator]: refs.requiredIndicator,
|
11888
|
+
[vars$F.inputValueTextColor]: refs.valueTextColor,
|
11889
|
+
[vars$F.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
11890
|
+
[vars$F.inputBorderWidth]: refs.borderWidth,
|
11891
|
+
[vars$F.inputBorderStyle]: refs.borderStyle,
|
11892
|
+
[vars$F.inputBorderColor]: refs.borderColor,
|
11893
|
+
[vars$F.inputBorderRadius]: refs.borderRadius,
|
11894
|
+
[vars$F.inputOutlineWidth]: refs.outlineWidth,
|
11895
|
+
[vars$F.inputOutlineStyle]: refs.outlineStyle,
|
11896
|
+
[vars$F.inputOutlineColor]: refs.outlineColor,
|
11897
|
+
[vars$F.inputOutlineOffset]: refs.outlineOffset,
|
11898
|
+
[vars$F.revealButtonOffset]: globalRefs$p.spacing.md,
|
11899
|
+
[vars$F.revealButtonSize]: refs.toggleButtonSize,
|
11900
|
+
[vars$F.revealButtonColor]: refs.placeholderTextColor,
|
11901
|
+
};
|
11902
|
+
|
11903
|
+
var password$1 = /*#__PURE__*/Object.freeze({
|
11904
|
+
__proto__: null,
|
11905
|
+
default: password,
|
11906
|
+
vars: vars$F
|
11907
|
+
});
|
11908
|
+
|
11909
|
+
const vars$E = NumberFieldClass.cssVarList;
|
11910
|
+
|
11911
|
+
const numberField = {
|
11912
|
+
[vars$E.hostWidth]: refs.width,
|
11913
|
+
[vars$E.hostMinWidth]: refs.minWidth,
|
11914
|
+
[vars$E.hostDirection]: refs.direction,
|
11915
|
+
[vars$E.fontSize]: refs.fontSize,
|
11916
|
+
[vars$E.fontFamily]: refs.fontFamily,
|
11917
|
+
[vars$E.labelTextColor]: refs.labelTextColor,
|
11918
|
+
[vars$E.errorMessageTextColor]: refs.errorMessageTextColor,
|
11919
|
+
[vars$E.inputValueTextColor]: refs.valueTextColor,
|
11920
|
+
[vars$E.inputPlaceholderColor]: refs.placeholderTextColor,
|
11921
|
+
[vars$E.inputBorderWidth]: refs.borderWidth,
|
11922
|
+
[vars$E.inputBorderStyle]: refs.borderStyle,
|
11923
|
+
[vars$E.inputBorderColor]: refs.borderColor,
|
11924
|
+
[vars$E.inputBorderRadius]: refs.borderRadius,
|
11925
|
+
[vars$E.inputOutlineWidth]: refs.outlineWidth,
|
11926
|
+
[vars$E.inputOutlineStyle]: refs.outlineStyle,
|
11927
|
+
[vars$E.inputOutlineColor]: refs.outlineColor,
|
11928
|
+
[vars$E.inputOutlineOffset]: refs.outlineOffset,
|
11929
|
+
[vars$E.inputBackgroundColor]: refs.backgroundColor,
|
11930
|
+
[vars$E.labelRequiredIndicator]: refs.requiredIndicator,
|
11931
|
+
[vars$E.inputHorizontalPadding]: refs.horizontalPadding,
|
11932
|
+
[vars$E.inputHeight]: refs.inputHeight,
|
11933
|
+
};
|
11934
|
+
|
11935
|
+
var numberField$1 = /*#__PURE__*/Object.freeze({
|
11936
|
+
__proto__: null,
|
11937
|
+
default: numberField,
|
11938
|
+
vars: vars$E
|
11939
|
+
});
|
11940
|
+
|
11941
|
+
const vars$D = EmailFieldClass.cssVarList;
|
11942
|
+
|
11943
|
+
const emailField = {
|
11633
11944
|
[vars$D.hostWidth]: refs.width,
|
11945
|
+
[vars$D.hostMinWidth]: refs.minWidth,
|
11634
11946
|
[vars$D.hostDirection]: refs.direction,
|
11635
11947
|
[vars$D.fontSize]: refs.fontSize,
|
11636
11948
|
[vars$D.fontFamily]: refs.fontFamily,
|
11637
11949
|
[vars$D.labelTextColor]: refs.labelTextColor,
|
11638
11950
|
[vars$D.errorMessageTextColor]: refs.errorMessageTextColor,
|
11639
|
-
[vars$D.inputHorizontalPadding]: refs.horizontalPadding,
|
11640
|
-
[vars$D.inputHeight]: refs.inputHeight,
|
11641
|
-
[vars$D.inputBackgroundColor]: refs.backgroundColor,
|
11642
|
-
[vars$D.labelRequiredIndicator]: refs.requiredIndicator,
|
11643
11951
|
[vars$D.inputValueTextColor]: refs.valueTextColor,
|
11644
|
-
[vars$D.
|
11952
|
+
[vars$D.labelRequiredIndicator]: refs.requiredIndicator,
|
11953
|
+
[vars$D.inputPlaceholderColor]: refs.placeholderTextColor,
|
11645
11954
|
[vars$D.inputBorderWidth]: refs.borderWidth,
|
11646
11955
|
[vars$D.inputBorderStyle]: refs.borderStyle,
|
11647
11956
|
[vars$D.inputBorderColor]: refs.borderColor,
|
@@ -11650,232 +11959,168 @@ const password = {
|
|
11650
11959
|
[vars$D.inputOutlineStyle]: refs.outlineStyle,
|
11651
11960
|
[vars$D.inputOutlineColor]: refs.outlineColor,
|
11652
11961
|
[vars$D.inputOutlineOffset]: refs.outlineOffset,
|
11653
|
-
[vars$D.
|
11654
|
-
[vars$D.
|
11655
|
-
[vars$D.
|
11962
|
+
[vars$D.inputBackgroundColor]: refs.backgroundColor,
|
11963
|
+
[vars$D.inputHorizontalPadding]: refs.horizontalPadding,
|
11964
|
+
[vars$D.inputHeight]: refs.inputHeight,
|
11656
11965
|
};
|
11657
11966
|
|
11658
|
-
var
|
11967
|
+
var emailField$1 = /*#__PURE__*/Object.freeze({
|
11659
11968
|
__proto__: null,
|
11660
|
-
default:
|
11969
|
+
default: emailField,
|
11661
11970
|
vars: vars$D
|
11662
11971
|
});
|
11663
11972
|
|
11664
|
-
const vars$C =
|
11973
|
+
const vars$C = TextAreaClass.cssVarList;
|
11665
11974
|
|
11666
|
-
const
|
11975
|
+
const textArea = {
|
11667
11976
|
[vars$C.hostWidth]: refs.width,
|
11668
11977
|
[vars$C.hostMinWidth]: refs.minWidth,
|
11669
11978
|
[vars$C.hostDirection]: refs.direction,
|
11670
11979
|
[vars$C.fontSize]: refs.fontSize,
|
11671
11980
|
[vars$C.fontFamily]: refs.fontFamily,
|
11672
11981
|
[vars$C.labelTextColor]: refs.labelTextColor,
|
11982
|
+
[vars$C.labelRequiredIndicator]: refs.requiredIndicator,
|
11673
11983
|
[vars$C.errorMessageTextColor]: refs.errorMessageTextColor,
|
11984
|
+
[vars$C.inputBackgroundColor]: refs.backgroundColor,
|
11674
11985
|
[vars$C.inputValueTextColor]: refs.valueTextColor,
|
11675
|
-
[vars$C.
|
11986
|
+
[vars$C.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
11987
|
+
[vars$C.inputBorderRadius]: refs.borderRadius,
|
11676
11988
|
[vars$C.inputBorderWidth]: refs.borderWidth,
|
11677
11989
|
[vars$C.inputBorderStyle]: refs.borderStyle,
|
11678
11990
|
[vars$C.inputBorderColor]: refs.borderColor,
|
11679
|
-
[vars$C.inputBorderRadius]: refs.borderRadius,
|
11680
11991
|
[vars$C.inputOutlineWidth]: refs.outlineWidth,
|
11681
11992
|
[vars$C.inputOutlineStyle]: refs.outlineStyle,
|
11682
11993
|
[vars$C.inputOutlineColor]: refs.outlineColor,
|
11683
11994
|
[vars$C.inputOutlineOffset]: refs.outlineOffset,
|
11684
|
-
[vars$C.
|
11685
|
-
[vars$C.
|
11686
|
-
|
11687
|
-
|
11995
|
+
[vars$C.inputResizeType]: 'vertical',
|
11996
|
+
[vars$C.inputMinHeight]: '5em',
|
11997
|
+
textAlign: {
|
11998
|
+
right: { [vars$C.inputTextAlign]: 'right' },
|
11999
|
+
left: { [vars$C.inputTextAlign]: 'left' },
|
12000
|
+
center: { [vars$C.inputTextAlign]: 'center' },
|
12001
|
+
},
|
12002
|
+
|
12003
|
+
_readonly: {
|
12004
|
+
[vars$C.inputResizeType]: 'none',
|
12005
|
+
},
|
11688
12006
|
};
|
11689
12007
|
|
11690
|
-
var
|
12008
|
+
var textArea$1 = /*#__PURE__*/Object.freeze({
|
11691
12009
|
__proto__: null,
|
11692
|
-
default:
|
12010
|
+
default: textArea,
|
11693
12011
|
vars: vars$C
|
11694
12012
|
});
|
11695
12013
|
|
11696
|
-
const vars$B =
|
12014
|
+
const vars$B = CheckboxClass.cssVarList;
|
12015
|
+
const checkboxSize = '1.35em';
|
11697
12016
|
|
11698
|
-
const
|
12017
|
+
const checkbox = {
|
11699
12018
|
[vars$B.hostWidth]: refs.width,
|
11700
|
-
[vars$B.hostMinWidth]: refs.minWidth,
|
11701
12019
|
[vars$B.hostDirection]: refs.direction,
|
11702
12020
|
[vars$B.fontSize]: refs.fontSize,
|
11703
12021
|
[vars$B.fontFamily]: refs.fontFamily,
|
11704
12022
|
[vars$B.labelTextColor]: refs.labelTextColor,
|
11705
|
-
[vars$B.errorMessageTextColor]: refs.errorMessageTextColor,
|
11706
|
-
[vars$B.inputValueTextColor]: refs.valueTextColor,
|
11707
12023
|
[vars$B.labelRequiredIndicator]: refs.requiredIndicator,
|
11708
|
-
[vars$B.
|
11709
|
-
[vars$B.
|
11710
|
-
[vars$B.
|
11711
|
-
[vars$B.
|
11712
|
-
[vars$B.inputBorderRadius]: refs.borderRadius,
|
12024
|
+
[vars$B.labelFontWeight]: '400',
|
12025
|
+
[vars$B.labelLineHeight]: checkboxSize,
|
12026
|
+
[vars$B.labelSpacing]: '1em',
|
12027
|
+
[vars$B.errorMessageTextColor]: refs.errorMessageTextColor,
|
11713
12028
|
[vars$B.inputOutlineWidth]: refs.outlineWidth,
|
11714
|
-
[vars$B.inputOutlineStyle]: refs.outlineStyle,
|
11715
|
-
[vars$B.inputOutlineColor]: refs.outlineColor,
|
11716
12029
|
[vars$B.inputOutlineOffset]: refs.outlineOffset,
|
12030
|
+
[vars$B.inputOutlineColor]: refs.outlineColor,
|
12031
|
+
[vars$B.inputOutlineStyle]: refs.outlineStyle,
|
12032
|
+
[vars$B.inputBorderRadius]: refs.borderRadius,
|
12033
|
+
[vars$B.inputBorderColor]: refs.borderColor,
|
12034
|
+
[vars$B.inputBorderWidth]: refs.borderWidth,
|
12035
|
+
[vars$B.inputBorderStyle]: refs.borderStyle,
|
11717
12036
|
[vars$B.inputBackgroundColor]: refs.backgroundColor,
|
11718
|
-
[vars$B.
|
11719
|
-
[vars$B.inputHeight]: refs.inputHeight,
|
11720
|
-
};
|
11721
|
-
|
11722
|
-
var emailField$1 = /*#__PURE__*/Object.freeze({
|
11723
|
-
__proto__: null,
|
11724
|
-
default: emailField,
|
11725
|
-
vars: vars$B
|
11726
|
-
});
|
11727
|
-
|
11728
|
-
const vars$A = TextAreaClass.cssVarList;
|
11729
|
-
|
11730
|
-
const textArea = {
|
11731
|
-
[vars$A.hostWidth]: refs.width,
|
11732
|
-
[vars$A.hostMinWidth]: refs.minWidth,
|
11733
|
-
[vars$A.hostDirection]: refs.direction,
|
11734
|
-
[vars$A.fontSize]: refs.fontSize,
|
11735
|
-
[vars$A.fontFamily]: refs.fontFamily,
|
11736
|
-
[vars$A.labelTextColor]: refs.labelTextColor,
|
11737
|
-
[vars$A.labelRequiredIndicator]: refs.requiredIndicator,
|
11738
|
-
[vars$A.errorMessageTextColor]: refs.errorMessageTextColor,
|
11739
|
-
[vars$A.inputBackgroundColor]: refs.backgroundColor,
|
11740
|
-
[vars$A.inputValueTextColor]: refs.valueTextColor,
|
11741
|
-
[vars$A.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
11742
|
-
[vars$A.inputBorderRadius]: refs.borderRadius,
|
11743
|
-
[vars$A.inputBorderWidth]: refs.borderWidth,
|
11744
|
-
[vars$A.inputBorderStyle]: refs.borderStyle,
|
11745
|
-
[vars$A.inputBorderColor]: refs.borderColor,
|
11746
|
-
[vars$A.inputOutlineWidth]: refs.outlineWidth,
|
11747
|
-
[vars$A.inputOutlineStyle]: refs.outlineStyle,
|
11748
|
-
[vars$A.inputOutlineColor]: refs.outlineColor,
|
11749
|
-
[vars$A.inputOutlineOffset]: refs.outlineOffset,
|
11750
|
-
[vars$A.inputResizeType]: 'vertical',
|
11751
|
-
[vars$A.inputMinHeight]: '5em',
|
11752
|
-
textAlign: {
|
11753
|
-
right: { [vars$A.inputTextAlign]: 'right' },
|
11754
|
-
left: { [vars$A.inputTextAlign]: 'left' },
|
11755
|
-
center: { [vars$A.inputTextAlign]: 'center' },
|
11756
|
-
},
|
11757
|
-
|
11758
|
-
_readonly: {
|
11759
|
-
[vars$A.inputResizeType]: 'none',
|
11760
|
-
},
|
11761
|
-
};
|
11762
|
-
|
11763
|
-
var textArea$1 = /*#__PURE__*/Object.freeze({
|
11764
|
-
__proto__: null,
|
11765
|
-
default: textArea,
|
11766
|
-
vars: vars$A
|
11767
|
-
});
|
11768
|
-
|
11769
|
-
const vars$z = CheckboxClass.cssVarList;
|
11770
|
-
const checkboxSize = '1.35em';
|
11771
|
-
|
11772
|
-
const checkbox = {
|
11773
|
-
[vars$z.hostWidth]: refs.width,
|
11774
|
-
[vars$z.hostDirection]: refs.direction,
|
11775
|
-
[vars$z.fontSize]: refs.fontSize,
|
11776
|
-
[vars$z.fontFamily]: refs.fontFamily,
|
11777
|
-
[vars$z.labelTextColor]: refs.labelTextColor,
|
11778
|
-
[vars$z.labelRequiredIndicator]: refs.requiredIndicator,
|
11779
|
-
[vars$z.labelFontWeight]: '400',
|
11780
|
-
[vars$z.labelLineHeight]: checkboxSize,
|
11781
|
-
[vars$z.labelSpacing]: '1em',
|
11782
|
-
[vars$z.errorMessageTextColor]: refs.errorMessageTextColor,
|
11783
|
-
[vars$z.inputOutlineWidth]: refs.outlineWidth,
|
11784
|
-
[vars$z.inputOutlineOffset]: refs.outlineOffset,
|
11785
|
-
[vars$z.inputOutlineColor]: refs.outlineColor,
|
11786
|
-
[vars$z.inputOutlineStyle]: refs.outlineStyle,
|
11787
|
-
[vars$z.inputBorderRadius]: refs.borderRadius,
|
11788
|
-
[vars$z.inputBorderColor]: refs.borderColor,
|
11789
|
-
[vars$z.inputBorderWidth]: refs.borderWidth,
|
11790
|
-
[vars$z.inputBorderStyle]: refs.borderStyle,
|
11791
|
-
[vars$z.inputBackgroundColor]: refs.backgroundColor,
|
11792
|
-
[vars$z.inputSize]: checkboxSize,
|
12037
|
+
[vars$B.inputSize]: checkboxSize,
|
11793
12038
|
|
11794
12039
|
_checked: {
|
11795
|
-
[vars$
|
12040
|
+
[vars$B.inputValueTextColor]: refs.valueTextColor,
|
11796
12041
|
},
|
11797
12042
|
|
11798
12043
|
_disabled: {
|
11799
|
-
[vars$
|
12044
|
+
[vars$B.labelTextColor]: refs.labelTextColor,
|
11800
12045
|
},
|
11801
12046
|
};
|
11802
12047
|
|
11803
12048
|
var checkbox$1 = /*#__PURE__*/Object.freeze({
|
11804
12049
|
__proto__: null,
|
11805
12050
|
default: checkbox,
|
11806
|
-
vars: vars$
|
12051
|
+
vars: vars$B
|
11807
12052
|
});
|
11808
12053
|
|
11809
12054
|
const knobMargin = '2px';
|
11810
12055
|
const checkboxHeight = '1.25em';
|
11811
12056
|
|
11812
|
-
const globalRefs$
|
11813
|
-
const vars$
|
12057
|
+
const globalRefs$o = getThemeRefs(globals);
|
12058
|
+
const vars$A = SwitchToggleClass.cssVarList;
|
11814
12059
|
|
11815
12060
|
const switchToggle = {
|
11816
|
-
[vars$
|
11817
|
-
[vars$
|
11818
|
-
[vars$
|
11819
|
-
[vars$
|
11820
|
-
|
11821
|
-
[vars$
|
11822
|
-
[vars$
|
11823
|
-
[vars$
|
11824
|
-
[vars$
|
11825
|
-
|
11826
|
-
[vars$
|
11827
|
-
[vars$
|
11828
|
-
[vars$
|
11829
|
-
[vars$
|
11830
|
-
[vars$
|
11831
|
-
[vars$
|
11832
|
-
[vars$
|
11833
|
-
|
11834
|
-
[vars$
|
11835
|
-
[vars$
|
11836
|
-
[vars$
|
11837
|
-
[vars$
|
11838
|
-
[vars$
|
11839
|
-
[vars$
|
11840
|
-
|
11841
|
-
[vars$
|
11842
|
-
[vars$
|
11843
|
-
[vars$
|
11844
|
-
[vars$
|
11845
|
-
[vars$
|
11846
|
-
[vars$
|
12061
|
+
[vars$A.hostWidth]: refs.width,
|
12062
|
+
[vars$A.hostDirection]: refs.direction,
|
12063
|
+
[vars$A.fontSize]: refs.fontSize,
|
12064
|
+
[vars$A.fontFamily]: refs.fontFamily,
|
12065
|
+
|
12066
|
+
[vars$A.inputOutlineWidth]: refs.outlineWidth,
|
12067
|
+
[vars$A.inputOutlineOffset]: refs.outlineOffset,
|
12068
|
+
[vars$A.inputOutlineColor]: refs.outlineColor,
|
12069
|
+
[vars$A.inputOutlineStyle]: refs.outlineStyle,
|
12070
|
+
|
12071
|
+
[vars$A.trackBorderStyle]: refs.borderStyle,
|
12072
|
+
[vars$A.trackBorderWidth]: refs.borderWidth, // var `trackBorderWidth` used outside the theme for `left` margin calculation
|
12073
|
+
[vars$A.trackBorderColor]: refs.borderColor,
|
12074
|
+
[vars$A.trackBackgroundColor]: refs.backgroundColor,
|
12075
|
+
[vars$A.trackBorderRadius]: globalRefs$o.radius.md,
|
12076
|
+
[vars$A.trackWidth]: '2.5em', // var `trackWidth` used outside the theme for `left` margin calculation
|
12077
|
+
[vars$A.trackHeight]: checkboxHeight,
|
12078
|
+
|
12079
|
+
[vars$A.knobSize]: `calc(1em - ${knobMargin})`,
|
12080
|
+
[vars$A.knobRadius]: '50%',
|
12081
|
+
[vars$A.knobTopOffset]: '1px',
|
12082
|
+
[vars$A.knobLeftOffset]: knobMargin,
|
12083
|
+
[vars$A.knobColor]: refs.labelTextColor,
|
12084
|
+
[vars$A.knobTransitionDuration]: '0.3s',
|
12085
|
+
|
12086
|
+
[vars$A.labelTextColor]: refs.labelTextColor,
|
12087
|
+
[vars$A.labelFontWeight]: '400',
|
12088
|
+
[vars$A.labelLineHeight]: '1.35em',
|
12089
|
+
[vars$A.labelSpacing]: '1em',
|
12090
|
+
[vars$A.labelRequiredIndicator]: refs.requiredIndicator,
|
12091
|
+
[vars$A.errorMessageTextColor]: refs.errorMessageTextColor,
|
11847
12092
|
|
11848
12093
|
_checked: {
|
11849
|
-
[vars$
|
11850
|
-
[vars$
|
11851
|
-
[vars$
|
11852
|
-
[vars$
|
12094
|
+
[vars$A.trackBorderColor]: refs.borderColor,
|
12095
|
+
[vars$A.knobLeftOffset]: `calc(100% - var(${vars$A.knobSize}) - ${knobMargin})`,
|
12096
|
+
[vars$A.knobColor]: refs.valueTextColor,
|
12097
|
+
[vars$A.knobTextColor]: refs.valueTextColor,
|
11853
12098
|
},
|
11854
12099
|
|
11855
12100
|
_disabled: {
|
11856
|
-
[vars$
|
11857
|
-
[vars$
|
11858
|
-
[vars$
|
11859
|
-
[vars$
|
12101
|
+
[vars$A.knobColor]: globalRefs$o.colors.surface.light,
|
12102
|
+
[vars$A.trackBorderColor]: globalRefs$o.colors.surface.light,
|
12103
|
+
[vars$A.trackBackgroundColor]: globalRefs$o.colors.surface.main,
|
12104
|
+
[vars$A.labelTextColor]: refs.labelTextColor,
|
11860
12105
|
_checked: {
|
11861
|
-
[vars$
|
11862
|
-
[vars$
|
12106
|
+
[vars$A.knobColor]: globalRefs$o.colors.surface.light,
|
12107
|
+
[vars$A.trackBackgroundColor]: globalRefs$o.colors.surface.main,
|
11863
12108
|
},
|
11864
12109
|
},
|
11865
12110
|
|
11866
12111
|
_invalid: {
|
11867
|
-
[vars$
|
11868
|
-
[vars$
|
12112
|
+
[vars$A.trackBorderColor]: globalRefs$o.colors.error.main,
|
12113
|
+
[vars$A.knobColor]: globalRefs$o.colors.error.main,
|
11869
12114
|
},
|
11870
12115
|
};
|
11871
12116
|
|
11872
12117
|
var switchToggle$1 = /*#__PURE__*/Object.freeze({
|
11873
12118
|
__proto__: null,
|
11874
12119
|
default: switchToggle,
|
11875
|
-
vars: vars$
|
12120
|
+
vars: vars$A
|
11876
12121
|
});
|
11877
12122
|
|
11878
|
-
const globalRefs$
|
12123
|
+
const globalRefs$n = getThemeRefs(globals);
|
11879
12124
|
|
11880
12125
|
const compVars$4 = ContainerClass.cssVarList;
|
11881
12126
|
|
@@ -11897,7 +12142,7 @@ const [helperTheme$2, helperRefs$2, helperVars$2] = createHelperVars(
|
|
11897
12142
|
horizontalAlignment,
|
11898
12143
|
shadowColor: '#00000020', // if we want to support transparency vars, we should use different color format
|
11899
12144
|
},
|
11900
|
-
componentName$
|
12145
|
+
componentName$P
|
11901
12146
|
);
|
11902
12147
|
|
11903
12148
|
const { shadowColor: shadowColor$1 } = helperRefs$2;
|
@@ -11907,10 +12152,10 @@ const container = {
|
|
11907
12152
|
|
11908
12153
|
[compVars$4.hostWidth]: '100%',
|
11909
12154
|
[compVars$4.boxShadow]: 'none',
|
11910
|
-
[compVars$4.backgroundColor]: globalRefs$
|
11911
|
-
[compVars$4.color]: globalRefs$
|
12155
|
+
[compVars$4.backgroundColor]: globalRefs$n.colors.surface.main,
|
12156
|
+
[compVars$4.color]: globalRefs$n.colors.surface.contrast,
|
11912
12157
|
[compVars$4.borderRadius]: '0px',
|
11913
|
-
[compVars$4.hostDirection]: globalRefs$
|
12158
|
+
[compVars$4.hostDirection]: globalRefs$n.direction,
|
11914
12159
|
|
11915
12160
|
verticalPadding: {
|
11916
12161
|
sm: { [compVars$4.verticalPadding]: '5px' },
|
@@ -11956,34 +12201,34 @@ const container = {
|
|
11956
12201
|
|
11957
12202
|
shadow: {
|
11958
12203
|
sm: {
|
11959
|
-
[compVars$4.boxShadow]: `${globalRefs$
|
12204
|
+
[compVars$4.boxShadow]: `${globalRefs$n.shadow.wide.sm} ${shadowColor$1}, ${globalRefs$n.shadow.narrow.sm} ${shadowColor$1}`,
|
11960
12205
|
},
|
11961
12206
|
md: {
|
11962
|
-
[compVars$4.boxShadow]: `${globalRefs$
|
12207
|
+
[compVars$4.boxShadow]: `${globalRefs$n.shadow.wide.md} ${shadowColor$1}, ${globalRefs$n.shadow.narrow.md} ${shadowColor$1}`,
|
11963
12208
|
},
|
11964
12209
|
lg: {
|
11965
|
-
[compVars$4.boxShadow]: `${globalRefs$
|
12210
|
+
[compVars$4.boxShadow]: `${globalRefs$n.shadow.wide.lg} ${shadowColor$1}, ${globalRefs$n.shadow.narrow.lg} ${shadowColor$1}`,
|
11966
12211
|
},
|
11967
12212
|
xl: {
|
11968
|
-
[compVars$4.boxShadow]: `${globalRefs$
|
12213
|
+
[compVars$4.boxShadow]: `${globalRefs$n.shadow.wide.xl} ${shadowColor$1}, ${globalRefs$n.shadow.narrow.xl} ${shadowColor$1}`,
|
11969
12214
|
},
|
11970
12215
|
'2xl': {
|
11971
12216
|
[helperVars$2.shadowColor]: '#00000050', // mimic daisyUI shadow settings
|
11972
|
-
[compVars$4.boxShadow]: `${globalRefs$
|
12217
|
+
[compVars$4.boxShadow]: `${globalRefs$n.shadow.wide['2xl']} ${shadowColor$1}`,
|
11973
12218
|
},
|
11974
12219
|
},
|
11975
12220
|
|
11976
12221
|
borderRadius: {
|
11977
|
-
sm: { [compVars$4.borderRadius]: globalRefs$
|
11978
|
-
md: { [compVars$4.borderRadius]: globalRefs$
|
11979
|
-
lg: { [compVars$4.borderRadius]: globalRefs$
|
11980
|
-
xl: { [compVars$4.borderRadius]: globalRefs$
|
11981
|
-
'2xl': { [compVars$4.borderRadius]: globalRefs$
|
11982
|
-
'3xl': { [compVars$4.borderRadius]: globalRefs$
|
12222
|
+
sm: { [compVars$4.borderRadius]: globalRefs$n.radius.sm },
|
12223
|
+
md: { [compVars$4.borderRadius]: globalRefs$n.radius.md },
|
12224
|
+
lg: { [compVars$4.borderRadius]: globalRefs$n.radius.lg },
|
12225
|
+
xl: { [compVars$4.borderRadius]: globalRefs$n.radius.xl },
|
12226
|
+
'2xl': { [compVars$4.borderRadius]: globalRefs$n.radius['2xl'] },
|
12227
|
+
'3xl': { [compVars$4.borderRadius]: globalRefs$n.radius['3xl'] },
|
11983
12228
|
},
|
11984
12229
|
};
|
11985
12230
|
|
11986
|
-
const vars$
|
12231
|
+
const vars$z = {
|
11987
12232
|
...compVars$4,
|
11988
12233
|
...helperVars$2,
|
11989
12234
|
};
|
@@ -11991,249 +12236,249 @@ const vars$x = {
|
|
11991
12236
|
var container$1 = /*#__PURE__*/Object.freeze({
|
11992
12237
|
__proto__: null,
|
11993
12238
|
default: container,
|
11994
|
-
vars: vars$
|
12239
|
+
vars: vars$z
|
11995
12240
|
});
|
11996
12241
|
|
11997
|
-
const vars$
|
12242
|
+
const vars$y = LogoClass.cssVarList;
|
11998
12243
|
|
11999
12244
|
const logo$2 = {
|
12000
|
-
[vars$
|
12245
|
+
[vars$y.fallbackUrl]: 'url(https://imgs.descope.com/components/no-logo-placeholder.svg)',
|
12001
12246
|
};
|
12002
12247
|
|
12003
12248
|
var logo$3 = /*#__PURE__*/Object.freeze({
|
12004
12249
|
__proto__: null,
|
12005
12250
|
default: logo$2,
|
12006
|
-
vars: vars$
|
12251
|
+
vars: vars$y
|
12007
12252
|
});
|
12008
12253
|
|
12009
|
-
const vars$
|
12254
|
+
const vars$x = TotpImageClass.cssVarList;
|
12010
12255
|
|
12011
12256
|
const logo$1 = {
|
12012
|
-
[vars$
|
12257
|
+
[vars$x.fallbackUrl]: 'url(https://imgs.descope.com/components/totp-placeholder.svg)',
|
12013
12258
|
};
|
12014
12259
|
|
12015
12260
|
var totpImage = /*#__PURE__*/Object.freeze({
|
12016
12261
|
__proto__: null,
|
12017
12262
|
default: logo$1,
|
12018
|
-
vars: vars$
|
12263
|
+
vars: vars$x
|
12019
12264
|
});
|
12020
12265
|
|
12021
|
-
const vars$
|
12266
|
+
const vars$w = NotpImageClass.cssVarList;
|
12022
12267
|
|
12023
12268
|
const logo = {
|
12024
|
-
[vars$
|
12269
|
+
[vars$w.fallbackUrl]: 'url(https://imgs.descope.com/components/notp-placeholder.svg)',
|
12025
12270
|
};
|
12026
12271
|
|
12027
12272
|
var notpImage = /*#__PURE__*/Object.freeze({
|
12028
12273
|
__proto__: null,
|
12029
12274
|
default: logo,
|
12030
|
-
vars: vars$
|
12275
|
+
vars: vars$w
|
12031
12276
|
});
|
12032
12277
|
|
12033
|
-
const globalRefs$
|
12034
|
-
const vars$
|
12278
|
+
const globalRefs$m = getThemeRefs(globals);
|
12279
|
+
const vars$v = TextClass.cssVarList;
|
12035
12280
|
|
12036
12281
|
const text = {
|
12037
|
-
[vars$
|
12038
|
-
[vars$
|
12039
|
-
[vars$
|
12040
|
-
[vars$
|
12282
|
+
[vars$v.hostDirection]: globalRefs$m.direction,
|
12283
|
+
[vars$v.textLineHeight]: '1.35em',
|
12284
|
+
[vars$v.textAlign]: 'left',
|
12285
|
+
[vars$v.textColor]: globalRefs$m.colors.surface.dark,
|
12041
12286
|
variant: {
|
12042
12287
|
h1: {
|
12043
|
-
[vars$
|
12044
|
-
[vars$
|
12045
|
-
[vars$
|
12288
|
+
[vars$v.fontSize]: globalRefs$m.typography.h1.size,
|
12289
|
+
[vars$v.fontWeight]: globalRefs$m.typography.h1.weight,
|
12290
|
+
[vars$v.fontFamily]: globalRefs$m.typography.h1.font,
|
12046
12291
|
},
|
12047
12292
|
h2: {
|
12048
|
-
[vars$
|
12049
|
-
[vars$
|
12050
|
-
[vars$
|
12293
|
+
[vars$v.fontSize]: globalRefs$m.typography.h2.size,
|
12294
|
+
[vars$v.fontWeight]: globalRefs$m.typography.h2.weight,
|
12295
|
+
[vars$v.fontFamily]: globalRefs$m.typography.h2.font,
|
12051
12296
|
},
|
12052
12297
|
h3: {
|
12053
|
-
[vars$
|
12054
|
-
[vars$
|
12055
|
-
[vars$
|
12298
|
+
[vars$v.fontSize]: globalRefs$m.typography.h3.size,
|
12299
|
+
[vars$v.fontWeight]: globalRefs$m.typography.h3.weight,
|
12300
|
+
[vars$v.fontFamily]: globalRefs$m.typography.h3.font,
|
12056
12301
|
},
|
12057
12302
|
subtitle1: {
|
12058
|
-
[vars$
|
12059
|
-
[vars$
|
12060
|
-
[vars$
|
12303
|
+
[vars$v.fontSize]: globalRefs$m.typography.subtitle1.size,
|
12304
|
+
[vars$v.fontWeight]: globalRefs$m.typography.subtitle1.weight,
|
12305
|
+
[vars$v.fontFamily]: globalRefs$m.typography.subtitle1.font,
|
12061
12306
|
},
|
12062
12307
|
subtitle2: {
|
12063
|
-
[vars$
|
12064
|
-
[vars$
|
12065
|
-
[vars$
|
12308
|
+
[vars$v.fontSize]: globalRefs$m.typography.subtitle2.size,
|
12309
|
+
[vars$v.fontWeight]: globalRefs$m.typography.subtitle2.weight,
|
12310
|
+
[vars$v.fontFamily]: globalRefs$m.typography.subtitle2.font,
|
12066
12311
|
},
|
12067
12312
|
body1: {
|
12068
|
-
[vars$
|
12069
|
-
[vars$
|
12070
|
-
[vars$
|
12313
|
+
[vars$v.fontSize]: globalRefs$m.typography.body1.size,
|
12314
|
+
[vars$v.fontWeight]: globalRefs$m.typography.body1.weight,
|
12315
|
+
[vars$v.fontFamily]: globalRefs$m.typography.body1.font,
|
12071
12316
|
},
|
12072
12317
|
body2: {
|
12073
|
-
[vars$
|
12074
|
-
[vars$
|
12075
|
-
[vars$
|
12318
|
+
[vars$v.fontSize]: globalRefs$m.typography.body2.size,
|
12319
|
+
[vars$v.fontWeight]: globalRefs$m.typography.body2.weight,
|
12320
|
+
[vars$v.fontFamily]: globalRefs$m.typography.body2.font,
|
12076
12321
|
},
|
12077
12322
|
},
|
12078
12323
|
|
12079
12324
|
mode: {
|
12080
12325
|
primary: {
|
12081
|
-
[vars$
|
12326
|
+
[vars$v.textColor]: globalRefs$m.colors.surface.contrast,
|
12082
12327
|
},
|
12083
12328
|
secondary: {
|
12084
|
-
[vars$
|
12329
|
+
[vars$v.textColor]: globalRefs$m.colors.surface.dark,
|
12085
12330
|
},
|
12086
12331
|
error: {
|
12087
|
-
[vars$
|
12332
|
+
[vars$v.textColor]: globalRefs$m.colors.error.main,
|
12088
12333
|
},
|
12089
12334
|
success: {
|
12090
|
-
[vars$
|
12335
|
+
[vars$v.textColor]: globalRefs$m.colors.success.main,
|
12091
12336
|
},
|
12092
12337
|
},
|
12093
12338
|
|
12094
12339
|
textAlign: {
|
12095
|
-
right: { [vars$
|
12096
|
-
left: { [vars$
|
12097
|
-
center: { [vars$
|
12340
|
+
right: { [vars$v.textAlign]: 'right' },
|
12341
|
+
left: { [vars$v.textAlign]: 'left' },
|
12342
|
+
center: { [vars$v.textAlign]: 'center' },
|
12098
12343
|
},
|
12099
12344
|
|
12100
12345
|
_fullWidth: {
|
12101
|
-
[vars$
|
12346
|
+
[vars$v.hostWidth]: '100%',
|
12102
12347
|
},
|
12103
12348
|
|
12104
12349
|
_italic: {
|
12105
|
-
[vars$
|
12350
|
+
[vars$v.fontStyle]: 'italic',
|
12106
12351
|
},
|
12107
12352
|
|
12108
12353
|
_uppercase: {
|
12109
|
-
[vars$
|
12354
|
+
[vars$v.textTransform]: 'uppercase',
|
12110
12355
|
},
|
12111
12356
|
|
12112
12357
|
_lowercase: {
|
12113
|
-
[vars$
|
12358
|
+
[vars$v.textTransform]: 'lowercase',
|
12114
12359
|
},
|
12115
12360
|
};
|
12116
12361
|
|
12117
12362
|
var text$1 = /*#__PURE__*/Object.freeze({
|
12118
12363
|
__proto__: null,
|
12119
12364
|
default: text,
|
12120
|
-
vars: vars$
|
12365
|
+
vars: vars$v
|
12121
12366
|
});
|
12122
12367
|
|
12123
|
-
const globalRefs$
|
12124
|
-
const vars$
|
12368
|
+
const globalRefs$l = getThemeRefs(globals);
|
12369
|
+
const vars$u = EnrichedTextClass.cssVarList;
|
12125
12370
|
|
12126
12371
|
const EnrichedText = {
|
12127
|
-
[vars$
|
12372
|
+
[vars$u.hostDirection]: globalRefs$l.direction,
|
12128
12373
|
|
12129
|
-
[vars$
|
12130
|
-
[vars$
|
12131
|
-
[vars$
|
12374
|
+
[vars$u.fontSize]: globalRefs$l.typography.body1.size,
|
12375
|
+
[vars$u.fontWeight]: globalRefs$l.typography.body1.weight,
|
12376
|
+
[vars$u.fontFamily]: globalRefs$l.typography.body1.font,
|
12132
12377
|
|
12133
|
-
[vars$
|
12134
|
-
[vars$
|
12135
|
-
[vars$
|
12378
|
+
[vars$u.textLineHeight]: '1.35em',
|
12379
|
+
[vars$u.textAlign]: 'left',
|
12380
|
+
[vars$u.textColor]: globalRefs$l.colors.surface.dark,
|
12136
12381
|
|
12137
|
-
[vars$
|
12382
|
+
[vars$u.linkColor]: `var(${LinkClass.cssVarList.textColor})`,
|
12138
12383
|
|
12139
12384
|
mode: {
|
12140
12385
|
primary: {
|
12141
|
-
[vars$
|
12386
|
+
[vars$u.textColor]: globalRefs$l.colors.surface.contrast,
|
12142
12387
|
},
|
12143
12388
|
secondary: {
|
12144
|
-
[vars$
|
12389
|
+
[vars$u.textColor]: globalRefs$l.colors.surface.dark,
|
12145
12390
|
},
|
12146
12391
|
error: {
|
12147
|
-
[vars$
|
12392
|
+
[vars$u.textColor]: globalRefs$l.colors.error.main,
|
12148
12393
|
},
|
12149
12394
|
success: {
|
12150
|
-
[vars$
|
12395
|
+
[vars$u.textColor]: globalRefs$l.colors.success.main,
|
12151
12396
|
},
|
12152
12397
|
},
|
12153
12398
|
|
12154
12399
|
variant: {
|
12155
12400
|
h1: {
|
12156
|
-
[vars$
|
12157
|
-
[vars$
|
12158
|
-
[vars$
|
12401
|
+
[vars$u.fontSize]: globalRefs$l.typography.h1.size,
|
12402
|
+
[vars$u.fontWeight]: globalRefs$l.typography.h1.weight,
|
12403
|
+
[vars$u.fontFamily]: globalRefs$l.typography.h1.font,
|
12159
12404
|
},
|
12160
12405
|
h2: {
|
12161
|
-
[vars$
|
12162
|
-
[vars$
|
12163
|
-
[vars$
|
12406
|
+
[vars$u.fontSize]: globalRefs$l.typography.h2.size,
|
12407
|
+
[vars$u.fontWeight]: globalRefs$l.typography.h2.weight,
|
12408
|
+
[vars$u.fontFamily]: globalRefs$l.typography.h2.font,
|
12164
12409
|
},
|
12165
12410
|
h3: {
|
12166
|
-
[vars$
|
12167
|
-
[vars$
|
12168
|
-
[vars$
|
12411
|
+
[vars$u.fontSize]: globalRefs$l.typography.h3.size,
|
12412
|
+
[vars$u.fontWeight]: globalRefs$l.typography.h3.weight,
|
12413
|
+
[vars$u.fontFamily]: globalRefs$l.typography.h3.font,
|
12169
12414
|
},
|
12170
12415
|
subtitle1: {
|
12171
|
-
[vars$
|
12172
|
-
[vars$
|
12173
|
-
[vars$
|
12416
|
+
[vars$u.fontSize]: globalRefs$l.typography.subtitle1.size,
|
12417
|
+
[vars$u.fontWeight]: globalRefs$l.typography.subtitle1.weight,
|
12418
|
+
[vars$u.fontFamily]: globalRefs$l.typography.subtitle1.font,
|
12174
12419
|
},
|
12175
12420
|
subtitle2: {
|
12176
|
-
[vars$
|
12177
|
-
[vars$
|
12178
|
-
[vars$
|
12421
|
+
[vars$u.fontSize]: globalRefs$l.typography.subtitle2.size,
|
12422
|
+
[vars$u.fontWeight]: globalRefs$l.typography.subtitle2.weight,
|
12423
|
+
[vars$u.fontFamily]: globalRefs$l.typography.subtitle2.font,
|
12179
12424
|
},
|
12180
12425
|
body1: {
|
12181
|
-
[vars$
|
12182
|
-
[vars$
|
12183
|
-
[vars$
|
12426
|
+
[vars$u.fontSize]: globalRefs$l.typography.body1.size,
|
12427
|
+
[vars$u.fontWeight]: globalRefs$l.typography.body1.weight,
|
12428
|
+
[vars$u.fontFamily]: globalRefs$l.typography.body1.font,
|
12184
12429
|
},
|
12185
12430
|
body2: {
|
12186
|
-
[vars$
|
12187
|
-
[vars$
|
12188
|
-
[vars$
|
12431
|
+
[vars$u.fontSize]: globalRefs$l.typography.body2.size,
|
12432
|
+
[vars$u.fontWeight]: globalRefs$l.typography.body2.weight,
|
12433
|
+
[vars$u.fontFamily]: globalRefs$l.typography.body2.font,
|
12189
12434
|
},
|
12190
12435
|
},
|
12191
12436
|
|
12192
12437
|
textAlign: {
|
12193
|
-
right: { [vars$
|
12194
|
-
left: { [vars$
|
12195
|
-
center: { [vars$
|
12438
|
+
right: { [vars$u.textAlign]: 'right' },
|
12439
|
+
left: { [vars$u.textAlign]: 'left' },
|
12440
|
+
center: { [vars$u.textAlign]: 'center' },
|
12196
12441
|
},
|
12197
12442
|
|
12198
12443
|
_fullWidth: {
|
12199
|
-
[vars$
|
12444
|
+
[vars$u.hostWidth]: '100%',
|
12200
12445
|
},
|
12201
12446
|
};
|
12202
12447
|
|
12203
12448
|
var EnrichedText$1 = /*#__PURE__*/Object.freeze({
|
12204
12449
|
__proto__: null,
|
12205
12450
|
default: EnrichedText,
|
12206
|
-
vars: vars$
|
12451
|
+
vars: vars$u
|
12207
12452
|
});
|
12208
12453
|
|
12209
|
-
const globalRefs$
|
12210
|
-
const vars$
|
12454
|
+
const globalRefs$k = getThemeRefs(globals);
|
12455
|
+
const vars$t = LinkClass.cssVarList;
|
12211
12456
|
|
12212
12457
|
const link = {
|
12213
|
-
[vars$
|
12214
|
-
[vars$
|
12458
|
+
[vars$t.hostDirection]: globalRefs$k.direction,
|
12459
|
+
[vars$t.cursor]: 'pointer',
|
12215
12460
|
|
12216
|
-
[vars$
|
12461
|
+
[vars$t.textColor]: globalRefs$k.colors.primary.main,
|
12217
12462
|
|
12218
12463
|
textAlign: {
|
12219
|
-
right: { [vars$
|
12220
|
-
left: { [vars$
|
12221
|
-
center: { [vars$
|
12464
|
+
right: { [vars$t.textAlign]: 'right' },
|
12465
|
+
left: { [vars$t.textAlign]: 'left' },
|
12466
|
+
center: { [vars$t.textAlign]: 'center' },
|
12222
12467
|
},
|
12223
12468
|
|
12224
12469
|
_fullWidth: {
|
12225
|
-
[vars$
|
12470
|
+
[vars$t.hostWidth]: '100%',
|
12226
12471
|
},
|
12227
12472
|
|
12228
12473
|
mode: {
|
12229
12474
|
secondary: {
|
12230
|
-
[vars$
|
12475
|
+
[vars$t.textColor]: globalRefs$k.colors.secondary.main,
|
12231
12476
|
},
|
12232
12477
|
error: {
|
12233
|
-
[vars$
|
12478
|
+
[vars$t.textColor]: globalRefs$k.colors.error.main,
|
12234
12479
|
},
|
12235
12480
|
success: {
|
12236
|
-
[vars$
|
12481
|
+
[vars$t.textColor]: globalRefs$k.colors.success.main,
|
12237
12482
|
},
|
12238
12483
|
},
|
12239
12484
|
};
|
@@ -12241,10 +12486,10 @@ const link = {
|
|
12241
12486
|
var link$1 = /*#__PURE__*/Object.freeze({
|
12242
12487
|
__proto__: null,
|
12243
12488
|
default: link,
|
12244
|
-
vars: vars$
|
12489
|
+
vars: vars$t
|
12245
12490
|
});
|
12246
12491
|
|
12247
|
-
const globalRefs$
|
12492
|
+
const globalRefs$j = getThemeRefs(globals);
|
12248
12493
|
const compVars$3 = DividerClass.cssVarList;
|
12249
12494
|
|
12250
12495
|
const [helperTheme$1, helperRefs$1, helperVars$1] = createHelperVars(
|
@@ -12252,18 +12497,18 @@ const [helperTheme$1, helperRefs$1, helperVars$1] = createHelperVars(
|
|
12252
12497
|
thickness: '2px',
|
12253
12498
|
spacing: '10px',
|
12254
12499
|
},
|
12255
|
-
componentName$
|
12500
|
+
componentName$N
|
12256
12501
|
);
|
12257
12502
|
|
12258
12503
|
const divider = {
|
12259
12504
|
...helperTheme$1,
|
12260
12505
|
|
12261
|
-
[compVars$3.hostDirection]: globalRefs$
|
12506
|
+
[compVars$3.hostDirection]: globalRefs$j.direction,
|
12262
12507
|
[compVars$3.alignItems]: 'center',
|
12263
12508
|
[compVars$3.flexDirection]: 'row',
|
12264
12509
|
[compVars$3.alignSelf]: 'stretch',
|
12265
12510
|
[compVars$3.hostWidth]: '100%',
|
12266
|
-
[compVars$3.stripeColor]: globalRefs$
|
12511
|
+
[compVars$3.stripeColor]: globalRefs$j.colors.surface.light,
|
12267
12512
|
[compVars$3.stripeColorOpacity]: '0.5',
|
12268
12513
|
[compVars$3.stripeHorizontalThickness]: helperRefs$1.thickness,
|
12269
12514
|
[compVars$3.labelTextWidth]: 'fit-content',
|
@@ -12283,7 +12528,7 @@ const divider = {
|
|
12283
12528
|
},
|
12284
12529
|
};
|
12285
12530
|
|
12286
|
-
const vars$
|
12531
|
+
const vars$s = {
|
12287
12532
|
...compVars$3,
|
12288
12533
|
...helperVars$1,
|
12289
12534
|
};
|
@@ -12291,111 +12536,111 @@ const vars$q = {
|
|
12291
12536
|
var divider$1 = /*#__PURE__*/Object.freeze({
|
12292
12537
|
__proto__: null,
|
12293
12538
|
default: divider,
|
12294
|
-
vars: vars$
|
12539
|
+
vars: vars$s
|
12295
12540
|
});
|
12296
12541
|
|
12297
|
-
const vars$
|
12542
|
+
const vars$r = PasscodeClass.cssVarList;
|
12298
12543
|
|
12299
12544
|
const passcode = {
|
12300
|
-
[vars$
|
12301
|
-
[vars$
|
12302
|
-
[vars$
|
12303
|
-
[vars$
|
12304
|
-
[vars$
|
12305
|
-
[vars$
|
12306
|
-
[vars$
|
12307
|
-
[vars$
|
12308
|
-
[vars$
|
12309
|
-
[vars$
|
12310
|
-
[vars$
|
12311
|
-
[vars$
|
12312
|
-
[vars$
|
12313
|
-
[vars$
|
12314
|
-
[vars$
|
12545
|
+
[vars$r.hostDirection]: refs.direction,
|
12546
|
+
[vars$r.fontFamily]: refs.fontFamily,
|
12547
|
+
[vars$r.fontSize]: refs.fontSize,
|
12548
|
+
[vars$r.labelTextColor]: refs.labelTextColor,
|
12549
|
+
[vars$r.labelRequiredIndicator]: refs.requiredIndicator,
|
12550
|
+
[vars$r.errorMessageTextColor]: refs.errorMessageTextColor,
|
12551
|
+
[vars$r.digitValueTextColor]: refs.valueTextColor,
|
12552
|
+
[vars$r.digitPadding]: '0',
|
12553
|
+
[vars$r.digitTextAlign]: 'center',
|
12554
|
+
[vars$r.digitSpacing]: '4px',
|
12555
|
+
[vars$r.hostWidth]: refs.width,
|
12556
|
+
[vars$r.digitOutlineColor]: 'transparent',
|
12557
|
+
[vars$r.digitOutlineWidth]: refs.outlineWidth,
|
12558
|
+
[vars$r.focusedDigitFieldOutlineColor]: refs.outlineColor,
|
12559
|
+
[vars$r.digitSize]: refs.inputHeight,
|
12315
12560
|
|
12316
12561
|
size: {
|
12317
|
-
xs: { [vars$
|
12318
|
-
sm: { [vars$
|
12319
|
-
md: { [vars$
|
12320
|
-
lg: { [vars$
|
12562
|
+
xs: { [vars$r.spinnerSize]: '15px' },
|
12563
|
+
sm: { [vars$r.spinnerSize]: '20px' },
|
12564
|
+
md: { [vars$r.spinnerSize]: '20px' },
|
12565
|
+
lg: { [vars$r.spinnerSize]: '20px' },
|
12321
12566
|
},
|
12322
12567
|
|
12323
12568
|
_hideCursor: {
|
12324
|
-
[vars$
|
12569
|
+
[vars$r.digitCaretTextColor]: 'transparent',
|
12325
12570
|
},
|
12326
12571
|
|
12327
12572
|
_loading: {
|
12328
|
-
[vars$
|
12573
|
+
[vars$r.overlayOpacity]: refs.overlayOpacity,
|
12329
12574
|
},
|
12330
12575
|
};
|
12331
12576
|
|
12332
12577
|
var passcode$1 = /*#__PURE__*/Object.freeze({
|
12333
12578
|
__proto__: null,
|
12334
12579
|
default: passcode,
|
12335
|
-
vars: vars$
|
12580
|
+
vars: vars$r
|
12336
12581
|
});
|
12337
12582
|
|
12338
|
-
const globalRefs$
|
12339
|
-
const vars$
|
12583
|
+
const globalRefs$i = getThemeRefs(globals);
|
12584
|
+
const vars$q = LoaderLinearClass.cssVarList;
|
12340
12585
|
|
12341
12586
|
const loaderLinear = {
|
12342
|
-
[vars$
|
12343
|
-
[vars$
|
12587
|
+
[vars$q.hostDisplay]: 'inline-block',
|
12588
|
+
[vars$q.hostWidth]: '100%',
|
12344
12589
|
|
12345
|
-
[vars$
|
12346
|
-
[vars$
|
12590
|
+
[vars$q.barColor]: globalRefs$i.colors.surface.contrast,
|
12591
|
+
[vars$q.barWidth]: '20%',
|
12347
12592
|
|
12348
|
-
[vars$
|
12349
|
-
[vars$
|
12593
|
+
[vars$q.barBackgroundColor]: globalRefs$i.colors.surface.light,
|
12594
|
+
[vars$q.barBorderRadius]: '4px',
|
12350
12595
|
|
12351
|
-
[vars$
|
12352
|
-
[vars$
|
12353
|
-
[vars$
|
12354
|
-
[vars$
|
12596
|
+
[vars$q.animationDuration]: '2s',
|
12597
|
+
[vars$q.animationTimingFunction]: 'linear',
|
12598
|
+
[vars$q.animationIterationCount]: 'infinite',
|
12599
|
+
[vars$q.verticalPadding]: '0.25em',
|
12355
12600
|
|
12356
12601
|
size: {
|
12357
|
-
xs: { [vars$
|
12358
|
-
sm: { [vars$
|
12359
|
-
md: { [vars$
|
12360
|
-
lg: { [vars$
|
12602
|
+
xs: { [vars$q.barHeight]: '2px' },
|
12603
|
+
sm: { [vars$q.barHeight]: '4px' },
|
12604
|
+
md: { [vars$q.barHeight]: '6px' },
|
12605
|
+
lg: { [vars$q.barHeight]: '8px' },
|
12361
12606
|
},
|
12362
12607
|
|
12363
12608
|
mode: {
|
12364
12609
|
primary: {
|
12365
|
-
[vars$
|
12610
|
+
[vars$q.barColor]: globalRefs$i.colors.primary.main,
|
12366
12611
|
},
|
12367
12612
|
secondary: {
|
12368
|
-
[vars$
|
12613
|
+
[vars$q.barColor]: globalRefs$i.colors.secondary.main,
|
12369
12614
|
},
|
12370
12615
|
},
|
12371
12616
|
|
12372
12617
|
_hidden: {
|
12373
|
-
[vars$
|
12618
|
+
[vars$q.hostDisplay]: 'none',
|
12374
12619
|
},
|
12375
12620
|
};
|
12376
12621
|
|
12377
12622
|
var loaderLinear$1 = /*#__PURE__*/Object.freeze({
|
12378
12623
|
__proto__: null,
|
12379
12624
|
default: loaderLinear,
|
12380
|
-
vars: vars$
|
12625
|
+
vars: vars$q
|
12381
12626
|
});
|
12382
12627
|
|
12383
|
-
const globalRefs$
|
12628
|
+
const globalRefs$h = getThemeRefs(globals);
|
12384
12629
|
const compVars$2 = LoaderRadialClass.cssVarList;
|
12385
12630
|
|
12386
12631
|
const [helperTheme, helperRefs, helperVars] = createHelperVars(
|
12387
12632
|
{
|
12388
|
-
spinnerColor: globalRefs$
|
12633
|
+
spinnerColor: globalRefs$h.colors.surface.contrast,
|
12389
12634
|
mode: {
|
12390
12635
|
primary: {
|
12391
|
-
spinnerColor: globalRefs$
|
12636
|
+
spinnerColor: globalRefs$h.colors.primary.main,
|
12392
12637
|
},
|
12393
12638
|
secondary: {
|
12394
|
-
spinnerColor: globalRefs$
|
12639
|
+
spinnerColor: globalRefs$h.colors.secondary.main,
|
12395
12640
|
},
|
12396
12641
|
},
|
12397
12642
|
},
|
12398
|
-
componentName$
|
12643
|
+
componentName$Q
|
12399
12644
|
);
|
12400
12645
|
|
12401
12646
|
const loaderRadial = {
|
@@ -12424,7 +12669,7 @@ const loaderRadial = {
|
|
12424
12669
|
[compVars$2.hostDisplay]: 'none',
|
12425
12670
|
},
|
12426
12671
|
};
|
12427
|
-
const vars$
|
12672
|
+
const vars$p = {
|
12428
12673
|
...compVars$2,
|
12429
12674
|
...helperVars,
|
12430
12675
|
};
|
@@ -12432,97 +12677,97 @@ const vars$n = {
|
|
12432
12677
|
var loaderRadial$1 = /*#__PURE__*/Object.freeze({
|
12433
12678
|
__proto__: null,
|
12434
12679
|
default: loaderRadial,
|
12435
|
-
vars: vars$
|
12680
|
+
vars: vars$p
|
12436
12681
|
});
|
12437
12682
|
|
12438
|
-
const globalRefs$
|
12439
|
-
const vars$
|
12683
|
+
const globalRefs$g = getThemeRefs(globals);
|
12684
|
+
const vars$o = ComboBoxClass.cssVarList;
|
12440
12685
|
|
12441
12686
|
const comboBox = {
|
12442
|
-
[vars$
|
12443
|
-
[vars$
|
12444
|
-
[vars$
|
12445
|
-
[vars$
|
12446
|
-
[vars$
|
12447
|
-
[vars$
|
12448
|
-
[vars$
|
12449
|
-
[vars$
|
12450
|
-
[vars$
|
12451
|
-
[vars$
|
12452
|
-
[vars$
|
12453
|
-
[vars$
|
12454
|
-
[vars$
|
12455
|
-
[vars$
|
12456
|
-
[vars$
|
12457
|
-
[vars$
|
12458
|
-
[vars$
|
12459
|
-
[vars$
|
12460
|
-
[vars$
|
12461
|
-
[vars$
|
12462
|
-
[vars$
|
12463
|
-
[vars$
|
12464
|
-
[vars$
|
12465
|
-
[vars$
|
12466
|
-
[vars$
|
12467
|
-
[vars$
|
12687
|
+
[vars$o.hostWidth]: refs.width,
|
12688
|
+
[vars$o.hostDirection]: refs.direction,
|
12689
|
+
[vars$o.fontSize]: refs.fontSize,
|
12690
|
+
[vars$o.fontFamily]: refs.fontFamily,
|
12691
|
+
[vars$o.labelTextColor]: refs.labelTextColor,
|
12692
|
+
[vars$o.errorMessageTextColor]: refs.errorMessageTextColor,
|
12693
|
+
[vars$o.inputBorderColor]: refs.borderColor,
|
12694
|
+
[vars$o.inputBorderWidth]: refs.borderWidth,
|
12695
|
+
[vars$o.inputBorderStyle]: refs.borderStyle,
|
12696
|
+
[vars$o.inputBorderRadius]: refs.borderRadius,
|
12697
|
+
[vars$o.inputOutlineColor]: refs.outlineColor,
|
12698
|
+
[vars$o.inputOutlineOffset]: refs.outlineOffset,
|
12699
|
+
[vars$o.inputOutlineWidth]: refs.outlineWidth,
|
12700
|
+
[vars$o.inputOutlineStyle]: refs.outlineStyle,
|
12701
|
+
[vars$o.labelRequiredIndicator]: refs.requiredIndicator,
|
12702
|
+
[vars$o.inputValueTextColor]: refs.valueTextColor,
|
12703
|
+
[vars$o.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
12704
|
+
[vars$o.inputBackgroundColor]: refs.backgroundColor,
|
12705
|
+
[vars$o.inputHorizontalPadding]: refs.horizontalPadding,
|
12706
|
+
[vars$o.inputHeight]: refs.inputHeight,
|
12707
|
+
[vars$o.inputDropdownButtonColor]: globalRefs$g.colors.surface.dark,
|
12708
|
+
[vars$o.inputDropdownButtonCursor]: 'pointer',
|
12709
|
+
[vars$o.inputDropdownButtonSize]: refs.toggleButtonSize,
|
12710
|
+
[vars$o.inputDropdownButtonOffset]: globalRefs$g.spacing.xs,
|
12711
|
+
[vars$o.overlayItemPaddingInlineStart]: globalRefs$g.spacing.xs,
|
12712
|
+
[vars$o.overlayItemPaddingInlineEnd]: globalRefs$g.spacing.lg,
|
12468
12713
|
|
12469
12714
|
_readonly: {
|
12470
|
-
[vars$
|
12715
|
+
[vars$o.inputDropdownButtonCursor]: 'default',
|
12471
12716
|
},
|
12472
12717
|
|
12473
12718
|
// Overlay theme exposed via the component:
|
12474
|
-
[vars$
|
12475
|
-
[vars$
|
12476
|
-
[vars$
|
12477
|
-
[vars$
|
12478
|
-
[vars$
|
12479
|
-
[vars$
|
12719
|
+
[vars$o.overlayFontSize]: refs.fontSize,
|
12720
|
+
[vars$o.overlayFontFamily]: refs.fontFamily,
|
12721
|
+
[vars$o.overlayCursor]: 'pointer',
|
12722
|
+
[vars$o.overlayItemBoxShadow]: 'none',
|
12723
|
+
[vars$o.overlayBackground]: refs.backgroundColor,
|
12724
|
+
[vars$o.overlayTextColor]: refs.valueTextColor,
|
12480
12725
|
|
12481
12726
|
// Overlay direct theme:
|
12482
|
-
[vars$
|
12483
|
-
[vars$
|
12727
|
+
[vars$o.overlay.minHeight]: '400px',
|
12728
|
+
[vars$o.overlay.margin]: '0',
|
12484
12729
|
};
|
12485
12730
|
|
12486
12731
|
var comboBox$1 = /*#__PURE__*/Object.freeze({
|
12487
12732
|
__proto__: null,
|
12488
12733
|
comboBox: comboBox,
|
12489
12734
|
default: comboBox,
|
12490
|
-
vars: vars$
|
12735
|
+
vars: vars$o
|
12491
12736
|
});
|
12492
12737
|
|
12493
|
-
const vars$
|
12738
|
+
const vars$n = ImageClass.cssVarList;
|
12494
12739
|
|
12495
12740
|
const image = {};
|
12496
12741
|
|
12497
12742
|
var image$1 = /*#__PURE__*/Object.freeze({
|
12498
12743
|
__proto__: null,
|
12499
12744
|
default: image,
|
12500
|
-
vars: vars$
|
12745
|
+
vars: vars$n
|
12501
12746
|
});
|
12502
12747
|
|
12503
|
-
const vars$
|
12748
|
+
const vars$m = PhoneFieldClass.cssVarList;
|
12504
12749
|
|
12505
12750
|
const phoneField = {
|
12506
|
-
[vars$
|
12507
|
-
[vars$
|
12508
|
-
[vars$
|
12509
|
-
[vars$
|
12510
|
-
[vars$
|
12511
|
-
[vars$
|
12512
|
-
[vars$
|
12513
|
-
[vars$
|
12514
|
-
[vars$
|
12515
|
-
[vars$
|
12516
|
-
[vars$
|
12517
|
-
[vars$
|
12518
|
-
[vars$
|
12519
|
-
[vars$
|
12520
|
-
[vars$
|
12521
|
-
[vars$
|
12522
|
-
[vars$
|
12523
|
-
[vars$
|
12524
|
-
[vars$
|
12525
|
-
[vars$
|
12751
|
+
[vars$m.hostWidth]: refs.width,
|
12752
|
+
[vars$m.hostDirection]: refs.direction,
|
12753
|
+
[vars$m.fontSize]: refs.fontSize,
|
12754
|
+
[vars$m.fontFamily]: refs.fontFamily,
|
12755
|
+
[vars$m.labelTextColor]: refs.labelTextColor,
|
12756
|
+
[vars$m.labelRequiredIndicator]: refs.requiredIndicator,
|
12757
|
+
[vars$m.errorMessageTextColor]: refs.errorMessageTextColor,
|
12758
|
+
[vars$m.inputValueTextColor]: refs.valueTextColor,
|
12759
|
+
[vars$m.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
12760
|
+
[vars$m.inputBorderStyle]: refs.borderStyle,
|
12761
|
+
[vars$m.inputBorderWidth]: refs.borderWidth,
|
12762
|
+
[vars$m.inputBorderColor]: refs.borderColor,
|
12763
|
+
[vars$m.inputBorderRadius]: refs.borderRadius,
|
12764
|
+
[vars$m.inputOutlineStyle]: refs.outlineStyle,
|
12765
|
+
[vars$m.inputOutlineWidth]: refs.outlineWidth,
|
12766
|
+
[vars$m.inputOutlineColor]: refs.outlineColor,
|
12767
|
+
[vars$m.inputOutlineOffset]: refs.outlineOffset,
|
12768
|
+
[vars$m.phoneInputWidth]: refs.minWidth,
|
12769
|
+
[vars$m.countryCodeInputWidth]: '5em',
|
12770
|
+
[vars$m.countryCodeDropdownWidth]: '20em',
|
12526
12771
|
|
12527
12772
|
// '@overlay': {
|
12528
12773
|
// overlayItemBackgroundColor: 'red'
|
@@ -12532,172 +12777,172 @@ const phoneField = {
|
|
12532
12777
|
var phoneField$1 = /*#__PURE__*/Object.freeze({
|
12533
12778
|
__proto__: null,
|
12534
12779
|
default: phoneField,
|
12535
|
-
vars: vars$
|
12780
|
+
vars: vars$m
|
12536
12781
|
});
|
12537
12782
|
|
12538
|
-
const vars$
|
12783
|
+
const vars$l = PhoneFieldInputBoxClass.cssVarList;
|
12539
12784
|
|
12540
12785
|
const phoneInputBoxField = {
|
12541
|
-
[vars$
|
12542
|
-
[vars$
|
12543
|
-
[vars$
|
12544
|
-
[vars$
|
12545
|
-
[vars$
|
12546
|
-
[vars$
|
12547
|
-
[vars$
|
12548
|
-
[vars$
|
12549
|
-
[vars$
|
12550
|
-
[vars$
|
12551
|
-
[vars$
|
12552
|
-
[vars$
|
12553
|
-
[vars$
|
12554
|
-
[vars$
|
12555
|
-
[vars$
|
12556
|
-
[vars$
|
12557
|
-
[vars$
|
12558
|
-
[vars$
|
12786
|
+
[vars$l.hostWidth]: '16em',
|
12787
|
+
[vars$l.hostMinWidth]: refs.minWidth,
|
12788
|
+
[vars$l.hostDirection]: refs.direction,
|
12789
|
+
[vars$l.fontSize]: refs.fontSize,
|
12790
|
+
[vars$l.fontFamily]: refs.fontFamily,
|
12791
|
+
[vars$l.labelTextColor]: refs.labelTextColor,
|
12792
|
+
[vars$l.labelRequiredIndicator]: refs.requiredIndicator,
|
12793
|
+
[vars$l.errorMessageTextColor]: refs.errorMessageTextColor,
|
12794
|
+
[vars$l.inputValueTextColor]: refs.valueTextColor,
|
12795
|
+
[vars$l.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
12796
|
+
[vars$l.inputBorderStyle]: refs.borderStyle,
|
12797
|
+
[vars$l.inputBorderWidth]: refs.borderWidth,
|
12798
|
+
[vars$l.inputBorderColor]: refs.borderColor,
|
12799
|
+
[vars$l.inputBorderRadius]: refs.borderRadius,
|
12800
|
+
[vars$l.inputOutlineStyle]: refs.outlineStyle,
|
12801
|
+
[vars$l.inputOutlineWidth]: refs.outlineWidth,
|
12802
|
+
[vars$l.inputOutlineColor]: refs.outlineColor,
|
12803
|
+
[vars$l.inputOutlineOffset]: refs.outlineOffset,
|
12559
12804
|
_fullWidth: {
|
12560
|
-
[vars$
|
12805
|
+
[vars$l.hostWidth]: refs.width,
|
12561
12806
|
},
|
12562
12807
|
};
|
12563
12808
|
|
12564
12809
|
var phoneInputBoxField$1 = /*#__PURE__*/Object.freeze({
|
12565
12810
|
__proto__: null,
|
12566
12811
|
default: phoneInputBoxField,
|
12567
|
-
vars: vars$
|
12812
|
+
vars: vars$l
|
12568
12813
|
});
|
12569
12814
|
|
12570
|
-
const globalRefs$
|
12571
|
-
const vars$
|
12815
|
+
const globalRefs$f = getThemeRefs(globals);
|
12816
|
+
const vars$k = NewPasswordClass.cssVarList;
|
12572
12817
|
|
12573
12818
|
const newPassword = {
|
12574
|
-
[vars$
|
12575
|
-
[vars$
|
12576
|
-
[vars$
|
12577
|
-
[vars$
|
12578
|
-
[vars$
|
12579
|
-
[vars$
|
12580
|
-
[vars$
|
12581
|
-
[vars$
|
12582
|
-
[vars$
|
12819
|
+
[vars$k.hostWidth]: refs.width,
|
12820
|
+
[vars$k.hostMinWidth]: refs.minWidth,
|
12821
|
+
[vars$k.hostDirection]: refs.direction,
|
12822
|
+
[vars$k.fontSize]: refs.fontSize,
|
12823
|
+
[vars$k.fontFamily]: refs.fontFamily,
|
12824
|
+
[vars$k.spaceBetweenInputs]: '1em',
|
12825
|
+
[vars$k.errorMessageTextColor]: refs.errorMessageTextColor,
|
12826
|
+
[vars$k.policyPreviewBackgroundColor]: 'none',
|
12827
|
+
[vars$k.policyPreviewPadding]: globalRefs$f.spacing.lg,
|
12583
12828
|
|
12584
12829
|
_required: {
|
12585
12830
|
// NewPassword doesn't pass `required` attribute to its Password components.
|
12586
12831
|
// That's why we fake the required indicator on each input.
|
12587
12832
|
// We do that by injecting `::after` element, and populating it with requiredIndicator content.
|
12588
|
-
[vars$
|
12833
|
+
[vars$k.inputsRequiredIndicator]: refs.requiredIndicator, // used to populate required content for NewPassword input fields outside the theme
|
12589
12834
|
},
|
12590
12835
|
};
|
12591
12836
|
|
12592
12837
|
var newPassword$1 = /*#__PURE__*/Object.freeze({
|
12593
12838
|
__proto__: null,
|
12594
12839
|
default: newPassword,
|
12595
|
-
vars: vars$
|
12840
|
+
vars: vars$k
|
12596
12841
|
});
|
12597
12842
|
|
12598
|
-
const vars$
|
12843
|
+
const vars$j = UploadFileClass.cssVarList;
|
12599
12844
|
|
12600
12845
|
const uploadFile = {
|
12601
|
-
[vars$
|
12602
|
-
[vars$
|
12603
|
-
[vars$
|
12846
|
+
[vars$j.hostDirection]: refs.direction,
|
12847
|
+
[vars$j.labelTextColor]: refs.labelTextColor,
|
12848
|
+
[vars$j.fontFamily]: refs.fontFamily,
|
12604
12849
|
|
12605
|
-
[vars$
|
12850
|
+
[vars$j.iconSize]: '2em',
|
12606
12851
|
|
12607
|
-
[vars$
|
12608
|
-
[vars$
|
12852
|
+
[vars$j.hostPadding]: '0.75em',
|
12853
|
+
[vars$j.gap]: '0.5em',
|
12609
12854
|
|
12610
|
-
[vars$
|
12611
|
-
[vars$
|
12612
|
-
[vars$
|
12855
|
+
[vars$j.fontSize]: '16px',
|
12856
|
+
[vars$j.titleFontWeight]: '500',
|
12857
|
+
[vars$j.lineHeight]: '1em',
|
12613
12858
|
|
12614
|
-
[vars$
|
12615
|
-
[vars$
|
12616
|
-
[vars$
|
12617
|
-
[vars$
|
12859
|
+
[vars$j.borderWidth]: refs.borderWidth,
|
12860
|
+
[vars$j.borderColor]: refs.borderColor,
|
12861
|
+
[vars$j.borderRadius]: refs.borderRadius,
|
12862
|
+
[vars$j.borderStyle]: 'dashed',
|
12618
12863
|
|
12619
12864
|
_required: {
|
12620
|
-
[vars$
|
12865
|
+
[vars$j.requiredIndicator]: refs.requiredIndicator,
|
12621
12866
|
},
|
12622
12867
|
|
12623
12868
|
size: {
|
12624
12869
|
xs: {
|
12625
|
-
[vars$
|
12626
|
-
[vars$
|
12627
|
-
[vars$
|
12628
|
-
[vars$
|
12629
|
-
[vars$
|
12870
|
+
[vars$j.hostHeight]: '196px',
|
12871
|
+
[vars$j.hostWidth]: '200px',
|
12872
|
+
[vars$j.titleFontSize]: '0.875em',
|
12873
|
+
[vars$j.descriptionFontSize]: '0.875em',
|
12874
|
+
[vars$j.lineHeight]: '1.25em',
|
12630
12875
|
},
|
12631
12876
|
sm: {
|
12632
|
-
[vars$
|
12633
|
-
[vars$
|
12634
|
-
[vars$
|
12635
|
-
[vars$
|
12636
|
-
[vars$
|
12877
|
+
[vars$j.hostHeight]: '216px',
|
12878
|
+
[vars$j.hostWidth]: '230px',
|
12879
|
+
[vars$j.titleFontSize]: '1em',
|
12880
|
+
[vars$j.descriptionFontSize]: '0.875em',
|
12881
|
+
[vars$j.lineHeight]: '1.25em',
|
12637
12882
|
},
|
12638
12883
|
md: {
|
12639
|
-
[vars$
|
12640
|
-
[vars$
|
12641
|
-
[vars$
|
12642
|
-
[vars$
|
12643
|
-
[vars$
|
12884
|
+
[vars$j.hostHeight]: '256px',
|
12885
|
+
[vars$j.hostWidth]: '312px',
|
12886
|
+
[vars$j.titleFontSize]: '1.125em',
|
12887
|
+
[vars$j.descriptionFontSize]: '1em',
|
12888
|
+
[vars$j.lineHeight]: '1.5em',
|
12644
12889
|
},
|
12645
12890
|
lg: {
|
12646
|
-
[vars$
|
12647
|
-
[vars$
|
12648
|
-
[vars$
|
12649
|
-
[vars$
|
12650
|
-
[vars$
|
12891
|
+
[vars$j.hostHeight]: '280px',
|
12892
|
+
[vars$j.hostWidth]: '336px',
|
12893
|
+
[vars$j.titleFontSize]: '1.125em',
|
12894
|
+
[vars$j.descriptionFontSize]: '1.125em',
|
12895
|
+
[vars$j.lineHeight]: '1.75em',
|
12651
12896
|
},
|
12652
12897
|
},
|
12653
12898
|
|
12654
12899
|
_fullWidth: {
|
12655
|
-
[vars$
|
12900
|
+
[vars$j.hostWidth]: refs.width,
|
12656
12901
|
},
|
12657
12902
|
};
|
12658
12903
|
|
12659
12904
|
var uploadFile$1 = /*#__PURE__*/Object.freeze({
|
12660
12905
|
__proto__: null,
|
12661
12906
|
default: uploadFile,
|
12662
|
-
vars: vars$
|
12907
|
+
vars: vars$j
|
12663
12908
|
});
|
12664
12909
|
|
12665
|
-
const globalRefs$
|
12910
|
+
const globalRefs$e = getThemeRefs(globals);
|
12666
12911
|
|
12667
|
-
const vars$
|
12912
|
+
const vars$i = ButtonSelectionGroupItemClass.cssVarList;
|
12668
12913
|
|
12669
12914
|
const buttonSelectionGroupItem = {
|
12670
|
-
[vars$
|
12671
|
-
[vars$
|
12672
|
-
[vars$
|
12673
|
-
[vars$
|
12674
|
-
[vars$
|
12675
|
-
[vars$
|
12676
|
-
[vars$
|
12677
|
-
[vars$
|
12915
|
+
[vars$i.hostDirection]: 'inherit',
|
12916
|
+
[vars$i.backgroundColor]: globalRefs$e.colors.surface.main,
|
12917
|
+
[vars$i.labelTextColor]: globalRefs$e.colors.surface.contrast,
|
12918
|
+
[vars$i.borderColor]: globalRefs$e.colors.surface.light,
|
12919
|
+
[vars$i.borderStyle]: 'solid',
|
12920
|
+
[vars$i.borderRadius]: globalRefs$e.radius.sm,
|
12921
|
+
[vars$i.outlineColor]: 'transparent',
|
12922
|
+
[vars$i.borderWidth]: globalRefs$e.border.xs,
|
12678
12923
|
|
12679
12924
|
_hover: {
|
12680
|
-
[vars$
|
12925
|
+
[vars$i.backgroundColor]: globalRefs$e.colors.surface.highlight,
|
12681
12926
|
},
|
12682
12927
|
|
12683
12928
|
_focused: {
|
12684
|
-
[vars$
|
12929
|
+
[vars$i.outlineColor]: globalRefs$e.colors.surface.light,
|
12685
12930
|
},
|
12686
12931
|
|
12687
12932
|
_selected: {
|
12688
|
-
[vars$
|
12689
|
-
[vars$
|
12690
|
-
[vars$
|
12933
|
+
[vars$i.borderColor]: globalRefs$e.colors.surface.contrast,
|
12934
|
+
[vars$i.backgroundColor]: globalRefs$e.colors.surface.contrast,
|
12935
|
+
[vars$i.labelTextColor]: globalRefs$e.colors.surface.main,
|
12691
12936
|
},
|
12692
12937
|
};
|
12693
12938
|
|
12694
12939
|
var buttonSelectionGroupItem$1 = /*#__PURE__*/Object.freeze({
|
12695
12940
|
__proto__: null,
|
12696
12941
|
default: buttonSelectionGroupItem,
|
12697
|
-
vars: vars$
|
12942
|
+
vars: vars$i
|
12698
12943
|
});
|
12699
12944
|
|
12700
|
-
const globalRefs$
|
12945
|
+
const globalRefs$d = getThemeRefs(globals);
|
12701
12946
|
|
12702
12947
|
const createBaseButtonSelectionGroupMappings = (vars) => ({
|
12703
12948
|
[vars.hostDirection]: refs.direction,
|
@@ -12705,84 +12950,84 @@ const createBaseButtonSelectionGroupMappings = (vars) => ({
|
|
12705
12950
|
[vars.labelTextColor]: refs.labelTextColor,
|
12706
12951
|
[vars.labelRequiredIndicator]: refs.requiredIndicator,
|
12707
12952
|
[vars.errorMessageTextColor]: refs.errorMessageTextColor,
|
12708
|
-
[vars.itemsSpacing]: globalRefs$
|
12953
|
+
[vars.itemsSpacing]: globalRefs$d.spacing.sm,
|
12709
12954
|
[vars.hostWidth]: refs.width,
|
12710
12955
|
});
|
12711
12956
|
|
12712
|
-
const vars$
|
12957
|
+
const vars$h = ButtonSelectionGroupClass.cssVarList;
|
12713
12958
|
|
12714
12959
|
const buttonSelectionGroup = {
|
12715
|
-
...createBaseButtonSelectionGroupMappings(vars$
|
12960
|
+
...createBaseButtonSelectionGroupMappings(vars$h),
|
12716
12961
|
};
|
12717
12962
|
|
12718
12963
|
var buttonSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
12719
12964
|
__proto__: null,
|
12720
12965
|
default: buttonSelectionGroup,
|
12721
|
-
vars: vars$
|
12966
|
+
vars: vars$h
|
12722
12967
|
});
|
12723
12968
|
|
12724
|
-
const vars$
|
12969
|
+
const vars$g = ButtonMultiSelectionGroupClass.cssVarList;
|
12725
12970
|
|
12726
12971
|
const buttonMultiSelectionGroup = {
|
12727
|
-
...createBaseButtonSelectionGroupMappings(vars$
|
12972
|
+
...createBaseButtonSelectionGroupMappings(vars$g),
|
12728
12973
|
};
|
12729
12974
|
|
12730
12975
|
var buttonMultiSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
12731
12976
|
__proto__: null,
|
12732
12977
|
default: buttonMultiSelectionGroup,
|
12733
|
-
vars: vars$
|
12978
|
+
vars: vars$g
|
12734
12979
|
});
|
12735
12980
|
|
12736
|
-
const globalRefs$
|
12981
|
+
const globalRefs$c = getThemeRefs(globals);
|
12737
12982
|
|
12738
12983
|
const compVars$1 = ModalClass.cssVarList;
|
12739
12984
|
|
12740
12985
|
const modal = {
|
12741
|
-
[compVars$1.overlayBackgroundColor]: globalRefs$
|
12742
|
-
[compVars$1.overlayShadow]: globalRefs$
|
12986
|
+
[compVars$1.overlayBackgroundColor]: globalRefs$c.colors.surface.main,
|
12987
|
+
[compVars$1.overlayShadow]: globalRefs$c.shadow.wide['2xl'],
|
12743
12988
|
[compVars$1.overlayWidth]: '540px',
|
12744
12989
|
};
|
12745
12990
|
|
12746
|
-
const vars$
|
12991
|
+
const vars$f = {
|
12747
12992
|
...compVars$1,
|
12748
12993
|
};
|
12749
12994
|
|
12750
12995
|
var modal$1 = /*#__PURE__*/Object.freeze({
|
12751
12996
|
__proto__: null,
|
12752
12997
|
default: modal,
|
12753
|
-
vars: vars$
|
12998
|
+
vars: vars$f
|
12754
12999
|
});
|
12755
13000
|
|
12756
|
-
const globalRefs$
|
12757
|
-
const vars$
|
13001
|
+
const globalRefs$b = getThemeRefs(globals);
|
13002
|
+
const vars$e = GridClass.cssVarList;
|
12758
13003
|
|
12759
13004
|
const grid = {
|
12760
|
-
[vars$
|
12761
|
-
[vars$
|
12762
|
-
[vars$
|
12763
|
-
[vars$
|
12764
|
-
[vars$
|
13005
|
+
[vars$e.hostWidth]: '100%',
|
13006
|
+
[vars$e.hostHeight]: '100%',
|
13007
|
+
[vars$e.hostMinHeight]: '400px',
|
13008
|
+
[vars$e.fontWeight]: '400',
|
13009
|
+
[vars$e.backgroundColor]: globalRefs$b.colors.surface.main,
|
12765
13010
|
|
12766
|
-
[vars$
|
12767
|
-
[vars$
|
13011
|
+
[vars$e.fontSize]: refs.fontSize,
|
13012
|
+
[vars$e.fontFamily]: refs.fontFamily,
|
12768
13013
|
|
12769
|
-
[vars$
|
12770
|
-
[vars$
|
12771
|
-
[vars$
|
13014
|
+
[vars$e.sortIndicatorsColor]: globalRefs$b.colors.surface.light,
|
13015
|
+
[vars$e.activeSortIndicator]: globalRefs$b.colors.surface.dark,
|
13016
|
+
[vars$e.resizeHandleColor]: globalRefs$b.colors.surface.light,
|
12772
13017
|
|
12773
|
-
[vars$
|
12774
|
-
[vars$
|
12775
|
-
[vars$
|
12776
|
-
[vars$
|
13018
|
+
[vars$e.borderWidth]: refs.borderWidth,
|
13019
|
+
[vars$e.borderStyle]: refs.borderStyle,
|
13020
|
+
[vars$e.borderRadius]: refs.borderRadius,
|
13021
|
+
[vars$e.borderColor]: 'transparent',
|
12777
13022
|
|
12778
|
-
[vars$
|
12779
|
-
[vars$
|
13023
|
+
[vars$e.headerRowTextColor]: globalRefs$b.colors.surface.dark,
|
13024
|
+
[vars$e.separatorColor]: globalRefs$b.colors.surface.light,
|
12780
13025
|
|
12781
|
-
[vars$
|
12782
|
-
[vars$
|
13026
|
+
[vars$e.valueTextColor]: globalRefs$b.colors.surface.contrast,
|
13027
|
+
[vars$e.selectedBackgroundColor]: globalRefs$b.colors.surface.highlight,
|
12783
13028
|
|
12784
13029
|
_bordered: {
|
12785
|
-
[vars$
|
13030
|
+
[vars$e.borderColor]: refs.borderColor,
|
12786
13031
|
},
|
12787
13032
|
};
|
12788
13033
|
|
@@ -12790,53 +13035,53 @@ var grid$1 = /*#__PURE__*/Object.freeze({
|
|
12790
13035
|
__proto__: null,
|
12791
13036
|
default: grid,
|
12792
13037
|
grid: grid,
|
12793
|
-
vars: vars$
|
13038
|
+
vars: vars$e
|
12794
13039
|
});
|
12795
13040
|
|
12796
|
-
const globalRefs$
|
12797
|
-
const vars$
|
13041
|
+
const globalRefs$a = getThemeRefs(globals);
|
13042
|
+
const vars$d = NotificationCardClass.cssVarList;
|
12798
13043
|
|
12799
13044
|
const shadowColor = '#00000020';
|
12800
13045
|
|
12801
13046
|
const notification = {
|
12802
|
-
[vars$
|
12803
|
-
[vars$
|
12804
|
-
[vars$
|
12805
|
-
[vars$
|
12806
|
-
[vars$
|
12807
|
-
[vars$
|
12808
|
-
[vars$
|
12809
|
-
[vars$
|
12810
|
-
[vars$
|
13047
|
+
[vars$d.hostMinWidth]: '415px',
|
13048
|
+
[vars$d.fontFamily]: globalRefs$a.fonts.font1.family,
|
13049
|
+
[vars$d.fontSize]: globalRefs$a.typography.body1.size,
|
13050
|
+
[vars$d.backgroundColor]: globalRefs$a.colors.surface.main,
|
13051
|
+
[vars$d.textColor]: globalRefs$a.colors.surface.contrast,
|
13052
|
+
[vars$d.boxShadow]: `${globalRefs$a.shadow.wide.xl} ${shadowColor}, ${globalRefs$a.shadow.narrow.xl} ${shadowColor}`,
|
13053
|
+
[vars$d.verticalPadding]: '0.625em',
|
13054
|
+
[vars$d.horizontalPadding]: '1.5em',
|
13055
|
+
[vars$d.borderRadius]: globalRefs$a.radius.xs,
|
12811
13056
|
|
12812
13057
|
_bordered: {
|
12813
|
-
[vars$
|
12814
|
-
[vars$
|
12815
|
-
[vars$
|
13058
|
+
[vars$d.borderWidth]: globalRefs$a.border.sm,
|
13059
|
+
[vars$d.borderStyle]: 'solid',
|
13060
|
+
[vars$d.borderColor]: 'transparent',
|
12816
13061
|
},
|
12817
13062
|
|
12818
13063
|
size: {
|
12819
|
-
xs: { [vars$
|
12820
|
-
sm: { [vars$
|
12821
|
-
md: { [vars$
|
12822
|
-
lg: { [vars$
|
13064
|
+
xs: { [vars$d.fontSize]: '12px' },
|
13065
|
+
sm: { [vars$d.fontSize]: '14px' },
|
13066
|
+
md: { [vars$d.fontSize]: '16px' },
|
13067
|
+
lg: { [vars$d.fontSize]: '18px' },
|
12823
13068
|
},
|
12824
13069
|
|
12825
13070
|
mode: {
|
12826
13071
|
primary: {
|
12827
|
-
[vars$
|
12828
|
-
[vars$
|
12829
|
-
[vars$
|
13072
|
+
[vars$d.backgroundColor]: globalRefs$a.colors.primary.main,
|
13073
|
+
[vars$d.textColor]: globalRefs$a.colors.primary.contrast,
|
13074
|
+
[vars$d.borderColor]: globalRefs$a.colors.primary.light,
|
12830
13075
|
},
|
12831
13076
|
success: {
|
12832
|
-
[vars$
|
12833
|
-
[vars$
|
12834
|
-
[vars$
|
13077
|
+
[vars$d.backgroundColor]: globalRefs$a.colors.success.main,
|
13078
|
+
[vars$d.textColor]: globalRefs$a.colors.success.contrast,
|
13079
|
+
[vars$d.borderColor]: globalRefs$a.colors.success.light,
|
12835
13080
|
},
|
12836
13081
|
error: {
|
12837
|
-
[vars$
|
12838
|
-
[vars$
|
12839
|
-
[vars$
|
13082
|
+
[vars$d.backgroundColor]: globalRefs$a.colors.error.main,
|
13083
|
+
[vars$d.textColor]: globalRefs$a.colors.error.contrast,
|
13084
|
+
[vars$d.borderColor]: globalRefs$a.colors.error.light,
|
12840
13085
|
},
|
12841
13086
|
},
|
12842
13087
|
};
|
@@ -12844,128 +13089,128 @@ const notification = {
|
|
12844
13089
|
var notificationCard = /*#__PURE__*/Object.freeze({
|
12845
13090
|
__proto__: null,
|
12846
13091
|
default: notification,
|
12847
|
-
vars: vars$
|
13092
|
+
vars: vars$d
|
12848
13093
|
});
|
12849
13094
|
|
12850
|
-
const globalRefs$
|
12851
|
-
const vars$
|
13095
|
+
const globalRefs$9 = getThemeRefs(globals);
|
13096
|
+
const vars$c = MultiSelectComboBoxClass.cssVarList;
|
12852
13097
|
|
12853
13098
|
const multiSelectComboBox = {
|
12854
|
-
[vars$
|
12855
|
-
[vars$
|
12856
|
-
[vars$
|
12857
|
-
[vars$
|
12858
|
-
[vars$
|
12859
|
-
[vars$
|
12860
|
-
[vars$
|
12861
|
-
[vars$
|
12862
|
-
[vars$
|
12863
|
-
[vars$
|
12864
|
-
[vars$
|
12865
|
-
[vars$
|
12866
|
-
[vars$
|
12867
|
-
[vars$
|
12868
|
-
[vars$
|
12869
|
-
[vars$
|
12870
|
-
[vars$
|
12871
|
-
[vars$
|
12872
|
-
[vars$
|
12873
|
-
[vars$
|
12874
|
-
[vars$
|
12875
|
-
[vars$
|
12876
|
-
[vars$
|
12877
|
-
[vars$
|
12878
|
-
[vars$
|
12879
|
-
[vars$
|
12880
|
-
[vars$
|
12881
|
-
[vars$
|
12882
|
-
[vars$
|
12883
|
-
[vars$
|
13099
|
+
[vars$c.hostWidth]: refs.width,
|
13100
|
+
[vars$c.hostDirection]: refs.direction,
|
13101
|
+
[vars$c.fontSize]: refs.fontSize,
|
13102
|
+
[vars$c.fontFamily]: refs.fontFamily,
|
13103
|
+
[vars$c.labelTextColor]: refs.labelTextColor,
|
13104
|
+
[vars$c.errorMessageTextColor]: refs.errorMessageTextColor,
|
13105
|
+
[vars$c.inputBorderColor]: refs.borderColor,
|
13106
|
+
[vars$c.inputBorderWidth]: refs.borderWidth,
|
13107
|
+
[vars$c.inputBorderStyle]: refs.borderStyle,
|
13108
|
+
[vars$c.inputBorderRadius]: refs.borderRadius,
|
13109
|
+
[vars$c.inputOutlineColor]: refs.outlineColor,
|
13110
|
+
[vars$c.inputOutlineOffset]: refs.outlineOffset,
|
13111
|
+
[vars$c.inputOutlineWidth]: refs.outlineWidth,
|
13112
|
+
[vars$c.inputOutlineStyle]: refs.outlineStyle,
|
13113
|
+
[vars$c.labelRequiredIndicator]: refs.requiredIndicator,
|
13114
|
+
[vars$c.inputValueTextColor]: refs.valueTextColor,
|
13115
|
+
[vars$c.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
13116
|
+
[vars$c.inputBackgroundColor]: refs.backgroundColor,
|
13117
|
+
[vars$c.inputHorizontalPadding]: refs.horizontalPadding,
|
13118
|
+
[vars$c.inputVerticalPadding]: refs.verticalPadding,
|
13119
|
+
[vars$c.inputHeight]: refs.inputHeight,
|
13120
|
+
[vars$c.inputDropdownButtonColor]: globalRefs$9.colors.surface.dark,
|
13121
|
+
[vars$c.inputDropdownButtonCursor]: 'pointer',
|
13122
|
+
[vars$c.inputDropdownButtonSize]: refs.toggleButtonSize,
|
13123
|
+
[vars$c.inputDropdownButtonOffset]: globalRefs$9.spacing.xs,
|
13124
|
+
[vars$c.overlayItemPaddingInlineStart]: globalRefs$9.spacing.xs,
|
13125
|
+
[vars$c.overlayItemPaddingInlineEnd]: globalRefs$9.spacing.lg,
|
13126
|
+
[vars$c.chipFontSize]: refs.chipFontSize,
|
13127
|
+
[vars$c.chipTextColor]: globalRefs$9.colors.surface.contrast,
|
13128
|
+
[vars$c.chipBackgroundColor]: globalRefs$9.colors.surface.light,
|
12884
13129
|
|
12885
13130
|
_readonly: {
|
12886
|
-
[vars$
|
13131
|
+
[vars$c.inputDropdownButtonCursor]: 'default',
|
12887
13132
|
},
|
12888
13133
|
|
12889
13134
|
// Overlay theme exposed via the component:
|
12890
|
-
[vars$
|
12891
|
-
[vars$
|
12892
|
-
[vars$
|
12893
|
-
[vars$
|
12894
|
-
[vars$
|
12895
|
-
[vars$
|
13135
|
+
[vars$c.overlayFontSize]: refs.fontSize,
|
13136
|
+
[vars$c.overlayFontFamily]: refs.fontFamily,
|
13137
|
+
[vars$c.overlayCursor]: 'pointer',
|
13138
|
+
[vars$c.overlayItemBoxShadow]: 'none',
|
13139
|
+
[vars$c.overlayBackground]: refs.backgroundColor,
|
13140
|
+
[vars$c.overlayTextColor]: refs.valueTextColor,
|
12896
13141
|
|
12897
13142
|
// Overlay direct theme:
|
12898
|
-
[vars$
|
12899
|
-
[vars$
|
13143
|
+
[vars$c.overlay.minHeight]: '400px',
|
13144
|
+
[vars$c.overlay.margin]: '0',
|
12900
13145
|
};
|
12901
13146
|
|
12902
13147
|
var multiSelectComboBox$1 = /*#__PURE__*/Object.freeze({
|
12903
13148
|
__proto__: null,
|
12904
13149
|
default: multiSelectComboBox,
|
12905
13150
|
multiSelectComboBox: multiSelectComboBox,
|
12906
|
-
vars: vars$
|
13151
|
+
vars: vars$c
|
12907
13152
|
});
|
12908
13153
|
|
12909
|
-
const globalRefs$
|
12910
|
-
const vars$
|
13154
|
+
const globalRefs$8 = getThemeRefs(globals);
|
13155
|
+
const vars$b = BadgeClass.cssVarList;
|
12911
13156
|
|
12912
13157
|
const badge = {
|
12913
|
-
[vars$
|
12914
|
-
[vars$
|
13158
|
+
[vars$b.hostWidth]: 'fit-content',
|
13159
|
+
[vars$b.hostDirection]: globalRefs$8.direction,
|
12915
13160
|
|
12916
|
-
[vars$
|
13161
|
+
[vars$b.textAlign]: 'center',
|
12917
13162
|
|
12918
|
-
[vars$
|
12919
|
-
[vars$
|
13163
|
+
[vars$b.fontFamily]: globalRefs$8.fonts.font1.family,
|
13164
|
+
[vars$b.fontWeight]: '400',
|
12920
13165
|
|
12921
|
-
[vars$
|
12922
|
-
[vars$
|
13166
|
+
[vars$b.verticalPadding]: '0.25em',
|
13167
|
+
[vars$b.horizontalPadding]: '0.5em',
|
12923
13168
|
|
12924
|
-
[vars$
|
12925
|
-
[vars$
|
12926
|
-
[vars$
|
12927
|
-
[vars$
|
13169
|
+
[vars$b.borderWidth]: globalRefs$8.border.xs,
|
13170
|
+
[vars$b.borderRadius]: globalRefs$8.radius.xs,
|
13171
|
+
[vars$b.borderColor]: 'transparent',
|
13172
|
+
[vars$b.borderStyle]: 'solid',
|
12928
13173
|
|
12929
13174
|
_fullWidth: {
|
12930
|
-
[vars$
|
13175
|
+
[vars$b.hostWidth]: '100%',
|
12931
13176
|
},
|
12932
13177
|
|
12933
13178
|
size: {
|
12934
|
-
xs: { [vars$
|
12935
|
-
sm: { [vars$
|
12936
|
-
md: { [vars$
|
12937
|
-
lg: { [vars$
|
13179
|
+
xs: { [vars$b.fontSize]: '12px' },
|
13180
|
+
sm: { [vars$b.fontSize]: '14px' },
|
13181
|
+
md: { [vars$b.fontSize]: '16px' },
|
13182
|
+
lg: { [vars$b.fontSize]: '18px' },
|
12938
13183
|
},
|
12939
13184
|
|
12940
13185
|
mode: {
|
12941
13186
|
default: {
|
12942
|
-
[vars$
|
13187
|
+
[vars$b.textColor]: globalRefs$8.colors.surface.dark,
|
12943
13188
|
_bordered: {
|
12944
|
-
[vars$
|
13189
|
+
[vars$b.borderColor]: globalRefs$8.colors.surface.light,
|
12945
13190
|
},
|
12946
13191
|
},
|
12947
13192
|
primary: {
|
12948
|
-
[vars$
|
13193
|
+
[vars$b.textColor]: globalRefs$8.colors.primary.main,
|
12949
13194
|
_bordered: {
|
12950
|
-
[vars$
|
13195
|
+
[vars$b.borderColor]: globalRefs$8.colors.primary.light,
|
12951
13196
|
},
|
12952
13197
|
},
|
12953
13198
|
secondary: {
|
12954
|
-
[vars$
|
13199
|
+
[vars$b.textColor]: globalRefs$8.colors.secondary.main,
|
12955
13200
|
_bordered: {
|
12956
|
-
[vars$
|
13201
|
+
[vars$b.borderColor]: globalRefs$8.colors.secondary.light,
|
12957
13202
|
},
|
12958
13203
|
},
|
12959
13204
|
error: {
|
12960
|
-
[vars$
|
13205
|
+
[vars$b.textColor]: globalRefs$8.colors.error.main,
|
12961
13206
|
_bordered: {
|
12962
|
-
[vars$
|
13207
|
+
[vars$b.borderColor]: globalRefs$8.colors.error.light,
|
12963
13208
|
},
|
12964
13209
|
},
|
12965
13210
|
success: {
|
12966
|
-
[vars$
|
13211
|
+
[vars$b.textColor]: globalRefs$8.colors.success.main,
|
12967
13212
|
_bordered: {
|
12968
|
-
[vars$
|
13213
|
+
[vars$b.borderColor]: globalRefs$8.colors.success.light,
|
12969
13214
|
},
|
12970
13215
|
},
|
12971
13216
|
},
|
@@ -12974,19 +13219,19 @@ const badge = {
|
|
12974
13219
|
var badge$1 = /*#__PURE__*/Object.freeze({
|
12975
13220
|
__proto__: null,
|
12976
13221
|
default: badge,
|
12977
|
-
vars: vars$
|
13222
|
+
vars: vars$b
|
12978
13223
|
});
|
12979
13224
|
|
12980
|
-
const globalRefs$
|
13225
|
+
const globalRefs$7 = getThemeRefs(globals);
|
12981
13226
|
const compVars = AvatarClass.cssVarList;
|
12982
13227
|
|
12983
13228
|
const avatar = {
|
12984
|
-
[compVars.hostDirection]: globalRefs$
|
12985
|
-
[compVars.editableIconColor]: globalRefs$
|
12986
|
-
[compVars.editableBorderColor]: globalRefs$
|
12987
|
-
[compVars.editableBackgroundColor]: globalRefs$
|
12988
|
-
[compVars.avatarTextColor]: globalRefs$
|
12989
|
-
[compVars.avatarBackgroundColor]: globalRefs$
|
13229
|
+
[compVars.hostDirection]: globalRefs$7.direction,
|
13230
|
+
[compVars.editableIconColor]: globalRefs$7.colors.surface.dark,
|
13231
|
+
[compVars.editableBorderColor]: globalRefs$7.colors.surface.dark,
|
13232
|
+
[compVars.editableBackgroundColor]: globalRefs$7.colors.surface.main,
|
13233
|
+
[compVars.avatarTextColor]: globalRefs$7.colors.surface.main,
|
13234
|
+
[compVars.avatarBackgroundColor]: globalRefs$7.colors.surface.dark,
|
12990
13235
|
|
12991
13236
|
_editable: {
|
12992
13237
|
[compVars.cursor]: 'pointer',
|
@@ -13012,143 +13257,143 @@ const avatar = {
|
|
13012
13257
|
},
|
13013
13258
|
};
|
13014
13259
|
|
13015
|
-
const vars$
|
13260
|
+
const vars$a = {
|
13016
13261
|
...compVars,
|
13017
13262
|
};
|
13018
13263
|
|
13019
13264
|
var avatar$1 = /*#__PURE__*/Object.freeze({
|
13020
13265
|
__proto__: null,
|
13021
13266
|
default: avatar,
|
13022
|
-
vars: vars$
|
13267
|
+
vars: vars$a
|
13023
13268
|
});
|
13024
13269
|
|
13025
|
-
const globalRefs$
|
13270
|
+
const globalRefs$6 = getThemeRefs(globals);
|
13026
13271
|
|
13027
|
-
const vars$
|
13272
|
+
const vars$9 = MappingsFieldClass.cssVarList;
|
13028
13273
|
|
13029
13274
|
const mappingsField = {
|
13030
|
-
[vars$
|
13031
|
-
[vars$
|
13032
|
-
[vars$
|
13033
|
-
[vars$
|
13034
|
-
[vars$
|
13035
|
-
[vars$
|
13036
|
-
[vars$
|
13037
|
-
[vars$
|
13038
|
-
[vars$
|
13039
|
-
[vars$
|
13275
|
+
[vars$9.hostWidth]: refs.width,
|
13276
|
+
[vars$9.hostDirection]: refs.direction,
|
13277
|
+
[vars$9.fontSize]: refs.fontSize,
|
13278
|
+
[vars$9.fontFamily]: refs.fontFamily,
|
13279
|
+
[vars$9.separatorFontSize]: '14px',
|
13280
|
+
[vars$9.labelsFontSize]: '14px',
|
13281
|
+
[vars$9.labelsLineHeight]: '1',
|
13282
|
+
[vars$9.labelsMarginBottom]: '6px',
|
13283
|
+
[vars$9.labelTextColor]: refs.labelTextColor,
|
13284
|
+
[vars$9.itemMarginBottom]: '1em',
|
13040
13285
|
// To be positioned correctly, the min width has to match the text field min width
|
13041
|
-
[vars$
|
13286
|
+
[vars$9.valueLabelMinWidth]: refs.minWidth,
|
13042
13287
|
// To be positioned correctly, the min width has to match the combo box field min width
|
13043
|
-
[vars$
|
13044
|
-
[vars$
|
13045
|
-
[vars$
|
13288
|
+
[vars$9.attrLabelMinWidth]: `calc(12em + 2 * ${globalRefs$6.border.xs})`,
|
13289
|
+
[vars$9.separatorWidth]: '70px',
|
13290
|
+
[vars$9.removeButtonWidth]: '60px',
|
13046
13291
|
};
|
13047
13292
|
|
13048
13293
|
var mappingsField$1 = /*#__PURE__*/Object.freeze({
|
13049
13294
|
__proto__: null,
|
13050
13295
|
default: mappingsField,
|
13051
13296
|
mappingsField: mappingsField,
|
13052
|
-
vars: vars$
|
13297
|
+
vars: vars$9
|
13053
13298
|
});
|
13054
13299
|
|
13055
|
-
const globalRefs$
|
13056
|
-
const vars$
|
13300
|
+
const globalRefs$5 = getThemeRefs(globals);
|
13301
|
+
const vars$8 = UserAttributeClass.cssVarList;
|
13057
13302
|
|
13058
13303
|
const userAttribute = {
|
13059
|
-
[vars$
|
13060
|
-
[vars$
|
13061
|
-
[vars$
|
13062
|
-
[vars$
|
13063
|
-
[vars$
|
13064
|
-
[vars$
|
13304
|
+
[vars$8.hostDirection]: globalRefs$5.direction,
|
13305
|
+
[vars$8.labelTextWidth]: '150px',
|
13306
|
+
[vars$8.valueTextWidth]: '200px',
|
13307
|
+
[vars$8.badgeMaxWidth]: '85px',
|
13308
|
+
[vars$8.itemsGap]: '16px',
|
13309
|
+
[vars$8.hostMinWidth]: '530px',
|
13065
13310
|
_fullWidth: {
|
13066
|
-
[vars$
|
13311
|
+
[vars$8.hostWidth]: '100%',
|
13067
13312
|
},
|
13068
13313
|
};
|
13069
13314
|
|
13070
13315
|
var userAttribute$1 = /*#__PURE__*/Object.freeze({
|
13071
13316
|
__proto__: null,
|
13072
13317
|
default: userAttribute,
|
13073
|
-
vars: vars$
|
13318
|
+
vars: vars$8
|
13074
13319
|
});
|
13075
13320
|
|
13076
|
-
const globalRefs$
|
13077
|
-
const vars$
|
13321
|
+
const globalRefs$4 = getThemeRefs(globals);
|
13322
|
+
const vars$7 = UserAuthMethodClass.cssVarList;
|
13078
13323
|
|
13079
13324
|
const userAuthMethod = {
|
13080
|
-
[vars$
|
13081
|
-
[vars$
|
13082
|
-
[vars$
|
13083
|
-
[vars$
|
13084
|
-
[vars$
|
13325
|
+
[vars$7.hostDirection]: globalRefs$4.direction,
|
13326
|
+
[vars$7.labelTextWidth]: '200px',
|
13327
|
+
[vars$7.itemsGap]: '16px',
|
13328
|
+
[vars$7.hostMinWidth]: '530px',
|
13329
|
+
[vars$7.iconSize]: '24px',
|
13085
13330
|
_fullWidth: {
|
13086
|
-
[vars$
|
13331
|
+
[vars$7.hostWidth]: '100%',
|
13087
13332
|
},
|
13088
13333
|
};
|
13089
13334
|
|
13090
13335
|
var userAuthMethod$1 = /*#__PURE__*/Object.freeze({
|
13091
13336
|
__proto__: null,
|
13092
13337
|
default: userAuthMethod,
|
13093
|
-
vars: vars$
|
13338
|
+
vars: vars$7
|
13094
13339
|
});
|
13095
13340
|
|
13096
|
-
const vars$
|
13341
|
+
const vars$6 = SamlGroupMappingsClass.cssVarList;
|
13097
13342
|
|
13098
13343
|
const samlGroupMappings = {
|
13099
|
-
[vars$
|
13100
|
-
[vars$
|
13101
|
-
[vars$
|
13344
|
+
[vars$6.hostWidth]: refs.width,
|
13345
|
+
[vars$6.hostDirection]: refs.direction,
|
13346
|
+
[vars$6.groupNameInputMarginBottom]: '1em',
|
13102
13347
|
};
|
13103
13348
|
|
13104
13349
|
var samlGroupMappings$1 = /*#__PURE__*/Object.freeze({
|
13105
13350
|
__proto__: null,
|
13106
13351
|
default: samlGroupMappings,
|
13107
13352
|
samlGroupMappings: samlGroupMappings,
|
13108
|
-
vars: vars$
|
13353
|
+
vars: vars$6
|
13109
13354
|
});
|
13110
13355
|
|
13111
|
-
const globalRefs$
|
13112
|
-
const vars$
|
13356
|
+
const globalRefs$3 = getThemeRefs(globals);
|
13357
|
+
const vars$5 = PolicyValidationClass.cssVarList;
|
13113
13358
|
|
13114
13359
|
const policyValidation = {
|
13115
|
-
[vars$
|
13116
|
-
[vars$
|
13117
|
-
[vars$
|
13118
|
-
[vars$
|
13119
|
-
[vars$
|
13120
|
-
[vars$
|
13121
|
-
[vars$
|
13122
|
-
[vars$
|
13123
|
-
[vars$
|
13124
|
-
[vars$
|
13125
|
-
[vars$
|
13126
|
-
[vars$
|
13127
|
-
[vars$
|
13128
|
-
[vars$
|
13129
|
-
[vars$
|
13130
|
-
[vars$
|
13360
|
+
[vars$5.fontFamily]: refs.fontFamily,
|
13361
|
+
[vars$5.fontSize]: refs.labelFontSize,
|
13362
|
+
[vars$5.textColor]: refs.labelTextColor,
|
13363
|
+
[vars$5.borderWidth]: refs.borderWidth,
|
13364
|
+
[vars$5.borderStyle]: refs.borderStyle,
|
13365
|
+
[vars$5.borderColor]: refs.borderColor,
|
13366
|
+
[vars$5.borderRadius]: globalRefs$3.radius.sm,
|
13367
|
+
[vars$5.backgroundColor]: 'none',
|
13368
|
+
[vars$5.padding]: '0px',
|
13369
|
+
[vars$5.labelMargin]: globalRefs$3.spacing.sm,
|
13370
|
+
[vars$5.itemsSpacing]: globalRefs$3.spacing.lg,
|
13371
|
+
[vars$5.itemSymbolDefault]: "'\\2022'", // "•"
|
13372
|
+
[vars$5.itemSymbolSuccess]: "'\\2713'", // "✓"
|
13373
|
+
[vars$5.itemSymbolError]: "'\\2A09'", // "⨉"
|
13374
|
+
[vars$5.itemSymbolSuccessColor]: globalRefs$3.colors.success.main,
|
13375
|
+
[vars$5.itemSymbolErrorColor]: globalRefs$3.colors.error.main,
|
13131
13376
|
};
|
13132
13377
|
|
13133
13378
|
var policyValidation$1 = /*#__PURE__*/Object.freeze({
|
13134
13379
|
__proto__: null,
|
13135
13380
|
default: policyValidation,
|
13136
|
-
vars: vars$
|
13381
|
+
vars: vars$5
|
13137
13382
|
});
|
13138
13383
|
|
13139
|
-
const vars$
|
13384
|
+
const vars$4 = IconClass.cssVarList;
|
13140
13385
|
|
13141
13386
|
const icon = {};
|
13142
13387
|
|
13143
13388
|
var icon$1 = /*#__PURE__*/Object.freeze({
|
13144
13389
|
__proto__: null,
|
13145
13390
|
default: icon,
|
13146
|
-
vars: vars$
|
13391
|
+
vars: vars$4
|
13147
13392
|
});
|
13148
13393
|
|
13149
|
-
const globalRefs = getThemeRefs(globals);
|
13394
|
+
const globalRefs$2 = getThemeRefs(globals);
|
13150
13395
|
|
13151
|
-
const vars$
|
13396
|
+
const vars$3 = CodeSnippetClass.cssVarList;
|
13152
13397
|
|
13153
13398
|
const light = {
|
13154
13399
|
color1: '#fa0',
|
@@ -13183,50 +13428,50 @@ const dark = {
|
|
13183
13428
|
};
|
13184
13429
|
|
13185
13430
|
const CodeSnippet = {
|
13186
|
-
[vars$
|
13187
|
-
[vars$
|
13188
|
-
[vars$
|
13189
|
-
[vars$
|
13190
|
-
[vars$
|
13191
|
-
[vars$
|
13192
|
-
[vars$
|
13193
|
-
[vars$
|
13194
|
-
[vars$
|
13195
|
-
[vars$
|
13196
|
-
[vars$
|
13197
|
-
[vars$
|
13198
|
-
[vars$
|
13199
|
-
[vars$
|
13200
|
-
[vars$
|
13201
|
-
[vars$
|
13202
|
-
[vars$
|
13203
|
-
[vars$
|
13204
|
-
[vars$
|
13205
|
-
[vars$
|
13206
|
-
[vars$
|
13207
|
-
[vars$
|
13208
|
-
[vars$
|
13209
|
-
[vars$
|
13210
|
-
[vars$
|
13211
|
-
[vars$
|
13212
|
-
[vars$
|
13213
|
-
[vars$
|
13214
|
-
[vars$
|
13215
|
-
[vars$
|
13216
|
-
[vars$
|
13217
|
-
[vars$
|
13218
|
-
[vars$
|
13219
|
-
[vars$
|
13220
|
-
[vars$
|
13221
|
-
[vars$
|
13222
|
-
[vars$
|
13223
|
-
[vars$
|
13224
|
-
[vars$
|
13225
|
-
[vars$
|
13226
|
-
[vars$
|
13227
|
-
[vars$
|
13228
|
-
[vars$
|
13229
|
-
[vars$
|
13431
|
+
[vars$3.rootBgColor]: globalRefs$2.colors.surface.main,
|
13432
|
+
[vars$3.rootTextColor]: globalRefs$2.colors.surface.contrast,
|
13433
|
+
[vars$3.docTagTextColor]: light.color2,
|
13434
|
+
[vars$3.keywordTextColor]: light.color2,
|
13435
|
+
[vars$3.metaKeywordTextColor]: light.color2,
|
13436
|
+
[vars$3.templateTagTextColor]: light.color2,
|
13437
|
+
[vars$3.templateVariableTextColor]: light.color2,
|
13438
|
+
[vars$3.typeTextColor]: light.color2,
|
13439
|
+
[vars$3.variableLanguageTextColor]: light.color2,
|
13440
|
+
[vars$3.titleTextColor]: light.color3,
|
13441
|
+
[vars$3.titleClassTextColor]: light.color3,
|
13442
|
+
[vars$3.titleClassInheritedTextColor]: light.color3,
|
13443
|
+
[vars$3.titleFunctionTextColor]: light.color3,
|
13444
|
+
[vars$3.attrTextColor]: light.color4,
|
13445
|
+
[vars$3.attributeTextColor]: light.color4,
|
13446
|
+
[vars$3.literalTextColor]: light.color4,
|
13447
|
+
[vars$3.metaTextColor]: light.color4,
|
13448
|
+
[vars$3.numberTextColor]: light.color4,
|
13449
|
+
[vars$3.operatorTextColor]: light.color4,
|
13450
|
+
[vars$3.variableTextColor]: light.color4,
|
13451
|
+
[vars$3.selectorAttrTextColor]: light.color4,
|
13452
|
+
[vars$3.selectorClassTextColor]: light.color4,
|
13453
|
+
[vars$3.selectorIdTextColor]: light.color4,
|
13454
|
+
[vars$3.regexpTextColor]: light.color13,
|
13455
|
+
[vars$3.stringTextColor]: light.color13,
|
13456
|
+
[vars$3.metaStringTextColor]: light.color13,
|
13457
|
+
[vars$3.builtInTextColor]: light.color5,
|
13458
|
+
[vars$3.symbolTextColor]: light.color5,
|
13459
|
+
[vars$3.commentTextColor]: light.color6,
|
13460
|
+
[vars$3.codeTextColor]: light.color6,
|
13461
|
+
[vars$3.formulaTextColor]: light.color6,
|
13462
|
+
[vars$3.nameTextColor]: light.color7,
|
13463
|
+
[vars$3.quoteTextColor]: light.color7,
|
13464
|
+
[vars$3.selectorTagTextColor]: light.color7,
|
13465
|
+
[vars$3.selectorPseudoTextColor]: light.color7,
|
13466
|
+
[vars$3.substTextColor]: light.color8,
|
13467
|
+
[vars$3.sectionTextColor]: light.color4,
|
13468
|
+
[vars$3.bulletTextColor]: light.color9,
|
13469
|
+
[vars$3.emphasisTextColor]: light.color8,
|
13470
|
+
[vars$3.strongTextColor]: light.color8,
|
13471
|
+
[vars$3.additionTextColor]: light.color7,
|
13472
|
+
[vars$3.additionBgColor]: light.color10,
|
13473
|
+
[vars$3.deletionTextColor]: light.color2,
|
13474
|
+
[vars$3.deletionBgColor]: light.color10,
|
13230
13475
|
/* purposely ignored */
|
13231
13476
|
// [vars.charEscapeTextColor]: '',
|
13232
13477
|
// [vars.linkTextColor]: '',
|
@@ -13238,50 +13483,50 @@ const CodeSnippet = {
|
|
13238
13483
|
|
13239
13484
|
const codeSnippetDarkThemeOverrides = {
|
13240
13485
|
codeSnippet: {
|
13241
|
-
[vars$
|
13242
|
-
[vars$
|
13243
|
-
[vars$
|
13244
|
-
[vars$
|
13245
|
-
[vars$
|
13246
|
-
[vars$
|
13247
|
-
[vars$
|
13248
|
-
[vars$
|
13249
|
-
[vars$
|
13250
|
-
[vars$
|
13251
|
-
[vars$
|
13252
|
-
[vars$
|
13253
|
-
[vars$
|
13254
|
-
[vars$
|
13255
|
-
[vars$
|
13256
|
-
[vars$
|
13257
|
-
[vars$
|
13258
|
-
[vars$
|
13259
|
-
[vars$
|
13260
|
-
[vars$
|
13261
|
-
[vars$
|
13262
|
-
[vars$
|
13263
|
-
[vars$
|
13264
|
-
[vars$
|
13265
|
-
[vars$
|
13266
|
-
[vars$
|
13267
|
-
[vars$
|
13268
|
-
[vars$
|
13269
|
-
[vars$
|
13270
|
-
[vars$
|
13271
|
-
[vars$
|
13272
|
-
[vars$
|
13273
|
-
[vars$
|
13274
|
-
[vars$
|
13275
|
-
[vars$
|
13276
|
-
[vars$
|
13277
|
-
[vars$
|
13278
|
-
[vars$
|
13279
|
-
[vars$
|
13280
|
-
[vars$
|
13281
|
-
[vars$
|
13282
|
-
[vars$
|
13283
|
-
[vars$
|
13284
|
-
[vars$
|
13486
|
+
[vars$3.rootBgColor]: globalRefs$2.colors.surface.main,
|
13487
|
+
[vars$3.rootTextColor]: globalRefs$2.colors.surface.contrast,
|
13488
|
+
[vars$3.docTagTextColor]: dark.color2,
|
13489
|
+
[vars$3.keywordTextColor]: dark.color2,
|
13490
|
+
[vars$3.metaKeywordTextColor]: dark.color2,
|
13491
|
+
[vars$3.templateTagTextColor]: dark.color2,
|
13492
|
+
[vars$3.templateVariableTextColor]: dark.color2,
|
13493
|
+
[vars$3.typeTextColor]: dark.color2,
|
13494
|
+
[vars$3.variableLanguageTextColor]: dark.color2,
|
13495
|
+
[vars$3.titleTextColor]: dark.color3,
|
13496
|
+
[vars$3.titleClassTextColor]: dark.color3,
|
13497
|
+
[vars$3.titleClassInheritedTextColor]: dark.color3,
|
13498
|
+
[vars$3.titleFunctionTextColor]: dark.color3,
|
13499
|
+
[vars$3.attrTextColor]: dark.color4,
|
13500
|
+
[vars$3.attributeTextColor]: dark.color4,
|
13501
|
+
[vars$3.literalTextColor]: dark.color4,
|
13502
|
+
[vars$3.metaTextColor]: dark.color4,
|
13503
|
+
[vars$3.numberTextColor]: dark.color4,
|
13504
|
+
[vars$3.operatorTextColor]: dark.color4,
|
13505
|
+
[vars$3.variableTextColor]: dark.color4,
|
13506
|
+
[vars$3.selectorAttrTextColor]: dark.color4,
|
13507
|
+
[vars$3.selectorClassTextColor]: dark.color4,
|
13508
|
+
[vars$3.selectorIdTextColor]: dark.color4,
|
13509
|
+
[vars$3.regexpTextColor]: dark.color13,
|
13510
|
+
[vars$3.stringTextColor]: dark.color13,
|
13511
|
+
[vars$3.metaStringTextColor]: dark.color13,
|
13512
|
+
[vars$3.builtInTextColor]: dark.color5,
|
13513
|
+
[vars$3.symbolTextColor]: dark.color5,
|
13514
|
+
[vars$3.commentTextColor]: dark.color6,
|
13515
|
+
[vars$3.codeTextColor]: dark.color6,
|
13516
|
+
[vars$3.formulaTextColor]: dark.color6,
|
13517
|
+
[vars$3.nameTextColor]: dark.color7,
|
13518
|
+
[vars$3.quoteTextColor]: dark.color7,
|
13519
|
+
[vars$3.selectorTagTextColor]: dark.color7,
|
13520
|
+
[vars$3.selectorPseudoTextColor]: dark.color7,
|
13521
|
+
[vars$3.substTextColor]: dark.color8,
|
13522
|
+
[vars$3.sectionTextColor]: dark.color4,
|
13523
|
+
[vars$3.bulletTextColor]: dark.color9,
|
13524
|
+
[vars$3.emphasisTextColor]: dark.color8,
|
13525
|
+
[vars$3.strongTextColor]: dark.color8,
|
13526
|
+
[vars$3.additionTextColor]: dark.color7,
|
13527
|
+
[vars$3.additionBgColor]: dark.color10,
|
13528
|
+
[vars$3.deletionTextColor]: dark.color2,
|
13529
|
+
[vars$3.deletionBgColor]: dark.color10,
|
13285
13530
|
},
|
13286
13531
|
};
|
13287
13532
|
|
@@ -13289,6 +13534,85 @@ var codeSnippet = /*#__PURE__*/Object.freeze({
|
|
13289
13534
|
__proto__: null,
|
13290
13535
|
codeSnippetDarkThemeOverrides: codeSnippetDarkThemeOverrides,
|
13291
13536
|
default: CodeSnippet,
|
13537
|
+
vars: vars$3
|
13538
|
+
});
|
13539
|
+
|
13540
|
+
const vars$2 = RadioGroupClass.cssVarList;
|
13541
|
+
const globalRefs$1 = getThemeRefs(globals);
|
13542
|
+
|
13543
|
+
const radioGroup = {
|
13544
|
+
[vars$2.buttonsRowGap]: '9px',
|
13545
|
+
[vars$2.hostWidth]: refs.width,
|
13546
|
+
[vars$2.hostDirection]: refs.direction,
|
13547
|
+
[vars$2.fontSize]: refs.fontSize,
|
13548
|
+
[vars$2.fontFamily]: refs.fontFamily,
|
13549
|
+
[vars$2.labelTextColor]: refs.labelTextColor,
|
13550
|
+
[vars$2.labelRequiredIndicator]: refs.requiredIndicator,
|
13551
|
+
[vars$2.errorMessageTextColor]: refs.errorMessageTextColor,
|
13552
|
+
[vars$2.helperTextColor]: refs.helperTextColor,
|
13553
|
+
[vars$2.itemsLabelColor]: globalRefs$1.colors.surface.contrast,
|
13554
|
+
|
13555
|
+
textAlign: {
|
13556
|
+
right: { [vars$2.inputTextAlign]: 'right' },
|
13557
|
+
left: { [vars$2.inputTextAlign]: 'left' },
|
13558
|
+
center: { [vars$2.inputTextAlign]: 'center' },
|
13559
|
+
},
|
13560
|
+
|
13561
|
+
_fullWidth: {
|
13562
|
+
[vars$2.buttonsSpacing]: 'space-between',
|
13563
|
+
},
|
13564
|
+
|
13565
|
+
_disabled: {
|
13566
|
+
[vars$2.itemsLabelColor]: globalRefs$1.colors.surface.light,
|
13567
|
+
},
|
13568
|
+
};
|
13569
|
+
|
13570
|
+
var radioGroup$1 = /*#__PURE__*/Object.freeze({
|
13571
|
+
__proto__: null,
|
13572
|
+
default: radioGroup,
|
13573
|
+
radioGroup: radioGroup,
|
13574
|
+
vars: vars$2
|
13575
|
+
});
|
13576
|
+
|
13577
|
+
const vars$1 = RadioButtonClass.cssVarList;
|
13578
|
+
const globalRefs = getThemeRefs(globals);
|
13579
|
+
|
13580
|
+
const radioButton = {
|
13581
|
+
[vars$1.fontFamily]: refs.fontFamily,
|
13582
|
+
[vars$1.radioSize]: 'calc(1em + 6px)',
|
13583
|
+
[vars$1.radioMargin]: 'auto 4px',
|
13584
|
+
[vars$1.radioCheckedSize]: `calc(var(${vars$1.radioSize})/5)`,
|
13585
|
+
[vars$1.radioCheckedColor]: globalRefs.colors.surface.light,
|
13586
|
+
[vars$1.radioBackgroundColor]: globalRefs.colors.surface.light,
|
13587
|
+
|
13588
|
+
_checked: {
|
13589
|
+
[vars$1.radioBackgroundColor]: globalRefs.colors.surface.contrast,
|
13590
|
+
},
|
13591
|
+
|
13592
|
+
_hover: {
|
13593
|
+
cursor: 'pointer',
|
13594
|
+
},
|
13595
|
+
|
13596
|
+
size: {
|
13597
|
+
xs: {
|
13598
|
+
[vars$1.fontSize]: '12px',
|
13599
|
+
},
|
13600
|
+
sm: {
|
13601
|
+
[vars$1.fontSize]: '14px',
|
13602
|
+
},
|
13603
|
+
md: {
|
13604
|
+
[vars$1.fontSize]: '16px',
|
13605
|
+
},
|
13606
|
+
lg: {
|
13607
|
+
[vars$1.fontSize]: '18px',
|
13608
|
+
},
|
13609
|
+
},
|
13610
|
+
};
|
13611
|
+
|
13612
|
+
var radioButton$1 = /*#__PURE__*/Object.freeze({
|
13613
|
+
__proto__: null,
|
13614
|
+
default: radioButton,
|
13615
|
+
radioButton: radioButton,
|
13292
13616
|
vars: vars$1
|
13293
13617
|
});
|
13294
13618
|
|
@@ -13335,6 +13659,8 @@ const components = {
|
|
13335
13659
|
policyValidation: policyValidation$1,
|
13336
13660
|
icon: icon$1,
|
13337
13661
|
codeSnippet,
|
13662
|
+
radioGroup: radioGroup$1,
|
13663
|
+
radioButton: radioButton$1,
|
13338
13664
|
};
|
13339
13665
|
|
13340
13666
|
const theme = Object.keys(components).reduce(
|
@@ -13347,7 +13673,7 @@ const vars = Object.keys(components).reduce(
|
|
13347
13673
|
);
|
13348
13674
|
|
13349
13675
|
const defaultTheme = { globals, components: theme };
|
13350
|
-
const themeVars = { globals: vars$
|
13676
|
+
const themeVars = { globals: vars$J, components: vars };
|
13351
13677
|
|
13352
13678
|
const colors = {
|
13353
13679
|
surface: {
|
@@ -13396,5 +13722,5 @@ const darkTheme = merge({}, defaultTheme, {
|
|
13396
13722
|
},
|
13397
13723
|
});
|
13398
13724
|
|
13399
|
-
export { AvatarClass, BadgeClass, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CheckboxClass, CodeSnippetClass, ComboBoxClass, ContainerClass, DividerClass, EmailFieldClass, EnrichedTextClass, GridClass, IconClass, ImageClass, LinkClass, LoaderLinearClass, LoaderRadialClass, LogoClass, MappingsFieldClass, ModalClass, MultiSelectComboBoxClass, NewPasswordClass, NotificationClass, NotpImageClass, NumberFieldClass, PasscodeClass, PasswordClass, PhoneFieldClass, PhoneFieldInputBoxClass, PolicyValidationClass, RecaptchaClass, SamlGroupMappingsClass, SwitchToggleClass, TextAreaClass, TextClass, TextFieldClass, TotpImageClass, UploadFileClass, UserAttributeClass, UserAuthMethodClass, componentsThemeManager, createComponentsTheme, darkTheme, defaultTheme, genColor, globalsThemeToStyle, themeToStyle, themeVars };
|
13725
|
+
export { AvatarClass, BadgeClass, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CheckboxClass, CodeSnippetClass, ComboBoxClass, ContainerClass, DividerClass, EmailFieldClass, EnrichedTextClass, GridClass, IconClass, ImageClass, LinkClass, LoaderLinearClass, LoaderRadialClass, LogoClass, MappingsFieldClass, ModalClass, MultiSelectComboBoxClass, NewPasswordClass, NotificationClass, NotpImageClass, NumberFieldClass, PasscodeClass, PasswordClass, PhoneFieldClass, PhoneFieldInputBoxClass, PolicyValidationClass, RadioGroupClass, RecaptchaClass, SamlGroupMappingsClass, SwitchToggleClass, TextAreaClass, TextClass, TextFieldClass, TotpImageClass, UploadFileClass, UserAttributeClass, UserAuthMethodClass, componentsThemeManager, createComponentsTheme, darkTheme, defaultTheme, genColor, globalsThemeToStyle, themeToStyle, themeVars };
|
13400
13726
|
//# sourceMappingURL=index.esm.js.map
|