@descope/web-components-ui 1.0.281 → 1.0.283
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +1 -0
- package/dist/cjs/index.cjs.js +1081 -935
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +1074 -931
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/1621.js +1 -1
- package/dist/umd/{3280.js → 2106.js} +5 -129
- package/dist/umd/{3280.js.LICENSE.txt → 2106.js.LICENSE.txt} +0 -6
- package/dist/umd/2775.js +240 -0
- package/dist/umd/2775.js.LICENSE.txt +17 -0
- package/dist/umd/3003.js +1 -1
- package/dist/umd/3249.js +2 -0
- package/dist/umd/3249.js.LICENSE.txt +5 -0
- package/dist/umd/3373.js +2 -0
- package/dist/umd/3373.js.LICENSE.txt +5 -0
- package/dist/umd/4946.js +2 -0
- package/dist/umd/4946.js.LICENSE.txt +5 -0
- package/dist/umd/6091.js +2 -1
- package/dist/umd/6606.js +17 -0
- package/dist/umd/7531.js +1 -1
- package/dist/umd/9383.js +94 -0
- package/dist/umd/descope-avatar-index-js.js +1 -0
- package/dist/umd/descope-grid-index-js.js +1 -1
- package/dist/umd/index.js +1 -1
- package/dist/umd/mapping-fields-descope-mappings-field-index-js.js +126 -1
- package/dist/umd/mapping-fields-descope-mappings-field-index-js.js.LICENSE.txt +5 -0
- package/dist/umd/phone-fields-descope-phone-field-descope-phone-field-internal-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-field-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js +1 -1
- package/package.json +2 -1
- package/src/components/descope-avatar/AvatarClass.js +102 -0
- package/src/components/descope-avatar/index.js +8 -0
- package/src/index.cjs.js +1 -0
- package/src/index.js +1 -0
- package/src/theme/components/avatar.js +40 -0
- package/src/theme/components/index.js +2 -0
- package/dist/umd/3660.js +0 -17
- package/dist/umd/5345.js +0 -94
- package/dist/umd/7262.js +0 -1
- /package/dist/umd/{3660.js.LICENSE.txt → 6606.js.LICENSE.txt} +0 -0
- /package/dist/umd/{5345.js.LICENSE.txt → 9383.js.LICENSE.txt} +0 -0
package/dist/index.esm.js
CHANGED
@@ -13,9 +13,10 @@ import { GridSelectionColumn } from '@vaadin/grid/vaadin-grid-selection-column';
|
|
13
13
|
import '@vaadin/multi-select-combo-box';
|
14
14
|
import '@vaadin/dialog';
|
15
15
|
import '@vaadin/notification';
|
16
|
-
import '@vaadin/
|
16
|
+
import '@vaadin/avatar';
|
17
17
|
import '@vaadin/icon';
|
18
18
|
import '@vaadin/icons';
|
19
|
+
import '@vaadin/custom-field';
|
19
20
|
import merge from 'lodash.merge';
|
20
21
|
import Color from 'color';
|
21
22
|
|
@@ -1342,7 +1343,7 @@ const clickableMixin = (superclass) =>
|
|
1342
1343
|
}
|
1343
1344
|
};
|
1344
1345
|
|
1345
|
-
const componentName$
|
1346
|
+
const componentName$M = getComponentName('button');
|
1346
1347
|
|
1347
1348
|
const resetStyles = `
|
1348
1349
|
:host {
|
@@ -1380,7 +1381,7 @@ const iconStyles = `
|
|
1380
1381
|
|
1381
1382
|
const editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;
|
1382
1383
|
|
1383
|
-
const { host: host$
|
1384
|
+
const { host: host$j, label: label$a } = {
|
1384
1385
|
host: { selector: () => ':host' },
|
1385
1386
|
label: { selector: '::part(label)' },
|
1386
1387
|
};
|
@@ -1392,7 +1393,7 @@ const ButtonClass = compose(
|
|
1392
1393
|
mappings: {
|
1393
1394
|
hostWidth: { property: 'width' },
|
1394
1395
|
hostHeight: { property: 'height' },
|
1395
|
-
hostDirection: { ...host$
|
1396
|
+
hostDirection: { ...host$j, property: 'direction' },
|
1396
1397
|
fontSize: {},
|
1397
1398
|
fontFamily: {},
|
1398
1399
|
|
@@ -1444,7 +1445,7 @@ const ButtonClass = compose(
|
|
1444
1445
|
}
|
1445
1446
|
`,
|
1446
1447
|
excludeAttrsSync: ['tabindex'],
|
1447
|
-
componentName: componentName$
|
1448
|
+
componentName: componentName$M,
|
1448
1449
|
})
|
1449
1450
|
);
|
1450
1451
|
|
@@ -1481,7 +1482,7 @@ loadingIndicatorStyles = `
|
|
1481
1482
|
}
|
1482
1483
|
`;
|
1483
1484
|
|
1484
|
-
customElements.define(componentName$
|
1485
|
+
customElements.define(componentName$M, ButtonClass);
|
1485
1486
|
|
1486
1487
|
const createBaseInputClass = (...args) =>
|
1487
1488
|
compose(
|
@@ -1491,11 +1492,11 @@ const createBaseInputClass = (...args) =>
|
|
1491
1492
|
inputEventsDispatchingMixin
|
1492
1493
|
)(createBaseClass(...args));
|
1493
1494
|
|
1494
|
-
const componentName$
|
1495
|
+
const componentName$L = getComponentName('boolean-field-internal');
|
1495
1496
|
|
1496
1497
|
const forwardAttributes$1 = ['disabled', 'label', 'invalid', 'readonly'];
|
1497
1498
|
|
1498
|
-
const BaseInputClass$7 = createBaseInputClass({ componentName: componentName$
|
1499
|
+
const BaseInputClass$7 = createBaseInputClass({ componentName: componentName$L, baseSelector: 'div' });
|
1499
1500
|
|
1500
1501
|
class BooleanInputInternal extends BaseInputClass$7 {
|
1501
1502
|
static get observedAttributes() {
|
@@ -1571,14 +1572,14 @@ const booleanFieldMixin = (superclass) =>
|
|
1571
1572
|
|
1572
1573
|
const template = document.createElement('template');
|
1573
1574
|
template.innerHTML = `
|
1574
|
-
<${componentName$
|
1575
|
+
<${componentName$L}
|
1575
1576
|
tabindex="-1"
|
1576
1577
|
slot="input"
|
1577
|
-
></${componentName$
|
1578
|
+
></${componentName$L}>
|
1578
1579
|
`;
|
1579
1580
|
|
1580
1581
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
1581
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
1582
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$L);
|
1582
1583
|
this.checkbox = this.inputElement.querySelector('vaadin-checkbox');
|
1583
1584
|
|
1584
1585
|
forwardAttrs(this, this.inputElement, {
|
@@ -1777,10 +1778,10 @@ descope-boolean-field-internal {
|
|
1777
1778
|
}
|
1778
1779
|
`;
|
1779
1780
|
|
1780
|
-
const componentName$
|
1781
|
+
const componentName$K = getComponentName('checkbox');
|
1781
1782
|
|
1782
1783
|
const {
|
1783
|
-
host: host$
|
1784
|
+
host: host$i,
|
1784
1785
|
component: component$1,
|
1785
1786
|
checkboxElement,
|
1786
1787
|
checkboxSurface,
|
@@ -1802,10 +1803,10 @@ const {
|
|
1802
1803
|
const CheckboxClass = compose(
|
1803
1804
|
createStyleMixin({
|
1804
1805
|
mappings: {
|
1805
|
-
hostWidth: { ...host$
|
1806
|
-
hostDirection: { ...host$
|
1806
|
+
hostWidth: { ...host$i, property: 'width' },
|
1807
|
+
hostDirection: { ...host$i, property: 'direction' },
|
1807
1808
|
|
1808
|
-
fontSize: [host$
|
1809
|
+
fontSize: [host$i, checkboxElement, checkboxLabel$1],
|
1809
1810
|
fontFamily: [checkboxLabel$1, helperText$a, errorMessage$c],
|
1810
1811
|
|
1811
1812
|
labelTextColor: { ...checkboxLabel$1, property: 'color' },
|
@@ -1883,18 +1884,18 @@ const CheckboxClass = compose(
|
|
1883
1884
|
}
|
1884
1885
|
`,
|
1885
1886
|
excludeAttrsSync: ['label', 'tabindex'],
|
1886
|
-
componentName: componentName$
|
1887
|
+
componentName: componentName$K,
|
1887
1888
|
})
|
1888
1889
|
);
|
1889
1890
|
|
1890
|
-
customElements.define(componentName$
|
1891
|
+
customElements.define(componentName$L, BooleanInputInternal);
|
1891
1892
|
|
1892
|
-
customElements.define(componentName$
|
1893
|
+
customElements.define(componentName$K, CheckboxClass);
|
1893
1894
|
|
1894
|
-
const componentName$
|
1895
|
+
const componentName$J = getComponentName('switch-toggle');
|
1895
1896
|
|
1896
1897
|
const {
|
1897
|
-
host: host$
|
1898
|
+
host: host$h,
|
1898
1899
|
component,
|
1899
1900
|
checkboxElement: track,
|
1900
1901
|
checkboxSurface: knob,
|
@@ -1916,8 +1917,8 @@ const {
|
|
1916
1917
|
const SwitchToggleClass = compose(
|
1917
1918
|
createStyleMixin({
|
1918
1919
|
mappings: {
|
1919
|
-
hostWidth: { ...host$
|
1920
|
-
hostDirection: { ...host$
|
1920
|
+
hostWidth: { ...host$h, property: 'width' },
|
1921
|
+
hostDirection: { ...host$h, property: 'direction' },
|
1921
1922
|
|
1922
1923
|
fontSize: [component, checkboxLabel, checkboxLabel],
|
1923
1924
|
fontFamily: [checkboxLabel, helperText$9, errorMessage$b],
|
@@ -2023,17 +2024,17 @@ const SwitchToggleClass = compose(
|
|
2023
2024
|
}
|
2024
2025
|
`,
|
2025
2026
|
excludeAttrsSync: ['label', 'tabindex'],
|
2026
|
-
componentName: componentName$
|
2027
|
+
componentName: componentName$J,
|
2027
2028
|
})
|
2028
2029
|
);
|
2029
2030
|
|
2030
|
-
customElements.define(componentName$
|
2031
|
+
customElements.define(componentName$J, SwitchToggleClass);
|
2031
2032
|
|
2032
|
-
const componentName$
|
2033
|
+
const componentName$I = getComponentName('loader-linear');
|
2033
2034
|
|
2034
|
-
class RawLoaderLinear extends createBaseClass({ componentName: componentName$
|
2035
|
+
class RawLoaderLinear extends createBaseClass({ componentName: componentName$I, baseSelector: ':host > div' }) {
|
2035
2036
|
static get componentName() {
|
2036
|
-
return componentName$
|
2037
|
+
return componentName$I;
|
2037
2038
|
}
|
2038
2039
|
|
2039
2040
|
constructor() {
|
@@ -2069,18 +2070,18 @@ const selectors$2 = {
|
|
2069
2070
|
host: { selector: () => ':host' },
|
2070
2071
|
};
|
2071
2072
|
|
2072
|
-
const { after: after$1, host: host$
|
2073
|
+
const { after: after$1, host: host$g } = selectors$2;
|
2073
2074
|
|
2074
2075
|
const LoaderLinearClass = compose(
|
2075
2076
|
createStyleMixin({
|
2076
2077
|
mappings: {
|
2077
2078
|
hostDisplay: {},
|
2078
|
-
hostWidth: { ...host$
|
2079
|
+
hostWidth: { ...host$g, property: 'width' },
|
2079
2080
|
barHeight: [{ property: 'height' }, { ...after$1, property: 'height' }],
|
2080
2081
|
barBorderRadius: [{ property: 'border-radius' }, { ...after$1, property: 'border-radius' }],
|
2081
2082
|
verticalPadding: [
|
2082
|
-
{ ...host$
|
2083
|
-
{ ...host$
|
2083
|
+
{ ...host$g, property: 'padding-top' },
|
2084
|
+
{ ...host$g, property: 'padding-bottom' },
|
2084
2085
|
],
|
2085
2086
|
barBackgroundColor: { property: 'background-color' },
|
2086
2087
|
barColor: { ...after$1, property: 'background-color' },
|
@@ -2094,11 +2095,11 @@ const LoaderLinearClass = compose(
|
|
2094
2095
|
componentNameValidationMixin
|
2095
2096
|
)(RawLoaderLinear);
|
2096
2097
|
|
2097
|
-
customElements.define(componentName$
|
2098
|
+
customElements.define(componentName$I, LoaderLinearClass);
|
2098
2099
|
|
2099
|
-
const componentName$
|
2100
|
+
const componentName$H = getComponentName('loader-radial');
|
2100
2101
|
|
2101
|
-
class RawLoaderRadial extends createBaseClass({ componentName: componentName$
|
2102
|
+
class RawLoaderRadial extends createBaseClass({ componentName: componentName$H, baseSelector: ':host > div' }) {
|
2102
2103
|
constructor() {
|
2103
2104
|
super();
|
2104
2105
|
|
@@ -2142,11 +2143,11 @@ const LoaderRadialClass = compose(
|
|
2142
2143
|
componentNameValidationMixin
|
2143
2144
|
)(RawLoaderRadial);
|
2144
2145
|
|
2145
|
-
customElements.define(componentName$
|
2146
|
+
customElements.define(componentName$H, LoaderRadialClass);
|
2146
2147
|
|
2147
|
-
const componentName$
|
2148
|
+
const componentName$G = getComponentName('container');
|
2148
2149
|
|
2149
|
-
class RawContainer extends createBaseClass({ componentName: componentName$
|
2150
|
+
class RawContainer extends createBaseClass({ componentName: componentName$G, baseSelector: 'slot' }) {
|
2150
2151
|
constructor() {
|
2151
2152
|
super();
|
2152
2153
|
|
@@ -2199,13 +2200,13 @@ const ContainerClass = compose(
|
|
2199
2200
|
componentNameValidationMixin
|
2200
2201
|
)(RawContainer);
|
2201
2202
|
|
2202
|
-
customElements.define(componentName$
|
2203
|
+
customElements.define(componentName$G, ContainerClass);
|
2203
2204
|
|
2204
2205
|
// eslint-disable-next-line max-classes-per-file
|
2205
2206
|
|
2206
|
-
const componentName$
|
2207
|
+
const componentName$F = getComponentName('text');
|
2207
2208
|
|
2208
|
-
class RawText extends createBaseClass({ componentName: componentName$
|
2209
|
+
class RawText extends createBaseClass({ componentName: componentName$F, baseSelector: ':host > slot' }) {
|
2209
2210
|
constructor() {
|
2210
2211
|
super();
|
2211
2212
|
|
@@ -2265,8 +2266,8 @@ const TextClass = compose(
|
|
2265
2266
|
customTextMixin
|
2266
2267
|
)(RawText);
|
2267
2268
|
|
2268
|
-
const componentName$
|
2269
|
-
class RawDivider extends createBaseClass({ componentName: componentName$
|
2269
|
+
const componentName$E = getComponentName('divider');
|
2270
|
+
class RawDivider extends createBaseClass({ componentName: componentName$E, baseSelector: ':host > div' }) {
|
2270
2271
|
constructor() {
|
2271
2272
|
super();
|
2272
2273
|
|
@@ -2312,7 +2313,7 @@ class RawDivider extends createBaseClass({ componentName: componentName$D, baseS
|
|
2312
2313
|
}
|
2313
2314
|
|
2314
2315
|
const textVars$3 = TextClass.cssVarList;
|
2315
|
-
const { host: host$
|
2316
|
+
const { host: host$f, before, after, text: text$3 } = {
|
2316
2317
|
host: { selector: () => ':host' },
|
2317
2318
|
before: { selector: '::before' },
|
2318
2319
|
after: { selector: '::after' },
|
@@ -2322,8 +2323,8 @@ const { host: host$e, before, after, text: text$3 } = {
|
|
2322
2323
|
const DividerClass = compose(
|
2323
2324
|
createStyleMixin({
|
2324
2325
|
mappings: {
|
2325
|
-
hostWidth: { ...host$
|
2326
|
-
hostPadding: { ...host$
|
2326
|
+
hostWidth: { ...host$f, property: 'width' },
|
2327
|
+
hostPadding: { ...host$f, property: 'padding' },
|
2327
2328
|
hostDirection: { ...text$3, property: 'direction' },
|
2328
2329
|
|
2329
2330
|
minHeight: {},
|
@@ -2365,12 +2366,12 @@ const DividerClass = compose(
|
|
2365
2366
|
componentNameValidationMixin
|
2366
2367
|
)(RawDivider);
|
2367
2368
|
|
2368
|
-
customElements.define(componentName$
|
2369
|
+
customElements.define(componentName$F, TextClass);
|
2369
2370
|
|
2370
|
-
customElements.define(componentName$
|
2371
|
+
customElements.define(componentName$E, DividerClass);
|
2371
2372
|
|
2372
2373
|
const {
|
2373
|
-
host: host$
|
2374
|
+
host: host$e,
|
2374
2375
|
label: label$9,
|
2375
2376
|
placeholder: placeholder$3,
|
2376
2377
|
requiredIndicator: requiredIndicator$9,
|
@@ -2395,12 +2396,12 @@ const {
|
|
2395
2396
|
|
2396
2397
|
var textFieldMappings = {
|
2397
2398
|
// we apply font-size also on the host so we can set its width with em
|
2398
|
-
fontSize: [{}, host$
|
2399
|
+
fontSize: [{}, host$e],
|
2399
2400
|
fontFamily: [label$9, inputField$6, helperText$8, errorMessage$a],
|
2400
2401
|
|
2401
|
-
hostWidth: { ...host$
|
2402
|
-
hostMinWidth: { ...host$
|
2403
|
-
hostDirection: { ...host$
|
2402
|
+
hostWidth: { ...host$e, property: 'width' },
|
2403
|
+
hostMinWidth: { ...host$e, property: 'min-width' },
|
2404
|
+
hostDirection: { ...host$e, property: 'direction' },
|
2404
2405
|
|
2405
2406
|
inputBackgroundColor: { ...inputField$6, property: 'background-color' },
|
2406
2407
|
|
@@ -2445,7 +2446,7 @@ var textFieldMappings = {
|
|
2445
2446
|
],
|
2446
2447
|
};
|
2447
2448
|
|
2448
|
-
const componentName$
|
2449
|
+
const componentName$D = getComponentName('email-field');
|
2449
2450
|
|
2450
2451
|
const customMixin$7 = (superclass) =>
|
2451
2452
|
class EmailFieldMixinClass extends superclass {
|
@@ -2480,15 +2481,15 @@ const EmailFieldClass = compose(
|
|
2480
2481
|
${resetInputOverrides('vaadin-email-field', EmailFieldClass.cssVarList)}
|
2481
2482
|
`,
|
2482
2483
|
excludeAttrsSync: ['tabindex'],
|
2483
|
-
componentName: componentName$
|
2484
|
+
componentName: componentName$D,
|
2484
2485
|
})
|
2485
2486
|
);
|
2486
2487
|
|
2487
|
-
customElements.define(componentName$
|
2488
|
+
customElements.define(componentName$D, EmailFieldClass);
|
2488
2489
|
|
2489
|
-
const componentName$
|
2490
|
+
const componentName$C = getComponentName('link');
|
2490
2491
|
|
2491
|
-
class RawLink extends createBaseClass({ componentName: componentName$
|
2492
|
+
class RawLink extends createBaseClass({ componentName: componentName$C, baseSelector: ':host a' }) {
|
2492
2493
|
constructor() {
|
2493
2494
|
super();
|
2494
2495
|
|
@@ -2534,12 +2535,12 @@ const selectors$1 = {
|
|
2534
2535
|
text: { selector: () => TextClass.componentName },
|
2535
2536
|
};
|
2536
2537
|
|
2537
|
-
const { anchor, text: text$2, host: host$
|
2538
|
+
const { anchor, text: text$2, host: host$d, wrapper: wrapper$1 } = selectors$1;
|
2538
2539
|
|
2539
2540
|
const LinkClass = compose(
|
2540
2541
|
createStyleMixin({
|
2541
2542
|
mappings: {
|
2542
|
-
hostWidth: { ...host$
|
2543
|
+
hostWidth: { ...host$d, property: 'width' },
|
2543
2544
|
hostDirection: { ...text$2, property: 'direction' },
|
2544
2545
|
textAlign: wrapper$1,
|
2545
2546
|
textColor: [
|
@@ -2553,7 +2554,7 @@ const LinkClass = compose(
|
|
2553
2554
|
componentNameValidationMixin
|
2554
2555
|
)(RawLink);
|
2555
2556
|
|
2556
|
-
customElements.define(componentName$
|
2557
|
+
customElements.define(componentName$C, LinkClass);
|
2557
2558
|
|
2558
2559
|
const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) => {
|
2559
2560
|
let style;
|
@@ -2605,37 +2606,37 @@ const createCssVarImageClass = ({ componentName, varName, fallbackVarName }) =>
|
|
2605
2606
|
return CssVarImageClass;
|
2606
2607
|
};
|
2607
2608
|
|
2608
|
-
const componentName$
|
2609
|
+
const componentName$B = getComponentName('logo');
|
2609
2610
|
|
2610
2611
|
const LogoClass = createCssVarImageClass({
|
2611
|
-
componentName: componentName$
|
2612
|
+
componentName: componentName$B,
|
2612
2613
|
varName: 'url',
|
2613
2614
|
fallbackVarName: 'fallbackUrl',
|
2614
2615
|
});
|
2615
2616
|
|
2616
|
-
customElements.define(componentName$
|
2617
|
+
customElements.define(componentName$B, LogoClass);
|
2617
2618
|
|
2618
|
-
const componentName$
|
2619
|
+
const componentName$A = getComponentName('totp-image');
|
2619
2620
|
|
2620
2621
|
const TotpImageClass = createCssVarImageClass({
|
2621
|
-
componentName: componentName$
|
2622
|
+
componentName: componentName$A,
|
2622
2623
|
varName: 'url',
|
2623
2624
|
fallbackVarName: 'fallbackUrl',
|
2624
2625
|
});
|
2625
2626
|
|
2626
|
-
customElements.define(componentName$
|
2627
|
+
customElements.define(componentName$A, TotpImageClass);
|
2627
2628
|
|
2628
|
-
const componentName$
|
2629
|
+
const componentName$z = getComponentName('notp-image');
|
2629
2630
|
|
2630
2631
|
const NotpImageClass = createCssVarImageClass({
|
2631
|
-
componentName: componentName$
|
2632
|
+
componentName: componentName$z,
|
2632
2633
|
varName: 'url',
|
2633
2634
|
fallbackVarName: 'fallbackUrl',
|
2634
2635
|
});
|
2635
2636
|
|
2636
|
-
customElements.define(componentName$
|
2637
|
+
customElements.define(componentName$z, NotpImageClass);
|
2637
2638
|
|
2638
|
-
const componentName$
|
2639
|
+
const componentName$y = getComponentName('number-field');
|
2639
2640
|
|
2640
2641
|
const NumberFieldClass = compose(
|
2641
2642
|
createStyleMixin({
|
@@ -2661,11 +2662,11 @@ const NumberFieldClass = compose(
|
|
2661
2662
|
${resetInputOverrides('vaadin-number-field', NumberFieldClass.cssVarList)}
|
2662
2663
|
`,
|
2663
2664
|
excludeAttrsSync: ['tabindex'],
|
2664
|
-
componentName: componentName$
|
2665
|
+
componentName: componentName$y,
|
2665
2666
|
})
|
2666
2667
|
);
|
2667
2668
|
|
2668
|
-
customElements.define(componentName$
|
2669
|
+
customElements.define(componentName$y, NumberFieldClass);
|
2669
2670
|
|
2670
2671
|
const focusElement = (ele) => {
|
2671
2672
|
ele?.focus();
|
@@ -2683,13 +2684,13 @@ const getSanitizedCharacters = (str) => {
|
|
2683
2684
|
|
2684
2685
|
/* eslint-disable no-param-reassign */
|
2685
2686
|
|
2686
|
-
const componentName$
|
2687
|
+
const componentName$x = getComponentName('passcode-internal');
|
2687
2688
|
|
2688
2689
|
const observedAttributes$5 = ['digits', 'loading'];
|
2689
2690
|
|
2690
2691
|
const forwardAttributes = ['disabled', 'bordered', 'size', 'invalid', 'readonly'];
|
2691
2692
|
|
2692
|
-
const BaseInputClass$6 = createBaseInputClass({ componentName: componentName$
|
2693
|
+
const BaseInputClass$6 = createBaseInputClass({ componentName: componentName$x, baseSelector: 'div' });
|
2693
2694
|
|
2694
2695
|
class PasscodeInternal extends BaseInputClass$6 {
|
2695
2696
|
static get observedAttributes() {
|
@@ -2915,7 +2916,7 @@ class PasscodeInternal extends BaseInputClass$6 {
|
|
2915
2916
|
}
|
2916
2917
|
}
|
2917
2918
|
|
2918
|
-
const componentName$
|
2919
|
+
const componentName$w = getComponentName('text-field');
|
2919
2920
|
|
2920
2921
|
const observedAttrs = ['type'];
|
2921
2922
|
|
@@ -2965,11 +2966,11 @@ const TextFieldClass = compose(
|
|
2965
2966
|
${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}
|
2966
2967
|
`,
|
2967
2968
|
excludeAttrsSync: ['tabindex'],
|
2968
|
-
componentName: componentName$
|
2969
|
+
componentName: componentName$w,
|
2969
2970
|
})
|
2970
2971
|
);
|
2971
2972
|
|
2972
|
-
const componentName$
|
2973
|
+
const componentName$v = getComponentName('passcode');
|
2973
2974
|
|
2974
2975
|
const observedAttributes$4 = ['digits'];
|
2975
2976
|
|
@@ -2988,17 +2989,17 @@ const customMixin$5 = (superclass) =>
|
|
2988
2989
|
const template = document.createElement('template');
|
2989
2990
|
|
2990
2991
|
template.innerHTML = `
|
2991
|
-
<${componentName$
|
2992
|
+
<${componentName$x}
|
2992
2993
|
bordered="true"
|
2993
2994
|
name="code"
|
2994
2995
|
tabindex="-1"
|
2995
2996
|
slot="input"
|
2996
|
-
><slot></slot></${componentName$
|
2997
|
+
><slot></slot></${componentName$x}>
|
2997
2998
|
`;
|
2998
2999
|
|
2999
3000
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
3000
3001
|
|
3001
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
3002
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$x);
|
3002
3003
|
|
3003
3004
|
forwardAttrs(this, this.inputElement, { includeAttrs: ['digits', 'size', 'loading'] });
|
3004
3005
|
}
|
@@ -3013,7 +3014,7 @@ const customMixin$5 = (superclass) =>
|
|
3013
3014
|
};
|
3014
3015
|
|
3015
3016
|
const {
|
3016
|
-
host: host$
|
3017
|
+
host: host$c,
|
3017
3018
|
digitField,
|
3018
3019
|
label: label$8,
|
3019
3020
|
requiredIndicator: requiredIndicator$8,
|
@@ -3036,10 +3037,10 @@ const loaderVars = LoaderRadialClass.cssVarList;
|
|
3036
3037
|
const PasscodeClass = compose(
|
3037
3038
|
createStyleMixin({
|
3038
3039
|
mappings: {
|
3039
|
-
fontSize: [{ ...digitField, property: textVars$2.fontSize }, host$
|
3040
|
+
fontSize: [{ ...digitField, property: textVars$2.fontSize }, host$c],
|
3040
3041
|
hostWidth: { property: 'width' },
|
3041
|
-
hostDirection: { ...host$
|
3042
|
-
fontFamily: [host$
|
3042
|
+
hostDirection: { ...host$c, property: 'direction' },
|
3043
|
+
fontFamily: [host$c, { ...label$8 }],
|
3043
3044
|
labelTextColor: [
|
3044
3045
|
{ ...label$8, property: 'color' },
|
3045
3046
|
{ ...requiredIndicator$8, property: 'color' },
|
@@ -3145,15 +3146,15 @@ const PasscodeClass = compose(
|
|
3145
3146
|
${resetInputCursor('vaadin-text-field')}
|
3146
3147
|
`,
|
3147
3148
|
excludeAttrsSync: ['tabindex'],
|
3148
|
-
componentName: componentName$
|
3149
|
+
componentName: componentName$v,
|
3149
3150
|
})
|
3150
3151
|
);
|
3151
3152
|
|
3152
|
-
customElements.define(componentName$
|
3153
|
+
customElements.define(componentName$w, TextFieldClass);
|
3153
3154
|
|
3154
|
-
customElements.define(componentName$
|
3155
|
+
customElements.define(componentName$x, PasscodeInternal);
|
3155
3156
|
|
3156
|
-
customElements.define(componentName$
|
3157
|
+
customElements.define(componentName$v, PasscodeClass);
|
3157
3158
|
|
3158
3159
|
const passwordDraggableMixin = (superclass) =>
|
3159
3160
|
class PasswordDraggableMixinClass extends superclass {
|
@@ -3189,10 +3190,10 @@ const passwordDraggableMixin = (superclass) =>
|
|
3189
3190
|
}
|
3190
3191
|
};
|
3191
3192
|
|
3192
|
-
const componentName$
|
3193
|
+
const componentName$u = getComponentName('password');
|
3193
3194
|
|
3194
3195
|
const {
|
3195
|
-
host: host$
|
3196
|
+
host: host$b,
|
3196
3197
|
inputField: inputField$5,
|
3197
3198
|
inputElement: inputElement$2,
|
3198
3199
|
inputElementPlaceholder,
|
@@ -3218,10 +3219,10 @@ const {
|
|
3218
3219
|
const PasswordClass = compose(
|
3219
3220
|
createStyleMixin({
|
3220
3221
|
mappings: {
|
3221
|
-
hostWidth: { ...host$
|
3222
|
-
hostMinWidth: { ...host$
|
3223
|
-
hostDirection: { ...host$
|
3224
|
-
fontSize: [{}, host$
|
3222
|
+
hostWidth: { ...host$b, property: 'width' },
|
3223
|
+
hostMinWidth: { ...host$b, property: 'min-width' },
|
3224
|
+
hostDirection: { ...host$b, property: 'direction' },
|
3225
|
+
fontSize: [{}, host$b],
|
3225
3226
|
fontFamily: [label$7, inputField$5, errorMessage$8, helperText$7],
|
3226
3227
|
inputHeight: { ...inputField$5, property: 'height' },
|
3227
3228
|
inputHorizontalPadding: [
|
@@ -3318,16 +3319,16 @@ const PasswordClass = compose(
|
|
3318
3319
|
}
|
3319
3320
|
`,
|
3320
3321
|
excludeAttrsSync: ['tabindex'],
|
3321
|
-
componentName: componentName$
|
3322
|
+
componentName: componentName$u,
|
3322
3323
|
})
|
3323
3324
|
);
|
3324
3325
|
|
3325
|
-
customElements.define(componentName$
|
3326
|
+
customElements.define(componentName$u, PasswordClass);
|
3326
3327
|
|
3327
|
-
const componentName$
|
3328
|
+
const componentName$t = getComponentName('text-area');
|
3328
3329
|
|
3329
3330
|
const {
|
3330
|
-
host: host$
|
3331
|
+
host: host$a,
|
3331
3332
|
label: label$6,
|
3332
3333
|
placeholder: placeholder$2,
|
3333
3334
|
inputField: inputField$4,
|
@@ -3349,10 +3350,10 @@ const {
|
|
3349
3350
|
const TextAreaClass = compose(
|
3350
3351
|
createStyleMixin({
|
3351
3352
|
mappings: {
|
3352
|
-
hostWidth: { ...host$
|
3353
|
-
hostMinWidth: { ...host$
|
3354
|
-
hostDirection: { ...host$
|
3355
|
-
fontSize: [host$
|
3353
|
+
hostWidth: { ...host$a, property: 'width' },
|
3354
|
+
hostMinWidth: { ...host$a, property: 'min-width' },
|
3355
|
+
hostDirection: { ...host$a, property: 'direction' },
|
3356
|
+
fontSize: [host$a, textArea$2],
|
3356
3357
|
fontFamily: [label$6, inputField$4, helperText$6, errorMessage$7],
|
3357
3358
|
labelTextColor: [
|
3358
3359
|
{ ...label$6, property: 'color' },
|
@@ -3400,17 +3401,17 @@ const TextAreaClass = compose(
|
|
3400
3401
|
${resetInputCursor('vaadin-text-area')}
|
3401
3402
|
`,
|
3402
3403
|
excludeAttrsSync: ['tabindex'],
|
3403
|
-
componentName: componentName$
|
3404
|
+
componentName: componentName$t,
|
3404
3405
|
})
|
3405
3406
|
);
|
3406
3407
|
|
3407
|
-
customElements.define(componentName$
|
3408
|
+
customElements.define(componentName$t, TextAreaClass);
|
3408
3409
|
|
3409
3410
|
const observedAttributes$3 = ['src', 'alt'];
|
3410
3411
|
|
3411
|
-
const componentName$
|
3412
|
+
const componentName$s = getComponentName('image');
|
3412
3413
|
|
3413
|
-
const BaseClass$1 = createBaseClass({ componentName: componentName$
|
3414
|
+
const BaseClass$1 = createBaseClass({ componentName: componentName$s, baseSelector: ':host > img' });
|
3414
3415
|
class RawImage extends BaseClass$1 {
|
3415
3416
|
static get observedAttributes() {
|
3416
3417
|
return observedAttributes$3.concat(BaseClass$1.observedAttributes || []);
|
@@ -3450,9 +3451,9 @@ const ImageClass = compose(
|
|
3450
3451
|
draggableMixin
|
3451
3452
|
)(RawImage);
|
3452
3453
|
|
3453
|
-
customElements.define(componentName$
|
3454
|
+
customElements.define(componentName$s, ImageClass);
|
3454
3455
|
|
3455
|
-
const componentName$
|
3456
|
+
const componentName$r = getComponentName('combo-box');
|
3456
3457
|
|
3457
3458
|
const ComboBoxMixin = (superclass) =>
|
3458
3459
|
class ComboBoxMixinClass extends superclass {
|
@@ -3678,7 +3679,7 @@ const ComboBoxMixin = (superclass) =>
|
|
3678
3679
|
};
|
3679
3680
|
|
3680
3681
|
const {
|
3681
|
-
host: host$
|
3682
|
+
host: host$9,
|
3682
3683
|
inputField: inputField$3,
|
3683
3684
|
inputElement: inputElement$1,
|
3684
3685
|
placeholder: placeholder$1,
|
@@ -3704,10 +3705,10 @@ const {
|
|
3704
3705
|
const ComboBoxClass = compose(
|
3705
3706
|
createStyleMixin({
|
3706
3707
|
mappings: {
|
3707
|
-
hostWidth: { ...host$
|
3708
|
-
hostDirection: { ...host$
|
3708
|
+
hostWidth: { ...host$9, property: 'width' },
|
3709
|
+
hostDirection: { ...host$9, property: 'direction' },
|
3709
3710
|
// we apply font-size also on the host so we can set its width with em
|
3710
|
-
fontSize: [{}, host$
|
3711
|
+
fontSize: [{}, host$9],
|
3711
3712
|
fontFamily: [label$5, placeholder$1, inputField$3, helperText$5, errorMessage$6],
|
3712
3713
|
labelTextColor: [
|
3713
3714
|
{ ...label$5, property: 'color' },
|
@@ -3835,12 +3836,12 @@ const ComboBoxClass = compose(
|
|
3835
3836
|
// and reset items to an empty array, and opening the list box with no items
|
3836
3837
|
// to display.
|
3837
3838
|
excludeAttrsSync: ['tabindex', 'size', 'data'],
|
3838
|
-
componentName: componentName$
|
3839
|
+
componentName: componentName$r,
|
3839
3840
|
includeForwardProps: ['items', 'renderer', 'selectedItem'],
|
3840
3841
|
})
|
3841
3842
|
);
|
3842
3843
|
|
3843
|
-
customElements.define(componentName$
|
3844
|
+
customElements.define(componentName$r, ComboBoxClass);
|
3844
3845
|
|
3845
3846
|
var CountryCodes = [
|
3846
3847
|
// United States should be the first option
|
@@ -5083,7 +5084,7 @@ const comboBoxItem = ({ code, dialCode, name: country }) => `
|
|
5083
5084
|
</div>
|
5084
5085
|
`;
|
5085
5086
|
|
5086
|
-
const componentName$
|
5087
|
+
const componentName$q = getComponentName('phone-field-internal');
|
5087
5088
|
|
5088
5089
|
const commonAttrs$1 = ['disabled', 'size', 'bordered', 'invalid', 'readonly'];
|
5089
5090
|
const countryAttrs = ['country-input-placeholder', 'default-code', 'restrict-countries'];
|
@@ -5095,7 +5096,7 @@ const mapAttrs$1 = {
|
|
5095
5096
|
|
5096
5097
|
const inputRelatedAttrs$1 = [].concat(commonAttrs$1, countryAttrs, phoneAttrs);
|
5097
5098
|
|
5098
|
-
const BaseInputClass$5 = createBaseInputClass({ componentName: componentName$
|
5099
|
+
const BaseInputClass$5 = createBaseInputClass({ componentName: componentName$q, baseSelector: 'div' });
|
5099
5100
|
|
5100
5101
|
let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$5 {
|
5101
5102
|
static get observedAttributes() {
|
@@ -5267,12 +5268,12 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$5 {
|
|
5267
5268
|
}
|
5268
5269
|
};
|
5269
5270
|
|
5270
|
-
customElements.define(componentName$
|
5271
|
+
customElements.define(componentName$q, PhoneFieldInternal$1);
|
5271
5272
|
|
5272
5273
|
const textVars$1 = TextFieldClass.cssVarList;
|
5273
5274
|
const comboVars = ComboBoxClass.cssVarList;
|
5274
5275
|
|
5275
|
-
const componentName$
|
5276
|
+
const componentName$p = getComponentName('phone-field');
|
5276
5277
|
|
5277
5278
|
const customMixin$4 = (superclass) =>
|
5278
5279
|
class PhoneFieldMixinClass extends superclass {
|
@@ -5286,15 +5287,15 @@ const customMixin$4 = (superclass) =>
|
|
5286
5287
|
const template = document.createElement('template');
|
5287
5288
|
|
5288
5289
|
template.innerHTML = `
|
5289
|
-
<${componentName$
|
5290
|
+
<${componentName$q}
|
5290
5291
|
tabindex="-1"
|
5291
5292
|
slot="input"
|
5292
|
-
></${componentName$
|
5293
|
+
></${componentName$q}>
|
5293
5294
|
`;
|
5294
5295
|
|
5295
5296
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
5296
5297
|
|
5297
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
5298
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$q);
|
5298
5299
|
|
5299
5300
|
forwardAttrs(this.shadowRoot.host, this.inputElement, {
|
5300
5301
|
includeAttrs: [
|
@@ -5314,7 +5315,7 @@ const customMixin$4 = (superclass) =>
|
|
5314
5315
|
};
|
5315
5316
|
|
5316
5317
|
const {
|
5317
|
-
host: host$
|
5318
|
+
host: host$8,
|
5318
5319
|
label: label$4,
|
5319
5320
|
requiredIndicator: requiredIndicator$4,
|
5320
5321
|
inputField: inputField$2,
|
@@ -5339,7 +5340,7 @@ const PhoneFieldClass = compose(
|
|
5339
5340
|
createStyleMixin({
|
5340
5341
|
mappings: {
|
5341
5342
|
fontSize: [
|
5342
|
-
host$
|
5343
|
+
host$8,
|
5343
5344
|
inputField$2,
|
5344
5345
|
{
|
5345
5346
|
selector: TextFieldClass.componentName,
|
@@ -5360,11 +5361,11 @@ const PhoneFieldClass = compose(
|
|
5360
5361
|
},
|
5361
5362
|
],
|
5362
5363
|
hostWidth: [
|
5363
|
-
{ ...host$
|
5364
|
+
{ ...host$8, property: 'width' },
|
5364
5365
|
{ ...phoneInput$1, property: 'width' },
|
5365
5366
|
{ ...countryCodeInput, property: '--vaadin-combo-box-overlay-width' },
|
5366
5367
|
],
|
5367
|
-
hostDirection: { ...host$
|
5368
|
+
hostDirection: { ...host$8, property: 'direction' },
|
5368
5369
|
|
5369
5370
|
inputBorderStyle: [
|
5370
5371
|
{ ...inputField$2, property: 'border-style' },
|
@@ -5490,17 +5491,17 @@ const PhoneFieldClass = compose(
|
|
5490
5491
|
${resetInputLabelPosition('vaadin-text-field')}
|
5491
5492
|
`,
|
5492
5493
|
excludeAttrsSync: ['tabindex'],
|
5493
|
-
componentName: componentName$
|
5494
|
+
componentName: componentName$p,
|
5494
5495
|
})
|
5495
5496
|
);
|
5496
5497
|
|
5497
|
-
customElements.define(componentName$
|
5498
|
+
customElements.define(componentName$p, PhoneFieldClass);
|
5498
5499
|
|
5499
5500
|
const getCountryByCodeId = (countryCode) => {
|
5500
5501
|
return CountryCodes.find((c) => c.code === countryCode)?.dialCode;
|
5501
5502
|
};
|
5502
5503
|
|
5503
|
-
const componentName$
|
5504
|
+
const componentName$o = getComponentName('phone-field-internal-input-box');
|
5504
5505
|
|
5505
5506
|
const observedAttributes$2 = [
|
5506
5507
|
'disabled',
|
@@ -5514,7 +5515,7 @@ const mapAttrs = {
|
|
5514
5515
|
'phone-input-placeholder': 'placeholder',
|
5515
5516
|
};
|
5516
5517
|
|
5517
|
-
const BaseInputClass$4 = createBaseInputClass({ componentName: componentName$
|
5518
|
+
const BaseInputClass$4 = createBaseInputClass({ componentName: componentName$o, baseSelector: 'div' });
|
5518
5519
|
|
5519
5520
|
class PhoneFieldInternal extends BaseInputClass$4 {
|
5520
5521
|
static get observedAttributes() {
|
@@ -5653,11 +5654,11 @@ class PhoneFieldInternal extends BaseInputClass$4 {
|
|
5653
5654
|
}
|
5654
5655
|
}
|
5655
5656
|
|
5656
|
-
customElements.define(componentName$
|
5657
|
+
customElements.define(componentName$o, PhoneFieldInternal);
|
5657
5658
|
|
5658
5659
|
const textVars = TextFieldClass.cssVarList;
|
5659
5660
|
|
5660
|
-
const componentName$
|
5661
|
+
const componentName$n = getComponentName('phone-input-box-field');
|
5661
5662
|
|
5662
5663
|
const customMixin$3 = (superclass) =>
|
5663
5664
|
class PhoneInputBoxFieldMixinClass extends superclass {
|
@@ -5671,15 +5672,15 @@ const customMixin$3 = (superclass) =>
|
|
5671
5672
|
const template = document.createElement('template');
|
5672
5673
|
|
5673
5674
|
template.innerHTML = `
|
5674
|
-
<${componentName$
|
5675
|
+
<${componentName$o}
|
5675
5676
|
tabindex="-1"
|
5676
5677
|
slot="input"
|
5677
|
-
></${componentName$
|
5678
|
+
></${componentName$o}>
|
5678
5679
|
`;
|
5679
5680
|
|
5680
5681
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
5681
5682
|
|
5682
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
5683
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$o);
|
5683
5684
|
|
5684
5685
|
forwardAttrs(this.shadowRoot.host, this.inputElement, {
|
5685
5686
|
includeAttrs: [
|
@@ -5696,7 +5697,7 @@ const customMixin$3 = (superclass) =>
|
|
5696
5697
|
}
|
5697
5698
|
};
|
5698
5699
|
|
5699
|
-
const { host: host$
|
5700
|
+
const { host: host$7, label: label$3, requiredIndicator: requiredIndicator$3, inputField: inputField$1, phoneInput, errorMessage: errorMessage$4, helperText: helperText$3 } = {
|
5700
5701
|
host: { selector: () => ':host' },
|
5701
5702
|
label: { selector: '::part(label)' },
|
5702
5703
|
requiredIndicator: { selector: '[required]::part(required-indicator)::after' },
|
@@ -5710,7 +5711,7 @@ const PhoneFieldInputBoxClass = compose(
|
|
5710
5711
|
createStyleMixin({
|
5711
5712
|
mappings: {
|
5712
5713
|
fontSize: [
|
5713
|
-
host$
|
5714
|
+
host$7,
|
5714
5715
|
inputField$1,
|
5715
5716
|
{
|
5716
5717
|
selector: TextFieldClass.componentName,
|
@@ -5718,9 +5719,9 @@ const PhoneFieldInputBoxClass = compose(
|
|
5718
5719
|
},
|
5719
5720
|
],
|
5720
5721
|
fontFamily: [label$3, errorMessage$4, helperText$3],
|
5721
|
-
hostWidth: { ...host$
|
5722
|
-
hostMinWidth: { ...host$
|
5723
|
-
hostDirection: { ...host$
|
5722
|
+
hostWidth: { ...host$7, property: 'width' },
|
5723
|
+
hostMinWidth: { ...host$7, property: 'min-width' },
|
5724
|
+
hostDirection: { ...host$7, property: 'direction' },
|
5724
5725
|
|
5725
5726
|
inputBorderStyle: { ...inputField$1, property: 'border-style' },
|
5726
5727
|
inputBorderWidth: { ...inputField$1, property: 'border-width' },
|
@@ -5812,15 +5813,15 @@ const PhoneFieldInputBoxClass = compose(
|
|
5812
5813
|
${resetInputLabelPosition('vaadin-text-field')}
|
5813
5814
|
`,
|
5814
5815
|
excludeAttrsSync: ['tabindex'],
|
5815
|
-
componentName: componentName$
|
5816
|
+
componentName: componentName$n,
|
5816
5817
|
})
|
5817
5818
|
);
|
5818
5819
|
|
5819
|
-
customElements.define(componentName$
|
5820
|
+
customElements.define(componentName$n, PhoneFieldInputBoxClass);
|
5820
5821
|
|
5821
|
-
const componentName$
|
5822
|
+
const componentName$m = getComponentName('new-password-internal');
|
5822
5823
|
|
5823
|
-
const componentName$
|
5824
|
+
const componentName$l = getComponentName('new-password');
|
5824
5825
|
|
5825
5826
|
const customMixin$2 = (superclass) =>
|
5826
5827
|
class NewPasswordMixinClass extends superclass {
|
@@ -5830,16 +5831,16 @@ const customMixin$2 = (superclass) =>
|
|
5830
5831
|
const template = document.createElement('template');
|
5831
5832
|
|
5832
5833
|
template.innerHTML = `
|
5833
|
-
<${componentName$
|
5834
|
+
<${componentName$m}
|
5834
5835
|
name="new-password"
|
5835
5836
|
tabindex="-1"
|
5836
5837
|
slot="input"
|
5837
|
-
></${componentName$
|
5838
|
+
></${componentName$m}>
|
5838
5839
|
`;
|
5839
5840
|
|
5840
5841
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
5841
5842
|
|
5842
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
5843
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$m);
|
5843
5844
|
|
5844
5845
|
forwardAttrs(this, this.inputElement, {
|
5845
5846
|
includeAttrs: [
|
@@ -5860,7 +5861,7 @@ const customMixin$2 = (superclass) =>
|
|
5860
5861
|
}
|
5861
5862
|
};
|
5862
5863
|
|
5863
|
-
const { host: host$
|
5864
|
+
const { host: host$6, label: label$2, internalInputsWrapper, errorMessage: errorMessage$3, helperText: helperText$2, passwordInput } = {
|
5864
5865
|
host: { selector: () => ':host' },
|
5865
5866
|
label: { selector: '::part(label)' },
|
5866
5867
|
internalInputsWrapper: { selector: 'descope-new-password-internal .wrapper' },
|
@@ -5873,7 +5874,7 @@ const NewPasswordClass = compose(
|
|
5873
5874
|
createStyleMixin({
|
5874
5875
|
mappings: {
|
5875
5876
|
fontSize: [
|
5876
|
-
host$
|
5877
|
+
host$6,
|
5877
5878
|
{},
|
5878
5879
|
{
|
5879
5880
|
selector: PasswordClass.componentName,
|
@@ -5882,13 +5883,13 @@ const NewPasswordClass = compose(
|
|
5882
5883
|
],
|
5883
5884
|
fontFamily: [label$2, errorMessage$3, helperText$2],
|
5884
5885
|
errorMessageTextColor: { ...errorMessage$3, property: 'color' },
|
5885
|
-
hostWidth: { ...host$
|
5886
|
-
hostMinWidth: { ...host$
|
5886
|
+
hostWidth: { ...host$6, property: 'width' },
|
5887
|
+
hostMinWidth: { ...host$6, property: 'min-width' },
|
5887
5888
|
hostDirection: [
|
5888
|
-
{ ...host$
|
5889
|
+
{ ...host$6, property: 'direction' },
|
5889
5890
|
{ ...passwordInput, property: PasswordClass.cssVarList.hostDirection },
|
5890
5891
|
],
|
5891
|
-
inputsRequiredIndicator: { ...host$
|
5892
|
+
inputsRequiredIndicator: { ...host$6, property: 'content' },
|
5892
5893
|
spaceBetweenInputs: { ...internalInputsWrapper, property: 'gap' },
|
5893
5894
|
},
|
5894
5895
|
}),
|
@@ -5946,7 +5947,7 @@ const NewPasswordClass = compose(
|
|
5946
5947
|
}
|
5947
5948
|
`,
|
5948
5949
|
excludeAttrsSync: ['tabindex'],
|
5949
|
-
componentName: componentName$
|
5950
|
+
componentName: componentName$l,
|
5950
5951
|
})
|
5951
5952
|
);
|
5952
5953
|
|
@@ -5971,7 +5972,7 @@ const commonAttrs = [
|
|
5971
5972
|
|
5972
5973
|
const inputRelatedAttrs = [].concat(commonAttrs, passwordInputAttrs, confirmInputAttrs);
|
5973
5974
|
|
5974
|
-
const BaseInputClass$3 = createBaseInputClass({ componentName: componentName$
|
5975
|
+
const BaseInputClass$3 = createBaseInputClass({ componentName: componentName$m, baseSelector: 'div' });
|
5975
5976
|
|
5976
5977
|
class NewPasswordInternal extends BaseInputClass$3 {
|
5977
5978
|
static get observedAttributes() {
|
@@ -6136,16 +6137,16 @@ class NewPasswordInternal extends BaseInputClass$3 {
|
|
6136
6137
|
}
|
6137
6138
|
}
|
6138
6139
|
|
6139
|
-
customElements.define(componentName$
|
6140
|
+
customElements.define(componentName$m, NewPasswordInternal);
|
6140
6141
|
|
6141
|
-
customElements.define(componentName$
|
6142
|
+
customElements.define(componentName$l, NewPasswordClass);
|
6142
6143
|
|
6143
|
-
const componentName$
|
6144
|
+
const componentName$k = getComponentName('recaptcha');
|
6144
6145
|
|
6145
6146
|
const observedAttributes$1 = ['enabled', 'site-key', 'action', 'enterprise'];
|
6146
6147
|
|
6147
6148
|
const BaseClass = createBaseClass({
|
6148
|
-
componentName: componentName$
|
6149
|
+
componentName: componentName$k,
|
6149
6150
|
baseSelector: ':host > div',
|
6150
6151
|
});
|
6151
6152
|
class RawRecaptcha extends BaseClass {
|
@@ -6297,7 +6298,7 @@ class RawRecaptcha extends BaseClass {
|
|
6297
6298
|
|
6298
6299
|
const RecaptchaClass = compose(draggableMixin)(RawRecaptcha);
|
6299
6300
|
|
6300
|
-
customElements.define(componentName$
|
6301
|
+
customElements.define(componentName$k, RecaptchaClass);
|
6301
6302
|
|
6302
6303
|
const getFileBase64 = (fileObj) => {
|
6303
6304
|
return new Promise((resolve) => {
|
@@ -6311,7 +6312,7 @@ const getFilename = (fileObj) => {
|
|
6311
6312
|
return fileObj.name.replace(/^.*\\/, '');
|
6312
6313
|
};
|
6313
6314
|
|
6314
|
-
const componentName$
|
6315
|
+
const componentName$j = getComponentName('upload-file');
|
6315
6316
|
|
6316
6317
|
const observedAttributes = [
|
6317
6318
|
'title',
|
@@ -6326,7 +6327,7 @@ const observedAttributes = [
|
|
6326
6327
|
'icon',
|
6327
6328
|
];
|
6328
6329
|
|
6329
|
-
const BaseInputClass$2 = createBaseInputClass({ componentName: componentName$
|
6330
|
+
const BaseInputClass$2 = createBaseInputClass({ componentName: componentName$j, baseSelector: ':host > div' });
|
6330
6331
|
|
6331
6332
|
class RawUploadFile extends BaseInputClass$2 {
|
6332
6333
|
static get observedAttributes() {
|
@@ -6498,7 +6499,7 @@ class RawUploadFile extends BaseInputClass$2 {
|
|
6498
6499
|
}
|
6499
6500
|
|
6500
6501
|
const buttonVars = ButtonClass.cssVarList;
|
6501
|
-
const { host: host$
|
6502
|
+
const { host: host$5, wrapper, icon, title, description, requiredIndicator: requiredIndicator$2 } = {
|
6502
6503
|
host: { selector: () => ':host' },
|
6503
6504
|
wrapper: { selector: () => ':host > div' },
|
6504
6505
|
icon: { selector: () => '::slotted(*)' },
|
@@ -6517,11 +6518,11 @@ const UploadFileClass = compose(
|
|
6517
6518
|
borderWidth: {},
|
6518
6519
|
borderStyle: {},
|
6519
6520
|
borderRadius: {},
|
6520
|
-
hostHeight: { ...host$
|
6521
|
-
hostWidth: { ...host$
|
6521
|
+
hostHeight: { ...host$5, property: 'height' },
|
6522
|
+
hostWidth: { ...host$5, property: 'width' },
|
6522
6523
|
hostPadding: { property: 'padding' },
|
6523
6524
|
hostDirection: [
|
6524
|
-
{ ...host$
|
6525
|
+
{ ...host$5, property: 'direction' },
|
6525
6526
|
{ selector: () => ButtonClass.componentName, property: buttonVars.hostDirection },
|
6526
6527
|
],
|
6527
6528
|
gap: { ...wrapper },
|
@@ -6541,7 +6542,7 @@ const UploadFileClass = compose(
|
|
6541
6542
|
componentNameValidationMixin
|
6542
6543
|
)(RawUploadFile);
|
6543
6544
|
|
6544
|
-
customElements.define(componentName$
|
6545
|
+
customElements.define(componentName$j, UploadFileClass);
|
6545
6546
|
|
6546
6547
|
const createBaseButtonSelectionGroupInternalClass = (componentName) => {
|
6547
6548
|
class BaseButtonSelectionGroupInternalClass extends createBaseInputClass({
|
@@ -6639,10 +6640,10 @@ const createBaseButtonSelectionGroupInternalClass = (componentName) => {
|
|
6639
6640
|
return BaseButtonSelectionGroupInternalClass;
|
6640
6641
|
};
|
6641
6642
|
|
6642
|
-
const componentName$
|
6643
|
+
const componentName$i = getComponentName('button-selection-group-internal');
|
6643
6644
|
|
6644
6645
|
class ButtonSelectionGroupInternalClass extends createBaseButtonSelectionGroupInternalClass(
|
6645
|
-
componentName$
|
6646
|
+
componentName$i
|
6646
6647
|
) {
|
6647
6648
|
getSelectedNode() {
|
6648
6649
|
return this.items.find((item) => item.hasAttribute('selected'));
|
@@ -6798,7 +6799,7 @@ const buttonSelectionGroupBaseMixin = (superclass) =>
|
|
6798
6799
|
}
|
6799
6800
|
};
|
6800
6801
|
|
6801
|
-
const { host: host$
|
6802
|
+
const { host: host$4, label: label$1, requiredIndicator: requiredIndicator$1, internalWrapper, errorMessage: errorMessage$2 } = {
|
6802
6803
|
host: { selector: () => ':host' },
|
6803
6804
|
label: { selector: '::part(label)' },
|
6804
6805
|
requiredIndicator: { selector: '[required]::part(required-indicator)::after' },
|
@@ -6807,9 +6808,9 @@ const { host: host$3, label: label$1, requiredIndicator: requiredIndicator$1, in
|
|
6807
6808
|
};
|
6808
6809
|
|
6809
6810
|
const buttonSelectionGroupMappings = {
|
6810
|
-
hostWidth: { ...host$
|
6811
|
-
hostDirection: { ...host$
|
6812
|
-
fontFamily: host$
|
6811
|
+
hostWidth: { ...host$4, property: 'width' },
|
6812
|
+
hostDirection: { ...host$4, property: 'direction' },
|
6813
|
+
fontFamily: host$4,
|
6813
6814
|
labelTextColor: [
|
6814
6815
|
{ ...label$1, property: 'color' },
|
6815
6816
|
{ ...requiredIndicator$1, property: 'color' },
|
@@ -6874,7 +6875,7 @@ const buttonSelectionGroupStyles = `
|
|
6874
6875
|
${resetInputCursor('vaadin-text-field')}
|
6875
6876
|
`;
|
6876
6877
|
|
6877
|
-
const componentName$
|
6878
|
+
const componentName$h = getComponentName('button-selection-group');
|
6878
6879
|
|
6879
6880
|
const buttonSelectionGroupMixin = (superclass) =>
|
6880
6881
|
class ButtonMultiSelectionGroupMixinClass extends superclass {
|
@@ -6883,19 +6884,19 @@ const buttonSelectionGroupMixin = (superclass) =>
|
|
6883
6884
|
const template = document.createElement('template');
|
6884
6885
|
|
6885
6886
|
template.innerHTML = `
|
6886
|
-
<${componentName$
|
6887
|
+
<${componentName$i}
|
6887
6888
|
name="button-selection-group"
|
6888
6889
|
slot="input"
|
6889
6890
|
tabindex="-1"
|
6890
6891
|
part="internal-component"
|
6891
6892
|
>
|
6892
6893
|
<slot></slot>
|
6893
|
-
</${componentName$
|
6894
|
+
</${componentName$i}>
|
6894
6895
|
`;
|
6895
6896
|
|
6896
6897
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
6897
6898
|
|
6898
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
6899
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$i);
|
6899
6900
|
|
6900
6901
|
forwardAttrs(this, this.inputElement, {
|
6901
6902
|
includeAttrs: ['size', 'default-value', 'allow-deselect'],
|
@@ -6920,16 +6921,16 @@ const ButtonSelectionGroupClass = compose(
|
|
6920
6921
|
wrappedEleName: 'vaadin-text-field',
|
6921
6922
|
style: () => buttonSelectionGroupStyles,
|
6922
6923
|
excludeAttrsSync: ['tabindex'],
|
6923
|
-
componentName: componentName$
|
6924
|
+
componentName: componentName$h,
|
6924
6925
|
})
|
6925
6926
|
);
|
6926
6927
|
|
6927
|
-
customElements.define(componentName$
|
6928
|
+
customElements.define(componentName$i, ButtonSelectionGroupInternalClass);
|
6928
6929
|
|
6929
|
-
const componentName$
|
6930
|
+
const componentName$g = getComponentName('button-selection-group-item');
|
6930
6931
|
|
6931
6932
|
class RawSelectItem extends createBaseClass({
|
6932
|
-
componentName: componentName$
|
6933
|
+
componentName: componentName$g,
|
6933
6934
|
baseSelector: ':host > descope-button',
|
6934
6935
|
}) {
|
6935
6936
|
get size() {
|
@@ -7032,14 +7033,14 @@ const ButtonSelectionGroupItemClass = compose(
|
|
7032
7033
|
componentNameValidationMixin
|
7033
7034
|
)(RawSelectItem);
|
7034
7035
|
|
7035
|
-
customElements.define(componentName$
|
7036
|
+
customElements.define(componentName$g, ButtonSelectionGroupItemClass);
|
7036
7037
|
|
7037
|
-
customElements.define(componentName$
|
7038
|
+
customElements.define(componentName$h, ButtonSelectionGroupClass);
|
7038
7039
|
|
7039
|
-
const componentName$
|
7040
|
+
const componentName$f = getComponentName('button-multi-selection-group-internal');
|
7040
7041
|
|
7041
7042
|
class ButtonMultiSelectionGroupInternalClass extends createBaseButtonSelectionGroupInternalClass(
|
7042
|
-
componentName$
|
7043
|
+
componentName$f
|
7043
7044
|
) {
|
7044
7045
|
#getSelectedNodes() {
|
7045
7046
|
return this.items.filter((item) => item.hasAttribute('selected'));
|
@@ -7142,7 +7143,7 @@ class ButtonMultiSelectionGroupInternalClass extends createBaseButtonSelectionGr
|
|
7142
7143
|
}
|
7143
7144
|
}
|
7144
7145
|
|
7145
|
-
const componentName$
|
7146
|
+
const componentName$e = getComponentName('button-multi-selection-group');
|
7146
7147
|
|
7147
7148
|
const buttonMultiSelectionGroupMixin = (superclass) =>
|
7148
7149
|
class ButtonMultiSelectionGroupMixinClass extends superclass {
|
@@ -7151,19 +7152,19 @@ const buttonMultiSelectionGroupMixin = (superclass) =>
|
|
7151
7152
|
const template = document.createElement('template');
|
7152
7153
|
|
7153
7154
|
template.innerHTML = `
|
7154
|
-
<${componentName$
|
7155
|
+
<${componentName$f}
|
7155
7156
|
name="button-selection-group"
|
7156
7157
|
slot="input"
|
7157
7158
|
tabindex="-1"
|
7158
7159
|
part="internal-component"
|
7159
7160
|
>
|
7160
7161
|
<slot></slot>
|
7161
|
-
</${componentName$
|
7162
|
+
</${componentName$f}>
|
7162
7163
|
`;
|
7163
7164
|
|
7164
7165
|
this.baseElement.appendChild(template.content.cloneNode(true));
|
7165
7166
|
|
7166
|
-
this.inputElement = this.shadowRoot.querySelector(componentName$
|
7167
|
+
this.inputElement = this.shadowRoot.querySelector(componentName$f);
|
7167
7168
|
|
7168
7169
|
forwardAttrs(this, this.inputElement, {
|
7169
7170
|
includeAttrs: ['size', 'default-values', 'min-items-selection', 'max-items-selection'],
|
@@ -7188,13 +7189,13 @@ const ButtonMultiSelectionGroupClass = compose(
|
|
7188
7189
|
wrappedEleName: 'vaadin-text-field',
|
7189
7190
|
style: () => buttonSelectionGroupStyles,
|
7190
7191
|
excludeAttrsSync: ['tabindex'],
|
7191
|
-
componentName: componentName$
|
7192
|
+
componentName: componentName$e,
|
7192
7193
|
})
|
7193
7194
|
);
|
7194
7195
|
|
7195
|
-
customElements.define(componentName$
|
7196
|
+
customElements.define(componentName$f, ButtonMultiSelectionGroupInternalClass);
|
7196
7197
|
|
7197
|
-
customElements.define(componentName$
|
7198
|
+
customElements.define(componentName$e, ButtonMultiSelectionGroupClass);
|
7198
7199
|
|
7199
7200
|
/* eslint-disable no-param-reassign */
|
7200
7201
|
|
@@ -7224,9 +7225,9 @@ class GridTextColumnClass extends GridSortColumn {
|
|
7224
7225
|
}
|
7225
7226
|
}
|
7226
7227
|
|
7227
|
-
const componentName$
|
7228
|
+
const componentName$d = getComponentName('grid-text-column');
|
7228
7229
|
|
7229
|
-
customElements.define(componentName$
|
7230
|
+
customElements.define(componentName$d, GridTextColumnClass);
|
7230
7231
|
|
7231
7232
|
/* eslint-disable no-param-reassign */
|
7232
7233
|
|
@@ -7261,9 +7262,9 @@ class GridCustomColumnClass extends GridTextColumnClass {
|
|
7261
7262
|
|
7262
7263
|
/* eslint-disable no-param-reassign */
|
7263
7264
|
|
7264
|
-
const componentName$
|
7265
|
+
const componentName$c = getComponentName('grid-custom-column');
|
7265
7266
|
|
7266
|
-
customElements.define(componentName$
|
7267
|
+
customElements.define(componentName$c, GridCustomColumnClass);
|
7267
7268
|
|
7268
7269
|
const createCheckboxEle = () => {
|
7269
7270
|
const checkbox = document.createElement('descope-checkbox');
|
@@ -7322,9 +7323,9 @@ class GridSelectionColumnClass extends GridSelectionColumn {
|
|
7322
7323
|
}
|
7323
7324
|
}
|
7324
7325
|
|
7325
|
-
const componentName$
|
7326
|
+
const componentName$b = getComponentName('grid-selection-column');
|
7326
7327
|
|
7327
|
-
customElements.define(componentName$
|
7328
|
+
customElements.define(componentName$b, GridSelectionColumnClass);
|
7328
7329
|
|
7329
7330
|
const isValidDataType = (data) => {
|
7330
7331
|
const isValid = Array.isArray(data);
|
@@ -7336,7 +7337,7 @@ const isValidDataType = (data) => {
|
|
7336
7337
|
return isValid;
|
7337
7338
|
};
|
7338
7339
|
|
7339
|
-
const componentName$
|
7340
|
+
const componentName$a = getComponentName('grid');
|
7340
7341
|
|
7341
7342
|
const GridMixin = (superclass) =>
|
7342
7343
|
class GridMixinClass extends superclass {
|
@@ -7496,7 +7497,7 @@ const GridMixin = (superclass) =>
|
|
7496
7497
|
};
|
7497
7498
|
|
7498
7499
|
const {
|
7499
|
-
host: host$
|
7500
|
+
host: host$3,
|
7500
7501
|
headerRow,
|
7501
7502
|
headerRowCell,
|
7502
7503
|
contentRow,
|
@@ -7531,15 +7532,15 @@ const GridClass = compose(
|
|
7531
7532
|
fontWeight: { ...contentRow },
|
7532
7533
|
valueTextColor: { ...contentRow, property: 'color' },
|
7533
7534
|
backgroundColor: [
|
7534
|
-
{ ...host$
|
7535
|
+
{ ...host$3, property: 'background-color' },
|
7535
7536
|
{ ...contentRow, property: 'background-color' },
|
7536
7537
|
],
|
7537
7538
|
sortIndicatorsColor: { ...sortIndicators, property: 'color' },
|
7538
7539
|
activeSortIndicator: { ...activeSortIndicator, property: 'color' },
|
7539
|
-
borderColor: { ...host$
|
7540
|
-
borderWidth: { ...host$
|
7541
|
-
borderStyle: { ...host$
|
7542
|
-
borderRadius: { ...host$
|
7540
|
+
borderColor: { ...host$3, property: 'border-color' },
|
7541
|
+
borderWidth: { ...host$3, property: 'border-width' },
|
7542
|
+
borderStyle: { ...host$3, property: 'border-style' },
|
7543
|
+
borderRadius: { ...host$3, property: 'border-radius' },
|
7543
7544
|
selectedBackgroundColor: { ...selectedRow, property: 'background-color' },
|
7544
7545
|
headerRowTextColor: { ...headerRowCell, property: 'color' },
|
7545
7546
|
separatorColor: [
|
@@ -7572,13 +7573,13 @@ const GridClass = compose(
|
|
7572
7573
|
}
|
7573
7574
|
`,
|
7574
7575
|
excludeAttrsSync: ['columns', 'tabindex'],
|
7575
|
-
componentName: componentName$
|
7576
|
+
componentName: componentName$a,
|
7576
7577
|
})
|
7577
7578
|
);
|
7578
7579
|
|
7579
|
-
customElements.define(componentName$
|
7580
|
+
customElements.define(componentName$a, GridClass);
|
7580
7581
|
|
7581
|
-
const componentName$
|
7582
|
+
const componentName$9 = getComponentName('multi-select-combo-box');
|
7582
7583
|
|
7583
7584
|
const multiSelectComboBoxMixin = (superclass) =>
|
7584
7585
|
class MultiSelectComboBoxMixinClass extends superclass {
|
@@ -7966,7 +7967,7 @@ const multiSelectComboBoxMixin = (superclass) =>
|
|
7966
7967
|
};
|
7967
7968
|
|
7968
7969
|
const {
|
7969
|
-
host: host$
|
7970
|
+
host: host$2,
|
7970
7971
|
inputField,
|
7971
7972
|
inputElement,
|
7972
7973
|
placeholder,
|
@@ -8004,10 +8005,10 @@ const {
|
|
8004
8005
|
const MultiSelectComboBoxClass = compose(
|
8005
8006
|
createStyleMixin({
|
8006
8007
|
mappings: {
|
8007
|
-
hostWidth: { ...host$
|
8008
|
-
hostDirection: { ...host$
|
8008
|
+
hostWidth: { ...host$2, property: 'width' },
|
8009
|
+
hostDirection: { ...host$2, property: 'direction' },
|
8009
8010
|
// we apply font-size also on the host so we can set its width with em
|
8010
|
-
fontSize: [{}, host$
|
8011
|
+
fontSize: [{}, host$2],
|
8011
8012
|
chipFontSize: { ...chipLabel, property: 'font-size' },
|
8012
8013
|
fontFamily: [label, placeholder, inputField, helperText$1, errorMessage$1, chipLabel],
|
8013
8014
|
labelTextColor: [
|
@@ -8182,16 +8183,16 @@ const MultiSelectComboBoxClass = compose(
|
|
8182
8183
|
// Note: we exclude `placeholder` because the vaadin component observes it and
|
8183
8184
|
// tries to override it, causing us to lose the user set placeholder.
|
8184
8185
|
excludeAttrsSync: ['tabindex', 'size', 'data', 'placeholder'],
|
8185
|
-
componentName: componentName$
|
8186
|
+
componentName: componentName$9,
|
8186
8187
|
includeForwardProps: ['items', 'renderer', 'selectedItems'],
|
8187
8188
|
})
|
8188
8189
|
);
|
8189
8190
|
|
8190
|
-
customElements.define(componentName$
|
8191
|
+
customElements.define(componentName$9, MultiSelectComboBoxClass);
|
8191
8192
|
|
8192
|
-
const componentName$
|
8193
|
+
const componentName$8 = getComponentName('badge');
|
8193
8194
|
|
8194
|
-
class RawBadge extends createBaseClass({ componentName: componentName$
|
8195
|
+
class RawBadge extends createBaseClass({ componentName: componentName$8, baseSelector: ':host > div' }) {
|
8195
8196
|
constructor() {
|
8196
8197
|
super();
|
8197
8198
|
|
@@ -8239,9 +8240,9 @@ const BadgeClass = compose(
|
|
8239
8240
|
componentNameValidationMixin
|
8240
8241
|
)(RawBadge);
|
8241
8242
|
|
8242
|
-
customElements.define(componentName$
|
8243
|
+
customElements.define(componentName$8, BadgeClass);
|
8243
8244
|
|
8244
|
-
const componentName$
|
8245
|
+
const componentName$7 = getComponentName('modal');
|
8245
8246
|
|
8246
8247
|
const customMixin$1 = (superclass) =>
|
8247
8248
|
class ModalMixinClass extends superclass {
|
@@ -8340,11 +8341,11 @@ const ModalClass = compose(
|
|
8340
8341
|
wrappedEleName: 'vaadin-dialog',
|
8341
8342
|
style: () => ``,
|
8342
8343
|
excludeAttrsSync: ['tabindex', 'opened'],
|
8343
|
-
componentName: componentName$
|
8344
|
+
componentName: componentName$7,
|
8344
8345
|
})
|
8345
8346
|
);
|
8346
8347
|
|
8347
|
-
customElements.define(componentName$
|
8348
|
+
customElements.define(componentName$7, ModalClass);
|
8348
8349
|
|
8349
8350
|
const vaadinContainerClass = window.customElements.get('vaadin-notification-container');
|
8350
8351
|
|
@@ -8355,7 +8356,7 @@ if (!vaadinContainerClass) {
|
|
8355
8356
|
class NotificationContainerClass extends vaadinContainerClass {}
|
8356
8357
|
customElements.define(getComponentName('notification-container'), NotificationContainerClass);
|
8357
8358
|
|
8358
|
-
const componentName$
|
8359
|
+
const componentName$6 = getComponentName('notification-card');
|
8359
8360
|
|
8360
8361
|
const notificationCardMixin = (superclass) =>
|
8361
8362
|
class NotificationCardMixinClass extends superclass {
|
@@ -8463,13 +8464,13 @@ const NotificationCardClass = compose(
|
|
8463
8464
|
}
|
8464
8465
|
`,
|
8465
8466
|
excludeAttrsSync: ['tabindex'],
|
8466
|
-
componentName: componentName$
|
8467
|
+
componentName: componentName$6,
|
8467
8468
|
})
|
8468
8469
|
);
|
8469
8470
|
|
8470
|
-
customElements.define(componentName$
|
8471
|
+
customElements.define(componentName$6, NotificationCardClass);
|
8471
8472
|
|
8472
|
-
const componentName$
|
8473
|
+
const componentName$5 = getComponentName('notification');
|
8473
8474
|
|
8474
8475
|
const NotificationMixin = (superclass) =>
|
8475
8476
|
class NotificationMixinClass extends superclass {
|
@@ -8564,11 +8565,111 @@ const NotificationClass = compose(
|
|
8564
8565
|
createProxy({
|
8565
8566
|
wrappedEleName: 'vaadin-notification',
|
8566
8567
|
excludeAttrsSync: ['tabindex'],
|
8567
|
-
componentName: componentName$
|
8568
|
+
componentName: componentName$5,
|
8568
8569
|
})
|
8569
8570
|
);
|
8570
8571
|
|
8571
|
-
customElements.define(componentName$
|
8572
|
+
customElements.define(componentName$5, NotificationClass);
|
8573
|
+
|
8574
|
+
const componentName$4 = getComponentName('avatar');
|
8575
|
+
class RawAvatar extends createBaseClass({ componentName: componentName$4, baseSelector: ':host > .wrapper' }) {
|
8576
|
+
constructor() {
|
8577
|
+
super();
|
8578
|
+
|
8579
|
+
this.attachShadow({ mode: 'open' }).innerHTML = `
|
8580
|
+
<style>
|
8581
|
+
:host {
|
8582
|
+
display: inline-flex;
|
8583
|
+
}
|
8584
|
+
|
8585
|
+
.editable {
|
8586
|
+
border: 1px solid;
|
8587
|
+
border-radius: 100%;
|
8588
|
+
height: fit-content;
|
8589
|
+
width: 25%;
|
8590
|
+
height: 25%;
|
8591
|
+
display: flex;
|
8592
|
+
justify-content: center;
|
8593
|
+
align-items: center;
|
8594
|
+
padding: 5%;
|
8595
|
+
box-sizing: border-box;
|
8596
|
+
position: absolute;
|
8597
|
+
bottom: 0;
|
8598
|
+
inset-inline-end: 0;
|
8599
|
+
}
|
8600
|
+
|
8601
|
+
vaadin-icon {
|
8602
|
+
color: currentcolor;
|
8603
|
+
}
|
8604
|
+
|
8605
|
+
vaadin-avatar {
|
8606
|
+
width: 100%;
|
8607
|
+
height: 100%;
|
8608
|
+
}
|
8609
|
+
|
8610
|
+
.wrapper {
|
8611
|
+
display: inline-flex;
|
8612
|
+
position: relative;
|
8613
|
+
width: 100%;
|
8614
|
+
height: 100%;
|
8615
|
+
}
|
8616
|
+
</style>
|
8617
|
+
|
8618
|
+
|
8619
|
+
<div class="wrapper">
|
8620
|
+
<vaadin-avatar></vaadin-avatar>
|
8621
|
+
<div class="editable">
|
8622
|
+
<vaadin-icon icon="vaadin:pencil"></vaadin-icon>
|
8623
|
+
</div>
|
8624
|
+
</div>
|
8625
|
+
`;
|
8626
|
+
|
8627
|
+
this.avatarComponent = this.shadowRoot.querySelector('vaadin-avatar');
|
8628
|
+
|
8629
|
+
forwardAttrs(this, this.avatarComponent, {
|
8630
|
+
includeAttrs: ['name', 'img'],
|
8631
|
+
});
|
8632
|
+
|
8633
|
+
const editableIcon = this.shadowRoot.querySelector('.editable');
|
8634
|
+
|
8635
|
+
observeAttributes(
|
8636
|
+
this,
|
8637
|
+
() => {
|
8638
|
+
editableIcon.style.display = this.isEditable ? '' : 'none';
|
8639
|
+
},
|
8640
|
+
{ includeAttrs: ['editable'] }
|
8641
|
+
);
|
8642
|
+
}
|
8643
|
+
|
8644
|
+
get isEditable() {
|
8645
|
+
return this.getAttribute('editable') === 'true';
|
8646
|
+
}
|
8647
|
+
}
|
8648
|
+
|
8649
|
+
const { host: host$1, editableBadge, avatar: avatar$2 } = {
|
8650
|
+
host: { selector: () => ':host' },
|
8651
|
+
editableBadge: { selector: '> .editable' },
|
8652
|
+
avatar: { selector: 'vaadin-avatar' },
|
8653
|
+
};
|
8654
|
+
|
8655
|
+
const AvatarClass = compose(
|
8656
|
+
createStyleMixin({
|
8657
|
+
mappings: {
|
8658
|
+
hostWidth: { ...host$1, property: 'width' },
|
8659
|
+
hostHeight: { ...host$1, property: 'height' },
|
8660
|
+
hostDirection: { ...host$1, property: 'direction' },
|
8661
|
+
avatarTextColor: { ...avatar$2, property: 'color' },
|
8662
|
+
avatarBackgroundColor: { ...avatar$2, property: 'background-color' },
|
8663
|
+
editableIconColor: { ...editableBadge, property: 'color' },
|
8664
|
+
editableBorderColor: { ...editableBadge, property: 'border-color' },
|
8665
|
+
editableBackgroundColor: { ...editableBadge, property: 'background-color' },
|
8666
|
+
},
|
8667
|
+
}),
|
8668
|
+
draggableMixin,
|
8669
|
+
componentNameValidationMixin
|
8670
|
+
)(RawAvatar);
|
8671
|
+
|
8672
|
+
customElements.define(componentName$4, AvatarClass);
|
8572
8673
|
|
8573
8674
|
const componentName$3 = getComponentName('mappings-field-internal');
|
8574
8675
|
|
@@ -9474,154 +9575,154 @@ const globals = {
|
|
9474
9575
|
fonts,
|
9475
9576
|
direction,
|
9476
9577
|
};
|
9477
|
-
const vars$
|
9578
|
+
const vars$A = getThemeVars(globals);
|
9478
9579
|
|
9479
|
-
const globalRefs$
|
9480
|
-
const compVars$
|
9580
|
+
const globalRefs$j = getThemeRefs(globals);
|
9581
|
+
const compVars$5 = ButtonClass.cssVarList;
|
9481
9582
|
|
9482
9583
|
const mode = {
|
9483
|
-
primary: globalRefs$
|
9484
|
-
secondary: globalRefs$
|
9485
|
-
success: globalRefs$
|
9486
|
-
error: globalRefs$
|
9487
|
-
surface: globalRefs$
|
9584
|
+
primary: globalRefs$j.colors.primary,
|
9585
|
+
secondary: globalRefs$j.colors.secondary,
|
9586
|
+
success: globalRefs$j.colors.success,
|
9587
|
+
error: globalRefs$j.colors.error,
|
9588
|
+
surface: globalRefs$j.colors.surface,
|
9488
9589
|
};
|
9489
9590
|
|
9490
|
-
const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars({ mode }, componentName$
|
9591
|
+
const [helperTheme$3, helperRefs$3, helperVars$3] = createHelperVars({ mode }, componentName$M);
|
9491
9592
|
|
9492
9593
|
const button = {
|
9493
9594
|
...helperTheme$3,
|
9494
9595
|
|
9495
|
-
[compVars$
|
9596
|
+
[compVars$5.fontFamily]: globalRefs$j.fonts.font1.family,
|
9496
9597
|
|
9497
|
-
[compVars$
|
9498
|
-
[compVars$
|
9499
|
-
[compVars$
|
9500
|
-
[compVars$
|
9598
|
+
[compVars$5.cursor]: 'pointer',
|
9599
|
+
[compVars$5.hostHeight]: '3em',
|
9600
|
+
[compVars$5.hostWidth]: 'auto',
|
9601
|
+
[compVars$5.hostDirection]: globalRefs$j.direction,
|
9501
9602
|
|
9502
|
-
[compVars$
|
9503
|
-
[compVars$
|
9504
|
-
[compVars$
|
9505
|
-
[compVars$
|
9603
|
+
[compVars$5.borderRadius]: globalRefs$j.radius.sm,
|
9604
|
+
[compVars$5.borderWidth]: globalRefs$j.border.xs,
|
9605
|
+
[compVars$5.borderStyle]: 'solid',
|
9606
|
+
[compVars$5.borderColor]: 'transparent',
|
9506
9607
|
|
9507
|
-
[compVars$
|
9608
|
+
[compVars$5.labelSpacing]: '0.25em',
|
9508
9609
|
|
9509
|
-
[compVars$
|
9610
|
+
[compVars$5.textAlign]: 'center', // default text align center
|
9510
9611
|
textAlign: {
|
9511
|
-
right: { [compVars$
|
9512
|
-
left: { [compVars$
|
9513
|
-
center: { [compVars$
|
9612
|
+
right: { [compVars$5.textAlign]: 'right' },
|
9613
|
+
left: { [compVars$5.textAlign]: 'left' },
|
9614
|
+
center: { [compVars$5.textAlign]: 'center' },
|
9514
9615
|
},
|
9515
9616
|
|
9516
|
-
[compVars$
|
9617
|
+
[compVars$5.verticalPadding]: '1em',
|
9517
9618
|
|
9518
|
-
[compVars$
|
9519
|
-
[compVars$
|
9520
|
-
[compVars$
|
9521
|
-
[compVars$
|
9619
|
+
[compVars$5.outlineWidth]: globals.border.sm,
|
9620
|
+
[compVars$5.outlineOffset]: '0px', // keep `px` unit for external calc
|
9621
|
+
[compVars$5.outlineStyle]: 'solid',
|
9622
|
+
[compVars$5.outlineColor]: 'transparent',
|
9522
9623
|
|
9523
9624
|
size: {
|
9524
|
-
xs: { [compVars$
|
9525
|
-
sm: { [compVars$
|
9526
|
-
md: { [compVars$
|
9527
|
-
lg: { [compVars$
|
9625
|
+
xs: { [compVars$5.fontSize]: '12px' },
|
9626
|
+
sm: { [compVars$5.fontSize]: '14px' },
|
9627
|
+
md: { [compVars$5.fontSize]: '16px' },
|
9628
|
+
lg: { [compVars$5.fontSize]: '18px' },
|
9528
9629
|
},
|
9529
9630
|
|
9530
9631
|
_square: {
|
9531
|
-
[compVars$
|
9532
|
-
[compVars$
|
9533
|
-
[compVars$
|
9632
|
+
[compVars$5.hostHeight]: '3em',
|
9633
|
+
[compVars$5.hostWidth]: '3em',
|
9634
|
+
[compVars$5.verticalPadding]: '0',
|
9534
9635
|
},
|
9535
9636
|
|
9536
9637
|
_fullWidth: {
|
9537
|
-
[compVars$
|
9638
|
+
[compVars$5.hostWidth]: '100%',
|
9538
9639
|
},
|
9539
9640
|
|
9540
9641
|
_loading: {
|
9541
|
-
[compVars$
|
9542
|
-
[compVars$
|
9642
|
+
[compVars$5.cursor]: 'wait',
|
9643
|
+
[compVars$5.labelTextColor]: helperRefs$3.main,
|
9543
9644
|
},
|
9544
9645
|
|
9545
9646
|
_disabled: {
|
9546
|
-
[helperVars$3.main]: globalRefs$
|
9547
|
-
[helperVars$3.dark]: globalRefs$
|
9548
|
-
[helperVars$3.light]: globalRefs$
|
9549
|
-
[helperVars$3.contrast]: globalRefs$
|
9647
|
+
[helperVars$3.main]: globalRefs$j.colors.surface.light,
|
9648
|
+
[helperVars$3.dark]: globalRefs$j.colors.surface.dark,
|
9649
|
+
[helperVars$3.light]: globalRefs$j.colors.surface.light,
|
9650
|
+
[helperVars$3.contrast]: globalRefs$j.colors.surface.main,
|
9550
9651
|
},
|
9551
9652
|
|
9552
9653
|
variant: {
|
9553
9654
|
contained: {
|
9554
|
-
[compVars$
|
9555
|
-
[compVars$
|
9655
|
+
[compVars$5.labelTextColor]: helperRefs$3.contrast,
|
9656
|
+
[compVars$5.backgroundColor]: helperRefs$3.main,
|
9556
9657
|
_hover: {
|
9557
|
-
[compVars$
|
9658
|
+
[compVars$5.backgroundColor]: helperRefs$3.dark,
|
9558
9659
|
_loading: {
|
9559
|
-
[compVars$
|
9660
|
+
[compVars$5.backgroundColor]: helperRefs$3.main,
|
9560
9661
|
},
|
9561
9662
|
},
|
9562
9663
|
_active: {
|
9563
|
-
[compVars$
|
9664
|
+
[compVars$5.backgroundColor]: helperRefs$3.main,
|
9564
9665
|
},
|
9565
9666
|
},
|
9566
9667
|
|
9567
9668
|
outline: {
|
9568
|
-
[compVars$
|
9569
|
-
[compVars$
|
9669
|
+
[compVars$5.labelTextColor]: helperRefs$3.main,
|
9670
|
+
[compVars$5.borderColor]: helperRefs$3.main,
|
9570
9671
|
_hover: {
|
9571
|
-
[compVars$
|
9572
|
-
[compVars$
|
9672
|
+
[compVars$5.labelTextColor]: helperRefs$3.dark,
|
9673
|
+
[compVars$5.borderColor]: helperRefs$3.dark,
|
9573
9674
|
},
|
9574
9675
|
_active: {
|
9575
|
-
[compVars$
|
9576
|
-
[compVars$
|
9676
|
+
[compVars$5.labelTextColor]: helperRefs$3.main,
|
9677
|
+
[compVars$5.borderColor]: helperRefs$3.main,
|
9577
9678
|
},
|
9578
9679
|
},
|
9579
9680
|
|
9580
9681
|
link: {
|
9581
|
-
[compVars$
|
9682
|
+
[compVars$5.labelTextColor]: helperRefs$3.main,
|
9582
9683
|
_hover: {
|
9583
|
-
[compVars$
|
9584
|
-
[compVars$
|
9684
|
+
[compVars$5.labelTextColor]: helperRefs$3.dark,
|
9685
|
+
[compVars$5.labelTextDecoration]: 'underline',
|
9585
9686
|
},
|
9586
9687
|
_active: {
|
9587
|
-
[compVars$
|
9688
|
+
[compVars$5.labelTextColor]: helperRefs$3.main,
|
9588
9689
|
},
|
9589
9690
|
},
|
9590
9691
|
},
|
9591
9692
|
|
9592
9693
|
_focused: {
|
9593
|
-
[compVars$
|
9694
|
+
[compVars$5.outlineColor]: helperRefs$3.light,
|
9594
9695
|
},
|
9595
9696
|
};
|
9596
9697
|
|
9597
|
-
const vars$
|
9598
|
-
...compVars$
|
9698
|
+
const vars$z = {
|
9699
|
+
...compVars$5,
|
9599
9700
|
...helperVars$3,
|
9600
9701
|
};
|
9601
9702
|
|
9602
9703
|
var button$1 = /*#__PURE__*/Object.freeze({
|
9603
9704
|
__proto__: null,
|
9604
9705
|
default: button,
|
9605
|
-
vars: vars$
|
9706
|
+
vars: vars$z
|
9606
9707
|
});
|
9607
9708
|
|
9608
9709
|
const componentName = getComponentName('input-wrapper');
|
9609
|
-
const globalRefs$
|
9710
|
+
const globalRefs$i = getThemeRefs(globals);
|
9610
9711
|
|
9611
|
-
const [theme$1, refs, vars$
|
9712
|
+
const [theme$1, refs, vars$y] = createHelperVars(
|
9612
9713
|
{
|
9613
|
-
labelTextColor: globalRefs$
|
9614
|
-
valueTextColor: globalRefs$
|
9615
|
-
placeholderTextColor: globalRefs$
|
9714
|
+
labelTextColor: globalRefs$i.colors.surface.dark,
|
9715
|
+
valueTextColor: globalRefs$i.colors.surface.contrast,
|
9716
|
+
placeholderTextColor: globalRefs$i.colors.surface.dark,
|
9616
9717
|
requiredIndicator: "'*'",
|
9617
|
-
errorMessageTextColor: globalRefs$
|
9618
|
-
helperTextColor: globalRefs$
|
9718
|
+
errorMessageTextColor: globalRefs$i.colors.error.main,
|
9719
|
+
helperTextColor: globalRefs$i.colors.surface.dark,
|
9619
9720
|
|
9620
|
-
borderWidth: globalRefs$
|
9621
|
-
borderRadius: globalRefs$
|
9721
|
+
borderWidth: globalRefs$i.border.xs,
|
9722
|
+
borderRadius: globalRefs$i.radius.xs,
|
9622
9723
|
borderColor: 'transparent',
|
9623
9724
|
|
9624
|
-
outlineWidth: globalRefs$
|
9725
|
+
outlineWidth: globalRefs$i.border.sm,
|
9625
9726
|
outlineStyle: 'solid',
|
9626
9727
|
outlineColor: 'transparent',
|
9627
9728
|
outlineOffset: '0px', // we need to keep the px unit even for 0 value, as this var is used for calc in different component classes
|
@@ -9632,11 +9733,11 @@ const [theme$1, refs, vars$x] = createHelperVars(
|
|
9632
9733
|
horizontalPadding: '0.5em',
|
9633
9734
|
verticalPadding: '0.5em',
|
9634
9735
|
|
9635
|
-
backgroundColor: globalRefs$
|
9736
|
+
backgroundColor: globalRefs$i.colors.surface.main,
|
9636
9737
|
|
9637
|
-
fontFamily: globalRefs$
|
9738
|
+
fontFamily: globalRefs$i.fonts.font1.family,
|
9638
9739
|
|
9639
|
-
direction: globalRefs$
|
9740
|
+
direction: globalRefs$i.direction,
|
9640
9741
|
|
9641
9742
|
overlayOpacity: '0.3',
|
9642
9743
|
|
@@ -9652,28 +9753,28 @@ const [theme$1, refs, vars$x] = createHelperVars(
|
|
9652
9753
|
},
|
9653
9754
|
|
9654
9755
|
_focused: {
|
9655
|
-
outlineColor: globalRefs$
|
9756
|
+
outlineColor: globalRefs$i.colors.surface.light,
|
9656
9757
|
_invalid: {
|
9657
|
-
outlineColor: globalRefs$
|
9758
|
+
outlineColor: globalRefs$i.colors.error.main,
|
9658
9759
|
},
|
9659
9760
|
},
|
9660
9761
|
|
9661
9762
|
_bordered: {
|
9662
|
-
outlineWidth: globalRefs$
|
9663
|
-
borderColor: globalRefs$
|
9763
|
+
outlineWidth: globalRefs$i.border.xs,
|
9764
|
+
borderColor: globalRefs$i.colors.surface.light,
|
9664
9765
|
borderStyle: 'solid',
|
9665
9766
|
_invalid: {
|
9666
|
-
borderColor: globalRefs$
|
9767
|
+
borderColor: globalRefs$i.colors.error.main,
|
9667
9768
|
},
|
9668
9769
|
},
|
9669
9770
|
|
9670
9771
|
_disabled: {
|
9671
|
-
labelTextColor: globalRefs$
|
9672
|
-
borderColor: globalRefs$
|
9673
|
-
valueTextColor: globalRefs$
|
9674
|
-
placeholderTextColor: globalRefs$
|
9675
|
-
helperTextColor: globalRefs$
|
9676
|
-
backgroundColor: globalRefs$
|
9772
|
+
labelTextColor: globalRefs$i.colors.surface.light,
|
9773
|
+
borderColor: globalRefs$i.colors.surface.light,
|
9774
|
+
valueTextColor: globalRefs$i.colors.surface.light,
|
9775
|
+
placeholderTextColor: globalRefs$i.colors.surface.light,
|
9776
|
+
helperTextColor: globalRefs$i.colors.surface.light,
|
9777
|
+
backgroundColor: globalRefs$i.colors.surface.main,
|
9677
9778
|
},
|
9678
9779
|
},
|
9679
9780
|
componentName
|
@@ -9683,22 +9784,64 @@ var inputWrapper = /*#__PURE__*/Object.freeze({
|
|
9683
9784
|
__proto__: null,
|
9684
9785
|
default: theme$1,
|
9685
9786
|
refs: refs,
|
9686
|
-
vars: vars$
|
9787
|
+
vars: vars$y
|
9687
9788
|
});
|
9688
9789
|
|
9689
|
-
const vars$
|
9790
|
+
const vars$x = TextFieldClass.cssVarList;
|
9690
9791
|
|
9691
9792
|
const textField = {
|
9793
|
+
[vars$x.hostWidth]: refs.width,
|
9794
|
+
[vars$x.hostMinWidth]: refs.minWidth,
|
9795
|
+
[vars$x.hostDirection]: refs.direction,
|
9796
|
+
[vars$x.fontSize]: refs.fontSize,
|
9797
|
+
[vars$x.fontFamily]: refs.fontFamily,
|
9798
|
+
[vars$x.labelTextColor]: refs.labelTextColor,
|
9799
|
+
[vars$x.labelRequiredIndicator]: refs.requiredIndicator,
|
9800
|
+
[vars$x.errorMessageTextColor]: refs.errorMessageTextColor,
|
9801
|
+
[vars$x.inputValueTextColor]: refs.valueTextColor,
|
9802
|
+
[vars$x.inputPlaceholderColor]: refs.placeholderTextColor,
|
9803
|
+
[vars$x.inputBorderWidth]: refs.borderWidth,
|
9804
|
+
[vars$x.inputBorderStyle]: refs.borderStyle,
|
9805
|
+
[vars$x.inputBorderColor]: refs.borderColor,
|
9806
|
+
[vars$x.inputBorderRadius]: refs.borderRadius,
|
9807
|
+
[vars$x.inputOutlineWidth]: refs.outlineWidth,
|
9808
|
+
[vars$x.inputOutlineStyle]: refs.outlineStyle,
|
9809
|
+
[vars$x.inputOutlineColor]: refs.outlineColor,
|
9810
|
+
[vars$x.inputOutlineOffset]: refs.outlineOffset,
|
9811
|
+
[vars$x.inputBackgroundColor]: refs.backgroundColor,
|
9812
|
+
[vars$x.inputHeight]: refs.inputHeight,
|
9813
|
+
[vars$x.inputHorizontalPadding]: refs.horizontalPadding,
|
9814
|
+
[vars$x.helperTextColor]: refs.helperTextColor,
|
9815
|
+
textAlign: {
|
9816
|
+
right: { [vars$x.inputTextAlign]: 'right' },
|
9817
|
+
left: { [vars$x.inputTextAlign]: 'left' },
|
9818
|
+
center: { [vars$x.inputTextAlign]: 'center' },
|
9819
|
+
},
|
9820
|
+
};
|
9821
|
+
|
9822
|
+
var textField$1 = /*#__PURE__*/Object.freeze({
|
9823
|
+
__proto__: null,
|
9824
|
+
default: textField,
|
9825
|
+
textField: textField,
|
9826
|
+
vars: vars$x
|
9827
|
+
});
|
9828
|
+
|
9829
|
+
const globalRefs$h = getThemeRefs(globals);
|
9830
|
+
const vars$w = PasswordClass.cssVarList;
|
9831
|
+
|
9832
|
+
const password = {
|
9692
9833
|
[vars$w.hostWidth]: refs.width,
|
9693
|
-
[vars$w.hostMinWidth]: refs.minWidth,
|
9694
9834
|
[vars$w.hostDirection]: refs.direction,
|
9695
9835
|
[vars$w.fontSize]: refs.fontSize,
|
9696
9836
|
[vars$w.fontFamily]: refs.fontFamily,
|
9697
9837
|
[vars$w.labelTextColor]: refs.labelTextColor,
|
9698
|
-
[vars$w.labelRequiredIndicator]: refs.requiredIndicator,
|
9699
9838
|
[vars$w.errorMessageTextColor]: refs.errorMessageTextColor,
|
9839
|
+
[vars$w.inputHorizontalPadding]: refs.horizontalPadding,
|
9840
|
+
[vars$w.inputHeight]: refs.inputHeight,
|
9841
|
+
[vars$w.inputBackgroundColor]: refs.backgroundColor,
|
9842
|
+
[vars$w.labelRequiredIndicator]: refs.requiredIndicator,
|
9700
9843
|
[vars$w.inputValueTextColor]: refs.valueTextColor,
|
9701
|
-
[vars$w.
|
9844
|
+
[vars$w.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
9702
9845
|
[vars$w.inputBorderWidth]: refs.borderWidth,
|
9703
9846
|
[vars$w.inputBorderStyle]: refs.borderStyle,
|
9704
9847
|
[vars$w.inputBorderColor]: refs.borderColor,
|
@@ -9707,40 +9850,29 @@ const textField = {
|
|
9707
9850
|
[vars$w.inputOutlineStyle]: refs.outlineStyle,
|
9708
9851
|
[vars$w.inputOutlineColor]: refs.outlineColor,
|
9709
9852
|
[vars$w.inputOutlineOffset]: refs.outlineOffset,
|
9710
|
-
[vars$w.
|
9711
|
-
[vars$w.
|
9712
|
-
[vars$w.
|
9713
|
-
[vars$w.helperTextColor]: refs.helperTextColor,
|
9714
|
-
textAlign: {
|
9715
|
-
right: { [vars$w.inputTextAlign]: 'right' },
|
9716
|
-
left: { [vars$w.inputTextAlign]: 'left' },
|
9717
|
-
center: { [vars$w.inputTextAlign]: 'center' },
|
9718
|
-
},
|
9853
|
+
[vars$w.revealButtonOffset]: globalRefs$h.spacing.md,
|
9854
|
+
[vars$w.revealButtonSize]: refs.toggleButtonSize,
|
9855
|
+
[vars$w.revealButtonColor]: refs.placeholderTextColor,
|
9719
9856
|
};
|
9720
9857
|
|
9721
|
-
var
|
9858
|
+
var password$1 = /*#__PURE__*/Object.freeze({
|
9722
9859
|
__proto__: null,
|
9723
|
-
default:
|
9724
|
-
textField: textField,
|
9860
|
+
default: password,
|
9725
9861
|
vars: vars$w
|
9726
9862
|
});
|
9727
9863
|
|
9728
|
-
const
|
9729
|
-
const vars$v = PasswordClass.cssVarList;
|
9864
|
+
const vars$v = NumberFieldClass.cssVarList;
|
9730
9865
|
|
9731
|
-
const
|
9866
|
+
const numberField = {
|
9732
9867
|
[vars$v.hostWidth]: refs.width,
|
9868
|
+
[vars$v.hostMinWidth]: refs.minWidth,
|
9733
9869
|
[vars$v.hostDirection]: refs.direction,
|
9734
9870
|
[vars$v.fontSize]: refs.fontSize,
|
9735
9871
|
[vars$v.fontFamily]: refs.fontFamily,
|
9736
9872
|
[vars$v.labelTextColor]: refs.labelTextColor,
|
9737
9873
|
[vars$v.errorMessageTextColor]: refs.errorMessageTextColor,
|
9738
|
-
[vars$v.inputHorizontalPadding]: refs.horizontalPadding,
|
9739
|
-
[vars$v.inputHeight]: refs.inputHeight,
|
9740
|
-
[vars$v.inputBackgroundColor]: refs.backgroundColor,
|
9741
|
-
[vars$v.labelRequiredIndicator]: refs.requiredIndicator,
|
9742
9874
|
[vars$v.inputValueTextColor]: refs.valueTextColor,
|
9743
|
-
[vars$v.
|
9875
|
+
[vars$v.inputPlaceholderColor]: refs.placeholderTextColor,
|
9744
9876
|
[vars$v.inputBorderWidth]: refs.borderWidth,
|
9745
9877
|
[vars$v.inputBorderStyle]: refs.borderStyle,
|
9746
9878
|
[vars$v.inputBorderColor]: refs.borderColor,
|
@@ -9749,20 +9881,21 @@ const password = {
|
|
9749
9881
|
[vars$v.inputOutlineStyle]: refs.outlineStyle,
|
9750
9882
|
[vars$v.inputOutlineColor]: refs.outlineColor,
|
9751
9883
|
[vars$v.inputOutlineOffset]: refs.outlineOffset,
|
9752
|
-
[vars$v.
|
9753
|
-
[vars$v.
|
9754
|
-
[vars$v.
|
9884
|
+
[vars$v.inputBackgroundColor]: refs.backgroundColor,
|
9885
|
+
[vars$v.labelRequiredIndicator]: refs.requiredIndicator,
|
9886
|
+
[vars$v.inputHorizontalPadding]: refs.horizontalPadding,
|
9887
|
+
[vars$v.inputHeight]: refs.inputHeight,
|
9755
9888
|
};
|
9756
9889
|
|
9757
|
-
var
|
9890
|
+
var numberField$1 = /*#__PURE__*/Object.freeze({
|
9758
9891
|
__proto__: null,
|
9759
|
-
default:
|
9892
|
+
default: numberField,
|
9760
9893
|
vars: vars$v
|
9761
9894
|
});
|
9762
9895
|
|
9763
|
-
const vars$u =
|
9896
|
+
const vars$u = EmailFieldClass.cssVarList;
|
9764
9897
|
|
9765
|
-
const
|
9898
|
+
const emailField = {
|
9766
9899
|
[vars$u.hostWidth]: refs.width,
|
9767
9900
|
[vars$u.hostMinWidth]: refs.minWidth,
|
9768
9901
|
[vars$u.hostDirection]: refs.direction,
|
@@ -9771,6 +9904,7 @@ const numberField = {
|
|
9771
9904
|
[vars$u.labelTextColor]: refs.labelTextColor,
|
9772
9905
|
[vars$u.errorMessageTextColor]: refs.errorMessageTextColor,
|
9773
9906
|
[vars$u.inputValueTextColor]: refs.valueTextColor,
|
9907
|
+
[vars$u.labelRequiredIndicator]: refs.requiredIndicator,
|
9774
9908
|
[vars$u.inputPlaceholderColor]: refs.placeholderTextColor,
|
9775
9909
|
[vars$u.inputBorderWidth]: refs.borderWidth,
|
9776
9910
|
[vars$u.inputBorderStyle]: refs.borderStyle,
|
@@ -9781,202 +9915,169 @@ const numberField = {
|
|
9781
9915
|
[vars$u.inputOutlineColor]: refs.outlineColor,
|
9782
9916
|
[vars$u.inputOutlineOffset]: refs.outlineOffset,
|
9783
9917
|
[vars$u.inputBackgroundColor]: refs.backgroundColor,
|
9784
|
-
[vars$u.labelRequiredIndicator]: refs.requiredIndicator,
|
9785
9918
|
[vars$u.inputHorizontalPadding]: refs.horizontalPadding,
|
9786
9919
|
[vars$u.inputHeight]: refs.inputHeight,
|
9787
9920
|
};
|
9788
9921
|
|
9789
|
-
var
|
9922
|
+
var emailField$1 = /*#__PURE__*/Object.freeze({
|
9790
9923
|
__proto__: null,
|
9791
|
-
default:
|
9924
|
+
default: emailField,
|
9792
9925
|
vars: vars$u
|
9793
9926
|
});
|
9794
9927
|
|
9795
|
-
const vars$t =
|
9928
|
+
const vars$t = TextAreaClass.cssVarList;
|
9796
9929
|
|
9797
|
-
const
|
9930
|
+
const textArea = {
|
9798
9931
|
[vars$t.hostWidth]: refs.width,
|
9799
9932
|
[vars$t.hostMinWidth]: refs.minWidth,
|
9800
9933
|
[vars$t.hostDirection]: refs.direction,
|
9801
9934
|
[vars$t.fontSize]: refs.fontSize,
|
9802
9935
|
[vars$t.fontFamily]: refs.fontFamily,
|
9803
9936
|
[vars$t.labelTextColor]: refs.labelTextColor,
|
9937
|
+
[vars$t.labelRequiredIndicator]: refs.requiredIndicator,
|
9804
9938
|
[vars$t.errorMessageTextColor]: refs.errorMessageTextColor,
|
9939
|
+
[vars$t.inputBackgroundColor]: refs.backgroundColor,
|
9805
9940
|
[vars$t.inputValueTextColor]: refs.valueTextColor,
|
9806
|
-
[vars$t.
|
9807
|
-
[vars$t.
|
9941
|
+
[vars$t.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
9942
|
+
[vars$t.inputBorderRadius]: refs.borderRadius,
|
9808
9943
|
[vars$t.inputBorderWidth]: refs.borderWidth,
|
9809
9944
|
[vars$t.inputBorderStyle]: refs.borderStyle,
|
9810
9945
|
[vars$t.inputBorderColor]: refs.borderColor,
|
9811
|
-
[vars$t.inputBorderRadius]: refs.borderRadius,
|
9812
9946
|
[vars$t.inputOutlineWidth]: refs.outlineWidth,
|
9813
9947
|
[vars$t.inputOutlineStyle]: refs.outlineStyle,
|
9814
9948
|
[vars$t.inputOutlineColor]: refs.outlineColor,
|
9815
9949
|
[vars$t.inputOutlineOffset]: refs.outlineOffset,
|
9816
|
-
[vars$t.
|
9817
|
-
[vars$t.
|
9818
|
-
|
9950
|
+
[vars$t.inputResizeType]: 'vertical',
|
9951
|
+
[vars$t.inputMinHeight]: '5em',
|
9952
|
+
textAlign: {
|
9953
|
+
right: { [vars$t.inputTextAlign]: 'right' },
|
9954
|
+
left: { [vars$t.inputTextAlign]: 'left' },
|
9955
|
+
center: { [vars$t.inputTextAlign]: 'center' },
|
9956
|
+
},
|
9957
|
+
|
9958
|
+
_readonly: {
|
9959
|
+
[vars$t.inputResizeType]: 'none',
|
9960
|
+
},
|
9819
9961
|
};
|
9820
9962
|
|
9821
|
-
var
|
9963
|
+
var textArea$1 = /*#__PURE__*/Object.freeze({
|
9822
9964
|
__proto__: null,
|
9823
|
-
default:
|
9965
|
+
default: textArea,
|
9824
9966
|
vars: vars$t
|
9825
9967
|
});
|
9826
9968
|
|
9827
|
-
const vars$s =
|
9969
|
+
const vars$s = CheckboxClass.cssVarList;
|
9970
|
+
const checkboxSize = '1.35em';
|
9828
9971
|
|
9829
|
-
const
|
9972
|
+
const checkbox = {
|
9830
9973
|
[vars$s.hostWidth]: refs.width,
|
9831
|
-
[vars$s.hostMinWidth]: refs.minWidth,
|
9832
9974
|
[vars$s.hostDirection]: refs.direction,
|
9833
9975
|
[vars$s.fontSize]: refs.fontSize,
|
9834
9976
|
[vars$s.fontFamily]: refs.fontFamily,
|
9835
9977
|
[vars$s.labelTextColor]: refs.labelTextColor,
|
9836
9978
|
[vars$s.labelRequiredIndicator]: refs.requiredIndicator,
|
9979
|
+
[vars$s.labelFontWeight]: '400',
|
9980
|
+
[vars$s.labelLineHeight]: checkboxSize,
|
9981
|
+
[vars$s.labelSpacing]: '1em',
|
9837
9982
|
[vars$s.errorMessageTextColor]: refs.errorMessageTextColor,
|
9838
|
-
[vars$s.
|
9839
|
-
[vars$s.
|
9840
|
-
[vars$s.
|
9983
|
+
[vars$s.inputOutlineWidth]: refs.outlineWidth,
|
9984
|
+
[vars$s.inputOutlineOffset]: refs.outlineOffset,
|
9985
|
+
[vars$s.inputOutlineColor]: refs.outlineColor,
|
9986
|
+
[vars$s.inputOutlineStyle]: refs.outlineStyle,
|
9841
9987
|
[vars$s.inputBorderRadius]: refs.borderRadius,
|
9988
|
+
[vars$s.inputBorderColor]: refs.borderColor,
|
9842
9989
|
[vars$s.inputBorderWidth]: refs.borderWidth,
|
9843
9990
|
[vars$s.inputBorderStyle]: refs.borderStyle,
|
9844
|
-
[vars$s.
|
9845
|
-
[vars$s.
|
9846
|
-
|
9847
|
-
|
9848
|
-
|
9849
|
-
[vars$s.inputResizeType]: 'vertical',
|
9850
|
-
[vars$s.inputMinHeight]: '5em',
|
9851
|
-
textAlign: {
|
9852
|
-
right: { [vars$s.inputTextAlign]: 'right' },
|
9853
|
-
left: { [vars$s.inputTextAlign]: 'left' },
|
9854
|
-
center: { [vars$s.inputTextAlign]: 'center' },
|
9991
|
+
[vars$s.inputBackgroundColor]: refs.backgroundColor,
|
9992
|
+
[vars$s.inputSize]: checkboxSize,
|
9993
|
+
|
9994
|
+
_checked: {
|
9995
|
+
[vars$s.inputValueTextColor]: refs.valueTextColor,
|
9855
9996
|
},
|
9856
9997
|
|
9857
|
-
|
9858
|
-
[vars$s.
|
9998
|
+
_disabled: {
|
9999
|
+
[vars$s.labelTextColor]: refs.labelTextColor,
|
9859
10000
|
},
|
9860
10001
|
};
|
9861
10002
|
|
9862
|
-
var
|
10003
|
+
var checkbox$1 = /*#__PURE__*/Object.freeze({
|
9863
10004
|
__proto__: null,
|
9864
|
-
default:
|
10005
|
+
default: checkbox,
|
9865
10006
|
vars: vars$s
|
9866
10007
|
});
|
9867
10008
|
|
9868
|
-
const
|
9869
|
-
const
|
10009
|
+
const knobMargin = '2px';
|
10010
|
+
const checkboxHeight = '1.25em';
|
9870
10011
|
|
9871
|
-
const
|
10012
|
+
const globalRefs$g = getThemeRefs(globals);
|
10013
|
+
const vars$r = SwitchToggleClass.cssVarList;
|
10014
|
+
|
10015
|
+
const switchToggle = {
|
9872
10016
|
[vars$r.hostWidth]: refs.width,
|
9873
10017
|
[vars$r.hostDirection]: refs.direction,
|
9874
10018
|
[vars$r.fontSize]: refs.fontSize,
|
9875
10019
|
[vars$r.fontFamily]: refs.fontFamily,
|
9876
|
-
|
9877
|
-
[vars$r.labelRequiredIndicator]: refs.requiredIndicator,
|
9878
|
-
[vars$r.labelFontWeight]: '400',
|
9879
|
-
[vars$r.labelLineHeight]: checkboxSize,
|
9880
|
-
[vars$r.labelSpacing]: '1em',
|
9881
|
-
[vars$r.errorMessageTextColor]: refs.errorMessageTextColor,
|
10020
|
+
|
9882
10021
|
[vars$r.inputOutlineWidth]: refs.outlineWidth,
|
9883
10022
|
[vars$r.inputOutlineOffset]: refs.outlineOffset,
|
9884
10023
|
[vars$r.inputOutlineColor]: refs.outlineColor,
|
9885
10024
|
[vars$r.inputOutlineStyle]: refs.outlineStyle,
|
9886
|
-
[vars$r.inputBorderRadius]: refs.borderRadius,
|
9887
|
-
[vars$r.inputBorderColor]: refs.borderColor,
|
9888
|
-
[vars$r.inputBorderWidth]: refs.borderWidth,
|
9889
|
-
[vars$r.inputBorderStyle]: refs.borderStyle,
|
9890
|
-
[vars$r.inputBackgroundColor]: refs.backgroundColor,
|
9891
|
-
[vars$r.inputSize]: checkboxSize,
|
9892
|
-
|
9893
|
-
_checked: {
|
9894
|
-
[vars$r.inputValueTextColor]: refs.valueTextColor,
|
9895
|
-
},
|
9896
|
-
|
9897
|
-
_disabled: {
|
9898
|
-
[vars$r.labelTextColor]: refs.labelTextColor,
|
9899
|
-
},
|
9900
|
-
};
|
9901
|
-
|
9902
|
-
var checkbox$1 = /*#__PURE__*/Object.freeze({
|
9903
|
-
__proto__: null,
|
9904
|
-
default: checkbox,
|
9905
|
-
vars: vars$r
|
9906
|
-
});
|
9907
10025
|
|
9908
|
-
|
9909
|
-
|
10026
|
+
[vars$r.trackBorderStyle]: refs.borderStyle,
|
10027
|
+
[vars$r.trackBorderWidth]: refs.borderWidth, // var `trackBorderWidth` used outside the theme for `left` margin calculation
|
10028
|
+
[vars$r.trackBorderColor]: refs.borderColor,
|
10029
|
+
[vars$r.trackBackgroundColor]: refs.backgroundColor,
|
10030
|
+
[vars$r.trackBorderRadius]: globalRefs$g.radius.md,
|
10031
|
+
[vars$r.trackWidth]: '2.5em', // var `trackWidth` used outside the theme for `left` margin calculation
|
10032
|
+
[vars$r.trackHeight]: checkboxHeight,
|
10033
|
+
|
10034
|
+
[vars$r.knobSize]: `calc(1em - ${knobMargin})`,
|
10035
|
+
[vars$r.knobRadius]: '50%',
|
10036
|
+
[vars$r.knobTopOffset]: '1px',
|
10037
|
+
[vars$r.knobLeftOffset]: knobMargin,
|
10038
|
+
[vars$r.knobColor]: refs.labelTextColor,
|
10039
|
+
[vars$r.knobTransitionDuration]: '0.3s',
|
9910
10040
|
|
9911
|
-
|
9912
|
-
|
9913
|
-
|
9914
|
-
|
9915
|
-
[vars$
|
9916
|
-
[vars$
|
9917
|
-
[vars$q.fontSize]: refs.fontSize,
|
9918
|
-
[vars$q.fontFamily]: refs.fontFamily,
|
9919
|
-
|
9920
|
-
[vars$q.inputOutlineWidth]: refs.outlineWidth,
|
9921
|
-
[vars$q.inputOutlineOffset]: refs.outlineOffset,
|
9922
|
-
[vars$q.inputOutlineColor]: refs.outlineColor,
|
9923
|
-
[vars$q.inputOutlineStyle]: refs.outlineStyle,
|
9924
|
-
|
9925
|
-
[vars$q.trackBorderStyle]: refs.borderStyle,
|
9926
|
-
[vars$q.trackBorderWidth]: refs.borderWidth, // var `trackBorderWidth` used outside the theme for `left` margin calculation
|
9927
|
-
[vars$q.trackBorderColor]: refs.borderColor,
|
9928
|
-
[vars$q.trackBackgroundColor]: refs.backgroundColor,
|
9929
|
-
[vars$q.trackBorderRadius]: globalRefs$f.radius.md,
|
9930
|
-
[vars$q.trackWidth]: '2.5em', // var `trackWidth` used outside the theme for `left` margin calculation
|
9931
|
-
[vars$q.trackHeight]: checkboxHeight,
|
9932
|
-
|
9933
|
-
[vars$q.knobSize]: `calc(1em - ${knobMargin})`,
|
9934
|
-
[vars$q.knobRadius]: '50%',
|
9935
|
-
[vars$q.knobTopOffset]: '1px',
|
9936
|
-
[vars$q.knobLeftOffset]: knobMargin,
|
9937
|
-
[vars$q.knobColor]: refs.labelTextColor,
|
9938
|
-
[vars$q.knobTransitionDuration]: '0.3s',
|
9939
|
-
|
9940
|
-
[vars$q.labelTextColor]: refs.labelTextColor,
|
9941
|
-
[vars$q.labelFontWeight]: '400',
|
9942
|
-
[vars$q.labelLineHeight]: '1.35em',
|
9943
|
-
[vars$q.labelSpacing]: '1em',
|
9944
|
-
[vars$q.labelRequiredIndicator]: refs.requiredIndicator,
|
9945
|
-
[vars$q.errorMessageTextColor]: refs.errorMessageTextColor,
|
10041
|
+
[vars$r.labelTextColor]: refs.labelTextColor,
|
10042
|
+
[vars$r.labelFontWeight]: '400',
|
10043
|
+
[vars$r.labelLineHeight]: '1.35em',
|
10044
|
+
[vars$r.labelSpacing]: '1em',
|
10045
|
+
[vars$r.labelRequiredIndicator]: refs.requiredIndicator,
|
10046
|
+
[vars$r.errorMessageTextColor]: refs.errorMessageTextColor,
|
9946
10047
|
|
9947
10048
|
_checked: {
|
9948
|
-
[vars$
|
9949
|
-
[vars$
|
9950
|
-
[vars$
|
9951
|
-
[vars$
|
10049
|
+
[vars$r.trackBorderColor]: refs.borderColor,
|
10050
|
+
[vars$r.knobLeftOffset]: `calc(100% - var(${vars$r.knobSize}) - ${knobMargin})`,
|
10051
|
+
[vars$r.knobColor]: refs.valueTextColor,
|
10052
|
+
[vars$r.knobTextColor]: refs.valueTextColor,
|
9952
10053
|
},
|
9953
10054
|
|
9954
10055
|
_disabled: {
|
9955
|
-
[vars$
|
9956
|
-
[vars$
|
9957
|
-
[vars$
|
9958
|
-
[vars$
|
10056
|
+
[vars$r.knobColor]: globalRefs$g.colors.surface.light,
|
10057
|
+
[vars$r.trackBorderColor]: globalRefs$g.colors.surface.light,
|
10058
|
+
[vars$r.trackBackgroundColor]: globalRefs$g.colors.surface.main,
|
10059
|
+
[vars$r.labelTextColor]: refs.labelTextColor,
|
9959
10060
|
_checked: {
|
9960
|
-
[vars$
|
9961
|
-
[vars$
|
10061
|
+
[vars$r.knobColor]: globalRefs$g.colors.surface.light,
|
10062
|
+
[vars$r.trackBackgroundColor]: globalRefs$g.colors.surface.main,
|
9962
10063
|
},
|
9963
10064
|
},
|
9964
10065
|
|
9965
10066
|
_invalid: {
|
9966
|
-
[vars$
|
9967
|
-
[vars$
|
10067
|
+
[vars$r.trackBorderColor]: globalRefs$g.colors.error.main,
|
10068
|
+
[vars$r.knobColor]: globalRefs$g.colors.error.main,
|
9968
10069
|
},
|
9969
10070
|
};
|
9970
10071
|
|
9971
10072
|
var switchToggle$1 = /*#__PURE__*/Object.freeze({
|
9972
10073
|
__proto__: null,
|
9973
10074
|
default: switchToggle,
|
9974
|
-
vars: vars$
|
10075
|
+
vars: vars$r
|
9975
10076
|
});
|
9976
10077
|
|
9977
|
-
const globalRefs$
|
10078
|
+
const globalRefs$f = getThemeRefs(globals);
|
9978
10079
|
|
9979
|
-
const compVars$
|
10080
|
+
const compVars$4 = ContainerClass.cssVarList;
|
9980
10081
|
|
9981
10082
|
const verticalAlignment = {
|
9982
10083
|
start: { verticalAlignment: 'start' },
|
@@ -9996,7 +10097,7 @@ const [helperTheme$2, helperRefs$2, helperVars$2] = createHelperVars(
|
|
9996
10097
|
horizontalAlignment,
|
9997
10098
|
shadowColor: '#00000020', // if we want to support transparency vars, we should use different color format
|
9998
10099
|
},
|
9999
|
-
componentName$
|
10100
|
+
componentName$G
|
10000
10101
|
);
|
10001
10102
|
|
10002
10103
|
const { shadowColor: shadowColor$1 } = helperRefs$2;
|
@@ -10004,31 +10105,31 @@ const { shadowColor: shadowColor$1 } = helperRefs$2;
|
|
10004
10105
|
const container = {
|
10005
10106
|
...helperTheme$2,
|
10006
10107
|
|
10007
|
-
[compVars$
|
10008
|
-
[compVars$
|
10009
|
-
[compVars$
|
10010
|
-
[compVars$
|
10011
|
-
[compVars$
|
10012
|
-
[compVars$
|
10108
|
+
[compVars$4.hostWidth]: '100%',
|
10109
|
+
[compVars$4.boxShadow]: 'none',
|
10110
|
+
[compVars$4.backgroundColor]: globalRefs$f.colors.surface.main,
|
10111
|
+
[compVars$4.color]: globalRefs$f.colors.surface.contrast,
|
10112
|
+
[compVars$4.borderRadius]: '0px',
|
10113
|
+
[compVars$4.hostDirection]: globalRefs$f.direction,
|
10013
10114
|
|
10014
10115
|
verticalPadding: {
|
10015
|
-
sm: { [compVars$
|
10016
|
-
md: { [compVars$
|
10017
|
-
lg: { [compVars$
|
10116
|
+
sm: { [compVars$4.verticalPadding]: '5px' },
|
10117
|
+
md: { [compVars$4.verticalPadding]: '10px' },
|
10118
|
+
lg: { [compVars$4.verticalPadding]: '20px' },
|
10018
10119
|
},
|
10019
10120
|
|
10020
10121
|
horizontalPadding: {
|
10021
|
-
sm: { [compVars$
|
10022
|
-
md: { [compVars$
|
10023
|
-
lg: { [compVars$
|
10122
|
+
sm: { [compVars$4.horizontalPadding]: '5px' },
|
10123
|
+
md: { [compVars$4.horizontalPadding]: '10px' },
|
10124
|
+
lg: { [compVars$4.horizontalPadding]: '20px' },
|
10024
10125
|
},
|
10025
10126
|
|
10026
10127
|
direction: {
|
10027
10128
|
row: {
|
10028
|
-
[compVars$
|
10029
|
-
[compVars$
|
10030
|
-
[compVars$
|
10031
|
-
[compVars$
|
10129
|
+
[compVars$4.flexDirection]: 'row',
|
10130
|
+
[compVars$4.alignItems]: helperRefs$2.verticalAlignment,
|
10131
|
+
[compVars$4.justifyContent]: helperRefs$2.horizontalAlignment,
|
10132
|
+
[compVars$4.flexWrap]: 'wrap',
|
10032
10133
|
horizontalAlignment: {
|
10033
10134
|
spaceBetween: {
|
10034
10135
|
[helperVars$2.horizontalAlignment]: 'space-between',
|
@@ -10036,9 +10137,9 @@ const container = {
|
|
10036
10137
|
},
|
10037
10138
|
},
|
10038
10139
|
column: {
|
10039
|
-
[compVars$
|
10040
|
-
[compVars$
|
10041
|
-
[compVars$
|
10140
|
+
[compVars$4.flexDirection]: 'column',
|
10141
|
+
[compVars$4.alignItems]: helperRefs$2.horizontalAlignment,
|
10142
|
+
[compVars$4.justifyContent]: helperRefs$2.verticalAlignment,
|
10042
10143
|
verticalAlignment: {
|
10043
10144
|
spaceBetween: {
|
10044
10145
|
[helperVars$2.verticalAlignment]: 'space-between',
|
@@ -10048,208 +10149,208 @@ const container = {
|
|
10048
10149
|
},
|
10049
10150
|
|
10050
10151
|
spaceBetween: {
|
10051
|
-
sm: { [compVars$
|
10052
|
-
md: { [compVars$
|
10053
|
-
lg: { [compVars$
|
10152
|
+
sm: { [compVars$4.gap]: '10px' },
|
10153
|
+
md: { [compVars$4.gap]: '20px' },
|
10154
|
+
lg: { [compVars$4.gap]: '30px' },
|
10054
10155
|
},
|
10055
10156
|
|
10056
10157
|
shadow: {
|
10057
10158
|
sm: {
|
10058
|
-
[compVars$
|
10159
|
+
[compVars$4.boxShadow]: `${globalRefs$f.shadow.wide.sm} ${shadowColor$1}, ${globalRefs$f.shadow.narrow.sm} ${shadowColor$1}`,
|
10059
10160
|
},
|
10060
10161
|
md: {
|
10061
|
-
[compVars$
|
10162
|
+
[compVars$4.boxShadow]: `${globalRefs$f.shadow.wide.md} ${shadowColor$1}, ${globalRefs$f.shadow.narrow.md} ${shadowColor$1}`,
|
10062
10163
|
},
|
10063
10164
|
lg: {
|
10064
|
-
[compVars$
|
10165
|
+
[compVars$4.boxShadow]: `${globalRefs$f.shadow.wide.lg} ${shadowColor$1}, ${globalRefs$f.shadow.narrow.lg} ${shadowColor$1}`,
|
10065
10166
|
},
|
10066
10167
|
xl: {
|
10067
|
-
[compVars$
|
10168
|
+
[compVars$4.boxShadow]: `${globalRefs$f.shadow.wide.xl} ${shadowColor$1}, ${globalRefs$f.shadow.narrow.xl} ${shadowColor$1}`,
|
10068
10169
|
},
|
10069
10170
|
'2xl': {
|
10070
10171
|
[helperVars$2.shadowColor]: '#00000050', // mimic daisyUI shadow settings
|
10071
|
-
[compVars$
|
10172
|
+
[compVars$4.boxShadow]: `${globalRefs$f.shadow.wide['2xl']} ${shadowColor$1}`,
|
10072
10173
|
},
|
10073
10174
|
},
|
10074
10175
|
|
10075
10176
|
borderRadius: {
|
10076
|
-
sm: { [compVars$
|
10077
|
-
md: { [compVars$
|
10078
|
-
lg: { [compVars$
|
10079
|
-
xl: { [compVars$
|
10080
|
-
'2xl': { [compVars$
|
10081
|
-
'3xl': { [compVars$
|
10177
|
+
sm: { [compVars$4.borderRadius]: globalRefs$f.radius.sm },
|
10178
|
+
md: { [compVars$4.borderRadius]: globalRefs$f.radius.md },
|
10179
|
+
lg: { [compVars$4.borderRadius]: globalRefs$f.radius.lg },
|
10180
|
+
xl: { [compVars$4.borderRadius]: globalRefs$f.radius.xl },
|
10181
|
+
'2xl': { [compVars$4.borderRadius]: globalRefs$f.radius['2xl'] },
|
10182
|
+
'3xl': { [compVars$4.borderRadius]: globalRefs$f.radius['3xl'] },
|
10082
10183
|
},
|
10083
10184
|
};
|
10084
10185
|
|
10085
|
-
const vars$
|
10086
|
-
...compVars$
|
10186
|
+
const vars$q = {
|
10187
|
+
...compVars$4,
|
10087
10188
|
...helperVars$2,
|
10088
10189
|
};
|
10089
10190
|
|
10090
10191
|
var container$1 = /*#__PURE__*/Object.freeze({
|
10091
10192
|
__proto__: null,
|
10092
10193
|
default: container,
|
10093
|
-
vars: vars$
|
10194
|
+
vars: vars$q
|
10094
10195
|
});
|
10095
10196
|
|
10096
|
-
const vars$
|
10197
|
+
const vars$p = LogoClass.cssVarList;
|
10097
10198
|
|
10098
10199
|
const logo$2 = {
|
10099
|
-
[vars$
|
10200
|
+
[vars$p.fallbackUrl]: 'url(https://imgs.descope.com/components/no-logo-placeholder.svg)',
|
10100
10201
|
};
|
10101
10202
|
|
10102
10203
|
var logo$3 = /*#__PURE__*/Object.freeze({
|
10103
10204
|
__proto__: null,
|
10104
10205
|
default: logo$2,
|
10105
|
-
vars: vars$
|
10206
|
+
vars: vars$p
|
10106
10207
|
});
|
10107
10208
|
|
10108
|
-
const vars$
|
10209
|
+
const vars$o = TotpImageClass.cssVarList;
|
10109
10210
|
|
10110
10211
|
const logo$1 = {
|
10111
|
-
[vars$
|
10212
|
+
[vars$o.fallbackUrl]: 'url(https://imgs.descope.com/components/totp-placeholder.svg)',
|
10112
10213
|
};
|
10113
10214
|
|
10114
10215
|
var totpImage = /*#__PURE__*/Object.freeze({
|
10115
10216
|
__proto__: null,
|
10116
10217
|
default: logo$1,
|
10117
|
-
vars: vars$
|
10218
|
+
vars: vars$o
|
10118
10219
|
});
|
10119
10220
|
|
10120
|
-
const vars$
|
10221
|
+
const vars$n = NotpImageClass.cssVarList;
|
10121
10222
|
|
10122
10223
|
const logo = {
|
10123
|
-
[vars$
|
10224
|
+
[vars$n.fallbackUrl]: 'url(https://imgs.descope.com/components/notp-placeholder.svg)',
|
10124
10225
|
};
|
10125
10226
|
|
10126
10227
|
var notpImage = /*#__PURE__*/Object.freeze({
|
10127
10228
|
__proto__: null,
|
10128
10229
|
default: logo,
|
10129
|
-
vars: vars$
|
10230
|
+
vars: vars$n
|
10130
10231
|
});
|
10131
10232
|
|
10132
|
-
const globalRefs$
|
10133
|
-
const vars$
|
10233
|
+
const globalRefs$e = getThemeRefs(globals);
|
10234
|
+
const vars$m = TextClass.cssVarList;
|
10134
10235
|
|
10135
10236
|
const text = {
|
10136
|
-
[vars$
|
10137
|
-
[vars$
|
10138
|
-
[vars$
|
10139
|
-
[vars$
|
10237
|
+
[vars$m.hostDirection]: globalRefs$e.direction,
|
10238
|
+
[vars$m.textLineHeight]: '1.35em',
|
10239
|
+
[vars$m.textAlign]: 'left',
|
10240
|
+
[vars$m.textColor]: globalRefs$e.colors.surface.dark,
|
10140
10241
|
variant: {
|
10141
10242
|
h1: {
|
10142
|
-
[vars$
|
10143
|
-
[vars$
|
10144
|
-
[vars$
|
10243
|
+
[vars$m.fontSize]: globalRefs$e.typography.h1.size,
|
10244
|
+
[vars$m.fontWeight]: globalRefs$e.typography.h1.weight,
|
10245
|
+
[vars$m.fontFamily]: globalRefs$e.typography.h1.font,
|
10145
10246
|
},
|
10146
10247
|
h2: {
|
10147
|
-
[vars$
|
10148
|
-
[vars$
|
10149
|
-
[vars$
|
10248
|
+
[vars$m.fontSize]: globalRefs$e.typography.h2.size,
|
10249
|
+
[vars$m.fontWeight]: globalRefs$e.typography.h2.weight,
|
10250
|
+
[vars$m.fontFamily]: globalRefs$e.typography.h2.font,
|
10150
10251
|
},
|
10151
10252
|
h3: {
|
10152
|
-
[vars$
|
10153
|
-
[vars$
|
10154
|
-
[vars$
|
10253
|
+
[vars$m.fontSize]: globalRefs$e.typography.h3.size,
|
10254
|
+
[vars$m.fontWeight]: globalRefs$e.typography.h3.weight,
|
10255
|
+
[vars$m.fontFamily]: globalRefs$e.typography.h3.font,
|
10155
10256
|
},
|
10156
10257
|
subtitle1: {
|
10157
|
-
[vars$
|
10158
|
-
[vars$
|
10159
|
-
[vars$
|
10258
|
+
[vars$m.fontSize]: globalRefs$e.typography.subtitle1.size,
|
10259
|
+
[vars$m.fontWeight]: globalRefs$e.typography.subtitle1.weight,
|
10260
|
+
[vars$m.fontFamily]: globalRefs$e.typography.subtitle1.font,
|
10160
10261
|
},
|
10161
10262
|
subtitle2: {
|
10162
|
-
[vars$
|
10163
|
-
[vars$
|
10164
|
-
[vars$
|
10263
|
+
[vars$m.fontSize]: globalRefs$e.typography.subtitle2.size,
|
10264
|
+
[vars$m.fontWeight]: globalRefs$e.typography.subtitle2.weight,
|
10265
|
+
[vars$m.fontFamily]: globalRefs$e.typography.subtitle2.font,
|
10165
10266
|
},
|
10166
10267
|
body1: {
|
10167
|
-
[vars$
|
10168
|
-
[vars$
|
10169
|
-
[vars$
|
10268
|
+
[vars$m.fontSize]: globalRefs$e.typography.body1.size,
|
10269
|
+
[vars$m.fontWeight]: globalRefs$e.typography.body1.weight,
|
10270
|
+
[vars$m.fontFamily]: globalRefs$e.typography.body1.font,
|
10170
10271
|
},
|
10171
10272
|
body2: {
|
10172
|
-
[vars$
|
10173
|
-
[vars$
|
10174
|
-
[vars$
|
10273
|
+
[vars$m.fontSize]: globalRefs$e.typography.body2.size,
|
10274
|
+
[vars$m.fontWeight]: globalRefs$e.typography.body2.weight,
|
10275
|
+
[vars$m.fontFamily]: globalRefs$e.typography.body2.font,
|
10175
10276
|
},
|
10176
10277
|
},
|
10177
10278
|
|
10178
10279
|
mode: {
|
10179
10280
|
primary: {
|
10180
|
-
[vars$
|
10281
|
+
[vars$m.textColor]: globalRefs$e.colors.surface.contrast,
|
10181
10282
|
},
|
10182
10283
|
secondary: {
|
10183
|
-
[vars$
|
10284
|
+
[vars$m.textColor]: globalRefs$e.colors.surface.dark,
|
10184
10285
|
},
|
10185
10286
|
error: {
|
10186
|
-
[vars$
|
10287
|
+
[vars$m.textColor]: globalRefs$e.colors.error.main,
|
10187
10288
|
},
|
10188
10289
|
success: {
|
10189
|
-
[vars$
|
10290
|
+
[vars$m.textColor]: globalRefs$e.colors.success.main,
|
10190
10291
|
},
|
10191
10292
|
},
|
10192
10293
|
|
10193
10294
|
textAlign: {
|
10194
|
-
right: { [vars$
|
10195
|
-
left: { [vars$
|
10196
|
-
center: { [vars$
|
10295
|
+
right: { [vars$m.textAlign]: 'right' },
|
10296
|
+
left: { [vars$m.textAlign]: 'left' },
|
10297
|
+
center: { [vars$m.textAlign]: 'center' },
|
10197
10298
|
},
|
10198
10299
|
|
10199
10300
|
_fullWidth: {
|
10200
|
-
[vars$
|
10301
|
+
[vars$m.hostWidth]: '100%',
|
10201
10302
|
},
|
10202
10303
|
|
10203
10304
|
_italic: {
|
10204
|
-
[vars$
|
10305
|
+
[vars$m.fontStyle]: 'italic',
|
10205
10306
|
},
|
10206
10307
|
|
10207
10308
|
_uppercase: {
|
10208
|
-
[vars$
|
10309
|
+
[vars$m.textTransform]: 'uppercase',
|
10209
10310
|
},
|
10210
10311
|
|
10211
10312
|
_lowercase: {
|
10212
|
-
[vars$
|
10313
|
+
[vars$m.textTransform]: 'lowercase',
|
10213
10314
|
},
|
10214
10315
|
};
|
10215
10316
|
|
10216
10317
|
var text$1 = /*#__PURE__*/Object.freeze({
|
10217
10318
|
__proto__: null,
|
10218
10319
|
default: text,
|
10219
|
-
vars: vars$
|
10320
|
+
vars: vars$m
|
10220
10321
|
});
|
10221
10322
|
|
10222
|
-
const globalRefs$
|
10223
|
-
const vars$
|
10323
|
+
const globalRefs$d = getThemeRefs(globals);
|
10324
|
+
const vars$l = LinkClass.cssVarList;
|
10224
10325
|
|
10225
10326
|
const link = {
|
10226
|
-
[vars$
|
10227
|
-
[vars$
|
10327
|
+
[vars$l.hostDirection]: globalRefs$d.direction,
|
10328
|
+
[vars$l.cursor]: 'pointer',
|
10228
10329
|
|
10229
|
-
[vars$
|
10330
|
+
[vars$l.textColor]: globalRefs$d.colors.primary.main,
|
10230
10331
|
|
10231
10332
|
textAlign: {
|
10232
|
-
right: { [vars$
|
10233
|
-
left: { [vars$
|
10234
|
-
center: { [vars$
|
10333
|
+
right: { [vars$l.textAlign]: 'right' },
|
10334
|
+
left: { [vars$l.textAlign]: 'left' },
|
10335
|
+
center: { [vars$l.textAlign]: 'center' },
|
10235
10336
|
},
|
10236
10337
|
|
10237
10338
|
_fullWidth: {
|
10238
|
-
[vars$
|
10339
|
+
[vars$l.hostWidth]: '100%',
|
10239
10340
|
},
|
10240
10341
|
|
10241
10342
|
mode: {
|
10242
10343
|
primary: {
|
10243
|
-
[vars$
|
10344
|
+
[vars$l.textColor]: globalRefs$d.colors.primary.main,
|
10244
10345
|
},
|
10245
10346
|
secondary: {
|
10246
|
-
[vars$
|
10347
|
+
[vars$l.textColor]: globalRefs$d.colors.secondary.main,
|
10247
10348
|
},
|
10248
10349
|
error: {
|
10249
|
-
[vars$
|
10350
|
+
[vars$l.textColor]: globalRefs$d.colors.error.main,
|
10250
10351
|
},
|
10251
10352
|
success: {
|
10252
|
-
[vars$
|
10353
|
+
[vars$l.textColor]: globalRefs$d.colors.success.main,
|
10253
10354
|
},
|
10254
10355
|
},
|
10255
10356
|
};
|
@@ -10257,269 +10358,305 @@ const link = {
|
|
10257
10358
|
var link$1 = /*#__PURE__*/Object.freeze({
|
10258
10359
|
__proto__: null,
|
10259
10360
|
default: link,
|
10260
|
-
vars: vars$
|
10361
|
+
vars: vars$l
|
10261
10362
|
});
|
10262
10363
|
|
10263
|
-
const globalRefs$
|
10264
|
-
const compVars$
|
10364
|
+
const globalRefs$c = getThemeRefs(globals);
|
10365
|
+
const compVars$3 = DividerClass.cssVarList;
|
10265
10366
|
|
10266
10367
|
const [helperTheme$1, helperRefs$1, helperVars$1] = createHelperVars(
|
10267
10368
|
{
|
10268
10369
|
thickness: '2px',
|
10269
10370
|
spacing: '10px',
|
10270
10371
|
},
|
10271
|
-
componentName$
|
10372
|
+
componentName$E
|
10272
10373
|
);
|
10273
10374
|
|
10274
10375
|
const divider = {
|
10275
10376
|
...helperTheme$1,
|
10276
10377
|
|
10277
|
-
[compVars$
|
10278
|
-
[compVars$
|
10279
|
-
[compVars$
|
10280
|
-
[compVars$
|
10281
|
-
[compVars$
|
10282
|
-
[compVars$
|
10283
|
-
[compVars$
|
10284
|
-
[compVars$
|
10285
|
-
[compVars$
|
10286
|
-
[compVars$
|
10287
|
-
[compVars$
|
10288
|
-
[compVars$
|
10378
|
+
[compVars$3.hostDirection]: globalRefs$c.direction,
|
10379
|
+
[compVars$3.alignItems]: 'center',
|
10380
|
+
[compVars$3.flexDirection]: 'row',
|
10381
|
+
[compVars$3.alignSelf]: 'stretch',
|
10382
|
+
[compVars$3.hostWidth]: '100%',
|
10383
|
+
[compVars$3.stripeColor]: globalRefs$c.colors.surface.light,
|
10384
|
+
[compVars$3.stripeColorOpacity]: '0.5',
|
10385
|
+
[compVars$3.stripeHorizontalThickness]: helperRefs$1.thickness,
|
10386
|
+
[compVars$3.labelTextWidth]: 'fit-content',
|
10387
|
+
[compVars$3.labelTextMaxWidth]: 'calc(100% - 100px)',
|
10388
|
+
[compVars$3.labelTextHorizontalSpacing]: helperRefs$1.spacing,
|
10389
|
+
[compVars$3.textAlign]: 'center',
|
10289
10390
|
|
10290
10391
|
_vertical: {
|
10291
|
-
[compVars$
|
10292
|
-
[compVars$
|
10293
|
-
[compVars$
|
10294
|
-
[compVars$
|
10295
|
-
[compVars$
|
10296
|
-
[compVars$
|
10297
|
-
[compVars$
|
10298
|
-
[compVars$
|
10392
|
+
[compVars$3.minHeight]: '200px',
|
10393
|
+
[compVars$3.flexDirection]: 'column',
|
10394
|
+
[compVars$3.hostWidth]: 'fit-content',
|
10395
|
+
[compVars$3.hostPadding]: `0 calc(${helperRefs$1.thickness} * 3)`,
|
10396
|
+
[compVars$3.stripeVerticalThickness]: helperRefs$1.thickness,
|
10397
|
+
[compVars$3.labelTextWidth]: 'fit-content',
|
10398
|
+
[compVars$3.labelTextMaxWidth]: '100%',
|
10399
|
+
[compVars$3.labelTextVerticalSpacing]: helperRefs$1.spacing,
|
10299
10400
|
},
|
10300
10401
|
};
|
10301
10402
|
|
10302
|
-
const vars$
|
10303
|
-
...compVars$
|
10403
|
+
const vars$k = {
|
10404
|
+
...compVars$3,
|
10304
10405
|
...helperVars$1,
|
10305
10406
|
};
|
10306
10407
|
|
10307
10408
|
var divider$1 = /*#__PURE__*/Object.freeze({
|
10308
10409
|
__proto__: null,
|
10309
10410
|
default: divider,
|
10310
|
-
vars: vars$
|
10411
|
+
vars: vars$k
|
10311
10412
|
});
|
10312
10413
|
|
10313
|
-
const vars$
|
10414
|
+
const vars$j = PasscodeClass.cssVarList;
|
10314
10415
|
|
10315
10416
|
const passcode = {
|
10316
|
-
[vars$
|
10317
|
-
[vars$
|
10318
|
-
[vars$
|
10319
|
-
[vars$
|
10320
|
-
[vars$
|
10321
|
-
[vars$
|
10322
|
-
[vars$
|
10323
|
-
[vars$
|
10324
|
-
[vars$
|
10325
|
-
[vars$
|
10326
|
-
[vars$
|
10327
|
-
[vars$
|
10328
|
-
[vars$
|
10329
|
-
[vars$
|
10330
|
-
[vars$
|
10417
|
+
[vars$j.hostDirection]: refs.direction,
|
10418
|
+
[vars$j.fontFamily]: refs.fontFamily,
|
10419
|
+
[vars$j.fontSize]: refs.fontSize,
|
10420
|
+
[vars$j.labelTextColor]: refs.labelTextColor,
|
10421
|
+
[vars$j.labelRequiredIndicator]: refs.requiredIndicator,
|
10422
|
+
[vars$j.errorMessageTextColor]: refs.errorMessageTextColor,
|
10423
|
+
[vars$j.digitValueTextColor]: refs.valueTextColor,
|
10424
|
+
[vars$j.digitPadding]: '0',
|
10425
|
+
[vars$j.digitTextAlign]: 'center',
|
10426
|
+
[vars$j.digitSpacing]: '4px',
|
10427
|
+
[vars$j.hostWidth]: refs.width,
|
10428
|
+
[vars$j.digitOutlineColor]: 'transparent',
|
10429
|
+
[vars$j.digitOutlineWidth]: refs.outlineWidth,
|
10430
|
+
[vars$j.focusedDigitFieldOutlineColor]: refs.outlineColor,
|
10431
|
+
[vars$j.digitSize]: refs.inputHeight,
|
10331
10432
|
|
10332
10433
|
size: {
|
10333
|
-
xs: { [vars$
|
10334
|
-
sm: { [vars$
|
10335
|
-
md: { [vars$
|
10336
|
-
lg: { [vars$
|
10434
|
+
xs: { [vars$j.spinnerSize]: '15px' },
|
10435
|
+
sm: { [vars$j.spinnerSize]: '20px' },
|
10436
|
+
md: { [vars$j.spinnerSize]: '20px' },
|
10437
|
+
lg: { [vars$j.spinnerSize]: '20px' },
|
10337
10438
|
},
|
10338
10439
|
|
10339
10440
|
_hideCursor: {
|
10340
|
-
[vars$
|
10441
|
+
[vars$j.digitCaretTextColor]: 'transparent',
|
10341
10442
|
},
|
10342
10443
|
|
10343
10444
|
_loading: {
|
10344
|
-
[vars$
|
10445
|
+
[vars$j.overlayOpacity]: refs.overlayOpacity,
|
10345
10446
|
},
|
10346
10447
|
};
|
10347
10448
|
|
10348
10449
|
var passcode$1 = /*#__PURE__*/Object.freeze({
|
10349
10450
|
__proto__: null,
|
10350
10451
|
default: passcode,
|
10351
|
-
vars: vars$
|
10452
|
+
vars: vars$j
|
10352
10453
|
});
|
10353
10454
|
|
10354
|
-
const globalRefs$
|
10355
|
-
const vars$
|
10455
|
+
const globalRefs$b = getThemeRefs(globals);
|
10456
|
+
const vars$i = LoaderLinearClass.cssVarList;
|
10356
10457
|
|
10357
10458
|
const loaderLinear = {
|
10358
|
-
[vars$
|
10359
|
-
[vars$
|
10459
|
+
[vars$i.hostDisplay]: 'inline-block',
|
10460
|
+
[vars$i.hostWidth]: '100%',
|
10360
10461
|
|
10361
|
-
[vars$
|
10362
|
-
[vars$
|
10462
|
+
[vars$i.barColor]: globalRefs$b.colors.surface.contrast,
|
10463
|
+
[vars$i.barWidth]: '20%',
|
10363
10464
|
|
10364
|
-
[vars$
|
10365
|
-
[vars$
|
10465
|
+
[vars$i.barBackgroundColor]: globalRefs$b.colors.surface.light,
|
10466
|
+
[vars$i.barBorderRadius]: '4px',
|
10366
10467
|
|
10367
|
-
[vars$
|
10368
|
-
[vars$
|
10369
|
-
[vars$
|
10370
|
-
[vars$
|
10468
|
+
[vars$i.animationDuration]: '2s',
|
10469
|
+
[vars$i.animationTimingFunction]: 'linear',
|
10470
|
+
[vars$i.animationIterationCount]: 'infinite',
|
10471
|
+
[vars$i.verticalPadding]: '0.25em',
|
10371
10472
|
|
10372
10473
|
size: {
|
10373
|
-
xs: { [vars$
|
10374
|
-
sm: { [vars$
|
10375
|
-
md: { [vars$
|
10376
|
-
lg: { [vars$
|
10474
|
+
xs: { [vars$i.barHeight]: '2px' },
|
10475
|
+
sm: { [vars$i.barHeight]: '4px' },
|
10476
|
+
md: { [vars$i.barHeight]: '6px' },
|
10477
|
+
lg: { [vars$i.barHeight]: '8px' },
|
10377
10478
|
},
|
10378
10479
|
|
10379
10480
|
mode: {
|
10380
10481
|
primary: {
|
10381
|
-
[vars$
|
10482
|
+
[vars$i.barColor]: globalRefs$b.colors.primary.main,
|
10382
10483
|
},
|
10383
10484
|
secondary: {
|
10384
|
-
[vars$
|
10485
|
+
[vars$i.barColor]: globalRefs$b.colors.secondary.main,
|
10385
10486
|
},
|
10386
10487
|
},
|
10387
10488
|
|
10388
10489
|
_hidden: {
|
10389
|
-
[vars$
|
10490
|
+
[vars$i.hostDisplay]: 'none',
|
10390
10491
|
},
|
10391
10492
|
};
|
10392
10493
|
|
10393
10494
|
var loaderLinear$1 = /*#__PURE__*/Object.freeze({
|
10394
10495
|
__proto__: null,
|
10395
10496
|
default: loaderLinear,
|
10396
|
-
vars: vars$
|
10497
|
+
vars: vars$i
|
10397
10498
|
});
|
10398
10499
|
|
10399
|
-
const globalRefs$
|
10400
|
-
const compVars$
|
10500
|
+
const globalRefs$a = getThemeRefs(globals);
|
10501
|
+
const compVars$2 = LoaderRadialClass.cssVarList;
|
10401
10502
|
|
10402
10503
|
const [helperTheme, helperRefs, helperVars] = createHelperVars(
|
10403
10504
|
{
|
10404
|
-
spinnerColor: globalRefs$
|
10505
|
+
spinnerColor: globalRefs$a.colors.surface.contrast,
|
10405
10506
|
mode: {
|
10406
10507
|
primary: {
|
10407
|
-
spinnerColor: globalRefs$
|
10508
|
+
spinnerColor: globalRefs$a.colors.primary.main,
|
10408
10509
|
},
|
10409
10510
|
secondary: {
|
10410
|
-
spinnerColor: globalRefs$
|
10511
|
+
spinnerColor: globalRefs$a.colors.secondary.main,
|
10411
10512
|
},
|
10412
10513
|
},
|
10413
10514
|
},
|
10414
|
-
componentName$
|
10515
|
+
componentName$H
|
10415
10516
|
);
|
10416
10517
|
|
10417
10518
|
const loaderRadial = {
|
10418
10519
|
...helperTheme,
|
10419
10520
|
|
10420
|
-
[compVars$
|
10421
|
-
[compVars$
|
10422
|
-
[compVars$
|
10423
|
-
[compVars$
|
10424
|
-
[compVars$
|
10425
|
-
[compVars$
|
10426
|
-
[compVars$
|
10427
|
-
[compVars$
|
10428
|
-
[compVars$
|
10429
|
-
[compVars$
|
10521
|
+
[compVars$2.animationDuration]: '2s',
|
10522
|
+
[compVars$2.animationTimingFunction]: 'linear',
|
10523
|
+
[compVars$2.animationIterationCount]: 'infinite',
|
10524
|
+
[compVars$2.spinnerBorderStyle]: 'solid',
|
10525
|
+
[compVars$2.spinnerBorderWidth]: '0.2em',
|
10526
|
+
[compVars$2.spinnerBorderRadius]: '50%',
|
10527
|
+
[compVars$2.spinnerQuadrant1Color]: helperRefs.spinnerColor,
|
10528
|
+
[compVars$2.spinnerQuadrant2Color]: 'transparent',
|
10529
|
+
[compVars$2.spinnerQuadrant3Color]: helperRefs.spinnerColor,
|
10530
|
+
[compVars$2.spinnerQuadrant4Color]: 'transparent',
|
10430
10531
|
|
10431
10532
|
size: {
|
10432
|
-
xs: { [compVars$
|
10433
|
-
sm: { [compVars$
|
10434
|
-
md: { [compVars$
|
10435
|
-
lg: { [compVars$
|
10436
|
-
xl: { [compVars$
|
10533
|
+
xs: { [compVars$2.spinnerSize]: '20px' },
|
10534
|
+
sm: { [compVars$2.spinnerSize]: '30px' },
|
10535
|
+
md: { [compVars$2.spinnerSize]: '40px' },
|
10536
|
+
lg: { [compVars$2.spinnerSize]: '60px' },
|
10537
|
+
xl: { [compVars$2.spinnerSize]: '80px' },
|
10437
10538
|
},
|
10438
10539
|
|
10439
10540
|
_hidden: {
|
10440
|
-
[compVars$
|
10541
|
+
[compVars$2.hostDisplay]: 'none',
|
10441
10542
|
},
|
10442
10543
|
};
|
10443
|
-
const vars$
|
10444
|
-
...compVars$
|
10544
|
+
const vars$h = {
|
10545
|
+
...compVars$2,
|
10445
10546
|
...helperVars,
|
10446
10547
|
};
|
10447
10548
|
|
10448
10549
|
var loaderRadial$1 = /*#__PURE__*/Object.freeze({
|
10449
10550
|
__proto__: null,
|
10450
10551
|
default: loaderRadial,
|
10451
|
-
vars: vars$
|
10552
|
+
vars: vars$h
|
10452
10553
|
});
|
10453
10554
|
|
10454
|
-
const globalRefs$
|
10455
|
-
const vars$
|
10555
|
+
const globalRefs$9 = getThemeRefs(globals);
|
10556
|
+
const vars$g = ComboBoxClass.cssVarList;
|
10456
10557
|
|
10457
10558
|
const comboBox = {
|
10458
|
-
[vars$
|
10459
|
-
[vars$
|
10460
|
-
[vars$
|
10461
|
-
[vars$
|
10462
|
-
[vars$
|
10463
|
-
[vars$
|
10464
|
-
[vars$
|
10465
|
-
[vars$
|
10466
|
-
[vars$
|
10467
|
-
[vars$
|
10468
|
-
[vars$
|
10469
|
-
[vars$
|
10470
|
-
[vars$
|
10471
|
-
[vars$
|
10472
|
-
[vars$
|
10473
|
-
[vars$
|
10474
|
-
[vars$
|
10475
|
-
[vars$
|
10476
|
-
[vars$
|
10477
|
-
[vars$
|
10478
|
-
[vars$
|
10479
|
-
[vars$
|
10480
|
-
[vars$
|
10481
|
-
[vars$
|
10482
|
-
[vars$
|
10483
|
-
[vars$
|
10559
|
+
[vars$g.hostWidth]: refs.width,
|
10560
|
+
[vars$g.hostDirection]: refs.direction,
|
10561
|
+
[vars$g.fontSize]: refs.fontSize,
|
10562
|
+
[vars$g.fontFamily]: refs.fontFamily,
|
10563
|
+
[vars$g.labelTextColor]: refs.labelTextColor,
|
10564
|
+
[vars$g.errorMessageTextColor]: refs.errorMessageTextColor,
|
10565
|
+
[vars$g.inputBorderColor]: refs.borderColor,
|
10566
|
+
[vars$g.inputBorderWidth]: refs.borderWidth,
|
10567
|
+
[vars$g.inputBorderStyle]: refs.borderStyle,
|
10568
|
+
[vars$g.inputBorderRadius]: refs.borderRadius,
|
10569
|
+
[vars$g.inputOutlineColor]: refs.outlineColor,
|
10570
|
+
[vars$g.inputOutlineOffset]: refs.outlineOffset,
|
10571
|
+
[vars$g.inputOutlineWidth]: refs.outlineWidth,
|
10572
|
+
[vars$g.inputOutlineStyle]: refs.outlineStyle,
|
10573
|
+
[vars$g.labelRequiredIndicator]: refs.requiredIndicator,
|
10574
|
+
[vars$g.inputValueTextColor]: refs.valueTextColor,
|
10575
|
+
[vars$g.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
10576
|
+
[vars$g.inputBackgroundColor]: refs.backgroundColor,
|
10577
|
+
[vars$g.inputHorizontalPadding]: refs.horizontalPadding,
|
10578
|
+
[vars$g.inputHeight]: refs.inputHeight,
|
10579
|
+
[vars$g.inputDropdownButtonColor]: globalRefs$9.colors.surface.dark,
|
10580
|
+
[vars$g.inputDropdownButtonCursor]: 'pointer',
|
10581
|
+
[vars$g.inputDropdownButtonSize]: refs.toggleButtonSize,
|
10582
|
+
[vars$g.inputDropdownButtonOffset]: globalRefs$9.spacing.xs,
|
10583
|
+
[vars$g.overlayItemPaddingInlineStart]: globalRefs$9.spacing.xs,
|
10584
|
+
[vars$g.overlayItemPaddingInlineEnd]: globalRefs$9.spacing.lg,
|
10484
10585
|
|
10485
10586
|
_readonly: {
|
10486
|
-
[vars$
|
10587
|
+
[vars$g.inputDropdownButtonCursor]: 'default',
|
10487
10588
|
},
|
10488
10589
|
|
10489
10590
|
// Overlay theme exposed via the component:
|
10490
|
-
[vars$
|
10491
|
-
[vars$
|
10492
|
-
[vars$
|
10493
|
-
[vars$
|
10494
|
-
[vars$
|
10495
|
-
[vars$
|
10591
|
+
[vars$g.overlayFontSize]: refs.fontSize,
|
10592
|
+
[vars$g.overlayFontFamily]: refs.fontFamily,
|
10593
|
+
[vars$g.overlayCursor]: 'pointer',
|
10594
|
+
[vars$g.overlayItemBoxShadow]: 'none',
|
10595
|
+
[vars$g.overlayBackground]: refs.backgroundColor,
|
10596
|
+
[vars$g.overlayTextColor]: refs.valueTextColor,
|
10496
10597
|
|
10497
10598
|
// Overlay direct theme:
|
10498
|
-
[vars$
|
10499
|
-
[vars$
|
10599
|
+
[vars$g.overlay.minHeight]: '400px',
|
10600
|
+
[vars$g.overlay.margin]: '0',
|
10500
10601
|
};
|
10501
10602
|
|
10502
10603
|
var comboBox$1 = /*#__PURE__*/Object.freeze({
|
10503
10604
|
__proto__: null,
|
10504
10605
|
comboBox: comboBox,
|
10505
10606
|
default: comboBox,
|
10506
|
-
vars: vars$
|
10607
|
+
vars: vars$g
|
10507
10608
|
});
|
10508
10609
|
|
10509
|
-
const vars$
|
10610
|
+
const vars$f = ImageClass.cssVarList;
|
10510
10611
|
|
10511
10612
|
const image = {};
|
10512
10613
|
|
10513
10614
|
var image$1 = /*#__PURE__*/Object.freeze({
|
10514
10615
|
__proto__: null,
|
10515
10616
|
default: image,
|
10516
|
-
vars: vars$
|
10617
|
+
vars: vars$f
|
10517
10618
|
});
|
10518
10619
|
|
10519
|
-
const vars$
|
10620
|
+
const vars$e = PhoneFieldClass.cssVarList;
|
10520
10621
|
|
10521
10622
|
const phoneField = {
|
10522
|
-
[vars$
|
10623
|
+
[vars$e.hostWidth]: refs.width,
|
10624
|
+
[vars$e.hostDirection]: refs.direction,
|
10625
|
+
[vars$e.fontSize]: refs.fontSize,
|
10626
|
+
[vars$e.fontFamily]: refs.fontFamily,
|
10627
|
+
[vars$e.labelTextColor]: refs.labelTextColor,
|
10628
|
+
[vars$e.labelRequiredIndicator]: refs.requiredIndicator,
|
10629
|
+
[vars$e.errorMessageTextColor]: refs.errorMessageTextColor,
|
10630
|
+
[vars$e.inputValueTextColor]: refs.valueTextColor,
|
10631
|
+
[vars$e.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
10632
|
+
[vars$e.inputBorderStyle]: refs.borderStyle,
|
10633
|
+
[vars$e.inputBorderWidth]: refs.borderWidth,
|
10634
|
+
[vars$e.inputBorderColor]: refs.borderColor,
|
10635
|
+
[vars$e.inputBorderRadius]: refs.borderRadius,
|
10636
|
+
[vars$e.inputOutlineStyle]: refs.outlineStyle,
|
10637
|
+
[vars$e.inputOutlineWidth]: refs.outlineWidth,
|
10638
|
+
[vars$e.inputOutlineColor]: refs.outlineColor,
|
10639
|
+
[vars$e.inputOutlineOffset]: refs.outlineOffset,
|
10640
|
+
[vars$e.phoneInputWidth]: refs.minWidth,
|
10641
|
+
[vars$e.countryCodeInputWidth]: '5em',
|
10642
|
+
[vars$e.countryCodeDropdownWidth]: '20em',
|
10643
|
+
|
10644
|
+
// '@overlay': {
|
10645
|
+
// overlayItemBackgroundColor: 'red'
|
10646
|
+
// }
|
10647
|
+
};
|
10648
|
+
|
10649
|
+
var phoneField$1 = /*#__PURE__*/Object.freeze({
|
10650
|
+
__proto__: null,
|
10651
|
+
default: phoneField,
|
10652
|
+
vars: vars$e
|
10653
|
+
});
|
10654
|
+
|
10655
|
+
const vars$d = PhoneFieldInputBoxClass.cssVarList;
|
10656
|
+
|
10657
|
+
const phoneInputBoxField = {
|
10658
|
+
[vars$d.hostWidth]: '16em',
|
10659
|
+
[vars$d.hostMinWidth]: refs.minWidth,
|
10523
10660
|
[vars$d.hostDirection]: refs.direction,
|
10524
10661
|
[vars$d.fontSize]: refs.fontSize,
|
10525
10662
|
[vars$d.fontFamily]: refs.fontFamily,
|
@@ -10536,180 +10673,144 @@ const phoneField = {
|
|
10536
10673
|
[vars$d.inputOutlineWidth]: refs.outlineWidth,
|
10537
10674
|
[vars$d.inputOutlineColor]: refs.outlineColor,
|
10538
10675
|
[vars$d.inputOutlineOffset]: refs.outlineOffset,
|
10539
|
-
|
10540
|
-
|
10541
|
-
|
10542
|
-
|
10543
|
-
// '@overlay': {
|
10544
|
-
// overlayItemBackgroundColor: 'red'
|
10545
|
-
// }
|
10676
|
+
_fullWidth: {
|
10677
|
+
[vars$d.hostWidth]: refs.width,
|
10678
|
+
},
|
10546
10679
|
};
|
10547
10680
|
|
10548
|
-
var
|
10681
|
+
var phoneInputBoxField$1 = /*#__PURE__*/Object.freeze({
|
10549
10682
|
__proto__: null,
|
10550
|
-
default:
|
10683
|
+
default: phoneInputBoxField,
|
10551
10684
|
vars: vars$d
|
10552
10685
|
});
|
10553
10686
|
|
10554
|
-
const vars$c =
|
10687
|
+
const vars$c = NewPasswordClass.cssVarList;
|
10555
10688
|
|
10556
|
-
const
|
10557
|
-
[vars$c.hostWidth]:
|
10689
|
+
const newPassword = {
|
10690
|
+
[vars$c.hostWidth]: refs.width,
|
10558
10691
|
[vars$c.hostMinWidth]: refs.minWidth,
|
10559
10692
|
[vars$c.hostDirection]: refs.direction,
|
10560
10693
|
[vars$c.fontSize]: refs.fontSize,
|
10561
10694
|
[vars$c.fontFamily]: refs.fontFamily,
|
10562
|
-
[vars$c.
|
10563
|
-
[vars$c.labelRequiredIndicator]: refs.requiredIndicator,
|
10695
|
+
[vars$c.spaceBetweenInputs]: '1em',
|
10564
10696
|
[vars$c.errorMessageTextColor]: refs.errorMessageTextColor,
|
10565
|
-
[vars$c.inputValueTextColor]: refs.valueTextColor,
|
10566
|
-
[vars$c.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
10567
|
-
[vars$c.inputBorderStyle]: refs.borderStyle,
|
10568
|
-
[vars$c.inputBorderWidth]: refs.borderWidth,
|
10569
|
-
[vars$c.inputBorderColor]: refs.borderColor,
|
10570
|
-
[vars$c.inputBorderRadius]: refs.borderRadius,
|
10571
|
-
[vars$c.inputOutlineStyle]: refs.outlineStyle,
|
10572
|
-
[vars$c.inputOutlineWidth]: refs.outlineWidth,
|
10573
|
-
[vars$c.inputOutlineColor]: refs.outlineColor,
|
10574
|
-
[vars$c.inputOutlineOffset]: refs.outlineOffset,
|
10575
|
-
_fullWidth: {
|
10576
|
-
[vars$c.hostWidth]: refs.width,
|
10577
|
-
},
|
10578
|
-
};
|
10579
|
-
|
10580
|
-
var phoneInputBoxField$1 = /*#__PURE__*/Object.freeze({
|
10581
|
-
__proto__: null,
|
10582
|
-
default: phoneInputBoxField,
|
10583
|
-
vars: vars$c
|
10584
|
-
});
|
10585
|
-
|
10586
|
-
const vars$b = NewPasswordClass.cssVarList;
|
10587
|
-
|
10588
|
-
const newPassword = {
|
10589
|
-
[vars$b.hostWidth]: refs.width,
|
10590
|
-
[vars$b.hostMinWidth]: refs.minWidth,
|
10591
|
-
[vars$b.hostDirection]: refs.direction,
|
10592
|
-
[vars$b.fontSize]: refs.fontSize,
|
10593
|
-
[vars$b.fontFamily]: refs.fontFamily,
|
10594
|
-
[vars$b.spaceBetweenInputs]: '1em',
|
10595
|
-
[vars$b.errorMessageTextColor]: refs.errorMessageTextColor,
|
10596
10697
|
|
10597
10698
|
_required: {
|
10598
10699
|
// NewPassword doesn't pass `required` attribute to its Password components.
|
10599
10700
|
// That's why we fake the required indicator on each input.
|
10600
10701
|
// We do that by injecting `::after` element, and populating it with requiredIndicator content.
|
10601
|
-
[vars$
|
10702
|
+
[vars$c.inputsRequiredIndicator]: refs.requiredIndicator, // used to populate required content for NewPassword input fields outside the theme
|
10602
10703
|
},
|
10603
10704
|
};
|
10604
10705
|
|
10605
10706
|
var newPassword$1 = /*#__PURE__*/Object.freeze({
|
10606
10707
|
__proto__: null,
|
10607
10708
|
default: newPassword,
|
10608
|
-
vars: vars$
|
10709
|
+
vars: vars$c
|
10609
10710
|
});
|
10610
10711
|
|
10611
|
-
const vars$
|
10712
|
+
const vars$b = UploadFileClass.cssVarList;
|
10612
10713
|
|
10613
10714
|
const uploadFile = {
|
10614
|
-
[vars$
|
10615
|
-
[vars$
|
10616
|
-
[vars$
|
10715
|
+
[vars$b.hostDirection]: refs.direction,
|
10716
|
+
[vars$b.labelTextColor]: refs.labelTextColor,
|
10717
|
+
[vars$b.fontFamily]: refs.fontFamily,
|
10617
10718
|
|
10618
|
-
[vars$
|
10719
|
+
[vars$b.iconSize]: '2em',
|
10619
10720
|
|
10620
|
-
[vars$
|
10621
|
-
[vars$
|
10721
|
+
[vars$b.hostPadding]: '0.75em',
|
10722
|
+
[vars$b.gap]: '0.5em',
|
10622
10723
|
|
10623
|
-
[vars$
|
10624
|
-
[vars$
|
10625
|
-
[vars$
|
10724
|
+
[vars$b.fontSize]: '16px',
|
10725
|
+
[vars$b.titleFontWeight]: '500',
|
10726
|
+
[vars$b.lineHeight]: '1em',
|
10626
10727
|
|
10627
|
-
[vars$
|
10628
|
-
[vars$
|
10629
|
-
[vars$
|
10630
|
-
[vars$
|
10728
|
+
[vars$b.borderWidth]: refs.borderWidth,
|
10729
|
+
[vars$b.borderColor]: refs.borderColor,
|
10730
|
+
[vars$b.borderRadius]: refs.borderRadius,
|
10731
|
+
[vars$b.borderStyle]: 'dashed',
|
10631
10732
|
|
10632
10733
|
_required: {
|
10633
|
-
[vars$
|
10734
|
+
[vars$b.requiredIndicator]: refs.requiredIndicator,
|
10634
10735
|
},
|
10635
10736
|
|
10636
10737
|
size: {
|
10637
10738
|
xs: {
|
10638
|
-
[vars$
|
10639
|
-
[vars$
|
10640
|
-
[vars$
|
10641
|
-
[vars$
|
10642
|
-
[vars$
|
10739
|
+
[vars$b.hostHeight]: '196px',
|
10740
|
+
[vars$b.hostWidth]: '200px',
|
10741
|
+
[vars$b.titleFontSize]: '0.875em',
|
10742
|
+
[vars$b.descriptionFontSize]: '0.875em',
|
10743
|
+
[vars$b.lineHeight]: '1.25em',
|
10643
10744
|
},
|
10644
10745
|
sm: {
|
10645
|
-
[vars$
|
10646
|
-
[vars$
|
10647
|
-
[vars$
|
10648
|
-
[vars$
|
10649
|
-
[vars$
|
10746
|
+
[vars$b.hostHeight]: '216px',
|
10747
|
+
[vars$b.hostWidth]: '230px',
|
10748
|
+
[vars$b.titleFontSize]: '1em',
|
10749
|
+
[vars$b.descriptionFontSize]: '0.875em',
|
10750
|
+
[vars$b.lineHeight]: '1.25em',
|
10650
10751
|
},
|
10651
10752
|
md: {
|
10652
|
-
[vars$
|
10653
|
-
[vars$
|
10654
|
-
[vars$
|
10655
|
-
[vars$
|
10656
|
-
[vars$
|
10753
|
+
[vars$b.hostHeight]: '256px',
|
10754
|
+
[vars$b.hostWidth]: '312px',
|
10755
|
+
[vars$b.titleFontSize]: '1.125em',
|
10756
|
+
[vars$b.descriptionFontSize]: '1em',
|
10757
|
+
[vars$b.lineHeight]: '1.5em',
|
10657
10758
|
},
|
10658
10759
|
lg: {
|
10659
|
-
[vars$
|
10660
|
-
[vars$
|
10661
|
-
[vars$
|
10662
|
-
[vars$
|
10663
|
-
[vars$
|
10760
|
+
[vars$b.hostHeight]: '280px',
|
10761
|
+
[vars$b.hostWidth]: '336px',
|
10762
|
+
[vars$b.titleFontSize]: '1.125em',
|
10763
|
+
[vars$b.descriptionFontSize]: '1.125em',
|
10764
|
+
[vars$b.lineHeight]: '1.75em',
|
10664
10765
|
},
|
10665
10766
|
},
|
10666
10767
|
|
10667
10768
|
_fullWidth: {
|
10668
|
-
[vars$
|
10769
|
+
[vars$b.hostWidth]: refs.width,
|
10669
10770
|
},
|
10670
10771
|
};
|
10671
10772
|
|
10672
10773
|
var uploadFile$1 = /*#__PURE__*/Object.freeze({
|
10673
10774
|
__proto__: null,
|
10674
10775
|
default: uploadFile,
|
10675
|
-
vars: vars$
|
10776
|
+
vars: vars$b
|
10676
10777
|
});
|
10677
10778
|
|
10678
|
-
const globalRefs$
|
10779
|
+
const globalRefs$8 = getThemeRefs(globals);
|
10679
10780
|
|
10680
|
-
const vars$
|
10781
|
+
const vars$a = ButtonSelectionGroupItemClass.cssVarList;
|
10681
10782
|
|
10682
10783
|
const buttonSelectionGroupItem = {
|
10683
|
-
[vars$
|
10684
|
-
[vars$
|
10685
|
-
[vars$
|
10686
|
-
[vars$
|
10687
|
-
[vars$
|
10688
|
-
[vars$
|
10689
|
-
[vars$
|
10784
|
+
[vars$a.hostDirection]: 'inherit',
|
10785
|
+
[vars$a.backgroundColor]: globalRefs$8.colors.surface.main,
|
10786
|
+
[vars$a.labelTextColor]: globalRefs$8.colors.surface.contrast,
|
10787
|
+
[vars$a.borderColor]: globalRefs$8.colors.surface.light,
|
10788
|
+
[vars$a.borderStyle]: 'solid',
|
10789
|
+
[vars$a.borderRadius]: globalRefs$8.radius.sm,
|
10790
|
+
[vars$a.outlineColor]: 'transparent',
|
10690
10791
|
|
10691
10792
|
_hover: {
|
10692
|
-
[vars$
|
10793
|
+
[vars$a.backgroundColor]: globalRefs$8.colors.surface.highlight,
|
10693
10794
|
},
|
10694
10795
|
|
10695
10796
|
_focused: {
|
10696
|
-
[vars$
|
10797
|
+
[vars$a.outlineColor]: globalRefs$8.colors.surface.light,
|
10697
10798
|
},
|
10698
10799
|
|
10699
10800
|
_selected: {
|
10700
|
-
[vars$
|
10701
|
-
[vars$
|
10702
|
-
[vars$
|
10801
|
+
[vars$a.borderColor]: globalRefs$8.colors.surface.contrast,
|
10802
|
+
[vars$a.backgroundColor]: globalRefs$8.colors.surface.contrast,
|
10803
|
+
[vars$a.labelTextColor]: globalRefs$8.colors.surface.main,
|
10703
10804
|
},
|
10704
10805
|
};
|
10705
10806
|
|
10706
10807
|
var buttonSelectionGroupItem$1 = /*#__PURE__*/Object.freeze({
|
10707
10808
|
__proto__: null,
|
10708
10809
|
default: buttonSelectionGroupItem,
|
10709
|
-
vars: vars$
|
10810
|
+
vars: vars$a
|
10710
10811
|
});
|
10711
10812
|
|
10712
|
-
const globalRefs$
|
10813
|
+
const globalRefs$7 = getThemeRefs(globals);
|
10713
10814
|
|
10714
10815
|
const createBaseButtonSelectionGroupMappings = (vars) => ({
|
10715
10816
|
[vars.hostDirection]: refs.direction,
|
@@ -10717,84 +10818,84 @@ const createBaseButtonSelectionGroupMappings = (vars) => ({
|
|
10717
10818
|
[vars.labelTextColor]: refs.labelTextColor,
|
10718
10819
|
[vars.labelRequiredIndicator]: refs.requiredIndicator,
|
10719
10820
|
[vars.errorMessageTextColor]: refs.errorMessageTextColor,
|
10720
|
-
[vars.itemsSpacing]: globalRefs$
|
10821
|
+
[vars.itemsSpacing]: globalRefs$7.spacing.sm,
|
10721
10822
|
[vars.hostWidth]: refs.width,
|
10722
10823
|
});
|
10723
10824
|
|
10724
|
-
const vars$
|
10825
|
+
const vars$9 = ButtonSelectionGroupClass.cssVarList;
|
10725
10826
|
|
10726
10827
|
const buttonSelectionGroup = {
|
10727
|
-
...createBaseButtonSelectionGroupMappings(vars$
|
10828
|
+
...createBaseButtonSelectionGroupMappings(vars$9),
|
10728
10829
|
};
|
10729
10830
|
|
10730
10831
|
var buttonSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
10731
10832
|
__proto__: null,
|
10732
10833
|
default: buttonSelectionGroup,
|
10733
|
-
vars: vars$
|
10834
|
+
vars: vars$9
|
10734
10835
|
});
|
10735
10836
|
|
10736
|
-
const vars$
|
10837
|
+
const vars$8 = ButtonMultiSelectionGroupClass.cssVarList;
|
10737
10838
|
|
10738
10839
|
const buttonMultiSelectionGroup = {
|
10739
|
-
...createBaseButtonSelectionGroupMappings(vars$
|
10840
|
+
...createBaseButtonSelectionGroupMappings(vars$8),
|
10740
10841
|
};
|
10741
10842
|
|
10742
10843
|
var buttonMultiSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
10743
10844
|
__proto__: null,
|
10744
10845
|
default: buttonMultiSelectionGroup,
|
10745
|
-
vars: vars$
|
10846
|
+
vars: vars$8
|
10746
10847
|
});
|
10747
10848
|
|
10748
|
-
const globalRefs$
|
10849
|
+
const globalRefs$6 = getThemeRefs(globals);
|
10749
10850
|
|
10750
|
-
const compVars = ModalClass.cssVarList;
|
10851
|
+
const compVars$1 = ModalClass.cssVarList;
|
10751
10852
|
|
10752
10853
|
const modal = {
|
10753
|
-
[compVars.overlayBackgroundColor]: globalRefs$
|
10754
|
-
[compVars.overlayShadow]: globalRefs$
|
10755
|
-
[compVars.overlayWidth]: '540px',
|
10854
|
+
[compVars$1.overlayBackgroundColor]: globalRefs$6.colors.surface.main,
|
10855
|
+
[compVars$1.overlayShadow]: globalRefs$6.shadow.wide['2xl'],
|
10856
|
+
[compVars$1.overlayWidth]: '540px',
|
10756
10857
|
};
|
10757
10858
|
|
10758
|
-
const vars$
|
10759
|
-
...compVars,
|
10859
|
+
const vars$7 = {
|
10860
|
+
...compVars$1,
|
10760
10861
|
};
|
10761
10862
|
|
10762
10863
|
var modal$1 = /*#__PURE__*/Object.freeze({
|
10763
10864
|
__proto__: null,
|
10764
10865
|
default: modal,
|
10765
|
-
vars: vars$
|
10866
|
+
vars: vars$7
|
10766
10867
|
});
|
10767
10868
|
|
10768
|
-
const globalRefs$
|
10769
|
-
const vars$
|
10869
|
+
const globalRefs$5 = getThemeRefs(globals);
|
10870
|
+
const vars$6 = GridClass.cssVarList;
|
10770
10871
|
|
10771
10872
|
const grid = {
|
10772
|
-
[vars$
|
10773
|
-
[vars$
|
10774
|
-
[vars$
|
10775
|
-
[vars$
|
10776
|
-
[vars$
|
10873
|
+
[vars$6.hostWidth]: '100%',
|
10874
|
+
[vars$6.hostHeight]: '100%',
|
10875
|
+
[vars$6.hostMinHeight]: '400px',
|
10876
|
+
[vars$6.fontWeight]: '400',
|
10877
|
+
[vars$6.backgroundColor]: globalRefs$5.colors.surface.main,
|
10777
10878
|
|
10778
|
-
[vars$
|
10779
|
-
[vars$
|
10879
|
+
[vars$6.fontSize]: refs.fontSize,
|
10880
|
+
[vars$6.fontFamily]: refs.fontFamily,
|
10780
10881
|
|
10781
|
-
[vars$
|
10782
|
-
[vars$
|
10783
|
-
[vars$
|
10882
|
+
[vars$6.sortIndicatorsColor]: globalRefs$5.colors.surface.light,
|
10883
|
+
[vars$6.activeSortIndicator]: globalRefs$5.colors.surface.dark,
|
10884
|
+
[vars$6.resizeHandleColor]: globalRefs$5.colors.surface.light,
|
10784
10885
|
|
10785
|
-
[vars$
|
10786
|
-
[vars$
|
10787
|
-
[vars$
|
10788
|
-
[vars$
|
10886
|
+
[vars$6.borderWidth]: refs.borderWidth,
|
10887
|
+
[vars$6.borderStyle]: refs.borderStyle,
|
10888
|
+
[vars$6.borderRadius]: refs.borderRadius,
|
10889
|
+
[vars$6.borderColor]: 'transparent',
|
10789
10890
|
|
10790
|
-
[vars$
|
10791
|
-
[vars$
|
10891
|
+
[vars$6.headerRowTextColor]: globalRefs$5.colors.surface.dark,
|
10892
|
+
[vars$6.separatorColor]: globalRefs$5.colors.surface.light,
|
10792
10893
|
|
10793
|
-
[vars$
|
10794
|
-
[vars$
|
10894
|
+
[vars$6.valueTextColor]: globalRefs$5.colors.surface.contrast,
|
10895
|
+
[vars$6.selectedBackgroundColor]: globalRefs$5.colors.surface.highlight,
|
10795
10896
|
|
10796
10897
|
_bordered: {
|
10797
|
-
[vars$
|
10898
|
+
[vars$6.borderColor]: refs.borderColor,
|
10798
10899
|
},
|
10799
10900
|
};
|
10800
10901
|
|
@@ -10802,53 +10903,53 @@ var grid$1 = /*#__PURE__*/Object.freeze({
|
|
10802
10903
|
__proto__: null,
|
10803
10904
|
default: grid,
|
10804
10905
|
grid: grid,
|
10805
|
-
vars: vars$
|
10906
|
+
vars: vars$6
|
10806
10907
|
});
|
10807
10908
|
|
10808
|
-
const globalRefs$
|
10809
|
-
const vars$
|
10909
|
+
const globalRefs$4 = getThemeRefs(globals);
|
10910
|
+
const vars$5 = NotificationCardClass.cssVarList;
|
10810
10911
|
|
10811
10912
|
const shadowColor = '#00000020';
|
10812
10913
|
|
10813
10914
|
const notification = {
|
10814
|
-
[vars$
|
10815
|
-
[vars$
|
10816
|
-
[vars$
|
10817
|
-
[vars$
|
10818
|
-
[vars$
|
10819
|
-
[vars$
|
10820
|
-
[vars$
|
10821
|
-
[vars$
|
10822
|
-
[vars$
|
10915
|
+
[vars$5.hostMinWidth]: '415px',
|
10916
|
+
[vars$5.fontFamily]: globalRefs$4.fonts.font1.family,
|
10917
|
+
[vars$5.fontSize]: globalRefs$4.typography.body1.size,
|
10918
|
+
[vars$5.backgroundColor]: globalRefs$4.colors.surface.main,
|
10919
|
+
[vars$5.textColor]: globalRefs$4.colors.surface.contrast,
|
10920
|
+
[vars$5.boxShadow]: `${globalRefs$4.shadow.wide.xl} ${shadowColor}, ${globalRefs$4.shadow.narrow.xl} ${shadowColor}`,
|
10921
|
+
[vars$5.verticalPadding]: '0.625em',
|
10922
|
+
[vars$5.horizontalPadding]: '1.5em',
|
10923
|
+
[vars$5.borderRadius]: globalRefs$4.radius.xs,
|
10823
10924
|
|
10824
10925
|
_bordered: {
|
10825
|
-
[vars$
|
10826
|
-
[vars$
|
10827
|
-
[vars$
|
10926
|
+
[vars$5.borderWidth]: globalRefs$4.border.sm,
|
10927
|
+
[vars$5.borderStyle]: 'solid',
|
10928
|
+
[vars$5.borderColor]: 'transparent',
|
10828
10929
|
},
|
10829
10930
|
|
10830
10931
|
size: {
|
10831
|
-
xs: { [vars$
|
10832
|
-
sm: { [vars$
|
10833
|
-
md: { [vars$
|
10834
|
-
lg: { [vars$
|
10932
|
+
xs: { [vars$5.fontSize]: '12px' },
|
10933
|
+
sm: { [vars$5.fontSize]: '14px' },
|
10934
|
+
md: { [vars$5.fontSize]: '16px' },
|
10935
|
+
lg: { [vars$5.fontSize]: '18px' },
|
10835
10936
|
},
|
10836
10937
|
|
10837
10938
|
mode: {
|
10838
10939
|
primary: {
|
10839
|
-
[vars$
|
10840
|
-
[vars$
|
10841
|
-
[vars$
|
10940
|
+
[vars$5.backgroundColor]: globalRefs$4.colors.primary.main,
|
10941
|
+
[vars$5.textColor]: globalRefs$4.colors.primary.contrast,
|
10942
|
+
[vars$5.borderColor]: globalRefs$4.colors.primary.light,
|
10842
10943
|
},
|
10843
10944
|
success: {
|
10844
|
-
[vars$
|
10845
|
-
[vars$
|
10846
|
-
[vars$
|
10945
|
+
[vars$5.backgroundColor]: globalRefs$4.colors.success.main,
|
10946
|
+
[vars$5.textColor]: globalRefs$4.colors.success.contrast,
|
10947
|
+
[vars$5.borderColor]: globalRefs$4.colors.success.light,
|
10847
10948
|
},
|
10848
10949
|
error: {
|
10849
|
-
[vars$
|
10850
|
-
[vars$
|
10851
|
-
[vars$
|
10950
|
+
[vars$5.backgroundColor]: globalRefs$4.colors.error.main,
|
10951
|
+
[vars$5.textColor]: globalRefs$4.colors.error.contrast,
|
10952
|
+
[vars$5.borderColor]: globalRefs$4.colors.error.light,
|
10852
10953
|
},
|
10853
10954
|
},
|
10854
10955
|
};
|
@@ -10856,128 +10957,128 @@ const notification = {
|
|
10856
10957
|
var notificationCard = /*#__PURE__*/Object.freeze({
|
10857
10958
|
__proto__: null,
|
10858
10959
|
default: notification,
|
10859
|
-
vars: vars$
|
10960
|
+
vars: vars$5
|
10860
10961
|
});
|
10861
10962
|
|
10862
|
-
const globalRefs$
|
10863
|
-
const vars$
|
10963
|
+
const globalRefs$3 = getThemeRefs(globals);
|
10964
|
+
const vars$4 = MultiSelectComboBoxClass.cssVarList;
|
10864
10965
|
|
10865
10966
|
const multiSelectComboBox = {
|
10866
|
-
[vars$
|
10867
|
-
[vars$
|
10868
|
-
[vars$
|
10869
|
-
[vars$
|
10870
|
-
[vars$
|
10871
|
-
[vars$
|
10872
|
-
[vars$
|
10873
|
-
[vars$
|
10874
|
-
[vars$
|
10875
|
-
[vars$
|
10876
|
-
[vars$
|
10877
|
-
[vars$
|
10878
|
-
[vars$
|
10879
|
-
[vars$
|
10880
|
-
[vars$
|
10881
|
-
[vars$
|
10882
|
-
[vars$
|
10883
|
-
[vars$
|
10884
|
-
[vars$
|
10885
|
-
[vars$
|
10886
|
-
[vars$
|
10887
|
-
[vars$
|
10888
|
-
[vars$
|
10889
|
-
[vars$
|
10890
|
-
[vars$
|
10891
|
-
[vars$
|
10892
|
-
[vars$
|
10893
|
-
[vars$
|
10894
|
-
[vars$
|
10895
|
-
[vars$
|
10967
|
+
[vars$4.hostWidth]: refs.width,
|
10968
|
+
[vars$4.hostDirection]: refs.direction,
|
10969
|
+
[vars$4.fontSize]: refs.fontSize,
|
10970
|
+
[vars$4.fontFamily]: refs.fontFamily,
|
10971
|
+
[vars$4.labelTextColor]: refs.labelTextColor,
|
10972
|
+
[vars$4.errorMessageTextColor]: refs.errorMessageTextColor,
|
10973
|
+
[vars$4.inputBorderColor]: refs.borderColor,
|
10974
|
+
[vars$4.inputBorderWidth]: refs.borderWidth,
|
10975
|
+
[vars$4.inputBorderStyle]: refs.borderStyle,
|
10976
|
+
[vars$4.inputBorderRadius]: refs.borderRadius,
|
10977
|
+
[vars$4.inputOutlineColor]: refs.outlineColor,
|
10978
|
+
[vars$4.inputOutlineOffset]: refs.outlineOffset,
|
10979
|
+
[vars$4.inputOutlineWidth]: refs.outlineWidth,
|
10980
|
+
[vars$4.inputOutlineStyle]: refs.outlineStyle,
|
10981
|
+
[vars$4.labelRequiredIndicator]: refs.requiredIndicator,
|
10982
|
+
[vars$4.inputValueTextColor]: refs.valueTextColor,
|
10983
|
+
[vars$4.inputPlaceholderTextColor]: refs.placeholderTextColor,
|
10984
|
+
[vars$4.inputBackgroundColor]: refs.backgroundColor,
|
10985
|
+
[vars$4.inputHorizontalPadding]: refs.horizontalPadding,
|
10986
|
+
[vars$4.inputVerticalPadding]: refs.verticalPadding,
|
10987
|
+
[vars$4.inputHeight]: refs.inputHeight,
|
10988
|
+
[vars$4.inputDropdownButtonColor]: globalRefs$3.colors.surface.dark,
|
10989
|
+
[vars$4.inputDropdownButtonCursor]: 'pointer',
|
10990
|
+
[vars$4.inputDropdownButtonSize]: refs.toggleButtonSize,
|
10991
|
+
[vars$4.inputDropdownButtonOffset]: globalRefs$3.spacing.xs,
|
10992
|
+
[vars$4.overlayItemPaddingInlineStart]: globalRefs$3.spacing.xs,
|
10993
|
+
[vars$4.overlayItemPaddingInlineEnd]: globalRefs$3.spacing.lg,
|
10994
|
+
[vars$4.chipFontSize]: refs.chipFontSize,
|
10995
|
+
[vars$4.chipTextColor]: globalRefs$3.colors.surface.contrast,
|
10996
|
+
[vars$4.chipBackgroundColor]: globalRefs$3.colors.surface.light,
|
10896
10997
|
|
10897
10998
|
_readonly: {
|
10898
|
-
[vars$
|
10999
|
+
[vars$4.inputDropdownButtonCursor]: 'default',
|
10899
11000
|
},
|
10900
11001
|
|
10901
11002
|
// Overlay theme exposed via the component:
|
10902
|
-
[vars$
|
10903
|
-
[vars$
|
10904
|
-
[vars$
|
10905
|
-
[vars$
|
10906
|
-
[vars$
|
10907
|
-
[vars$
|
11003
|
+
[vars$4.overlayFontSize]: refs.fontSize,
|
11004
|
+
[vars$4.overlayFontFamily]: refs.fontFamily,
|
11005
|
+
[vars$4.overlayCursor]: 'pointer',
|
11006
|
+
[vars$4.overlayItemBoxShadow]: 'none',
|
11007
|
+
[vars$4.overlayBackground]: refs.backgroundColor,
|
11008
|
+
[vars$4.overlayTextColor]: refs.valueTextColor,
|
10908
11009
|
|
10909
11010
|
// Overlay direct theme:
|
10910
|
-
[vars$
|
10911
|
-
[vars$
|
11011
|
+
[vars$4.overlay.minHeight]: '400px',
|
11012
|
+
[vars$4.overlay.margin]: '0',
|
10912
11013
|
};
|
10913
11014
|
|
10914
11015
|
var multiSelectComboBox$1 = /*#__PURE__*/Object.freeze({
|
10915
11016
|
__proto__: null,
|
10916
11017
|
default: multiSelectComboBox,
|
10917
11018
|
multiSelectComboBox: multiSelectComboBox,
|
10918
|
-
vars: vars$
|
11019
|
+
vars: vars$4
|
10919
11020
|
});
|
10920
11021
|
|
10921
|
-
const globalRefs$
|
10922
|
-
const vars$
|
11022
|
+
const globalRefs$2 = getThemeRefs(globals);
|
11023
|
+
const vars$3 = BadgeClass.cssVarList;
|
10923
11024
|
|
10924
11025
|
const badge = {
|
10925
|
-
[vars$
|
10926
|
-
[vars$
|
11026
|
+
[vars$3.hostWidth]: 'fit-content',
|
11027
|
+
[vars$3.hostDirection]: globalRefs$2.direction,
|
10927
11028
|
|
10928
|
-
[vars$
|
11029
|
+
[vars$3.textAlign]: 'center',
|
10929
11030
|
|
10930
|
-
[vars$
|
10931
|
-
[vars$
|
11031
|
+
[vars$3.fontFamily]: globalRefs$2.fonts.font1.family,
|
11032
|
+
[vars$3.fontWeight]: '400',
|
10932
11033
|
|
10933
|
-
[vars$
|
10934
|
-
[vars$
|
11034
|
+
[vars$3.verticalPadding]: '0.25em',
|
11035
|
+
[vars$3.horizontalPadding]: '0.5em',
|
10935
11036
|
|
10936
|
-
[vars$
|
10937
|
-
[vars$
|
10938
|
-
[vars$
|
10939
|
-
[vars$
|
11037
|
+
[vars$3.borderWidth]: globalRefs$2.border.xs,
|
11038
|
+
[vars$3.borderRadius]: globalRefs$2.radius.xs,
|
11039
|
+
[vars$3.borderColor]: 'transparent',
|
11040
|
+
[vars$3.borderStyle]: 'solid',
|
10940
11041
|
|
10941
11042
|
_fullWidth: {
|
10942
|
-
[vars$
|
11043
|
+
[vars$3.hostWidth]: '100%',
|
10943
11044
|
},
|
10944
11045
|
|
10945
11046
|
size: {
|
10946
|
-
xs: { [vars$
|
10947
|
-
sm: { [vars$
|
10948
|
-
md: { [vars$
|
10949
|
-
lg: { [vars$
|
11047
|
+
xs: { [vars$3.fontSize]: '12px' },
|
11048
|
+
sm: { [vars$3.fontSize]: '14px' },
|
11049
|
+
md: { [vars$3.fontSize]: '16px' },
|
11050
|
+
lg: { [vars$3.fontSize]: '18px' },
|
10950
11051
|
},
|
10951
11052
|
|
10952
11053
|
mode: {
|
10953
11054
|
default: {
|
10954
|
-
[vars$
|
11055
|
+
[vars$3.textColor]: globalRefs$2.colors.surface.dark,
|
10955
11056
|
_bordered: {
|
10956
|
-
[vars$
|
11057
|
+
[vars$3.borderColor]: globalRefs$2.colors.surface.light,
|
10957
11058
|
},
|
10958
11059
|
},
|
10959
11060
|
primary: {
|
10960
|
-
[vars$
|
11061
|
+
[vars$3.textColor]: globalRefs$2.colors.primary.main,
|
10961
11062
|
_bordered: {
|
10962
|
-
[vars$
|
11063
|
+
[vars$3.borderColor]: globalRefs$2.colors.primary.light,
|
10963
11064
|
},
|
10964
11065
|
},
|
10965
11066
|
secondary: {
|
10966
|
-
[vars$
|
11067
|
+
[vars$3.textColor]: globalRefs$2.colors.secondary.main,
|
10967
11068
|
_bordered: {
|
10968
|
-
[vars$
|
11069
|
+
[vars$3.borderColor]: globalRefs$2.colors.secondary.light,
|
10969
11070
|
},
|
10970
11071
|
},
|
10971
11072
|
error: {
|
10972
|
-
[vars$
|
11073
|
+
[vars$3.textColor]: globalRefs$2.colors.error.main,
|
10973
11074
|
_bordered: {
|
10974
|
-
[vars$
|
11075
|
+
[vars$3.borderColor]: globalRefs$2.colors.error.light,
|
10975
11076
|
},
|
10976
11077
|
},
|
10977
11078
|
success: {
|
10978
|
-
[vars$
|
11079
|
+
[vars$3.textColor]: globalRefs$2.colors.success.main,
|
10979
11080
|
_bordered: {
|
10980
|
-
[vars$
|
11081
|
+
[vars$3.borderColor]: globalRefs$2.colors.success.light,
|
10981
11082
|
},
|
10982
11083
|
},
|
10983
11084
|
},
|
@@ -10986,6 +11087,47 @@ const badge = {
|
|
10986
11087
|
var badge$1 = /*#__PURE__*/Object.freeze({
|
10987
11088
|
__proto__: null,
|
10988
11089
|
default: badge,
|
11090
|
+
vars: vars$3
|
11091
|
+
});
|
11092
|
+
|
11093
|
+
const globalRefs$1 = getThemeRefs(globals);
|
11094
|
+
const compVars = AvatarClass.cssVarList;
|
11095
|
+
|
11096
|
+
const avatar = {
|
11097
|
+
[compVars.hostDirection]: globalRefs$1.direction,
|
11098
|
+
[compVars.editableIconColor]: globalRefs$1.colors.surface.dark,
|
11099
|
+
[compVars.editableBorderColor]: globalRefs$1.colors.surface.dark,
|
11100
|
+
[compVars.editableBackgroundColor]: globalRefs$1.colors.surface.main,
|
11101
|
+
[compVars.avatarTextColor]: globalRefs$1.colors.surface.main,
|
11102
|
+
[compVars.avatarBackgroundColor]: globalRefs$1.colors.surface.dark,
|
11103
|
+
|
11104
|
+
size: {
|
11105
|
+
xs: {
|
11106
|
+
[compVars.hostWidth]: '30px',
|
11107
|
+
[compVars.hostHeight]: '30px',
|
11108
|
+
},
|
11109
|
+
sm: {
|
11110
|
+
[compVars.hostWidth]: '40px',
|
11111
|
+
[compVars.hostHeight]: '40px',
|
11112
|
+
},
|
11113
|
+
md: {
|
11114
|
+
[compVars.hostWidth]: '60px',
|
11115
|
+
[compVars.hostHeight]: '60px',
|
11116
|
+
},
|
11117
|
+
lg: {
|
11118
|
+
[compVars.hostWidth]: '98px',
|
11119
|
+
[compVars.hostHeight]: '98px',
|
11120
|
+
},
|
11121
|
+
},
|
11122
|
+
};
|
11123
|
+
|
11124
|
+
const vars$2 = {
|
11125
|
+
...compVars,
|
11126
|
+
};
|
11127
|
+
|
11128
|
+
var avatar$1 = /*#__PURE__*/Object.freeze({
|
11129
|
+
__proto__: null,
|
11130
|
+
default: avatar,
|
10989
11131
|
vars: vars$2
|
10990
11132
|
});
|
10991
11133
|
|
@@ -11048,6 +11190,7 @@ const components = {
|
|
11048
11190
|
notificationCard,
|
11049
11191
|
multiSelectComboBox: multiSelectComboBox$1,
|
11050
11192
|
badge: badge$1,
|
11193
|
+
avatar: avatar$1,
|
11051
11194
|
mappingsField: mappingsField$1,
|
11052
11195
|
};
|
11053
11196
|
|
@@ -11061,7 +11204,7 @@ const vars = Object.keys(components).reduce(
|
|
11061
11204
|
);
|
11062
11205
|
|
11063
11206
|
const defaultTheme = { globals, components: theme };
|
11064
|
-
const themeVars = { globals: vars$
|
11207
|
+
const themeVars = { globals: vars$A, components: vars };
|
11065
11208
|
|
11066
11209
|
const colors = {
|
11067
11210
|
surface: {
|
@@ -11107,5 +11250,5 @@ const darkTheme = merge({}, defaultTheme, {
|
|
11107
11250
|
},
|
11108
11251
|
});
|
11109
11252
|
|
11110
|
-
export { BadgeClass, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CheckboxClass, ComboBoxClass, ContainerClass, DividerClass, EmailFieldClass, GridClass, ImageClass, LinkClass, LoaderLinearClass, LoaderRadialClass, LogoClass, MappingsFieldClass, ModalClass, MultiSelectComboBoxClass, NewPasswordClass, NotificationClass, NotpImageClass, NumberFieldClass, PasscodeClass, PasswordClass, PhoneFieldClass, PhoneFieldInputBoxClass, RecaptchaClass, SwitchToggleClass, TextAreaClass, TextClass, TextFieldClass, TotpImageClass, UploadFileClass, componentsThemeManager, createComponentsTheme, darkTheme, defaultTheme, genColor, globalsThemeToStyle, themeToStyle, themeVars };
|
11253
|
+
export { AvatarClass, BadgeClass, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CheckboxClass, ComboBoxClass, ContainerClass, DividerClass, EmailFieldClass, GridClass, ImageClass, LinkClass, LoaderLinearClass, LoaderRadialClass, LogoClass, MappingsFieldClass, ModalClass, MultiSelectComboBoxClass, NewPasswordClass, NotificationClass, NotpImageClass, NumberFieldClass, PasscodeClass, PasswordClass, PhoneFieldClass, PhoneFieldInputBoxClass, RecaptchaClass, SwitchToggleClass, TextAreaClass, TextClass, TextFieldClass, TotpImageClass, UploadFileClass, componentsThemeManager, createComponentsTheme, darkTheme, defaultTheme, genColor, globalsThemeToStyle, themeToStyle, themeVars };
|
11111
11254
|
//# sourceMappingURL=index.esm.js.map
|