@descope/web-components-ui 1.0.388 → 1.0.390

Sign up to get free protection for your applications and to get access to all the features.
package/dist/index.esm.js CHANGED
@@ -4154,6 +4154,7 @@ var textFieldMappings = {
4154
4154
  hostWidth: { ...host$j, property: 'width' },
4155
4155
  hostMinWidth: { ...host$j, property: 'min-width' },
4156
4156
  hostDirection: { ...host$j, property: 'direction' },
4157
+ inputDirection: { ...input$1, property: 'direction' },
4157
4158
 
4158
4159
  inputBackgroundColor: [
4159
4160
  { ...inputField$5, property: 'background-color' },
@@ -5117,9 +5118,11 @@ class RawDateFieldClass extends BaseInputClass$8 {
5117
5118
  }
5118
5119
  }
5119
5120
 
5120
- const { host: host$i, input, toggleButton, overlay, backdrop } = {
5121
+ const textVars$4 = TextFieldClass.cssVarList;
5122
+ const { host: host$i, input, inputEleRTL, toggleButton, overlay, backdrop } = {
5121
5123
  host: { selector: () => ':host' },
5122
5124
  input: { selector: () => 'descope-text-field' },
5125
+ inputEleRTL: { selector: () => ':host([st-host-direction="rtl"]) descope-text-field' },
5123
5126
  toggleButton: { selector: () => '.toggle-calendar' },
5124
5127
  overlay: { selector: 'vaadin-popover-overlay::part(overlay)' },
5125
5128
  backdrop: { selector: 'vaadin-popover-overlay::part(backdrop)' },
@@ -5133,6 +5136,8 @@ const DateFieldClass = compose(
5133
5136
  hostWidth: { ...host$i, property: 'width' },
5134
5137
  hostDirection: { ...host$i, property: 'direction' },
5135
5138
  textAlign: { ...input, property: 'text-align' },
5139
+ rtlInputDirection: { ...inputEleRTL, property: textVars$4.inputDirection },
5140
+ rtlInputAlignment: { ...inputEleRTL, property: textVars$4.inputTextAlign },
5136
5141
  overlayGap: {
5137
5142
  property: () => DateFieldClass.cssVarList.overlayGap,
5138
5143
  },
@@ -5365,7 +5370,7 @@ const EmailFieldClass = compose(
5365
5370
  }),
5366
5371
  draggableMixin,
5367
5372
  externalInputMixin({
5368
- inputType: 'text',
5373
+ inputType: 'email',
5369
5374
  autocompleteType: 'username',
5370
5375
  includeAttrs: ['disabled', 'readonly', 'pattern'],
5371
5376
  }),
@@ -17229,7 +17234,6 @@ var calendar$1 = /*#__PURE__*/Object.freeze({
17229
17234
  });
17230
17235
 
17231
17236
  const globalRefs$3 = getThemeRefs(globals);
17232
-
17233
17237
  const shadowColor$1 = '#00000020';
17234
17238
  const { shadow } = globalRefs$3;
17235
17239
 
@@ -17249,6 +17253,9 @@ const dateField = {
17249
17253
  [vars$5.overlay.outlineColor]: 'transparent',
17250
17254
  [vars$5.overlay.outlineStyle]: 'none',
17251
17255
  [vars$5.overlay.padding]: '0',
17256
+
17257
+ [vars$5.rtlInputDirection]: 'ltr',
17258
+ [vars$5.rtlInputAlignment]: 'right',
17252
17259
  };
17253
17260
 
17254
17261
  var dateField$1 = /*#__PURE__*/Object.freeze({