@descope/web-components-ui 1.0.110 → 1.0.112
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +4309 -0
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.d.ts +7 -7
- package/dist/index.esm.js +7 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/65.js +1 -0
- package/dist/umd/boolean-fields-descope-checkbox-index-js.js +1 -1
- package/dist/umd/boolean-fields-descope-switch-toggle-index-js.js +1 -1
- package/dist/umd/descope-button-index-js.js +1 -1
- package/dist/umd/descope-combo-box-index-js.js +1 -1
- package/dist/umd/descope-container-index-js.js +1 -1
- package/dist/umd/descope-date-picker-index-js.js +1 -1
- package/dist/umd/descope-divider-index-js.js +1 -1
- package/dist/umd/descope-email-field-index-js.js +1 -1
- package/dist/umd/descope-image-index-js.js +1 -1
- package/dist/umd/descope-link-index-js.js +1 -1
- package/dist/umd/descope-loader-linear-index-js.js +1 -1
- package/dist/umd/descope-loader-radial-index-js.js +1 -1
- package/dist/umd/descope-logo-index-js.js +1 -1
- package/dist/umd/descope-new-password-descope-new-password-internal-index-js.js +1 -1
- package/dist/umd/descope-new-password-index-js.js +1 -1
- package/dist/umd/descope-number-field-index-js.js +1 -1
- package/dist/umd/descope-passcode-index-js.js +1 -1
- package/dist/umd/descope-password-field-index-js.js +1 -1
- package/dist/umd/descope-phone-field-index-js.js +1 -1
- package/dist/umd/descope-text-area-index-js.js +1 -1
- package/dist/umd/descope-text-field-index-js.js +1 -1
- package/dist/umd/descope-text-index-js.js +1 -1
- package/dist/umd/index.js +1 -1
- package/package.json +1 -1
- package/src/components/boolean-fields/descope-checkbox/{Checkbox.js → CheckboxClass.js} +1 -3
- package/src/components/boolean-fields/descope-checkbox/index.js +1 -1
- package/src/components/boolean-fields/descope-switch-toggle/{SwitchToggle.js → SwitchToggleClass.js} +1 -2
- package/src/components/boolean-fields/descope-switch-toggle/index.js +1 -1
- package/src/components/descope-button/{Button.js → ButtonClass.js} +1 -3
- package/src/components/descope-button/index.js +1 -1
- package/src/components/descope-combo-box/{ComboBox.js → ComboBoxClass.js} +1 -2
- package/src/components/descope-combo-box/index.js +1 -1
- package/src/components/descope-container/{Container.js → ContainerClass.js} +1 -3
- package/src/components/descope-container/index.js +1 -1
- package/src/components/descope-date-picker/index.js +2 -3
- package/src/components/descope-divider/{Divider.js → DividerClass.js} +1 -2
- package/src/components/descope-divider/index.js +1 -1
- package/src/components/descope-email-field/{EmailField.js → EmailFieldClass.js} +1 -3
- package/src/components/descope-email-field/index.js +1 -1
- package/src/components/descope-image/{Image.js → ImageClass.js} +1 -3
- package/src/components/descope-image/index.js +1 -1
- package/src/components/descope-link/{Link.js → LinkClass.js} +3 -4
- package/src/components/descope-link/index.js +1 -1
- package/src/components/descope-loader-linear/{LoaderLinear.js → LoaderLinearClass.js} +1 -3
- package/src/components/descope-loader-linear/index.js +1 -1
- package/src/components/descope-loader-radial/{LoaderRadial.js → LoaderRadialClass.js} +1 -3
- package/src/components/descope-loader-radial/index.js +1 -1
- package/src/components/descope-logo/{Logo.js → LogoClass.js} +1 -3
- package/src/components/descope-logo/index.js +1 -1
- package/src/components/descope-new-password/{NewPassword.js → NewPasswordClass.js} +3 -4
- package/src/components/descope-new-password/descope-new-password-internal/NewPasswordInternal.js +1 -1
- package/src/components/descope-new-password/index.js +1 -1
- package/src/components/descope-number-field/{NumberField.js → NumberFieldClass.js} +1 -3
- package/src/components/descope-number-field/index.js +1 -1
- package/src/components/descope-passcode/{Passcode.js → PasscodeClass.js} +2 -2
- package/src/components/descope-passcode/index.js +1 -1
- package/src/components/descope-password-field/{PasswordField.js → PasswordFieldClass.js} +1 -3
- package/src/components/descope-password-field/index.js +1 -1
- package/src/components/descope-phone-field/{PhoneField.js → PhoneFieldClass.js} +3 -3
- package/src/components/descope-phone-field/index.js +1 -1
- package/src/components/descope-text/{Text.js → TextClass.js} +1 -3
- package/src/components/descope-text/index.js +2 -1
- package/src/components/descope-text-area/{TextArea.js → TextAreaClass.js} +1 -2
- package/src/components/descope-text-area/index.js +1 -1
- package/src/components/descope-text-field/{TextField.js → TextFieldClass.js} +2 -4
- package/src/components/descope-text-field/index.js +1 -1
- package/src/index.cjs.js +20 -0
- package/src/theme/components/button.js +1 -1
- package/src/theme/components/checkbox.js +1 -1
- package/src/theme/components/comboBox.js +1 -1
- package/src/theme/components/container.js +2 -2
- package/src/theme/components/divider.js +1 -1
- package/src/theme/components/emailField.js +1 -1
- package/src/theme/components/image.js +1 -1
- package/src/theme/components/link.js +1 -1
- package/src/theme/components/loader/loaderLinear.js +1 -1
- package/src/theme/components/loader/loaderRadial.js +1 -1
- package/src/theme/components/logo.js +1 -1
- package/src/theme/components/newPassword.js +1 -1
- package/src/theme/components/numberField.js +1 -1
- package/src/theme/components/passcode.js +1 -1
- package/src/theme/components/passwordField.js +1 -1
- package/src/theme/components/phoneField.js +1 -1
- package/src/theme/components/switchToggle.js +1 -1
- package/src/theme/components/text.js +1 -1
- package/src/theme/components/textArea.js +1 -1
- package/src/theme/components/textField.js +1 -1
- package/dist/umd/890.js +0 -1
@@ -32,7 +32,7 @@ class RawLoaderRadial extends createBaseClass({ componentName, baseSelector: ':h
|
|
32
32
|
}
|
33
33
|
}
|
34
34
|
|
35
|
-
const LoaderRadialClass = compose(
|
35
|
+
export const LoaderRadialClass = compose(
|
36
36
|
createStyleMixin({
|
37
37
|
mappings: {
|
38
38
|
display: {},
|
@@ -54,5 +54,3 @@ const LoaderRadialClass = compose(
|
|
54
54
|
draggableMixin,
|
55
55
|
componentNameValidationMixin
|
56
56
|
)(RawLoaderRadial);
|
57
|
-
|
58
|
-
export default LoaderRadialClass;
|
@@ -24,7 +24,7 @@ class RawLogo extends createBaseClass({ componentName, baseSelector: ':host > di
|
|
24
24
|
}
|
25
25
|
}
|
26
26
|
|
27
|
-
const LogoClass = compose(
|
27
|
+
export const LogoClass = compose(
|
28
28
|
createStyleMixin({
|
29
29
|
mappings: {
|
30
30
|
height: { selector: () => ':host' },
|
@@ -53,5 +53,3 @@ style = `
|
|
53
53
|
pointer-events: none
|
54
54
|
}
|
55
55
|
`;
|
56
|
-
|
57
|
-
export default LogoClass;
|
@@ -7,7 +7,7 @@ import {
|
|
7
7
|
createProxy,
|
8
8
|
} from '../../mixins';
|
9
9
|
import { componentName as descopeInternalComponentName } from './descope-new-password-internal/componentName';
|
10
|
-
import PasswordFieldClass from '../descope-password-field/
|
10
|
+
import { PasswordFieldClass } from '../descope-password-field/PasswordFieldClass';
|
11
11
|
|
12
12
|
export const componentName = getComponentName('new-password');
|
13
13
|
|
@@ -57,7 +57,8 @@ const { host, internalInputsWrapper } = {
|
|
57
57
|
host: { selector: () => ':host' },
|
58
58
|
internalInputsWrapper: { selector: 'descope-new-password-internal .wrapper' }
|
59
59
|
}
|
60
|
-
|
60
|
+
|
61
|
+
export const NewPasswordClass = compose(
|
61
62
|
createStyleMixin({
|
62
63
|
mappings: {
|
63
64
|
fontSize: [
|
@@ -129,5 +130,3 @@ const overrides = `
|
|
129
130
|
height: initial;
|
130
131
|
}
|
131
132
|
`;
|
132
|
-
|
133
|
-
export default NewPasswordClass;
|
package/src/components/descope-new-password/descope-new-password-internal/NewPasswordInternal.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import { createBaseInputClass } from '../../../baseClasses/createBaseInputClass';
|
2
2
|
import { observeAttributes } from '../../../helpers/componentHelpers';
|
3
|
-
import NewPasswordClass from '../
|
3
|
+
import { NewPasswordClass } from '../NewPasswordClass';
|
4
4
|
import { componentName } from './componentName';
|
5
5
|
|
6
6
|
const passwordAttrPrefixRegex = /^password-/
|
@@ -13,7 +13,7 @@ export const componentName = getComponentName('number-field');
|
|
13
13
|
|
14
14
|
let overrides = ``;
|
15
15
|
|
16
|
-
const NumberFieldClass = compose(
|
16
|
+
export const NumberFieldClass = compose(
|
17
17
|
createStyleMixin({
|
18
18
|
mappings: {
|
19
19
|
...textFieldMappings
|
@@ -68,5 +68,3 @@ overrides = `
|
|
68
68
|
border: 0 solid;
|
69
69
|
}
|
70
70
|
`;
|
71
|
-
|
72
|
-
export default NumberFieldClass;
|
@@ -7,7 +7,7 @@ import {
|
|
7
7
|
} from '../../mixins';
|
8
8
|
import textFieldMappings from '../descope-text-field/textFieldMappings';
|
9
9
|
import { componentName as descopeInternalComponentName } from './descope-passcode-internal/PasscodeInternal';
|
10
|
-
import TextFieldClass from '../descope-text-field/
|
10
|
+
import { TextFieldClass } from '../descope-text-field/TextFieldClass'
|
11
11
|
import { compose } from '../../helpers';
|
12
12
|
import { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';
|
13
13
|
|
@@ -73,7 +73,7 @@ const { digitField, label, requiredIndicator, internalWrapper, focusedDigitField
|
|
73
73
|
|
74
74
|
const textVars = TextFieldClass.cssVarList
|
75
75
|
|
76
|
-
const PasscodeClass = compose(
|
76
|
+
export const PasscodeClass = compose(
|
77
77
|
createStyleMixin({
|
78
78
|
mappings: {
|
79
79
|
...restTextFieldMappings,
|
@@ -33,7 +33,7 @@ const {
|
|
33
33
|
requiredIndicator: { selector: '::part(required-indicator)::after' },
|
34
34
|
}
|
35
35
|
|
36
|
-
const PasswordFieldClass = compose(
|
36
|
+
export const PasswordFieldClass = compose(
|
37
37
|
createStyleMixin({
|
38
38
|
mappings: {
|
39
39
|
width: host,
|
@@ -121,5 +121,3 @@ const PasswordFieldClass = compose(
|
|
121
121
|
componentName
|
122
122
|
})
|
123
123
|
);
|
124
|
-
|
125
|
-
export default PasswordFieldClass;
|
@@ -7,8 +7,8 @@ import {
|
|
7
7
|
draggableMixin,
|
8
8
|
proxyInputMixin
|
9
9
|
} from '../../mixins';
|
10
|
-
import TextFieldClass from '../descope-text-field/
|
11
|
-
import ComboBoxClass from '../descope-combo-box/
|
10
|
+
import { TextFieldClass } from '../descope-text-field/TextFieldClass';
|
11
|
+
import { ComboBoxClass } from '../descope-combo-box/ComboBoxClass';
|
12
12
|
import CountryCodes from './CountryCodes';
|
13
13
|
|
14
14
|
const textVars = TextFieldClass.cssVarList;
|
@@ -75,7 +75,7 @@ const {
|
|
75
75
|
separator: { selector: 'descope-phone-field-internal .separator' }
|
76
76
|
};
|
77
77
|
|
78
|
-
const PhoneFieldClass = compose(
|
78
|
+
export const PhoneFieldClass = compose(
|
79
79
|
createStyleMixin({
|
80
80
|
mappings: {
|
81
81
|
fontSize: [
|
@@ -2,7 +2,7 @@ import './descope-phone-field-internal';
|
|
2
2
|
import '../descope-combo-box';
|
3
3
|
import '../descope-text-field';
|
4
4
|
|
5
|
-
import
|
5
|
+
import { componentName, PhoneFieldClass } from './PhoneFieldClass';
|
6
6
|
|
7
7
|
customElements.define(componentName, PhoneFieldClass);
|
8
8
|
|
@@ -28,7 +28,7 @@ class RawText extends createBaseClass({ componentName, baseSelector: ':host > sl
|
|
28
28
|
}
|
29
29
|
}
|
30
30
|
|
31
|
-
const TextClass = compose(
|
31
|
+
export const TextClass = compose(
|
32
32
|
createStyleMixin({
|
33
33
|
mappings: {
|
34
34
|
fontFamily: {},
|
@@ -50,5 +50,3 @@ const TextClass = compose(
|
|
50
50
|
draggableMixin,
|
51
51
|
componentNameValidationMixin
|
52
52
|
)(RawText);
|
53
|
-
|
54
|
-
export default TextClass;
|
@@ -28,7 +28,7 @@ const {
|
|
28
28
|
|
29
29
|
let overrides = ``;
|
30
30
|
|
31
|
-
const TextAreaClass = compose(
|
31
|
+
export const TextAreaClass = compose(
|
32
32
|
createStyleMixin({
|
33
33
|
mappings: {
|
34
34
|
fontSize: [host, textArea],
|
@@ -88,4 +88,3 @@ overrides = `
|
|
88
88
|
opacity: 1;
|
89
89
|
}
|
90
90
|
`;
|
91
|
-
export default TextAreaClass;
|
@@ -5,7 +5,7 @@ import {
|
|
5
5
|
proxyInputMixin,
|
6
6
|
componentNameValidationMixin
|
7
7
|
} from '../../mixins';
|
8
|
-
import textFieldMappings from '
|
8
|
+
import textFieldMappings from './textFieldMappings';
|
9
9
|
import { compose } from '../../helpers';
|
10
10
|
import { getComponentName } from '../../helpers/componentHelpers';
|
11
11
|
|
@@ -35,7 +35,7 @@ const customMixin = (superclass) =>
|
|
35
35
|
}
|
36
36
|
}
|
37
37
|
|
38
|
-
const TextFieldClass = compose(
|
38
|
+
export const TextFieldClass = compose(
|
39
39
|
createStyleMixin({
|
40
40
|
mappings: textFieldMappings
|
41
41
|
}),
|
@@ -102,5 +102,3 @@ overrides = `
|
|
102
102
|
height: unset;
|
103
103
|
}
|
104
104
|
`;
|
105
|
-
|
106
|
-
export default TextFieldClass;
|
package/src/index.cjs.js
CHANGED
@@ -1,3 +1,23 @@
|
|
1
1
|
// CJS is used by screen-renderer-service, we cannot load vaadin there,
|
2
2
|
// so we are exporting only the css generation stuff
|
3
3
|
export * from './helpers/themeHelpers';
|
4
|
+
export * from './helpers/themeHelpers/colorsHelpers';
|
5
|
+
export { CheckboxClass } from './components/boolean-fields/descope-checkbox/CheckboxClass'
|
6
|
+
export { SwitchToggleClass } from './components/boolean-fields/descope-switch-toggle/SwitchToggleClass'
|
7
|
+
export { ButtonClass } from './components/descope-button/ButtonClass';
|
8
|
+
export { LoaderLinearClass } from './components/descope-loader-linear/LoaderLinearClass';
|
9
|
+
export { LoaderRadialClass } from './components/descope-loader-radial/LoaderRadialClass';
|
10
|
+
export { ContainerClass } from './components/descope-container/ContainerClass';
|
11
|
+
export { DividerClass } from './components/descope-divider/DividerClass';
|
12
|
+
export { EmailFieldClass } from './components/descope-email-field/EmailFieldClass';
|
13
|
+
export { LinkClass } from './components/descope-link/LinkClass';
|
14
|
+
export { LogoClass } from './components/descope-logo/LogoClass';
|
15
|
+
export { NumberFieldClass } from './components/descope-number-field/NumberFieldClass';
|
16
|
+
export { PasscodeClass } from './components/descope-passcode/PasscodeClass';
|
17
|
+
export { PasswordFieldClass } from './components/descope-password-field/PasswordFieldClass';
|
18
|
+
export { TextClass } from './components/descope-text/TextClass';
|
19
|
+
export { TextAreaClass } from './components/descope-text-area/TextAreaClass';
|
20
|
+
export { TextFieldClass } from './components/descope-text-field/TextFieldClass';
|
21
|
+
export { ImageClass } from './components/descope-image/ImageClass';
|
22
|
+
export { PhoneFieldClass } from './components/descope-phone-field/PhoneFieldClass';
|
23
|
+
export { NewPasswordClass } from './components/descope-new-password/NewPasswordClass';
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import globals from '../globals';
|
2
2
|
import { getThemeRefs, createHelperVars } from '../../helpers/themeHelpers';
|
3
|
-
import
|
3
|
+
import { componentName, ButtonClass } from '../../components/descope-button/ButtonClass';
|
4
4
|
|
5
5
|
const globalRefs = getThemeRefs(globals);
|
6
6
|
const vars = ButtonClass.cssVarList;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import globals from '../globals';
|
2
2
|
import { getThemeRefs } from '../../helpers/themeHelpers';
|
3
|
-
import CheckboxClass from '../../components/boolean-fields/descope-checkbox/
|
3
|
+
import { CheckboxClass } from '../../components/boolean-fields/descope-checkbox/CheckboxClass';
|
4
4
|
|
5
5
|
const globalRefs = getThemeRefs(globals);
|
6
6
|
const vars = CheckboxClass.cssVarList;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import globals from '../globals';
|
2
|
-
import ComboBoxClass from '../../components/descope-combo-box/
|
2
|
+
import { ComboBoxClass } from '../../components/descope-combo-box/ComboBoxClass';
|
3
3
|
import { getThemeRefs } from '../../helpers/themeHelpers';
|
4
4
|
|
5
5
|
const globalRefs = getThemeRefs(globals);
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import globals from "../globals";
|
2
2
|
import { getThemeRefs, createHelperVars } from "../../helpers/themeHelpers";
|
3
|
-
import ContainerClass from "../../components/descope-container/
|
3
|
+
import { ContainerClass, componentName } from "../../components/descope-container/ContainerClass";
|
4
4
|
|
5
5
|
const globalRefs = getThemeRefs(globals);
|
6
6
|
|
@@ -23,7 +23,7 @@ const [helperTheme, helperRefs, helperVars] =
|
|
23
23
|
verticalAlignment,
|
24
24
|
horizontalAlignment,
|
25
25
|
shadowColor: '#00000020' //if we want to support transparency vars, we should use different color format
|
26
|
-
},
|
26
|
+
}, componentName)
|
27
27
|
|
28
28
|
const container = {
|
29
29
|
...helperTheme,
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import
|
1
|
+
import { componentName, DividerClass } from '../../components/descope-divider/DividerClass';
|
2
2
|
import { createHelperVars, getThemeRefs } from '../../helpers/themeHelpers';
|
3
3
|
import globals from '../globals';
|
4
4
|
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import globals from '../globals';
|
2
2
|
import { getThemeRefs } from '../../helpers/themeHelpers';
|
3
|
-
import LinkClass from '../../components/descope-link/
|
3
|
+
import { LinkClass } from '../../components/descope-link/LinkClass';
|
4
4
|
|
5
5
|
const globalRefs = getThemeRefs(globals);
|
6
6
|
const vars = LinkClass.cssVarList;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import LoaderLinearClass from '../../../components/descope-loader-linear/
|
1
|
+
import { LoaderLinearClass } from '../../../components/descope-loader-linear/LoaderLinearClass';
|
2
2
|
import { getThemeRefs } from '../../../helpers/themeHelpers';
|
3
3
|
import globals from '../../globals';
|
4
4
|
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import LoaderRadialClass from '../../../components/descope-loader-radial/
|
1
|
+
import { LoaderRadialClass } from '../../../components/descope-loader-radial/LoaderRadialClass';
|
2
2
|
import { getThemeRefs } from '../../../helpers/themeHelpers';
|
3
3
|
import globals from '../../globals';
|
4
4
|
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import PasswordFieldClass from '../../components/descope-password-field/
|
1
|
+
import { PasswordFieldClass } from '../../components/descope-password-field/PasswordFieldClass';
|
2
2
|
import globals from '../globals';
|
3
3
|
import { getThemeRefs } from '../../helpers/themeHelpers';
|
4
4
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import globals from '../globals';
|
2
|
-
import PhoneFieldClass from '../../components/descope-phone-field/
|
2
|
+
import { PhoneFieldClass } from '../../components/descope-phone-field/PhoneFieldClass';
|
3
3
|
import { getThemeRefs } from '../../helpers/themeHelpers';
|
4
4
|
|
5
5
|
const globalRefs = getThemeRefs(globals);
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import globals from '../globals';
|
2
2
|
import { getThemeRefs } from '../../helpers/themeHelpers';
|
3
|
-
import SwitchToggleClass from '../../components/boolean-fields/descope-switch-toggle/
|
3
|
+
import { SwitchToggleClass } from '../../components/boolean-fields/descope-switch-toggle/SwitchToggleClass';
|
4
4
|
|
5
5
|
const knobMargin = '2px';
|
6
6
|
const checkboxHeight = '1.25em';
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import globals from '../globals';
|
2
2
|
import { getThemeRefs } from '../../helpers/themeHelpers';
|
3
|
-
import TextClass from '../../components/descope-text/
|
3
|
+
import { TextClass } from '../../components/descope-text/TextClass';
|
4
4
|
|
5
5
|
const globalRefs = getThemeRefs(globals);
|
6
6
|
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import globals from '../globals';
|
2
2
|
import { getThemeRefs } from '../../helpers/themeHelpers';
|
3
|
-
import TextAreaClass from '../../components/descope-text-area/
|
3
|
+
import { TextAreaClass } from '../../components/descope-text-area/TextAreaClass';
|
4
4
|
|
5
5
|
const globalRefs = getThemeRefs(globals);
|
6
6
|
const vars = TextAreaClass.cssVarList;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import globals from '../globals';
|
2
2
|
import { getThemeRefs } from '../../helpers/themeHelpers';
|
3
|
-
import TextFieldClass from '../../components/descope-text-field/
|
3
|
+
import { TextFieldClass } from '../../components/descope-text-field/TextFieldClass';
|
4
4
|
|
5
5
|
const globalRefs = getThemeRefs(globals);
|
6
6
|
|
package/dist/umd/890.js
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[890],{7890:(t,e,r)=>{r.d(e,{f:()=>i,Z:()=>b});var o=r(9241),n=r(2061);const i=(0,r(4567).iY)("password-field"),{host:a,inputWrapper:d,inputElement:p,inputElementPlaceholder:l,revealButton:s,revealButtonIcon:u,revealButtonIconOutline:c,label:h,requiredIndicator:y}={host:{selector:()=>":host"},inputWrapper:{selector:"::part(input-field)"},inputElement:{selector:"> input"},inputElementPlaceholder:{selector:"> input:placeholder-shown"},revealButton:{selector:"vaadin-password-field-button"},revealButtonIcon:{selector:()=>"::part(reveal-button)::before"},revealButtonIconOutline:{selector:()=>"vaadin-password-field-button[focus-ring]"},label:{selector:"::part(label)"},requiredIndicator:{selector:"::part(required-indicator)::after"}},b=(0,n.qC)((0,o.yk)({mappings:{width:a,wrapperBorderStyle:{...d,property:"border-style"},wrapperBorderWidth:{...d,property:"border-width"},wrapperBorderColor:{...d,property:"border-color"},wrapperBorderRadius:{...d,property:"border-radius"},revealButtonOutlineBoxShadow:[{...c,property:"box-shadow"}],labelTextColor:[{...h,property:"color"},{...y,property:"color"}],inputTextColor:[{...p,property:"color"},{...u,property:"color"}],placeholderTextColor:{...l,property:"color"},fontSize:[{},a],height:d,padding:d,pointerCursor:[{...s,property:"cursor"},{...h,property:"cursor"},{...y,property:"cursor"}],outlineColor:d,outlineStyle:d,outlineWidth:[d,{property:"padding"}],backgroundColor:d}}),o.e4,o.dj,o.Ae,(t=>class extends t{get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}init(){this.addEventListener("mousedown",(t=>{if(this.isDraggable&this.isReadOnly){const e=this.baseElement.querySelector("input"),r=e.getAttribute("type");e.setAttribute("type","text"),setTimeout((()=>e.focus()));const o=t=>{e.setAttribute("type",r),t.target.removeEventListener("mouseup",o),t.target.removeEventListener("dragend",o)};t.target.addEventListener("mouseup",o,{once:!0}),t.target.addEventListener("dragend",o,{once:!0})}})),super.init?.()}}))((0,o.DM)({slots:["suffix"],wrappedEleName:"vaadin-password-field",style:'\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmin-width: 10em;\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t\tvaadin-password-field {\n\t\t\t\twidth: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field) {\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field > input {\n\t\t\t\tmin-height: 0;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\t\t\tvaadin-password-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t\tvaadin-password-field::before {\n\t\t\t\theight: initial;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field)::after {\n\t\t\t\topacity: 0;\n\t\t\t}\t\n\t\t\tvaadin-password-field[required]::part(required-indicator)::after {\n\t\t\t\tcontent: "*";\n\t\t\t}\n\t\t\t[readonly] vaadin-password-field-button {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t',excludeAttrsSync:["tabindex"],componentName:i}))}}]);
|